/* */ /* */ /* */ html{overflow-x: hidden;} .nop{ padding: 0 !important; } .osp{ padding-left: 0 !important; padding-right: 0 !important; } .lebrand{width: 100%; height: 150px; display: block; text-indent: -999999px; background: url('../img/mainLogo.png') no-repeat center center; background-size: contain; cursor: pointer;} /* */ /* */ /* */ /* */ /* */ /* */ input[type="text"],textarea, select{width: 100%;background:#ededed;border: none;padding: 10px;border-radius: 10px;margin: 5px 0;} textarea{height: 200px; } form .col-6, form .col-12{padding-bottom: 20px!important;} /* */ /* */ /* */ .topbar{ font-size: 0.8em; height: 45px;} .topbar ul{padding: 0;} .topbar .topbarqlinks li{margin-right: 30px; margin-top: 5px;} .topbar .topbarqlinks a{color: #ffffff;} .topbar .topbarqlinks2 li a{width: 32px; height: 32px;display: inline-block; text-align: center; line-height: 32px;} .bottomline .topbarqlinks2 li a{width: 30px; height: 24px;display: block; text-align: center; line-height: 24px;} .navigation{font-weight: bold;} .nav ul li{list-style: none!important;} /* */ /* */ /* */ h2.bulletTitle { position: absolute; left: 8vw; font-size: 5em; top: -1vh; opacity: 0.1; } /* */ /* */ /* */ .contacto{font-size: 3em;} .b2t{position: fixed; bottom: 40vh; right: 3vw; z-index: 10; width: 32px; height: 32px; background: #004179;border: solid 2px #004179; border-radius: 50%; line-height: 30px; display: none; transition: all ease-in-out 300ms;} .b2t:hover{border: solid 2px #004179; background: transparent; color: #004179;} /* */ /* */ /* */ /* */ /* */ /* */ .compareSlide{width: 100%;height: 300px;position: relative;margin: 0px;background: rgba(0,0,0,0.1);} div.image {height: 100%;background-repeat: no-repeat;background-position: top left;background-size: 650px;position: absolute;top: 0px;left: 0px;} div.before {width: 50%;z-index: 2;} div.after {width: 100%;z-index: 1;} input.slider {width: 100%;height: 100%;outline: none;background-color: transparent;position: absolute;margin: 0px;z-index: 3;cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;transition: 0.25s all ease-in-out;-moz-transition: 0.25s all ease-in-out;-webkit-transition: 0.25s all ease-in-out;z-index: 4;} input.slider::-moz-range-thumb {width: 6px;height: 300px;background-color: white;cursor: pointer;} input.slider::-webkit-slider-thumb {width: 6px;height: 330px;background-color: white;cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;} div.slider-button { width: 30px; height: 30px; border-radius: 50%; -moz-broder-radius: 50%; -webkit-border-radius: 50%; background: white url('../img/compareBtn.png') no-repeat center center; background-size: 100%; position: absolute; top: calc(50% - 18px); left: calc(50% - 18px); cursor: pointer; z-index: 3;} /* */ /* */ /* */ #bicolor{background: url('../img/footerBG-1.png') no-repeat;} /* */ /* */ /* */ #cozumel,#yucatan,.cliccozumel path{transform-origin:77% 62%}.cuadritocontrol{width:100px;height:100px;position:absolute;top:79%;left:14%;z-index:100;display:none;cursor:pointer;opacity:0}.estado{transform:scale(0,0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}#republica,.estado.active{transform:scale(1);-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.estado.active{-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}#republica{-moz-transition:all300ms ease-in-out;transition:.3s ease-in-out;transform-origin:10% 100%}#republica.mini{transform:scale(.2);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;transform-origin:10% 100%;position:relative;z-index:99999;cursor:pointer}#republica path{fill:#C0EDB8}#clicbaja path,#cliccolima path,#clicguerrero path,#clicjalisco path,#clicmishoacan path,#clicsinaloa path,#clictabasco path,#clictamaulipas path,#clicveracruz path,#clicyucatan path{opacity:.5;fill:#ffffff!important;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;transform-box:fill-box;transform-origin:50% 50%}.cliccozumel path{opacity:.5;fill:#ffffff!important;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}#clicbaja:hover path,#clicguerrero:hover path,#clicjalisco:hover path,#clicmishoacan:hover path,#clicsinaloa:hover path,#clictabasco:hover path,#clictamaulipas:hover path,#clicveracruz:hover path,#clicyucatan:hover path,.cliccozumel:hover path{opacity:1;fill:#ffffff;transform:scale(1.2);cursor:pointer}#cliccolima:hover path{opacity:1;fill:#ffffff;transform:scale(2);cursor:pointer}#tabasco{transform-origin:69% 75%}#veracruz{transform-origin:61% 68%}#tamaulipas{transform-origin:58% 45%}#guerrero{transform-origin:54% 77%}#michoacan{transform-origin:50% 65%}#colima{transform-origin:47% 70%}#jalisco{transform-origin:44% 50%}#w01ola1,#w01ola3,#w02ola1,#w02ola3,#w03ola1,#w03ola3,#w04ola1,#w04ola3,#w05ola1,#w05ola3,#w06ola1,#w06ola3,#w07ola1,#w07ola3{position:relative;animation:2s ease-in-out .3s infinite alternate lasolasleft}#w01ola2,#w02ola2,#w03ola2,#w04ola2,#w05ola2,#w06ola2,#w07ola2{position:relative;animation:2s ease-in-out .3s infinite alternate lasolasright}#Waves01,#Waves02,#Waves03,#Waves04,#Waves05,#Waves06,#Waves07{position:relative;animation:2s ease-in-out .3s infinite alternate marea}@keyframes lasolasleft{0{transform:translate(10px,0)}100%{transform:translate(-10px,0)}}@keyframes lasolasright{0{transform:translate(-10px,0)}100%{transform:translate(10px,0)}}@keyframes marea{0,100%{transform:translate(0,5px)}50%{transform:translate(0,-5px)}} /* */ /* */ /* */ .interactive-graph > svg{max-height: 100vh!important; text-align: center; margin: 0 auto; display: block;} .is-icon{transform: scale(0.8);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; cursor: pointer;} .is-icon:hover{transform: scale(1);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} #icon01{transform-origin: 67% 80%;} #icon02{transform-origin: 60% 72%;} #icon03{transform-origin: 55% 69%;} #icon04{transform-origin: 40% 70%;} #icon05{transform-origin: 30% 80%;} #icon06{transform-origin: 65% 50%;} #icon07{transform-origin: 30% 60%;} #LesCards{position: relative; transform: translateY(-1000px);} .is-card{-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .is-card.show{transform: translateY(1000px) !important;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} /* */ /* */ /* */ @media screen and (max-width: 767px) and (min-width: 0){ html{overflow-x: hidden;} .compareSlide{width: 100%;height: 200px; overflow: hidden;} input.slider::-moz-range-thumb, input.slider::-webkit-slider-thumb { height: 200px } .contacto{font-size: 1em;} .carousel-indicators{right: -20px!important;} #LesCards{position: relative; transform: translateX(-277px) translateY(-1000px) scale(1.45);} .is-card.show{transform: translateY(750px) !important;} div.image {height: 100%;background-repeat: no-repeat;background-position: top left;background-size: 340px; position: absolute;top: 0px;left: 0px;} p{text-align: left!important;} h2.bulletTitle {position: absolute; left: 0vw; font-size: 5em; top: -1vh; opacity: 0.1;} .legrandmap svg {transform: scale(1.23);} }