/* ============ Typography =============== */ @font-face { font-family: 'Futura-Book'; src: url('../fonts/Futura-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Book.woff') format('woff'), url('../fonts/Futura-Book.ttf') format('truetype'), url('../fonts/Futura-Book.svg#Futura-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Book'; src: url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-Book.woff') format('woff'), url('../fonts/FuturaStd-Book.ttf') format('truetype'), url('../fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Light'; src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-Light.woff') format('woff'), url('../fonts/FuturaStd-Light.ttf') format('truetype'), url('../fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Medium'; src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-Medium.woff') format('woff'), url('../fonts/FuturaStd-Medium.ttf') format('truetype'), url('../fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Heavy'; src: url('../fonts/FuturaStd-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-Heavy.otf') format('opentype'), url('../fonts/FuturaStd-Heavy.woff') format('woff'), url('../fonts/FuturaStd-Heavy.ttf') format('truetype'), url('../fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg'); font-weight: normal; font-style: normal; } /* ============= End typography ================ */ /* ============== Resets ====================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; } ul{list-style: none;} article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} b, strong{font-weight: bold;} [type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;} [type="search"]{-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;} a,input,select,textarea{outline:none;} img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;} /* Selection colours (easy to forget) */ img::selection{background: transparent;} img::-moz-selection{background: transparent;} a{text-decoration: none; display: inline-block;} input[type='number']{-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;} input::-moz-focus-inner{border:0; padding: 0; } input:invalid, input:required{box-shadow: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{display: none;} input:required { box-shadow:none; } input::-moz-focus-inner{box-shadow:0 0 0px transparent;} /* ================== Default Layout ======================*/ body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-size:16px; line-height: 30px; font-family: 'Playfair Display', serif; font-weight: 400; font-style: normal; color:#201A14;} *{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;} /* ============= Global style =================*/ h1, h2, h3, h4, h5, h6{font-size:40px; line-height: 48px; font-family: 'FuturaStd-Book',sans-serif; font-weight: normal; font-style: normal; color:#ffffff; letter-spacing: 2px; text-transform: uppercase} h1{text-shadow: 0 0 7px 0 rgba(0,0,0,0.04);} h2, h3 ,h4{font-size:34px; line-height: 40px; color:#201A14;} h3, h4{font-size:26px; line-height: 35px;font-family: 'Playfair Display', serif; font-weight: 400; letter-spacing: 1px; text-transform: none} h4{font-size:18px; line-height: 25px; letter-spacing: 0;} h5{font-size:14px; line-height: 24px; letter-spacing: 4px;font-family: 'FuturaStd-Heavy',sans-serif; color:#201A14} dfn, address, em{font-style: normal;} label, input[type="submit"]{cursor: pointer;} button:focus{outline: none;} /* ============ btn style =====================*/ .btn{font-size:14px; line-height: 52px; font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; font-style: normal; color:#201A14; letter-spacing: 2px; text-transform: uppercase; text-align: center;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .btn.large{width:310px; height:52px;} .btn.medium{width:280px; height:52px;} .btn.small{width:236px; height:44px; line-height: 44px} .btn.ex-small{width:238px; height:52px; line-height: 52px} .transparent{border: 1px solid #201A14;} .transparent:hover{border: 1px solid transparent; background-color:#ffffff } .sisal-btn{background-color: #D0C8BA; border:1px solid transparent } .sisal-btn:hover{border: 1px solid #ffffff; background-color: transparent; color:#ffffff} /* =========== btn style ==================== */ .desk{display: block} .mobi{display: none;} .tablet{display: none} .text-centre{text-align: center} /* =========== color style ================= */ .balck{color: #201A14} .light-white{color: #F0EEE9} .paarl{color:#a1d0c9;} /* ========== End color style ===============*/ .common-wrap, .md-container, .large-container, .ex-md-container, .sm-container, .ex-sm-container{max-width: 1320px; margin: 0 auto; clear: both; padding: 0 20px;} .common-wrap .common-wrap,.common-wrap .large-container, .common-wrap .md-container, .common-wrap .ex-md-container, .common-wrap .sm-container, .common-wrap .ex-sm-container{padding: 0;} .large-container{max-width: 1286px} .common-wrap .large-container{max-width: 1246px} .ex-md-container{max-width:1294px;} .common-wrap .ex-md-container{max-width: 1254px;} .md-container{max-width:1200px;} .common-wrap .md-container{max-width:1160px;} .common-wrap .sm-container{max-width:1062px} .sm-container{max-width:1102px} .common-wrap .ex-sm-container{max-width:754px} .ex-sm-container{max-width:794px} .link:hover{text-decoration: underline;} .centerY { position: absolute; left: 0; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; } .bg-style{background-repeat: no-repeat; background-size: cover; background-position: center center;} /* =================== Flex style ========================== */ .flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .flex-box-all{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; align-items: center;} .flex-horizontal-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .flex-vertical-align{-webkit-box-align: center; align-items: center;} .flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;} .flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;} .order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} /* ================ End Flex style =========================*/ section, footer, header{float: left; width: 100%; position: relative;} body,html{height: 100%;} .main-wrap{min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden;} /* ============= Global style =================*/ /* ================= Beginning header style =================== */ .main-header-section{ position:absolute; left:0; top:34px; z-index: 1000;} .header-left-link{float:left; width:auto; position: absolute; left:0; top:10px;} .header-left-link a{float:left; width:auto; font-size:13px; line-height: 16px; font-family: 'FuturaStd-Medium',sans-serif; font-weight: normal; font-style: normal; color:#ffffff; text-transform: uppercase; letter-spacing: 0.5px; padding-left: 25px; position: relative} .header-left-link a:after{content: ''; width:12px; height: 12px; background-image: url(../svg/home/arrow.svg); background-repeat: no-repeat; background-size: 12px 12px; background-position: center center; top: 2px; left: 2px; position: absolute;} .header-left-link .left-sticky, .navExpanded .header-left-link .left-planning{display: none;} .navExpanded .header-left-link .left-sticky{display: block; padding-left: 0} .header-left-link a.left-sticky:after{content: none} .logo-wrap{float:left; width:100%; position: relative} .main-logo{ width: 100%; height: auto; margin: 0 auto; clear:both;text-align: center} .phone-nav{width: 34px; height: 20px; right: 0; top: 7px;position: absolute; cursor: pointer;} .phone-nav div{ width:34px; height: 1px; background: #ffffff; position: relative;} .phone-nav div:after, .phone-nav div:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; margin-top: 18px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #ffffff;} .phone-nav div:before{margin-top: 9px;} .no-hero-img a,.dark-header .header-left-link a{color:#2F2F2F} .no-hero-img .phone-nav div:after, .no-hero-img .phone-nav div:before,.no-hero-img .phone-nav div, .dark-header .phone-nav div, .dark-header .phone-nav div:after, .dark-header .phone-nav div:before{background:#2F2F2F} .grey-header .header-left-link a{color:#888888} .grey-header .phone-nav div, .grey-header .phone-nav div:after, .grey-header .phone-nav div:before{background:#888888} .nav-wrap {float: left;width: 100%; min-height: 100vh;opacity: 0;visibility: hidden; background-color: #fff;position: fixed;top: -100%; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; left: 0;} .sticky-header .main-header-section{position: fixed;background-color:#f0eee9;top: 0; padding: 10px 0; -webkit-transition: all .5s ease;-moz-transition: all .5s ease; transition: all .5s ease;} .sticky-header .phone-nav div:before,.sticky-header .phone-nav div:after,.sticky-header .phone-nav div{background-color: #201A14;} .sticky-header .header-left-link a{color: #201A14;} .navExpanded .nav-wrap{top: 0; opacity: 1; visibility: visible; padding-top: 213px} .navExpanded .phone-nav div:before{transform: translateY(0)rotate(-45deg);background-color: #201A14;margin-top: 9px} .navExpanded .phone-nav div:after{transform: translateY(0)rotate(45deg);background-color: #201A14; margin-top: 7px;top: 2px;} .navExpanded .phone-nav div{background-color: transparent;} .navExpanded .logo-wrap {z-index: 2} .nav-wrap ul{display: flex;justify-content: center} .nav-wrap ul li {width: auto; text-transform: uppercase; font-family: 'Playfair Display'; font-size: 24px; line-height: 55px;margin-right: 100px;} .nav-wrap ul li:last-child{margin-right: 0} .navExpanded .header-left-link a,.nav-wrap .main-nav ul li a{color: #201A14} .nav-wrap .main-nav > ul >li > a{color:#af452c} .nav-wrap ul li ul{padding-top: 25px; flex-flow: column;} .nav-wrap ul li ul li{width: 100%; font-size: 18px; line-height: 32px;text-transform: capitalize;float: left;margin-right: 0} .common-wrap .nav-wrap .common-wrap{padding: 0 20px} .navExpanded .main-header-section {position: fixed;} /*.sticky-header.navExpanded .main-header-section{top: 34px}*/ /* ============== End header style =============== */ /* ======================================= Beginning Home page style ==========================*/ /* =============== Hero section ===================*/ .main-content-wrap{background-color:#F0EEE9} .hero-wrap{float:left; width:100%; min-height: 681px;position: relative;} .hero-wrap:after{content: ''; position: absolute;top: 0; left: 0 ;background-color: rgba(0,0,0,0.2); width: 100%; height: 100%;} .hero-text{max-width: 661px; margin: 0 auto; padding-top: 210px; text-align: center; position: relative;z-index: 2} .hero-text span{float:left; width:100%;font-size:20px; line-height: 27px;font-family: 'Playfair Display', serif; font-weight: 400; color:#ffffff; margin-top: 9px; text-shadow: 0 0 7px 0 rgba(0,0,0,0.12);position: relative;} .hero-text span p a{color: #AF452B} .discover-more{font-size:12px; line-height: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; color:#ffffff; position: absolute; bottom: 38px; left: 50%; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); transform: translatex(-50%); padding-top: 50px;z-index: 2} .single-nav{display: inline-block; font-size: 15px;line-height: 20px;color: #ffffff;letter-spacing: 2px;font-family: 'FuturaStd-Medium',sans-serif;font-weight: normal;text-transform: uppercase;padding-bottom: 22px; position: relative;padding-left: 29px} .single-nav:before{content: ''; background-image: url(../svg/right-arrow-w.svg); top:0; left:0; width:20px; height:18px;position: absolute; background-repeat: no-repeat;} .blog-single:before{background-image: url(../svg/right-arrow.svg); transform: rotate(180deg);} .discover-more:after{content: ''; width:1px; height: 34px; background-color: #ffffff; top:0; left:50%; position: absolute; animation-name: anim; animation-duration: 1s; animation-iteration-count:infinite;} .dark-text h1, .dark-text span{color:#2F2F2F} .grey-header h1, .grey-header span{color:#888888} /*.single-hero-wrap{min-height: 512px}*/ @keyframes anim { 0% { height:5px; } 50%{ height:34px; } 100%{ height: 5px; } } /*New slider*/ .home-slider {width: 100%; position: relative;} .home-slider .home-hero-sliderimg{ float: left;width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;min-height: 681px;outline: none;} .slider-text {position: absolute;width: 100%; height: 100%; top: 0} /* ============== Hero section =====================*/ /* ============== Content section ==================*/ .content-wrap{float:left; width:100%; padding-top: 54px; text-align: center} article{font-size:20px; line-height: 27px; } .item-wrap {float:left; width:100%; margin-top:60px;} .home-content .item-wrap{padding-bottom: 0;} .item-text{width:49.13928012519562%; margin-top: -27px;} .item-inner-text{max-width: 480px; margin: 0 auto;} .item-inner-text p{margin-top: 30px;} /*.item-inner-text a{margin-top: 74px;}*/ .item-inner-text a{color:#af452c} .item-inner-text a.btn{color:#201A14} .item-thumb{width:49.13928012519562%} .item-thumb span p a{color: #af452c;} .item-thumb span{float:right; width:auto; float: right; width: auto; font-size: 12px; line-height: 16px; margin-top: 12px} .item-thumb span strong{font-style: italic; padding-right: 2px;} .item-thumb figure{max-height:475px; overflow: hidden;} .item-thumb figure img{height:475px; width: 100%; object-fit: cover; object-position: center;} /* ============= Content section =================== */ /* ============= experience blocks component ================ */ .experience-blocks-component-wrap{float:left; width:100%; margin-top: 88px; text-align: center;} .experience-blocks-component-wrap h2{text-transform: uppercase} .experience-blocks-component-wrap p{font-size:18px; line-height: 24px; margin-top: 14px;} .blocks-component-item-wrap{float:left; width:100%;margin-top: 80px;} .blocks-component-item{float:left; width:33.28125%; position: relative} .blocks-component-item a{display: block} .blocks-component-item figure{overflow: hidden; max-height: 301px} .blocks-component-item figure img{height: 301px; object-fit: cover; object-position: center; width: 100%} .hover img{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; position: relative} .hover:hover img{transform: scale(1.04);} .blocks-component-item figure{position: relative} .blocks-component-item figure:after{position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background-color: rgba(255, 255, 255, .8); z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .hover-thum-show .blocks-component-item figure:after{opacity: 1; visibility: visible} .blocks-component-item .hovered figure:after{opacity: 0; visibility: hidden} .blocks-component-item h3{top:48%;position: absolute; z-index: 100; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; text-transform: uppercase;} .hover-thum-show .blocks-component-item h3{color:#201A14} .blocks-component-item .hovered h3{ color:#ffffff} /* =============== experience blocks component ======================= */ /* =================== Quote ======================= */ .quote-wrap{float:left; width:100%; margin-top:88px;} .quote-thumb{float:left; width: 100%; min-height: 680px; position: relative} .quote-text{max-width: 629px; position: absolute; bottom: 86px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); text-align: center; z-index: 2} .quote-text h2{font-size:40px; line-height: 53px; font-family: 'Playfair Display', serif; font-weight: 400; color:#ffffff; letter-spacing: 0; text-transform: inherit } .quote-text span{display: inline-block;font-size:14px; line-height: 24px; color: #ffffff; letter-spacing: 2px;font-family: 'FuturaStd-Medium',sans-serif; font-weight: normal; text-transform: uppercase; margin-top: 24px;} .happy-customers-wrap{width: 91px; position: absolute; top:68px; right: 81px; text-align: center;z-index: 2} .happy-customers-text{width:91px; height: 40px; background-color: #02A680; padding: 9px 0; margin-top: 18px; position: relative} .happy-customers-text:after{content: ''; width:17px; height: 14px; background-image: url(../img/home/bg-arrow.png); background-repeat: no-repeat; background-size: 17px 14px; background-position: center center;left:50%; top:-14px; transform: translateX(-60%);position: absolute} .happy-customers-text p{font-size:8px; line-height: 11px; font-family: 'Montserrat', sans-serif; font-weight: 400; color:#ffffff; letter-spacing: 1.14px;} .quote-wrap + .cta-wrap, .activities-wrap + .quote-wrap{margin-top: 0} .quote-thumb:after{ content: '';position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.2);width: 100%;height: 100%;z-index: 1} /* ============= Quote ============================== */ /* ============= Country carousel ===================== */ .country-carousel-wrap{float:left; width:100%; margin-top: 100px; text-align: center; padding-bottom: 60px;} .country-carousel-wrap article, .blog-figure-wrap article{margin-top: 11px;} .country-carousel-wrap .large-container{max-width: 1316px} .carousel-wrap{float:left; width:100%; margin-top: 90px;} .carousel-item{float:left; width:30.33707865168539%; position: relative; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .carousel-item .country-inner-info p{color:#201A14} .carousel-thumb{float:left; position: relative; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .carousel-thumb figure{overflow: hidden;max-height: 558px;} .carousel-thumb img{width:100%; height: 558px; object-fit: cover;object-position: center;} .carousel-thumb h3{font-size:30px; line-height: 35px; text-transform: uppercase; letter-spacing: normal} .country-info {width: 100%; position: absolute; bottom: -1px; left:0; padding:0 32px; opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .slick-center .country-info{opacity: 1} .slick-center .country-inner-info{max-width:315px; margin: 0 auto; background-color: #ffffff; padding: 40px 39px 36px; } .slick-center .country-inner-info p{font-size:15px; line-height: 22px; font-family: 'FuturaStd-Light'; font-weight: normal; font-style: normal;} .country-inner-info h5{font-size:13px; line-height: 23px; letter-spacing: 2px; margin-top: 33px;} .carousel-item{padding: 0 25px} .slick-slide.slick-current.slick-active.slick-center{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; transition: all .6s ease-in;} .slick-list{overflow: visible} .slick-dots{line-height: 0; bottom: -84px} .slick-dots li, .slick-dots li button{width:10px; height:10px; background-color: #D8D8D8; border-radius: 50%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .slick-dots li{margin: 0 15px;} .slick-dots li.slick-active button{background-color: #AF452B} .slick-dots li button:before{display: none;} .slick-track:focus,.slick-initialized .slick-slide{outline: none} .country-carousel-wrap .slick-prev{left: 10px; top: 50%} .country-carousel-wrap .slick-next{right: 7px; top: 50%} /* =============== Country carousel ====================== */ /* ============= Blog figure ====================== */ .blog-figure-wrap{float:left; width:100%; margin-top: 100px; text-align: center;} .blog-fiure-row{float:left; width:100%; margin-top: 65px;} .blog-figure-item{float:left; width:50%; margin-top: 30px; padding:0 6.03448275862069%; position: relative} .blog-figure-item:after{content: ''; width:1px; top:0; right:0; bottom: 0; background-color: #979797; position: absolute;} .blog-figure-item:nth-child(2n+1){padding-left: 0; } .blog-figure-item:nth-child(2n+2){padding-right: 0; } .blog-figure-item:nth-child(2n+2):after{display: none; } .blog-figure-item figure img{width:100% ; transition: all .4s ease-in-out} .blog-figure-item-text{max-width: 458px; margin: 0 auto; text-align:center; padding: 46px 0 12px;} .blog-figure-item-text h3{font-size:30px; line-height: 35px; letter-spacing: normal; } .blog-figure-item-text p{line-height:24px; font-family: 'FuturaStd-Light',sans-serif; margin-top: 22px;} .blog-figure-item-text span{padding: 0 10px;} .blog-figure-wrap .btn-wrap{float:left; width:100%; text-align: center; margin-top: 61px;} .blog-figure-item{color:#201A14;} .blog-figure-item figure {overflow: hidden;} .blog-figure-item img{object-fit: cover;height:255px; } a.blog-figure-item:hover figure img {transition: all .4s ease-in-out -ms-transform: scale(1.06); -moz-transform: scale(1.06); -webkit-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);} .blog-figure-wrap .md-container{display: flex; flex-flow: row wrap} .blog-figure-wrap > .md-container > h2, .blog-figure-wrap > .md-container > article{width: 100%;} /* ============= Blog figure ======================== */ /* ================= CTA ================== */ .cta-wrap{float:left; width:100%; min-height: 100%; height: 100%; margin-top: 136px; position: relative; padding: 81px 0} .cta-text{max-width: 913px; margin: 0 auto; padding: 0 20px;text-align: center} .cta-text h2{font-size:40px;line-height: 53px; font-family: 'Playfair Display', serif; font-weight: 400; font-style: normal; text-transform: none; color:#ffffff; letter-spacing: normal;} .cta-text a{margin-top: 25px;} .cta-wrap.dark-text h2{color:#2F2F2F} /* ============== CTA ===================== */ /* ================ End Home page ===============*/ /* ========= Beginning Smaller header style =============*/ .smaller-header{min-height: 512px; } .noimg-wrap.smaller-header {min-height: auto;} /* ========= End Smaller header style =============*/ .item-wrap {padding-bottom: 80px;} .item-row {margin-top: 82px;} .item-row:first-child {margin-top: 0;} .item-row:nth-child(2) {margin-top: 62px;} .item-row:nth-child(3) .item-text{margin-top: 20px;} .item-row:nth-child(3) .item-inner-text p{margin-top: 36px;} .intimate-experiences p, .item-inner-text span{font-size: 18px; line-height: 28px;} .item-inner-text span{float:left;font-style: italic; margin-top: 28px;} .item-inner-text a.btn.small{margin-top: 60px} /* ========== Beginning Activities section ============= */ .activities-wrap{float:left; width:100%; background-color:#FFFFFF; padding: 108px 0 147px; text-align: center;} .activities-wrap article{margin-top: 11px;} .activities-inner{float:left; width:100%; margin-top: 39px;} .accordion-wrap{float:left; width:38.13559322033898%; margin-top: 66px; text-align: left} .accordion-item{float:left; width:100%; border-bottom: 1px solid #979797; cursor: pointer} .accordion-item:last-child{border-bottom: none;} .accordion-item h5{font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; padding:22px 0 28px;} .accordion-info{float:left; width:100%; display: none} .accordion-item:first-child .accordion-info{ display: block;} .accordion-info p{line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 300; padding:2px 0 32px} .activities-thumb{float:right; width:48.87005649717514%; margin-top: 40px;} .activities-thumb img{width:100%;height: 470px; object-fit: cover; object-position: center;} .accordion-info p a{color: #af452c;} /* ========== End Activities section ====================*/ /* ========= Components Quote ========================== */ .quote-thumb{margin-top: 55px;} .quote-thumb:first-child{margin-top: 0;} .quote-secend-thumb .quote-text { max-width: 471px; top: 50%; bottom: auto; transform: translate(-50%, -50%); } /* ========= Components Quote =========================== */ /* ========= Gallery ==================================== */ .gallery-wrap{float:left; width:100%; margin-top: 54px;padding-bottom: 54px} .gallery-wrap .md-container{max-width: 1354px} .gallery-item-wrap{float:left; width:100%;display: flex;flex-flow: row wrap;} .gallery-item{float:left; width:30.14354066985646%; padding: 0 30px;} /*.gallery-item:nth-child(4n+1){padding-left: 0; clear: both;} .gallery-item:nth-child(4n+4){padding-right: 0;}*/ .gallery-thumb{float:left; width: 100%; position: relative; max-height: 354px;overflow: hidden;} .gallery-thumb img{ width: 100%; object-fit: cover; object-position: center; height: 354px;} .open-gallery{display: none; width:217px; height: 53px; font-size:14px; line-height: 51px;font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; color:#ffffff; letter-spacing: 2px; text-align: center; border: 1px solid #ffffff; background-color: rgba(0,0,0,0.34); text-transform: uppercase; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; cursor: pointer} .open-gallery:hover{background-color: rgba(255, 255, 255, .1); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; } .gallery-item:hover .open-gallery{display: block;} .gallery-text{float:left; width:100%; text-align: center; padding-top: 29px;} .gallery-text h3{font-size:30px; line-height: 35px; letter-spacing: normal;} .gallery-text h5{letter-spacing: 2px; margin-top: 9px;} .gallery-wrap .slick-list{overflow: hidden; padding-bottom: 65px;} .gallery-wrap .slick-dotted.slick-slider{margin-bottom: 0;} .gallery-wrap .slick-dots{bottom: 0;} .gallery-wrap .content{display: none;} .glModalwrap + .cta-wrap{margin-top: 82px} /* ======== End Gallery ==================================== */ /* ======== Beginning Gallery Section two ============================== */ .gallery-section-two {margin-top: 89px;} .gallery-section-two .gallery-item{padding: 0; margin: 30px 2.392344497607656% 0; } .gallery-section-two .gallery-item:nth-child(3n+1){margin-left: 0;} .gallery-section-two .gallery-item:nth-child(3n+3){margin-right: 0;} .gallery-section-two .gallery-text{padding: 26px 16px 19px;} .gallery-section-two .gallery-text p{line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top: 32px; } /* ======== End Gallery Section two ==================================== */ /* ======== Beginning CAMP Modal ======================*/ .camp-modal-wrap{float:left; width:100%; margin-top: 65px;} .camp-modal-wrap .ex-sm-container{max-width: 643px} .camp-modal-item{float:left; width:100%; min-height:382px; position: relative} .camp-modal-item small{width:100%; padding-left:10px; padding-right:10px; text-align: center; font-size:13px; line-height: 24px; color:#ffffff; letter-spacing: 1px;font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; position: absolute; left:50%; bottom:14px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);z-index: 2} .camp-modal-info{float:left; width:100%; padding: 44px 103px 66px; background-color: #ffffff; text-align: center;} .camp-modal-info h3{font-size: 30px; line-height: 35px; letter-spacing: normal;} .camp-modal-info h5{letter-spacing: 1px; margin-top: 13px;} .camp-modal-info h5 + p{margin-top: 36px;} .camp-modal-info p{margin-top: 25px; font-size: 14px; line-height: 24px; font-weight: 400;} .camp-modal-wrap .slick-list{overflow: hidden} .slick-prev, .slick-next{width:32px; height: 32px; border-radius: 50%; top:46%; background-color: #AF452B; right: 28px; z-index: 99;} .slick-prev{right: auto; left: 30px;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background-color:#AF452B } .slick-prev:before, .slick-next:before{content: ''; background-image: url(../img/component/arrow-white.png); background-repeat: no-repeat; background-size: 5px 8px; background-position: center center; width: 5px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit- transform: translate(-50%, -50%); -moz- transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .slick-prev:before{content: ''; background-image: url(../img/component/arrow-left.png); } .camp-modal-wrap, .camp-details{display: none;} .camp-modal-slider .camp-modal-item img{height: 382px; object-fit: cover; object-position: center; width: 100%} .camp-modal-slider .camp-modal-item:after {content: '';position: absolute;top: 0; left: 0;background-color: rgba(0,0,0,0.1);width: 100%;height: 100%;} /* ======== End CAMP Modal ======================*/ /* ======== Beginning Booking ====================== */ .booking-wrap{float:left; width:100%; min-height: 306px; margin-top: 78px; position: relative; z-index: 10} .booking-wrap:after{content: ''; width:100%; top:0; bottom: 0; left: 0; right: 0; background-color:rgba(221, 215, 204, .5); position: absolute; z-index: -1} .booking-wrap h2{color:#2F2F2F} /*.booking-wrap:before{content: ''; width:100%; top:0; bottom: 0; left: 0; right: 0; background-image: url(../img/component/contour-2-01.png); position: absolute; z-index: 1}*/ /* ======== End Booking ====================== */ /* ======== Beginning Key-text-fields-wrap =============*/ .Key-text-fields-wrap{float:left; width:100%; margin-top: 86px;/* padding-bottom: 124px; */text-align: center;} .Key-text-fields-wrap .ex-sm-container{max-width:887px;} .Key-text-fields-wrap article{margin-top: 12px;} .Key-text-fields-wrap article + p{margin-top: 87px;} .Key-text-fields-wrap h3{line-height: 26px; margin-top: 128px; font-family: 'FuturaStd-Book',sans-serif; letter-spacing: 1.53px; padding-bottom: 20px; position: relative} .Key-text-fields-wrap h3:after{content: ''; width:100px; height: 1px; background-color:#AF452B; left:50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); position: absolute} .Key-text-fields-wrap h3 + p{margin-top: 62px;} .Key-text-fields-wrap p{ font-size:18px; line-height: 28px; margin-top: 28px;} .Key-text-fields-wrap h1{color:#201A14;} .Key-text-fields-wrap p a{color: #af452c;} .Key-text-fields-wrap + .experience-blocks-component-wrap{margin-top: 0px} .Key-text-fields-wrap > .ex-sm-container h3:first-child{margin-top: 0} /* ======== End Key-text-fields-wrap =============*/ /* ======== Beginning Two col component ========== */ .two-col-component-wrap{float:left; width:100%; margin-top: 73px;} .two-col-component-item{float:left; width:49.0625%;margin: 0 0.9375%; } .two-col-component-item:nth-child(2n+1), .gallery-col-3-item:nth-child(3n+1), .team-wrap .gallery-item:nth-child(3n+1){margin-left: 0;} .two-col-component-item:nth-child(2n+2), .gallery-col-3-item:nth-child(3n+3), .team-wrap .gallery-item:nth-child(3n+3){margin-right: 0;} .two-col-component-text{max-width: 524px; margin: 0 auto; clear:both; padding-top: 35px;text-align: center;} .two-col-component-text h3{line-height: 30px; font-family: 'FuturaStd-Book',sans-serif; letter-spacing: 1.53px; text-transform: uppercase;} .two-col-component-text p{margin-top: 34px; line-height: 24px; color: #201A14;} .two-col-component-text span {float:left; margin-top: 25px; } .item-text p em{line-height: 24px; font-style: italic;} .two-col-component-text .btn-wrap{float:left; width: 100%; text-align: center;margin-top: 34px;} .two-col-component-text .btn-wrap .btn.ex-small{height: 45px; line-height: 45px; margin-left: auto;margin-right: auto;} .two-col-component-item figure{max-height: 297px;overflow: hidden;} .two-col-component-item figure img{width: 100%; object-fit: cover;object-position: center; height: 297px; transition: all .4s ease-in-out;} .two-col-component-item{margin-top: 73px} .two-col-component-item:first-child, .two-col-component-item:nth-child(2){margin-top: 0} .two-col-component-item:hover figure img{transition: all .4s ease-in-out; -ms-transform: scale(1.06); -moz-transform: scale(1.06); -webkit-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);} .two-col-component-item:hover .btn-wrap a{ border: 1px solid transparent; background-color: #ffffff;} .two-col-component-wrap .common-wrap{display: flex; flex-flow: row wrap;} /* ======== End Two col component ========== */ /* ======== Beginning map component ===========*/ .map-wrap{float:left; width:100%; margin-top: 50px;} /* ======== Beginning map component ===========*/ /* ====== Beginning Three column component ======== */ .gallery-col-3{float:left; width:100%; margin-top: 37px;} .gallery-col-3-item{float:left; width:32.1875%; margin: 30px 0.859375% 0 } .gallery-col-3-item img{width: 100%; object-position: center; object-fit: cover;height: 291px} /*.gallery-col-3+.Key-text-fields-wrap{margin-top: 0}*/ /* ====== End Three column component ======== */ /* ====== Beginning Team component ======== */ .team-wrap .gallery-item{ padding: 0; margin: 0 2.392344497607656%;} .team-wrap .gallery-item:hover{cursor: pointer} .team-wrap .gallery-item img{width:100%;} .team-wrap .gallery-text{padding: 30px 20px} .team-wrap .gallery-text h3{font-size:26px; line-height: 35px; } .team-wrap .gallery-text span{padding-right: 7px;} /* ====== End Team component ======== */ /* ====== Beginning Team Modal component ======== */ .team-modal-wrap{float:left; width:100%;position: absolute;} .team-modal-inner{max-width: 511px; position: relative; margin: 0 auto; clear:both; background-color: #ffffff; -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); } /*.team-modal-text{ padding: 43px 57px 65px; text-align: center;}*/ .team-modal-text h3{font-size: 30px; letter-spacing: normal;} .team-modal-text h5{ letter-spacing:2px; margin-top: 13px;} .team-modal-text p, .team-modal p{font-size:14px; line-height: 24px; margin-top: 24px;} .team-modal-text h5 + p{margin-top: 37px;} .content-info {display: none;} .team-modal-wrap, .camp-modal-wrap{display: none;} #modal-wrap, #galleryModal {position: fixed;left: 0;top: 0;width: 100%;z-index: 200;background: rgba(223, 234, 239, 0.8);height: 100vh;display: none;} #modal-wrap .gallery-text, {padding: 43px 57px 0px;} .team-modal{float: left;width: 100%;position: relative;} .team-modal figure{max-height: 382px; overflow: hidden} .team-modal figure img{height: 382px; object-fit: cover;width: 100%;} #modal-wrap .content-info{margin-top:37px;padding: 0 57px 62px;float: left; text-align: center;width: 100%} .team-modal p:first-child{margin-top: 0} .modal-content-wrap{display: flex; height: 100%; align-items: center} .close-icon{ max-width: 20px;position: absolute;right: 10px; top: 43px; height: 20px; width: 100%; z-index: 2;} .close-icon:hover{cursor: pointer;} .close-btn{position: relative;} .close-btn:before, .close-btn:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; margin-top: 18px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #a93e16;} .close-btn:before{transform: translateY(0)rotate(-45deg);margin-top: 9px} .close-btn:after{transform: translateY(0)rotate(45deg); margin-top: 7px;top: 2px;} /*.profile-img {width: 50%; }*/ .team-block-wrap .ex-sm-container { float: left;width: 100%; margin-top: 48px; border-top: 1px solid #D0C8BA} .team-block-wrap .content-info{display: block; text-align: center} .team-block-wrap .team-modal{padding-top: 48px} .team-block-wrap .team-modal figure{max-width: 50%; margin: 0 auto;} .team-block-wrap .content-info p { margin-top: 37px; float: left; width: 100%; font-size: 16px;line-height: 24px; } /* ====== End Team Modal component ======== */ /* ====== Beginning Blog article single ======== */ .blog-article-single{float:left; width: 100%; margin-top: 70px;} .blog-article-inner{max-width: 850px; margin: 0 auto; clear:both;} .blog-article-row{float:left;width:100%; /*margin-top: 134px;*/} .blog-article-row img{height: 449px; width: 100%; object-fit: cover;object-position: center;} .blog-article-row figure img{height: 621px; width: 100%; object-fit: cover;object-position: center;} /*.blog-article-inner .blog-article-row:first-child{margin-top: 85px;} */ .blog-article-item{float:left; width:47.88235294117647%; margin:30px 2.117647058823529% 0; } .blog-article-item img{width:100%;} .blog-article-item:nth-child(2n+1), .input-col:nth-child(2n+2){margin-left: 0;} .blog-article-item:nth-child(2n+2), .input-col:nth-child(2n+1){margin-right: 0;} .gform_wrapper #field_1_14.input-col:nth-child(2n+1){margin-right: 0; margin-left: 3.499222395023328%;} .gform_wrapper #field_1_13.input-col:nth-child(2n+2){margin-left: 0; margin-right: 3.499222395023328%;} /* ====== End Blog article single ======== */ /* ====== Beginning Pagination ======== */ .pagination{float:left; width: 100%;margin-top: 45px} .pagination .center-aligned-contents{/*max-width: 610px;*/ margin: 0 auto; padding: 0 20px;} .pagination-block{float: left; width: 100%; text-align: center;} .prev-arrow, .next-arrow, .pagination-block .next, .pagination-block .prev{float: left; width: 142px; text-align: center;} .next-arrow, .pagination-block .next{float: right} .prev-arrow span,.next-arrow span{ font-size: 16px; line-height: 24px; color: #D7D7D7; cursor: pointer; font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; font-style: normal;} .next-arrow span{padding-right: 14px; padding-left: 0} .pagination-arrow span.active{color: #201A14} .pagination-block a:not(.pagination-arrow), .pagination-block span.current{display: inline-block; width: 33px; height: 33px; color: #201A14; font-size: 16px; line-height:32px; text-align: center; position: relative; margin: 0 4px; font-family: 'FuturaStd-Heavy',sans-serif; border:1px solid #201A14;} .pagination-block a.active, .pagination-block span.current{color: #ffffff; background-color: #AF452B; border: 1px solid #AF452B;} .pagination .pagination-block .next, .pagination .pagination-block .prev{border: none;} .prev-arrow.inactive span, .next-arrow.inactive span {color: #D7D7D7; } .prev-arrow.inactive, .next-arrow.inactive { margin: 0 37px} .pagenumber-container{width: auto; display: inline-block;} .pagination .pagination-block .next, .pagination .pagination-block .prev{width: 142px; margin: 0 37px} /* ====== Beginning Pagination ======== */ /* ====== Beginning Reviews link out ======== */ .see-more-reviews-wrap{max-width:357px; background-color: #ffffff; top:50%; left:50%; transform: translate(-50%,-50%); position: absolute; padding: 51px 31px 53px; text-align: center;z-index: 2} .see-more-reviews-wrap h2{font-size:38px; line-height: 53px; letter-spacing: normal; font-family: 'Playfair Display', serif; font-weight: 400; text-transform: unset;} /*.see-more-reviews-wrap img{padding-top: 41px;}*/ .see-more-reviews-wrap .review-logo-wrap {padding-top: 41px;} .see-more-reviews-wrap .review-logo-item{width: auto; display: inline-block;position: relative;} .click-here-btn-wrap{float:left; width:100%; text-align: center; margin-top: 10px;color: #fff;visibility: hidden;opacity: 0; left: -41%;position: absolute;} .see-more-reviews-wrap .review-logo-item:first-child .click-here-btn-wrap{left: -26%;} .see-more-reviews-wrap .review-logo-item:hover .click-here-btn-wrap{visibility: visible;opacity: 1} .click-here, .no-hero-img a.click-here{width:91px; height: 39px; font-size:8px; line-height: 50px; color:#ffffff; letter-spacing: 1.14px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase;background-image: url(../svg/component/box.svg); background-repeat: no-repeat; background-size:91px 39px; background-position: center center; } .review-logo{padding-right: 20px} .review-logo img{max-width: 52px} /* ====== End Reviews link out ======== */ /* ====== Beginning Reviews section ======== */ .reviews-wrap{float:left; width:100%; margin-top: 48px;} .reviews-item{float:left; width:100%; padding: 48px 0 18px; margin-top: 50px; border-top:1px solid #D0C8BA;} .reviews-item:first-child{margin-top: 0;} .reviews-item h3{font-size:24px; line-height: 24px; letter-spacing: normal;} .star-wrap{float:left; width:100%; margin-top: 13px;} .star-wrap img{display: inline-block; width:20px; height: 20px; margin-right: 11px;} .reviews-item p{float:left; width:100%;line-height: 24px; margin-top: 24px;} .reviews-item .star-wrap + p{margin-top: 35px;} /* ====== End Reviews section ======== */ /* ====== Beginning Contact form Reviews section ======== */ input:not([type="submit"]), textarea {float:left; width: 100%; height: 68px;font-family: 'FuturaStd-Book',sans-serif; font-size: 16px; line-height: 24px; color: #201A14; font-weight:normal; font-style: normal; border:1px solid #D0C8BA; background-color: #ffffff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding:22px 24px 20px;} input:not([type="submit"]):focus, textarea:focus, .selectric-open .selectric .label{border: 1px solid #AF452B; color:#AF452B;} .active input:not([type="submit"]), .active textarea{border: 1px solid #AF452B; color:#AF452B;} .details-wrap input:not([type="submit"]){margin-top: 34px;} textarea{min-height: 192px; resize: none; margin-top: 7px;} label{float:left; font-size: 19px; line-height: 22px; color:#333333; font-weight: 600; font-style: normal;} input[type="submit"] {width:100%; letter-spacing: 0; border:1px solid transparent; } ::-webkit-input-placeholder{ color: #201A14;} :-ms-input-placeholder{color: #201A14;} ::placeholder{color: #201A14;} .contact-form-wrap{float:left; width:100%; margin-top: 106px;display: flex;padding-bottom: 106px} .contact-form-wrap .ex-sm-container, .form-gravity-container {max-width: 775px} .form-gravity-container{float: left; padding-right: 92px} .input-row, .gform_footer{float:left; width:100%; margin-top: 40px;} .input-row:first-child{margin-top: 0;} .input-col, .name_last, .name_first{float:left; width:46.50077760497667%; margin: 0 3.499222395023328%; } .input-row label, .check-item-wrap h5, .captcha-area span{float:left; width:100%; font-size: 16px; line-height: 24px; font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; font-style: normal; color:#201A14; margin-bottom: 18px; letter-spacing: normal; text-transform: inherit} .selectric-wrapper{float:left; width:100%} .selectric .label{height: 82px; padding: 31px 46px 25px 24px ; font-size: 14px; line-height: 24px; color: #201A14; font-family: 'FuturaStd-Book',sans-serif; border: 1px solid #D0C8BA; background-color: #ffffff; text-align: left;} .selectric .button{height: 100%; width: 12px; background-image: url(../svg/component/drop-down.svg);background-size: 12px 9px; background-position: left center; background-repeat: no-repeat; top:0; right: 35px} .selectric-items{box-shadow: 0 1px 3px 0 rgba(21, 39, 61, 0.1); border: 1px solid #e0e4ea; border-radius: 0 0 2px 2px; top: 82px;} .selectric-items li{line-height: 24px; padding: 15px 24px ; color: #201A14; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; text-align: left; font-size: 14px;} .selectric-items li:first-child{display: none;} .selectric-items li:hover{background-color: #f7f9fa;} .check-item-wrap{padding-bottom: 18px;} .check-item{float:left; width:28.149300155521%; padding-right: 10px;} .check-item:first-child, .gfield_checkbox li{ width:31.2597200622084%} .check-item:last-child{ width:40.59097978227061%} .check-item-wrap h5{margin-bottom: 3px;} .check-inner-item, .gfield_checkbox{float:left; width:100%; margin-top: 2px;} .check-wrap .check{margin-top: 27px} .check-wrap .check label{ font-size:16px; line-height: 24px;font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; font-style: normal; color:#201A14;} .check{float: left; width: 100%; margin-top: 26px; position: relative;} .check:last-child{margin-top: 31px;} .gfield_checkbox li label:before, .ginput_container_consent label:before{content: '';} .check-box, .check-box:after, .gfield_checkbox li label:before, .gfield_checkbox li label:after, .ginput_container_consent label:after, .ginput_container_consent label:before{ width: 24px; height: 23px; background-color:#ffffff; left: 0; top: 0;border: 1px solid #D0C8BA; position: absolute} .check-box:after, .gfield_checkbox li label:after, .ginput_container_consent label:after{ content: '';left: 50%; top:50%; width:14px; height: 11px; background-image: url(../svg/component/checked.svg); background-color: transparent; background-repeat: no-repeat; background-size: 14px 11px; opacity: 0; visibility: hidden; z-index: 1; border: 1px solid transparent; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%)} .gfield_checkbox li label:after, .ginput_container_consent label:after{left: 14px} .check input[type="checkbox"], .gfield_checkbox li input[type="checkbox"], .ginput_container_consent input[type="checkbox"]{height: 24px; margin: 0; opacity: 0; visibility: hidden; position: absolute;} .check label, .gfield_checkbox li label, .ginput_container_consent label{float: left; padding-left:40px; position: relative; z-index: 2; margin-bottom: 0; cursor: pointer;} .check input[type="checkbox"]:checked ~ .check-box,.gfield_checkbox li input[type="checkbox"]:checked + label:before, .ginput_container_consent input[type="checkbox"]:checked + label:before {border: 1px solid #AF452B;} .check input[type="checkbox"]:checked ~ .check-box:after, .gfield_checkbox li input[type="checkbox"]:checked + label:after, .ginput_container_consent input[type="checkbox"]:checked + label:after {opacity: 1; visibility: visible;} .gfield_checkbox li{float: left;position: relative;margin-top: 26px; width: 33.25972%;} .check-item-wrap .gfield_label{margin-bottom: 3px} .name_first {margin-left: 0} .name_last {margin-right: 0} .date {background-image: url(../img/component/calender.png); background-size: 21px 23px; background-repeat: no-repeat; background-position: right 28px center; } .ui-datepicker-trigger{position: absolute;transform: translate(-50%, -50%);top: 50%;right:5%;} .ginput_container_date {position: relative;float: left;width: 100%} .textarea{margin-top: 40px;} .gform_wrapper textarea.textarea{margin-top: 7px} .details-wrap{margin-top: 35px;} .details-wrap .input-row label{margin-bottom: 0;} .details-wrap .input-col:nth-child(-n+2) input:not([type="submit"]){margin-top: 0;} .captcha-area{float:left; width: 100%; height: 70px; /*border: 1px dashed #D0C8BA; */text-align: center; margin-top: 44px; position: relative} .captcha-area span{margin-bottom: 0; text-transform: uppercase; color:#888888;} .newsletter-check {float:left; width:201px; margin-top: 20px;} .newsletter-wrap .check:last-child{margin-top: 0;} .sumbit-wrap, .gform_footer{float:right; width:220px; } .submit-btn, .gform_footer input[type="submit"]{width:220px; height: 70px; font-size:16px; line-height: 68px; font-family: 'FuturaStd-Heavy',sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; color:#ffffff; text-align: center; background-color:#AF452B; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .submit-btn:hover, .gform_footer input[type="submit"]:hover{ background-color: #9b3218;} .ginput_container_consent {position: relative;float: left;margin-top: 40px} .gfield_visibility_hidden{display: none;} .gform_wrapper .screen-reader-text, .gform_wrapper label.hidden_sub_label, .gform_wrapper .hidden_label label.gfield_label{ border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%); height: 1px;margin: -1px;overflow: hidden; padding: 0;position: absolute;width: 1px; word-wrap: normal!important;} li.input-col {margin-top: 40px} .gform_wrapper .no-label{margin-top: 82px} /* date */ .date-picker.focus:focus{ box-shadow: 0 1px 3px 0 rgba(21, 39, 61, 0.1) !important;} #ui-datepicker-div { width:318px; border: 1px solid #e0e4ea; box-shadow: 0 1px 3px 0 rgba(21, 39, 61, 0.1); background: #fff; padding: 10px; border-radius: 0 0 2px 2px; margin-top: -1px; z-index: 2!important} .ui-datepicker table{margin-bottom: 0; margin-top: 20px;} .ui-datepicker td, .ui-datepicker th{padding: 0;} .ui-datepicker td{border: 1px solid #f7f9fa;} .ui-datepicker .ui-datepicker-header{background-color: transparent; border: 0;} .ui-datepicker .ui-datepicker-title select{font-size: 14px; line-height: 24px; color: #15273d; font-family: 'FuturaStd-Book',sans-serif; font-weight: 600; width: 90px; border: 1px solid #e0e4ea; height: 36px; margin: 0 5px; padding: 0 15px; border-radius: 2px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-widget-header .ui-state-hover{height: 36px !important; width: 30px !important; border: 0; background-image: url(../svg/component/calendar-arrow.svg); background-repeat: no-repeat; background-size: 20px; background-position: center; top: 0; border-radius: 0px !important; background-color: transparent; cursor: pointer;} .ui-datepicker .ui-datepicker-next{background-image: url(../svg/component/calendar-right-arrow.svg)} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; } .ui-datepicker-calendar > thead > tr > th > span{ font-size: 12px; line-height: 16px; color: #8897ad;font-family: 'Barlow', sans-serif; font-weight: 400; text-transform: uppercase;} .ui-state-default, .ui-widget-content .ui-state-default{background-color: #ffffff; border: 0; font-size: 14px; color: #15273d; font-family: 'FuturaStd-Book',sans-serif; text-align: center; width: 39px; height: 39px; line-height: 30px; padding: 5px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; margin: 0;} .ui-state-default, .ui-widget-content .ui-state-default:hover, a.ui-state-default.ui-state-active{background-color: #AF452B; font-weight: 600; color: #ffffff; margin: 0; border-color: #AF452B;} .ui-datepicker .ui-datepicker-header select option[selected="selected"]{background-color: #f7f9fa !important; background-image: url(../images/tooltip-arrow.png) !important;} .ui-datepicker .ui-datepicker-header select option:hover{background-color: #AF452B !important;} .ui-datepicker .ui-datepicker-header select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../svg/component/dropdown-expand.svg); background-position: center right 12px; background-repeat: no-repeat;} .ui-datepicker .ui-datepicker-header select:focus{background: url(../svg/component/dropdown-collapse.svg); background-position: center right 12px; background-repeat: no-repeat;} /* End date */ /* ====== End Contact form Reviews section ======== */ /* ====== Beginning Contact box section ======== */ .contact-box{float:left; width: 100%; margin-top: 73px; padding: 0 20px 50px;} .contact-box-inner{max-width:378px; float:left;/*margin: 0 auto; */background-color: #ffffff; -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); box-shadow: 0 0 12px 0 rgba(0,0,0,0.17); border-radius: 15px; padding: 24px 61px 52px; text-align: center; } .contact-box-inner figure{width:154px; margin: 0 auto; clear: both;} .contact-box-inner h3{letter-spacing: normal; margin-top: 20px; text-transform: uppercase;} .contact-box-inner h3 + h4{margin-top: 28px;} .contact-box-inner h4{line-height: 24px; color:#AF452B; margin-top: 18px;} .contact-box-inner a{font-size:18px; line-height: 24px; color:#201A14; margin-top: 3px;} /* ====== End Contact box section ======== */ /* ========= End Components style ================== */ /* ================ Beginning footer style ================== */ .main-footer-section{float:left; width:100%; padding: 87px 0 54px;} .main-footer-section .sm-container{max-width: 1120px} .footer-logo-wrap{float:left; width:247px;} .footer-logo{float:left; width: 116px;} .social-link-wrap{float:left; width:100%; margin-top: 54px;} .social-link-wrap a{display: inline-block; width:20px; margin: 0 10px; vertical-align: middle} .social-link-wrap a:first-child{margin-left: 9px;} .widget-wrap{float:left; width: calc(100% - 247px);} .widget-item{float:left; width:35.77430972388956%; padding-right: 42px;} .widget-item:first-child{width: 27.73109243697479%;} .widget-item:last-child{ width: 36.49459783913565%;} .widget-item ul li{ display: block; margin-top: 17px;} .widget-item ul li:first-child, .widget-item h4:first-child{margin-top: 0;} .widget-item ul li a, .widget-item a { display: inline-block; font-size:18px; line-height: 24px; font-family: 'Playfair Display', serif; font-weight: 400; color:#201A14;} .widget-item ul li a:hover{color: #AF452B; transition: all .3s ease-in-out;} .widget-item h4{line-height: 24px; color:#AF452B; margin-top: 18px;} .footer-bottom{float:left; width:100%; padding-top: 160px;} .footer-bottom p{float:left; margin-top: 14px; width:337px; font-size:14px; line-height: 19px;font-family: 'Playfair Display', serif; font-weight: 400; color:#888888; } .footer-bottom p a{color: #888888;} .partners-logo-wrap{float:left; width:calc(100% - 572px); margin-left: 21.38888888888889%; padding-right: 50px;} .partners-logo-inner{float:left; width:100%;} .partners-logo-inner a {display: inline-block; vertical-align: middle; margin: 0 5px;} .partners-logo-inner a img{vertical-align: middle} /* ============== End footer style ===================== */ /*Single Blog*/ .single-hero .hero-text h1, .single-hero .hero-text a, .related-posts h2, .single-post .header-left-link a {color:#201A14} .single-post .phone-nav div:after, .single-post .phone-nav div:before, .single-post .phone-nav div{background-color: #201A14} .single-post.navExpanded .phone-nav div{background-color: transparent;} .single-hero .hero-text a {padding-bottom: 33px} .single-hero .hero-text p{line-height:24px; font-size: 16px; font-family: 'FuturaStd-Light',sans-serif; margin-top: 30px;} .single-hero .hero-text span {padding: 0 10px; float: none; width: auto; color: inherit;} /*.single .Key-text-fields-wrap .ex-sm-container:first-child h3 {margin-top: 0;} */.single .Key-text-fields-wrap > .ex-sm-container > h3{margin-top: 0} .single .Key-text-fields-wrap > .ex-sm-container p + h3, .single .Key-text-fields-wrap > .ex-sm-container ol + h3 {margin-top: 128px;} .single .Key-text-fields-wrap ol{ font-size: 18px;line-height: 28px;font-family: 'Playfair Display', serif;} .single .Key-text-fields-wrap ol li{margin-top: 30px} /*Share*/ .share-wrap{width: 100%; padding: 83px 0 113px; border-bottom: 1px solid #979797} .share-inner{max-width: 850px;margin: 0 auto;clear: both;} .share-wrap h3{line-height: 30px;font-family: 'FuturaStd-Book',sans-serif; letter-spacing: 1.53px; text-transform: uppercase;text-align: center;} .share-wrap a, .related-posts h2{text-align: center;} .social-media-share{display: flex; justify-content: center;margin-top: 10px} .social-media-share a:first-child {margin-right: 10px} .related-posts{padding-top: 144px} .related-posts h2{padding-bottom: 20px} .camp-modal-inner-wrap{position: relative;} #galleryModal{margin-top: 0;} #galleryModal .ex-sm-container {display: flex; align-items: center; height: 100%; } .glModalwrap { position: fixed; width: 100vw; height: 100vh; background: rgba(223, 234, 239, 0.8); top: 0; left: 0; z-index: 1001; display: none; overflow-y: auto; } .glModalwrap.activemodalwrap { display: block; } .camp-modal-wrap { display: none; } .camp-modal-wrap.activemodal { display: block; } .slick-slide img { width:100% !important; } .glModal-inner{position: relative; max-width: 643px; margin: 0 auto;} .accordion-info p img{ display: none; } /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout: 320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 768px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} h1, .cta-text h2{font-size:34px; line-height: 42px} h2, .quote-text h2, .see-more-reviews-wrap h2{font-size:24px; line-height: 32px;} h3, .blog-figure-item-text h3,.gallery-text h3{font-size:20px; line-height: 26px;} article{font-size:16px; line-height: 22px;} /* ========= Menu style ==============*/ .main-header-section{top: 0;z-index: 4; position: fixed;background-color: #f0eee9;top: 0;padding: 10px 0;} .logo-wrap{margin-top: 24px;z-index: 5;} .header-left-link{display: none;} .main-logo{float:left; width: 100%;text-align: center;} .nav-wrap ul li{width: 100%;position: relative;} .nav-wrap ul{flex-flow: column;} .main-nav > ul > li {padding-top: 54px} /*.nav-wrap ul li ul{display: none;}*/ .logo-wrap .phone-nav{top: 21px;} .logo-wrap{padding: 10px 20px; margin-top: 0;} .phone-nav div:before, .phone-nav div:after, .phone-nav div{background-color: #201A14;} .nav-wrap ul li ul{padding-top: 10px} .common-wrap .nav-wrap .common-wrap{padding: 0 57px} .nav-wrap .main-nav > ul > li.Submenu > a:after{ position: absolute;content: "";top: 19px;-webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%);background-image: url(../svg/component/drop-down.svg);background-repeat: no-repeat;background-size: 20px;background-position: right center; width: 20px; height: 20px;right: 0;} .navExpanded .nav-wrap{padding: 113px 0 84px; overflow-y: auto;height: 100%;} .navExpanded .logo-wrap{position: fixed; left: 0; background-color: #fff; top: 0; padding-top: 20px} .navExpanded .phone-nav{right: 20px;top: 30px;} /* ========= End menu style ============= */ /* =========== Hero section ================*/ .hero-wrap, .home-slider .home-hero-sliderimg{min-height: 450px;} .hero-text{padding: 150px 20px 0} /* ========== Hero section =================*/ .item-thumb{float:left; width:100%; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .home-content .item-thumb{margin-top: 30px;} .item-text {float:left; width:100%; margin-top: 30px;-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .item-thumb span{float:left; width:100%; text-align: center; margin-top: 10px;} .item-inner-text p, .item-inner-text span{margin-top: 20px;} .item-inner-text a, .blocks-component-item-wrap{margin-top: 30px;} .experience-blocks-component-wrap, .quote-wrap, .country-carousel-wrap, .blog-figure-wrap, .blog-figure-item-text p, .cta-wrap{margin-top: 80px;} .blocks-component-item{float:left; width:100%;margin-top: 20px;} /* ============= quote ==================*/ .happy-customers-wrap { top: 20px; right: auto; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%); } .quote-thumb{min-height: 420px;} .quote-text{width:100%; padding: 0 20px;} /* ================ quote ================*/ /* ============ Country carousel =========== */ /*.country-carousel-wrap{padding-bottom: 24px;}*/ .carousel-item { padding: 0 10px; } .country-info{padding: 0 20px;} .slick-center .country-inner-info{opacity: 0} /* =========== Country carousel =============== */ /*=========== CTA ================== */ .cta-wrap{min-height: 360px;} .cta-wrap h2{font-size: 25px; line-height: 35px} /*=========== CTA ================== */ /* ========== Blog figure =========== */ .blog-fiure-row{margin-top: 0;} .blog-figure-item{float:left; width:100%; padding: 0} .blog-figure-item:after{display: none} .blocks-component-item figure img{width:100%} .blog-figure-item-text{padding: 20px 0 10px} .blog-figure-wrap .btn-wrap{margin-top: 20px;} .blog-figure-item-text p{margin-top: 15px;} /* ========== Blog figure =====================*/ /* ============== Footer style =============== */ .main-footer-section{padding: 50px 0; text-align: center;} .footer-logo-wrap{width:100%;} .footer-logo{float:none;} .social-link-wrap{margin-top: 20px;} .widget-item{margin-top: 30px; padding-right: 0;} .widget-item:nth-child(2){margin-top: 10px;} .widget-item ul li{margin-top: 5px;} .widget-item h4{margin-top: 10px;} .footer-bottom{padding:40px 0; position: relative} .partners-logo-wrap{margin-left: 0; padding-right: 0;} .partners-logo-inner a{width:45px} .footer-bottom p{position: absolute; left:0; bottom: 0;} /* =============== Footer style =================*/ /* ============== Beginning Compnents page =============== */ .content-wrap{padding-top: 50px;} .item-wrap{margin-top: 0; padding-bottom: 50px;} .item-row, .item-row:nth-child(2) { margin-top: 40px; } .item-row:nth-child(3) .item-text{margin-top: 30px;} .item-row:nth-child(3) .item-inner-text p{margin-top: 15px;} /* ============== Beginning activities section =========== */ .activities-wrap{padding: 50px 0;} .activities-inner{margin-top: 0;} .accordion-item h5{padding: 15px 0} .accordion-wrap, .activities-thumb{width: 100%; margin-top: 30px; text-align: center} .accordion-info p{padding: 0 0 15px 0} /* ============== End activities section =============== */ .gallery-item{padding: 0 5px} .gallery-text{padding-top: 15px;} .gallery-wrap .slick-list{padding-bottom: 30px;} .gallery-text h5{margin-top: 5px;} /* ============== Beginning gallery section-two =========== */ .gallery-section-two{margin-top: 50px;} .gallery-section-two .gallery-item{width:100%; margin: 30px 0 0 0;} .gallery-section-two .gallery-text{padding: 15px;} .gallery-section-two .gallery-text p{margin-top: 15px;} /* ============== End gallery section-two =========== */ /* ============== Beginning CAMP Modal =========== */ .camp-modal-wrap{margin-top: 50px;} .camp-modal-item{min-height: 230px;} .camp-modal-info{padding: 15px;} .camp-modal-info h5{margin-top: 5px;} .camp-modal-info h5 + p, .camp-modal-info p{margin-top: 15px;} /* ============== End CAMP Modal =========== */ /* ============== Beginning Booking section =========== */ .booking-wrap{margin-top: 50px; min-height: 250px;} /* ============== End Booking section =========== */ /* ============== Beginning Key text fields section =========== */ .Key-text-fields-wrap{margin-top: 50px;} .Key-text-fields-wrap article{margin-top: 10px;} .Key-text-fields-wrap article + p, .Key-text-fields-wrap h3 + p, .Key-text-fields-wrap p{margin-top: 20px;} .Key-text-fields-wrap p{font-size:14px;line-height: 24px;} .Key-text-fields-wrap h3{margin-top: 40px;} /* ============== End Key text fields section =========== */ /* ============== Beginning Two col component section =========== */ .two-col-component-wrap{margin-top: 70px;} .two-col-component-item, .two-col-component-item:nth-child(2){width:100%; margin: 70px 0 0 0} .two-col-component-text{float:left; max-width: 100%; padding-top: 15px;} .two-col-component-text p, .two-col-component-text span{margin-top: 15px;} .two-col-component-text .btn-wrap{margin-top: 20px;} /* ============== End Two col component section =========== */ /* ============== Beginning Three col component section =========== */ .gallery-col-3{margin-top: 20px;} .gallery-col-3-item{width:100%; margin: 30px 0 0 0 } /* ============== End Three col component section =========== */ /* ============== Beginning Three col component section =========== */ .team-wrap{margin-top: 20px;} .team-wrap .gallery-item{width:100%; margin: 30px 0 0 0;} .team-wrap .gallery-text{padding: 15px;} /* ============== End Three col component section =========== */ /* ============== Beginning Team Modal section =========== */ .team-modal-inner{max-height:100vh} .team-modal-text{padding: 25px 20px} .team-modal-text h5 + p, .team-modal-text p{margin-top: 20px;} .team-modal figure img{object-position: center; width: 100%;height: 280px;} .team-modal figure{max-height: 280px} /* ============== End Team Modal section =========== */ /* ============== Beginning Blog Article Single Section =========== */ .blog-article-single{margin-top: 20px;} .blog-article-row{margin-top: 30px;} .blog-article-inner .blog-article-row:first-child{margin-top: 0;} .blog-article-item{width:100%; margin: 30px 0 0 0} /* ============== End Blog Article Single Section =========== */ /* ============== Beginning pagination Section =========== */ .prev-arrow, .next-arrow{width: auto;} .pagination-block a:not(.pagination-arrow){margin: 0 2px;} /* ============== End pagination Section =========== */ /* ============== Beginning reviews link out Section =========== */ .reviews-link-out-wrap{margin-top: 50px;} .see-more-reviews-wrap{padding: 30px 15px;} .see-more-reviews-wrap img{padding-top:30px;} /* ============== End reviews link out Section =========== */ /* ============== Beginning Reviews Section =========== */ .reviews-item{padding: 30px 0 0 0} .reviews-item .star-wrap + p{margin-top: 25px;} .reviews-item p{margin-top: 15px;} /* ============== End Reviews Section =========== */ /* ============== Beginning Reviews Section =========== */ .map-wrap figure{overflow: hidden; height: 320px;} .map-wrap figure img{ height: 350px; width: 100%; object-fit: cover; object-position: -170px center;} /* ============== End Reviews Section =========== */ /* ============== Beginning contact form Section =========== */ .contact-form-wrap{margin-top: 50px;} .selectric .label{height: 68px; padding: 20px;} .selectric-items{top: 70px;} .input-row label, .check-item-wrap h5, .captcha-area span{margin-bottom: 10px;} .input-row{margin-top: 15px;} .input-col{width:100%; margin: 15px 0 0 0;} .input-col:first-child{margin-top: 0;} .check-item, .check-item:first-child, .check-item:last-child, .gfield_checkbox li{width:100%; padding-right: 0; } .check, .check:last-child{margin-top: 15px;} .check label{margin-bottom: 0;} .details-wrap input:not([type="submit"]){margin-top: 0;} .newsletter-check, .gform_footer input[type="submit"]{width:100%;} .sumbit-wrap, .name_last, .name_first, .gform_footer{float:left; width:100%; margin-top: 15px;} .name_last{margin-left: 0} .gfield_consent_label{margin-bottom: 0} .form-gravity-container{padding-right: 0} .gform_wrapper .no-label{margin-top: 10px} .form-gravity-container .gform_wrapper .input-col, .gfield_checkbox li{margin-top: 15px} .ginput_container_consent{margin-top: 20px} .contact-box-inner{width: 100%; margin-top: 73px} /* ============== Beginning contact form Section =========== */ /* ============== End Compnents page =============== */ .sticky-header .logo-wrap{margin-top: 0} .widget-wrap{width: 100%;text-align: left;display: flex;flex-flow: column;} .widget-item:first-child, .widget-item{width: 31%} .widget-item:nth-child(2) {margin-top: 30px} .partners-logo-wrap{width: 100%; margin-top: 70px} .footer-bottom p{position: relative;width: 100%; text-align: center;} .main-footer-section .sm-container{display: flex; flex-flow: column;} .footer-bottom{order: 3;padding-top: 15px;} .footer-logo-wrap{order: 2;margin-top: 70px} .social-link-wrap{margin-top: 20} .footer-logo{width: 230px} .widget-item{text-align: center;} .gform_wrapper #field_1_14.input-col:nth-child(2n+1){margin-left: 0; } .main-footer-section .widget-item:first-child, .widget-item, .widget-item:last-child{width: 100%} } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 480px) and (max-width: 768px) { .carousel-thumb{width:100%} .slick-dots { bottom: -60px; } .blocks-component-item{width: 50%} .widget-wrap{justify-content: space-between;} .slick-current .country-info{opacity: 1} .slick-current .country-inner-info{max-width:315px; margin: 0 auto; background-color: #ffffff; padding: 48px 48px 36px; } .slick-current .country-inner-info p{font-size:15px; line-height: 22px; font-family: 'FuturaStd-Light'; font-weight: normal; font-style: normal;} .slick-current .country-inner-info{padding: 10px;} .slick-current .country-inner-info{padding: 10px;} .slick-current .country-inner-info p{font-size:12px; line-height: 20px} .slick-current .country-inner-info h5{font-size:12px;margin-top: 10px;} .blocks-component-item{margin-top: 0} /*.carousel-item{padding: 0 10px;}*/ /* Footer*/ .partners-logo-inner a{width:auto} .common-wrap, .md-container, .large-container, .ex-md-container, .sm-container, .ex-sm-container{padding: 0 30px;} /* Footer*/ } @media only screen and (min-width: 320px) and (max-width: 479px) { .widget-wrap, .widget-item, .widget-item:first-child, .widget-item:last-child, .footer-bottom p, .partners-logo-wrap{float:left; width:100%;} .team-block-wrap .team-modal figure{max-width: 100%} } /* Tablet Layout: 768px. ----------------------------------------------------------------- */ @media only screen and (min-width: 769px) and (max-width: 991px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .tablet{display: block;} /* ============= Home ====================*/ .item-inner-text p{margin-top: 20px;} .item-inner-text a{margin-top: 30px;} .carousel-item{padding: 0 20px;} .carousel-thumb h3{font-size:24px; line-height: 30px;} .slick-center .country-inner-info{padding:10px 15px;} .slick-center .country-inner-info p{font-size:12px; line-height: 16px;} .slick-center .country-inner-info h5 { letter-spacing: 2px; margin-top: 10px; font-size: 12px; line-height: 18px; } /* =============== Beginning Footer section =======================*/ .footer-logo-wrap{width:178px} .footer-logo{width:150px;} .widget-wrap{width:calc(100% - 178px)} .widget-item{width:28%;padding-right: 20px;} .widget-item:first-child{width:28%} .widget-item:last-child{width:44%} .footer-bottom{padding-top: 100px;} .footer-bottom p{width:241px} .partners-logo-wrap { float: left; width: -webkit-calc(100% - 278px); width:-moz-calc(100% - 278px); width: calc(100% - 278px); margin-left: 3.5%; padding-right: 0; } /* ============ End Footer section ============= */ /*============ Home ================== */ /* ========== Beginning Component ============== */ .blog-figure-item-text h3{font-size:22px; line-height: 32px;} /* ========== Beginning Activities ============== */ .activities-wrap{padding: 50px 0} .activities-inner{margin-top: 0;} .accordion-wrap{width:46%; margin-top: 50px;} .accordion-item h5{padding: 20px 0} .accordion-info p{padding: 0 0 20px;} /* ========== End Activities ============== */ /* ========== Beginning quote section ============== */ .quote-wrap{margin-top: 50px;} .quote-thumb{min-height: 410px;} /* ========== End quote section ============== */ /* ========== Beginning Country carousel section ============== */ .country-carousel-wrap{margin-top: 50px;} /* ========== Beginning Gallery section ============== */ .gallery-text{padding-top: 15px;} .gallery-text h3 { font-size: 18px; line-height: 24px; letter-spacing: normal; } .gallery-text h5{margin-top: 5px;} .gallery-item{padding: 0 15px;} .gallery-wrap .slick-list{padding-bottom: 40px;} .open-gallery{width:180px} .gallery-section-two{margin-top: 50px;} .gallery-section-two .gallery-text{padding: 15px} .gallery-section-two .gallery-text p{margin-top: 15px;} /* ========== Beginning Gallery section ============== */ /* ========== Beginning Key text fields section ============== */ .Key-text-fields-wrap, .Key-text-fields-wrap article + p, .Key-text-fields-wrap h3, .Key-text-fields-wrap h3 + p{margin-top: 50px;} /* ========== End Key text fields section ============== */ /* ========== Beginning Team section ============== */ .team-wrap .gallery-text { padding: 15px 5px;} .team-wrap .gallery-text h3 { font-size: 16px; line-height: 26px; } .gallery-text h5 { font-size:12px; line-height: 18px; margin-top: 5px; } /* ========== End Team section ============== */ /* ========== Beginning Blog article single section ========= */ .blog-article-inner .blog-article-row:first-child{margin-top: 20px;} .blog-article-row{margin-top: 50px;} /* ========== End Blog article single section ============== */ .see-more-reviews-wrap{padding: 40px 25px;} /* ========== End Component ============== */ } /* Tablet Layout: 1024px. ----------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1024px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .slick-center .country-inner-info{padding:20px} .slick-center .country-inner-info h5{margin-top: 20px;} /* Footer */ .partners-logo-wrap{padding-right: 0;} /* Footer */ } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { }