@font-face {
    font-family: 'HGS';
    src: url(../fonts/HurmeGeometricSans1.otf);
}
@font-face {
    font-family: 'HGSSB';
    src: url(../fonts/HurmeGeometricSans1SemiBold.otf);
}
@font-face {
    font-family: 'HGSB';
    src: url(../fonts/HurmeGeometricSans1Bold.otf);
}
@font-face {
    font-family: 'HGSBL';
    src: url(../fonts/HurmeGeometricSans1Black.otf);
}

body{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.row{
    margin: 0;
}
.ms{
    display: none;
}
.menuforresp{
    display: none;
}
.topcontentdiv{
    background-image: url(../images/toyota-certero-compra-hoy-planifica.jpg); /*top_img.jpg pngimagen.jpgimagena.jpg*/
    background-size: cover;
    background-position: left center;
    padding-bottom: 75px; 
}  @media (min-width:1199px) { .topcontentdiv { /*background-size: 112% 100%; background-size: 112% 100%;*/} }
.tope{
    padding-top: 45px;
    padding-bottom: 45px;
    font-family: HGSSB;
    font-size: 22px;
    color: #1b539e;
    display: flex;
    align-items: center;
}
.ul_menu{
    float: right;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.ul_menu li{
    float: left;
    list-style: none;
    margin-left: 35px;
    cursor: pointer;
}
.ejec{
    margin-top: 10px;
    color: #f15d22;
}
.logo{
    max-width: 435px;
    width: 100%;
}
.menumd8 {
    margin-bottom: -57px;
}
.cotizahoyli{
    background: #e21f25; /*#f15d22;*/
    color: #ffffff;
    padding: 6px 15px;
    border-radius: 10px;
    border: 1px solid #e21f25;/*#f15d22;*/
}
.cotizahoyli:hover{
    background: #ffffff;
    color: #f15d22;
    transition: all .5s;
}
.secondcontentdiv{
    display: flex;
    align-items: center;
   /* margin-top: 70px;*/
    margin-bottom: -42px;
}
.left-top-img{
    width: 100%;
}
.presentation{
    font-family: HGSBL;
    font-size: 48px;
    color: #1b539e;
    text-align: center;
    line-height: 47px;
}
.presentationform{
    font-family: HGS;
    font-size: 21px;
    color: #1b539e; color: #373737;
    text-align: center;
    margin-top: 45px;
}
.divselect{
    text-align: center;
    padding: 5px;
}
#form{
    text-align: center;
    font-family: HGS;
}
input, select, textarea{
    padding: 12px;
    font-size: 18px;
    color: #737577;
    border: none;
    margin-top: 10px;
    width: 100%;
}
.divselect select{
    width: 50%;
    float:none;
    width: 77%; border-radius:15px;
}
.divinputform{
    width: 50%;
   /* float: left;*/
    padding: 5px;
    margin-left: auto;
margin-right: auto;
width: 77%;

} .divinputform input { border-radius:15px; }
#submit_btn{
    background: #e21f25;/*#f15d22;*/
    color: #ffffff;
    padding: 6px 15px;
    border-radius: 10px;
    border: 1px solid #e21f25;/*#f15d22;*/
    font-family: HGSB;
    font-size: 28px;
    margin-top: 45px;
}
#submit_btn:hover{
    background: #ffffff;
    color: #e21f25;/*#f15d22;*/
    transition: all .5s;
}
.secondcontentgeneral{
    background: #1b539a;
    padding-top: 75px;
    padding-bottom: 75px;
    display: inline-block;
    width: 100%; margin-bottom: 10px; /*padding-top: 0px!important; */
   /* margin-top: 10px;*/
}
.thirdcontentgeneral{
    background: #ffffff;
    padding-top: 75px;
    padding-bottom: 75px;
    display: inline-block;
    width: 100%;
}

.presentationsecondcontentgeneral{
    font-family: HGSBL;
    font-size: 42px;
   /* color: #ffffff;*/
    text-align: center;
    line-height: 42px;
    margin-bottom: 45px;
}
.presentationthirdcontentgeneral{
    font-family: HGSBL;
    font-size: 42px;
    color: #1b539a;
    text-align: center;
    line-height: 42px;
}
.presentationthirdcontentgeneral2{
    font-family: HGSBL;
    font-size: 31px;
    color: #f15d22;
    text-align: center;
    line-height: 33px;
    margin-bottom: 45px;
}
.presentationsecondcontentgeneral span{
    font-family: HGS;
}
.cierresecondcontentgeneral{
    font-family: HGSSB;
    font-size: 36px;
    color: #e21f25;/*#ffffff;*/
    text-align: center;
    line-height: 38px;
    margin-top: 45px;
}
.por_que_desk_imgs{
    display: flex;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}
