body {
background-color: #f8f8f8;
}

form label b,
form legend b {
color: #ff0000;
}

a {
color: #396290;
}

a:hover {
text-decoration: none;
}

.h1,h1 {font-size:1.75rem}
.h2,h2{font-size:1.5rem}
.h3,h3{font-size:1.25rem}
.h4,h4{font-size:1.1rem}
.h5,h5{font-size:1rem}
.h6,h6{font-size:.9rem}

h1, h2, h3, h4, h5, h6 {
color: #497cab;
}

/* Освновные */
/* Иконка */
@font-face {
font-family: 'ampir-icons';
src:  url('/fonts/ampir-icons.eot?l9eys6');
src:  url('/fonts/ampir-icons.eot?l9eys6#iefix') format('embedded-opentype'),
    url('/fonts/ampir-icons.ttf?l9eys6') format('truetype'),
    url('/fonts/ampir-icons.woff?l9eys6') format('woff'),
    url('/fonts/ampir-icons.svg?l9eys6#ampir-icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

i {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ampir-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-profile:before {
content: "\e903";
color: #008dd2;
}
.icon-bag:before {
content: "\e900";
color: #fc7e01;
}
.icon-key:before {
content: "\e901";
color: #ffd666;
}
.icon-roulette:before {
content: "\e902";
color: #497bab;
}


/* Главная */
.front {
margin-bottom: 6rem;
}

/* Кнопка */
.btn.btn-yellow {
background-color: #fed569;
font-weight: bold;
color: #333;
}
.btn.focus,
.btn:focus {
outline:0;
box-shadow:0 0 0 .2rem rgba(254, 213, 105, 0.3)
}

/* Поля формы */
.form-control {
border: 2px solid #fed569;
}
.form-control:focus {
border-color: #497cab;
box-shadow: 0 0 0 0.2rem rgba(73, 124, 171, 0.25);
}
.booking .input-group-text {
border: 2px solid #fed569;
border-right: 0;
color: #75580a;
background-color: #fed569;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #497cab;
background-color: #497cab;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(73, 124, 171, 0.25);
}
.custom-control-input.is-valid~.custom-control-label {
color: #212529;
}

/* Шапка */
header.head {
background: #fff;
box-shadow: 0 8px 14px #d2d2d2;
padding: .7rem 0;
margin: 0 0 2.5rem 0;
}
header .navbar-brand img {
max-width: 95px;
width: 100%;
height: auto;
}

header .nav .nav-link {
margin: 0 .15rem;
}
header .nav a.nav-link:hover,
header .nav a.nav-link:focus {
background: #eee;
border-radius: 5px;
transition: background .5s ease-in-out;
}
header .nav a.nav-link.active {
background: #eee;
border-radius: 5px;
}

/* Личный кабинет */
.profile {
margin-bottom: 6rem;
}
.profile .nav-pills .nav-link.active,
.profile .nav-pills .show>.nav-link {
color: #fff;
background-color: #4276a5;
}

/* Смена язык в шапке */
.langs form  {
height: 20px;
}
.langs .pretext p {
font-size: 15px!important;
text-decoration: underline;
}
.langs .pretext p:hover {
cursor: pointer;
}
.mod-languages{
position:relative;  
z-index:99;   
}
.mod-languages p{
white-space: nowrap;    
}
.mod-languages p a{
color: #4075A9; 
text-decoration: underline;
}
.mod-languages .posttext{
box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
border-radius: 5px;
background-color: #FFF;
z-index: 100;
padding: 15px;
border: 1px solid #ddd;
width: 105px;
margin-top: 10px;
margin-left: 0;
box-shadow: 0px 3px 6px rgb(255, 211, 107);
animation: pulseme 1.2s infinite;
}
@keyframes pulseme {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 211, 107, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(250, 250, 250, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(250, 250, 250, 0);
}
}
@keyframes pulseme {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 211, 107, 0.7);
box-shadow: 0 0 0 0 rgba(255, 211, 107, 0.7);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(250, 250, 250, 0);
box-shadow: 0 0 0 10px rgba(250, 250, 250, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(250, 250, 250, 0);
box-shadow: 0 0 0 0 rgba(250, 250, 250, 0);
}
}
.posttext p img:hover{
opacity:0.5;    
}
.langs button.tyv {
background: url('../images/tuv.jpg') no-repeat;
width: 30px;
height: 20px;
position: relative;
border: 0;
}
.langs button.rus {
background: url('../images/rus.jpg') no-repeat;
width: 30px;
height: 20px;
position: relative;
border: 0;
margin-right: 7px;
}

/* Мобильное меню в нижнем экране */
.mobile-bottom-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
will-change: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: -webkit-box;
display: flex;
height: 3.5rem;
border-top: 1px solid #fff;
box-shadow: 0 -1px 3px rgba(115, 115, 115, 0.3);
background-color: #fff;
}
.mobile-bottom-nav__item {
-webkit-box-flex: 1;
flex-grow: 1;
text-align: center;
font-size: 1rem;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
}
.mobile-bottom-nav__item.active {
background-color: #e9ecef;
}
.mobile-bottom-nav__item:hover {
background-color: #6796d2;
transition: background-color .5s ease-in-out;
}
.mobile-bottom-nav__item a {
padding: 1rem 0;
}
.mobile-bottom-nav__item.active a {
color: #497cab;
font-weight: 700;
}
.mobile-bottom-nav__item a:hover {
color: #fff;
transition: color .5s ease-in-out;
}

.mobile-bottom-nav__item-content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}

