@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


.androidFix {

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

@font-face {

    font-family: 'source_sans_prolight';

    src: url('../../../font/sourcesanspro-light-webfont.eot');

    src: url('../../../font/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../../font/sourcesanspro-light-webfont.woff2') format('woff2'), url('../../../font/sourcesanspro-light-webfont.woff') format('woff'), url('../../../font/sourcesanspro-light-webfont.ttf') format('truetype'), url('../../../font/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'source_sans_proregular';

    src: url('../../../font/sourcesanspro-regular-webfont.eot');

    src: url('../../../font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../font/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../../../font/sourcesanspro-regular-webfont.woff') format('woff'), url('../../../font/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../../../font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'source_sans_prosemibold';

    src: url('../../../font/sourcesanspro-semibold-webfont.eot');

    src: url('../../../font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../font/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../../../font/sourcesanspro-semibold-webfont.woff') format('woff'), url('../../../font/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('../../../font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}


.person-log-out{

    background: url('../../../img/logout.png') top 6px left no-repeat;

}

/*

  DESKTOP!!!!!!!!!

*/

/*

  MOBILE!!!!!!!

*/

#slotChoose > .day[data-resources="1"] .resource,

#slotChoose > .day[data-resources="1"] .resourceHeaderHolder h2 {

    width: 100%;

}

#slotChoose > .day[data-resources="2"] .resource,

#slotChoose > .day[data-resources="2"] .resourceHeaderHolder h2 {

    width: 50%;

}

#slotChoose > .day[data-resources="3"] .resource,

#slotChoose > .day[data-resources="3"] .resourceHeaderHolder h2 {

    width: 33.33333333%;

}

#slotChoose > .day[data-resources="4"] .resource,

#slotChoose > .day[data-resources="4"] .resourceHeaderHolder h2 {

    width: 25%;

}

#slotChoose > .day[data-resources="5"] .resource,

#slotChoose > .day[data-resources="5"] .resourceHeaderHolder h2 {

    width: 20%;

}

#slotChoose > .day[data-resources="6"] .resource,

#slotChoose > .day[data-resources="6"] .resourceHeaderHolder h2 {

    width: 16.66666667%;

}

#slotChoose > .day[data-resources="7"] .resource,

#slotChoose > .day[data-resources="7"] .resourceHeaderHolder h2 {

    width: 14.28571429%;

}

#slotChoose > .day[data-resources="8"] .resource,

#slotChoose > .day[data-resources="8"] .resourceHeaderHolder h2 {

    width: 12.5%;

}

#slotChoose > .day[data-resources="9"] .resource,

#slotChoose > .day[data-resources="9"] .resourceHeaderHolder h2 {

    width: 11.11111111%;

}

#slotChoose > .day[data-resources="10"] .resource,

#slotChoose > .day[data-resources="10"] .resourceHeaderHolder h2 {

    width: 10%;

}

@media (orientation: landscape) {
    #slotChoose .resourceHeaderHolder h2 {
        width: 25% !important;
    }
}


@media (orientation: portrait) {
    #slotChoose .resourceHeaderHolder h2 {
        width: 40% !important;
    }
}

