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