@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }@-webkit-keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; } .delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}::-moz-selection {background: var(--selcolor); text-shadow: none; } ::selection {background: var(--selcolor); text-shadow: none; } html.👁 body {color: #000} html.size2, html.size2 body {font-size: 22px;} html.size3, html.size3 body {font-size: 24px;} body.⯆ #logo {width: 160px; height: auto; margin:0} body.⯆ #menu,body.🍔 #menu {padding:6px 0; top: 0} body.⯆ #menu .brand,body.🍔 #menu .brand {font-size: 1rem} body.⯆ #menu .brand strong,body.🍔 #menu .brand strong {font-size: 1.2rem} body.⯆ #menu .brand,body.🍔 #menu .brand {padding:6px 0;} body.⯆ .phone > div {padding:7px 14px; font-size: 1rem} body.⯆ #🍔 {width: 60px; height: 50px;} body.⯆.🍔 #🍔 .toggle-nav span {top:24px;} body.⯆ .toggle-nav span {top:13px;} body.🍔 {overflow: hidden;} body.🍔 #🍔 .toggle-nav {width: 64px; height: 64px; top: auto; left: auto; right: 30px; bottom: 30px;} body.🍔 #🍔 .toggle-nav span {transform: rotate(45deg); top: 29px; } body.🍔 #🍔 .toggle-nav span:before {background-color: transparent; } body.🍔 #🍔 .toggle-nav span:after {top: 0; transform: rotate(-90deg); } img.round {border-radius: 50%} .rounded {border-radius: 15px !important} h3, .h3{font-size: 1.5rem; font-weight: 900; color: #484848} h4, .h4 {font-size: 1.3rem;} .h3.big {font-size: 1.8rem} strong {font-weight: 900;} ul.unstyled {list-style-type: none; margin:0; padding:0;} ul.list a {color: #000; text-decoration: underline;} ul.list a:hover {color: var(--color1);} .big {font-size: 1.2rem} .xsmall {font-size: 0.7rem;} a.link {font-weight: 900; font-size: 1.4rem; color: var(--color); display: block;} a.link img {transform: translateY(-3px);} a:focus {text-decoration: underline;} .cl {cursor: pointer;} .color {color:var(--color)} .color1 {color:var(--color1)} .circle {border-radius: 50%} .container-lg {max-width: 1600px;} .border {border:1px solid var(--color1) !important} .ovh {overflow:hidden;} .w-100{width: 100%; height: auto;} .underline {text-decoration: underline;} .zindex {z-index: 1} .btn {cursor: pointer;} .btn-big {padding:.75rem;} .btn-xs {padding:.25rem 0.5rem; font-size:0.7rem;} .btn:active{box-shadow:none;} .btn-default:hover, .btn-color:hover {color: #fff;} .bg-light {background-color: var(--grey) !important} .bg-color {background-color: var(--color) !important} .text-dark{color:#333333 !important} .close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;} .close:hover {opacity: 1; } .close:before, .close:after {position: absolute; left: 16px; top: 5px; content: ' '; height: 24px; width: 3px; background-color: #fff; } .close:before {transform: rotate(45deg); } .close:after {transform: rotate(-45deg); } .modal-title {font-size: 1.4rem !important; font-weight:900 } .modal-content {width: 100% !important;} .modal-content h2 {font-size: 1.4rem} .modal-header {display: block; padding: 10px 20px; background-color: var(--color); color: #fff;} .modal-header button {position: absolute; right: 20px; top: 20px;} .modal-header .close {padding: 0px 16px; color: #fff; margin:-13px -10px; opacity: 0.9} .modal-footer {padding: 0.5rem;} .modal .error {display: none;} .grecaptcha-badge {display: none;} .form-control{padding: 5px 10px; border: none; border-bottom: 1px solid #000; background: none; border-radius: 0; padding-left: 0; height: auto; font-size: 20px;} .form-control::placeholder {font-size: 18px; opacity: 0.8; font-weight: 300; transform: translateY(-10px);} .form-control:focus {background:none !important} .form-group {position: relative;} .form-group > label {font-size: 12px; margin-bottom: 0; position: absolute; top:13px; opacity: 0; transition: all 0.2s linear;} .form-group.focus > label {top:-7px; opacity: 1;} .form-group.focus *::placeholder {opacity: 0} .text-white .form-control {border-color:#fff; color: #fff !important} .text-white .form-control:focus {color: #fff !important} .text-white .form-control::placeholder {color: #fff !important;} *:focus-visible {outline: 1px solid var(--color);} input:focus {outline: none;} input.form-control:focus, input.form-control:-webkit-autofill, input.form-control:-webkit-autofill:hover, input.form-control:-webkit-autofill:focus, input.form-control:-webkit-autofill:active { -webkit-box-shadow: none !important; box-shadow: none !important; color: #7b7b7b !important; background: none; } .square{display: inline-block; text-align: center; color: #fff; width: 180px; height: 180px; position: relative; padding:75px 0; font-weight: 700} .square:before {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color1); transform: rotate(45deg); z-index: -1;} #accessibility {position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #37572b; z-index: 9999; padding: 10px; font-size: 0.9rem; font-weight: 500} #accessibility hr {margin:0.5rem 0} #accessibility a {color:#000; text-decoration: underline;} #accessibility a:focus {color: var(--color)} #menu, #menu #logo{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #menu .phone, #menu .brand {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;} body.🍔 #menu div.sc{transform: translate(0,0); opacity: 1; overflow-y: auto; max-height: calc(100vh - 112px);} .nav {opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center;} .nav:before{content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;} .nav .nav-main {position: relative; height: 100%; padding-top: 100px} .nav .nav-main > div {position: absolute; left: 40%; top: 50%; transform: translate(-50%,150%); transition: all 0.5s ease 0.3s; padding-top:100px} .nav .nav-main > ul {position: absolute; right: -400px; bottom: 50px; transition: all 0.5s ease 0.6s; margin:0} .nav .nav-main ul {list-style: none; padding:0; margin:0} .nav .nav-main ul li a {font-size: 3rem; font-weight: 600; color:#000; transition: all 0.3s linear; display: block;} .nav .nav-main ul li.back a {font-size: 1rem !important; opacity: 0.5;} .nav .nav-main ul li a:hover {text-decoration: none; color: var(--color); transform: translateX(10px);} .nav .nav-main li.submenu ul {display: none; position: relative;} .nav .nav-main li.submenu ul li a{font-size: 2.4rem} .nav .nav-main li.submenu i {font-size: 1.2rem; transform: translateY(-5px);} .nav .nav-main > ul li a {font-size: 1.2rem} body.🍔 .nav .nav-main > div {transform: translate(-50%,-50%);} body.🍔 .nav .nav-main > ul {right:80px} body.🍔 #menu .brand {opacity: 0} #menu li.submenu:after {position: absolute; right: 70px; top: 28px; z-index: 2;} .toggle-nav {cursor: pointer;} .toggle-nav span, .toggle-nav span:before, .toggle-nav span:after {transition: background-color 0.3s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out} #financiado img {width: auto; height: 80px;} .phone.center {width: 260px; margin:0 auto;} .phone.center > div {font-size: 1.4rem !important} .table {color:var(--main)} table.table {font-size: 0.8rem; height: auto;} table.table th {background-color: var(--bg-color);} table.table th.bg-color {background-color: var(--color1);} section {overflow: hidden;} section .container ul li {margin-bottom: 0.7rem;} .parallax {height: 500px; background: transparent;} .parallax .title {display:inline-block; background-color: rgba(255,255,255,0.35); padding:40px; font-size: 2.4rem; font-weight: 300; color: #FFF;text-shadow: 0 0 15px rgba(0,0,0,0.25)} .parallax .title a {color: #FFF} .icon-animate{ transition: 200ms ease; } .icon-animate:hover{ margin-left:10px; } .t-ico {font-size: 1.2rem; font-weight: 900; color: var(--main); display: block; transition: color 0.5s linear;} .t-ico:hover, .t-ico.active {color:var(--color); text-decoration: none} .t-ico:hover img, .t-ico.active img {filter: none;} .t-ico span {display: block; text-align: center; margin-bottom: 30px;} .t-ico img {filter: grayscale(1); transition: filter 0.5s linear;} footer {padding:80px 20px; padding-bottom: 20px; font-size: 0.9rem; line-height: 1.3; background-color: #333333; color: #fff;} footer .logo {filter:grayscale(1) brightness(3);} footer a {color:#fff !important} footer .d-lg-flex:first-child {padding-bottom: 20px; border-bottom: 1px solid #fff;} footer .d-md-flex:last-child {font-size: 14px} @media (min-width: 590px){ .modal-content {width:inherit;} } @media (max-width: 880px){ .phone.center {width: 205px} } @media (max-width: 1650px){ #bg-youtube {background-position: 100% bottom; } } @media (max-height: 600px), (max-width: 1100px){ .nav .nav-main ul li a {font-size: 2.4rem;} .nav .nav-main li.submenu ul li a{font-size: 2rem} .nav .nav-main > ul li a {font-size: 1rem;} .nav .nav-main > a {top: 30px;} .nav .nav-main > a img {width: 200px; height: auto;} .nav .nav-main li.submenu i {font-size: 1rem;} .close-nav {top: 30px; right: 30px; } .close-nav img {width: 40px; height: 40px} body.🍔 .nav .nav-main > a {left: 30px;} body.🍔 .nav .nav-main > ul {right: 30px;} } @media (max-width: 1100px){ body.🍔 #🍔 .toggle-nav span {top: 24px; } footer{font-size: 1rem} } @media (max-width:880px){ body.⯆ #menu .brand {padding:4px} body.🍔 #🍔 .toggle-nav span {top: 20px !important; } } @media (max-width:767px){ footer .logo {width: 250px; margin-bottom: 30px;} } @media (max-width: 576px){ footer{padding:40px 0;} } @media (max-height: 480px), (max-width: 576px){ .nav .nav-main > ul {position: relative; left: -100%; right: auto; top:0; bottom: auto;} .nav .nav-main ul li a {font-size: 1.8rem;} .nav .nav-main > ul li a {font-size: 0.9rem;} .nav .nav-main li.submenu i {font-size: 0.8rem; transform: translateY(-2px);} .nav .nav-main > div {transform: none; top:0; left: -100%; padding-top: 0} body.🍔 .nav .nav-main > div {transform: none; position: relative; left: 0; margin-left: 30px; margin-top: 20px;} body.🍔 .nav .nav-main > ul {left: 30px; padding-top:50px} }