@media (max-width: 767px) {

    #slotChoose > .day[data-resources="1"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="1"] .resources {

        width: 100%;

    }

    #slotChoose > .day[data-resources="1"] .resource {

        width: 90%;

    }

    #slotChoose > .day[data-activeresource="1"] .resource,

    #slotChoose > .day[data-activeresource="1"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(0%, 0, 0);

        -o-transform: translate3d(0%, 0, 0);

        -webkit-transform: translate3d(0%, 0, 0);

        transform: translate3d(0%, 0, 0);

    }

    #slotChoose > .day[data-resources="2"] .resource {

        width: 50%;

    }

    #slotChoose > .day[data-activeresource="2"] .resource,

    #slotChoose > .day[data-activeresource="2"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-100%, 0, 0);

        -o-transform: translate3d(-100%, 0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    #slotChoose > .day[data-resources="3"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="3"] .resources {

        width: 300%;

    }

    #slotChoose > .day[data-resources="3"] .resource {

        width: 30%;

    }

    #slotChoose > .day[data-activeresource="3"] .resource,

    #slotChoose > .day[data-activeresource="3"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-200%, 0, 0);

        -o-transform: translate3d(-200%, 0, 0);

        -webkit-transform: translate3d(-200%, 0, 0);

        transform: translate3d(-200%, 0, 0);

    }

    #slotChoose > .day[data-resources="4"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="4"] .resources {

        width: 400%;

    }

    #slotChoose > .day[data-resources="4"] .resource {

        width: 22.5%;

    }

    #slotChoose > .day[data-activeresource="4"] .resource,

    #slotChoose > .day[data-activeresource="4"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-300%, 0, 0);

        -o-transform: translate3d(-300%, 0, 0);

        -webkit-transform: translate3d(-300%, 0, 0);

        transform: translate3d(-300%, 0, 0);

    }

    #slotChoose > .day[data-resources="5"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="5"] .resources {

        width: 500%;

    }

    #slotChoose > .day[data-resources="5"] .resource {

        width: 18%;

    }

    #slotChoose > .day[data-activeresource="5"] .resource,

    #slotChoose > .day[data-activeresource="5"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-400%, 0, 0);

        -o-transform: translate3d(-400%, 0, 0);

        -webkit-transform: translate3d(-400%, 0, 0);

        transform: translate3d(-400%, 0, 0);

    }

    #slotChoose > .day[data-resources="6"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="6"] .resources {

        width: 600%;

    }

    #slotChoose > .day[data-resources="6"] .resource {

        width: 15%;

    }

    #slotChoose > .day[data-activeresource="6"] .resource,

    #slotChoose > .day[data-activeresource="6"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-500%, 0, 0);

        -o-transform: translate3d(-500%, 0, 0);

        -webkit-transform: translate3d(-500%, 0, 0);

        transform: translate3d(-500%, 0, 0);

    }

    #slotChoose > .day[data-resources="7"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="7"] .resources {

        width: 700%;

    }

    #slotChoose > .day[data-resources="7"] .resource {

        width: 12.85714286%;

    }

    #slotChoose > .day[data-activeresource="7"] .resource,

    #slotChoose > .day[data-activeresource="7"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-600%, 0, 0);

        -o-transform: translate3d(-600%, 0, 0);

        -webkit-transform: translate3d(-600%, 0, 0);

        transform: translate3d(-600%, 0, 0);

    }

    #slotChoose > .day[data-resources="8"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="8"] .resources {

        width: 800%;

    }

    #slotChoose > .day[data-resources="8"] .resource {

        width: 11.25%;

    }

    #slotChoose > .day[data-activeresource="8"] .resource,

    #slotChoose > .day[data-activeresource="8"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-700%, 0, 0);

        -o-transform: translate3d(-700%, 0, 0);

        -webkit-transform: translate3d(-700%, 0, 0);

        transform: translate3d(-700%, 0, 0);

    }

    #slotChoose > .day[data-resources="9"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="9"] .resources {

        width: 900%;

    }

    #slotChoose > .day[data-resources="9"] .resource {

        width: 10%;

    }

    #slotChoose > .day[data-activeresource="9"] .resource,

    #slotChoose > .day[data-activeresource="9"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-800%, 0, 0);

        -o-transform: translate3d(-800%, 0, 0);

        -webkit-transform: translate3d(-800%, 0, 0);

        transform: translate3d(-800%, 0, 0);

    }

    #slotChoose > .day[data-resources="10"] .resourceHeaderHolder,

    #slotChoose > .day[data-resources="10"] .resources {

        width: 1000%;

    }

    #slotChoose > .day[data-resources="10"] .resource {

        width: 9%;

    }

    #slotChoose > .day[data-activeresource="10"] .resource,

    #slotChoose > .day[data-activeresource="10"] .resourceHeaderHolder h2 {

        -ms-transform: translate3d(-900%, 0, 0);

        -o-transform: translate3d(-900%, 0, 0);

        -webkit-transform: translate3d(-900%, 0, 0);

        transform: translate3d(-900%, 0, 0);

    }

    .carservitBron {
        margin: 6px !important;
    } 
}


html {

    font-family: 'xs';

}


@media (min-width: 769px) and (orientation: portrait) {
    .servicesHolder #go-to-boxes-block {
        display: none;
    }
    .servicesHolder #choose-car-service-block { 
        margin:0 !important;
    }
    #dataFetcherHolderMob {
        display: none;
    }
}




@media (min-width: 768px) {

    html {

        font-family: 'sm';

    }

}

@media (min-width: 768px) and (max-width: 823px) and (orientation:landscape) {
    #reservForm .input.checkbox span.validation {
        top: 8px !important; 
    }
}

@media (min-width: 824px) and (orientation:landscape) {
    #reservForm .input.checkbox span.validation {
        top: 2px !important; 
    }
    #dataFetcherHolderMob {
        display: none;
    }
}

@media (min-width: 990px) {

    html {

        font-family: 'md';

    }

}

@media (min-width: 1024px) {

    #datePicker a#datetimepicker {
        min-width: 130px !important;
    }
    .servicesHolder #choose-car-service-block { 
        margin:0 !important;
    }
    #datePicker > div {
        padding-left: 60px;
    }

    .dataHolder > div.col-md-3 {
        margin-top: -80px;
    }
}

