a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tml,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} ol,ul{list-style-position: inside;} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} table{border-collapse:collapse;border-spacing:0} body{font-size:18px;color:#4d4d4d;line-height:1.6;font-family: 'Montserrat', sans-serif;position: relative;} a{text-decoration:none;color:#5333ed} a:focus,a:hover,a:visited{text-decoration:none;outline:0} /** Hero 2023 **/ .hero-outer {background-repeat:no-repeat;background-position:top center;background-size:cover !important;} .hero-section {width:100%;height:100%;display:grid;grid-template-columns:2fr 1fr;align-items:center;background:rgba(0,0,0,0.5)} .hero-left {padding:32px 64px;box-sizing:border-box;width:100%;min-height:640px;display:flex;align-items:center;} .hero-title {font-weight: 700;font-size: 64px;line-height: 72px;color: #FFFFFF;margin-bottom:32px;} .hero-subtitle {font-weight: 400;font-size: 22px;line-height: 32px;color: #FFFFFF;} .hero-right {width:100%;padding:32px;box-sizing:border-box;background-color:rgba(255,255,255,0.8);height:100%;display:flex;align-items:center;min-height:720px;} .contact-heading {font-weight: 700;font-size: 36px;line-height: 48px;letter-spacing: 1px;color: #000000;margin-bottom:16px;} .contact-text {font-weight: 400;font-size: 17.5px;line-height: 24px;color: #000000;margin-bottom:32px;} .hero-wrapper{width:100%;} .contact-text-secondary {display:block;text-align:center;margin-top:32px;font-weight: 400;font-size: 15px;line-height: 24px;color: #67747A;} .contact-text-secondary a {text-decoration:underline;color: #67747A;} /** CONTACT US **/ .hero-right .wpcf7 {width:100%;} .hero-right .wpcf7-form label {margin-bottom:25px;} .hero-right .wpcf7-text,.wpcf7-date ,.wpcf7-select {width:100%;height:64px;line-height:64px;padding:4px 16px !important;box-sizing:border-box;margin-bottom:16px;margin-top:0;border:1px solid #ddd;border-radius:6px;} .hero-right .wpcf7-textarea {width:100%;height:128px;line-height:1.5;padding:4px 16px !important;box-sizing:border-box;margin-bottom:16px;margin-top:0;border:1px solid #ddd;border-radius:6px;padding:4px 16px !important;box-sizing:border-box;margin-bottom:16px;margin-top:0;border:1px solid #ddd;border-radius:6px;} .hero-right .wpcf7-submit {display: inline-block; padding: 20px 50px; text-transform:uppercase; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; letter-spacing: 0.5px; font-weight: 700; border: 2px solid #ff9800; background: #ff9800; transition: all 500ms ease; cursor: pointer; color: #fff; position: relative;border-radius:10px;} .hero-right .wpcf7-submit:hover { background-color: transparent; color: #000; transition: all 500ms ease;} /** CONTACT US FOOTER **/ #wpcf7-f1558-p1974-o2 .wpcf7, .contact-form .wpcf7 {width:100%;} #wpcf7-f1558-p1974-o2 .wpcf7-form label, .contact-form .wpcf7-form label {margin-bottom:25px;} #wpcf7-f1558-p1974-o2 .wpcf7-text,#wpcf7-f1558-p1974-o2.wpcf7-date , #wpcf7-f1558-p1974-o2 .wpcf7-select, .contact-form .wpcf7-text, .contact-form .wpcf7-date , .contact-form .wpcf7-select {width:100%;padding:12.5px 10px !important;box-sizing:border-box;margin-bottom:50px;margin-top:12.5px;border:1px solid #ddd;border-radius:5px;} #wpcf7-f1558-p1974-o2 .wpcf7-textarea, .contact-form .wpcf7-textarea {width:100%;padding:10px !important;box-sizing:border-box;margin-bottom:50px;border:1px solid #ddd;border-radius:5px;} #wpcf7-f1558-p1974-o2 .wpcf7-submit, .contact-form .wpcf7-submit {display: inline-block; padding: 20px 50px; text-transform:uppercase; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; letter-spacing: 0.5px; font-weight: 700; border: 2px solid #ff9800; background: #ff9800; transition: all 500ms ease; cursor: pointer; color: #fff; margin-top: 30px; position: relative;border-radius:10px;} #wpcf7-f1558-p1974-o2 .wpcf7-submit:hover, .contact-form .wpcf7-submit:hover { background-color: transparent; color: #000; transition: all 500ms ease;} /** BASICs **/ .landing-title {font-weight:700;font-family: 'Montserrat', sans-serif;font-style:normal;font-size:48px; line-height:75px;text-transform: uppercase;color: #505050; letter-spacing:-1px;display:block;text-align:center;margin-bottom:1rem;} .text-white {color:#fff !important;} .landing-desc {font-weight:400;font-size:20px; line-height:1.75;} .landing-mb25 {margin-bottom:25px;} .landing-mb50 {margin-bottom:50px;} .landing-mbt0 {padding-bottom:0 !important;} .landing-clear {clear:both;float:none;} .center {text-align:center;} /** WRAPPER **/ .landing-outer {padding:100px 0;width:100%;box-sizing:border-box;background:#fff;} .bg-image-parallax {background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover;} .landing-outer:nth-child(odd) {background:#eee;} .landing-container {width:1024px;margin-left:auto;margin-right:auto;} .landing-container-2 {width:86%;margin-left:auto;margin-right:auto;} /** FOOTER **/ .landing-footer {background: #191919;fill: #191919;padding:50px 0;} .landing-brand {display:table;margin-right:auto;margin-left:auto;color:#fff;font-size:20px;font-weight:700;} /** Whatsapp Floating **/ #sy-whatshelp { right: 25px; bottom: 25px; position: fixed; z-index: 9999; } #sy-whatshelp a { position: relative; } #sy-whatshelp a.sywh-open-services { background-color: #45bc71; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; } #sy-whatshelp a.sywh-open-services i { line-height: 55px; } #sy-whatshelp a.sywh-open-services i.fa-times { display: none; } #sy-whatshelp .sywh-services { width: 55px; height: auto; } #sy-whatshelp .sywh-services a { display: none; } #sy-whatshelp .sywh-services a i { background-color: #45bc71; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } a[data-tooltip] { position: relative; } a[data-tooltip]::before, a[data-tooltip]::after { position: absolute; display: none; opacity: 0.85; transition: all 0.3s ease-in-out; } a[data-tooltip]::before { content: attr(data-tooltip); background: #000; color: #fff; font-size: 13px; padding: 7px 11px; border-radius: 5px; white-space: nowrap; text-decoration: none; } a[data-tooltip]::after { width: 0; height: 0; border: 6px solid transparent; content: ""; } a[data-tooltip]:hover::before, a[data-tooltip]:hover::after { display: block; } a.sywh-open-services[data-tooltip]::before, a.sywh-open-services[data-tooltip]::after { display: block; } a.data-tooltip-hide[data-tooltip]::before, a.data-tooltip-hide[data-tooltip]::after { display: none !important; } a.sywh-open-services[data-tooltip][data-placement="left"]::before { top: 11px; } a[data-tooltip][data-placement="left"]::before { top: -7px; right: 100%; line-height: normal; margin-right: 10px; } /** SERVICE GRID **/ .service-grid { display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap :25px;} .featured-service {padding:50px 25px;position: relative;background: #fff;transition: all .2s ease;z-index: 1;} .featured-service::before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 8px solid #f7f7f7; transition: all .2s ease; z-index: -1; } .featured-service:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);} .featured-service:hover::before { border-width: 0; } .unit {display: grid;grid-template-columns: 1fr 6fr; grid-gap :25px;} .unit-left {text-align:center;font-size: 36px; line-height: 1; color: #ff9800; transition: all .2s ease-in-out; } .unit-body {float:left;} .box-icon-classic-title {font-weight: 700;font-size: 20px; margin-bottom:25px;} /** TRIPADVISOR **/ .testimoni-flex { display: flex; justify-content: center;align-items: center;} .testimoni-image {width:515px;margin-right:50px;} .testimoni-image img {width:100%;height:auto;} .testimoni-content {width:545px;text-align:center;} .testimoni-content h1 { font-size: 40px; font-weight: 700;font-style:normal; margin-bottom: 15px; color: #333;text-align:center; } .button {display: inline-block; padding: 25px 35px; text-transform:uppercase;text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; letter-spacing: 0.5px; font-weight: 700; border: 2px solid #ff9800; background: #ff9800; transition: all 500ms ease; cursor: pointer; color: #fff; margin-top: 30px; position: relative;border-radius:10px;} .button:hover { background-color: transparent; color: #ff9800; transition: all 500ms ease;} /** FEATURED POSTS **/ .featured-grid {display: grid;grid-template-columns: 1fr 1fr; grid-gap :25px;margin-bottom:3rem;} .landing-featured-product-card { position: relative; } .landing-featured-product-card h2 {font-size:20px; font-weight: 700;text-align: center; margin-bottom:25px;} .landing-featured-product-card h2 a {color: #333;} .small {font-size: 14px;text-align: center; } .img-fluid {width: 100%; height: auto;margin-bottom:25px; } /** GALLERY POSTS **/ .gallery-grid { display: grid;grid-template-columns:1fr 1fr 1fr;} .landing-gallery {width:100%;overflow:hidden;position:relative;transition: 0.3s;} .landing-gallery h3 {position:absolute;bottom:0;width:100%;z-index:3;color:#fff;font-size:55px;font-weight:700;line-height:1.2;transition: 0.3s;padding:25px;box-sizing:border-box;} .landing-gallery:hover h3 {z-index:3;} .landing-gallery-image {width:100%;transform: scale(1);height:auto;float:left;transition: 0.3s;} .landing-gallery:hover .landing-gallery-image { transform: scale(1.02);transition: 0.3s;} /** AUTHORS **/ .author-grid { display: grid;grid-template-columns:1fr 1fr 1fr 1fr;} .landing-author-card {background: #f7f7f7;padding:25px 25px 50px;border:5px solid #f7f7f7;box-sizing:border-box;margin:0 10px 50px;} .landing-author-name {font-size: 24px;font-weight:700;text-align:center;} .landing-author-role {margin-top:4px;margin-bottom:25px;font-size: 18px;text-align:center;} .landing-author-info {font-size: 16px;text-align:center;} .landing-author-card .avatar {border-radius:100%;margin:0 auto 25px;display:table;} .landing-author-card:hover {background:#fff;border:5px solid #f7f7f7;} /** LANDING STEPPER **/ .StepProgress { position: relative; padding-left: 50px; list-style: none; padding-top:25px; } .StepProgress::before { display: inline-block; content: ''; position: absolute; top: 0; left: 25px; width: 10px; height: 100%; } .StepProgress-item { position: relative; counter-increment: list; } .StepProgress-item:not(:last-child) { padding-bottom: 36px; } .StepProgress-item::before { display: inline-block; content: ''; position: absolute; left: -30px; height: 100%; width: 10px; } .StepProgress-item::after { content: ''; display: inline-block; position: absolute; top: 0; left: -37px; width: 12px; height: 12px; border: 2px solid #CCC; border-radius: 50%; background-color: #FFF; } .StepProgress-item.current2::before {border-left: 2px solid #000; } .StepProgress-item.current2::after { width: 19px; height: 18px; line-height:18px; top: 5px; left: -40px; font-size: 14px; text-align: center; color: #000; border: 2px solid #000; background-color: #000; } .StepProgress h5 { display: block;font-weight:700;font-size:20px;font-style:normal;color:#000;margin-bottom:25px; } .slider {background-position: top center; background-repeat: no-repeat; background-size: cover; height: 75vh; width: 100%; } .slider--content {display: flex; justify-content: space-between; align-items: center; height: 75vh; } .slider--feature {width:100%;padding-left:100px;padding-right:100px;box-sizing:border-box;text-align:center} .slider--title {font-size: 48px;font-weight:700 !important;color:#fff;margin-bottom:25px;} .slider--text {font-size:20px;color:#fff;margin-bottom:25px;} .slider--text { font-size: 1rem; color: #fff; margin: 0.5rem 0; } .slider__btn-right, .slider__btn-left { background: transparent; border: none; outline: none; font-size: 4rem; color: #eee; padding: 0 1rem; cursor: pointer; transition: transform 0.1s ease-in-out; } .slider--btn { background: #fff; text-transform: uppercase; border: none; color: #444; border: 1px solid #444; outline: none; font-weight: 700; padding: 0.8rem 2rem; cursor: pointer; } .slider__btn-left:hover, .slider__btn-right:hover { transform: scale(0.95); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation: fadeIn 1s; } /** OWL SLIDER CSS **/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;overflow:hidden;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100vw;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} .grabbing{cursor:url("grabbing.png") 8 8, move} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut 0.7s both ease;-moz-animation:fadeOut 0.7s both ease;animation:fadeOut 0.7s both ease} .owl-fade-in{-webkit-animation:empty 1ms both ease;-moz-animation:empty 1ms both ease;animation:empty 1ms both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade 0.7s ease both;-moz-animation:scaleToFade 0.7s ease both;animation:scaleToFade 0.7s ease both} .owl-goDown-in{-webkit-animation:goDown 0.6s ease both;-moz-animation:goDown 0.6s ease both;animation:goDown 0.6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom 0.5s ease both;-moz-animation:scaleUpFrom 0.5s ease both;animation:scaleUpFrom 0.5s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo 0.5s ease both;-moz-animation:scaleUpTo 0.5s ease both;animation:scaleUpTo 0.5s ease both} .owl-wrapper-outer { height: 100% !important; } .owl-wrapper { height: 100%; } .owl-item { height: 100%; } .b-Amarelo { height: 100%; } .owl-item h1 { margin: 0; } @-webkit-keyframes empty{0%{opacity:1}} @-moz-keyframes empty{0%{opacity:1}} @keyframes empty{0%{opacity:1}} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes backSlideOut{25%{opacity:0.5;-webkit-transform:translateZ(-500px)}75%{opacity:0.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:0.5;-webkit-transform:translateZ(-500px) translateX(-200%)}} @-moz-keyframes backSlideOut{25%{opacity:0.5;-moz-transform:translateZ(-500px)}75%{opacity:0.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:0.5;-moz-transform:translateZ(-500px) translateX(-200%)}} @keyframes backSlideOut{25%{opacity:0.5;transform:translateZ(-500px)}75%{opacity:0.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:0.5;transform:translateZ(-500px) translateX(-200%)}} @-webkit-keyframes backSlideIn{0%,25%{opacity:0.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:0.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}} @-moz-keyframes backSlideIn{0%,25%{opacity:0.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:0.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}} @keyframes backSlideIn{0%,25%{opacity:0.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:0.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}} @-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}} @-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}} @keyframes scaleToFade{to{opacity:0;transform:scale(.8)}} @-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}} @-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}} @keyframes goDown{from{transform:translateY(-100%)}} @-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}} @-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} .owl-theme .owl-controls{margin-top:10px;text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter: Alpha(Opacity=50);opacity:0.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter: Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);opacity:1} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-item.loading{min-height:150px;background:url("AjaxLoader.gif") no-repeat center center} /** COLOR BOX LIGHTBOX **/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } @media only screen and (max-device-width:512px){ body {overflow-x:hidden;font-size:16px;} .landing-container {width:100%;padding-left:0;padding-right:0;box-sizing:border-box;} .service-grid {grid-template-columns: 1fr; grid-gap :25px;padding:0 25px;} .featured-grid { grid-template-columns: 1fr; grid-gap :25px;padding:0 25px;} .testimoni-flex,.footer-contact .wpcf7,.landing-desc {padding:0 25px;box-sizing:border-box;} .gallery-grid {grid-template-columns:1fr;} .unit {grid-template-columns:1fr;} .box-icon-classic-title, .box-icon-classic-text {text-align:center;} .unit-left {font-size:48px;} .testimoni-flex {display:grid;grid-template-columns:1fr;} .testimoni-image, .testimoni-content {width:100%;} .slider--content,.slider {height:90vh;} .slider--feature {box-sizing:border-box;padding:50px 0;} .slider--title {font-size:36px;line-height: 1.2;padding:0;box-sizing:border-box;} .landing-title {font-size:36px;line-height: 1.2;padding:0 25px;box-sizing:border-box;} .landing-gallery h3 {font-size:24px;line-height:1.2;} .bg-image-parallax {background-size: cover !important;background-repeat: no-repeat !important;} .button {margin-right:auto;margin-left:auto;display:table;} .StepProgress-item {padding-right:16px;} .hero-section {grid-template-columns:1fr;} .hero-left {padding:64px 24px !important;} .hero-title { font-size: 36px;line-height: 48px;} .hero-outer {background-size: cover;} .hero-right {min-height:0;padding:64px 24px !important;} } @media only screen and (min-device-width:513px) and (max-device-width:767px){ .hero-section {grid-template-columns:1fr;} .hero-left {padding:96px 64px;} .hero-title { font-size: 48px;line-height: 56px;} .hero-outer {background-size: cover;} .hero-right {min-height:0;padding:96px 64px;} .service-grid {grid-template-columns: 1fr; grid-gap :25px;padding:0 25px;} .landing-container {width:100%;padding-right:2rem;padding-left:2rem;box-sizing:border-box;} .landing-gallery h3 {font-size:24px;line-height:1.2;} } @media only screen and (min-device-width:768px) and (max-device-width:992px){ .hero-section {grid-template-columns:1fr;} .hero-left {padding:96px 64px;min-height:640px;display:flex;align-items:center;} .hero-title { font-size: 48px;line-height: 56px;} .hero-outer {background-size: cover;} .hero-right {min-height:0;padding:96px 64px;} .service-grid {display:grid;grid-template-columns:1fr 1fr;} .landing-container {width:100%;padding-right:2rem;padding-left:2rem;box-sizing:border-box;} .landing-gallery h3 {font-size:24px;line-height:1.2;} } .floating-cta { position: fixed; bottom: 2rem; right: 1rem; z-index: 99;} .floating-cta .mb {margin-bottom:1rem;} .whatsapp-button{ background-color: #ff9800; border-radius: 50px; color: #ffffff; text-decoration: none; font-size: 16px; line-height:20px; display: block; -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5); box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5); padding:0.5rem 1.5rem; } .whatsapp-button svg {fill:#fff;width:16px;height:16px;margin-bottom:-2px;margin-right:0.5rem;} /* Custom Swiper Start Here */ .swiper-container { width: 100%; margin:0 auto; padding: 0 32px 4rem 32px; position:relative;box-sizing:border-box;overflow:hidden; } @media only screen and (min-device-width:1472px){ .swiper-container { width: 1470px !important; } } .swiper-wrapper { width:100%; } .swiper-slide { background-color: #fff; border: 1px solid #fff; border-radius: 12px; height:auto; box-sizing:border-box; } .star-rating { height: 18px; position: relative; width: 90px; margin-bottom:0.5rem; } .star-rating:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiM3ZjhjOGQiID4gICAgPHBhdGggZD0iTSAyNSAyLjI3MzQzNzUgTCAxOC42MDkzNzUgMTguNDgwNDY5IEwgMC44MTA1NDY4OCAxOS40MTc5NjkgTCAxNC42NDg0MzggMzAuNDEyMTA5IEwgMTAuMDcwMzEyIDQ3LjIyMjY1NiBMIDI1IDM3Ljc3MTQ4NCBMIDM5LjkyOTY4OCA0Ny4yMjI2NTYgTCAzNS4zNTE1NjIgMzAuNDEyMTA5IEwgNDkuMTg5NDUzIDE5LjQxNzk2OSBMIDMxLjM5MDYyNSAxOC40ODA0NjkgTCAyNSAyLjI3MzQzNzUgeiI+PC9wYXRoPjwvc3ZnPg=="); background-repeat: repeat-x; background-size: 18px; bottom: 0; content: ""; display: block; height: 2rem; left: 0; position: absolute; right: 0; top: 0; width: 90px; } .star-rating > span { display: block; text-indent: -10000px; width: 90px; height: 18px; position: absolute; overflow: hidden; } .star-rating > span:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiNmMWM0MGYiID4gICAgPHBhdGggZD0iTSAyNSAyLjI3MzQzNzUgTCAxOC42MDkzNzUgMTguNDgwNDY5IEwgMC44MTA1NDY4OCAxOS40MTc5NjkgTCAxNC42NDg0MzggMzAuNDEyMTA5IEwgMTAuMDcwMzEyIDQ3LjIyMjY1NiBMIDI1IDM3Ljc3MTQ4NCBMIDM5LjkyOTY4OCA0Ny4yMjI2NTYgTCAzNS4zNTE1NjIgMzAuNDEyMTA5IEwgNDkuMTg5NDUzIDE5LjQxNzk2OSBMIDMxLjM5MDYyNSAxOC40ODA0NjkgTCAyNSAyLjI3MzQzNzUgeiI+PC9wYXRoPjwvc3ZnPg=="); background-repeat: repeat-x; background-size: 18px; bottom: 0; content: ""; display: block; height: 18px; left: 0; position: absolute; right: 0; text-indent: 10000px; top: 0; } .testimoni-card {padding:24px 24px 48px;width:100%;box-sizing:border-box;display:flex;height:100%;position:relative;} .testimoni-card-top {display:flex;gap:1rem;align-items: center;margin-bottom:16px;} .testimoni-card h5 {font-size:16px;line-height:1.5;font-weight: 700;} .testimoni-avatar {width:40px;height:40px;background:#ddd;border-radius:100%;overflow:hidden;} .testimoni-card-bottom h3 {font-size:16px;line-height:1.5;font-weight: 700;display:block;margin-bottom:8px;} .testimoni-card-bottom p {font-size:16px;line-height:1.5;} .testimoni-card-bottom a {font-weight:700;text-decoration:underline;color:#000;} .testimoni-card-bottom {margin-bottom:16px;} .testimoni-tripadvisor { position:absolute;bottom:12px;} .testimoni-tripadvisor img {width:110px;height:auto;} .testimoni-bg {background:rgba(208, 228, 250, 0.5) !important;} /* Custom Swiper End Here */ .footer-social {display:flex;gap:1rem;justify-content:center;margin-top:2rem;} .footer-social-icons svg {fill:#fff;width:24px;height:24px;} .footer-social-icons {transition:all 300ms linear} .footer-social-icons:hover .footer-social-icons svg {fill:#ddd;} .responsive-grid {display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;padding:2rem;} .responsive-grid iframe {aspect-ratio:16/9;width:100%;} @media only screen and (max-width:640px){ .responsive-grid { grid-template-columns:1fr;} } .video-container { position: relative; width: 100%; cursor: pointer; } .video-container img { width: 100%; height: auto; } .video-container iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; /* Native aspect ratio for 16:9 */ border: none; } #contact-nav {background:#ff9800;padding:1rem;position:fixed;top:0;width:100%;z-index:999;box-sizing:border-box;} #contact-nav .center {width:1280px;display:flex;justify-content:space-between;margin:0 auto;} #contact-nav .center .left {display:flex;gap:1rem;align-items:center} @media only screen and (max-width:1280px){ #contact-nav .center {width:100%; font-size:13px;} } #contact-nav .center a {color:#fff;}