/* Вход */
.form-signin {
width: 100%;
max-width: 350px;
padding: 15px;
margin: auto;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}

/* Главная страницы */
.front .information {
margin-bottom: 2rem;
}
.front .information .card {
border-color: #ffd565;
text-align: center;
}
.front .information .card-title {
color: #396290;
}
.front .information .card-text {
padding: 0 1.5rem;
text-align: justify;
}

.front .sub-footer {
margin-bottom: 5rem;
}
.front .sub-footer p {
margin-bottom: 0;
}
.front .sub-footer .contacts {
text-align: right;
}

/* Календарь */
.datepicker-inline .datepicker {
border-color: #fed569;
}
.datepicker {
border-width: 2px;
border-radius: 5px;
}
.datepicker--day-name {
color: #497cab;
font-weight: bold;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
color: #fff;
background: #497cab;
}
.datepicker--cell.-selected-.-focus- {
background: #497cab;
}
.datepicker--cell.-current- {
color: #497cb3;
}

/* Замер */
.datepicker--cell.-current- {
background: #e8e8e8;
}

#gifka{
position: absolute;
left: 0;
top: 0;
display:none;
width: 100%;
z-index: 99;
height: 100%;
background-image: url('../images/loader.gif');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-color: rgba(255, 255, 255, 0.44);
background-position: center center;
}

#vacant-res-info{
font-family: 'Exo 2';
font-size: 15px;
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid #A7CF8B;
}

#vacant-res-date{
float: left;
text-align: center;
width: 110px;
line-height: 21px;
margin: 4px;
color: #555555;
}

#vacant-res-place{
float: right;
text-align: center;
width: 120px;
line-height: 25px;
margin: 2px;
border-radius: 3px;
color: #333;
}

#panel-vrem-vac{
text-align: center;
position:relative;
}

.place-no-brone{
cursor:pointer;
}

.place-no-brone:hover{
cursor:pointer;
}

#list-timer{
text-align: center;
padding: 0;
margin: 0 0 5px;
}
#list-timer li{
display: inline-block;
font-size: 14px;
padding: 4px;
margin: 3px;
border-radius: 3px;
width: 90px;
background-color: #D1D1D1;
}
#list-timer li:hover{
background-color: #e6e6e6;
}
#list-timer li:focus{
background-color: #497cab;
color: #fff;
}
.timer-no-brone:hover{
cursor: pointer;
}
.timer-brone{
background-color: #FAA6A6 !important;
}
.timer-active {
background-color: #497cab !important;
color: #fff !important;
}

.it-early-slot {
background-color: #F7F7F7 !important;
color: #666 !important;
cursor: default !important;
}

#right-form-part{
display: inline-block;
width: 295px;
vertical-align: top;
margin: 0px;
}

#left-form-part{
display: inline-block;
margin: 0px;
width: 295px;
}

/* Typeahead */
ul.typeahead {
margin:0px;
padding:10px 0px;
width: 230px;
}

ul.typeahead.dropdown-menu li a {
padding: 10px !important;
border-bottom: #ccc 1px solid;
}

ul.typeahead.dropdown-menu li:last-child a {
border-bottom:0px !important; 
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
text-decoration: none;
background-color: #007bff;
outline: 0;
color: #fff;
}

/*
-- Адаптивность
*/

@media (max-width: 575.98px) {
    .mobile-bottom-nav__item {
        font-size: .87rem;
    }

    .front .sub-footer,
    .front .sub-footer .contacts {
        text-align: center!important;
    }
}

@media(min-width: 993px) {
    .mobile-bottom-nav {
        display: none!important;
    }
}