@media (min-width: 1024px) and (orientation: landscape) {
    .dataHolder > div {
        max-height: 540px;
    }
    .dataHolder #servicesToSelect {
        max-height: 380px;
        overflow: scroll;
    }
    .dataHolder > div:nth-child(2) {
        overflow: scroll;
    }
    .servicesHolder #go-to-boxes-block {
        display: none;
    }
}

@media (min-width: 1024px) and (orientation: portrait) {
    .dataHolder > div {
        max-height: 1100px;
    }
    .dataHolder #servicesToSelect {
        max-height: 940px;
        overflow: scroll;
    }
    .dataHolder > div:nth-child(2) {
        overflow: scroll;
    }
    #reservForm .input.checkbox span.validation {
        top: 2px !important; 
    }

}


@media (min-width: 1200px) {

    html {

        font-family: 'lg';

    }
    #serviceName{
        max-width: 500px !important;
        font-size: 15px;
    }
    #priceInfo{
        max-width: 100px !important;
    }

    .dataHolder > div {
        max-height: 720px;
    }
    .dataHolder #servicesToSelect {
        max-height: 580px;
        overflow: scroll;
    }
    .dataHolder > div:nth-child(2) {
        overflow: scroll;
    }


}

body {

    font-family: 'source_sans_proregular', 'elvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 15px;

    padding-bottom: 40px;

}

h1 {

    position: relative;

    z-index: 2;

    font-size: 42px;

    font-family: 'source_sans_prosemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    color: #494949;

    text-align: center;

    text-transform: uppercase;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

    outline: none;

}

.btn:active,

.btn.active {

    -webkit-box-shadow: none;

    box-shadow: none;

}

#dataFetcher {

    margin-bottom: 10px;

}

.input-lg,

.form-group-lg .form-control {

    border-radius: 0px;

}

.form-group {

    margin-bottom: 10px;

}

.btn,

.btn-lg,

.form-control,

.btn-group-lg > .btn {

    border-radius: 0px;

}

.dateInfo {

    margin-top: 15px;
  
    margin-bottom: 15px;

    float: left;

    width: 100%;

    font-size: 16px;

    line-height: 22px;

    font-family: 'source_sans_prosemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.dateInfo .end,

.dateInfo .start {

    float: left;

    margin-right: 15px;

}

.dateInfo span {

    font-size: 22px;

    color: #DC8156;

}

.btn-success:hover,

.btn-success:focus,

.btn-success.focus,

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

    background-color: #5998b6;

    border-color: #5998b6;

}

.btn-success {

    background-color: #82bcd7;

    border-color: #82bcd7;

}

.bronResrouces {

    list-style-type: none;

    font-size: 16px;

    font-family: 'source_sans_prosemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.graybg {

    margin-bottom: 10px;

    background: #eeeeee;

}

.dateTimeHolder {

    padding: 10px 0;

    text-align: center;

    position: relative;

    z-index: 5;

    background: transparent;

}

.dateTimeHolder .btn.next-day,

.dateTimeHolder .btn.prev-day {

    width: 45px;

    height: 45px;

    background-color: transparent;

    color: #EB5940;

    font-size: 45px;

    line-height: 45px;

    padding: 0;

}


.dateTimeHolder .btn.next-day + button {

    margin-right: -15px;

    margin-left: 15px;

}

.dateTimeHolder .btn i {

    margin-top: -1px;

}

#datetimepicker,
#datetimepickerMob
 {

    font-family: 'Montserrat', sans-serif;

    line-height: 45px;

    text-transform: uppercase;

    text-decoration: none;

    color: black;

    margin: 0 4%;

}

#datetimepicker {
    font-size: 28px;
}

#datetimepickerMob {

    font-size: 20px;

}

.servicesHolder {

    z-index: 4;

}

.servicesHolder .navbar-header {

    /*background: #DCA184;*/
    background: #EB5940;

    padding: 25px 0;

    position: relative;

    text-align: center;

    cursor: pointer;

    border-radius: 10px;

    padding: 13px 46px;

    text-transform: none;

}

.servicesHolder .navbar-toggle,

.servicesHolder .navbar-toggle:hover,

.servicesHolder .navbar-toggle:focus {

    margin: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 70px;

    padding: 12px 18px;

    border: none;

    border-radius: 0;

    background: #BF3B00;

}

.servicesHolder .navbar-toggle .icon-bar,

.servicesHolder .navbar-toggle:hover .icon-bar,

.servicesHolder .navbar-toggle:focus .icon-bar {

    background: #fff;

    height: 4px;

    width: 34px;

}

