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