@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500i,600i,700i');
body{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {background-color: #fff; border: solid 1px #494949; border-color: #494949; color: #000; text-transform: uppercase; padding: 8px 25px; box-shadow: none}
.btn-primary:hover{background: #5b5b5b; color: #fff; border-color: #494949;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff; border: solid 1px #494949; border-color: #494949; color: #1d1814; box-shadow: none
}
.tophead .callnow {margin: 25px 0 0 0}
.tophead .logowrap {margin-top: 10px; text-align: center}
.social-icons {list-style: none; margin: 20px 0 0 0; padding: 0}
.social-icons li{margin-left: 7px; display: inline-block}
.social-icons li a{ width: 28px; height: 28px; border-radius: 50%; display: inline-block; color: #fff; text-align: center; line-height: 28px; font-size: 14px}
.social-icons li a.fb{background: #3a5897}
.social-icons li a.tw{background: #54aced}
.social-icons li a.e_mail{background: #fb1d1d}
.social-icons li a.gplus{background: #dc4b3e}
.navbar-nav .nav-link {padding: 0 12px!important; text-transform: uppercase}

.navbar .dropdown {position: static}
.navbar .dropdown .dropdown-menu {width: 100%; padding: 15px}
.navbar .dropdown .dropdown-menu ul {list-style: none; padding: 0; margin: 0}
.navbar .dropdown .dropdown-menu ul li{margin: 0 0 6px 0}
.navbar .dropdown .dropdown-menu ul li a{color: #1d1814}

.hero-slider .item {position: relative;}
.hero-slider .item figure {margin: 0}
.hero-slider .item figure img {width: 100%}
.hero-slider .item figcaption {position: absolute; color: #fff; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,.3)}
.hero-slider .item figcaption .container {max-width: 750px}
.hero-slider .item figcaption h1, .hero-slider .item figcaption h2{ font-size: 35px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase}
.hero-slider .item figcaption p{ font-size: 17px;color: #e0e0e0}
.hero-slider .item figcaption .btn-primary{background: #6f663f; color: #fff; border-color: #fff; padding: 10px 35px; text-transform: uppercase}
.hero-slider .item figcaption .btn-primary:hover {background: #272513; color: #fff}
.slick-next{right: 0; z-index: 100;}
.slick-prev{left: 0; z-index: 100;}
.hero-slider .slick-dots {bottom: 15px; z-index: 10}
.hero-slider.hero-slider .slick-dots li button:before {font-size: 14px}
.hero-slider .item:after{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3)}
.hero-slider .slick-dots li button:before {border: solid 1px #fff; border-radius: 50%}
.hero-slider .slick-dots li.slick-active button:before {color: #fff}
.series .seriesbox {background: #dddcdc; font-family:'EB Garamond', serif; position: relative; }
.series .seriesbox img {max-width: 100%}
.series .seriesbox h2{ font-size: 40px; font-style: italic; margin: 0 0 10px 0; line-height: .90}
.series .seriesbox h2 span{font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 300; font-style: normal}
.series .seriesbox p{ font-size: 19px; line-height: 1; font-style: italic; color: #030303;}
.series .seriesbox figcaption {position: absolute;}
.series .seriesbox.platinum figcaption, .series .seriesbox.gold figcaption {right: 60px; top: 100px}
.series .seriesbox.platinum h2{color: #493d07;}
.series .seriesbox.gold h2{color: #0a0d01;}
.series .seriesbox.silver figcaption {top: 80px; right: 50px}
.series .seriesbox.silver h2{color: #525050;}
.series .seriesbox.ergo figcaption {top: 30px; left: 20px}
.series .seriesbox.ergo h2{color: #9f6e06}
.series .seriesbox.divinity figcaption {top: 80px; left: 20px}
.series .seriesbox.divinity h2{color: #599f06}
.series .seriesbox.bistro figcaption {top: 100px; left: 30px}
.series .seriesbox.bistro h2{color: #176c94}
.series .seriesbox.lounge figcaption {top: 100px; left: 30px}
.series .seriesbox.lounge h2{color: #4f4f4f}
.series .seriesbox figcaption { transition: ease-in-out .3s}
.series .seriesbox a:hover figcaption {transform: scale(1.2,1.2)}

.featured_products .featured_box{ text-align: center; font-family: 'EB Garamond', serif; font-style: italic}
.featured_products .featured_box figure{border: solid 1px #ccc; margin-bottom: 5px; padding: 15px 0; overflow:hidden;}
.featured_products .featured_box a {color: #171717; text-decoration: none; display: block;}
.featured_products .featured_box a img {transition: ease-in-out .3s}
.featured_products .featured_box a:hover img {transform: scale(1.2,1.2)}
.featured_products .featured_box figcaption {font-size: 20px; font-weight: 600}
.section_heading { font-size: 40px; }
.section_heading span{font-family: 'EB Garamond', serif; font-style: italic; font-size: 30px}
.welcome_paradise{padding-top: 20px;}
.welcome_logo{padding-top: 20px;}
.welcome_paradise p{font-weight: 300; line-height: 1.7}
.foot_contact{padding-top: 50px}
.foot_contact .box{border: solid 1px #ccc; padding: 0 0 0 15px}
.foot_contact .contact_desc {padding: 0 0 0 60px; position: relative;}
.foot_contact .contact_desc i{ width: 45px; height: 45px; border: solid 1px #d6b17c; border-radius: 50%; position: absolute; left: 0; top: 0; text-align: center; line-height: 45px; color: #d6b17c}
.need_help {margin-top: 24px; background: #5b5b5b; color: #fff; padding: 25px 0}
.need_help .form-group {padding-right: 60px; position: relative; margin: 0}
.need_help .form-group .btn{position: absolute; right: 0; top:0; background-color: #df4f5f}
.need_help input, .need_help .btn{border-radius: 0px}
.btn-white {background: #fff; color: #171717}
.need_help a{border: solid 1px #ccc; padding: 10px 15px; display: block; text-decoration: none}
.need_help a:hover {background: #000; color: #fff}
footer{padding: 40px 0 0}
footer ul{list-style: none; padding: 0; margin: 0; font-size: 13px}
footer ul li{margin: 0 0 10px 0; font-size: 13px; text-transform: uppercase}
footer ul li a{color: #3b3b3b}
footer h3{font-size: 13px; color: #3b3b3b; font-weight: bold; margin: 0 0 10px 0}
footer p{font-size: 13px}
.copyright { margin-top: 20px; border-top: solid 1px #ccc; text-align: center; font-size: 13px; color: #7c7c7c; padding: 10px 0}

.navbar-brand {position: absolute; left: 50%; margin-left: -174px; top: 0; margin-top:20px;}
/*.navbar {margin-top: 60px}*/
.navbar {margin-top: 120px}
.dropdown-menu {margin: 0}
.sticky {position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 15px; z-index: 1000}

/* inner pages */
.listing_section .product_box {display: flex; flex-direction: column; /*height: 100%;*/ margin-top:10px;}
.listing_section .col-md-3 {margin-bottom: 30px;}
.product_box {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.product_box figure img{max-width: 100%}
.product_box .product_content{ padding: 15px}
.product_box .product_content p{margin-bottom: 4px; font-size: 14px; text-align:center; text-transform: uppercase; font-weight: bold;}
.product_box .btn-primary {margin-top: 15px; font-size: 14px}
.contact_box {padding: 20px; background: #f3f3f3; display: flex; flex-direction: column; height: 100%;}
.contact_box h3{font-size: 18px; text-transform: uppercase}
form .btn-row .btn-primary {padding: 8px 5px}
.enquiry_right_fixed {position: fixed; right: -46px; top: 35%; z-index: 100}
.enquiry_right_fixed .btn_wrap {transform: rotate(90deg); }
.enquiry_right_fixed a{ background: #6f663f; color: #fff; text-decoration: none; padding: 5px 20px; display: inline-block}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(111, 102, 63) !important;
    font-weight: bold;
}
.navbar-light .navbar-nav .nav-link {color: rgb(31, 37, 2) !important; font-weight: 600;}
.mp{ padding-right:0px; padding-left: 10px; margin-left:-4px;}
#owl-demo .item{ margin: 3px; }
#owl-demo .item img{ display: block; width: 100%; height: auto; }

.container.gallery-container {background-color: #fff;color: #35373a; min-height: 100vh; padding: 30px 50px;}
.gallery-container h1 { text-align: center; margin-top: 50px; font-weight: bold;}
.gallery-container p.page-description {text-align: center; margin: 25px auto; font-size: 18px; color: #999;}
.tz-gallery { padding: 40px;}
/* Override bootstrap column paddings */
.tz-gallery .row > div { padding: 2px;}
.tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; }
.tz-gallery .lightbox:before { position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; opacity: 0; color: #fff; font-size: 26px; /*font-family: 'Glyphicons Halflings'; content: '\e003';*/
 pointer-events: none; z-index: 9000; transition: 0.4s; }
.tz-gallery .lightbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(46, 132, 206, 0.7); content: ''; transition: 0.4s;}
.tz-gallery .lightbox:hover:after,.tz-gallery .lightbox:hover:before { opacity: 1;}
.baguetteBox-button { background-color: transparent !important;}




@media (max-width: 767px){
    body{padding-top: 65px}
    .tophead {display: none;}
    .navbar {margin-top: 0; padding: 0px 0}
    .navbar .navbar-nav{padding: 15px}
    .navbar .navbar-nav li{margin: 0 0 7px 0}
    .navbar-brand {position: relative; left: 0; margin-left: 0; margin-top:0px;}
    .navbar-brand img {max-width: 200px; /*height:50px;*/}
    .nav-container {position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 100; margin-top: 0!important}
    .navbar-toggler {position: absolute; right: 0; top: -50px}
    .hero-slider .item figcaption h1, .hero-slider .item figcaption h2, .hero-slider .item figcaption h1 span, .hero-slider .item figcaption h2 span {font-size: 18px}
    .hero-slider .item figcaption p {font-size: 13px}
    .hero-slider .item figcaption .btn-primary {padding: 2px 15px}
    .hero-detail-text {display: none}
    .need_help .btn {margin-bottom: 10px}
    .hero-slider .item figcaption {display: none!important}
    .hero-slider.static-banner .item figcaption {display: flex!important}
    .hero-slider .slick-dots {bottom: 0}
    .hero-slider.hero-slider .slick-dots li button:before {font-size: 8px; width: 12px; height: 12px; line-height: 12px;}
    .series .seriesbox figure:after{content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0}
    .series .seriesbox h2, .series .seriesbox p{color: #fff!important}
    /*.sticky {top: 60px}*/
    .sticky {top: 90px}
    .enquiry_right_fixed {display: none}
    .hero-slider-wrap{ margin-top:30px;}
    .mp{ padding-right:15px; padding-left: 15px; margin-left:0px;}
}

.w-100 { width: 100%!important; }
.details h1 { font-size: 2.5rem; font-weight: 100; text-transform: capitalize; border-bottom: 1px solid #d9dee3; padding-bottom: 10px; }
.details h1, .details p { width: 100%; }
.btn { background-color: #6f663f; border: none; border-radius: 1.6rem; padding: .375rem 1rem; font-size: 1rem; letter-spacing: 0.06rem; color: #fff; }
.btn:hover { background-color: #364003; color: #fff; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color: #272513 !important; border: solid 1px #494949; border-color: #494949;color: #fff;box-shadow: none;}
.form span { font-weight: 400; }