.servicesHolder .navbar {

    margin-bottom: 10px;

}

.servicesHolder .navbar-default {

    color: #ffffff;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 1;

    text-transform: uppercase;

}

.servicesHolder .navbar-default .navbar-collapse {

    /*background: #DCA184;*/
    border-top: none;

}

.servicesHolder .navbar-default .navbar-collapse h4 {

    /*background: #BD8161;*/
    background: #EB5940;

    color: #fff;

    text-align: center;

    border-radius: 10px;

    padding: 10px 40px;

    margin-bottom: 30px;

    font-weight: 600;

    font-size: 15px;

    line-height: 18px;

    text-transform: initial;

}

.langFlag {
    width: 50px;
    vertical-align: middle;

}

.servicesHolder .navbar-default .navbar-collapse ul {padding-left: 0;margin: 0;list-style-type: none; color: black}

.servicesHolder .navbar-default .navbar-collapse ul li {

    padding: 0 15px;

    border-bottom: 1px solid white;

}

.servicesHolder .navbar-default .navbar-collapse ul li:first-child {border-top: 1px solid white;}

/*
.servicesHolder .navbar-default .navbar-collapse ul li.active {background: #DE6138;}
*/

.servicesHolder .navbar-default .navbar-collapse ul li.active {
    background: #EB5940;
    border-radius: 10px;
}

.checkbox label {min-height: 40px;line-height: 45px;padding: 5px 0 5px 30px;width: 100%;position: relative;}

.checkbox input {

    position: absolute;

    top: 15px;

    left: -999px;

}

.checkbox input:checked + i {

    text-indent: 0;

    color: #000;

}

.checkbox i {

    text-align: center;

    position: absolute;

    top: 15px;

    left: 0;

    color: #fff;

    text-indent: -999px;

    width: 20px;

    height: 20px;

    border-radius: 4px;

    border: 2px solid #fff;

}

.servicesHolder .checkbox input:checked + i {

    color: #fff;

    border: none;

}

.lt-ie9 .checkbox i {

    display: none;

}

.lt-ie9 .checkbox input {

    left: 15px;

}

.form-horizontal .control-label.text-left {

    text-align: left;

}

.resourceHolder {

    /*background: #DC8156;*/

    font-size: 28px;

    font-family: 'Montserrat', sans-serif;;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 20px;

    position: relative;

    z-index: 5;

    background: transparent;

    padding: 10px 0px 10px 60px;

}

.resourceHolder h2 {

    margin: 0;

    line-height: 45px;

}

.resourceHolder .btn {

    position: absolute;

    top: 50%;

    margin-top: -30px;

    background: none;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    font-size: 65px;

    line-height: 65px;

    zoom: 1;

    padding: 15px 12px;

    color: #ffffff;

    filter: alpha(opacity=100);

    opacity: 1;

    -webkit-transition: opacity 600ms ease-out;

    -moz-transition: opacity 600ms ease-out;

    -o-transition: opacity 600ms ease-out;

    transition: opacity 600ms ease-out;

}

.resourceHolder .btn.disabled {

    filter: alpha(opacity=0);

    opacity: 0;

}

.resourceHolder .btn.prev-resource {

    left: 0;

}

.resourceHolder .btn.prev-resource i {

    left: 15px;

}

.resourceHolder .btn.next-resource {

    right: 0;

}

.resourceHolder .btn.next-resource i {

    right: 15px;

}

.resourceHolder .btn i {

    position: absolute;

    top: -5px;

}

.resourceHolder .resourceHeaderWrap {

    width: 100%;

    overflow: hidden;

}

#slotChoose .time {

    position: absolute;

    left: 0;

    width: 60px;

    z-index: 2;

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

#slotChoose .time + div {

    padding-left: 60px;

}

#slotChoose .time span {

    height: 60px;

    width: inherit;

    line-height: 60px;

    display: inline-block;

    padding-left: 15px;

    border-bottom: 1px solid #dcd5c8;

    border-right: 1px solid #dcd5c8;

    padding-right: 10px;

    background: #fff;

    font-family: 'Montserrat', sans-serif;

    font-size: 12px;

    font-weight: 600;

}

#slotChoose .day {

    overflow: hidden;

    margin-left: -15px;

    margin-right: -15px;

}

#slotChoose .resourceHeaderHolder h2 {

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: all 500ms ease-out;

    -moz-transition: all 500ms ease-out;

    -o-transition: all 500ms ease-out;

    transition: all 500ms ease-out;

    color: black;

    font-size: 18px;

    font-weight: 600;

    border-radius: 10px;

    border: 2px solid #aaaaaa6b;;

    line-height: 35px;

}

