iframe,
img { max-width: 100% }

body { color: #222; font-family: 'Source Sans Pro', 'Open Sans', sans-serif; font-size: 18px; font-weight: 400 }

.container { width: 90% }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: titulo, 'Source Sans Pro', 'Open Sans', sans-serif }
.btn,
a,
a:focus,
a:hover,
button,
input[type=submit] { color: inherit; text-decoration: none; transition: all .6s ease 0s; cursor: pointer; border: none }

a:focus { outline: initial }
.antiClic { position: absolute; width: 100%; cursor: pointer; z-index: 999 }
.divMapa { position: relative; display: table; width: 100% }
.divMapa>* { width: 100%; position: absolute }
.divAlineado { display: table; width: 100% }
.divTab { display: table; width: 100%; height: 100% }
.divTab>div { display: table-cell; vertical-align: middle }
.checkbox label,
.disInlineB,
.divHovImg { display: inline-block }
.divHovImg { position: relative; width: 100%; height: 100% }
.divHovImg img { width: 100%; vertical-align: top }
.divHovImg:after { content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .6); opacity: 0; transition: all .5s; -webkit-transition: all .5s }
.checkbox label,
.contImgz,
.disInlineB,
.disTable { position: relative }
.divHovImg:hover:after { opacity: 1 }
.contImgz { overflow: hidden; cursor: pointer; width: 100%; float: left }
.contImgz .imgz,
.contImgz>img { -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; width: 100% }
.contImgz:hover .imgz,
.contImgz:hover>img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25) }
.listNo { list-style: none; padding: 0 }
.disInlineB { width: 100%; float: left }
.disTable { display: table; width: 100%; float: left }
.img-der,
.img-full,
.img-full img { width: 100%; height: auto }
.img-der { text-align: right }

