/* fuentes */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,700,800');

/* Especial clases */


/* Overwrite */
body {font-family: 'Poppins', sans-serif; line-height: 25px; font-weight: 400; font-style: normal; color: #2c2c2c; font-size: 15px;}
body {overflow-x: hidden;}
a:hover{text-decoration:none;}
p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}

@media screen and (min-width: 992px){
	.container {width: 1200px;max-width: 100%;}
	
}
.float-right {float: right!important;}
a:hover{color: #94b2df}

.container {padding-right: 25px!important; padding-left: 25px!important; margin-right: auto; margin-left: auto;}
.container-fluid {padding-right: 25px!important; padding-left: 25px!important; margin-right: auto; margin-left: auto;}

.box-mobi button {background-color: #2d385c; padding: 0; font-size: 17px; letter-spacing: 1px; width: 100%; border: solid 1px #2d385c; outline: none;}
.dropdown {position: relative; display: block; z-index: 1}
.show {display: block;}
.dropbtn {display: block; cursor: pointer;}
.dropdown-content {display: none; position: absolute; background-color: #2d385c; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;  margin: -38px auto;}
div#myDropdown ul li {list-style: none; padding: 8px 25px; margin-bottom: 0px; text-align: left;}
div#myDropdown ul {padding: 0; margin: 0;}
/*i.fas.fa-chevron-down.col-white.top-over {width: 44px; padding-top: 14px; margin-bottom: -17px; background-color: #2d385c; border-radius: 50%; height: 37px; font-size: 19px;} */
i.fas.fa-chevron-down.col-white.top-over {
    width: 39px;
    margin-top: 2px;
    margin-bottom: -12px;
    padding-top: 0px;
    padding-left: 1px;
    background-color: #2d385c;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    height: 23px;
    font-size: 19px;
    z-index: 0;
}
a i.fas.fa-chevron-down.col-white.top-over {width: 35px; padding-top: 8px; padding-left: 9px; margin-bottom: -14px; background-color: #2d385c; border-radius: 50%; height: 29px; font-size: 19px; margin-left: 45%;}
.elige-ciudad{margin-bottom: 0;
    margin-top: 5px;
    z-index: 1;}
.btn-desplegable-top{margin-top: -18px;
    margin-bottom: 0;
    z-index: 0;}


.box-mobii button {width: 55px; background-color: #ffffff; color: #898989; padding: 10px; letter-spacing: 1px; outline: none; font-size: 28px; border: solid 1px #ffffff;}
.dropdownn {position: relative; display: block; z-index: 0}
.showw {display: block!important;}
.dropbtnn {display: block; cursor: pointer;}
.dropdown-contentt {display: none; position: absolute; background-color: #2d385c; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin: 25px auto; left: -225px; width: 265px;}
div#myDropdownn ul li {list-style: none; padding: 8px 25px; margin-bottom: 0px; text-align: left;}
div#myDropdownn ul {padding: 8px 0; margin: 0;}

.box-mobiii button {width: 85%; background-color: #ffffff; color: #4b4b4b; letter-spacing: 1px; outline: none; font-size: 18px; font-weight: 500; border: solid 1px #ffffff; padding: 6px 0px; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.dropdownnn {position: relative; display: block; z-index: 0; width: 285px;}
.showww {display: block!important;}
.dropbtnnn {display: block; cursor: pointer;}
.dropdown-contenttt {display: none; position: absolute; background-color: #ffffff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin: 2px auto; width: 250px; left: 17px;}
div#myDropdownnn ul li {list-style: none; padding: 0px 25px 10px; margin-bottom: 0px; text-align: left;}
div#myDropdownnn ul {padding: 0; margin: 0;}
i.fas.fa-chevron-down.col-white.top-overrr {background-color: transparent; padding: 12px 10px 10px 10px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; float: right; width: 15%; border: solid 1px white; margin-top: -39px;}

.top-over {}

/* Classes */

.col-white{color: #ffffff;}
.col-base {color: #2c2c2c;}
.col-skyblue {color: #81a4d9;}
.col-blue {color: #2d385c;}
.col-pink {color: #c23571;}

.bg-white {background-color: #ffffff;}
.bg-bluee{background-color: #2d385c;}
.bg-blue{background: #94b2df;}
.bg-blued{background: #081540;}

.bg-black{background: #2c2c2c;}

.bg-banner {background-image: url(../imgs/banner-reciente.jpg); background-size: cover; background-position-y: 38%; background-position-x: 45%;}
.bg-fondo-mitad {background-image: url(../imgs/vv-mobile-fondo-mitad.png); background-size: cover; background-position-y: 100%; background-position-x: 45%;}
.bg-fondo-mitad2 {background-image: url(../imgs/vv-mobile-fondo-mitad2.png); background-size: cover; background-position-y: 100%; background-position-x: 45%;}
.bg-minibanner {background-image: url(../img/vamosviendo-banner2.jpg); background-size: cover; background-position-y: 100%; background-position-x: 50%;}



.txt-top{letter-spacing: 1px; font-size: 10px; margin-top: 14px; margin-bottom: 11px;}
.txt-right{text-align: right;}
.txt-left{text-align: left;}
.txt-center{text-align: center!important;}
.txt-just{text-align: justify;}
.txt-title {font-size: 52px; font-weight: 300;}
.txt-subtitle{font-size: 34px}
.txt-footer {letter-spacing: 1px; font-size: 10px; line-height: 1.5;}

.font-bold{font-weight: 600}
.font-black{font-weight:900;}
.font-big{font-size: 35px; font-weight: 400;}
.font-bigger{font-size: 50px;}
.font-parallax {font-size: 60px;line-height: 1em;position: relative;width: intrinsic;width: -moz-max-content;width: -webkit-max-content;margin: 10px auto;}
.font-parallax:before {content: "";background: #00528f;width: 115px;height: 26px;display: block;margin: 0px 0px 15px;box-shadow: 0px 0px 10px #ffffff, 0px 0px 20px #ffffff, 0px 0px 30px #ffffff, 0px 0px 40px #ffffff, 0px 0px 50px #ffffff, 0px 0px 60px #ffffff;}
.font-test-title {font-size: 35px;}
.text-centro {font-size: 13px;line-height: 1.5;}

.ico {width: 25px; vertical-align: top;}
.img-full{width:100%;}
.img-center{display: block; margin: 0 auto; float: none; max-width: 100%;}
.img-logo{display: block; float: none; max-width: 100%;}

.box-moni{display:block;}
.box-mobi{display:;}

.pleca-blue{display:block; width:30px; height:7px; margin: 10px 0px 20px; background:#2d385c;}
.pleca-skyblue{display:block; width:30px; height:7px; margin: 10px 0px 20px; background:#6e90c3;}

.clear{clear: both;}

.separador-medio{height:8em}
.separador-max{height:5em;width:100%}
.separador-maximo{height:3.5em;width:100%;}
.separador-maxi{height:3em;width:100%}
.separador-before {height: 2.5em; width: 100%}
.separador{height:2em;width:100%;}
.separador-inter{height:1.5em;width:100%;}
.separador-mini{height:1em;width:100%;}
.separador-micro{height:.5em;width:100%;}
.separador-nano{height:.25em;width:100%;}
.separador-pico{height:.125em;width:100%;}

.btn-width {width: 65%;}
.btn-center2 {display: block; margin: 0 auto; float: none; text-align: center;}
.btn-center {display: block; margin: 0 auto; float: none; text-align: center; max-width: max-content;}
.btn-meInteresa {font-size: 17px; letter-spacing: 1px; border: solid 2px #2d385c; padding: 2px 20px; border-radius: 50px;}
.btn-meInteresa:hover {font-size: 17px; letter-spacing: 1px; border: solid 2px #2d385c; padding: 2px 20px; border-radius: 50px; background-color: #2d385c; color: white;}

video.img-center {margin-bottom: 35px; margin-top: 35px;}
.sty-video {width: 640px; height: 363px;}

.color-solo {height: 100%; width: 100%;}
.col-height {padding: 0!important; height: 330px;}

.phone {transform: rotate(90deg); color: #94b2df; margin-right: 10px;}

.sty-list {color: black; border-bottom: solid 1px #d3d3d3; display: block; padding-bottom: 10px; padding-top: 10;}
.sty-list2 {color: black; display: block;}

.redes {font-size: 30px; margin: 0 15px;}

.btn-whatsapp {position: fixed; right: -3px; top: 150px; background-color: #02a601; width: 53px; height: 49px; border-radius: 5px; z-index: 999;}
.btn-msn {position: fixed; right: -3px; top: 200px; background-color: #0d87ff; width: 53px; height: 49px; border-radius: 5px; z-index: 999;}
.btn-llamada {position: fixed; right: -3px; top: 250px; background-color: #673AB7; width: 53px; height: 49px; border-radius: 5px; z-index: 999;}
i.fab.fa-whatsapp.btn-whats.home, i.fab.fa-facebook-messenger.home, i.fas.fa-phone.phone.home {color: #ffffff !important; padding: 9px 12px;}
i.fas.fa-phone.phone {transform: rotate(90deg); padding: 12px;}

iframe.size-iframe-contact {width: 100%; height: 366px; overflow: hidden !important; border: 0px;}

.MOBILE{display: none;}
.DESKTOP{display: block;}
.TABLET{display: none;}


.redes-header {margin-right: 15px; font-family: 'Montserrat'; font-weight: 900; font-size: 17px;}
.nav-new-menu {display: flex;}
.new-menu {background-color: #ffffff; margin: 0px; list-style: none; display: flex; height: 100px; align-items: center; z-index: 2; opacity: 0; visibility: hidden; padding: 0;}
.new-menu__item {margin: 0 13px; line-height: 1;}
.new-menu__link {color: #2c2c2c; text-decoration: none; font-family: 'Poppins'; font-size: 13px; text-transform: uppercase;}
.new-menu-bar {width: 83px; height: 79px; cursor: pointer; background-color: #ffffff; padding: 25px 23px; border-radius: 50%; margin-top: 12px; z-index: 3;}
.uno, .dos, .tres {width: 100%; background-color: #898989; height: 3px; margin-top: 5px;}
.logo-white {filter: invert(1) brightness(100);}

/* animacion menu */

.new-menu-bar:hover {border-radius: 0;}
.new-menu-bar:hover .dos {opacity: 0}
.new-menu-bar:hover .uno {transform: rotate(45deg) translate(5px, 5px);}
.new-menu-bar:hover .tres {transform: rotate(-45deg)translate(6px, -7px);} 
.mostrar .new-menu {visibility: visible; opacity: 1;}

/*.menu-fixed {position: fixed; background: aquamarine; z-index: 99999; margin-top: -50;}*/

/* responsive 

@media (min-width: 1300px) and (max-width: 1397px){
    .new-menu {background-color: #2a2a2a; margin: 0px; padding: 0px 65px 0px 0px; list-style: none; display: flex; height: 100px; align-items: center; z-index: 2; opacity: 0; visibility: hidden;}
}

@media (min-width: 1026px) and (max-width: 1299px){
    .new-menu {background-color: #2a2a2a; margin: 0px; padding: 0px 65px 0px 0px; list-style: none; display: flex; height: 100px; align-items: center; z-index: 2; opacity: 0; visibility: hidden;}
}

@media (min-width: 990px) and (max-width: 1025px){
    .new-menu {background-color: #2a2a2a; margin: 0px; padding: 0px 65px 0px 0px; list-style: none; display: flex; height: 100px; align-items: center; z-index: 2; opacity: 0; visibility: hidden;}
}*/



/* RESPONSIVO */

@media screen and (max-width:991px){
	.MOBILE{display: block!important;}
	.DESKTOP{display: none!important;}


	h2, .h2 {font-size: 28px;}
	.txt-title {font-size: 36px; font-weight: 300;}
	.box-moni{display:none;}
	.box-mobi{display:block;}
	.col-height {padding: 0!important; height: 285px;}

	.brd {border-bottom: solid 1px #d2d3d4;}

	.pad-ayudanos {padding-left: 30px!important;}
	.pad-ayudanos2 {padding-left: 34px!important; padding-right: 15px!important;}
	.pad-col {padding: 0!important}

	.pad-100operaciones {padding-left: 15!important;}

	.sty-video {width: 100%; height: auto;}

	.txt-center-mol {text-align: center!important;}

	.btn-width {width: 90%;}
}

@media screen and (max-width: 1680px){
	.iframe-insta {height: 270!important}
}

@media screen and (max-width: 1490px){
	.iframe-insta {height: 243!important}
}

@media screen and (max-width: 1385px){
	.iframe-insta {height: 226!important}
}

@media screen and (max-width: 1300px){
	.iframe-insta {height: 211!important}
}

@media screen and (max-width: 1215px){
	.iframe-insta {height: 195!important}
}

@media screen and (max-width: 1100px){
	.iframe-insta {height: 180!important}
}

@media screen and (max-width: 1025px){
	.iframe-insta {height: 165!important}
	.btn-width {width: 95%;}
	.bg-banner {background-image: url(../imgs/banner-reciente.jpg); background-size: cover; background-position-y: 38%; background-position-x: 91%;}
}

@media (min-width: 992px) and (max-width: 1066px) {
	iframe.size-iframe-contact {width: 100%; height: 421px; overflow: hidden !important; border: 0px;}
}
@media (min-width: 1066px) and (max-width: 1139px) {
	iframe.size-iframe-contact {width: 100%; height: 365px; overflow: hidden !important; border: 0px;}
}

@media (min-width: 710px) and (max-width: 769px) {
	iframe.size-iframe-contact {width: 100%; height: 367px; overflow: hidden !important; border: 0px;}
}

@media (min-width: 768px) and (max-width: 990px) {
	.TABLET{display: block;}
	.NO-TABLET{display: none!important;}

	.txt-subtitle {font-size: 27px;}

	.bg-banner {background-image: url(../imgs/banner-reciente.jpg); background-size: cover; background-position-y: 38%; background-position-x: 91%;}
}

@media screen and (max-width: 767px){
	.TABLET{display: none;}
	.NO-TABLET{display: block;}

	.txt-subtitle{font-size: 32px}
	.txt-footer {letter-spacing: 1px; font-size: 8px; line-height: 1.5;}
	.txt-center-mol {text-align: center!important; padding: 0px}
}

@media screen and (max-width: 709px){
	iframe.size-iframe-contact {width: 100%; height: 479px; overflow: hidden !important; border: 0px;}
}

@media (min-width: 439px) and (max-width: 990px) {
	/*#contacto  {margin-top: 0; overflow: visible!important; z-index: 22; position: relative;}*/
}

@media screen and (max-width: 438px) {
	/*#contacto  {margin-top: -20; overflow: visible!important; z-index: 22; position: relative;}*/
}