#slotChoose .resources {

    position: relative;

}

#slotChoose .resources .resource {

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: all 500ms ease-out;

    -moz-transition: all 500ms ease-out;

    -o-transition: all 500ms ease-out;

    transition: all 500ms ease-out;

}

#slotChoose .resources .resource .slots .slot {

    height: 60px;

    position: relative;

    border-bottom: 1px solid #dcd5c8;

    border-right: 1px solid #dcd5c8;

}

#slotChoose .resources .resource .slots .slot[data-open="false"] {

    position: absolute;

    left: 8px;

    right: 8px;

    bottom: 4px;

    top: 4px;

    background: #fce3e3;

    border-radius: 4px;

}



#slotChoose .resources .resource .slots .slot a,
#slotChoose .resources .resource .slots .slot .booked
{

    position: absolute;

    left: 4% !important;

    right: 4% !important;

    bottom: 4px;

    top: 4px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: capitalize;

    border-radius: 4px;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    font-size: 14px;

    text-decoration: none;

}

#slotChoose .resources .resource .slots .slot .booked p {
    margin: 0;
}

#slotChoose .resources .resource .slots .slot a {
    background: #79C4AE;
}

#slotChoose .resources .resource .slots .slot .booked {
    background: #EB5940;
}


.navTabsHolder {

    position: relative;

    margin-bottom: 10px;

   /* background: #DCA184;*/
    background: black;

    z-index: 2;

    display: none;

}

.navTabsHolder .nav-tabs {

    border: none;

}

.navTabsHolder .nav-tabs > li {

    margin-bottom: 0;

    background: transparent;

    -webkit-transform: skewX(165deg);

    -ms-transform: skewX(165deg);

    -o-transform: skewX(165deg);

    transform: skewX(165deg);

    -webkit-transition: background 500ms ease-out;

    -moz-transition: background 500ms ease-out;

    -o-transition: background 500ms ease-out;

    transition: background 500ms ease-out;

}

.navTabsHolder .nav-tabs > li.active {

    /*background: #BE8061;*/
    background: #E63A28;

}

.navTabsHolder .nav-tabs > li > a,

.navTabsHolder .nav-tabs > li > a:focus,

.navTabsHolder .nav-tabs > li > a:hover {

    border: none;

    color: #fff;

    background: transparent;

}

.navTabsHolder .nav-tabs > li > a {

    padding: 6px 12px;

    border-radius: 0;

    margin-right: 15px;

    color: #fff;

    line-height: 32px;

    text-decoration: none;

    border: none;

    -webkit-transform: skewX(-165deg);

    -ms-transform: skewX(-165deg);

    -o-transform: skewX(-165deg);

    transform: skewX(-165deg);

}

.navTabsHolder .nav-tabs > li > a span {

    display: inline-block;

    width: 32px;

    height: 32px;

    margin-right: 10px;

    border: 3px solid #F9BB9B;

    border-radius: 50%;

    line-height: 26px;

    font-size: 22px;

    text-align: center;

    color: #F9BB9B;

    font-family: 'source_sans_prosemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.servicesHolder + small {

    font-size: 16px;

    color: #a94442;

    margin-bottom: 10px !important;

}

#step2,

#step3 {

    padding-top: 76px;

    margin-top: -76px;

    margin-bottom: 30px;

}

@media (max-width: 767px) {

    .bootstrap-datetimepicker-widget {

        width: 100% !important;

        left: 0px !important;

    }

    .bootstrap-datetimepicker-widget.pull-right:after {

        left: 50% !important;

        right: auto !important;

        margin-left: -7px;

    }

    .bootstrap-datetimepicker-widget.pull-right:before {

        left: 50% !important;

        right: auto !important;

        margin-left: -6px;

    }

}

@media (max-width: 991px) {

    #dataFetcher.fixed {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        z-index: 8;

        padding: 0 15px;

    }




    #dataFetcher.fixed + .fixedClone {

        display: block;

    }

    #dataFetcher + .fixedClone {

        display: none;

        width: 100%;

    }

    #slotChoose.fixed .resourceHolder {

        position: fixed;

        left: 0;

        right: 0;

        top: 65px;

        z-index: 9;

        border-top: 10px solid #fff;

        border-bottom: 10px solid #fff;

    }

    #slotChoose.fixed .resourceHolder + .fixedClone {

        display: block;

    }

    #slotChoose .resourceHolder + .fixedClone {

        display: none;

        width: 100%;

    }

}