.btnRojo { background-color: #dd0e14; color: #ffffff; padding: 8px 20px; display: table }
.btnBlanco { background-color: #ffffff; color: #ea0202; padding: 8px 20px; display: table }
.btnRojo:focus,
.btnRojo:hover { color: #fff }

.btnTransNaranja { color: #ff8431; padding: 5px 16px; display: table }
.btnTransNaranja:hover { color: #fff }

.checkbox { padding-left: 20px }
.checkbox label { padding-left: 5px }
.checkbox label::after,
.checkbox label::before { display: inline-block; position: absolute; left: 0; margin-left: -20px }
.checkbox label::before { content: ""; width: 17px; height: 17px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border .15s ease-in-out, color .15s ease-in-out; -o-transition: border .15s ease-in-out, color .15s ease-in-out; transition: border .15s ease-in-out, color .15s ease-in-out }
.checkbox label::after { width: 16px; height: 16px; top: 0; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555 }
.checkbox input[type=checkbox] { opacity: 0 }
.checkbox input[type=checkbox]:focus+label::before { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px }
.checkbox input[type=checkbox]:checked+label::after { font-family: FontAwesome; content: "\f00c" }
.dropdown-menu>li>a,

.checkbox input[type=checkbox]:disabled+label { opacity: .65 }
.checkbox input[type=checkbox]:disabled+label::before { background-color: #eee; cursor: not-allowed }
.checkbox.checkbox-circle label::before { border-radius: 50% }
.checkbox.checkbox-inline { margin-top: 0 }
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; z-index: 999999999 !important }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden }
.autocomplete-selected { background: #F0F0F0 }
.autocomplete-suggestions strong { font-weight: 400; color: #39F }
.autocomplete-group { padding: 2px 5px }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000 }
.icon-button { background-color: transparent; cursor: pointer; display: inline-block; float: left; font-size: 18px; height: 2em; line-height: 3.6rem; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2em; border-radius: 2em }
.icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 0 }
.icon-button:hover span { width: 2em; height: 2em; margin: -1em; border-radius: 2em }


.twitter span { background-color: #4099ff }
.facebook span { background-color: #3B5998 }
.instagram span { background-color: #125688 }
.youtube span { background-color: #e52d27 }
.google-plus span { background-color: #cc3335 }
.whatsapp span { background-color: #4dc247 }
.icon-button i { background: 0 0; color: #fff; height: 2em; left: 0; line-height: 2em; position: absolute; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 2em; z-index: 10 }
.dropdown-menu,
.dropdown-menu>li  { background-color: transparent }
.dropdown-menu>li>a,
header { transition: all .6s ease 0s }
.icon-button .icon-facebook,
.icon-button .icon-google-plus,
.icon-button .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-youtube { color: #fff }

#menuPlegable { padding: 0 }
.navbar-default { transition: all .6s ease 0s; width: auto; border: none; min-height: auto; transition: all .6s ease 0s; background-color: transparent; background-image: url('../img/HEADER/2.png'); background-size: 100% 100%; background-position: center right; padding: 14px 0 18px; padding-right: 95px; padding-left: 85px; float: right; border-radius: 0; }
.navbar-default .navbar-nav>li { margin: 0 9px; position: relative }
.navbar-default .navbar-nav>li>a { padding: 8px 14px; position: relative; color: #ffffff; text-transform: uppercase; transition: all .6s ease 0s; font-size: 15px; border-bottom: 2px solid transparent; font-family: 'Roboto Condensed', 'Open Sans', sans-serif;  }
.navbar-default .navbar-nav>li.activa>a,
.navbar-default .navbar-nav>li:hover>a { border-bottom: 2px solid #cf0d0e; color: #ffffff; }

.dropdown-menu { padding: 0; box-shadow: none; border: none; border-top: 3px solid #1b1b1b; width: auto; border-radius: 0; top: 113%;  }
.dropdown-menu>li { margin: 0; border: none }
.dropdown-menu>li>a { font-size: 16px; position: relative; font-weight: 400; border-radius: 0; border: none; border-bottom: 2px solid white; background-color: #2c2c2c; color: #fff; padding: 4px 15px; opacity: 1; }
.dropdown-menu>li:hover,
.dropdown-menu>li:hover>a { color: #fff; background-color: #191919;  }
.dropdown-menu>li:hover>a { border-bottom: 2px solid #ce0d0e }


.dropdown-menu.menu2 { left: 102%; top: 0; right: auto; margin-top: 0 }
.dropdown-menu.menu2>li:first-child { margin-top: 0 }
.dropdown-menu.menu2>li>a { font-size: 13px }

.navbar-default .navbar-nav>li>a:focus, .dropdown-menu>li>a { color: white; }

header { z-index: 9999; display: table; width: 100%; float: left; position: fixed; top: 0; transition: all .6s ease 0s; }
header .divLogo { display: table; margin: 50px auto 0; }
header .continfo { padding-right: 0; }
header .continfo .container { width: 100%; }
header .cont-info { position: relative; z-index: 999; padding: 8px 0; padding-right: 24px; transition: all .6s ease 0s; }
header .cont-info .redes-sociales, header .cont-info .telefono, header .cont-info .ubicacion { display: inline-block; float: left; }
header .cont-info .ubicacion, header .cont-info .telefono { padding: 0 40px; height: 36px; display: table; }
header .cont-info .ubicacion > div, header .cont-info .telefono > div { display: table-cell; vertical-align: middle; }
header .cont-info .ubicacion span { color: #f2aa00; }
header .cont-info img { display: inline-block; float: left; margin-right: 6px; height: 20px; }
header .cont-info p { margin-bottom: 0; color: #010206; display: inline-block; float: left; line-height: 20px; }
header .cont-info .flotder { display: table; float: right; }

header .icon-button { border-radius: 0; }
header .icon-button i {color: #e60108; }
header .icon-button i:hover { color: white; }
header .icon-button:hover span { border-radius: 0; }

.scroll header { background-color: rgba(54, 52, 53, 0.9); }
.scroll header .navbar-default { background-image: none; }
.scroll header .cont-info p { color: white; }



footer { background-color: #1e1d23; color: white }
footer .container { width: 77%; }
footer p { margin-bottom: 0; }

footer .info-arriba { padding: 40px 0 5%; }
footer .info-arriba .col-izq { width: 45%; float: left; padding-right: 8%; }
footer .info-arriba .col-izq .texto { text-align: justify; }
footer .info-arriba .col-izq .texto img { margin-bottom: 15px; }
footer .info-arriba .col-izq .texto .btnRojo { color: white; float: right; padding: 3px 13px; border-radius: 18px; }
footer .info-arriba .col-der { width: 55%; float: left; }
footer .info-arriba h4 { color: white; text-transform: uppercase; font-size: 18px; font-weight: 700; margin-bottom: 15px; }
footer .info-arriba h4:after { content: ""; display: block; width: 35px; border-top: 2px solid #e80202; }

footer .info-arriba ul { list-style: none; padding: 0; }
footer .info-arriba ul a:hover { padding-left: 4px; color: #e80202; }
footer .info-arriba .info { margin-bottom: 15px; }
footer .info-arriba .info > * { display: inline-block; float: left; }
footer .info-arriba .info img { margin-right: 8px; }
footer .info-arriba .info p { line-height: 14px; font-size: 16px; }


footer .info-abajo { padding: 15px 0; background-color: #363435; color: white; }
footer .info-abajo p { display: inline-block; float: left; }

footer .icon-button { border-radius: 0; }
footer .icon-button i {color: #ffffff; }
footer .icon-button i:hover { color: white; }
footer .icon-button:hover span { border-radius: 0; }

footer .autor { display: table; float: right; }
footer .autor p { display: inline-block; float: left; margin-right: 5px; }

#pageContactenos .texto-principal { padding: 4% 0 }
#pageContactenos .divMapa.mapa, #pageContactenos .divMapa.mapa > * { height: 380px }
#pageContactenos .texto-principal .container { width: 70%; }
#pageContactenos .texto-principal .cont-titulo { margin-bottom: 50px; }
#pageContactenos .texto-principal .cont-titulo h1 { font-weight: 900; color: #333333; } 

.form-contacto h3 { color: #f1a905;margin-top: 0; margin-bottom: 0; font-weight: 700; }
.form-contacto p { color: black; margin-bottom: 20px; }
.form-contacto { width: 100%; margin: 35px auto 0; }
.form-contacto .form-group { display: table; width: 100%; margin-bottom: 20px; }
.form-contacto .form-control { background-color: #fad0d1; border: none; border-radius: 0; height: 50px; color: #000000; box-shadow: none; padding-left: 20px; font-size: 18px; transition: all .45s ease 0s; width: 100%; }
.form-contacto .form-control:focus { background-color: #edafb0; }
.form-contacto .form-control::-webkit-input-placeholder { color: #423636;  }
.form-contacto .form-control::-moz-placeholder { color: #423636;  }
.form-contacto .form-control:-ms-input-placeholder { color: #423636;  }
.form-contacto .form-control:-moz-placeholder { color: #423636;  }
.form-contacto textarea.form-control { height: 170px; padding-top: 14px; }
.form-contacto .checkbox { display: table; margin: 0 auto; }
.form-contacto .checkbox.checkbox-circle label:before { border-radius: 0; border: 2px solid #f2aa00; }
.form-contacto .btnRojo { border: none; font-size: 18px; color: white; float: none; font-weight: 700; padding: 8px 35px; border-radius: 0; text-transform: uppercase; margin: 16px auto 0; }
.form-contacto .btnRojo:hover { color: white }
.form-contacto .checkbox { display: table; margin: 0 auto; }
.form-contacto .checkbox.checkbox-circle label:before { border-radius: 0; border: 2px solid #ea0202; top: 5px; }
.form-contacto .checkbox.checkbox-circle label:after { top: 5px; }

#pageContactenos .info-contacto { padding-left: 55px; margin-top: 27%; }
#pageContactenos .info-contacto h2 { color: #373536; margin-top: 15px; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; font-weight: 700; }
#pageContactenos .info-contacto h2:after { content: ""; width: 60px; display: block; border-top: 3px solid #373536; }

#pageContactenos .info-contacto .info { margin-bottom: 25px; display: table; width: 100% }
#pageContactenos .info-contacto .info img { display: inline-block; float: left; margin-right: 8px; height: 22px; }
#pageContactenos .info-contacto .info p { margin-bottom: 0; display: inline-block; float: left; line-height: 22px; font-size: 25px; color: #363435; }

#pageContactenos .info-contacto .clearfix { margin-top: 40px; }
#pageContactenos .info-contacto .icon-button { border-radius: 0; font-size: 22px; }
#pageContactenos .info-contacto .icon-button i {color: #e70209; }
#pageContactenos .info-contacto .icon-button i:hover { color: white; }
#pageContactenos .info-contacto .icon-button:hover span { border-radius: 0; }



#cont-slider { display: inline-block; width: 100%; float: left; position: relative }
.owl-theme .owl-nav { margin-top: 0; position: absolute; bottom: calc(50% - 20px); left: 15px; right: 15px; }
.owl-theme .owl-nav [class*=owl-] { padding: 0; background: 0 0; border-radius: 50%; transition: all .6s ease 0s }
.owl-theme .owl-nav [class*=owl-]:hover { background-color: #333333; border-radius: 50%;  }
.owl-carousel .owl-nav .owl-prev { float: left }
.owl-carousel .owl-nav .owl-next { float: right }
.owl-theme .owl-nav img { width: 40px; }
.owl-theme .owl-nav img:hover { opacity: 0.7 }
.owl-theme .owl-dots { position: absolute; bottom: 5%; left: auto; right: auto; margin-left: auto; margin-right: auto; width: 100%; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: none; border: 3px solid #000; }
.owl-theme .owl-dots .owl-dot span { background-color: transparent; border: 3px solid #000; margin: 0 5px; width: 20px; height: 20px; transition: all .5s ease 0s; position: relative; }
.owl-theme .owl-dots .owl-dot.active span:after { content: ""; position: absolute; background-color: white; width: 8px; height: 8px; border-radius: 50%; top: calc(50% - 4px); left: calc(50% - 4px); }

#cont-slider .contexto, #cont-slider .cotizacion { position: absolute; z-index: 99; bottom: 15%; left: 7%; }
#cont-slider .cotizacion { right: 10%; left: auto; background-color: white; padding: 20px 25px; }
#cont-slider .contexto h2 { font-size: 45px; text-transform: uppercase; font-family: 'Reem Kufi', 'Open Sans', sans-serif; width: 422px; }
#cont-slider .contexto h2, #cont-slider .contexto p .fa { color: #363435; text-transform: uppercase; font-weight: 700; }
#cont-slider .contexto p { color: #e20d13; font-size: 36px; font-weight: 700; }

.cont-titulo img { display: table; margin: 0 auto; }
.cont-titulo h1, .cont-titulo h2, .cont-titulo h3 { text-align: center; text-transform: uppercase; margin-top: 5px; }
#cont-slider .cotizacion form { width: 360px; margin-top: 15px;  }
#cont-slider .cotizacion form .form-control { border-radius: 0; height: 40px; }
#cont-slider .cotizacion form textarea.form-control { height: 60px; }
#cont-slider .cotizacion form .btnRojo { width: 100%; color: white; text-align: center; transition: all .7s ease 0s; }

#pageHome .secc-publi { padding: 5% 0; text-align: justify; }
#pageHome .secc-publi .texto { text-align: justify; display: table; width: 93%; padding: 5% 12%; background-size: cover; }
#pageHome .secc-publ .cont-titulo { margin-bottom: 40px; }
#pageHome .secc-publ .cont-titulo h2 { font-weight: 900; font-size: 36px; }
#pageHome .secc-publi .texto p { margin-bottom: 18px; }
#pageHome .secc-publi .texto .btnRojo { margin: 45px auto 0; text-transform: uppercase; padding: 8px 25px; }

#pageHome .secc-servicios { padding: 5% 0 6%; background-size: cover }
#pageHome .secc-servicios .cont-titulo { margin-bottom: 40px; }
#pageHome .secc-servicios .cent-botones { display: table; margin: 0 auto; background-color: rgba(193, 193, 193, 0.65); padding: 20px 10px; }
#pageHome .secc-servicios .cent-botones img { display: inline-block; float: left; margin: 0 18px; height: 48px; }

#carruServicios { background-color: rgba(255,255,255,0.8); width: 78%; margin: 0 auto; }
#carruServicios .resu-testimonio { padding: 35px 15px; text-align: justify; }
#carruServicios .resu-testimonio h3 { text-align: center; font-size: 34px; margin-bottom: 25px; text-transform: uppercase; margin-top: 35px; }
#carruServicios .resu-testimonio .texto { width: 90%; margin: 0 auto; }
#carruServicios .resu-testimonio .texto p { }
#carruServicios .resu-testimonio .btnRojo { margin: 30px auto 0; text-transform: uppercase; font-weight: 700; }
#carruServicios  .slick-prev, #carruServicios  .slick-next { width: 25px; height: auto; }
#carruServicios  .slick-prev { left: -4%;  }
#carruServicios  .slick-next { right: -4%;  }

#pageHome .secc-camiones { background-size: 100% 100%; text-transform: uppercase; padding: 6% 0; color: white; text-align: center; margin-bottom: 6%; margin-top: 6%; }
#pageHome .secc-camiones h2 { margin-top: 0; margin-bottom: 18px; font-family: 'Anton', 'Open Sans', sans-serif; font-size: 58px; letter-spacing: 1px; }
#pageHome .secc-camiones h3 { font-size: 36px; margin-bottom: 25px; margin-top: 20px; }
#pageHome .secc-camiones .btnBlanco { margin: 35px auto 0; }
#pageHome .secc-camiones .btnBlanco:hover { color: #ea0202; }
#pageHome .secc-camiones .img-abs { position: absolute; right: 7%; top: -14%; }
#pageHome .secc-camiones .img-abs img { width: 822px; }


/*Pagina Quienes Somos*/

.img-full.principal .bread { position: absolute; bottom: 0; left: 8%; background-color: #ea0202; color: white; padding: 8px 20px; text-transform: uppercase; }
.img-full.principal .bread p { margin-bottom: 0; font-size: 15px; }

#pageQuienes .secc-principal { padding: 5% 0; }
#pageQuienes .secc-principal .cont-titulo { margin-bottom: 40px; }
#pageQuienes .secc-principal .cont-titulo h1 { font-weight: 900; color: #333333; }
#pageQuienes .secc-principal .texto { padding-right: 35px; }
#pageQuienes .secc-principal .texto p { margin-bottom: 18px; }

#pageQuienes .secc-rojo { background-color: #ec3237; color: white; padding: 5% 0; }
#pageQuienes .secc-rojo .cont-titulo { margin-bottom: 40px; }
#pageQuienes .secc-rojo .cont-titulo h2 { font-weight: 900;  }


/*Pagina galeria de fotos*/

#pageGaleria .secc-principal { padding: 5% 0; }
#pageGaleria .secc-principal .cont-titulo { margin-bottom: 40px; }
#pageGaleria .secc-principal .cont-titulo h1 { font-weight: 900; color: #333333; }
#pageGaleria .secc-principal .texto {}
#pageGaleria .secc-principal .col-md-4	{ margin-bottom: 40px; }
#pageGaleria .secc-principal .col-md-4 img { width: 100%; margin: 0 auto; display: table; }


/*Pagina Servicios*/

#pageServicios .secc-principal { padding: 5% 0; }
#pageServicios .secc-principal .cont-titulo { margin-bottom: 50px; }
#pageServicios .secc-principal .cont-titulo h1 { font-weight: 900; color: #333333; }  

.servicio { background-color: #e6e7e9; color: #353535; display: table; width: 92%; margin-bottom: 55px; }
.servicio .informacion { padding: 20px 35px 30px; }
.servicio .texto { text-align: justify; margin-bottom: 18px; font-size: 16px; }
.servicio .informacion h2 { margin-top: 0; color: #e40206; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 27px; }
.servicio .datos { text-align: center;  }
.servicio .datos .precio { color: #e40206; background-color: #d2d3d5; padding: 5px 0 18px; display: table; width: 90%; margin: 0 auto 15px; }
.servicio .datos .precio span { font-size: 15px; margin: 0 auto; }
.servicio .datos .precio p { font-size: 32px; margin-bottom: 0; font-weight: 900; }
.servicio .datos .btnRojo { margin: 0 auto 20px; text-transform: uppercase; font-weight: 700; }



/*Pagina Vehiculos*/

#pageVehiculos .secc-principal { padding: 5% 0; }
#pageVehiculos .secc-principal .container { width: 80%; }
#pageVehiculos .secc-principal .cont-titulo { margin-bottom: 50px; }
#pageVehiculos .secc-principal .cont-titulo h1 { font-weight: 900; color: #333333; } 

#pageVehiculos .secc-principal .img-grande h2 { position: absolute; top: 33px; left: 50px; color: #e60108; text-transform: uppercase; font-weight: 700; margin: 0; }
#pageVehiculos .secc-principal .divrojo { background-color: #e60108; color: white; padding: 15px 13%; text-align: center; margin-bottom: 25px; }
#pageVehiculos .secc-principal .divrojo h3 { font-size: 35px; margin: 0; }
#pageVehiculos .secc-principal .centimg {  }
#pageVehiculos .secc-principal .centimg img { width: 23%; display: table; margin: 0 1%; float: left; }


/*Pagina Cotizar*/

#pageCotizar .secc-principal { padding: 5% 0; }
#pageCotizar .secc-principal .container { width: 70%; }
#pageCotizar .secc-principal .cont-titulo { margin-bottom: 50px; }
#pageCotizar .secc-principal .cont-titulo h1 { font-weight: 900; color: #333333; } 
#pageCotizar .secc-principal p { text-align: center; margin-bottom: 16px; }

.form-cotizar { width: 100%; margin: 35px auto 0; }
.form-cotizar .form-group { display: table; width: 100%; margin-bottom: 20px; }
.form-cotizar .form-control { background-color: #fad0d1; border: none; border-radius: 0; height: 50px; color: #000000; box-shadow: none; padding-left: 20px; font-size: 18px; transition: all .45s ease 0s; }
.form-cotizar .form-control:focus { background-color: #edafb0; }
.form-cotizar .form-control::-webkit-input-placeholder { color: #423636;  }
.form-cotizar .form-control::-moz-placeholder { color: #423636;  }
.form-cotizar .form-control:-ms-input-placeholder { color: #423636;  }
.form-cotizar .form-control:-moz-placeholder { color: #423636;  }
.form-cotizar textarea.form-control { height: 170px; padding-top: 14px; }
.form-cotizar .btnRojo { border: none; margin: 20px auto 0; font-size: 30px; font-weight: 700; padding: 12px 35px; color: white; line-height: 35px; border-radius: 0; text-transform: uppercase; }
.form-cotizar .btnRojo:hover { color: white; }
.form-cotizar #contBtnEnv span a { color: black; }
.form-cotizar #contBtnEnv span a:hover { color: #333333; }
.form-cotizar .checkbox { display: table; margin: 0 auto; }
.form-cotizar .checkbox.checkbox-circle label:before { border-radius: 0; border: 2px solid #ea0202; top: 4px; }
.form-cotizar .checkbox.checkbox-circle label:after { top: 4px; }