/*
CTC Separate Stylesheet
Updated: 2020-11-09 09:38:31
Theme Name: Cooltra 2020
Template: cooltra
Version: 1.0.1604911111
*/
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}
@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('fonts/Gilroy-RegularItalic/font.woff2') format('woff2'), url('fonts/Gilroy-RegularItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-SemiBoldItalic';
    src: url('fonts/Gilroy-SemiBoldItalic/font.woff2') format('woff2'), url('fonts/Gilroy-SemiBoldItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-Regular';
    src: url('fonts/Gilroy-Regular/font.woff2') format('woff2'), url('fonts/Gilroy-Regular/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-MediumItalic';
    src: url('fonts/Gilroy-MediumItalic/font.woff2') format('woff2'), url('fonts/Gilroy-MediumItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('fonts/Gilroy-SemiBold/font.woff2') format('woff2'), url('fonts/Gilroy-SemiBold/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-Bold';
    src: url('fonts/Gilroy-Bold/font.woff2') format('woff2'), url('fonts/Gilroy-Bold/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-BoldItalic';
    src: url('fonts/Gilroy-BoldItalic/font.woff2') format('woff2'), url('fonts/Gilroy-BoldItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-ExtraBoldItalic';
    src: url('fonts/Gilroy-ExtraBoldItalic/font.woff2') format('woff2'), url('fonts/Gilroy-ExtraBoldItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('fonts/Gilroy-ExtraBold/font.woff2') format('woff2'), url('fonts/Gilroy-ExtraBold/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-Light';
    src: url('fonts/Gilroy-Light/font.woff2') format('woff2'), url('fonts/Gilroy-Light/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-LightItalic';
    src: url('fonts/Gilroy-LightItalic/font.woff2') format('woff2'), url('fonts/Gilroy-LightItalic/font.woff') format('woff');
  }
  @font-face {
    font-family: 'Gilroy-Medium';
    src: url('fonts/Gilroy-Medium/font.woff2') format('woff2'), url('fonts/Gilroy-Medium/font.woff') format('woff');
  }
  

#header .logo{
    background-image: url(img/logo.png) !important;
    background-size: contain !important;
    width:200px;
    height: 50px;
  }
  #footer .logo{
    background-image: url(img/logo-cooltra-white.png) !important;
    background-size: contain !important;
    width: 100%;
    max-width: 250px;
  }
  
  
  body {
      font-family: 'Gilroy-Regular';
  }
  #header .top{
    background-color: #0088ff;
  }
  #header .holder{
    color: #0088ff;
    background-color: #fff;
    font-weight: 600;
  }
  
  #header .holder a{
      font-weight: 600;
      font-family: 'Gilroy-Regular';
  } 
  #header .logo-wrap{
    padding: 25px 0 10px;
  }
  #header .logo-wrap:before{
    content: none;
  }
  
  #main-nav ul li{
    border-left: 1px solid #0088ff;
  }
  
  #main-nav ul li:first-child{
    border-left: none;
  }
  .rent-block {
      background-color: #0088ff;
  }
  .rent-block h3{
    color: white;
  }
  
  .rent-block .form-control.place {
    background-image:url(img/ic-pin.svg) ;
  }
  
  .rent-block .form-control.datepick {
    background-image: url(img/ic-today.svg);
  }
  
  .select2.select2-container.select2-container--default .select2-selection--single.style-hours .select2-selection__arrow {
    background-image: url(img/ic-clock.svg) ;
  }
  .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #0088ff transparent transparent transparent;
  }
  
  .buscador_keep .btn-search{
    background-color: #0088ff;
    color: white !important;
    border-color: white ;
  }
  

  .extras .extra-list .extra .title{
    color: white !important;
  }

  .extras .extra-list .extra .inverse-check .title{
    color: #0088ff !important;
  }


  .btn.btn-default.btn-search.leaflet-clickable{
    border: 2px solid #0088ff;
    background-size: 40px 100%;
  }
  

 .info-slider .slide .btn-default{
    background-color: #0088ff;
    color: white;
    border-color: white;
    background-image:  url('./img/bg-btn-01-inv.png') ;
  }

  .btn-default{
    background-color: #0088ff;
    color: white;
    border-color: #0088ff;
    background-image:  url('./img/bg-btn-01-inv.png') ;
  }

  .shop-item   .btn-default{
    border: 1px solid #0088ff;
  }
  
  .info-slider .btn-default{
    border-color: #0088ff;
  }
  
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .btn-default:focus:hover{
    background-image:  url('./img/bg-btn-01-inv.png') ;
    color: #0088ff;
  }


  .thumbnail-box .btn-default{
    border-color: white;
  }


  
  .rent-block .btn:before, .btn-default:before,.info-slider .slide .btn-default:before {
    width: 35px;
    height: 40px;
    margin-top: -20px;
    right: 0px;
  }

  .btn-default:before {
    right: -5px;
}

