section.sucursales{
    /* padding-bottom:20px; */
}
section.site h1{
    margin-bottom:0;
}
p.h1text{
    margin-bottom: 10px;
}
section.sucursales img.virtuosoMember{
    float:right;
    height:60px;
    margin: 10px 0 10px 10px;
    width:160px;
}
section.sucursales .table{
    display:table;
}
section.sucursales .table-cell{
    display: table-cell;
    float:none;
    padding-left:0;
    vertical-align: top;
}
section.sucursales section.sucursal{
    background-color:#e9e9e9;
    padding:15px;
}
section.sucursales .sucursal .icon-sucursales:before{

}
section.sucursales .sucursal h2{
    font-size: 18px;
    font-weight:normal;
    margin: 10px 0;
}
section.sucursales .sucursal .icon-sucursales{
}
section.sucursales .sucursal .icon-sucursales:before{
    color:var(--tts-primary-color);
    float:left;
    font-size:4em;
    font-size:52px;
    margin-right:0px !important;
    margin-top: -10px;
}
section.sucursal p.iconFont{
    clear:both;
    margin: 15px 0 0 44px;
}
section.sucursal p.iconFont:before{
    margin: 0 10px 0 -26px;
    vertical-align: middle;
}
section.sucursal p.icon-direccion:before{
    display:inline-block;
    margin-bottom: -1px;
    vertical-align:bottom;
}
section.sucursal button#formulario{
    padding-top: 4px !important;
}
section.sucursal span.icon-mail:before{
    display:inline-block;
    margin-bottom: 3px;
    margin-right:5px;
    vertical-align:middle;
}
section.sucursales button{
    /* display:block; */
    margin:15px auto 0 auto;
}
section.sucursales .bannerLeft {
    padding: 0;
}
section.sucursales .dynamic {
    /* background-color:#DDD; */
    padding-right: 0;
}
section.sucursales form {
    margin: 0 -10px -18px -10px;
    overflow:auto;
}
section.sucursales .dynamic h2{
    color:var(--tts-primary-color);
    margin-top: 4px;
    padding:0 10px;
}
section.sucursales section.gracias p{
    margin: 10px 0;
    padding:0 10px;
}
section.sucursales form textarea{
    height: 146px;
    resize:none;
}
section.sucursales form .submit-group{
    padding:0;
}
section.sucursales form .captcha div{
    height: 92px;
    margin-top: 23px;
    margin-bottom: 10px;
}
section.sucursales .googlemap{
    /* box-sizing: initial; */
    background-color:#DDD;
    /* height: 580px !important; */
    margin-bottom: -1px;
    width:100%;
}
section.sucursales{
    overflow:hidden;
}
section.sucursales nav.sucursales div.sucursal{
    background-color: var(--tts-primary-color);
    color:#FFF;
    font-size: 14px;
    padding:10px;
}
section.sucursales nav.sucursales article{
    cursor:pointer;
}
section.sucursales nav.sucursales article:hover div.sucursal{
    background-color: #D43D30;
}
section.sucursales nav.sucursales article:hover div.direccion{
    background-color: #999;
    color:#FFF;
}
section.sucursales nav.sucursales span.iconFont{
    float:right;
    margin-top:-10px;
}
section.sucursales nav.sucursales span.iconFont:before{
    font-size:2.8em;
    margin:0;
}
section.sucursales nav.sucursales p.item{
    font-weight: 700;
    font-family: 'Quicksand';
}
section.sucursales nav.sucursales div.direccion{
    background-color:#CCC;
    display:table;
    font-size:10px;
    height: 53px;
    margin-bottom:20px;
    padding:5px 10px;
    text-align:center;
    text-transform:uppercase;
    width: 100%;
}
section.sucursales nav.sucursales div.direccion .table-td{
    /* display: table-cell; */
    height:100%;
    vertical-align: middle;
}

section.sucursales .contLeft li.slide{
    /*width: 374px !important;*/
    width: 384px !important;
}

section.sucursales .contLeft{}

.spinner-sucursales{
    background: url('img/sucursales.svg');
    background-repeat: no-repeat;
    background-position: center;
}
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 25em;
  width: 25em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

section.sucursales label{
    margin-left: 0;
}
section.sucursales select.form-control{
    background: url('../../cdn/img/select.png') no-repeat center right 7px, linear-gradient(#EEE, #FFF) !important;
}
section.sucursales input.form-control.hasDatepicker{
    background:#F9F9F9 !important; /* For browsers that do not support gradients */
    background: url('../../cdn/img/datepicker.png') no-repeat 6px 50%, -webkit-linear-gradient(#EEE, #FFF) !important; /* For Safari 5.1 to 6.0 */
    background: url('../../cdn/img/datepicker.png') no-repeat 6px 50%, -o-linear-gradient(#EEE, #FFF) !important; /* For Opera 11.1 to 12.0 */
    background: url('../../cdn/img/datepicker.png') no-repeat 6px 50%, -moz-linear-gradient(#EEE, #FFF) !important; /* For Firefox 3.6 to 15 */
    background: url('../../cdn/img/datepicker.png') no-repeat 6px 50%, linear-gradient(#EEE, #FFF) !important; /* Standard syntax */
    background: url('../../cdn/img/datepicker.png') no-repeat 6px 50%, -webkit-gradient(linear, #EEE) !important;
    background-size:20px,100% !important;
    padding-left:33px;
}

@media (min-width: 1200px){
    /* START: ajustes por jquery */
    section.sucursales .viewport{
        height: 255px;
    }
    section.sucursales li.slide{
        width:960px;
    }
    /* END: ajustes por jquery */
}
@media (max-width: 1199px){
    /* START: ajustes por jquery */
    section.sucursales .viewport{
        height:300px;
    }
    section.sucursales li.slide{
        width:960px;
    }
    /* END: ajustes por jquery */

    section.sucursales .contLeft li.slide{
      width: 300px !important;
    }
}
@media (max-width: 991px){
    /* START: ajustes por jquery */
    section.sucursales .viewport{
        height:300px;
    }
    section.sucursales li.slide{
        width:750px;
    }
    /* END: ajustes por jquery */
    section.sucursales .table-cell{
        display: table;
        float:left;
        height: 255px;
    }
    section.sucursales .contLeft{
        padding-right:0;
    }
    section.sucursal{
        height: 255px;
    }
    section.sucursales .dynamic{
        height:auto;
        margin:20px 0 0 0 ;
        padding:0 !important;
    }
    section.sucursales .googlemap{
        height: 270px;
    }
    section.sucursales form {
        margin:0;
    }
    section.sucursales form .captcha div{
        height: 33px;
        margin-top: 10px;
    }
    section.sucursales .contLeft li.slide{
        width: 365px !important;
    }
}
@media (max-width: 767px){
    section.site.sucursales{
        margin-top:-10px;
    }
    section.sucursales img.virtuosoMember{
        height:45px;
        margin: 14px 10px 0 10px;
        width:120px;
    }
    /* START: ajustes por jquery */
    section.sucursales .viewport{
        height:300px;
    }
    section.sucursales li.slide{
        width:480px;
    }
    /* END: ajustes por jquery */
    section.sucursal{
        height:auto;
    }
    section.sucursales .table-cell{
        padding:0;
    }
    section.sucursales .dynamic{
        margin:0;
    }
    section.sucursales .contLeft li.slide{
        width: 460px !important;
    }
}
@media (max-width: 515px){
    p.h1text{
        padding-left:10px !important;
    }
}
@media (max-width: 420px){
    section.sucursales img.virtuosoMember{
        height:19px;
        margin: 22px 10px 0 10px;
        width:50px;
    }
}
