@charset "utf-8";
/* CSS Document -*/

:root{
    --logo-head-width: 200px;
}

*{box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: inherit; text-decoration: none; cursor: default; outline: none; color: #6E6E6E; font-family: 'Open Sans', sans-serif; /*font-weight: 400 */}

body,html{ width: 100%; height: auto; min-height: 100vh}
.overflowHidden{overflow: hidden; padding-right: 17px}

.wrap{ overflow: hidden; position: relative; width: 100%; height: 100%; position: relative;}
p,a,li,span,b,i,p *,a *,li *,span *,b *,i *{ font-size: 1em; color: inherit;}
a{ cursor: pointer !important;  /*-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;*/ display: inline-block}
a *{ cursor: pointer}
b,b *{  font-weight: 700; font-size: inherit }
p{ margin-bottom: 15px; }

.left{ float: left}
.right{ float: right}
.clear{ clear: both}

.transition, .transition::before{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease; /*transition: all 0.3s ease;*/}
.transition-1{ -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.transition-2{ -webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;-ms-transition: all 2s ease;transition: all 2s ease;}
.transition-3{ -webkit-transition: all 3s ease;-moz-transition: all 3s ease;-o-transition: all 3s ease;-ms-transition: all 3s ease;transition: all 3s ease;}

.inline{ display: inline-block}

.section{ width: 100%; position: relative;}
.content{ width: 100%; max-width: 1200px; margin: auto; position: relative}
.centerBox{ margin: auto}
.centerTxt{ text-align: center}
.rightTxt{ text-align: right}
.leftTxt{ text-align: left}

.clr-w2{ 
    color: #fff;
    font-size: 1.13em;
}
.clr-w{ 
    color: #fff;
}
.cookies{ display: none !important}

.back-w{ background: #fff}
.back-l-b{ background: rgb(240, 248, 255);}
.back-d-b{ background: #05355e}
.back-dr-b{ background: #062947}
.back-d-g{ background: rgb(54, 54, 54);}


.pad-gral{padding:  25px}
.pad-corto{padding:  5px}
.pad-t-b{ padding: 50px 0px 17px 0px}
.pad-t-c{ padding: 5px 0}
.pad-sides{ padding:15px 25px }
.pad-left{ padding-left: 25px}
.pad-right{ padding-right: 25px}
.pad-t{ padding-top: 50px }
.pad-b{ padding-bottom: 50px }


.col-1{position:relative; width: 100% }
.col-2{position:relative; width: 50%}
.col-3{position:relative; width: 32%}
.col-4{position:relative; width: 24.5%}
.col-5{position:relative; width: 20%}

.box-30{position: relative; width: 30% }
.box-50{position: relative; width: 50% }
.box-70{position: relative; width: 70%}
.box-20{position: relative; width: 20%}
.box-80{position: relative; width: 80%}

.title{ font-size: 1.5em;  text-transform: uppercase}
.title span{ font-weight: 700}
.title-big {font-size: 3em;font-weight: 300;margin-bottom: 25px;}
.sub-title{ font-size: 1.25em}
.small-txt{ font-size: 0.75em}
.small-txt *{ font-size: inherit}
.justify{ text-align: justify}
.marginless{ margin: 0 !important}
.mt-0{ margin-top: 0 !important}
.paddingless{ padding: 0 !important}
.bolder{ font-weight: 700}
.lighter{ font-weight: 400 }
.disclaimer{position: fixed;
    bottom: 0;
    z-index: 9; }

.content-sucursales .col-4{
    width: 32.5%;
    margin: 30px 0px;
}

.dpt,.dtb{ display: table}
.dtr{ display: table-row; display: table-flex; display: contents}

.dtc{ display: table-cell}
.mid-txt{ vertical-align: middle}
.bottom-txt{ vertical-align: bottom}
.top-txt{ vertical-align: text-top}

.hover-b:hover{ color: rgba(0,33,163,1.00)}
.hover-w:hover{ color: rgba(255,255,255,1.00)}
.hover-r:hover{ color:rgba(229,0,3,1.00)}
.hover-lb:hover{color: #236eae;}
    

hr {
    width: 90%;
    height: 1px;
    border: 0;
    background: rgb(222, 222, 222);
    margin: 25px auto;
}

.loader-box{ position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #fff}
.svg-loader{ max-width: 200px; margin: auto; width: 100%; padding: 25px}

.title-section .content{ margin-top: 100px}

.title-section .content .title-big {
    max-width: 700px;
    margin: 0 auto 25px auto;
    font-size: 2.3em;
}

.backoverlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.backfix{ background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position: center !important}

/*HEADER*/
.header{ position: absolute; top: 30px; left: 0; right: 0; z-index: 100}
.control-head{ z-index: 2}
.control-head .inline a {background: rgba(240, 248, 255, 0);padding: 0 5px;border-radius: 5px;}
.control-head .inline a:hover {background: rgba(240, 248, 255, 0.46);}


.control-head div{ font-size: 0.9em; color: rgba(255,255,255,1.00)}
.control-head .inline{margin-left: 10px}
.control-head div:nth-child(1) {margin-left: 35px;}
.logo-head{ max-width: var(--logo-head-width); width: 100%; position: absolute; left: 0; right: 0; top: -35px}


#btn-nav-x, #btn-nav{width: 35px; height: 35px; text-align: center;  font-size: 2em;position: absolute;left: 0;top: -8px;}
#btn-nav-x:hover, #btn-nav:hover{background: rgba(255,255,255,0.3)}
#btn-nav-x i, #btn-nav i{position: relative;top: -3px;}

.btn-outline {
    border: 1px solid #d1d1d1;
    padding: 10px 15px;
    min-width: 100px;
    text-align: center;
    margin: 2px;
    border-radius: 5px;
}
.btn-outline:hover, .btn-outline-active{ 
    border: 1px solid #05355e;
    background: #05355e;
    color: rgba(255,255,255,1.00)

}

.imgSlideMovil {
    background-position: center !important;
    background-size: cover !important;
}
.active-ho{ font-weight: 700}
.options-head {position: fixed;overflow-y: auto;overflow-x: hidden;padding-top: 130px;right: 0;bottom: 0;top: 0;z-index: 1;background: rgba(42,129,166,1.00);width: 100%; }
.hide,.options-off{display: none; }
.opacity0{ opacity: 0; margin-left: -25px;

    
}
.opacity1{ opacity: 1; margin-left: 0

}
.show{ display: inherit}
.nav-options {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #fff;
    padding-left: 25px
}
.btn-opt{ color: rgba(255,255,255,1.00); /* font-weight: 700;*/ margin: 10px 0; padding: 5px 10px}
.btn-opt span{ opacity: 0}
.btn-opt:hover span { opacity: 1}

.btn-download {
    margin: auto;
    text-align: center;
    display: block;
    background: #ebebeb;
}

.btn-download:hover{ background: rgba(206, 36, 65,1.00); color: rgba(255,255,255,1.00)}



.btn-opt-active{ background: rgba(255,255,255,1.00); color:  rgb(42, 129, 166);}
.btn-opt-active span { opacity: 1; color:  rgb(42, 129, 166);}

.sub-box{ background: rgba(255,255,255,0.3); text-align: justify}

.sub-box .inline a {
    padding: 5px 10px;
    border: 1px solid #fff;
    margin: auto 5px;
    color: #fff;
}

.backvid {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
}

.video-desarrollo {
    width: 100%;
    position: fixed;
    right: -30%;
    top: 0;
    left: -30%;
    margin: auto;
    bottom: 0px;
    min-height: 100vh !important;
    max-width: none;
    min-width: 2000px;
}
.to-top {
    position: fixed;
    z-index: 8000;
    right: 0;
    bottom: 35vh;
    padding: 10px;
    background: rgb(6, 41, 71);
    color: rgba(255,255,255,1.00);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}
.to-top:hover{ background: rgb(42, 117, 181)}

/*INFOBOX*/
.fixcontact{ position: absolute; left: 100px; bottom: 25px; z-index: 4}

.fixcontact-right{position: fixed; right: -265px; top: 35vh; display: none;}


.fixcontact-right .txt-inf {
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0%;
    background: #54595f;
    text-align: left;
    min-width: 100%;
    top: 0;
    bottom: 0;
    padding-right: 40px;
    z-index: -1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.infobox-active{right: 100% !important }

.contactinfobox, .chatinfobox {
    padding: 10px;
    background: none !important;
    color: #fff;
    border-radius: 15px;
    margin: 5px 0;
    position: relative
}





.tit {
    background: #363636;
    padding: 5px 10px;
    border-radius: 10px;
    position: relative;
    left: 0
}


.tit-drop {left: -45px;}
.tit-drop * { cursor: pointer}
.tit-drop i{ margin-right: 15px} 


.txt-inf{ color: #fff; padding: 5px 10px}



           
.imgSlide{position: absolute;left: 0;right: 0;background-size: contain !important;top: 0;bottom: 0;width: 100%;height: 100%;background-size: cover;background-position: right;background-position: center;}





/*MARCAS*/
#marcas{ z-index: 2}
.content-marcas{ }
.lg {
    display: inline-block;
    margin: 7px;
    padding: 0;
    height: 107px;
    width: 15% !important;
    text-align: center;
}

.logo-marca { position: absolute; left: 0; right: 0; top: 0; bottom: 0;     background-size: 81% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    opacity: 0.95;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
    
 }

.logo-marca:hover{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)
    

}


.logo-marca:hover  .backMarca{  opacity: 1;}

.backMarca {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
    z-index: -1;
    opacity: 0.0;
}



/*venobox*/
        .title-tipo-font{ text-transform: uppercase}
        .vbox-overlay { right: -25px; background: rgba(0,0,0,0.9) !important ; z-index: 9999 !important; position: fixed;     background: rgba(255, 255, 255, 0.95) !important;}
        .vbox-close{ right: 25px}
        .vbox-content {text-align: center;float: left;width: 100%;position: relative;overflow: hidden;padding: 20px 60px 20px 55px;}
        .vbox-next span {    right: 30px;}        
        .vbox-title {  font-size: 1.2em !important;  padding: 16px 40px; background: #000 !important}      
.vbox-container {
    overflow-y: auto !important;
}

/*SEMINUEVOS BOOK*/
.box-book{ position: relative; width: 100%; padding: 10px; }
.box-book-single{ width:33%; display: table-cell;
    float: left;
    margin-bottom: 28px;}
.img-box{ height: 50vw; max-height: 200px; min-height: 150px; width: 100%; background-size: cover !important; background-position: center !important; position: relative; margin-bottom: 15px}
.img-box .hover-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.29); cursor: pointer; opacity: 0}
  
.btn-docs a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: solid 1px #dedede;
    padding: 1px;

}

.btn-docs a.exisMar{
  float: right;
margin: 0px 3px;  
}



.barcoFuent{
    font-weight: 200;
    font-size: 1.18em;
}

.img-box, .hover-img{
    /*
    webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    */
}


.img-box-color{
    webkit-filter: grayscale(0%) !important;
    -moz-filter: grayscale(0%) !important;
    -o-filter: grayscale(0%) !important;
    -ms-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}



.img-box:hover, .hover-img:hover{
    -webkit-filter: grayscale(0%) !important; 
    -moz-filter: grayscale(0%) !important;
    -o-filter: grayscale(0%) !important;
    -ms-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}


/*MOSAIC*/
.mosaic{ position: relative}
.mosaic-a{max-height: 400px;  width: 100%; height: 25vw}
.mosaic-b{max-height: 800px;  width: 33.33%; height: 50vw}
.mosaic-c{max-height: 400px;  width: 33.33%; height: 25vw}
.mosaic-d{max-height: 400px;  width: 33.33%; height: 25vw}
.mosaic-e{max-height: 400px;  width: 33.33%; height: 25vw}
.mosaic-f{max-height: 400px;  width: 33.33%; height: 25vw}

.innerSquare{ color: rgba(255,255,255,1.00); text-align: center}

.innerSquare span {
    text-transform: uppercase;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    margin: auto;
    color: #646464;
    width: 100px;
    height: 100px;
    border-radius: 300%;
    padding: 25px 0;
}


.innerSquare span i{ font-size: 50px}


.mosaic .dpt {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 15px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.mosaic .dpt p {
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

.backimg {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background-position: center !important;
    background-size: cover !important;
    z-index: -1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.5
}

.mosaic .dpt:hover .backimg {
    
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.2

}


.mosaic .dpt:hover .innerSquare span{ 
    background: rgba(255, 255, 255, 1);
}

.tabContentBox {
    padding: 15px;
    width: 100%;
    border: 1px solid rgba(232, 232, 232, 1);
}

  .btnDetailedPDF:hover{background: #bf1212;border: 1px solid #d1d1d1;}

.tabContentBox div table tr td { padding: 5px}

/* Diego agrega  */
.tabSpecsestilos table tbody tr td { padding: 0px 10px;}
.tabSpecsestilos table tr { height: 2.5em;}
.tabSpecsestilos table tr:nth-child(odd) { background-color: #f3f2f2;}
/* Diego agrega  */

.tabSpecsestilos{
    overflow-x: auto;
    padding-left: 0;
}

.tabSpecs .title{ font-weight: bold; font-size: 1.2em}

.tabSpecs .sub-title{ font-weight: bold; font-size: 1.1em; font-style: italic}

ul.ulSpecs {
    padding: 5px;
    padding-bottom: 25px;
    box-shadow: 0px 12px 17px -20px #9e9e9e;
}

.ulSpecs li {
    display: inline-block;
    width: 30%;
    margin: 5px 1%;
    vertical-align: top;
    padding: 5px;
}

.ulSpecs li span { display: inline-block; vertical-align: middle}

.ulSpecs li span:nth-child(1) {
    color: rgb(142, 142, 142);
    font-weight: bolder
}

.ulSpecs li span:nth-child(2) {
}
/*FOOTER*/
#footer{ margin-top: 60px}
.linksfoot span{ display: inline-block;  }
.formnews { position: relative; width: 100%}
.formnews input {width: 65%;padding: 10px;font-size: 0.8em !important;border-radius: 5px;border-bottom-right-radius: 0;border-top-right-radius: 0;border: 1px #062947 solid;}
.formnews button {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    padding: 5px 10px;
    right: 0;
    top: 0px;
    bottom: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #062947;
    color: #fff;
    cursor: pointer;
    font-size: 0.8em;
}
.formnews button:hover{ background: #03233E}
.btn-soc{width: 35px; height: 35px; text-align: center; background: #174863; color: rgba(255,255,255,1.00); border-radius: 300%; margin: 0 5px;-webkit-transform: scale(1,1); transform: scale(1,1);}
.btn-soc:hover{ -webkit-transform: scale(1.15,1.15); transform: scale(1.15,1.15);}
.btn-soc i{ position: relative; top: 6px}

.infoot p{ line-height: 2em}

.infoot p span {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px;
    border-radius: 24px;
}

.content-sucursales .col-3 {
    padding: 55px 35px 35px 65px;
    min-height: 420px;
}

.btn-route:hover i { color: rgba(38,38,38,1.00) !important }

.content-sucursales .col-3 p, .content-sucursales .col-4 p, .content-sucursales .col-3 a, .content-sucursales .col-4 a {
    
    display: block; position: relative

}

.content-sucursales .col-3 p i, .content-sucursales .col-4 p i, .content-sucursales .col-3 a i, .content-sucursales .col-4 a i {
    position: absolute;
    left: -30px;
    width: 20px;
    font-size: 15px;
    text-align: center;
}

.content-sucursales .col-3 p a, .content-sucursales .col-4 p a {
    font-weight: bold;
    margin-top: 15px;
}

.content-sucursales .col-3::before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    top: 25px;
    bottom: 15px;
    background: rgba(255,255,255,1.00);
    z-index: -1;
    border-top: solid 4px rgb(235, 235, 235);
}

.content-sucursales .col-3:hover::before{     border-top: solid 4px rgba(162, 162, 157,1.00); }

/*NUEVOS*/

#slides-nuevos {
    position: relative;
    height: 75vh;
}

.content-caroussel-nuevos{
    height: 100%;
    position: relative;
}



.caroussel-nuevos .boxcaroussel {padding: 10px 6px; height: 100%}

.caroussel-nuevos .boxcaroussel .box-book{ padding:  0}



.caroussel-nuevos .boxcaroussel .box-book .img-box {
    height: calc(75vh - 20px);
    max-height: none;
    min-height: 150px;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    margin-bottom: 0;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);    
    opacity: 1
    
}

.caroussel-thumbs-nuevos .boxcaroussel .box-book .img-box { 
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important
    
    
}


.caroussel-nuevos .boxcaroussel:hover .box-book .img-box {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.3
}

.caroussel-gal .boxcaroussel .box-book .img-box { max-height: 600px; max-width: 1200px; margin: auto}
.caroussel-thumbs .boxcaroussel .box-book{ padding: 0} 
.caroussel-thumbs .boxcaroussel .box-book .img-box {max-height: 90px;min-height: 70px;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

.slick-current  .boxcaroussel .box-book .img-box {   
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

.boxcaroussel .box-book .hover-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}
.caroussel-nuevos .navCaroussel {
    top: 45%;
}

.caroussel-nuevos .fa-caret-left { left: 25px !important; color: #fff}

.caroussel-nuevos .fa-caret-right {right: 25px !important; color: #fff}

.logo-nuevos-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

}

.logo-nuevo{ position: relative; z-index: 2;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}


.box-book .sub-title {
    font-size: 1em;
}


.caroussel-nuevos .boxcaroussel:hover .logo-nuevo {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.logo-nuevo img {
    max-width: 150px;
    width: 100%;
    margin: auto;
    margin-bottom: 50%;
}

/*NOTICIAS*/
.content-noticias .col-3 {
    padding: 35px;
    min-height: 370px;
}
.content-noticias .col-3 {
    padding: 35px;
    height: 400px;
    overflow: hidden
}

.content-noticias .col-3  a{ color: rgba(48,79,164,1.00); margin-top: 10px}

.content-noticias .col-3 .col-1{ margin-bottom: 18px; background-size: cover !important; background-position: center !important; background-repeat:  no-repeat !important}

.content-noticias .col-3::before{ content: ''; position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px;   background: rgba(255,255,255,1.00) ; z-index: -1; border:solid 1px #f1f1f1;     }


.dateIcon{ width: 70px; height: 120px; text-align: center; }

.dateIcon div:nth-child(1) {
    padding: 5px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
.dateIcon div:nth-child(2) {
    color: #fff;
    font-size: 10px;
}

.dateIcon div:nth-child(3) {
    color: #fff;
    font-size: 10px;
}

.not {
    height: 170px;
    overflow: auto;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 15px
}

.not::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 25px;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );    
}

.noticia-text{ text-align: justify}
.noticia-text p img{text-align: center;margin: auto;display: block;width: 100% !important;height: auto !important;}
.img-notice{ min-height: 300px; max-width: 500px; width: 100%; padding: 25px; position: relative} 

.notice-dest{ max-width: 500px; width: 100%; padding: 25px; position: relative} 

    
.img-notice div {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0px;
    bottom: 0px;
    margin: 15px auto;
}

.dest{ padding: 25px; font-size: 3em; font-style: italic; text-align: left}

.vidBox iframe{ width: 100% !important }
.specsTab{ border-left: 1px solid  #ECECEC}
.specsTab p {
    margin-bottom: 0;
    padding: 5px 10px;
}
.specsTab p:nth-child(odd){ background: #F7F7F7}

.form-ficha {
   /*
    background: #f7f7f7;
    border-top: 13px solid #05355e;
    */
}

.form-ficha input, .form-ficha select {
    width: 100%;
    padding: 10px;
    font-size: 0.8em !important;
    /* border-radius: 5px; */
    margin-bottom: 15px;
    background: #fff;
    border-bottom: 1px rgb(222,222,222) solid;
}

.form-ficha button {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    background: #062947;
    color: #fff;
    cursor: pointer;
    font-size: 0.8em;
}

.form-ficha button:hover {
    background: #03233E;
}


#sucursales .title-big{ max-width: 70%}

.yachtView{ max-width: 215px; display: inline-block; text-align: center}

.wrapbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: black;
    z-index: -1;
}

.talleres .col-3{ height: auto; min-height: inherit}

.social-box { text-align: center}

.social-box a i{ display: block; font-size: 2.5em; width: 100%; text-align: center; margin: 15px 0}

.social-box a:hover i {
    color: #05355e;
}

.social-box a {
    text-align: center;
    display: inline-block;
    padding: 20px;
    width: 155px;
    height: 155px;
    margin: auto 25px;
}


.RoutesBox{ position: relative}
.RoutesBox a {
    min-width: auto;
    display: inline-block !important;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px 5px;
    border-radius: 120%;
    position: relative !important;
    margin: 0 5px 0 0;
}
.RoutesBox a i {
    position: relative !important;
    left: inherit !important;
    right: inherit !important;
}
.RoutesBox a:hover i{ color: rgba(255,255,255,1.00) !important}
/*SEMINUEVOS*/


.box-ficha-sem .box-30 .btn-outline{ font-size: 1.2em}

/* Customize the label (the container) */
.containerCheckbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.containerCheckbox:hover{ color: rgba(46,95,181,1.00)}

/* Hide the browser's default checkbox */
.containerCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    height: 17px;
    position: relative;
    width: 17px;
    display: block;
    float: left;
    margin-right: 5px;
    background-color: #d6d4d4;
    border: inset 1px rgba(143,143,143,0.11)
}

/* On mouse-over, add a grey background color */
.containerCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheckbox input:checked ~ .checkmark {
    background-color: #77c0ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheckbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheckbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 2px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.containerCheckbox, .DocsBar a{ font-size: 12px; display: inline-block; padding: 5px}

.sortButton {
    font-size: 15px;
    border: 1px solid #b1b1b1;
    padding: 5px;
    margin-right: 19vw;
}
.sortButton option{ padding: 5px 0}
.sortBox{ display: inline-block; text-align: right}

.PicBoatGral{ width: 100%;  background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important}

.PicBoatGral img{ width: 100%}


.infoSem, .contactSem{ font-size: 12px}

.list-inline li { font-size: inherit}
.list-inline li {
    list-style: none;
    display: inline-block;
    margin: 5px 0;
}

.inline-2-col li{ width: 49%}

.SemResume .PicBoatGral {
    width: 100%;
    height: 20vw;
    min-height: 200px;
    max-height: 250px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.SemResultBox {
    margin-bottom: 15px;
    border: 1px solid rgb(0 0 0 / 0%);
    display: inline-block;
    width: 48.7%;
    margin: 0.4%;
    vertical-align: top;
    position: relative;
    background: #fdfdfd;
}

.SemResultBox:hover{ box-shadow: 0 0 5px #e6e6e6;}

.SemResultHead {
    padding: 5px;
    background: rgb(21 54 82 / 0%);
    border-bottom: dashed 1px rgba(255, 255, 255, 0.1803921568627451);
}

.no-list{ list-style: none}
.db{ display: block}

.infoSem .box-30{ height: 65px}

.full-h{ height: 100%}
.full-w{ width: 100%}

.mt-0{ margin-top: 0px}
.mt-5{ margin-top: 5px}
.mt-10{ margin-top: 10px}
.mt-15{ margin-top: 15px}
.mt-20{ margin-top: 20px}
.mt-25{ margin-top: 25px}
.mt-30{ margin-top: 30px}
.mt-35{ margin-top: 35px}
.mt-40{ margin-top: 40px}
.mt-45{ margin-top: 45px}
.mt-50{ margin-top: 50px}
.mt-55{ margin-top: 55px}
.mt-60{ margin-top: 60px}
.mt-65{ margin-top: 65px}
.mt-70{ margin-top: 70px}
.mt-75{ margin-top: 75px}
.mt-80{ margin-top: 80px}
.mt-85{ margin-top: 85px}
.mt-90{ margin-top: 90px}
.mt-95{ margin-top: 95px}
.mt-100{ margin-top: 100px}

.mb-0{ margin-bottom: 0px}
.mb-5{ margin-bottom: 5px}
.mb-10{ margin-bottom: 10px}
.mb-15{ margin-bottom: 15px}
.mb-20{ margin-bottom: 20px}
.mb-25{ margin-bottom: 25px}
.mb-30{ margin-bottom: 30px}
.mb-35{ margin-bottom: 35px}
.mb-40{ margin-bottom: 40px}
.mb-45{ margin-bottom: 45px}
.mb-50{ margin-bottom: 50px}
.mb-55{ margin-bottom: 55px}
.mb-60{ margin-bottom: 60px}
.mb-65{ margin-bottom: 65px}
.mb-70{ margin-bottom: 70px}
.mb-75{ margin-bottom: 75px}
.mb-80{ margin-bottom: 80px}
.mb-85{ margin-bottom: 85px}
.mb-90{ margin-bottom: 90px}
.mb-95{ margin-bottom: 95px}
.mb-100{ margin-bottom: 100px}




.box-ficha-sem .img-box{ height: 30vw}

.box-ficha-sem .caroussel-thumbs .boxcaroussel .box-book .img-box {
    max-height: 60px;
    min-height: 40px;
}

.tabOptsBox a{ 

    display: inline-block;
    padding: 5px;
}

.listingBroker {
    border: 1px solid rgba(105,105,105,0.15);
    background: #fdfdfd;
}

.reach {
    position: absolute;
    top: 25px;
    right: 50px;
    background: rgba(255,255,255,1.00);
    width: calc(30% - 15px);
}

.fixBox{ top: -100%}
.fixBox img{ width: 65%}

.fixBoxAct{ width: 100%; max-width: 1200px; height: 0; overflow: visible; position: fixed; top: 0}

.contact-section{ background: rgba(255,255,255,1.00)}


blockquote p span{ font-size: 1.25em !important}



.carousel-nav .carousel-cell {
    opacity: 0.5;
}



.carousel-cell.is-selected.is-nav-selected {

    -webkit-filter: none ;
    -moz-filter: none ;
    -ms-filter: none ;
    -o-filter: none ;
    filter: none ;
  
  
  
  opacity: 1;
}


.tabSpecsestilos table {
    width: 100%;
}  
  .tabSpecsestilos table tr { width: 100% }
  .tabSpecsestilos table tr td {
    width: 50%;
}  





@media screen and (max-width: 1200px){
    
    
    .box-20{ width: 30%}
    .box-80{ width:  70%}
    .right-box .col-2{ width: 100%; display: initial}
    .formnews input {width: 98%;}    
    .slides-navigation a.next {right: 20px !important;}    
    .slides-navigation a.prev {left: 20px !important;}    

    
}

@media screen and (max-width: 1000px){
    
    #slides{ max-height: 50vh;}

    .ulSpecs li {width: 47%;}
    .ulSpecs li span {width: 100%;}    
    .box-30, .box-70{ width: 50%}
  
  .box-ficha-sem .box-30{ width: 30%}
  .box-ficha-sem .box-70{ width: 70%}
  
  .listingBroker div{ padding: 0}
  
    .section-footer .dtb, .section-footer .dtr, .section-footer .dtc{ display: initial}
    .section-footer img {max-width: 120px;margin-bottom: 25px;left: -25px;position: relative;}
    
.reach {
    right: 50px;
    width: calc(50% - 25px) ;
}    
    

.sortButton {
    margin-right: 0;
}    
    
   .main-carousel .flickity-viewport, .main-carousel  .flickity-viewport .carousel-cell,.main-carousel2 .flickity-viewport, .main-carousel2  .flickity-viewport .carousel-cell { height: 50vw !important}    
   .carousel-nav .flickity-viewport, .carousel-nav .flickity-viewport .carousel-cell,.carousel-nav2 .flickity-viewport, .carousel-nav2 .flickity-viewport .carousel-cell{ height: 30vw !important}    
    
    

    
    
    
    
}


@media screen and (max-width: 700px){
  
  
  
      .tabSpecsestilos table tr td p {
        margin-bottom: 0
}  
  
  .tabSpecsestilos table tr {
    border-bottom: 1px solid #ebebeb
}  

  
  
.tabSpecsestilos {
    padding: 0 !important;
}  
  

    
    #slides{ max-height: 35vh; min-height: 230px;}
    
    
.reach {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
}
.fixBoxAct{ width: 100%; max-width: 1200px; height: auto; position: relative}
    

    .box-30, .box-70{ width: 100% !important}
    
  .box-ficha-sem .box-30{ width: 100% !important}
  .box-ficha-sem .box-70{ width: 100% !important}
  
  .box-ficha-sem .box-30.right{ float: none}
  .box-ficha-sem .box-30.left{ float: none}
  
  .box-ficha-sem .box-70.right{ float: none}
  .box-ficha-sem .box-70.left{ float: none}
  
#sucursales .title-big{ max-width: 100%}
    .overflowHidden{padding-right: 0}
    .pad-gral {padding: 20px;}
    .fixcontact {bottom: 65px;}
    .header {top: 20px;}
    .logo-head {max-width: 280px;top: -15px;}
    .tags-menu{ display: none}
    .lg {padding: 0;height: 37px;margin: 15px auto;width: 30% !important;}
    .caroussel .fa-caret-left {left: 0px !important;}    
    .caroussel .fa-caret-right {right: 0px !important;}    
    .mosaic {width: 100%;height: 160px;}
    .options-head .content .col-1 .box-20{ width: 100% }
    .nav-options { position: relative; width: 100%;     border-left: 1px solid #fff;padding-left: 0;}
    .sub-box .col-1 .inline{ display: block; width: 100%; margin: 5px 0}
    .img-box {height: auto;min-height: 150px;width: 100%;margin-bottom: 0;}    
    .caroussel-nuevos .fa-caret-left {left: 20px !important;    width: 30px;text-align: center;}
    .caroussel-nuevos .fa-caret-right {right: 20px !important;width: 30px;text-align: center;}
    .logo-nuevo img { margin-bottom:0;}    
    .content-sucursales .col-3 {padding: 55px 20px 20px 35px;min-height: auto;width: 100%;}    
    .content-sucursales .col-4 {width: 100%; padding: 20px}        
    .fixcontact { display: none}
    .pad-t-b {padding: 20px 0;}    
    .content-noticias .col-3 {padding: 35px;height: 400px;overflow: hidden;width: 100%;}    
    .title-section {min-height: 170px;}    
    .title-section .content {margin-top:0px;}    
    .title-section .content .title-big {font-size: 2em;font-weight: 300;margin-bottom: 25px; max-width: 100%}
    .specsTab p {margin: 10px 0;padding: 5px 10px;}
    .col-5 {width: 50%;}
    .col-2 { width: 100%}
    .logo-nuevos-box {display: block;}    
    .logo-nuevo {display: block;top: 35%;position: absolute;left: 0;right: 0;}
    .box-book-single {width: 100%;display: block;}    
    
.SemResultBox {
    width: 100%;
    display: inherit;
    margin-bottom: 25px
}    
    
    .opt-sem-box, .sortBox{ text-align: center; float: none; width: 100%}
    
    .infoSem .box-70 { width: 70%}
    .infoSem .box-30 { width: 30%}
    
  
.btn-outline {
    margin: 2px auto;
    display: block;
    max-width: 370px;
}  
  
    
    
}




.section-footer{
    background: #f5f5f5;
  padding-bottom: 45px
}


.btn-hover-social:hover .img-hover-social{
                -webkit-transform: scale(1.15,1.15);
                transform: scale(1.15,1.15);

                
            }

            .img-hover-social{
                -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
            }
            .btn-hover-social:hover .text-hover-social{
               color: #236eae; 
            }
            


    .box-hover-color:hover{
        background: #ffffff;
    }

    .box-hover-color:hover a{
        color: #236eae;
    }


    .error{
color: #ca1111ab;
}
.successform{
color: #ffffff;
margin: 20px 0px;
background: #4cb50bb3;
padding: 15px;
}
.errorform{
color: #ffffff;
margin: 20px 0px;
background: #ca1111ab;
padding: 15px;
}

.row-box{

    display: inline-block;
    padding: 5px;
    width: 100%;
}


.box-100{
    width: 100%;
  }

.box-60{
    width: 60%;
  }

.box-40{
    width: 40%;
    text-align: right;
  }