@import url('https://fonts.googleapis.com/css2?family=Open+Sans:400,300,700&display=swap');

.btn-success {
    color: #fff;
    background-color: #00A3E0;
    border-color: #00A3E0;
}

.opx{
    text-align:center;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    text-transform:uppercase;
}
.opx:hover{
    background:rgba(255,255,255,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}
.frm-req{
        color:#fff; 
        font-size:14px;
    }
    
.txtcolor1{
    color:#fff;
}
a.volverx{
    color:#fff;
}
a.volverx:hover{
    color:#fff;
    text-decoration:none;
}
/*
.logoh{
        max-width:90%;
    }
   
.logoc{
        max-width:320px;
    }     
*/    
    .frm-msg{
        color:#fff; 
        text-align:center; 
        font-size:20px;
    }
.frm-msg h1{
        font-size:24px;
    font-family: 'HyundaiLight', sans-serif;
    }
.footx{
    background-color:#013171;
    color:#fff;
    height:40px;
    line-height:40px;
    position:relative;
    text-align:center;
  font-family:'HyundaiLight', sans-serif;
  font-size:12px;
}

.tituloxv{
    font-family: 'HyundaiLight', sans-serif;
font-size:2rem;
    font-weight:300;
    text-align:center;
}
.tituloxv strong{
font-family: 'HyundaiMedium', sans-serif;
font-size:2rem;
    font-weight:normal;
}
.frmx input[type="radio"] {
    margin-right:10px;
}
.frmx label{
    text-align:center;
    width:100%;
    color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.frmx label:hover{
    background:rgba(255,255,255,0.2);
}

.frmx img{
    width:100%;
}

.modelo img{
    margin-bottom:10px;
}

.detailfull .card {

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #eaeaea;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
    border-radius:0px;
    color:#000;
    text-align:center;
    font-size:12px;

}
.detailfull .card-img-top {

    width: 100%;
/*    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);*/
    border-radius: calc(.25rem - 1px);
    border-radius:0px;

}

.logo2 {
    text-align:right;
}

.modelo{
    text-align:center;
}
.modelo a {
    color:#999;
    text-align:center;
    
}
.modelo a h5{
margin-top:10px;
}
.modelo a:hover {
    color:#00285f;
    text-decoration:none;
}
.modelo ul{
    list-style:none;
}
.modelo ul li{
    display:inline-block;
}
.modelo ul li img{
    max-width:125px;
}


.bgc2{
 background-color:#123668;
 color:#fff;
 }

.bgc1{
 background-color:#cfc9c3;    
 }

.bgc3{
 background-color:#efeeed;    
 } 
.smartsense img{
    width:100%;
}
.logo{
    height:25px;
    margin-right:20px;
}


body {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
}

.mobile{
    display:none;
}  
.cotizarmobile{
    display:none;
}  
.cotizardesktop{
    top:50%;
    position:fixed;
    right:0px;
    z-index:999;
}
.cotizar{
    bottom:5px;
    position:fixed;
    right:5px;
    z-index:999;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}

@media only screen and (max-width: 1200px) {

.modelo ul li img{
    max-width:120px;
}
}
@media only screen and (max-width: 640px) {
    .frm-msg{
        color:#fff; 
        text-align:center; 
        font-size:18px;
    }    
    .logoc{
        max-width:200px;
    } 
.cotizarmobile{
    display:block;
    position:fixed;
    z-index:9997;
    bottom:40px;
    width:100%;
    text-align:center;
} 
    .cotizardesktop{
        display:none;
}
.footx{
    position:fixed;
    bottom:0px;
    z-index:9998;
    width:100%;
}
.bg-smartsense{
    background-image:url(../images/santafe-smartsense-mobile.jpg);
    background-size:cover;
    width:100%;
    height:540px;
}
.desktop{
    display:none;
}    
.mobile{
    display:block;
}    
header{
    background:#fff;
}
.card-text{
    display:none;
}
.video iframe{
    height:220px;
}
.featurette-divider {
    margin: 1rem 0;
}    
h2.featurette-heading{
    font-size:1.5rem;
}
p.lead{
    display:none;
}
h5{
    font-size:1rem;
}
.card-body{
    padding:0.5rem;
}

.cotizar img{
    width:120px;
}
.logo{
    height:20px;
    margin-right:10px;
}
.logo2 .logo{
    margin-right:0px;
}

.logo2 .navbar-brand {
    margin-right:0rem;
}
footer{
    padding-bottom:80px;
}    
    
}
@media only screen and (max-width: 750px) {
.colmobile{
    display:none;
}
}
@media only screen and (max-width: 480px) {

.footx{
    position:fixed;
    bottom:0px;
    z-index:9998;
    width:100%;
    height:40px;
    line-height:12px;
    padding-top:7px;
}
}