body{ font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif; } a{ transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -mos-transition: all 0.25s linear; } a:hover, a:focus, a.active { text-decoration: none; outline: none; } /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #wrapper{ overflow: hidden; width: 100%; position: relative; } #header{ position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 20px 75px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #header.sticky { position: fixed; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .logo { overflow: hidden; margin: 10px 0 0; width: 103px; } #nav{ overflow: hidden; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 600; position: relative; } #nav ul{ overflow: hidden; margin:0; } #nav ul li{ float: left; margin: 0 34px 0 0; } #nav ul li a{ color: #223645; } #nav ul li a:hover{ text-decoration: none; color: #fac0f9; } .btn-primary { font-size: 14px; line-height: 16px; color: #fff; border-radius: 45px; display: inline-block; vertical-align: middle; padding: 15px 35px; background-image: linear-gradient(to right,#aaaaff 0%,#fcbaf8 51%,#aaaaff 100%); background-size: 200% auto; border: none; } .btn-primary:hover { background-position: right center; } .btn-primary.bg-white { color: #f0437e; background: #fff; } #main{ overflow: hidden; } .banner-sec{ overflow: hidden; position: relative; padding: 240px 0 0; height: 900px; background: #000 url(land-image/img01.jpg) repeat fixed top right; background-size: cover;} .banner-sec .caption h2{ font-size: 34px; line-height: 48px; color: #fff; margin: 0 0 40px; } .banner-sec .caption{ padding-top: 30px; } .banner-sec .banner-img{ overflow: hidden; } .banner-sec .banner-img .img-ab{ position:absolute; top: 20%; width: 617px; right: 230px; -webkit-animation: ab 3s linear infinite; animation: ab 3s linear infinite; } .banner-sec .banner-img .img-cd{ overflow: hidden; position: absolute; bottom: 180px; right: 665px; width: 485px; -webkit-animation: cd 3s linear infinite; animation: cd 3s linear infinite; } .banner-sec .banner-img .img-ef{ overflow: hidden; position: absolute; bottom: 170px; right: 110px; width: 209px; -webkit-animation: ef 3s linear infinite; animation: ef 3s linear infinite; } .banner-sec .banner-img .img-gh{ overflow: hidden; position: absolute; bottom: 118px; right: 260px; width: 109px; -webkit-animation: ab 3s linear infinite; animation: ab 3s linear infinite; } .feature-sec{ overflow: hidden; } .feature-col{ padding: 60px 50px; box-shadow: -10px 10px 30px rgba(0,0,0,.0.3); outline: none; } .feature-col:hover{ background-color: rgba(225,36,84,0.08); box-shadow: 0px 0px 0px rgba(0,0,0,0); } .feature-col .icon{ float: left; font-size: 50px; width: 22%;background: rgba(170,170,255,1); background: -moz-linear-gradient(left, rgba(170,170,255,1) 0%, rgba(251,186,248,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170,170,255,1)), color-stop(100%, rgba(251,186,248,1))); background: -webkit-linear-gradient(left, rgba(170,170,255,1) 0%, rgba(251,186,248,1) 100%); background: -o-linear-gradient(left, rgba(170,170,255,1) 0%, rgba(251,186,248,1) 100%); background: -ms-linear-gradient(left, rgba(170,170,255,1) 0%, rgba(251,186,248,1) 100%); background: linear-gradient(to right, rgba(170,170,255,1) 0%, rgba(251,186,248,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .feature-sec .feature-col:hover .icon{ -webkit-animation: box-image-pop .4s linear infinite; animation:box-image-pop .4s linear infinite; } .feature-col h3{ font-size: 25px; color: #223645; font-weight: 600; float: left; width: 78%; line-height: 32px; margin-top: 0px; } .demo-sec{ padding-top: 60px; overflow: hidden; } .header{ margin: 0 0 40px; overflow: hidden; } .header h2{ color: #223645; font-size: 38px; line-height: 50px; font-weight: 700; margin: 0 0 35px; padding: 0 0 30px; overflow: hidden; position: relative; } .header h2:before{ position: absolute; content: ""; left: 50%; bottom: 0; width: 80px; height: 5px; background: #fac0f9; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .demo-sec h3{ font-size: 22px; color: #223645; font-weight: 600; line-height: 32px; margin-top: 0px; } .demo-sec .content-wrap{ margin: 0 0 40px; } .demo-sec .wrap-img{ position: relative; z-index: 1; overflow: hidden; width: 100%; box-shadow: 0 10px 35px rgba(26, 16, 16, 0.06); margin: 0 0 20px; } .demo-sec .wrap-img:before{ position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: rgba(0,0,0,.5); } .demo-sec .wrap-img:hover:before{ opacity: 1; } .demo-sec .wrap-icon { position: absolute; top: 35%; right: 40%; background-color: #fac0f9; visibility: hidden; opacity: 0; display: block; border-radius: 50%; font-size: 30px; width: 80px; height:80px; transform: translateY(40px); -webkit-transform: translateY(40px); transition: all 0.5s linear; padding: 25px 0; text-align: center; } .demo-sec .wrap-img:hover .wrap-icon{ visibility: visible; opacity: 1; color: #fff; transform: translateY(0); -webkit-transform: translateY(0); } .page-layout{ padding-top: 120px; padding-bottom: 110px; position: relative; } .page-layout:before{ position: absolute; content: ""; display: block; left: -9999px; right: -9999px; top: 0; bottom: 0; background: #f1f5fa; } .page-layout .article-info{ padding-top: 100px; } .page-layout h2{ font-size: 40px; line-height: 50px; color: #223645; font-weight: 700; margin: 0 0 30px; } .page-layout .article-img{ width: 670px; } .review-sec{ padding: 200px 0px 160px 0px; overflow: hidden; background-position: 50% 50%; background-size: cover; background-attachment: fixed; font-size: 20px; color: #fff; text-align: center; font-weight: 700; } .review-sec .theme-blog{ margin-right: 65px; } .review-sec .review-list{ overflow: hidden; color: #fac0f9; font-size: 40px; } .review-sec .review-list li{ display: inline-block; vertical-align: middle; margin-right: 17px; } .review-sec h3{ color: #fff; font-size: 40px; font-weight: 900; } .review-sec p{ margin-bottom: 40px; } @keyframes ab{ 0% {-webkit-transform: translateY(0);} {-ms-transform: translateY(0);} {transform: translateY(0);} 50% {-webkit-transform: translateY(10px);} {-ms-transform: translateY(10px);} {transform: translateY(10px);} 100% {-webkit-transform: translateY(0);} {-ms-transform: translateY(0);} {transform: translateY(0);} } @keyframes cd{ 0% {-webkit-transform: translateY(0);} {-ms-transform: translateY(0);} {transform: translateY(0);} 50% {-webkit-transform: translateY(-10px);} {-ms-transform: translateY(-10px);} {transform: translateY(-10px);} 100% {-webkit-transform: translateY(0);} {-ms-transform: translateY(0);} {transform: translateY(0);} } @keyframes ef{ 0% {-webkit-transform: translateX(0) translate(0);} {-ms-transform: translateX(0) translateY(0);} {transform: translateX(0) translateY(0);} 50% {-webkit-transform: translateX(-10px) translateY(-10px);} {-ms-transform: translateX(-10px) translateY(-10px);} {transform: translateX(-10px) translateY(-10px);} 100% {-webkit-transform: translateX(0) translate(0);} {-ms-transform: translateX(0) translateY(0);} {transform: translateX(0) translateY(0);} } @keyframes box-image-pop{ 0 {-webkit-transform: scale(1);} {-ms-transform: scale(1);} {transform: scale(1);} 50% {-webkit-transform: scale(1.15);} {-ms-transform: scale(1.15);} {transform: scale(1.15);} 100% {-webkit-transform: scale(1);} {-ms-transform: scale(1);} {transform: scale(1);} } @media (max-width: 1450px) { .banner-sec{ padding: 300px 0 0; height: 800px; } .banner-sec .banner-img .img-ab{ width: 500px; right: 180px; top: 30%; } .banner-sec .banner-img .img-ef{ right: 60px; bottom: 50px; } .banner-sec .banner-img .img-cd{ right: 535px; width: 425px; bottom: 70px; } .banner-sec .banner-img .img-gh{ bottom: 38px; } } @media (max-width: 1199px) { .banner-sec{ padding: 250px 0 0; height: 600px; } .banner-sec .banner-img .img-ab{ width: 380px; right: 130px; top: 40%; } .banner-sec .banner-img .img-ef{ right: 40px; width: 140px; } .banner-sec .banner-img .img-cd{ right: 375px; width: 360px; } .banner-sec .banner-img .img-gh{ bottom: 58px; right: 150px; width: 90px; } .feature-col{ padding: 40px; } .feature-col .icon{ font-size: 40px; } .feature-col h3{ font-size: 18px; line-height: 24px; } .demo-sec .wrap-icon{ width: 60px; height: 60px; font-size: 25px; padding: 17px 0; } .page-layout .article-img{ width: 58.33333%; } } @media (max-width: 1023px) { #header{ padding: 20px 15px; } .banner-sec{ padding: 170px 0 0; height: 850px; } .banner-sec .caption h2{ margin: 0 0 25px; } .page-layout{ padding-top: 80px; padding-bottom: 80px; } .review-sec{ padding: 100px 0; } } @media (max-width: 767px) { .btn-primary{ padding: 10px 15px; } .logo{ margin: 8px 0 0; width: 90px; } .banner-sec{ padding: 100px 0 0; height: 580px; } .banner-sec .caption h2{ font-size: 24px; line-height: 35px; } .banner-sec .banner-img{ width: 320px; margin: 0 auto; } .banner-sec .banner-img .img-ab{ width: 290px; right: 13px; top: 49%; } .banner-sec .banner-img .img-ef{ right: 0; width: 100px; bottom: 10px; } .banner-sec .banner-img .img-gh{ bottom: 48px; right: 90px; width: 70px; } .banner-sec .banner-img .img-cd{ bottom: 0; width: 210px; right: 115px; } .header h2{ font-size: 30px; line-height: 40px; } .demo-sec{ padding-top: 50px; } .page-layout{ padding-top: 60px; padding-bottom: 60px; } .page-layout .article-info{ padding-top: 0; } .page-layout .article-img{ width: 100%; } .review-sec{ padding: 50px 0; } .review-sec .review-list{ font-size: 25px; } }

