/*=================================*/
/* Grupo Viamar
/* Mayo 2018
/* By: Dantelin Castro
/* http://pixxelin.com
/*=================================*/

body        {font-family: 'Open Sans', sans-serif;    background: #f8f8f8;}
a:hover     {  text-decoration: none !important;}
nav ul a:hover { color: #fff;}
h2,
.h2   { font-size: 2.7em;font-weight: 400; margin: 0 0 20px; line-height: 1.1;}
h3,
.h3   { font-size: 2em; font-weight: 400; margin: 0 0 15px; line-height: 1.1;}
.pt1  { padding-top: 1em !important;}
.p-1  { padding: 1em !important;}
.p-2  { padding: 2em !important;}
.p-3  { padding: 3em !important;}
.m-0  { margin: 0px !important;}
.mr1  {  margin-right: 1em !important;}
.mb1  {  margin-bottom: 1em !important;}
.mb2  {  margin-bottom: 2em !important;}
.mb3  {  margin-bottom: 3em !important;}
.mb4  {  margin-bottom: 4em !important;}
.mt0  {  margin-top: 0 !important;}
.mt10 {  margin-top: 10px !important;}
.mt1  {  margin-top: 1em !important;}
.mt2  {  margin-top: 2em !important;}
.mt3  {  margin-top: 3em !important;}
.mt4  {  margin-top: 4em !important;}

.uppercase { text-transform: uppercase;}
.pa  {position: absolute;}
.pr  {position: relative;}
.box {border: 1px solid rgba(187,187,187,0.3);border-radius: 3px;background-color: #fff;padding: 1em;}
.clearfix {clear: both;}
.w-100 {width: 100% !important;}
.btn, .btn-large, .btn-small {background-color: #206AA9;}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #206AA9; -webkit-box-shadow: 0 1px 0 0 #206AA9;box-shadow: 0 1px 0 0 #206AA9;}

label.active,
.input-field .prefix.active { color: #206AA9 !important;}
.tabs .tab a:hover,
.tabs .tab a.active         { font-weight: bold;color: #206AA9 !important;}
.tabs .tab a                {color: #206AA9 !important;}
.tabs .indicator            {background-color: #206AA9;}
.dtl-title.card-title       { bottom: 50px !important;}
.tabs .tab a:focus,
.tabs .tab a:focus.active   {background-color: rgba(16, 121, 204, 0.15) !important;}

.smartphoto-body {z-index: 10000 !important;}
.smartphoto-header {z-index: 99999 !important;}

/*==============|GENERALES|=================*/
#header nav ul li.active > a,
nav ul a:hover,
nav > ul  > li.active > a { background-color: #206aa9; color: #fff !important;}
.box_blc {border-radius: 0;padding: 1em;background-color: #fff;border: 3px solid #fff;}
.box_blc h3 	{ font-weight: bold !important; color: #206aa9 !important; font-size: 1.4em !important; }
.box_outline h3 { font-weight: bold !important; color: #fff !important; font-size: 1.4em !important; }
.box_outline 	{ border: 3px solid #fff;border-radius: 0; padding: 1em; color: #fff !important; }
.blue.darken-d  {  background-color: #112b4e !important;}
.card.dtl           { margin-top: 0;}
.datepicker-table td { color: #000 !important;}
.datepicker-date-display {background-color: #206aa9 !important;}
.icon30 {display: block;width: 30px;height: 30px;background-size: contain !important;}
.icon30.manejo {background: url("../images/manejo.png") no-repeat center;}
.modal h1,
.modal h2,
.modal h3,
.modal h4       { text-align: center; color: #206aa9; border-bottom: 5px solid; padding-bottom: 10px; }

/*========|POPUP|=======*/

.popup .header          { background-image: url(../images/line-pattern.png); color: #fff; border-bottom: 3px solid; position: relative; min-height: 50px; padding: .5em;}
.popup .modal-content   {  padding: 0 !important;}

/*====================*/
/*====== HEADER ======*/
/*====================*/
#header             { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 80px; display: block; z-index: 99; border-left: none; border-right: none; }
.header-stick ul    { margin: 0;}
.header-stick ul li { float: left;    padding: 0 5px;}
.header-stick       { background-image: url('../images/line-pattern.png'); color: #fff; border-bottom: 1px solid; position: relative; z-index: 1; min-height: 34px; background-color: #206aa9; float: right; padding: 6px; border-radius: 0 0 5px 5px; }
#header nav         { color: #777 !important;background-color: #fff;width: 100%;height: 74px !important;line-height: 74px;box-shadow: none !important;}
#header nav ul a    { color: #777;text-transform: uppercase;font-size: 1rem;}
#header nav .sidenav-trigger    {  color: #206aa9;}
#header nav .sidenav-trigger i  { height: 74px;line-height: 74px; font-size: 2rem;font-weight: bold;}
.sidenav li             { border-bottom: 2px solid #206aa9;}
.imgMenu,
.servMenu,
.asgMenu            { left: 0 !important; top: 70px !important;min-width: 300px;height: auto !important;min-height: 100px;width: 100% !important;border-radius: 0 0 50px 50px;}
.spMenu             { top: 70px !important;min-width: 250px;}
.spMenu a           {color: #206aa9 !important;font-weight: bold;font-size: 1rem !important;line-height: 1rem !important;}
.spMenu li:hover,
.spMenu a:hover     {background-color: rgba(32, 106, 169, 0.13);}

.asgMenu div        {padding: 5px;width: 14% !important;float: left;}
.asgMenu a          {height: 100px;display: block; width: 202px; margin-left: -120px;}
.asgMenu a:hover    {background-color: rgba(32, 106, 169, 0.13);color: #fff;}
.asgMenu li         {display: inline-block;float: left;margin-right: 10px;margin-bottom: 20px;max-width: 205px;}
.imgMenu li,
.servMenu  li       { float: left !important; width: 25%; clear: none !important; min-width: 227px;}

.imgMenu  a .thumb,
.servMenu a .thumb { display: inline-block; width: 100%; height: 110px; float: left; margin-bottom: 10px; background-size: contain !important; -webkit-transition: 0.15s ease all; -o-transition: 0.15s ease all; transition: 0.15s ease all; }
.imgMenu  li:hover,
.imgMenu  a:hover       {background: none !important;    color: #555 !important;}
.servMenu  li:hover,
.servMenu  a:hover      {background-color: rgba(32, 106, 169, 0.13);}
.imgMenu a,
.servMenu a             { text-transform: uppercase; color: #206aa9; float: left; display: inline-block !important; width: 100%; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 1.1 !important; text-align: center; -webkit-transition: 0.15s ease all; -o-transition: 0.15s ease all; transition: 0.15s ease all; }
a.auto-menu .thumb      {background-position: center;background-repeat: no-repeat;}
a.auto-mustang .thumb   {background: url("../images/menu/ford/mustang.jpg") no-repeat center center;}
a.nav-serv .thumb       {background: url("../images/servicios/servicios.png") no-repeat center center;}
a.nav-bateria .thumb    {background: url("../images/servicios/baterias.png") no-repeat center center;}
a.nav-qparts .thumb     {background: url("../images/servicios/quick_parts.png") no-repeat center center;}
a.nav-qlane .thumb      {background: url("../images/servicios/quick_lane.png") no-repeat center center;}

a.nav-marca         {background-size: 80% !important;opacity: .8;}
a.nav-marca:hover     {background-size: 85% !important; opacity: 1;}

.main,
.slide_front { padding-top: 80px;    padding-bottom: 0;}

/*============|SLIDE FRONT|============*/
.captionPanel  { position: absolute;background-color: rgba(0, 0, 0, 0.52);padding: 10px;}

/*============|DETALLES AUTOS|============*/
#pageSlide .action-btn          { top: 80px;right: 0;position: fixed;padding-top: 15px;margin-bottom: 0;z-index: 9;}
#pageSlide .action-btn li       { margin-bottom: 5px;}
#pageSlide .table-of-contents a { color: #fff;display: block;  font-weight: 600;line-height: 28px;height: 40px;padding: 6px 10px; }
#pageSlide .table-of-contents i { color: #fff; }
#pageSlide              { position: relative;display: inline-block;width: 100%;float: left;}
.pageBanner .info h1    { margin: 0;}
.pageBanner .info       { color: #fff; z-index: 9; padding: 1em; position: absolute; right: 20px; background: rgba(51, 51, 51, 0.83); }
#pageSlide .sliderPg .row {margin: 0;}
#pageSlide .sliderPg h3.ttlAuto 	{ font-weight: 800; color: #fff; line-height: 2em; margin: 0; font-size: 1.8em; text-transform: uppercase; }
#pageSlide .sliderPg h5.cost 		{ padding: .5em; background: #fff; font-weight: 700; text-align: center; margin: 5px auto; }

.pageBanner     {background-size: cover !important;height: 452px;background-repeat: no-repeat !important;background-position: center !important;}
.overlay30      {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3); z-index: 0;}
.test-driver,
.auCaracter,
.cotizar,
.auModelos,
.auGaleria  { width: 100%;padding: 0; float: left;}

.cotizar    { background-color: #fff;}
h2.head_dll .ttl {border-bottom: 2px solid #fff;}
h2.head_dll {text-align: center;color: #fff;padding: 1em 0;}
.carTable table tbody tr td span 	{ width: 10px; height: 10px; display: inline-block; margin: 0 2px; border-radius: 50%; }
.auCaracter th 						{ font-weight: 700; text-transform: uppercase; line-height: 1; background-color: #f8f8f8; }
.carTable table tr th:first-child,
.carTable table tr td:first-child 	{ width: 40%; text-align: left !important; padding-left: 10px; }
.carTable table thead tr.desc th 	{ font-size: 12px; font-weight: bold; text-align: center !important; text-transform: uppercase; padding: 10px 0; border: 5px solid #fff; }
.carTable table tbody tr td 		{ color: #525050; font-size: 16px; font-weight: 300; padding: 5px 0; text-transform: capitalize; }
.calc_Auto .list_auto select 		{ font-size: 14px; font-weight: 400; cursor: pointer; border: none; border-bottom: 5px solid #e7ba00; }
.cotizar label 						{ display: block; padding: 2px 10px; font-size: 1em; }
.cotizar .checkyears  {margin-top: 10px;}
.cotizar .checkyears label:first-child {margin-left: 0;}
.cotizar .checkyears label:last-child {margin-right: 0;}
.cotizar .checkyears label {float: left;margin: 5px 0;}
.cotizar .cuotasEx label.checkbox {    margin-top: 2em !important;}

/*VERSION AUTOS*/
.carousel.version-auto          { height: 340px;}
.carousel.version-auto li 		{ background-color: #003478 !important; height: 20px !important; width: 20px !important; }
.carousel.version-auto span 	{ padding: 5px; text-align: center; display: block; color: #fff; font-size: 1.3em; font-weight: bold; }
.carousel.version-auto strong 	{ font-size: 1.2em; font-weight: bold; display: block; text-align: center; text-transform: uppercase; }
.carousel.version-auto a.carousel-item  { text-align: center;}
.cotizar .version-auto li a .img 	    { float: left; width: 100%; height: 90px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.cotizar .version-auto li a 		    { text-decoration: none; display: inline-block; width: 100%; float: left; }
.carousel.modelos-Marca .carousel-item,
.carousel.version-auto .carousel-item           {  width: 300px;height: 250px;}
.carousel .indicators .indicator-item.active    {/*background-color: #003478 !important;*/background: url("../images/bull-80.png") no-repeat center center;background-size: 100%;}

/*Modelos Marca*/
.mModelos strong    { font-size: 1em; font-weight: bold; display: block; text-align: center;}
/*.mModelos{ height: 300px;}*/
.slick-slide        { margin: 0px 20px;}
.slick-slide img    { width: 100%;}
.slick-prev:before,
.slick-next:before  { color: black;}
.slick-slide        { transition: all ease-in-out .3s; opacity: 1;}
.slick-active,
.slick-current      { opacity: 1;}
.slick-dots li button:before                { font-size: 10px !important;opacity: 1 !important;color: #dcecf6 !important;}
.slick-dots li.slick-active button:before   { opacity: 1 !important; color: #003478 !important;}
.slick-prev,
.slick-next 		{ cursor: pointer; -webkit-transform: scale(1, 1); transform: scale(1, 1); display: block; width: 52px !important; height: 62px !important; }
.slick-next:before 	{ content: '›' !important; }
.slick-prev:before 	{ content: '‹' !important; }
.slick-prev:before,
.slick-next:before  {color: #fff;border: 0; border-radius: 0;padding: 0 5px 5px 10px;font-size: 4.0rem; line-height: 0;opacity: 1 !important;}
button.slick-next.slick-arrow.slick-disabled,
button.slick-prev.slick-arrow.slick-disabled {  opacity: .6 !important;background-color: #555 !important;}

.smartphoto-nav     {display: none;}

/*===============================*/

.vm_head                {  padding: 1.5rem; border-width: .5rem;border-color: rgba(0,0,0,.1);border-style: solid;border-top-style: solid;margin-bottom: 10px;position: relative;overflow: hidden;}
.vm_head .cont          { margin-top: 1.5rem; margin-bottom: 1.5rem;color: #e8f7ff !important;}

.vm_head:after          { background-image: url(https://fontawesome.com/images/bg-sprinkles-92441ec1dadd3a5fd51c0001b5c611e9.svg?vsn=d); background-repeat: repeat; opacity: .1; content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: top; border-radius: inherit; }
.auDescrip .dll_head    { background-color: #dfe9f2; color: #767676 !important;width: 100%;float: left;    margin: 0;}
.auDescrip .dll_head h1 { font-size: 3em;}
.auDescrip .dll_head h3 { font-size: 1.5em;line-height: 1.5em;}
.auCaracter .dll_head   { color: #fff !important;padding: 50px 0;background-position: center;}
.test-driver .dll_head  { background-image: url( '../images/banners/company-bg.jpg'); color: #fff !important;padding: 50px 0;background-position: center;}
.cotizar .dll_head      { background-image: url( '../images/banners/inner-banner4.jpg ');}
.dll_head 		        { position: relative; padding: 20px 0; background-color: #e9e9f1; background-position: 50% 0; background-size: cover; text-align: center; margin-bottom: 2em; }
.color_overlay 	        { position: absolute; width: 100%; height: 100%; top: 0; background-color: #a3c95c; opacity: .3; background: url('../images/overlaysdots.png') repeat; }
.bg_overlay 	        { background-color: rgba(6, 120, 188, 0.9); color: inherit; position: absolute; width: 100%; height: 100%!important; left: 0; top: 0; }

/*====================*/
/*====== FOOTER ======*/
/*====================*/
footer          { width: 100%;float: left;}
.copy p         {margin: 0px;}
.copy           {  z-index: 2;min-height: 15px;background-color: transparent;color: #7F7F7F;text-align: center;font-size: 12px;}
.pin-top        { position: relative; }
.pin-bottom     { position: relative;   }
.pinned         {   position: fixed !important;   }
.checkeable img {  border: 5px solid transparent;}
.checkeable input {  display: none;}
.checkeable input:checked  + img {border-color: #003478;}
.checkeable     { cursor: pointer;}
.slider .slides {    background-color: transparent !important;}

/*====================*/
/*====== FORD ======*/
/*====================*/
.cl_marca #header nav            { color: #777 !important;background-color: #fff;width: 100%;height: 74px !important;line-height: 74px;box-shadow: none !important;}
.cl_marca #header nav ul a       { color: #777;text-transform: uppercase;font-size: 1rem;}
.cl_marca #header nav .sidenav-trigger    {  color: #206aa9;}
.cl_marca #header nav .sidenav-trigger i  { height: 74px;line-height: 74px; font-size: 2rem;font-weight: bold;}
.cl_marca nav ul li.active > a,
.cl_marca nav ul >li> a:hover    { color: #fff !important;background-color: #206aa9 !important;}
.cl_marca .imgMenu  li:hover,
.cl_marca .imgMenu  a:hover      { color: #206aa9 !important;background: none !important;}
.cl_marca .mModelos strong       { color: #0678bc;}
.cl_marca #pageSlide .sliderPg .caption          {  background: #112b4e;}
.cl_marca #pageSlide .sliderPg h5.cost 		{ color: #112b4e; }
.cl_marca .auGaleria     { background-color: #112b4e;}
.cl_marca .carTable table tbody tr td i { color: #0678bc;}
.cl_marca .carTable table thead tr.desc th {color: #003478;background-color: #dcecf6;}
.cl_marca .logo          { }
.cl_marca .auCaracter th { color: #0678bc;}
.cl_marca .dll_head      { color: #003478;}
.cl_marca .carousel .indicators .indicator-item           {background-color: #dcecf6 !important;}
.cl_marca .carousel.version-auto span { background: #003478;}
.cl_marca .carousel.version-auto a.carousel-item { color: #003478;}
.cl_marca .blue.darken-1.dtl {  background-color: #1E88E5 !important;}
.cl_marca .blue-text.text-darken-4.dtl {color: #0D47A1 !important;}
.cl_marca [type="radio"]:checked+span:after,
.cl_marca [type="radio"].with-gap:checked+span:after { background-color: #0678bc;}
.cl_marca [type="radio"]:checked+span:after,
.cl_marca [type="radio"].with-gap:checked+span:before,
.cl_marca [type="radio"].with-gap:checked+span:after {  border: 2px solid #0678bc;}
.cl_marca .select-wrapper input.select-dropdown      {   border-bottom: 2px solid #0678bc;}
.cl_marca label              {color: #0678bc !important;}
.cl_marca .cotizar label     {  color: #0678bc; border-left: 2px solid #0678bc; background: rgba(6, 120, 188, 0.1411764705882353);}
.cl_marca input[type=range]+.thumb,
.cl_marca input[type=range]::-webkit-slider-thumb { background: #0678bc;}
.cl_marca .vm_head {background-color: #228ae6;}
.cl_marca .btn,
.cl_marca .btn-large,
.cl_marca .btn-small             {background-color: #0070b8;}
.cl_marca .popup .header         {background-color: #206aa9;}
.cl_marca .popup .modal-footer   {  background: rgba(32, 106, 169, 0.33) !important;}
.cl_marca .slick-prev,
.cl_marca .slick-next            {background-color: #0678bc !important;}


/*====================*/
/*====== KIA ======*/
/*====================*/
.cl_kia #header             { border: 1px solid #bb162b;border-top: 5px solid #bb162b;}
.cl_kia #header nav         { color: #777 !important;background-color: #fff;width: 100%;height: 74px !important;line-height: 74px;box-shadow: none !important;}
.cl_kia #header nav ul a    { color: #777;text-transform: uppercase;font-size: 1rem;}
.cl_kia #header nav .sidenav-trigger    {  color: #bb162b;}
.cl_kia #header nav .sidenav-trigger i  { height: 74px;line-height: 74px; font-size: 2rem;font-weight: bold;}
.cl_kia nav ul li.active > a,
.cl_kia nav ul >li> a:hover { color: #fff !important;background-color: #bb162b !important;}
.cl_kia .imgMenu  li:hover,
.cl_kia .imgMenu  a:hover   {color: #bb162b !important;background: none !important;}
.cl_kia h2.head_dll         { background: #400b0e;}
.cl_kia #pageSlide .sliderPg .caption          {  background: #761c21;}
.cl_kia #pageSlide .table-of-contents a        { background-color: #bb162b;}
.cl_kia #pageSlide .table-of-contents a:hover,
.cl_kia #pageSlide .table-of-contents a.active { background: #761c21; border-left: 5px solid #bb162b;}
.cl_kia #pageSlide .sliderPg h5.cost 		{ color: #400b0e; }
.cl_kia .auGaleria     { background-color: #400b0e;}
.cl_kia .carTable table tbody tr td i { color: #bb162b;}
.cl_kia .carTable table thead tr.desc th {color: #761c21;background-color: rgba(174, 43, 50, 0.14);}
.cl_kia .logo          { background: url("../images/lg_marcas/kia.png") no-repeat center center !important;background-size: 80%!important;}
.cl_kia .auCaracter th { color: #bb162b;}
.cl_kia .dll_head      { color: #761c21;}
.cl_kia .carousel .indicators .indicator-item           {background-color: rgba(174, 43, 50, 0.14) !important;}
.cl_kia .carousel.version-auto span { background: #761c21;}
.cl_kia .carousel.version-auto a.carousel-item { color: #761c21;}
.cl_kia .blue.darken-1.dtl {  background-color: #bb162b !important;}
.cl_kia .blue-text.text-darken-4.dtl {color: #761c21 !important;}
.cl_kia [type="radio"]:checked+span:after,
.cl_kia [type="radio"].with-gap:checked+span:after { background-color: #bb162b;}
.cl_kia [type="radio"]:checked+span:after,
.cl_kia [type="radio"].with-gap:checked+span:before,
.cl_kia [type="radio"].with-gap:checked+span:after {  border: 2px solid #bb162b;}
.cl_kia .select-wrapper input.select-dropdown      {   border-bottom: 2px solid #bb162b;}
.cl_kia label              { color: #bb162b !important;}
.cl_kia .cotizar label     { color: #bb162b; border-left: 2px solid #bb162b; background: rgba(174, 43, 50, 0.14);}
.cl_kia input[type=range]+.thumb,
.cl_kia input[type=range]::-webkit-slider-thumb { background: #bb162b;}
.cl_kia .vm_head            { background-color: #bb162b;}
.cl_kia .btn,
.cl_kia .btn-large,
.cl_kia .btn-small              { background-color: #761c21;}
.cl_kia .popup .header          { background-color: #bb162b;}
.cl_kia .popup .modal-footer    { background:rgba(174, 43, 50, 0.14) !important;}
.cl_kia .slick-prev,
.cl_kia .slick-next             { background-color: #bb162b !important;}
.cl_kia .mModelos strong        { color: #761c21;}
.cl_kia .slick-dots li button:before {color: rgba(174, 43, 50, 0.14) !important;}
.cl_kia .slick-dots li.slick-active button:before {color:#761c21 !important; }


/*====================*/
/*====== LINCOLN ======*/
/*====================*/

.cl_lincoln #header             { border: 1px solid #3e4e55;border-top: 5px solid #3e4e55;}
.cl_lincoln #header nav         { color: #777 !important;background-color: #fff;width: 100%;height: 74px !important;line-height: 74px;box-shadow: none !important;}
.cl_lincoln #header nav ul a    { color: #777;text-transform: uppercase;font-size: 1rem;}
.cl_lincoln #header nav .sidenav-trigger    {  color: #3e4e55;}
.cl_lincoln #header nav .sidenav-trigger i  { height: 74px;line-height: 74px; font-size: 2rem;font-weight: bold;}
.cl_lincoln nav ul li.active > a,
.cl_lincoln nav ul >li> a:hover { color: #fff !important;background-color: #3e4e55 !important;}
.cl_lincoln .imgMenu  li:hover,
.cl_lincoln .imgMenu  a:hover   { color: #3e4e55 !important;background: none !important;}
.cl_lincoln h2.head_dll         { background: #293338;}
.cl_lincoln #pageSlide .sliderPg .caption          {  background: #324047;}
.cl_lincoln #pageSlide .table-of-contents a        { background-color: #3e4e55;}
.cl_lincoln #pageSlide .table-of-contents a:hover,
.cl_lincoln #pageSlide .table-of-contents a.active { background: #324047; border-left: 5px solid #3e4e55;}
.cl_lincoln #pageSlide .sliderPg h5.cost 		{ color: #324047; }
.cl_lincoln .auGaleria                          { background-color: #293338;}
.cl_lincoln .carTable table tbody tr td i       { color: #3e4e55;}
.cl_lincoln .carTable table thead tr.desc th    {color: #324047;background-color: #e0e0e0;}
.cl_lincoln .logo          { background: url("../images/lg_marcas/lincoln.png") no-repeat center center !important;background-size: 63%!important;}
.cl_lincoln .auCaracter th { color: #3e4e55;}
.cl_lincoln .dll_head      { color: #324047;}
.cl_lincoln .carousel .indicators .indicator-item   {background-color: #e0e0e0 !important;}
.cl_lincoln .carousel.version-auto span             { background: #324047;}
.cl_lincoln .carousel.version-auto a.carousel-item  { color: #324047;}
.cl_lincoln .blue.darken-1.dtl                      {  background-color: #3e4e55 !important;}
.cl_lincoln .blue-text.text-darken-4.dtl            {color: #324047 !important;}
.cl_lincoln [type="radio"]:checked+span:after,
.cl_lincoln [type="radio"].with-gap:checked+span:after { background-color: #3e4e55;}
.cl_lincoln [type="radio"]:checked+span:after,
.cl_lincoln [type="radio"].with-gap:checked+span:before,
.cl_lincoln [type="radio"].with-gap:checked+span:after {  border: 2px solid #3e4e55;}
.cl_lincoln .select-wrapper input.select-dropdown      {   border-bottom: 2px solid #3e4e55;}
.cl_lincoln label                   { color: #3e4e55 !important;}
.cl_lincoln .cotizar label          { color: #3e4e55; border-left: 2px solid #3e4e55; background: #e0e0e0;}
.cl_lincoln input[type=range]+.thumb,
.cl_lincoln input[type=range]::-webkit-slider-thumb { background: #3e4e55;}
.cl_lincoln .vm_head                { background-color: #3e4e55;}
.cl_lincoln .btn,
.cl_lincoln .btn-large,
.cl_lincoln .btn-small              { background-color: #324047;}
.cl_lincoln .popup .header          { background-color: #3e4e55;}
.cl_lincoln .popup .modal-footer    { background:#e0e0e0 !important;}
.cl_lincoln .slick-prev,
.cl_lincoln .slick-next             { background-color: #3e4e55 !important;}
.cl_lincoln .mModelos strong        { color: #324047;}
.cl_lincoln .slick-dots li button:before {color: #e0e0e0 !important;}
.cl_lincoln .slick-dots li.slick-active button:before {color:#324047 !important; }

/*====================*/
/*====== MAZDA ======*/
/*====================*/

.cl_mazda #header             { border: 1px solid #191919;border-top: 5px solid #191919;}
.cl_mazda #header nav         { color: #777 !important;background-color: #fff;width: 100%;height: 74px !important;line-height: 74px;box-shadow: none !important;}
.cl_mazda #header nav ul a    { color: #777;text-transform: uppercase;font-size: 1rem;}
.cl_mazda #header nav .sidenav-trigger    { color: #191919;}
.cl_mazda #header nav .sidenav-trigger i  { height: 74px;line-height: 74px; font-size: 2rem;font-weight: bold;}
.cl_mazda nav ul li.active > a,
.cl_mazda nav ul >li> a:hover   { color: #fff !important;background-color: #191919 !important;}
.cl_mazda .imgMenu  li:hover,
.cl_mazda .imgMenu  a:hover     {color: #191919 !important;background: none !important;}
.cl_mazda h2.head_dll           { background: #fff;}
.cl_mazda h2.head_dll .ttl      { border-bottom: 2px solid #910a2d;color: #191919;}
.cl_mazda #pageSlide .sliderPg .caption          {  background: #191919;}
.cl_mazda #pageSlide .table-of-contents a        { background-color: #191919;}
.cl_mazda #pageSlide .table-of-contents a:hover,
.cl_mazda #pageSlide .table-of-contents a.active { background: #324047; border-left: 5px solid #191919;}
.cl_mazda #pageSlide .sliderPg h5.cost 		{ color: #191919; }
.cl_mazda .auGaleria        { background-color: #fff;}
.cl_mazda .auGaleria   img  { border: 4px double #999;}
.cl_mazda .carTable table tbody tr td i     { color: #191919;}
.cl_mazda .carTable table thead tr.desc th  {color: #324047;background-color: #e0e0e0;}
.cl_mazda .logo          { background: url("../images/lg_marcas/mazda.png") no-repeat center center !important;background-size: 63%!important;}
.cl_mazda .auCaracter th { color: #191919;}
.cl_mazda .dll_head      { color: #324047;}
.cl_mazda .carousel .indicators .indicator-item           { background-color: #e0e0e0 !important;}
.cl_mazda .carousel.version-auto span { background: #191919;}
.cl_mazda .carousel.version-auto a.carousel-item { color: #324047;}
.cl_mazda .blue.darken-1.dtl {  background-color: #191919 !important;}
.cl_mazda .blue-text.text-darken-4.dtl {color: #324047 !important;}
.cl_mazda [type="radio"]:checked+span:after,
.cl_mazda [type="radio"].with-gap:checked+span:after { background-color: #191919;}
.cl_mazda [type="radio"]:checked+span:after,
.cl_mazda [type="radio"].with-gap:checked+span:before,
.cl_mazda [type="radio"].with-gap:checked+span:after { border: 2px solid #191919;}
.cl_mazda .select-wrapper input.select-dropdown      { border-bottom: 2px solid #191919;}
.cl_mazda label              {color: #191919 !important;}
.cl_mazda .cotizar label     {  color: #191919; border-left: 2px solid #191919; background: #e0e0e0;}
.cl_mazda input[type=range]+.thumb,
.cl_mazda input[type=range]::-webkit-slider-thumb { background: #191919;}
.cl_mazda .vm_head {background-color: #191919;}
.cl_mazda .btn,
.cl_mazda .btn-large,
.cl_mazda .btn-small             { background-color: #324047;}
.cl_mazda .popup .header         { background-color: #191919;}
.cl_mazda .popup .modal-footer   { background:#e0e0e0 !important;}
.cl_mazda .slick-prev,
.cl_mazda .slick-next            { background-color: #191919 !important;}
.cl_mazda .mModelos strong       { color: #324047;}
.cl_mazda .slick-dots li button:before { color: #e0e0e0 !important;}
.cl_mazda .slick-dots li.slick-active button:before { color:#324047 !important; }


/*============|LOGIN|============*/
.login          {}
.login .overlay:before        {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.dtl-container          { max-width: 1100px;}
.dtl-container.width    { width: 90%;}
.dtl-container          {  margin: 2.75em auto;}
.dtl-sidebar .widget-r:last-child { margin-bottom: 2em;}
.dtl-sidebar .widget-r  {  margin-top: 3em;}

.dtl-title i,
.dtl-title              {font-size: 3rem !important; color: #fff;font-weight: 600 !important;text-shadow: 3px 3px 7px #999;}
.dtl-titlepp i,
.dtl-titlepp            {font-size: 30px !important; color: #5381ac;font-weight: 600 !important;}

.lista th               {color: #fff;
    font-weight: 700;
    background: #5281ac;
    border-right: 2px #fff solid;
    text-align: center;}

.lista td a             {margin: 0 auto;}
.lista th:last-child,
.lista td:last-child    {width: 135px; text-align: center;}
.lista .card.dtl .card-image { height: 135px;background-size: cover !important;overflow: hidden;background: url('../images/paper.jpg') no-repeat center center;}
.page-footer            {  background-color: #5381ac !important;}
.modal          {border-radius: 0px !important;border: none !important;}
.modal-footer   { background: rgba(82, 129, 172, 0.14) !important;}
.dtl-login-cont { max-width: 420px;width: 100%;margin: 5em auto; padding: 40px 20px 30px;}
.dtl-client-cont { max-width: 900;width: 100%;margin: 5em auto; padding: 40px 20px 30px;}
.dtl-perfil-cont { max-width: 900;width: 100%;margin: 5em auto; padding: 40px 20px 30px;}

.serviPage .card.dtl .card-image,
.qSomos .card.dtl .card-image,
.filiale .card.dtl .card-image  { height: 250px; background-size: cover !important; overflow: hidden;}
.section {position: relative;}

/*============|QUIENES SOMOS|============*/
.qSomos h3 { color: #282828;font-size: 18px;margin-bottom: 0;}

/*============|SERVICIOS|============*/

.serviPage .card.dtl h3 {text-align: center; }
.serviPage h3 {  color: #282828;font-size: 18px; margin-bottom: 0;}
.serviPage .dtl-title i,
.serviPage .dtl-title { text-shadow: 3px 3px 7px #112847;}
.serviPage .formCita{margin-top: 100px;}
.serviPage .formCita .card-title.header { padding: 15px;margin-left: -12px;}
.bg_overlay     { background-color: rgba(6, 120, 188, 0.9); color: inherit; position: absolute; width: 100%; height: 100%!important; left: 0; top: 0; z-index: 0; }
.up_bg_overlay  { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; padding: 10%; }
.serviPage .servicios .box_blc,
.serviPage .servicios .box_outline { min-height: 320px;}
.serviPage .servicios img   {  width: 150px;}


/*============|FILIALE|============*/
/*============|CONTACTO|============*/
.contacto {background-color: #f7f8fb;}
.contacto .header_contact { height: 250px; overflow: hidden; background: url(../images/map.png) no-repeat center center;}
.dtl_input textarea     {height: 112px !important;padding-top: 10px !important;}
.dtl_input input        {height: 50px !important;padding: 0 10px !important;}
.dtl_input textarea,
.dtl_input input        { display: block; width: 100%; border: 1px solid #e3e4e5 !important; background: #fff !important; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.contacto .dtl-title    { color: #0678bc; }
.form-bloq              { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 31px 30px 10px 30px !important; background-color: #fff; }
.form_contact_dtl .container { margin-top: -100px; }
.form_contact_dtl       { position: absolute; width: 100%; }
.link_bloq .collection .collection-item.avatar i.circle { background-color: #206aa9 !important; }
.link_bloq              { color: #206aa9 !important; }
.link_bloq              { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 24px 30px !important; background-color: #0678bc; background-repeat: repeat; background-image: url(../images/square_bg.png); }
.link_bloq .collection .collection-item.avatar { min-height: 60px; }
input,
textarea { border-radius: 0; }
/*============|MEDIA QUERY|============*/
@media screen and (min-width: 540px) {
    .vm_head {  padding-left: 3rem;padding-right: 3rem;}
}
@media only screen and (max-width: 992px) {
    .pageBanner .info {position: relative;}
}

@media only screen and (min-width: 650px){
    .sliderPg .captionPanel { top: 70% !important; left: 15% !important;   }
}
@media only screen and (min-width: 992px){
    .captionPanel   { max-width: 700px; width: 100% !important;}
    .ttlSl          { font-size: 28px !important;font-weight: 700; }
    .pSl            { font-size: 27px !important;font-weight: 400;}
}