@media (min-width: 768px) {

    .resources .name {

        /*background: #DC8156;*/
    

        text-transform: uppercase;

        text-align: center;

        font-family: 'source_sans_prosemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

        height: 30px;

        color: black;

        font-size: 18px;

        border-radius: 10px;

        border: 1px solid #aaa;

        line-height: 32px;

        margin: 0 auto;

    }

    #serviceName{
        max-width: 300px;
    }


    #slotChoose {

        background: #fff;

    }

    #slotChoose .time {

        width: 51px;

        padding-left: 8px;

        border-top: none;

    }

    #slotChoose .time span {

        padding-left: 7px;

        height: 42px;

        line-height: 42px;

    }

    #slotChoose .time .hidden-xs {

        height: 32px;

        text-indent: -9999px;

        width: 52px;    

    }

    #slotChoose .resources .resource {

        border-top: none;

    }

    #slotChoose .resources .resource .slots .slot {height: 42px;}


    #slotChoose .resources .resource .slots .slot .booked,

    #slotChoose .resources .resource .slots .slot[data-open="false"] {

        left: 2px;

        right: 2px;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    #serviceName{
        max-width: 100px !important;
        font-size: 15px;
    }

    #priceInfo{
        max-width: 100px !important;
    }

    .navbar-header {

        float: none;

    }

    #serviceName{
        max-width: 550px !important;
    }

    .navbar-toggle {

        display: block;

    }

    div.navbar-collapse.collapse.in {

        visibility: visible !important;

        height: auto !important;

    }

    div.navbar-collapse.collapse {

        visibility: hidden !important;

        height: 3px !important;

    }

}

@media (min-width: 320px){
    #serviceName{
        max-width: 100px !important;
        font-size: 15px;
    }

    #priceInfo{
        text-transform: lowercase;
        font-size: 15px;
        max-width: 100px !important;
    }
}
@media  (max-width: 375px){
    #serviceName{
        max-width: 200px !important;
        font-size: 15px;
    }

    #priceInfo{
        max-width: 100px !important;
    }
}


@media  (max-width: 420px){
    #serviceName{
        max-width: 250px !important;
        font-size: 15px;
    }

    #priceInfo{
        max-width: 100px !important;
    }
}

@media (max-width: 768px) {


    #priceInfo{
        max-width: 100px !important;
        font-size: 15px;
        text-transform: lowercase;
    }



}

@media (max-width: 768px) and (orientation: portrait) {
    #header-row {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    #header-logo-row {
        width: 55%;
    }

    #header-logo-row img {
        width: 100%;
        height: auto;
    }

    #header-lang-row div {
        width: 23%; 
    }

    #header-lang-row div img {
        width: 100%;
    }

    #dataFetcherHolder #datePicker {
        background-color: white;
    }


    .servicesHolder .navbar {
        background-color: transparent;
        border: none;
    }

    #services-collapse {
        padding: 0px !important;
    }

    #services-collapse

    #contact-block {
        right: 0 !important;
    }

    #slotChoose .resources .resource .slots .slot,
    #slotChoose .time span {
        height: 40px !important;
    }

    #slotChoose .time span {
        line-height: 40px;
    }

    #slotChoose .resources .resource .slots .slot a {
        line-height: 32px;    
    }

    #slotChoose .resources .resource .slots .slot a span {
        font-size: 13px;
    }

    #slotChoose {
        touch-action: unset !important;
    }

    .servicesHolder .navbar-default .navbar-collapse ul li {
        padding: 0 !important;
        margin: 0 !important;
    }

    .servicesHolder .navbar-default .navbar-collapse ul li i {
        margin-left: 5px;
    }

    #slotChoose .resources .resource .slots .slot .booked {
        line-height: 32px;
    }
}




@media (max-width: 320px) {
    
    #slotChoose .resources .resource .slots .slot a,
    #slotChoose .resources .resource .slots .slot .booked {
        font-size: 12px;
    }

}

@media (min-width: 420px) and (max-width: 990px){
    #serviceName{
        max-width: 500px !important;
    }

    #priceInfo{
        max-width: 100px !important;
        text-transform: lowercase;
    }
}

@media (min-width: 500px) and (max-width: 990px) {
    #serviceName{
        max-width: 300px !important;
    }

    #priceInfo{
        max-width: 100px !important;
        text-transform: lowercase;
    }
}