Easy to Customize

Fully responsive

Fully Optimized for SEO

Free Support & Updates

Bootstraps HTML5/CSS3

Unlimited Color

Banner Slider, Animation

Google font, FontAwesome & Flaticon

Cloud Zoom

Easy Documentation

Clean Code

Sticky Header

Slick Slider

Home Pages

If you believing in smart ideas and branding experiences, we prepared
for you very impressive and innovative home pages.

preview 1

Home 01

preview 2

Home 02

preview 3

Home 03

preview 4

Home 04

coming-soon

Home 05

coming-soon

Home 06

Gallery Pages

preview 5

Gallery 01

preview 6

Gallery 02

coming-soon

Gallery 02

Service Pages

preview 7

Service 01

coming-soon

Service 02

coming-soon

Service 03

Blog Pages

preview 8

Blog Full Width

preview 9

Blog Left Sidebar

preview 10

Blog Classic

preview 11

Blog Detail Sidebar

preview 12

Blog Detail Full Width

coming-soon

Blog 02

Shop Pages

preview 13

Shop

preview 14

Shop Detail

preview 15

Shopping Cart

preview 16

Checkout

preview 17

Order Complete

coming-soon

Shop 02

Other Pages

preview 18

About Us

preview 19

Contact Us

preview 20

Booking

preview 21

Gift Certificates

preview 22

Faq

preview 23

404 Page

preview 24

Testimonails






      preview 25

      Pricing

      preview 26

      Coming Soon

      img responsive

      Theme Rates

      Leave us a five-star rating to show your support for our theme