.shops-block .shop-item .btn-default:before {
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 0;
}
  
  .social a{
    color: #0088ff;
  }
  
  .include-bar h3{
    background-color: #0061d5;
  }
  
  .include-bar h3:after{
    border-color: transparent transparent transparent #0061d5;
  }
  .info-box,.thumbnail-box figcaption,#footer{
    background-color: #0088ff;
  }
  .info-box strong,.thumbnail-box figcaption h3{
    color: white;
  }

  @media (max-width: 992px){
    .include-bar h3:after{
      border-color: #0061d5 transparent transparent transparent ;
    }
    .info-box strong, .thumbnail-box figcaption h3{
      color: #0088ff;
    }
  }

  @media(max-width:768px){
    .thumbnail-gallery .thumbnail-box figcaption:after{
      border-color: #0088ff;
    }
  }

  


  .info-box .lbl{
    background-color: #0061d5;
  }
  
  
  #app .motos .booking .scooters .scooter .price-per-day{
    background-color: #0088ff  !important;
    color: #fff;
    font-weight: 500;
  }
  
  #app a{
    color: #0088ff;
  }
  
 

  #app .info-booking .price .orange-button .continue,
  #app .info-booking .price .orange-button .small{
    color: white !important;
  }
  
  
  
  
  #app .motos .price p.text-success, #app .motos .mobile_info p.text-success{
    color: #2cc84d !important;  
  }
  
  #app .motos .steps .progress .progress-bar{
    background-color: #0088ff;
  }
  #app .motos .steps .step.active{
    color: #0088ff;
  }
  #app .title.blue {
    color: #0088ff !important;
  }
  #app .info-booking .box.blue{
    border-color: #0088ff;
  }
  #app .modal.blue .modal-content{
    background-color: #0088ff;
  }
  
  #app .box .orange-button .title{
    color: white;
  }
  
  .insurance-container-inner,.insurance-box-values td{
    background-color: white;
  }
  
  .insurance-box-data:not(.excellence_no).excellence, .insurance-box-data.excellence_hover{
    border-color: #0088ff;
  }
  
  .onoffswitch-checkbox:checked + .onoffswitch-label{
    background-color: #0088ff;
  }
  .onoffswitch-checkbox:checked + .onoffswitch-label:before{
    background-color: #0061d5;
  }
  
  .testimonials-slider .slick-arrow:before{
    border-color: #0061d5;
  }
  
  .datepicker, .rent-block .drop-wrap{
    background-color: #0088ff !important;
  }
  
  ul#myTab.nav.nav-tabs.title.blue {
    border-bottom: 2px solid #0088ff !important;
  }
  
  ul#myTab.nav.nav-tabs.title.blue .nav-link.active, ul#myTab.nav.nav-tabs.title.blue .nav-item.show .nav-lin{
    border-color: #0088ff !important;
    border-bottom-color: transparent !important;
  }
  
  #app .motos .booking .scooters .scooter.order-0{
    border-color: #0088ff;
  }
  #app .box.blue{
    border-color: #0088ff !important;
  }
  
  #app .motos .booking .scooters > .title > span{
    color: #0088ff;
  }
  
  #app .info-booking .title a i{
    font-style: normal;
  }

  #app .orange-button.inverse-old {
    background-image: url('./img/button-inverse-old.png') !important;
    border: 0 !important;
}


#app .price .orange-button, #app .tarjeta .orange-button {
  background-image: url('./img/orange-button.png');
}

/*
  #app .orange-button.inverse-old:after{
    content: " ";
    background-image: url('./img/ic-arrow-next.svg') !important;
    height: 50px;
    width: 35px;
    top: 5px;
    right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
  }
  #app .orange-button.inverse-old{
    background-color: #0088ff  !important;
    color: white !important;
    border: 2px solid #0088ff  !important;
    background-image:  url('./img/bg-btn-01-inv.png')  !important;
    position: relative;
    border-radius: 5px;
  }
  
  #app .orange-button{
    background-image:  url('./img/bg-btn-01-inv.png') !important;
    background-color: #0088ff  !important;
    color: white !important;
    border: 2px solid #0088ff  !important;
    background-position: right;
  }

  #app .orange-button.plus {
    background-image: url('./img/orange-button-plus.png') !important;
    filter: brightness(0) saturate(100%) invert(32%) sepia(86%) saturate(2186%) hue-rotate(193deg) brightness(103%) contrast(106%);
  }
  #app .orange-button.inverse-check {
    background-image: url('./img/button-inverse-short-check.png') !important;
}*/

@media(max-width:991px){
  #header .logo{
    left: 50px;
    position: relative;
  }
  #header .open-menu{
    background-color: #0088ff;
    padding: 0.25rem 0.5rem;
    border: 3px solid #0088ff;
    width: 40px;
    
  }
  #header .mobile-list li a.menu , #header .mobile-list li a.tel {
    filter: brightness(0) saturate(100%) invert(48%) sepia(69%) saturate(5810%) hue-rotate(193deg) brightness(103%) contrast(107%);
  }
  #header .mobile-list li .dropdown-menu{
    background-color: white;
   
  }
  #header .mobile-list li .dropdown-menu .dropdown-item{
    color: #0088ff;
  }
  .modal.blue .modal-content{
    background-color: #0088ff;
  }
  #main-nav{
    background-color: white;
  }
}

#modal-telf fieldset legend{
  background-color: #0088ff;;
}