body {  font-family: 'Open Sans', sans-serif;padding:0; margin:0;overflow-x: hidden!important; }
.img-general {width:100%;margin:0;padding:0;}
.jumbotron-moto{background-image:url(../images/back-moto.svg); margin-top: 15vh;background-size: cover;background-repeat: no-repeat;height: auto;color: #FFF; background-position:center;}
.jumbotron-moto .hero h1{color:#FFF; width:90%;}
.jumbotron-moto .hero h2{color:#FFF;width:90%;}
#form-moto-custom{background-color:rgba(255,255,255,0.7); box-shadow:1px 1px 3px #9483a8;}
form{color:#555; padding:15px 0; width:90%;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main { transition: margin-left .5s; padding: 20px;}
/*.contratacion{ border-bottom:1px solid #ccc;}*/
.contratacion h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size:30px; text-align:center; margin-top:3vh;}

/*Estilos de las lineas y bullets*/
.color-step ul { text-align: justify;  position: relative;  overflow: hidden;margin: 0 10px;padding: 0;}
.color-step  ul:before{  content: '';  width: 100%;  border: 2px solid #24B194;  position: absolute;  top: 1em;  margin-top: -2px;  z-index: -1;}
.color-step .active:after {  border-color: #24B194;}
.color-step  ul:after {  content: "";  display: inline-block;  width: 100%;}
.color-step li {  width: 2em;  height: 2em;  text-align: center;  line-height: 2em;  border-radius: 50%;  background: #24B194;  margin: 0 ;  display: inline-block;  color: white;}
.color-step .active ~ li {  background: #24B194;}
ol {font-family: 'Open Sans', sans-serif; font-eight:300;color:#555492;font-size:20px; margin-top:15px;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */


.select2-selection__arrow b{
    display:none !important;
}


.select2-container--default .select2-selection--single {
    display: block!important;
    width: 100%!important;
    height: calc(1.5em + .75rem + 2px)!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #6C757D!important;
    background-color: #fff!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    padding: 0px!important;
    padding-top: 1%!important;
    text-color:#6C757D!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6C757D!important;
    line-height: 28px;
}





.form-control{
    display: block!important;
    width: 100%!important;
    height: calc(1.5em + .75rem + 2px)!important;
    padding: .375rem .75rem!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #495057!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}
#form-moto-custom {
    background-color: rgba(255,255,255,0.7);

    box-shadow: 1px 1px 3px #9483a8;
}


    .align-items-center {
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .align-items-center {
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    user agent stylesheet
    div {
        display: block;
    }

    @media (min-width: 992px){
        .jumbotron-moto {
            margin-top: 10vh;
            /* background-size: contain; */
            background-repeat: no-repeat;
            background-image: url(../images/back-moto.svg);
            height: 80vh;
            background-position: right bottom;
        }
    }

.hidden{
    display:none!important;
}

input.form-control{
    color:#6C757D!important;
}
select.custom-select {
    color:#6C757D!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background: none!important;
    background-color:white!important;
}
.loader-big-wrapper{

    height: 20vh!important;
    width: 10vw!important;
    background-image: url("../images/moto-loader.gif");
    background-size: cover;
    background-position: center;
    margin:auto;
    z-index: 99!important;
    position:absolute;
    top: 25%;
    left: 25%;
}
.opacate{
    opacity: 0.2!important;
}


.toast.toast-success{
    background-color:#2FA795!important;
}
.toast.toast-error{
    background-color:#7C699F!important;
}

.jumbotron-moto{
    background-position-y: -10vh!important;
}


/***************MEDIAQUERIES****************/

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
@media (max-width: 768px){

    /*.jumbotron-moto{background-color:#BBFFFF;}*/
    .jumbotron-moto{
        margin-top: 2vh;background-size:cover;background-repeat: no-repeat;height: auto;
    }
    .b-text{color:black!important;}
    .head-container{padding:20px; margin-top:1vh; margin-bottom:0px!important;}
    .head-text-small{font-size:26px!important; margin:auto!important;}
    .head-text-biggie{display:none!important;}
    .background-opacity{background-color: rgba(220, 220, 220, 0.6) !important}
}

@media (min-width: 769px) and (max-width: 991px){
    .jumbotron-moto{margin-top: 15vh;background-size: cover;background-repeat: no-repeat;height: auto;color: #FFF;}

    .centrar{width:100%; text-align:left;padding:0;margin:0; display:inline-block;}
    .elegirnos{font-size:30px;}
    .head-text-small{display:none!important;}
    .head-text-biggie{color:#316A88!important; padding:5px!important;margin-left:50px!important;}
    .background-opacity{background-color: rgba(220, 220, 220, 0.6) !important}

}


@media (min-width: 992px){
    .jumbotron-moto{margin-top:10vh; background-size:contain; background-repeat:no-repeat;background-image:url(../images/back-moto.svg); height:80vh; background-position:right bottom;}
    .centrar{width:100%; text-align:left;padding:0;margin:0; display:inline-block;}
    .jumbotron-moto .hero h1{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size: 60px;padding-bottom: 8vh;}
    .jumbotron-moto .hero h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:30px; margin-top:15px;}
    .elegirnos{font-size:40px;}
    ol {font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:20px; margin-top:15px;}
    .head-text-small{display:none!important;}


}