@media (min-width: 992px) {

    #serviceName {
        max-width: 150px !important;
    }

    #priceInfo{
        max-width: 100px !important;
        text-transform: lowercase;
    }

    h1 {

        text-align: left;

    }

    .navbar-toggle {

        display: none;

    }

    .servicesHolder .navbar-default .navbar-collapse {

        background: transparent;

        border-color: transparent;

    }

    .servicesHolder .navbar-default {

        background: transparent;

        border-color: transparent;

        /*color: #DE6138;*/
        color: black;

        text-transform: capitalize;

    }

    .checkbox label {line-height: 30px;padding: 5px 0 5px 25px;}

    .checkbox input[type="checkbox"] {

        top: 8px;

    }

    .checkbox i {

        top: 10px;

        border-color: #5998b6;

    }

    .fixedClone {

        display: none !important;

    }

    #step1 {

        padding-top: 190px;

        margin-top: -190px;

    }

    #step2,

    #step3 {

        padding-top: 132px;

        margin-top: -132px;

        margin-bottom: 30px;

    }

}

.bigsupporter {

    margin: 40px 0;

}

.supporters-list {

    text-align: center;

}

.supporters-list li {

    display: inline-block;

    vertical-align: middle;

    width: 285px;

}

.supporters-list:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;

    /* Adjusts for spacing */

}

.supporters img {

    max-width: 100%;

}

@media (max-width: 767px) /* @grid-float-breakpoint -1 */

{

    .alert-danger

    {

        position: fixed;

        top: 0;

        z-index: 10;

    }


    .alert-danger .close {

        font-size: 35px;

    }

}

.input-holder .select2-container {

    width: 100%;

    margin-bottom: 8px;

}

.input-holder{

    padding: 0 16px;

    position: relative;

}

.select2-container .select2-choice{

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

}

.select-client option {

    color: #000;

}

.select-client.empty {

    color: rgb(153, 146, 146);

}
.btn-success{
    background-color:#3c763d !important;
}



/* Footer */



#loader-wrapper {

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    opacity: 0.6;

    background-color: #aeaeae;

    z-index: 1000;

    text-align: center;

}



#loader-wrapper i {

    position: relative;

    top:40%;

}



.navbar-fixed-bottom {

    font-size: 12px;

    background-image: -webkit-gradient(radial, 50% 75%, 0, 50% 75%, 400, from(rgba(125, 123, 123, 0.5)), to(rgba(29, 33, 39, 0.45))), -webkit-gradient(linear,left bottom,left top, color-stop(0, #373737),color-stop(0.6, #000000));

    background-image: -moz-radial-gradient(50% 75%, rgba(101, 101, 101, 0.50) 0px, rgba(55,89,138,0) 400px), -moz-linear-gradient(#595959 0%,#000000 60%);

}



.navbar-fixed-bottom a.col-xs-3 {

    border-right: 1px solid #3e3446;

    padding: 6px 0 5px 0;

    color: #fff;

}



.navbar-fixed-bottom a.col-xs-3.active {

    background: #2C2929;

    color: #4999D9;

}





.navbar-fixed-bottom>DIV I.fa {

    font-size: 20px;

}



.appBody {

    margin: 0;

    padding: 0;

}

.btn {

    border: none;

    outline: none;

    padding: 10px 16px;

    /*background-color: #DCA184;*/
    background-color: #EEEEEE;

    cursor: pointer;

}



/* Style the active class (and buttons on mouse-over) */

.active, .btn:hover {

    color: white;

}

.time span{

    color: black !important;

}
@media (max-width: 700px){
    .infoTable{
       display: none;
    }

}
#page {
    display: none;
}
#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url('../../../img/MnyxU.gif');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.checkbox input:checked + span,

input:checked + span{

    background: url('../img/checkbox-active.png') center no-repeat;;

}

input + span{background: url('../img/checkbox-active.png') center no-repeat;height: 100px;width: 100px;}


#back-link {
 cursor: pointer;  
}

#back-link i {
  color: #494949;
  margin-right: 20px;
}

#back-link + h1 {
  display: inline;
}

.available-inactive {
    pointer-events: none;
    cursor: default;
    color: black !important;
    background-color: white !important;
    border: 2px solid #aaaaaa6b;
}


#reservForm .graybg {
    margin-bottom: 50px;
}

#reservForm input {
    margin-bottom: 20px;
} 

#reservForm #reservate-button-col {
    padding: 20px 30px !important;
}

.servicesHolder #choose-car-service-block {
    display: flex;
    margin-bottom: 20px;
}


.servicesHolder #go-to-boxes-block {
    width: 40%;
}

.servicesHolder #go-to-boxes-button {
    height: 100%;
    width: 100%;
    text-transform: uppercase;
}

.servicesHolder #choose-car-service-block .navbar-header {
    width: 100%;
}

.servicesHolder #select2-vehiclesList-container {
    padding: 0 !important;
    text-align: center; 
 }

 .select2-container--default .select2-results > .select2-results__options {
    max-height: 215px !important;
}

#reservForm .input.checkbox span {
    padding: 0;
}

#total-cost-form-group .input-holder {
    padding-top: 55px;
}

.carservitBron .infoTable thead tr th:first-child,
.carservitBron .infoTable tbody tr td:first-child
{
    padding-left: 20px;
}


.carservitBron .container {
    position: relative;
}

.carservitBron #contact-block {
    position: absolute;
    right: -25px;
    bottom: -30px;
    font-size: 50px;
    color: darkred;
}

.carservitBron #contact-block i {
    cursor: pointer;
}

.carservitBron #contact-block:focus {
    outline: none;
}

.popover i.fa-phone {
    margin-right: 6px;
}

body.carservitBron .container {
    margin-top: 20px;
}

#datetimepicker #desktopDate span{
    display: block;
}

#datetimepickerMob #desktopDate span {
    display: block;
}

#datetimepicker #desktopDate #desktop-date-day-of-week,
#datetimepickerMob #desktopDate #desktop-date-day-of-week
{
    font-weight: 700;
    text-transform: capitalize;   
}

#datetimepicker #desktopDate #desktop-date {
    text-transform: lowercase !important;
}

#locationsToSelect button i {
    color: #EB5940;
}

/*
.carservitBron #vehiclesToSelect .select2-selection__arrow b {
    border-color: #E63A28 transparent transparent transparent;
    border-width: 10px 6px 0 6px;
    top: 44% !important;
}

.carservitBron #vehiclesToSelect .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
}
*/

#car-logo {
    width: 35%;
}

#car-logo, #number-plate-logo {
    text-align: center;
    margin-right: 10px;
}

#car-logo img, #number-plate-logo img {
    width: 85%;
}

#services-collapse #enter-number-block #number-to-enter {
    width: 100%;
}

#services-collapse #enter-number-block #number-to-enter input {
    border-radius: 6px;
    height: 40px;
    text-align: center;
    padding-left: 35px;
    font-weight: 400;
    font-size: 15px;
}

#services-collapse #enter-number-block #number-to-enter p:before {
    position: absolute;
    display: block;
    width: 29px;
    height: 40px;
    content: "";
    background-image: url(https://booking.rayth.ee/img/est1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: -1px;
    border-radius: 6px 0px 0px 6px;
}

#services-collapse #select-vehicle-block,
#services-collapse #enter-number-block
 {
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
}

#vehiclesToSelect .select2-selection--single {
    height: 40px !important;
}

#vehiclesToSelect .select2-selection--single .select2-selection__rendered,
#vehiclesToSelect .select2-selection--single .select2-selection__arrow
{
    height: 100%;
}

#vehiclesToSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #EB5940 transparent transparent transparent;
}


#vehiclesToSelect .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 400;
    font-size: 15px;
}

#vehiclesToSelect .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 15px;    
}

.carservitBron #servicesToSelect i {
    border: 1px solid #cecece;
}

.navbar-collapse.in {
    overflow-y: unset;
} 

#enter-number-block {
    display: none !important;
}

#header-lang-row {
    display: flex;
    justify-content: flex-end;
}

#header-lang-row div {
    margin-left: 20px;
}

#datePicker > div,
#datePickerMob > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

#datePicker > div {
    float: right;
}

#locationsToSelect {
    margin-bottom: 25px;
}

.navbar-default {
    background: transparent;
    border: none;
}

#locationsToSelect button {
    width: max-content !important;
    border-radius: 10px;
    background-color: white;
    color: black;
    border: 2px solid #aaaaaa6b !important;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
}


#dataFetcherHolder {
    margin-bottom: 20px;
}

#services-collapse {
    padding: 0;
}

#vehiclesToSelect .select2-container--default,
#vehiclesToSelect .select2-selection--single
{
    background-color: white !important;
}

.resourceHolder .btn.next-resource,
.resourceHolder .btn.prev-resource {
    display: none;
}

#slotChoose > .day[data-resources="2"] .resourceHeaderHolder,
#slotChoose > .day[data-resources="2"] .resources {

    width: 100%;
    display: flex;
    justify-content: space-around;

}

#slotChoose .time .hidden-xs {
    display: none !important;
}

.resources .name {
    display: none;
}

#slotChoose .time span:first-of-type,
#slotChoose .resources .resource .slots .slot:first-of-type {
    border-top: 1px solid #dcd5c8;
}

#slotChoose {
    float: right;
}


/* width */
::-webkit-scrollbar {
width: 10px;
height: 0;

}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #eb594063;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}

#servicesToSelect #priceInfo {
    font-weight: 600;
    margin-right: 10px;
}

.hidden-date {
    display: none;
}

#datePickerMob {
    margin-bottom: 15px;
}

#vehiclesToSelect {
    width: 65%;
}