@font-face {
    font-family: 'nowayregular';
    src: url('fonts/noway-regular-webfont.eot');
    src: url('fonts/noway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noway-regular-webfont.woff2') format('woff2'),
         url('fonts/noway-regular-webfont.woff') format('woff'),
         url('fonts/noway-regular-webfont.ttf') format('truetype'),
         url('fonts/noway-regular-webfont.svg#nowayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nowaymedium';
    src: url('fonts/noway-medium-webfont.eot');
    src: url('fonts/noway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noway-medium-webfont.woff2') format('woff2'),
         url('fonts/noway-medium-webfont.woff') format('woff'),
         url('fonts/noway-medium-webfont.ttf') format('truetype'),
         url('fonts/noway-medium-webfont.svg#nowaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nowaybold';
    src: url('fonts/noway-bold-webfont.eot');
    src: url('fonts/noway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noway-bold-webfont.woff2') format('woff2'),
         url('fonts/noway-bold-webfont.woff') format('woff'),
         url('fonts/noway-bold-webfont.ttf') format('truetype'),
         url('fonts/noway-bold-webfont.svg#nowaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* mobile breakpoint with hamburger menu */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}



/* general rules */

body {
    font-family: 'nowayregular'; font-size:17px;
}
.regular {
    font-family: 'nowayregular';
}
.medium {
    font-family: 'nowaymedium';
}
.bold {
    font-family: 'nowaybold';
}

a { color:#339980; }
a:hover { color: inherit; text-decoration:none;}


::selection { color:white; background-color: #339980;}
::-moz-selection { color:white; background-color: #339980;}
::-webkit-selection { color:white; background-color: #339980;}

.margintop5 { margin-top:5px; }
.marginbottom50 { margin-bottom:50px; }

.box-with-shadow {
    -webkit-box-shadow: 10px 10px 19px 0px rgba(183,194,191,0.49);
    -moz-box-shadow: 10px 10px 19px 0px rgba(183,194,191,0.49);
    box-shadow: 10px 10px 19px 0px rgba(183,194,191,0.49);
}

.btn {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.btn:hover, .button-normal:hover
{
        box-shadow:
                1px 1px #336666,
                2px 2px #336666,
                3px 3px #336666;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
        background-color: #339980;
        color:white;
}

/* - - - - - - - - - - - TEXT - - - - - - - - - - - - - - - - */

h1 { color: #339980; margin-top:60px; }
h2 { color: black; font-family:nowaymedium; font-size:26px; }
h3 { color: #339980; font-family:nowaybold; font-size:32px; }
h4 { color: #339980; font-family:nowaybold; font-size:24px; }

.heading-linea {text-align:center;}
.heading-linea-left {text-align:left;}

.heading-linea::after  {display:block; content:''; width:100px; height:4px; background-color: rgba(51,153,128,0.6); margin: 20px auto 50px auto;}
.heading-linea-left::after  {display:block; content:''; width:100px; height:4px; background-color: rgba(51,153,128,0.6); margin: 20px 0 50px 0;}

.text-center { text-align:center; }

/* - - - - - - - - - - - NAVBAR - - - - - - - - - - - - - - - - */



.navbar-default { 
    margin-bottom:0px;
    border-width:0px;
    background-color: rgba(255,255,255,0.9);
}
.navbar li {margin-top:auto; margin-bottom:auto; text-align:center;}
.dadocar-logo { height: 120px; }
.dadocar-logo img { height: 100%; }

.menu-links p:hover { color:#555555;}



/* menu over 1200px (normal menu) */

@media (min-width:1201px) {
    .menu-links li:not(:first-child) { margin-left:60px;}
    
    .menu-links a { padding-left:0px !important; padding-right:0px !important;}
    .menu-links p { font-family: 'nowaymedium'; font-size:17px; color:#000000; }
    
    
    .menu-links p:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 3px;
      bottom: 20px;
      left: 0;
      background: #339980;
      visibility: hidden;
      transform: scaleX(0);
      transition: .25s linear;
    }
    .menu-links li:hover p:before,
    .menu-links li:focus p:before {
      visibility: visible;
      transform: scaleX(1);
    }
    
    .menu-links img {height:45px; display:inline-block ; margin-top:20px;}
    
    
    .dropdown-menu {
        min-width: 250px !important;
    }
    
    .navbar li.sublevelmenuitem { 
        margin-left:20px !important; 
        margin-right:20px !important; 
        margin-top:5px !important; 
        margin-bottom:5px !important; 
       
        font-size:16px;
        transition: .3s linear;
    }
    .navbar li.sublevelmenuitem:hover { 
        background-color:white !important;
        transform: translateX(3px);
    }
    .navbar li.sublevelmenuitem a:hover { 
        background-color:white !important;
        color: #339980;
    }
}

.menu-cita {
    height:130px;
    width:150px;
    text-align:center;
}
.citabutton-top { 
    border: 3px solid #339980; 
    padding:10px; 
    margin-top:10px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.citabutton-top:hover { 
    box-shadow:
                1px 1px #339980,
                2px 2px #339980,
                3px 3px #339980;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
}
.citabutton-top:hover .cita-top { color:#339980; }
.cita-top { font-family:nowaymedium; color:#339980;}


.citabutton-bottom { 
    position:absolute; 
    bottom:10px; 
    left: 0px; 
    background-color: #ef8b1e; 
    padding:10px; 
    width:150px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.cita-bottom { font-family:nowaymedium; color:white;}

.citabutton-bottom:hover
{
        box-shadow:
                1px 1px #339980,
                2px 2px #339980,
                3px 3px #339980;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
        color:white;
}
.citabutton-bottom:hover .cita-bottom { color:white;}



/* menu under 1200px (hamburger menu)  */

@media (min-width:1201px) {
    #bs-example-navbar-collapse-1 { display:none !important; }
}


/* - - - - - - - - - - - PAGE TITLE - - - - - - - - - - - - - - */

.title-container {
    background-color: #339980;
    padding-bottom:30px;
    margin-bottom:40px;
}

.title-container h1  { color:white; font-family: "nowaymedium"; font-size:35px; margin-top:40px;}

#main-slider { max-height:720px; overflow:hidden; margin-bottom:20px;}


.breadcrumbs { color:white; padding-top:60px;}
@media (max-width:767px){ .breadcrumbs {padding-top:20px;} }

.breadcrumb-link { color:white; }

/* - - - - - - - - - - - FOOTER - - - - - - - - - - - - - - */

.footer-columns {
    padding-top:50px;
    padding-bottom:50px;
    background-color: rgba(51, 153, 128, 0.2)
}

.footer-columns-madrid {
    padding-top:50px;
    padding-bottom:50px;
    background-color: rgb(35 51 47 / 20%);
}

.footer-columns .col-sm-3 { padding-bottom:30px; }

.footer-columns img { width:80%; max-width: 200px; }

.footer-bottom {
    background-color: #339980;
    padding-top:30px;
    padding-bottom:30px;
    color:white;
}

.footer-bottom-madrid {
    background-color: #353535;
    padding-top:30px;
    padding-bottom:30px;
    color:white;
}

.footer-textbox {
    border-left: 2px solid #339980;
    padding-left:10px;
    margin-top:10px;
}


/* - - -HOME - - - - - HOME - - - - - - -HOME - - - - - - -HOME - - - - - HOME - - - - - - -HOME -  - */
/* - - -HOME - - - - - HOME - - - - - - -HOME - - - - - - -HOME - - - - - HOME - - - - - - -HOME -  - */


/* - - - - - - - - - - - HOME SLIDER - - - - - - - - - - - - - - */

.carousel-content {
  position:absolute;
  top:150px;
  left: 20vw;
  z-index: 20;
  color: black;
  width:400px;
  padding:30px 30px;
  background-color:rgba(255,255,255,0.8);
}

@media (max-width:600px){
    .carousel-content {  
        left: 10vw;
        width:80vw;
} }


.first-slide { background: url('images/covid13.jpg'); }
.second-slide { background: url('images/istock-phone.jpeg'); }
.itvmadrid-slide { background: url('images/chuttersnap-d271d_SOGR8-unsplash.jpg'); }
.both-slides {
    width:100%;
    height: 750px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}

.small-both-slides {
    width:100%;
    height: 550px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}

/*
@media (max-width:992px) {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: none !important;
    max-height:100%;
    height: auto;
} }

.home-slider-img{
    min-height:500px;
}
*/
.slider-heading {
    font-size:28px;
    color:#339980;
}


/* - - - - - - - - - - - HOME MAPS - - - - - - - - - - - - - - */

.mapa-titulo {
    background-color: #339980;
    font-size: 25px;
    font-weight:600;
    color:white;
    padding:20px;
    width:100%;
}
.mapa-img img { width:100%; margin-bottom: 30px;}


/* - - - - - - - - - - - HOME CONSEJO - - - - - - - - - - - - - - */

.consejo-column {padding-bottom:30px; }
.consejo-img { text-align:center; }
.consejo-img img { width: 80%; max-width:250px;}
.consejo-text { text-align:center; font-size: 22px; font-family: 'nowaybold'; margin-top:10px; color:black;}

/* - - - - - - - - - - - HOME CONTACTO - - - - - - - - - - - - - - */

@media (min-width:768px){
.contactform-column { padding-left:80px; } }
@media (max-width:767px){
.contactform-column { padding-top:80px; padding-left:30px;} }

.button-normal {
    background-color: #339980;
    color: white;
    font-size:18px;
    font-family: 'nowaymedium';
    padding:10px 20px;
    margin-top:20px;
    display:inline-block;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 0px !important;
    border: 0px;
}

.homecontact { 
    height:55px;
    box-sizing: border-box;
    border: 2px solid #339980; 
    padding:10px;
    width:100%;
}
.input-message { height:200px; }
.homecontact:focus { border: 3px solid #339980;  }
.homecontact:invalid { box-shadow: 10px 10px 5px #ffffff;}
.homecontact:invalid:focus { border: 3px solid #8b2500;  }
.button-submit { padding:20px; background-color: #339980; border-radius:0px; width:150px; font-size:20px; border-width:0px;}


/* - - -ESTACIONES LISTA - - - - - ESTACIONES LISTA - - - - - - -ESTACIONES LISTA - - - - - - -ESTACIONES LISTA - -  */
/* - - -ESTACIONES LISTA - - - - - ESTACIONES LISTA - - - - - - -ESTACIONES LISTA - - - - - - -ESTACIONES LISTA - -  */


.filter-row { padding-top: 10px; padding-bottom: 40px;}
.filter-row::after { content:''; clear:both; display:table;}

.filter-text { float:left; padding-top:10px; font-family: "nowaymedium"; }
.filter-box { float:left; border: 2px solid #339980; padding:10px 20px; color:#339980; margin-left:30px; margin-bottom:20px; font-family: "nowaymedium"; }
.filter-active { border:2px solid black; color:black; }

.estacion-box { border:1px solid #dedede; margin-bottom:50px; }
.estacion-box-img { overflow:hidden;}
.estacion-box-img img { width:100% ;}
.estacion-box h2 { margin-left:20px;}
.estacion-details { color: #339980; font-family: "nowaymedium"; margin-left:20px; margin-bottom:20px;}


/* - - -ESTACION SINGLE - - - - - ESTACION SINGLE - - - - - - -ESTACION SINGLE - - - - - - -ESTACION SINGLE - -  */
/* - - -ESTACION SINGLE - - - - - ESTACION SINGLE - - - - - - -ESTACION SINGLE - - - - - - -ESTACION SINGLE - -  */

.map-frame-div {overflow:hidden;}

.estacion-table td {
    padding-top:20px;
    padding-left:20px;
    vertical-align:top;
}

.button-orange {
    background-color: #ef8b1e;
    margin-left:10px;
    margin-top:40px;
}

.estacion-img-div { margin-top:30px; }
.estacion-img-div img { width:100%; }

.single-estacion-img { width: 35px; }


/* - - -OTHER PAGES - - - - - OTHER PAGES - - - - - - -OTHER PAGES - - - - - - -OTHER PAGES - -  */
/* - - -OTHER PAGES - - - - - OTHER PAGES - - - - - - -OTHER PAGES - - - - - - -OTHER PAGES - -  */

/* preguntas frecuentes */

.panel-title {
    font-family: 'nowaymedium';
    color:#339980;
    font-size:18px;
    padding-top:5px;
    padding-bottom:5px;
}

/* cita previa */

.citaprevia-form {
    font-size:18px;
    padding-top:30px;
    padding-bottom:20px;
    background-color: #efefef;
    
    min-height:410px;
}
.citaprevia-form select, .citaprevia-form input {
    font-size:16px;
}

.checkbox {
    text-align:center;
}

/* login */

.form-horizontal select, .form-horizontal input {
    font-size:16px;
}

.period-button-col { min-height:100px; }
.login-col { padding-left: 20px; padding-right:20px; }


/* equivalencia neumaticos */

.equiv-row { background-color: #efefef; margin-top:50px; padding-bottom:20px;}


/* - - - SOLO PARA EL EMAIL - - -  - - - SOLO PARA EL EMAIL - - - - - - SOLO PARA EL EMAIL - - - - - - SOLO PARA EL EMAIL - - - email.html */
/* - - - SOLO PARA EL EMAIL - - -  - - - SOLO PARA EL EMAIL - - - - - - SOLO PARA EL EMAIL - - - - - - SOLO PARA EL EMAIL - - - plantilla para cita email */

.email-box {
    margin-top:300px;
    border: 1px solid #bababa;
    background-color: white;
    border-radius:5px;
    padding: 40px 20px;
}

.custom-alert
{
    color:#fff;
    padding:10px;
}

.custom-alert a {
    color:#fff;
}

.custom-alert-danger
{
    color:#fff;
    background: #dc3545;
}

.custom-alert-success
{
    color:#fff;
    background: #398737;
}

.custom-alert-warning
{
    color:#fff;
    background: #f2b907;
}

.custom-alert-info
{
    color:#fff;
    background: #2196f3;
}

.frb-group {
	margin: 15px 0;
}

.frb ~ .frb {
	margin-top: 15px;
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
	display: none;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
	font-family: FontAwesome;
	content: '\f096';
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 15px;
	font-size: 22px;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
	content: '\f14a';
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
	position: relative;
	cursor: pointer;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f2f2f2;
}

.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {
	box-shadow: 0px 0px 3px #333;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
	color: #fafafa;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
	background-color: #f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
	color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
	background-color: #337ab7;
}

.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
	background-color: #5cb85c;
}

.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
	background-color: #5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
	background-color: #f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
	background-color: #d9534f;
}

.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
	display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
	font-size: 16px;
	font-weight: 700;
	margin: 5px 5px 5px 50px;
}

.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 5px 5px 5px 50px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
	color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
	color: #999;
}