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