.por_que_desk_imgs img{
    width: 33.33%;
    padding: 15px;
}
.caroupor_que{
    display: none;
}
.como_desk{
    display: flex;
    align-items: center;
    max-width: 1750px;
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/back-como.png);
    background-size: cover;
    background-position: left center;
    padding: 45px;
}
.como_mob{
    display: none;
}
.como_desk_txt{
    width: 55%;
    float: left;
    color: #1e549d;
    font-size: 28px;
    font-family: HGS;
}
.como_desk_txt p{
    margin: 15px;
    border-bottom: 1px dashed #a0a2a5;
    padding-bottom: 15px;
}
.como_desk_txt .lastpcomo{
    border: none;
}
.lastpcomoul{
    margin-top: -35px;
    padding-left: 95px;
}
.como_desk_txt span{
    background: #f15d22;
    font-family: HGSB;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
}
.span1{
    padding: 2px 15px;
}
.span2{
    padding: 2px 12px;
}
.span3{
    padding: 2px 12px;
}
.span4{
    padding: 2px 12px;
}
.como_desk_img{
    width: 45%;
    float: left;
}
.como_desk_img img{
    width: 100%;
    padding: 35px;
}
.fourthcontentgeneral{
    background: #eeefef;
    padding: 35px;
}
.fourthcontentgeneral p{
    font-family: HGS;
    font-size: 26px;
    color: #909295;
    margin: 0;
    text-align: center;
}
.footer{
    background: #1b539a;
    padding: 45px;
    display: flex;
    align-items: center;
}
.content1foo{
    max-width: 320px;
    width: 100%;
}
.content2foo{
    float: right;
    text-align: right;
    width: calc(100% - 320px);
    font-family: HGSB;
    font-size: 23px;
    color: #ffffff;
    
}
.content2foo p{
    margin:0px;
}
.content1foo p{
    font-family: HGSB;
    font-size: 23px;
    color: #ffffff;
    margin-top: 15px;
}
.imglogofoo{
    max-width: 320px;
    width: 100%;
}



/* first carousel*/
.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
   text-align: center;
}




/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}


/* fin carousel */

@media(max-width: 1600px){
    .logo {
        max-width: 330px;
    }
    .menumd8 {
        font-size: 18px;
    }
    .presentation {
        font-size: 38px;
        line-height: 40px;
    }
    .presentationform {
        font-size: 19px;
        margin-top: 35px;
        margin-bottom: -35px;
    }
    #submit_btn {
        font-size: 21px;
        margin-top: 25px;
    }
    input, select, textarea {
        font-size: 15px;
    }
    .presentationsecondcontentgeneral {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    .por_que_desk_imgs {
        max-width: 850px;
    }
    .cierresecondcontentgeneral {
        font-size: 30px;
        line-height: 32px;
        margin-top: 35px;
    }
    .presentationthirdcontentgeneral {
        font-size: 34px;
        line-height: 34px;
    }
    .presentationthirdcontentgeneral2 {
        font-size: 24px;
        line-height: 22px;
        margin-bottom: 35px;
    }
    .como_desk_txt {
        font-size: 21px;
    }
    .span1 {
        padding: 2px 11px;
    }
    .span2 {
        padding: 2px 10px;
    }
    .span3 {
        padding: 2px 10px;
    }
    .span4 {
        padding: 2px 10px;
    }
    .fourthcontentgeneral p {
        font-size: 21px;
    }
    .content1foo {
        max-width: 260px;
    }
    .imglogofoo {
        max-width: 260px;
    }
    .content1foo p {
        font-size: 19px;
        margin-top: 10px;
    }
    .content2foo {
        font-size: 19px;
    }
    .content2foo{
        width: calc(100% - 260px);
        font-size: 19px;

    }
}

@media(max-width: 1280px){
    .logo {
        max-width: 260px;
    }
    .menumd8 {
        font-size: 16px;
        margin-top: -29px;
    }
    .presentation {
        font-size: 30px;
        line-height: 31px;
    }
    .presentationform {
        font-size: 17px;
        margin-top: 25px;
        margin-bottom: -45px;
    }
    #submit_btn {
        font-size: 16px;
        margin-top: 15px;
    }
    input, select, textarea {
        font-size: 13px;
    }
    .presentationsecondcontentgeneral {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 25px;
    }
    .por_que_desk_imgs {
        max-width: 800px;
    }
    .cierresecondcontentgeneral {
        font-size: 24px;
        line-height: 25px;
        margin-top: 25px;
    }
    .presentationthirdcontentgeneral {
        font-size: 28px;
        line-height: 31px;
    }
    .presentationthirdcontentgeneral2 {
        font-size: 19px;
        line-height: 18px;
        margin-bottom: 35px;
    }
    .como_desk_txt {
        font-size: 17px;
    }
    .span1 {
        padding: 2px 11px;
    }
    .span2 {
        padding: 2px 10px;
    }
    .span3 {
        padding: 2px 10px;
    }
    .span4 {
        padding: 2px 10px;
    }
    .fourthcontentgeneral p {
        font-size: 17px;
    }
    .content1foo {
        max-width: 200px;
    }
    .imglogofoo {
        max-width: 200px;
    }
    .content1foo p {
        font-size: 19px;
        margin-top: 10px;
    }
    .content2foo {
        font-size: 17px;
    }
    .content2foo{
        width: calc(100% - 200px);
        font-size: 17px;

    }
}

@media(max-width: 1024px){
    .logo {
        max-width: 200px;
    }
    .menumd8 {
        font-size: 13px;
        margin-top: -38px;
    }
    .ul_menu li {
        margin-left: 15px;
    }
    .presentation {
        font-size: 23px;
        line-height: 25px;
    }
    .presentationform {
        font-size: 13px;
        margin-top: 15px;
        margin-bottom: -50px;
    }
    #submit_btn {
        font-size: 13px;
        margin-top: 15px;
    }
    input, select, textarea {
        font-size: 11px;
    }
    .presentationsecondcontentgeneral {
        font-size: 21px;
        line-height: 23px;
        margin-bottom: 20px;
    }
    .por_que_desk_imgs {
        max-width: 700px;
    }
    .cierresecondcontentgeneral {
        font-size: 19px;
        line-height: 20px;
        margin-top: 20px;
    }
    .presentationthirdcontentgeneral {
        font-size: 21px;
        line-height: 23px;
    }
    .presentationthirdcontentgeneral2 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 35px;
    }
    .como_desk_txt {
        font-size: 15px;
    }
    .span1 {
        padding: 2px 10px;
    }
    .span2 {
        padding: 2px 8px;
    }
    .span3 {
        padding: 2px 8px;
    }
    .span4 {
        padding: 2px 8px;
    }
    .fourthcontentgeneral p {
        font-size: 14px;
    }
    .content1foo {
        max-width: 180px;
    }
    .imglogofoo {
        max-width: 180px;
    }
    .content1foo p {
        font-size: 16px;
        margin-top: 10px;
    }
    .content2foo {
        font-size: 16px;
    }
    .content2foo{
        width: calc(100% - 180px);
        font-size: 16px;

    }
}
@media(max-width: 991px){
    .logomd4 {
        width: 200px;
    }
    .logo {
        max-width: 200px;
    }
    .menumd8 {
        width: calc(100% - 200px);
        margin-top: -48px;
    }
    .secondcontentdiv {
        display: inline-block;
        align-items: center;
    }
    .topcontentdiv {
        background-image: url(../images/banner-principal.jpg); /*simagenpngaszBanner (2).pngrtop_img-mob.jpg*/
        background-size: 100%;
        background-position: left top;
        padding-bottom: 75px;
        background-repeat: no-repeat;
    }
    .formmd6{
        padding-top: 85px;
    }
    input, select, textarea {
        border: 1px solid #cccecf;
    }
    .como_desk_img img {
        padding: 0;
    }
    .divselect select {
      /*  width: 100%;*/
    }
    #submit_btn {
       /* width: 100%;*/
    }
}
@media (max-width: 767px){
    .formmd6 {
        padding-top: 45px;
    }
    .por_que_desk_imgs {
        max-width: 100%;
    }
    .logo {
        max-width: calc(200px - 80px);
        margin-left: 10px;
    }
    .menumd8 {
        display: none;
    }
    .ms{
        display: block;
        float: left;
        margin-top: 15px;
        cursor: pointer;
    }
    .menuforresp{
        background: #1b539a;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 45px 35px;
        z-index: 9;
    }
    .logoinmenu{
        width: 30%;
        margin-left: 35%;
    }
    .ul_menu {
        display: inline-block;
        align-items: center;
        color: #ffffff;
        margin-bottom: 0;
        text-align: center;
        padding: 0;
        width: 100%;
        margin-top: 10px;
    }
    .ul_menu li {
        margin-left: 0;
        float: none;
        text-transform: UPPERCASE;
        font-size: 13px;
        margin: 15px 0;
    }
    .closemenuforresp{
        color: #ffffff;
        cursor: pointer;
        position: absolute;
        top: 25px;
    }
}
@media(max-width: 500px){
    .formmd6 {
        padding-top: 25px;
    }
    .divinputform {
        width: 100%;
    }
    .presentation {
        font-size: 19px;
        line-height: 21px;
    }
    .presentationform {
        font-size: 12px;
    }
    .presentationsecondcontentgeneral {
        font-size: 18px;
        line-height: 19px;
        margin-bottom: 25px;
    }
    .tope {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .topcontentdiv {
        padding-bottom: 35px;
        padding-left: 0;
        padding-right: 0;
    }
    .secondcontentgeneral {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .cierresecondcontentgeneral {
        font-size: 15px;
        line-height: 15px;
        margin-top: 25px;
    }
    .por_que_desk_imgs{
        display: none;
    }
    .caroupor_que{
        display: block;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        display: inherit;
        padding: 31px;
        margin-top: -31px;
        margin-bottom: -31px;
    }
    .thirdcontentgeneral {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .presentationthirdcontentgeneral {
        font-size: 18px;
        line-height: 19px;
    }
    .presentationthirdcontentgeneral2 {
        font-size: 12px;
        line-height: 10px;
        margin-bottom: 30px;
        margin-top: -5px;
    }
    .como_desk{
        display: none;
    }
    .como_mob{
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .fourthcontentgeneral {
        padding: 15px;
    }
    .fourthcontentgeneral p {
        font-size: 11px;
    }
    .como_mob img{
        width: 70%;
    }
    .como_desk_txt {
        width: 100%;
    }
    .paso2mob, .paso3mob, .paso4mob{
        width: 100%;
    }
    .paso2mob, .paso3mob, .paso4mob{
        display: none;
        position: absolute;
        top:0;
    }
    .seleccionadores{
        width: 140px;
        height: 35px;
        margin-left: calc(50% - 70px);
    }
    .seleccionadores div{
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        border: 1px solid #f15d22;
        margin: 5px;
        cursor: pointer;
    }
    .sleactive{
        background: #f15d22;
    }
    .pasomobheight{
        position: absolute;
        top:0;
        left: 0;
        visibility: hidden;
        width: 100%;
    }
    .lastpcomoulmob{
        border-bottom: 1px dashed #a0a2a5;
        padding-bottom: 10px;
        list-style: none;
        padding-left: 0;
        margin-top: -20px;
        font-size: 12px;
    }
    .footer {
        padding: 35px;
        display: inline-block;
        width: 100%;
    }
    .content1foo {
        max-width: 100%;
        text-align: center;
    }
    .content2foo {
        width: 100%;
        font-size: 11px;
        text-align: center;
    }
    .como_desk_txt .lastpcomo{
        border-bottom: 1px dashed #a0a2a5;
    }
    .imgsredes{
        width: 22px;
    }
}
@media(max-width: 420px){
    .como_mob img {
        width: 80%;
    }
    .lastpcomo{
        text-align: justify;
    }
}
@media(max-width: 410px){
    .carousel-showmanymoveone .carousel-control.left {
        margin-left: 35px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: 25px;
    }
}
@media(max-width: 380px){
    .carousel-showmanymoveone .carousel-control.left {
        margin-left: 5px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -5px;
    }
    .como_mob img {
        width: 92%;
    }
}
@media(max-width: 375px){
    .formmd6{
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media(min-width: 1217px){
    .imgtoptit {
       /* margin-top:-37px!important; 10*/
    }
}
/*.tituloprograma { display: none;}*/
.formperso {
    padding-bottom: 27px;
    border-radius: 55px;
    margin-right: 92px;
margin-left: 276px;
}
@media(max-width: 991px) {
    .secondcontentdiv {
        width: 100%; /*;*/
    }
  .formperso {  margin-right: 0px; /*1115*/
margin-left: 0px; }
}

@media(max-width: 500px){
    .divselect select { width:100%; }

    .topcontentdiv { background-image:none; /*nini´u""*/ } .secondcontentdiv { margin-top:0px!important; margin-bottom: 0px;} .responsiv { display:none; }
}

.m0 { margin-bottom:0px!important; /*n*/ margin-top: 12px; }

@media (max-width: 737px){ .tituloprograma { display: none;}/*block*/ .topcontentdiv { padding-bottom: 25px!important; /*:*/ }
    .topcontentdiv {
        background-image: url(../images/imagen.jpg); /*pngaszBanner (2).pngrtop_img-mob.jpg*/
        background-size: 100%;
        background-position: left top;
        padding-bottom: 75px;
        background-repeat: no-repeat;
        background: none;
    }

    .imagenresmovs {
        display:block!important; /*ua*/
    }
}

.carousel-control { 
    color: #e21f25; opacity: 1;
}