:root{ --white_clr: #fff; --black_clr: #000; --dark_clr: #030303; --text_clr: #191919; --primary_clr: #4a9c2d; --secondary_clr: #2958a8; --yellow_clr: #f5be0b; --primary_font_family: "Rethink Sans", sans-serif; --title_font_family: "turbinado-pro",sans-serif; } /*color: var(--white_clr);*/ /*==================================:: WOW CSS Start ::==================================*/ .animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(10%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,10%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-10%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-10%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,10%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-10%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(10%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-10%,0)}}.slideOutUp{animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /*Slick Slider Css Start*/ .slick-slider{position:relative;display:block; -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; min-width: 100%;} .slick-list.dragging{cursor: pointer;} .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; min-width: 100%; display:flex;display:-webkit-flex;} .slick-track:before, .slick-track:after{display:table; content:"";} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none; min-height:1px; flex-grow: 1; flex: inherit;} .slick-initialized .slick-slide{display: block; list-style:none;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;} .slick-arrow{display:flex; align-items: center; justify-content: center; position:absolute; top:50%; margin-top:-22px; z-index:2; padding:0; width:42px; height:42px; text-align:center; font-size:0; background: var(--secondary_clr); border:0; color: var(--primary_clr); cursor:pointer; opacity:1; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .slick-arrow:before{display: block; content: ""; width: 100%; height: 100%; background: url('../images/slide-arrow.png') no-repeat center;} .slick-arrow.slick-prev:before{transform: rotate(180deg);} .slick-arrow.slick-prev{left:0;} .slick-arrow.slick-next{right:0;} .slick-arrow:hover{background: var(--primary_clr); color: var(--white_clr);} .slick-dots{display:flex;display:-webkit-flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:10px; text-align:center;} .slick-dots li{margin:0 7px; padding:0; list-style:none; display:inline-block; vertical-align:top;} .slick-dots li button{display:block; width:9px; height:9px; font-size:0; padding: 0; background:#8c8c8c; border:0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; cursor:pointer; position: relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .slick-dots li.slick-active button{background: var(--secondary_clr);} /*Slick Slider Css End*/ /*Easy Responsive Tab Css*/ h4.resp-accordion{display:none; cursor:pointer; text-align:left; position:relative; background: var(--black_clr) !important; border: 1px solid #7e7e7e; padding:10px 40px 10px 10px; font-size: 16px; line-height: 24px; font-family: var(--primary_font_family); font-weight: 800; color: var(--white_clr); margin: 0 0 5px;} h4.resp-accordion .resp-arrow{display:none;} h4.resp-accordion:after{display:block; content:"\f107"; font-family:'FontAwesome'; text-align: center; position:absolute; right:0; top:50%; width:40px; line-height:normal; transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);} h4.resp-accordion.resp-tab-active:after{content:"\f106";} .resp-tab-content{display:none;} .resp-tab-content:after{clear:both; content:""; display:block;} .resp-content-active, .resp-accordion-active{display:block} @media only screen and (max-width:767px){ ul.resp-tabs-list{display:none;} h4.resp-accordion{display:block;} } /*=========== Mobile Menu STYLE Start ========*/ /*body.mobile-menu-open{overflow:hidden;}*/ .menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:var(--text_clr); display:none; z-index:12; opacity:0.5;} .mobile-menu-open .menu-open-overlay{display:block;} .mobile-menu-block{background:var(--secondary_clr); bottom:0; color: var(--white_clr); position:fixed; top:0; left:-400px; width:380px; z-index:-4; font-size:16px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .mobile-menu-open .mobile-menu-block{left:0; z-index:20;} .mobile-menu-inner{height:calc(100% - 100px); overflow:auto; padding:10px 20px; position: relative; z-index: 3;} .mobi-logo {height: 100px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,0.3);} .mobi-logo a, .mobi-logo img{display: block; width: 160px;} .mobile-nav ul{margin:0; padding: 0; list-style: none;} .mobile-nav li{margin: 0; padding: 10px 0; color:var(--white_clr); font-weight:800; font-size:18px; line-height:22px; text-transform:none; position:relative;} .mobile-nav ul li a{display:block; color:var(--white_clr); font-weight:800; font-family:var(--primary_font_family); font-size:18px; line-height:22px; text-transform:uppercase; letter-spacing:0; padding:0 40px 0 0;} .mobile-nav > ul > li.current-menu-item > a, .mobile-nav > ul > li.current-menu-ancestor > a, .mobile-nav > ul > li.current-page-ancestor > a{color:var(--yellow_clr);} .mobile-nav li li{border:none; padding:5px 0;} .mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0 40px 0 0;} .mobile-nav li li.current-menu-item a{color:var(--yellow_clr);} .mobile-nav li li li a{padding-left:0;} .mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;} .hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;} .hitarea:before{display:block; content:"\f107"; font-family:'FontAwesome'; font-size: 18px; font-weight: 400; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .collapsable-hitarea.hitarea:before{transform:rotate(-180deg);} .mobile-nav .collapsable-hitarea + a{color:var(--yellow_clr);} .mobile-nav ul li.nav-btn a{ display:inline-flex; align-items:center; justify-content:center; padding:10px 20px; background:var(--primary_clr); color: var(--white_clr) !important; border:1px solid var(--primary_clr); color:var(--primary_clr); font-size:16px; line-height: 23px; font-weight:800; font-family: var(--primary_font_family); cursor:pointer; letter-spacing:0.05em; text-transform: uppercase; text-align:center; position:relative; min-width:120px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px; min-width: 148px; } .mobile-nav ul li.nav-btn a:hover, .mobile-nav ul li.nav-btn a:focus{ background:var(--yellow_clr); border-color:var(--yellow_clr); color:var(--white_clr) !important; box-shadow:0 2px 15px rgba(0,0,0,0.16); } /*========== Mobile Menu STYLE End==============*/ /*Mobile Menu Css Start*/ .mobi-iconbox{display:none; width:40px; height:40px; background: var(--primary_clr); position:absolute; right:0; top:0; bottom: 0; margin: auto; z-index:40; transition:all 0.4s ease; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .menuicon{display: block; width: 24px; height: 24px; flex-direction: column; align-items: center; justify-content: center; margin: auto;} .icon-bar{display:flex;display:-webkit-flex; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;} .icon-bar:before, .icon-bar:after{display: block; content: ""; width: 100%; height: 1px; background: var(--white_clr); position: absolute; left: 0; top: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-bar:after{top: auto; bottom: 0;} .icon-bar .line{display: block; width: 100%; height: 1px; background: var(--white_clr); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-bar.active .line{width: 1px; opacity: 0;} .icon-bar.active:before{transform: rotate(45deg); top: 8px; background: var(--white_clr);} .icon-bar.active:after{transform: rotate(-45deg); bottom: 8px; background: var(--white_clr);} .mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;} /*Mobile Menu Css End*/ /* ===== RESET ================================================== */ abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} /* ===== GLOBAL ================================================== */ body{margin:0; padding:0; background:var(--white_clr); font-family:var(--primary_font_family); font-size:16px; color: var(--text_clr); line-height:24px; font-weight:400; overflow-x:hidden; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} :focus, button:focus{outline:none;} a{text-decoration:none; color: var(--primary_clr); -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:var(--secondary_clr);} ::-webkit-input-placeholder{color:var(--text_clr); opacity:0.3;} :-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 18- */ ::-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 19+ */ :-ms-input-placeholder{color:var(--text_clr); opacity:0.3;} img{max-width:100%; height:auto; border:none; outline:none;} b, strong{font-weight:800;} /* Ul Li & Ol Li CSS */ ul, ol{margin:0 0 20px; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:15px;} ul li, ol li{margin:0; padding:0; font-size:19px; line-height:27px; color:var(--text_clr); font-weight:400; letter-spacing:0;} .entry-content ul{padding:0; margin:0 0 20px;} .entry-content ol{padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;} .entry-content ul li{position:relative; padding:0 0 0 20px; margin:0 0 10px;} .entry-content ul li:before{content:""; position:absolute; left:0; top:9px; width: 7px; height: 7px; background: var(--text_clr); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 10px;} .entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;} /* Heading CSS */ h1, .h1, h2, .h2, h3, h4, h5, h6{color: var(--text_clr); line-height:1.2; font-weight:800; font-family:var(--primary_font_family); letter-spacing: 0; margin:0 0 20px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--text_clr);} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);} h1, .h1{font-size:62px;} h2, .h2{font-size:52px; line-height: 54px;} h3{font-size:34px;} h4{font-size:30px;} h5{font-size:24px;} h6{font-size:22px;} /* Paragraph CSS */ p{font-size:19px; line-height:27px; color:var(--text_clr); font-weight:400; letter-spacing:0; margin:0 0 20px;} hr{border:none; margin:20px 0; background:var(--text_clr); height:1px; width:100%; clear:both; opacity: 0.5;} blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;} /*table structure*/ table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;} table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td{ background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle; } table th, .entry-content table th{color:#111; font-weight:400; background:#d4d5d6;} .table-striped th, .table-striped td{position:relative;} .table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;} /*Form Input Field*/ input, textarea, select{background:var(--white_clr); border:1px solid #111; width:100%; padding:2px 15px; margin:0; font-size:15px; color:#111; font-weight:400; line-height:normal; letter-spacing:0; font-family:var(--primary_font_family); height:40px; outline:none; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;} input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;} textarea {height:auto; padding:15px 20px; min-height:220px; resize: none;} input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;} input#addressSubmit {-webkit-appearance:none !important ; } input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;} .checkbox, .radiobox{display: inline-block; position: relative; padding-left: 24px; font-size: 14px; line-height: 14px; color: #676767;} .checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;} .checkbox .checkmark{display: block; width: 13px; height: 13px; border: 1px solid #111; position: absolute; left: 0; top: 0;} .checkmark:before{display:block; content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:var(--white_clr); line-height:10px; padding-left:1px; opacity:0;} .checkbox input:checked ~ .checkmark{background:#111; border-color:#111;} .checkbox input:checked ~ .checkmark:before{opacity:1;} .radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 1px;} .radiobox .checkmark:before{display: none;} .radiobox .checkmark:after{display: block; content: ""; background: #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;} .radiobox input:checked ~ .checkmark:after{opacity: 1;} .selectbox{position: relative;background:var(--white_clr);border:1px solid #111;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .selectbox select{background: none;border: 0;font-size: 15px;line-height: 20px;font-weight: 400;color: #111; padding:0 40px 0 15px; width: 100%; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; text-overflow: ellipsis;} .selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'FontAwesome'; font-size: 24px; z-index:0; width: 40px; height: 40px; line-height: 40px; text-align: center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; opacity: 0.8;} .selectbox.reversed:after{content:"\f0ec"; transform: rotate(90deg); font-size: 14px;} /* Button styling */ .button, .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 24px; background:none; border:1px solid var(--primary_clr); color:var(--primary_clr); font-size:16px; line-height: 23px; font-weight:800; font-family: var(--primary_font_family); cursor:pointer; letter-spacing:0.05em; text-transform: uppercase; text-align:center; position:relative; min-width:120px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px; } .primary{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .secondary{ background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr); } .yellow-btn{ background:var(--yellow_clr); border-color:var(--yellow_clr); color:var(--white_clr); } .button:hover, .btn:hover, .button:focus, .btn:focus{ background:var(--yellow_clr); border-color:var(--yellow_clr); color:var(--white_clr); box-shadow:0 2px 15px rgba(0,0,0,0.16); text-decoration: none !important; } .yellow-btn:hover, .yellow-btn:focus{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .white-hover:hover, .white-hover:focus{ background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr); } .main-wrapper{overflow:hidden;} .container{margin:0 auto; width:100%; max-width:1262px; padding:0 20px;} .container.relative{z-index: 2;} .max-container{margin:0 auto; width:100%; max-width:1360px; padding:0 20px;} section{position: relative;} section *:last-child{margin-bottom:0;} .hide{display:none;} .text-center{text-align: center;} .d-flex{display:flex;display:-webkit-flex;} .v-center{align-items: center;} .j-center{flex-direction: column; justify-content: center;} .ml-auto{margin-left: auto !important;} .mr-auto{margin-right: auto !important;} .ml-1{ margin-left: 4px; } .ml-2{ margin-left: 8px; } .mr-1{ margin-right: 4px; } .mr-2{ margin-right: 8px; } .ptb-120{padding:120px 0;} .ptb-100{padding:100px 0;} .ptb-80{padding:80px 0;} .ptb-60{padding:60px 0;} .ptb-40{padding:40px 0;} .ptb-30{padding:30px 0;} .ptb-20{padding:20px 0;} .h-100{height: 100%;} .mt-0{margin-top: 0 !important;} .mb-0{margin-bottom: 0 !important;} .mt-auto{margin-top: auto !important;} .ml-auto{margin-left: auto !important;} .mr-auto{margin-right: auto !important;} .pt-0{padding-top: 0 !important;} .pb-0{padding-bottom: 0 !important;} .bg1{background: #f5ab0b;} .bg2{background: #f9f3f0;} .bg3{background: #3c8c1f;} .bg4{background: #0d2753;} .bg5{background: #369bba;} .bg-white{background: var(--white_clr);} .relative{position: relative;} .trans{-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .text-white{ color: var(--white_clr) !important; } .text-right { text-align: right; } .w-100{ width: 100%; } .row{ display:flex;display:-webkit-flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row > div{ padding-left: 15px; padding-right: 15px; } .row .col_2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .row .col_3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row .col_4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row .col_5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .row .col_6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row .col_7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .row .col_8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .row .col_12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mw_214{ min-width: 214px; } .mw_172{ min-width: 172px; } /*============= GLOBAL CSS END ================*/ /*Header & Banner Section*/ .header{ position:fixed; left:0; right:0; top:0; z-index:10; padding:0; } .header-inner{ height: 160px; position: relative; width: 100%; } .header-left{ width: 100%; margin: 0 auto; } .site-logo{ width: 272px; position:relative; z-index:4; margin:0 auto; } .site-logo a{ display: block; margin: 0; } .site-logo img{ display: block; margin: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } /*Annoucment Bar*/ .annoucment-bar{ padding: 0 15px; justify-content: center; position: relative; height: 52px; } .annoucment-bar p{ font-size: 18px; line-height: 22px; color: var(--text_clr); font-weight: 600; margin: 0; } .annoucment-bar p small {font-size: 14px;} .annou-link{ display: inline-flex; align-items: center; font-size: 18px; line-height: 22px; color: var(--text_clr); font-weight: 800; font-family: var(--primary_font_family); letter-spacing: 0.05em; text-transform: uppercase; position: relative; margin-left: 18px; } .annou-link:hover{ color: var(--white_clr); text-decoration: underline; } .fancybox-slide--iframe .fancybox-content{ max-width: 1000px; } /*Nav Css*/ .header-middle{ position:absolute; left: 0; right: 0; top: 40px; } .nav-main{position:relative; z-index:4;} .nav-main ul{margin:0; padding:0; display:flex;display:-webkit-flex;} .nav-main nav ul > li{margin:0; padding:0; list-style:none; position:relative;} .nav-main nav .menu-header-menu-container > ul > li:nth-child(4){margin-left: auto; } .nav-main nav ul > li + li{margin-left:30px;} .nav-main nav ul > li a{display:block; color:var(--white_clr); font-size:20px; font-weight:800; font-family:var(--primary_font_family); line-height:24px; text-transform:uppercase; letter-spacing:0.05em; padding:8px 0; position:relative; z-index:2;} .nav-main nav ul > li.current-menu-item > a, .nav-main nav ul > li:hover > a, .nav-main nav ul > li a:hover, .nav-main nav ul > li a:focus{color:var(--yellow_clr) !important;} .nav-main nav ul > li:before{display:block; content:""; background:var(--yellow_clr); height:2px; width:1px; opacity:0; position: absolute; left: 0; right: 0; bottom: -1px; margin: 0 auto; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} .nav-main nav ul > li:hover:before, .nav-main nav ul > li.current-menu-item:before, .nav-main nav ul > li.active > a:before{width:100%; opacity:1;} .nav-main nav ul > li.menu-item-has-children > a{padding-right: 20px;} .nav-main nav ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family: 'FontAwesome'; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: 0; top: 13px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .nav-main nav ul > li.menu-item-has-children:hover > a:after {transform: rotate(-180deg);} .nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background:var(--white_clr); min-width:180px; padding:0; margin:0; opacity: 0;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scaleY(0);transform-origin: top; box-shadow: 0 5px 40px rgb(0 0 0 / 15%); border-radius: 5px;} .nav-main .mw_310 .sub-menu{min-width:310px;} .nav-main nav ul > li:hover > .sub-menu {display: block;opacity: 1;transform: scaleY(1);} .nav-main nav ul > li:last-child .sub-menu{left: auto; right: 0;} .nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0; padding: 0 15px;} .nav-main .sub-menu li + li {border-top:1px solid #dce0e0;} .nav-main .sub-menu li:before{display: none;} .nav-main .sub-menu li a{display:block; text-transform:none; color:var(--text_clr); font-size:18px; line-height:normal; font-weight:400; letter-spacing: 0; padding:10px 0;} .nav-main .sub-menu li a:hover, .nav-main .sub-menu li a:focus, .nav-main .sub-menu li.current-menu-item a{color:var(--primary_clr);} .nav-main .sub-menu .sub-menu {left:100%; top:0;} .nav-main .sub-menu li:hover .sub-menu {display:block;} .nav-main li.more_nav .sub-menu li:hover .sub-menu{ left: auto; right: 100%; top: 0; margin: 0 !important; } .nav-main li.more_nav .sub-menu li .sub-menu li{ white-space: nowrap; margin: 0 !important; } .nav-main nav ul > li.nav-btn:before{ display: none; } .nav-main nav ul > li.nav-btn a{ display:inline-flex; align-items:center; justify-content:center; padding:10px 20px; background:var(--primary_clr); border:1px solid var(--primary_clr); color:var(--white_clr); font-size:16px; line-height: 23px; font-weight:800; font-family: var(--primary_font_family); cursor:pointer; letter-spacing:0.05em; text-transform: uppercase; text-align:center; position:relative; min-width:120px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px; min-width: 148px; } .nav-main nav ul > li.nav-btn a:hover, .nav-main nav ul > li.nav-btn a:focus{ background:var(--yellow_clr); border-color:var(--yellow_clr); color:var(--white_clr) !important; box-shadow:0 2px 15px rgba(0,0,0,0.16); } /*Sticy header*/ .navbar_fixed.header{background:var(--secondary_clr);} .navbar_fixed .header-inner {padding: 0; height: 100px;} .navbar_fixed .annoucment-bar{ margin-top: -52px; opacity: 0; visibility: hidden; } .navbar_fixed .site-logo{ width: 172px; } .navbar_fixed .header-middle{ top: 30px; } .header-blank{ width: 100%; height: 180px; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .navbar_fixed + .header-blank{ height: 90px; } /*Home page Banner Css*/ .hero-banner{ position:relative; z-index:1; overflow: hidden; background: #f9f3f0; } .hero-banner .bg-img img, .hero-banner .bg-img video{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .hero-banner .items{ padding: 220px 0 0; height: 970px; position: relative; } .header-grd-bg{ display: block; width: 100%; height: 218px; background: url('../images/header-grad-bg.png') repeat-x 0 bottom; position: absolute; left: 0; top: 0; z-index: 2; } .banner-inner { padding: 90px 0 0; position: relative; z-index: 2; height: 100%; flex-direction: column; align-items: center; } .caption{ min-width: 800px; max-width: 800px; margin: 0 auto; } .caption .h1{ font-size: 64px; line-height: 74px; color: var(--white_clr); font-weight: 800; text-transform: none; letter-spacing: 0; position: relative; margin: 0; text-shadow: 0 22px 84px rgba(0,0,0,0.4); } .caption .h1 strong{ font-size: 110px; color: var(--yellow_clr); font-family:var(--title_font_family); font-weight: 300; text-transform: none; } .booking-form-block{ background: var(--white_clr); width: 100%; max-width: 705px; z-index: 2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.28); margin-top: 40px; } .cap-btnbox .btn { outline: 10px solid rgba(255, 255, 255, 0.7); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); height: 52px; font-size: 18px; } .form-bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.5; } .booking-form-inn{ padding: 40px; min-height: 126px; } .booking-small-btn{ padding: 16px 20px 14px; width: 100%; max-width: 570px; background: var(--secondary_clr); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.28); margin-top: -2px; } .booking-small-btn p{ font-size: 18px; line-height: 22px; color: var(--white_clr); font-weight: 400; } .booking-small-btn .text-link{ display: inline-block; margin-left: 5px; font-size: 16px; color: var(--white_clr); text-transform: uppercase; } .booking-small-btn .text-link:hover{ color: var(--white_clr); text-decoration: underline; } /*Partner Section*/ .partner-section{ padding: 60px 0 0; margin-top: -90px; z-index: 2; } .bottom-imgbox{ min-height: 100px; } .bottom-imgbox img{ display: block; width: 100%; height: auto; } .partner-logos{ justify-content: center; flex-wrap: wrap; } .partner-logos .items{ padding: 10px 20px; } .partner-logobox{ height: 160px; } .partner-logobox img{ max-height: 160px; width: auto; } .cta-footer{ margin-top: -60px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; } .cta-footer .ptrn-bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 0; background-size: 66px auto !important; max-width: 400px; } .cta-footer-inn{ padding: 28px 30px; z-index: 2; justify-content: center; } .cta-footer .f-cta-tl{ display: inline-block; font-size: 30px; line-height: 34px; color: var(--white_clr); font-weight: 400; margin: 0 30px 0 20px; } .cta-footer .f-phone{ display: inline-block; font-size: 54px; line-height: normal; font-weight: 800; color: var(--white_clr); margin-right: 30px; } .cta-footer .f-phone:hover{ color: var(--yellow_clr); } /*Footer Start*/ .footer{ padding: 0; margin:0; position:relative; background: #202c48; } .footer .bg-img{ height: 290px; } .footer .container{ max-width: 964px; z-index: 2; } .footer-inner h4{ font-size: 24px; line-height: 32px; color: #1ba8ce; font-weight: 800; margin: 0 0 20px; } .footer p{ font-size: 19px; line-height: 27px; color: var(--white_clr); } .footer p a{ color: var(--white_clr); } .f-links ul{ margin: 0; padding: 0; } .f-links ul li{ margin: 0; padding: 0; list-style: none; font-size: 19px; line-height: 24px; color: var(--white_clr); } .f-links ul li + li{ margin-top: 12px; } .f-links ul li a{ color: var(--white_clr); } .f-links ul li a:hover, .footer p a:hover{ color: var(--yellow_clr); } .social-media-block { margin: 0 0 24px; } .s-icon{ min-width: 44px; max-width: 44px; height: 44px; background: var(--black_clr); font-size: 20px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .s-icon + .s-icon{ margin-left: 12px; } .s-icon i{ display: block; width: 100%; height: 100%; font-size: 0; line-height: normal; background-size: 100% auto !important; } .s-icon .la-facebook{ background: url('../images/facebook.png') no-repeat center; } .s-icon .la-instagram{ background: url('../images/instagram.png') no-repeat center; } .s-icon .la-tripadvisor{ background: url('../images/tripadvisor.png') no-repeat center; } .s-icon .la-pinterest{ background: url('../images/pinterest.png') no-repeat center; } .s-icon .la-twitter{ background: url('../images/twitter.png') no-repeat center; } .s-icon .la-youtube{ background: url('../images/youtube.png') no-repeat center; } .s-icon:hover{ background: var(--primary_clr); } .scrollup{ display: inline-flex; align-items: center; justify-content: center; position: fixed; right: -20px; bottom: 10px; z-index: 4; background: var(--white_clr); border: 1px solid #ccc; width: 34px; height: 34px; border-radius: 50%; font-size: 12px; color: var(--primary_clr); line-height: normal; text-align: center; cursor: pointer; opacity: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .scrollup.active{ right: 10px; opacity: 1; } /*Footer End*/ /*Midlle Section css*/ .middle-section{position:relative; min-height:50vh; overflow:hidden;} img.alignleft{float:left; margin:0 30px 20px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} img.alignright{float:right; margin:0 0 20px 30px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} img.alignnone{margin:0 0 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} iframe.alignleft{float:left; margin:0 30px 20px 0;} iframe.alignright{float:right;margin:0 0 20px 30px;} iframe.iframe-embed.alignright{max-width:500px;height:315px !important;} .bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;} .bg-img:before{display: block; content: ""; background: var(--black_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;} .bg-img.before-none:before{display: none;} .bg-img.cover{background-size: cover !important;} .bg-img.fixed{background-attachment: fixed !important;} .no-img.d-flex{align-items: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;} .btnbox{padding:20px 0 0;} .block-title{ position:relative; margin: 0 0 20px; } .block-title h2{ position: relative; color: var(--secondary_clr); } .block-title h2 strong{ font-size: 80px; line-height: 60px; font-family: var(--title_font_family); font-weight: 300; } .card-link{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .mw_970{ max-width: 970px; } .mw_740{ max-width: 740px; } /*Info Content Section*/ .block-bg{ position: absolute; left: -200px; right: -200px; top: 0; bottom: 0; overflow: hidden; } .bg-shape-top{ border-top-left-radius: 900px 100px; border-top-right-radius: 900px 100px; } .bg-shape-bottom{ border-bottom-left-radius: 900px 100px; border-bottom-right-radius: 900px 100px; } .block-bg .bg-img{ left: 200px; right: 200px; bottom: -2px; } .info-section{ padding-top: 60px; z-index: 2; } .info-section .bg-img{ background-size: 100% auto !important; } .pb-500{ padding-bottom: 500px; } .video_info-inn .content-block, .video_info-inn .info-vbox{ padding-left: 50px; } .video_thumb{ overflow: hidden; } .video_thumb img{ display: block; width: 100%; height: auto; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .play_btn{ display: block; background: url('../images/play_icon.png') no-repeat center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } /*Review Section*/ .review-section { padding: 150px 0 160px; margin-top: -90px; } .reviews-list{ margin-left: -15px; margin-right: -15px; } .reviews-list .items, .cruiser-list .items, .hana-stops-section .guide-list .items, .best-road-section .guide-list .items{ width: 25%; padding: 15px; } .card-reviews, .partners-mainbox, .cruiser-list .cruiser-box{ padding: 40px; background: var(--white_clr); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-shadow: 1px 0 10px rgba(0,0,0,0.28); } .card-reviews h4{ font-size: 27px; color: var(--secondary_clr); margin: 0 0 15px; } .card-reviews p{ font-size: 16px; line-height: 24px; color: var(--text_clr); } .star-box{ justify-content: center; margin: 0 0 15px; } .star-box .fa{ display: inline-flex; width: 19px; height: 19px; margin: 0 5px; } .star-box .fa-star{ background: url('../images/star.png') no-repeat center; } .star-box .fa-star:before{ display: none; } .reviews-slider .slick-arrow.slick-prev { left: -40px; } .reviews-slider .slick-arrow.slick-next { right: -40px; } /*Our Family Section*/ .our-family-section{ padding: 80px 0 80px; margin-top: -90px; z-index: 2; } .members-list{ padding: 0 50px; } .members-list .items{ width: 25%; padding: 15px; } .card-member{ width: 100%; height: 210px; overflow: hidden; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .card-member .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .member-name{ padding: 10px 15px; background: var(--secondary_clr); position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; font-size: 19px; line-height: 24px; color: var(--white_clr); } /*two-boxes-section*/ .two-boxes-section{ padding: 150px 0; margin-top: -90px; } .card-boxes{ background: var(--white_clr); overflow: hidden; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .card-boxes .imgbox{ display: block; width: 100%; height: 338px; } .card-boxes .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .card-boxes .block-title{ padding: 30px 40px; position: absolute; left: 0; bottom: 0; z-index: 2; } .card-boxes .block-title h2{ color: var(--white_clr); text-shadow: 0 10px 40px rgba(0,0,0,0.40); } .card-boxes .block-title h2 strong{ display: block; } .card-boxes .textbox{ padding: 30px 40px; } .card-boxes p{ margin: 0; } /*CTA Big Section*/ .cta-big-section{ padding: 180px 0; margin-top: -90px; z-index: 2; } .cta-big-section .bg-img:before{ background: #0d2753; opacity: 0.6; } .text_24 p, .text_24 ul li{ font-size: 24px; line-height: 34px; } .text-white-block *{ color: var(--white_clr); } .text-white-block p a:hover, .text-white-block li a:hover{ color: var(--white_clr); text-decoration: underline; } .cta-big-inner{ padding-left: 50px; } /*Road Info Section*/ .road-info-section{ padding: 240px 0 180px; margin-top: -90px; } .road-info-section .bg-img{ z-index: 1; background-size: 100% auto !important; } .road-info-section .ptrn-bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .big-tl h2{ display: inline-block; font-size: 98px; text-align: left; margin-bottom: 40px; text-shadow: 0 10px 40px rgba(0,0,0,0.4); } .big-tl h2 strong{ font-size: 150px; line-height: 100px; color: var(--yellow_clr); margin-left: 80px; } .tour-text-block{ padding: 0 50px; } .tour-text-list{ padding: 20px 0; justify-content: center; border-bottom: 3px solid #2a87a4; flex-wrap: wrap; } .tour-text-list li{ padding: 0 14px; margin: 0; list-style: none; position: relative; font-size: 24px; line-height: 32px; font-weight: 800; } .tour-text-list li:before{ display: block; content: ""; width: 7px; height: 7px; background: #1ba8ce; position: absolute; left: -3px; top: 13px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .tour-text-list li:nth-child(1):before{ display: none; } .tour-features-block{ margin: 50px 0; background: var(--white_clr); overflow: hidden; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .tour-features-block .row{ margin: 0; } .tour-features-block .right-block{ padding: 0; } .tour-features-block .left-block{ padding: 50px 60px; } .tour-features-block .textbox ul li{ font-size: 24px; } .tour-imgbox-block .sub-itemes img{ display: block; width: 100%; height: 100%; object-fit: cover; } .tour-imgbox-block > .sub-itemes{ display: none; } .tour-imgbox-block > .sub-itemes:nth-child(1){ display: block; } .imgbox-slider .slick-list, .imgbox-slider .slick-track{ height: 100%; } .imgbox-slider .slick-arrow{ margin: 0; top: auto; right: auto; left: 20px; bottom: 15px; width: 30px; height: 30px; background: rgba(255,255,255,0.5); } .imgbox-slider .slick-arrow.slick-next{ left: 60px; } .imgbox-slider .slick-arrow:before{ background-size: 18px auto !important; } .imgbox-slider .slick-arrow:hover{ background: var(--yellow_clr); } .highlighted-list .items + .items{ border-left: 3px solid #2a87a4; } .card-highlighted{ padding: 0 20px 10px; } .card-highlighted .iconbox{ min-width: 70px; max-width: 70px; height: 70px; background: var(--secondary_clr); margin: 0 auto 15px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .card-highlighted p{ color: var(--white_clr); } .cta-small-inn{ padding: 40px; background: var(--secondary_clr); width: 100%; max-width: 924px; justify-content: center; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; box-shadow: 1px 0 10px rgba(0,0,0,0.28); } .book-small-form{ margin-left: 24px; } .date-input{ min-width: 224px; max-width: 224px; position: relative; margin-right: 20px; } .date-input input{ display: block; width: 100%; height: 45px; background: #fff; border: 0; font-size: 20px; color: var(--text_clr); -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; } .famous-info-section .tour-text-list{ border-color: #d79404; } .famous-info-section .highlighted-list .items, .famous-info-section .highlighted-list .items + .items{ border-color: #d79404; } /*Two Coll Section*/ .two-coll-section{ z-index: 2; margin-top: -90px; } .two-coll-block{ padding-left: 20px; padding-right: 20px; } .card-style{ padding: 0 20px; flex-direction: column; } .card-style .imgbox{ display: block; width: 100%; height: 252px; overflow: hidden; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .card-style .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .card-style .textbox{ padding: 20px 0 10px; } .card-style h3{ color: var(--secondary_clr); } /*cta-big-green*/ .cta-big-green.cta-big-section{ padding: 180px 0; z-index: 1; } .cta-big-green.cta-big-section .bg-img:before{ background: #414218; opacity: 0.5; } .cta-big-inner .block-title ul{ display: flex; flex-wrap: wrap; } .cta-big-inner .block-title ul li{ padding: 5px 0; width: 50%; } /*Internal Hero Section*/ .internal-hero{ position:relative; z-index:1; overflow: hidden; } .internal-hero-inn .bg-img{ background-size: 100% auto !important; } .internal-hero-inn{ padding: 220px 0 0; min-height: 970px; position: relative; } .inner-banner-inner{ padding: 90px 0 100px; position: relative; z-index: 2; height: 100%; flex-direction: column; align-items: center; } .caption-inner{ min-width: 100%; max-width: 100%; margin: 0 auto; } .caption-inner .h1{ font-size: 64px; line-height: 74px; color: var(--white_clr); font-weight: 800; text-transform: none; letter-spacing: 0; position: relative; margin: 0; text-shadow: 0 22px 84px rgba(0,0,0,0.4); } .caption-inner .h1 strong{ font-size: 120px; color: var(--yellow_clr); font-family:var(--title_font_family); font-weight: 300; text-transform: none; } .internal-hero .caption-inner { min-width: 780px; max-width: 780px; } .block-imgbox{ padding: 0 20px; } .block-imgbox img{ display: block; width: 100%; height: auto; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } /* Accourdion */ .accordion-single { padding-top: 15px; } .accordion-single .acc-item-new + .acc-item-new { margin-top: 10px; } .acc-item-new { background: var(--secondary_clr); border-radius: 15px; } .acc_trigger, .acc_trigger_2{ padding: 17px 54px 17px 23px; cursor: pointer; position: relative; font-size: 25px; margin: 0; } .acc_trigger:after, .acc_trigger_2:after{ display: block; content: ""; background: url('../images/down-arrow.png') no-repeat center; width: 20px; height: 26px; text-align: center; position: absolute; right: 22px; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; } .acc-item-new .acc_trigger.active:after, .acc-item-new .acc_trigger_2.active:after{ transform: translateY(-50%) rotate(180deg); top: 20px; } .acc_container, .acc_container_2{ padding: 5px 23px 23px; } .our-guides-banner .content-block .btnbox{ margin-top: 40px; } /* Road Hana Block */ .road_hana_block .block-title{ margin-bottom: 40px; } .road-hana-list{ margin: 0 -15px; } .road-hana-list .items{ padding: 15px; } .road_hana_block .card-member{ height: 212px; } .road_hana_mainbox{ background: var(--white_clr); border-radius: 5px; box-shadow: 0 5px 10px rgba(213, 201, 195, 2); overflow: hidden; height: 100%; } .road_hana_block .content-box{ padding: 36px; background: var(--white_clr); } .road_hana_block .content-box h4 { font-size: 27px; } .road_hana_block .content-box h4 a{ color: var(--secondary_clr); } .road_hana_block .content-box h4 a:hover{ color: var(--primary_clr); } .road_hana_block .content-box p { font-size: 17px; line-height: 24px; } .road_hana_block .slick-arrow.slick-prev { left: -46px; } .road_hana_block .slick-arrow.slick-next { right: -46px; } /* Our Guides Cta Big */ .our-guides-banner .block-imgbox { padding: 0 10px; } .our-guides-cta-big{ z-index: 1; } .our-guides-from { font-size: 27px; margin: 34px 0; font-weight: 500; } /* Two Coll Our Guides */ .two-coll-our-guides .guide-list{ justify-content: center; } .guide-list.road-hana-list .slick-track { justify-content: center; } .two-coll-our-guides .guide-list .items{ padding-top: 15px; padding-bottom: 15px; } /* Benefits Info Section */ .benefits-info-section { padding: 100px 0 100px !important; z-index: 4; } .benefits-info-section .card-highlighted p { color: var(--black_clr); } .benefits-info-section .highlighted-list .items + .items { border-color: #e5deda; } .card-highlighted h5 { text-transform: uppercase; font-size: 22px; color: var(--secondary_clr); margin-bottom: 13px; } .our-guides-partner{ margin-top: 0; } /* Blog Page */ .blog-banner { padding: 0 0 60px; } .blog-banner .banner-coll-inn .block-imgbox { padding: 0; } .blog-main-box .imgbox { width: 100%; height: 212px; } .blog-main-box .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .featured-box p { color: var(--white_clr); font-size: 24px; line-height: 34px; } .blog-main-box .btnbox{ padding: 0 36px 36px; } .small-title{ display: inline-block; font-size: 27px; text-transform: uppercase; font-weight: 600; font-family: var(--primary_font_family); line-height: 32px; margin-bottom: 18px; } /* Blog Section */ .blog-block { margin-top: -90px; } .blog-review { padding: 180px 0; z-index: 1; margin-top: -90px; } .blog-block .block-bg { z-index: 2; } .blog-list { flex-wrap: wrap; } .blog-list .blog-item { width: 33%; padding: 15px; display: none; } .noContent { color: #000 !important; background-color: transparent !important; pointer-events: none; } .blog-main-box { border-radius: 5px; overflow: hidden; background: var(--white_clr); box-shadow: 0 5px 20px rgba(1, 0, 10, 0.3); height: 100%; display: flex; flex-direction: column; } .blog-main-text { padding: 36px; } .blog-main-text h4 a{ color: var(--secondary_clr); } .blog-main-text h4 a:hover{ color: var(--primary_clr); } .btnbox-loading { padding-top: 60px; } .btnbox-loading .btn { background: #d5c9c3; border-color: #d5c9c3; } .btnbox-loading .btn:hover { background: var(--primary_clr); border-color: var(--primary_clr); } /* Road To Hana */ .road-to-hana-banner .inner-banner-inner { padding: 50px 0 170px; } .road-to-hana-banner .block-imgbox { padding: 0; } /* Historic Section */ .historic-section{ padding: 80px 0 110px; z-index: 2; margin-top: -90px; } .historic-section .block-title { margin-bottom: 34px; } .historic-slider .slick-list { overflow: visible; position: relative; } .historic-slider .slick-list:before, .historic-slider .slick-list:after { display: block; content: ""; background: rgba(255, 255, 255, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: -1128px; bottom: 0; z-index: 1; } .historic-slider .slick-list:after{ left: auto; right: -1128px; } .historic-img-box { display: flex; align-items: center; justify-content: center; } .historic-img-box .imgbox { width: 100%; height: 470px; margin: 0 auto; padding: 0 40px; } .historic-img-box img{ display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 5px; } .historic-slider .slick-arrow.slick-prev { left: 114px; } .historic-slider .slick-arrow.slick-next { right: 114px; } /* Meet Section */ .meet_section { padding: 180px 0 580px; margin-top: -90px; z-index: 0; } .meet_section .bg-img_2 { background-size: 10% 30% !important; opacity: 0.4; } .meet_section .guide-list .road_hana_mainbox { overflow: hidden; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3); } .meet_btnbox{ padding-top: 35px; } .meet_btnbox .btn { width: 252px; } /* video Section */ .featured_video_block { max-width: 905px; margin: 0 auto; } .featured_video-img{ width: 100%; height: 510px; } .featured_video-img img{ display: block; width: 100%; height: 100%; object-fit: cover; } .featured_video_block .play_btn { display: block; width: 100%; height: 100%; background: url('../images/play_youtub_icon.png') no-repeat center; background-size: 62px auto !important; position: absolute; left: 0; top: 0; z-index: 0; } /* Featured Blog */ .featured-blog-section { z-index: 0; padding: 180px 0; } .featured-blog-section .blog-main-box .imgbox { width: 100%; height: 154px; } .featured-blog-section .blog-main-box .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .featured-blog-section .blog-main-box h4{ font-size: 25px; } .malama-cta-big { padding: 100px 0 !important; } .road-hana-boxes { z-index: 3; padding: 80px 0; margin-bottom: 80px; } /*=====Contact Page START======*/ .contact-info-block{ padding: 0 30px; } .contact-info-block .left-block{ width: 40%; } .contact-info-block .right-block{ width: 60%; margin-left: auto; } .contact-info-block .s-icon{ background: none; } .address-info p { font-size: 24px; line-height: 34px; color: var(--white_clr); } .address-info p a{ color: var(--white_clr); } .address-info p a:hover{ color: var(--white_clr); text-decoration: underline; } .cont-items + .cont-items { margin-top: 24px; } .c_icon{ display: inline-flex; min-width: 50px; max-width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 15px; } .c_icon.phone_icon{ background: url('../images/phone_icon.png') no-repeat center; } .c_icon.email_icon{ background: url('../images/email_icon.png') no-repeat center; } .c_icon.add_icon{ background: url('../images/map_icon.png') no-repeat center; } .form-block .gform-theme--foundation .gform_fields{ grid-row-gap: 20px; row-gap: 20px; } .form-block .gform-grid-col input, .form-block .gfield input, .form-block .gfield textarea{ padding: 0 24px !important; height: 65px !important; background: #fff; border-color: var(--white_clr); font-size: 24px !important; color: var(--text_clr) !important; -webkit-border-radius: 15px !important;-moz-border-radius: 15px !important;border-radius: 15px !important; } .form-block .gfield textarea{ padding: 15px 24px !important; } .form-block ::-webkit-input-placeholder{color:var(--text_clr); opacity:1;} .form-block :-moz-placeholder{color:var(--text_clr); opacity:1;} /* Firefox 18- */ .form-block ::-moz-placeholder{color:var(--text_clr); opacity:1;} /* Firefox 19+ */ .form-block :-ms-input-placeholder{color:var(--text_clr); opacity:1;} .form-block .gform_footer .gform_button{ padding:10px 24px !important; font-size: 18px !important; font-weight: 800 !important; text-transform: uppercase !important; min-width: 214px !important; height: 45px !important; text-align: center; background:var(--yellow_clr) !important; border-color:var(--yellow_clr) !important; color:var(--white_clr) !important; -webkit-border-radius:40px !important;-moz-border-radius:40px !important;border-radius:40px !important; } .form-block .gform_footer .gform_button:hover, .form-block .gform_footer .gform_button:focus{ background: var(--white_clr) !important; border-color: var(--white_clr) !important; color: var(--yellow_clr) !important; } .map-section { z-index: 3; height: 680px; margin: -90px 0 70px; } .map-section iframe{ display: block; width: 100%; height: 100%; position: relative; } .map-section .block-bg iframe{ left: 200px; right: 200px; } body .gform-theme--framework .gform_validation_errors { background: rgba(255, 255, 255, 0.7); margin-bottom: 20px; } body .gform-theme--framework .gfield_description.validation_message { color: red; background: rgba(255, 255, 255, 0.7); padding: 6px 10px; border-radius: 2px; } /* Cms Page Banner */ .cms-page-banner .internal-hero-inn{ min-height: auto; } .cms-page-section { padding: 80px 0 180px; z-index: 2; margin-top: -90px; } .cms-faq-block p a{ text-decoration: underline; } .cms-faq-block p a:hover { text-decoration: none; color: #4a9c2d; } .cms-faq-block p a:hover, .cms-faq-block li a:hover{ color: var(--white_clr); text-decoration: underline; } .cms-faq-block .acc_trigger { font-size: 22px; } /* Partners Section*/ .partners-list .partners-items{ padding-top: 15px; padding-bottom: 15px; } /* About Section */ .aboutcontent-box { padding: 40px; box-shadow:0 2px 15px rgba(0,0,0,0.16); display: flex; flex-direction: column; overflow: hidden; border-radius: 5px; } .aboutcontent-box h4{ text-transform: uppercase; } .aboutcontent-box .btnbox .btn, .retail-section .btnbox .btn, .group-service-section .btnbox .btn{ min-width: 100%; } .aboutcontent-box .imgbox{ width: 100%; height: 320px; margin-top: 30px; } .aboutcontent-box .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .icon-bus, .icon-map-marker, .icon-map-sunset, .icon-binoculars, .icon-dollar, .icon-hour-class, .icon-user, .icon-calendar{ display: block; width: 20px; height: 20px; background: url('../images/bus-icon.svg') no-repeat center; z-index: 2; } .icon-map-marker{ background: url('../images/location-icon.svg') no-repeat center; } .icon-binoculars{ background: url('../images/binoculars.svg') no-repeat center; } .icon-map-sunset{ background: url('../images/sunset.svg') no-repeat center; } .icon-dollar{ background: url('../images/icon-dollar.svg') no-repeat center; } .icon-calendar{ background: url('../images/icon-calendar.svg') no-repeat center; } .icon-hour-class{ background: url('../images/icon-hour-class.svg') no-repeat center; } .icon-user{ background: url('../images/icon-user.svg') no-repeat center; } /* Tour Page */ .tours-price { padding: 10px; position: absolute; bottom: 100%; right: 10px; background: #2958a8; color: #fff; max-width: 180px; font-size: 18px; line-height: normal; font-weight: 700; border-radius: 10px; margin-bottom: 10px; } .tours-price .from { padding: 2px 10px; display: block; min-width: 100%; background: #fff; font-size: 14px; color: #2958a8; font-weight: 400; text-transform: uppercase; margin: 0 0 5px; } .tours-price .strikethrough-price { text-decoration: line-through; display: block; font-size: 80%; opacity: 0.8; } /* Content Section */ .content-block-box p{ color: var(--white_clr); } .about-valley-middle { padding: 100px 0 100px; } .cta-big-about-valley .cta-big-inner { padding: 100px 0 100px 50px; } .about-valley-banner .internal-hero-inn { padding-bottom: 60px; } /* Career Banner */ .career-banner .internal-hero-inn { padding-bottom: 60px; } .career-banner .content-block p, .road-to-hana-banner .content-block p{ color: var(--white_clr); } .career-middle{ padding: 100px 0 160px; } .two-coll-career .textbox p, .two-coll-career .textbox h5, .two-coll-career .textbox p a{ color: var(--white_clr); } .two-coll-career .textbox h5, .two-coll-career .textbox h3{ text-transform: uppercase; } .two-coll-career .textbox p a{ text-decoration: underline; } .two-coll-career .textbox p a:hover{ color: var(--white_clr); text-decoration: underline; } .positions-section .card-reviews{ padding: 20px; border-radius: 30px; } /* History Section */ .history-section{ padding: 100px 0 160px; } .history-section .block-bg .bg-img { left: 50%; right: 0; top: 0; margin-left: 30px; } .history-section .history-box *{ color: var(--white_clr); } .history-section .history-box hr{ background: var(--white_clr); } /* Destinations Section */ .destinations-section { padding: 90px 0 160px; z-index: 1; margin-top: -90px; } .destinations-section .items{ padding-top: 15px; padding-bottom: 15px; } .destinations-section .card-boxes{ flex-direction: column; border-radius: 10px; } .destinations-section .card-boxes .imgbox { height: 200px; } .destinations-section .card-boxes .textbox { padding: 30px 30px 20px 30px; } .destinations-section .card-boxes .textbox h5 { margin-bottom: 10px; } .destinations-section .card-boxes .textbox p{ font-size: 16px; line-height: 24px; } .destinations-section .card-boxes .btnbox { padding: 0 0 30px 30px; } /* Retail Section */ .retail-section { padding-bottom: 160px; } .retail-section .road_hana_mainbox { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); background: var(--white_clr); display: flex; flex-direction: column; } .retail-section .guide-list .imgbox { width: 100%; height: 242px; border-radius: 4px 4px 0 0; } .retail-section .guide-list .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .retail-section .content-box h4{ text-transform: uppercase; } .retail-section .content-box h5{ color: var(--primary_clr); } .retail-section .btnbox{ padding: 0 36px 36px 36px; } .retail-section .acc-item-new { background: var(--white_clr); border-radius: 5px; border: 1px solid rgb(0 0 0 / 30%); } .retail-section .accordion-single { padding: 0 36px 25px; } .retail-section .acc_trigger_2 { padding: 14px 54px 14px 22px; font-size: 20px; } .retail-section .acc_trigger_2:after, .accordion-arrow-style .acc_trigger:after { background: url('../images/acc-down-arrow.png') no-repeat center; } .acc-images-block img + img{ margin-top: 10px; } .passenger-page-extra-content *, .our-drive-section .our-drive-textarea *{ color: var(--white_clr); } .our-drive-section.mauis-waterfalls .our-drive-textarea *{ color: var(--text_clr); } .passenger-page-extra-content ul li:before, .our-drive-section ul li:before{ background: var(--white_clr); } .passenger-page-extra-content ul li a{ text-decoration: underline; } .passenger-page-extra-content a:hover{ color: var(--white_clr); text-decoration: none; } .passengers-page-banner { padding-bottom: 60px; } .two-passenger-section .card-boxes { background: var(--secondary_clr); } .two-passenger-section .card-boxes .block-title { padding: 10px 30px; margin: 0; position: inherit; bottom: auto; top: 0; } .two-passenger-section .card-boxes .block-title h2{ font-size: 32px; line-height: 1.2; } .two-passenger-section .card-boxes .block-title h2 strong { display: inline; font-size: 60px; } .our-drive-section { padding: 140px 0 180px !important; margin-top: -120px; z-index: 0; } .our-drive-section .highlighted-list .items + .items { border-left: 0; } .our-drive-section .our-drive-textarea h3{ text-transform: uppercase; } .our-drive-section .our-drive-textarea p{ color: var(--white_clr); } .national-park-top *{ color: var(--white_clr); } .national-park-section .accordion-single, .cultural-organizations-section .accordion-single{ padding: 0; } .national-park-section .acc_trigger{ text-transform: uppercase; } .national-park-section .acc_container { padding: 15px 23px 23px; border-top: 1px solid rgba(0, 0, 0, 0.3); } .group-service-slider { flex-wrap: wrap; } .group-service-section .card-reviews { flex-direction: column; padding: 40px; border-radius: 20px; } .national-park-section{ padding-bottom: 120px; } .conservation-setrion { padding: 100px 0 160px !important; margin-top: -90px; } .cultural-organizations-section { z-index: 2; } .cultural-organizations-section .our-drive-textarea .acc_container p{ color: var(--text_clr); } .cultural-organizations-section .our-drive-textarea .acc_trigger{ text-transform: uppercase; } .press-news-list .items + .items { margin-top: 30px; } .card-press-news { padding: 40px; background: var(--white_clr); } .watching-section .block-title p{ color: var(--white_clr); } .watching-section .road_hana_mainbox{ background: var(--white_clr); } .sunrise-time-section { margin-top: -90px; z-index: 0; padding: 170px 0 120px; } .sunrise-photo-section .row-reverse { flex-direction: row-reverse; margin-top: 40px; } .watching-section { padding: 120px 0; z-index: 1; } .watching-section .content-box h4{ text-transform: uppercase; } .maui-sunrise-section { padding: 120px 0 170px; margin: 0; } .watching-section .guide-list .items{ padding-top: 15px; padding-bottom: 15px; } .positions-section { padding: 170px 0 160px; } .sunrise-photo-imgbox .block-imgbox{ padding: 0; } .cultural-organizations-section .accordion-single .acc_trigger{ color: var(--text_clr); } .cruiser-section { padding: 100px 0; } /* Experience Section */ .experience-section{ margin-top: -90px; z-index: 1; padding: 110px 0 180px; } .hana-stops-section { margin-top: -90px; z-index: 0; padding: 180px 0; } .hana-stops-section .card-member { height: 290px; } .easternmost-tip{ padding: 100px 0 160px; } .easternmost-tip .block-title p{ color: var(--text_clr); } .best-road-section{ margin-top: -90px; } .two-coll-road-to-hana { z-index: 2; } .experience-section .block-imgbox{ padding-right: 30px; } .two-coll-road-to-hana { padding: 100px 0 160px; } .two-coll-hana-tour{ padding: 100px 0; } .driving-hana-section { padding: 200px 0; } .box-block-img .road_hana_mainbox .imgbox{ height: 260px; } .box-block-img .road_hana_mainbox img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .van-tour-section{ padding: 100px 0; } .block-iframe{ width: 100%; height: 270px; } .block-iframe iframe{ display: block; width: 100%; height: 100%; } .black-beach-banner .content-block{ padding-right: 20px; } .black-beach-banner .btnbox .btn, .rainforest-section .road_hana_mainbox .btnbox .btn{ min-width: 100%; } .black-beach-banner .inner-banner-inner { padding-bottom: 160px; } .mauis-waterfalls { z-index: 1; } .mauis-waterfalls .our-drive-textarea p{ color: var(--black_clr); } .rainforest-section .road_hana_mainbox{ box-shadow: inherit; } .rainforest-section .road_hana_mainbox p, .lightgallery-section .block-title p, .lightgallery-section .block-title ul li, .what-to-expect-accordian .acc_trigger, .what-to-expect-accordian .acc-item-new p, .what-to-expect-accordian .acc-item-new p a:hover{ color: var(--white_clr); } .lightgallery-section .entry-content ul li:before{ background: var(--white_clr); } .rainforest-section .block-iframe{ height: 330px; } .lightgallery-section{ margin-top: -90px; padding: 160px 0; } .lightgallery-list{ flex-wrap: wrap; margin: 0 -8px; } .lightgallery-list .lightgallery-items{ width: 16.66%; padding: 8px; } .lightgallery-box{ overflow: hidden; } .lightgallery-list .imgbox{ position: relative; overflow: hidden; width: 100%; height: 160px; border-radius: 5px; cursor: zoom-in; } .lightgallery-list .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .lightgallery-list .imgbox:before{ content: ""; display: block; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgb(41 88 168 / 20%); transform: scale(0); -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 1; } .lightgallery-list .imgbox:hover:before{ transform: scale(1.2); opacity: 1; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .lightgallery-title{ position: absolute; padding: 5px 10px; background: #fff; width: 100%; text-align: center; top: 100%; text-transform: uppercase; z-index: 0; cursor: pointer; opacity: 0; border-radius: 5px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 1; } .lightgallery-title h6{ font-size: 16px; text-transform: none; font-weight: 400; letter-spacing: 0; } .lightgallery-box:hover .lightgallery-title{ top: auto; bottom: 0; z-index: 2; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 1; } .what-to-expect-section .lightgallery-list .lightgallery-items{ width: 33.33%; } .what-to-expect-section .lightgallery-list .imgbox{ height: 200px; } .what-to-expect-accordian .acc-item-new { box-shadow:0 2px 15px rgba(0,0,0, 0.7); } .practices-section { padding-top: 160px; } .practices-section .road_hana_mainbox .card-member{ height: 210px; } .meet_section .content-box h4{ color: var(--secondary_clr); } /*Blog Css*/ .post-detail-banner .internal-hero-inn .bg-img{ -webkit-mask-image: linear-gradient(#000, #000, transparent, transparent); mask-image: linear-gradient(#000, #000, transparent, transparent); } .post-detail-banner.internal-hero .caption-inner{ min-width: 940px; max-width: 940px; } .post-detail-banner .caption-inner .h1{ font-size: 44px; line-height: 60px; } .post-content-block{ padding: 40px; background: var(--white_clr); } .post-content-block h1{ font-size: 44px; } .post-content-block h2{ font-size: 32px; line-height: 40px; } .post-content-block h3 { font-size: 28px; } .post-content-block h4 { font-size: 24px; } .tags-block{ border-top: 1px solid #ddd; padding: 20px 0 0; margin: 20px 0 0; } .tag-link{ padding: 4px 10px; display: inline-block; font-size: 16px; line-height: 18px; color: #111; background: #eee; border: 1px solid #ddd; border-radius: 4px; margin: 0 5px 5px 0; } .post-nav .btn i{ margin: 0 5px; } .booking-tour-block{ padding: 25px; background: var(--white_clr); margin-left: 20px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; } .bg-patt{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.5; } .booking-tour-block h3{ color: var(--secondary_clr); } .booking-tour-block iframe{ display: block; border: 2px solid #e8e8e8; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .text-white-block hr{ background: var(--white_clr); } .text-white-block .entry-content ul li:before{ background: var(--white_clr); } .price-list { border-top: 1px solid #e4e4e4; margin: 0 0 12px; } .price-list .sub-items { border-bottom: 1px solid #e4e4e4; padding: 12px 0; } .price-list-box { font-size: 18px; } .price-list-box small { display: block; font-size: 15px; margin-top: 5px; } .price-list-box strike { display: inline-block; color: #fb1717; margin-right: 15px; } .internal-hero .container{ max-width: 1140px; } .internal-hero .tour-text-block { padding: 0; } .hidden-content { display: inline-block; height: 70px; overflow: hidden; } .readmore-active .hidden-content{ height: auto; } .clr-column-inn .content-block{ padding: 60px 30px; } .historic-section.full-width-section { z-index: 3; padding: 110px 0; margin: 0 0 70px; } .boxes-section.meet_section{ padding-bottom: 100px; } .rainforest-section + .what-to-expect-section{ margin-top: 0 !important; padding: 80px 0; } .practices-two-column { flex-wrap: wrap; } .practices-two-column .items { width: 50% !important; } .practices-section .practices-two-column .road_hana_mainbox .card-member{ height: 380px; } .single-tour-banner.road-to-hana-banner .internal-hero-inn{ padding-bottom: 0; } .single-tour-banner.road-to-hana-banner .inner-banner-inner{ padding-bottom: 40px; } .single-tour-banner.road-to-hana-banner .acc-block-inn .col_5{ margin-bottom: 0; } .single-tour-guide.meet_section{ padding-top: 60px !important; margin-top: 0; } .single-tour-guide.meet_section .bg-img_2{ opacity: 1; background-size: auto !important; } .historic-section + .cta-big-green.cta-big-section, .historic-section + .our-family-section{ z-index: 3; margin-top: 0; } /*========================================== ===============:: MEDIA CSS ::============== ============================================*/ @media screen and (max-width:1365px){ .container{max-width: 1140px;} .reviews-slider .slick-arrow.slick-prev { left: -30px; } .reviews-slider .slick-arrow.slick-next { right: -30px; } .tour-text-block { padding: 0; } .tour-features-block .left-block{ padding: 40px; } .road_hana_block .slick-arrow.slick-prev { left: -32px; } .road_hana_block .slick-arrow.slick-next { right: -32px; } .partners-list .partners-items{ width: 33.33%; } } /* iPad 1024px View */ @media screen and (max-width:1199px){ .container{width:100%; max-width:100%; padding:0 15px;} .max-container{padding:0 15px;} .btnbox{padding:10px 0 0;} .ptb-120{padding: 80px 0;} .ptb-100{padding: 60px 0;} .ptb-80, .ptb-90, .ptb-60{padding: 40px 0;} h1, .h1{font-size: 42px;line-height: 50px;} h2, .h2{font-size: 32px;line-height: 40px;} h3 {font-size: 28px;line-height: 32px;} h4 {font-size: 22px;line-height: 28px;} p{font-size: 18px;line-height: 24px; margin-bottom: 15px;} ul li, ol li{font-size: 17px;line-height: 24px;} .block-title h2 strong { font-size: 50px; line-height: 40px; } .mw_970 { max-width: 840px; } .text_24 p, .text_24 ul li{ font-size: 20px; line-height: 32px; } /*Header and banner*/ .nav-main{display:none !important;} .mobi-iconbox{display:flex;} .site-logo, .navbar_fixed .site-logo{ width: 160px; margin: 0; } .header-inner, .navbar_fixed .header-inner { padding: 0; height: 100px; } .annoucment-bar { height: auto; padding: 5px 0; } .navbar_fixed .annoucment-bar { margin-top: -52px; } .annoucment-bar p, .annou-link{ font-size: 14px; line-height: 16px; } .hero-banner .items { padding: 120px 0 0; height: 670px; } .banner-inner{ padding: 60px 0 0; background-size: 80px auto !important; } .caption { min-width: 540px; max-width: 540px; } .caption .h1 { font-size: 42px; line-height: 52px; } .caption .h1 strong{ font-size: 70px; } .video_info-inn .content-block, .video_info-inn .info-vbox{ padding-left: 20px; } .play_btn{ background-size: 140px auto !important; } .reviews-list { margin-left: 0; margin-right: 0; padding: 0 20px; } .reviews-slider .slick-arrow.slick-prev { left: -15px; } .reviews-slider .slick-arrow.slick-next { right: -15px; } .card-reviews{ padding: 40px 30px; } .card-reviews h4{ font-size: 20px; } .members-list { padding: 0 30px; } .cta-big-section { padding: 120px 0; } .big-tl h2 { font-size: 52px; margin-bottom: 20px; } .big-tl h2 strong{ font-size: 80px; line-height: 60px; margin-left: 60px; } .cta-small-inn{ max-width: 780px; } .tour-text-list li{ font-size: 20px; } .tour-features-block .textbox ul li { font-size: 20px; } .two-coll-block { padding: 10px 0 0; } .card-style { padding: 0 10px; } .partner-logos .items { padding: 10px; } .partner-logobox img { max-height: 100px; width: auto; max-width: 180px; } .cta-footer .f-phone{ font-size: 40px; } .cta-footer .ptrn-bg{ max-width: 320px; } /*Inner Banner*/ .internal-hero-inn { padding: 120px 0; } .inner-banner-inner{ padding: 0; background-size: 80px auto !important; } .inner-banner-inner .caption-inner{ padding: 60px 0 !important; } .caption-inner .h1{ font-size: 42px; line-height: 52px; } .caption-inner .h1 strong{ font-size: 70px; } /* Our Guides Page */ .road_hana_block .content-box { padding: 28px; } .our-guides-from { font-size: 26px; margin: 28px 0; } .our-guides-banner .block-imgbox { padding: 0 10px; } .our-guides-banner .banner-coll-inn p { font-size: 20px; line-height: 28px; } .accordion-single-title { font-size: 22px; } .card-highlighted h5 { font-size: 20px; } /* Road To Hana Css */ .road-to-hana-banner .inner-banner-inner { padding: 0 0 50px; } .historic-slider .slick-list:before, .historic-slider .slick-list:after { left: -868px; } .historic-slider .slick-list:after { right: auto; left: 868px; } .meet_section { padding: 140px 0 440px !important; } .meet_section .block-title { margin-bottom: 20px; } .meet_section .btnbox { padding: 30px 0 0; } .featured-blog-section { padding: 160px 0; } .featured_video-img{ height: 460px; } .blog-banner { padding: 0 0 40px; } .blog-main-text { padding: 28px; } .blog-main-box .btnbox { padding: 0 28px 28px; } .benefits-info-section { padding: 70px 0 70px !important; } .acc_trigger{ font-size: 24px; } .cont-items + .cont-items { margin-top: 15px; } .form-block .gform-grid-col input, .form-block .gfield input, .form-block .gfield textarea{ padding-left: 18px !important; padding-right: 18px !important; height: 52px !important; font-size: 18px !important; } .map-section { height: 480px; } .road_hana_block .slick-arrow.slick-prev { left: 0px; } .road_hana_block .slick-arrow.slick-next { right: 0px; } .cms-page-section { padding: 80px 0 160px; } .partners-list .partners-items{ width: 50%; } .about-valley-banner .internal-hero-inn, .career-banner .internal-hero-inn { padding-bottom: 160px; } .positions-section .reviews-list{ flex-wrap: wrap; padding: 0; } .positions-section .reviews-list .items { width: 33%; min-width: 33%; } .passengers-page-banner { padding-bottom: 20px; } .two-passenger-section .card-boxes .block-title h2 strong { font-size: 60px; } .two-passenger-section .card-boxes .block-title h2 { font-size: 34px; } .our-drive-section { padding: 100px 0 140px !important; } .national-park-section { padding: 70px 0 80px; } .group-service-section .reviews-list .items{ min-width: auto; } .group-service-section .card-reviews { padding: 30px; } .culture-page-faq { padding-bottom: 120px; } .cultural-organizations-section { padding: 90px 0 150px !important; } .watching-section { padding: 80px 0 80px !important; } .watching-section .content-box h4 { font-size: 22px; margin-bottom: 15px; } .sunrise-photo-section .block-title{ margin-bottom: 0; } .maui-sunrise-section { padding: 100px 0 150px !important; } .hana-stops-section { padding: 160px 0 !important; } .easternmost-tip{ padding-top: 100px !important; } .box-block-img .road_hana_mainbox .imgbox { height: 240px; } .two-coll-road-to-hana { padding: 80px 0 !important; } .two-coll-hana-tour { padding: 80px 0 !important; } .experience-section .block-imgbox { padding-right: 20px; } .road-hana-cta-bg { padding: 120px 0 170px; margin-top: -90px; } .lightgallery-list .lightgallery-items{ width: 25%; } .what-to-expect-section .lightgallery-list .lightgallery-items{ width: 50%; } .black-beach-banner .inner-banner-inner { padding-bottom: 40px; } .historic-section.what-to-expect-section { padding-bottom: 80px; } .black-beach-banner .inner-banner-inner { padding-bottom: 60px; } .road_hana_block .content-box h4 { font-size: 20px; } .boxes-section.meet_section { padding-bottom: 80px !important; } .historic-section.full-width-section{ padding: 80px 0; } .experience-section + .cta-big-section{ padding: 60px 0; } } /* iPad 768px view*/ @media screen and (max-width:991px){ h1, .h1{font-size: 32px;line-height: 34px;} .ptb-120{padding:80px 0;} .ptb-100, .ptb-80{padding:40px 0;} /*Header and banner*/ .info-section { padding-top: 30px; } .video_info-inn .col_6{ min-width: 100%; max-width: 100%; } .video_info-inn .col_6 + .col_6{ margin-top: 30px; } .pb-500 { padding-bottom: 300px; } .review-section { padding: 100px 0; margin-top: -50px; } .our-family-section { padding: 50px 0; margin-top: -50px; } .video_info-inn .content-block, .video_info-inn .info-vbox{ padding-left: 0; } .two-boxes-section { padding: 100px 0; margin-top: -50px; } .cta-big-section { margin-top: -50px; } .card-boxes .block-title{ padding: 20px 30px; } .card-boxes .textbox{ padding: 30px; } .cta-big-inner.row .items{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .cta-big-inner { padding-left: 30px; } .tour-features-block .textbox ul li { font-size: 18px; } .card-highlighted { padding: 0; } .road-info-section { padding: 180px 0 120px; margin-top: -50px; } .cta-small-inn { flex-direction: column; text-align: center; } .book-small-form { margin: 30px 0 0; } .two-coll-section { padding: 80px 0; } .two-coll-section { margin-top: -50px; } .cta-big-inner.row .col_8.items{ min-width: 100%; max-width: 100%; } .cta-footer .f-cta-tl{ font-size: 24px; } .cta-footer .f-phone{ font-size: 32px; } .footer-inner .items{ min-width: 50%; max-width: 50%; } .footer-inner .contact-items{ min-width: 100%; max-width: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.2); text-align: center; } .footer-inner .social-media-block, .footer-inner .social-media{ justify-content: center; } .copyright-textbox{ text-align: center; padding: 20px 0 0; } .copyright-textbox p{ margin: 0; } .partner-section { padding: 30px 0 0; margin-top: -50px; } /**/ .banner-coll-inn .col_7, .col_5,.acc-block-inn .col_5, .acc-block-inn .col_7 { min-width: 100%; } .banner-coll-inn .col_7, .acc-block-inn .col_5{ margin-bottom: 40px; } .acc_trigger { font-size: 22px; } .our-guides-banner .block-imgbox { height: 340px; padding: 0; } .our-guides-banner .block-imgbox img { object-fit: cover; height: 100%; } .our-guides-banner .internal-hero-inn { padding: 120px 0 70px; } .two-coll-our-guides .guide-list .items { min-width: 50%; } .card-highlighted h5 { font-size: 18px; } .benefits-info-section .card-highlighted p { font-size: 16px; } .our-guides-partner{ padding: 60px 0 0 !important; } .road-to-hana-banner .block-imgbox { padding: 40px 5px 0; } .historic-section { padding: 70px 0 80px; } .historic-img-box .imgbox { height: 230px; padding: 0 34px; } .meet_section { padding: 140px 0 340px !important; } .featured_video-img{ height: 400px; } .blog-list .blog-item { width: 50%; } .featured-blog-section { padding: 150px 0; } .blog-banner .banner-coll-inn .col_7, .blog-banner .banner-coll-inn .col_4{ min-width: 100%; } .blog-banner .banner-coll-inn .block-imgbox{ height: 340px; } .blog-banner .banner-coll-inn .block-imgbox img{ height: 100%; } .historic-slider .slick-list:before, .historic-slider .slick-list:after { left: -638px; } .historic-slider .slick-list:after { left: 638px; } .contact-info-block { flex-wrap: wrap; } .contact-info-block .left-block { width: 100%; } .contact-info-block .right-block { width: 100%; margin: 50px 0 0; } .contact-info-block .social-media-block{ padding: 20px 0 0; } .road-to-hana-banner .inner-banner-inner{ padding: 0 0 30px; } .cms-page-section { padding: 60px 0 120px; margin-top: -50px; } .cms-faq-block .acc-block-inn .block-imgbox{ height: 400px; padding: 0; } .cms-faq-block .acc-block-inn .block-imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; } .about-inn .col_6{ min-width: 100%; padding-top: 15px; padding-bottom: 15px; } .aboutcontent-box .imgbox { height: 400px; margin-top: 20px; } .about-inn { padding: 0; } .cta-big-about-valley .cta-big-inner { padding: 80px 0 80px 40px; } .content-list .col_5, .content-list .col_7{ min-width: 100%; } .content-list .col_5{ margin-bottom: 30px; } .about-valley-banner .internal-hero-inn, .career-banner .internal-hero-inn { padding-bottom: 120px; } .history-section { padding: 70px 0 100px; } .destinations-section { padding: 60px 0 110px; } .destinations-list .items{ width: 50%; min-width: 50%; } .retail-section .accordion-single { padding: 0 28px 20px; } .retail-section .btnbox { padding: 0 28px 28px 28px; } .passengers-page-banner { padding-bottom: 0; } .passengers-page-banner .internal-hero-inn { padding-bottom: 100px; } .two-passenger-section { padding: 60px 0; margin-top: -60px; margin-bottom: 0; } .two-passenger-section .card-boxes .block-title h2 { font-size: 32px; } .two-passenger-section .card-boxes .block-title h2 strong { font-size: 56px; } .two-passenger-section .card-boxes .imgbox { height: 260px; } .our-drive-section { padding: 100px 0 100px !important; } .cultural-button-block{ flex-wrap: wrap; } .cultural-button-block .items { width: 50%; min-width: 50%; } .cultural-button-block .items + .items + .items { margin-top: 20px; } .cultural-button-block .btnbox .btn{ min-width: 100%; } .cultural-banner .internal-hero-inn { padding: 120px 0 70px; } .national-park-section .accordion-single, .cultural-organizations-section .accordion-single{ padding: 0; } .conservation-setrion { padding: 60px 0 100px !important; } .conservation-setrion .items, .experience-section .sunrise-photo-list .left-block, .experience-section .sunrise-photo-list .right-block{ min-width: 100%; } .conservation-setrion .items + .items { margin-top: 40px; } .conservation-setrion .our-drive-textarea .imgbox, .haleakala-sunrise-banner .video_info-inn .block-imgbox{ width: 100%; height: 400px; } .conservation-setrion .our-drive-textarea .imgbox img, .haleakala-sunrise-banner .video_info-inn .block-imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; } .haleakala-sunrise-banner .video_info-inn .block-imgbox { padding: 40px 0 0; } .positions-section .reviews-list .items, .watching-section .guide-list .items{ width: 50%; min-width: 50%; } .watching-section { padding: 80px 0 70px !important; margin-top: -40px; } .sunrise-photo-section { padding: 60px 0 90px; margin-top: -40px; } .maui-sunrise-section { padding: 80px 0 100px !important; } .experience-section .sunrise-photo-list .left-block{ margin-bottom: 40px; } .experience-section .block-imgbox { padding-right: 0; } .cruiser-section { padding: 70px 0; } .hana-stops-section .guide-list .items{ min-width: auto; } .driving-hana-section { padding: 180px 0 160px; margin-top: -90px; } .post-detail-banner.internal-hero .caption-inner{ min-width: 540px; max-width: 540px; } .post-detail-banner .caption-inner .h1{ font-size: 32px; line-height: 40px; } .post-content-block h1{ font-size: 32px; } .post-content-block h2{ font-size: 28px; line-height: 34px; } .post-content-block h3 { font-size: 24px; } .post-content-block h4 { font-size: 22px; } .featured-imgbox-main > div { min-width: 100%; max-width: 100%; } .featured-imgbox-main > div + div{ margin-top: 20px; } .booking-tour-block { margin-left: 0; } .row .booking-right-block{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px; } .col-inn-all .items{ min-width: 100%; max-width: 100%; } .col-inn-all .items + .items{ margin-top: 30px; } .lightgallery-section { margin-top: -50px; padding: 100px 0; } .historic-section.what-to-expect-section { margin-top: -50px; } .clr-column-inn .left-block { min-width: 100%; } .clr-column-inn .right-block { min-width: 100%; margin-top: 30px; } .rainforest-section + .historic-section.what-to-expect-section{ padding-bottom: 20px; } .hana-stops-section.two-coll-road-to-hana.maui-sunrise-section.entry-content{ padding: 60px 0 !important; } } /* iPhone-6 plus 736 (Landscape) view */ @media screen and (max-width:767px){ body{-webkit-text-size-adjust:none;} .ptb-120, .ptb-100, .ptb-80, .ptb-90, .ptb-60, .ptb-50{padding:40px 0;} img.alignleft, img.alignright, img.alignnone, iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{ float: none; max-width: 100%; margin: 0 0 20px; } .block-title p br{ display: none; } .pb-500 { padding-bottom: 180px; } .button, .btn{ letter-spacing: 0; } /*Header and banner*/ .mobile-menu-block { width: 85%; left: -105%; } .annoucment-bar { flex-direction: column; text-align: center; } .caption { width: 100%; min-width: inherit; max-width: 460px; } .caption .h1 { font-size: 32px; line-height: 42px; } .caption .h1 strong { font-size: 50px; } .banner-inner { padding: 60px 0 0; background-size: 40px auto !important; background-position: center 30px !important; } .booking-form-block{ margin-top: 30px; } .booking-small-btn p{ font-size: 16px; } .booking-small-btn .text-link{ font-size: 14px; } .reviews-list, .members-list{ padding: 0; margin-left: -5px; margin-right: -5px; } .reviews-list .items{ padding: 10px; } .reviews-slider .slick-arrow.slick-prev, .members-slider .slick-arrow.slick-prev{ left: -10px; } .reviews-slider .slick-arrow.slick-next, .members-slider .slick-arrow.slick-next{ right: -10px; } .cta-big-inner { padding-left: 0; } .card-member{ height: auto; } .bottom-btnbox { padding-top: 20px; } .two-coll-main .items { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .two-coll-main .items + .items{ margin-top: 20px; } .card-boxes .imgbox{ height: auto; } .text_24 p, .text_24 ul li{ font-size: 18px; line-height: 24px; } .cta-big-inner.row .items{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cta-big-inner{ text-align: center; } .cta-big-section { padding: 120px 0; } .big-tl h2 { font-size: 34px; line-height: 40px; margin-bottom: 0; } .big-tl h2 strong { font-size: 50px; line-height: 30px; margin-left: 40px; } .tour-features-block .items{ min-width: 100%; max-width: 100%; } .highlighted-list .items{ min-width: 50%; max-width: 50%; } .highlighted-list .items{ border-top: 3px solid #2a87a4; padding-top: 20px; padding-bottom: 20px; } .highlighted-list .items:nth-child(1), .highlighted-list .items:nth-child(2){ border-top: 0; } .highlighted-list .items:nth-child(3){ border-left: 0; } .cta-small-inn{ text-align: center; } .date-input input{ font-size: 16px; } .book-small-form{ flex-wrap: wrap; } .book-small-form .date-input { min-width: 100%; max-width: 100%; margin: 0 0 15px; } .book-small-form .btn{ width: 100%; } .tour-features-block { margin: 30px 0; } .form-bg, .review-section .bg-img, .two-boxes-section .bg-img, .road-info-section .ptrn-bg{ background-size: 70px auto !important; } .road-info-section .bg-img{ background-size: 760px auto !important; } .cta-big-inner .block-title ul { text-align: center; max-width: 100%; } .cta-big-inner .block-title ul li{ width: 100%; } .two-coll-block .items{ min-width: 100%; max-width: 100%; } .two-coll-block .items + .items{ margin-top: 30px; } .card-style { padding: 0; } .card-style .imgbox{ height: auto; } .partner-logobox { height: 80px; } .partner-logobox img { max-height: 60px; max-width: 120px; } .cta-footer-inn{ padding: 30px 20px; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; } .cta-footer .f-cta-tl { font-size: 22px; margin: 0 0 10px; } .cta-footer .f-phone { font-size: 28px; line-height: normal; margin: 0 0 10px; } .footer-inner h4{ font-size: 20px; } .f-links ul li, .copyright-textbox p{ font-size: 16px; } .f-links ul li + li { margin-top: 10px; } .cta-footer .ptrn-bg{ max-width: 100%; } /*Inner Banner*/ .internal-hero > .bg-img{ background-size: 70px auto !important; } .internal-hero-inn { padding: 140px 0 80px; min-height: 440px; } .internal-hero-inn .bg-img { background-size: 767px auto !important; } .inner-banner-inner{ padding: 0; background-size: 80px auto !important; } .inner-banner-inner .caption-inner{ padding: 20px 0 !important; min-width: 100%; max-width: 100%; } .caption-inner .h1{ font-size: 32px; line-height: 42px; } .caption-inner .h1 strong{ font-size: 50px; } .banner-coll-inn > div, .acc-block-inn > div{ min-width: 100%; max-width: 100%; } .banner-coll-inn > div + div, .acc-block-inn > div + div{ margin-top: 30px; } .block-imgbox { padding: 0; } /* Our guides Page */ .banner-coll-inn .col_7, .acc-block-inn .col_5 { margin-bottom: 0; } .acc_trigger { font-size: 20px; } .road_hana_block .block-title { margin-bottom: 20px; } .two-coll-our-guides .guide-list .items { min-width: 100%; padding-top: 15px; padding-bottom: 15px; } .our-guides-from { font-size: 24px; margin: 20px 0; } .benefits-info-section { padding: 60px 0 60px !important; } .our-guides-partner { padding: 80px 0 0 !important; } .road-to-hana-banner .block-imgbox { padding: 10px 5px 0; } .historic-img-box .imgbox { height: 220px; padding: 0 10px; } .historic-slider .slick-arrow.slick-prev { left: 0; } .historic-slider .slick-arrow.slick-next { right: 0; } .meet_section { padding: 140px 0 220px !important; } .featured_video-img { height: 220px; } .featured-blog-section { padding: 150px 0; } .blog-banner { padding: 0 0 60px; } .blog-list .blog-item{ width: 100%; } .historic-slider .slick-list:before, .historic-slider .slick-list:after { left: 97%; } .historic-slider .slick-list:after { left: -97%; } .road-to-hana-banner .inner-banner-inner { padding: 0 0 60px; } .contact-info-block { padding: 0; } .map-section { height: 280px; margin: -50px 0 50px; } .contact-banner .mobi-hidden { padding: 15px 0; } .benefits-info-section .famous-info-section .highlighted-list .items, .famous-info-section .highlighted-list .items + .items{ border-color: #e5deda; } .blog-block.featured-blog-section{ padding-bottom: 80px; } .two-boxes-section.road-hana-boxes{ padding: 50px 0; margin-bottom: 50px; } .cms-page-section { padding: 50px 0 100px; } .partners-list .partners-items{ width: 100%; } .aboutcontent-box { padding: 30px; } .aboutcontent-box .imgbox { height: 175px; margin-top: 20px; } .aboutcontent-text { padding-top: 25px; } .about-section .cms-page-section { padding: 0 0 120px; } .cta-big-about-valley .cta-big-inner { padding: 40px 0 40px 0; } .about-valley-middle { padding: 60px 0 60px; } .career-middle { padding: 60px 0 100px; } .about-valley-banner .internal-hero-inn, .career-banner .internal-hero-inn { padding-bottom: 100px; } .positions-section .reviews-list .items { width: 100%; min-width: 100%; } .history-list .left-block{ width: 100%; min-width: 100%; } .history-section .block-bg .bg-img { opacity: 0.3; background-size: cover !important; } .destinations-section { padding: 50px 0 100px; } .destinations-list .items{ width: 100%; min-width: 100%; } .passengers-page-banner .passenger-page-textarea { flex-wrap: wrap; } .passenger-page-textarea .left-block, .passenger-page-textarea .right-block, .our-drive-section .highlighted-list .items{ width: 100%; min-width: 100%; } .passenger-page-textarea .left-block{ margin-bottom: 40px; } .two-passenger-section { margin-bottom: 0 !important; } .our-drive-section { padding: 80px 0 80px !important; } .cultural-button-block .items { width: 100%; min-width: 100%; } .cultural-button-block .items:nth-child(1){ margin-top: 20px; } .cultural-button-block .items + .items{ margin-top: 20px; } .national-park-section .acc_trigger { font-size: 18px; } .national-park-section { padding-bottom: 60px; } .group-service-section .group-service-slider .items { min-width: auto; } .conservation-setrion { padding: 50px 0 80px !important; } .culture-page-faq { padding-bottom: 100px; } .culture-page-faq .accordion-single{ padding: 0; } .conservation-setrion .highlighted-list .items + .items { margin: 0; } .press-news-list .items + .items { margin-top: 20px; } .card-press-news { padding: 30px; } .positions-section .reviews-list .items, .watching-section .guide-list .items, .sunrise-photo-list .left-block, .sunrise-photo-list .right-block{ width: 100%; min-width: 100%; } .watching-section { padding: 80px 0 80px !important; } .sunrise-photo-list .left-block, .sunrise-photo-list .right-block{ padding-top: 15px; padding-bottom: 15px; } .sunrise-photo-section .row-reverse { margin-top: 0; } .sunrise-photo-section { padding-bottom: 80px; } .sunrise-time-section { padding: 150px 0 60px; } .haleakala-sunrise-banner .video_info-inn .items{ width: 100%; min-width: 100%; } .road-hana-cta-bg { padding: 80px 0; margin-top: -90px; } .experience-section .sunrise-photo-list .left-block { margin-bottom: 0; } .experience-section { padding-bottom: 90px; } .cruiser-section { padding: 60px 0; } .van-tour-section { padding-bottom: 40px; } .driving-hana-section .bg-img { background-size: 840px auto !important; } .hana-stops-section .guide-list .items, .best-road-section .guide-list .items{ min-width: auto; } .box-block-img .road_hana_mainbox .imgbox { height: 210px; } .two-coll-road-to-hana { padding: 60px 0 !important; } .two-coll-road-to-hana .guide-list .items{ min-width: 100%; } .best-road-section, .culture-page-faq { padding: 80px 0 100px !important; } .our-guides-banner .banner-coll-inn p { font-size: 18px; line-height: 24px; } .tour-text-list li:before{ top: 9px; } .post-detail-banner.internal-hero .caption-inner{ min-width: 100%; max-width: 100%; } .post-detail-banner .caption-inner .h1 { font-size: 24px; line-height: 32px; } .post-content-block h1{ font-size: 28px; } .post-content-block h2{ font-size: 24px; line-height: 32px; } .post-content-block h3 { font-size: 22px; } .post-content-block { padding: 20px; } .post-nav .btn { padding: 12px 12px 10px; font-size: 12px; line-height: 14px; min-width: 140px; } .booking-tour-block{ padding: 20px; } .price-list-box strike { margin-right: 5px; } .price-list-box { font-size: 16px; } .black-beach-banner .inner-banner-inner { padding-bottom: 40px; } .lightgallery-list .lightgallery-items { width: 50%; } .what-to-expect-list .col_6 { min-width: 100%; max-width: 100%; } .what-to-expect-list .col_6 + .col_6{ margin-top: 20px; } .historic-section.what-to-expect-section { padding: 60px 0; } .boxes-section.meet_section { padding-bottom: 50px !important; } .clr-column-inn .content-block{ padding: 20px; } .historic-section.full-width-section { padding: 60px 0; } .conservation-setrion .highlighted-list .items + .items{ padding-top: 0; } .lightgallery-title h6 { font-size: 16px; } .practices-two-column .items { width: 100% !important; } .practices-section .practices-two-column .road_hana_mainbox .card-member{ height: auto; } .single-tour-guide.meet_section .bg-img_2{ background-size: 70px auto !important; } .single-tour-guide.meet_section { padding-top: 40px !important; } .single-tour-guide + .historic-section{ padding: 50px 0; margin-top: 0; } }/*767 End*/ .road_hana_mainbox .btn-link { margin-top: 12px; display: table; }