/* Colores de marca

Principal: #001a69
Principal-Brand: #002067

warning: #ff9d00

Primary_alt: #143786

Primary: #009bdd
Primary dark: #0089c4

Success: #77ca00

Gris claro: #e5e8f1
Gris: #b9bfd7

*/

/*** HELPERS ***/

.mb0{
    margin-bottom: 0;
}
.mb10{
    margin-bottom: 10px;
}
.mb5{
    margin-bottom: 5px;
}

.mt20{
    margin-top:20px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mb10_imp{
    margin-bottom: 10px !important;
}

.pl9{
    padding-left: 9px;
}

/*** END: Helpers ***/

.align-items-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.align-items-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*** BOTONES ***/

.scrollup {
    border: 2px solid #bfbebe;
    color: #bfbebe;
    position: relative;
    top: 0;
    right: 0;
}

.btn-warning{
    background-color: #ff9d00;
}

.btn-width{
    width: 200px;
}

.btn-primary {
    color: #002067;
    background-color: #002067;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color:#002067;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    color:#002067;
    background-color:#002067;
}
.btn-primary.btn-alt {
    color: #002067;
    border:2px solid;
    border-color:#002067;
    background-color:transparent;
}
.btn-primary.btn-alt:hover,
.btn-primary.btn-alt:focus,
.btn-primary.btn-alt:active,
.btn-primary.btn-alt.active,
.open .dropdown-toggle.btn-primary.btn-alt {
    color: #002067;
    background-color: transparent;
    border:2px solid;
    border-color:#002067;
}

.btn-around a {
    margin: 10px;
}

/*** END: Botones ***/

/*** COLORES ***/

.bg-warning{
    background-color: #ff9d00;
}

.bg-split-primary{
    background: none;
    color: white;
    text-align: center
}

.bg-primary.bg-xs{
    background: #002067;
}

.bg-primary_light.bg-xs{
    background: #143786;
}

.bg-xs{
    padding-top: 65px;
    padding-bottom: 40px;
}

.bg-split-primary h4, p.lead{
    color: white;
}

/*** END: colores **/

/*** TEXTOS ***/

.form-control{
    color: white;
}

p, li{
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 1.8;
    text-rendering: optimizelegibility;
}

p{
    margin-bottom: 20px;
}

.fancy-title {
    text-transform: none
}
.color-primary{
    color: #32313b !important;
}

h4.title3{
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizelegibility;
}

.tp-caption.large_bold_white{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.fullsize{
    color: rgb(119, 136, 153)
}

.script-font{
    font-family: 'Raleway', sans-serif !important;
    letter-spacing:1px !important;
}

/*** END: textos ***/

/*** ENLACES ***/

a:hover,
a:focus,
.social-top a:hover,
.social-top a:focus,
.top-menu a:hover,
.top-menu a:focus,
.footer-bottom a:hover,
.post-meta-info a:hover,
.post-meta-info a:focus{
    color: #ff9d00;
}

/*** END: Enlaces ***/

/*** NAV ***/
.navbar-toggle{
    background-color: white;
    color: #002067;
    top: 24px;
    font-size: 31px;
}

.navbar-toggle::after{
    content: none;
    font-family: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: white;
}

/*.navbar-nav > li > a{
    padding: 0 16px;
}

.navbar-nav > li > a.smooth-scroll{
    padding: 9px 16px 12px;
}

.navbar-header .logo{
    line-height: 80px;
}*/
/*** END: Nav ***/

/*** FOOTER ***/
.footer-bottom{
    background: #000;
    padding-bottom: 40px;
    padding-top: 20px
}

.footer-top {
    background: white;
}

.footer-top .gmap-button{
    color: #002067;
    font-weight: bold;
}

.footer-copyright{
    background-color: #414142;
    text-align: center;
    color: #919191;
    /*padding: 20px;*/
}

.footer-copyright p{
    margin: 0;
    padding: 0;
}

.footer-bottom a{
    color: rgb(196, 205, 215)
}

.footer-info{
    padding-left: 10px;
}

.footer-info p{
    font-size: 14px;
    margin-bottom: 5px;
}

.footer-bottom .social-list{
    text-align: leftv
}
.footer-bottom .social-list li{
    padding-left: 0
}

.footer-bottom .menu-footer ul{
    text-align: left
}

.footer-bottom .menu-footer ul li {
    text-transform: none
}

.footer-bottom a{
    color: white;
}

.footer-bottom a.btn{
    padding: 10px;
    min-width: 150px;
}

.menu-footer .services-list p, .menu-footer .services-list a{
    font-size: 14px !important;
}

/*** END: Footer  ***/

/*** LOGO ***/

.footer-bottom .logo img{
    max-width: 200px;
}

#contact .logo img{
    max-width: 200px;
    margin-left: -10px;
    margin-top: 20px;
}

/*** END: Logo ***/

/*** Servicios ***/

.portfolio .portfolio-4-cols .element{
    border: 2px solid #d9d2d233;
}

.portfolio .element img{
    padding: 20px;
}

.overlay-wrapper:hover .overlay-title{
    /*top: 35%;*/
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    border: none;
}

.overlay-wrapper:hover .overlay-title h3{
    /* border: 2px solid #ffffff; */
}

/*** END: Servicios ***/


/*** MARCAS ***/
.marcas-section img{
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
}

.marcas-logos-section{
    display: flex;
    justify-content: center;
}

.list-check{
    padding-left: 10px;
}

.list-check li{
    margin-bottom: 20px;
}

/*** END: Marcas ***/

/*** MAPA ***/
.map-responsive{
    /*overflow:hidden;
    padding-bottom:100.25%;
    position:relative;
    height:0;*/
    flex: 1;
    /* height: 100% !important; */
    min-height: 550px !important;
    border: 1px solid #eeeded;
}
.map-responsive iframe{
    /*left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;*/
    flex: 1;
    width: 100% !important;
    min-height: 550px !important;
    /* height: 100%; */
}

.flex-map-md{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

/*** END: Mapa ***/

/*** SUCURSALES ***/

.filter-button{
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 21px;
    background: transparent;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 18px;
}

.filter-button:hover{
    border: 1px solid orange;
    color: #789;
    background-color: white;
}
.filter-button:active, .filter-button.active{
    background-color: #000;
    color: white;
}

.port-image{
    width: 100%;
}

.gallery_product{
    margin-bottom: 30px;
}

.card {
    /*background: #fbfbfb;*/
    border-radius: 2px;
    display: inline-block;
    /* margin: -4px; */
    position: relative;
    padding: 16px;
    width: 100%;
}

.card {
    /*box-shadow: 0 1px 3px rgba(221, 221, 221, 0.12), 0 1px 2px rgba(134, 134, 134, 0.24);*/
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border: 1px solid #eeeded;
}

.card:hover {
    box-shadow: 0 14px 28px rgba(181, 179, 179, 0.25), 0 10px 10px rgba(236, 232, 232, 0.22);
}

.card h5{
    line-height: 23px;
}

.card h5:hover{
    color: #002067;
    text-decoration: underline
}

.gallery_product:nth-child(2n+1){
    clear:left;
}

a.link-phone{
    font-size: 14px
}


/*** END: Sucursales ***/

/*** CONTACTO ***/

.bg-overlay.bg-overlay-blue{
    background: #00030a;
    opacity: 0.8;
}

.fixed-social{
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 1000;
    width: 50px;
}

.fixed-social a{
    margin-bottom: 10px;
    display: block
}

.fixed-social img{
    width: 40px;
}

.bg-image-full{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/*** END: Contacto ***/


/*** RESPONSIVE ***/

@media (max-width: 576px) {
    .width90-xs{
        width: 90%;
    }
}

@media (max-width: 992px) {
    .logo-marcas{
        width: auto;
        max-width: 100px;
        height: auto;
        max-height: 40px;
    }

    #logo-samsung{
        max-height: 30px;
        margin-top: 6px;
    }

    .flex-col-reverse-xs{
        display: flex;
        flex-direction: column-reverse;
    }

    .plr10xs{
        padding-left: 10px;
        padding-right: 10px
    }

    .text-center-xs{
        text-align: center;
    }

    .flex-xs{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .menu-footer.border-xs{
        border-top: 1px solid white;
        padding-top: 50px;
    }

    .navbar-header .logo img{
        max-width: 160px;
    }

    .navbar-header .logo {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .header-main.shrink .logo img {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .navbar-collapse.collapse.in{
        padding: 20px 0 30px;
    }

    .navbar-collapse li a{
        border: none !important;
    }

    .navbar-collapse li.active a{
        border: none !important;
        font-weight: bold;
    }

    .navbar-collapse li.active a::before {
        content: '\f0da';
        margin: 0;
        font-family: 'Font Awesome 5 Free';
        margin-right: 10px;
        color: #ff9d00;
    }

    .card{
        width: 100%
    }

    .footer-bottom .menu-footer.p10xs{
        padding-left: 10px;
    }

    .marcas-section img {
        margin-top: 6px;
    }
}

@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .pull-right-md{
        float: right !important;
    }

    .iconbox-wrapper.pull-right-md {
        margin-left: 20px;
        margin-right: 0;
    }

    .text-right-md{
        text-align: right;
    }

    .text-center-md{
        text-align: center
    }

    .flex-md{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .flex-map-md{
        display: flex;
        flex-direction: row;
    }

    .flex-wrap-md{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .bg-split-primary{
        background: linear-gradient( to right, #000000 0%, #3a3d44 50%, #2f3033 50%, #a3a6af 100% );

    }

    .bg-primary.bg-xs,.bg-primary_light.bg-xs{
        padding-top: 0;
        padding-bottom: 0;
        background: none;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*** END: Responsive ***/

.hidden-default{
    display: none
}


.input-file-lbl{
    padding: 5px 10px;
    color:#fff;
}

.input-file-lbl:hover{
    color:#ff9d00 !important;
    cursor: pointer;
}

#upload_info{
    color: white;
}

.file-upload-container{
    border: 1px solid white;
    border-radius: 5px;
    padding: 15px 10px;
}


/* nuevos cambios  */
#about .columns {
    padding: 50px;
}

.contacto .columns {
    padding: 0 50px;
}

.contacto .form-group option {
    background-color: #848283;
}

.contacto label {
    color: #818181;
}

.direccionActual {
    border: 2px solid rgba(162, 160, 160, 0.25);
    box-shadow: 0 14px 28px rgba(181, 179, 179, 0.25), 0 10px 10px rgba(236, 232, 232, 0.22);
}