@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700|Rubik:400,500,700&display=swap');
.ua {background: url("/assets/img/ua.png") center left no-repeat; padding-left: 30px;}
.ru {background: url("/assets/img/ru.png") center left no-repeat; padding-left: 30px;}
body {    font-family: 'Rubik', sans-serif;padding-top: 4.5rem; display: flex;min-height: 100vh;flex-direction: column; }
main {flex-grow: 1}

.nav-uppercase {text-transform: uppercase; font-weight: 500; font-family: 'Rubik', sans-serif; font-size: 18px;}
.hero {min-height: 450px; display: flex; align-items: center;}
.a-btn {color:white !important; cursor:pointer}
.hero h1 {color:#0056A1; font-size: 58px; text-transform: uppercase}
h1 {color:#0056A1; font-size: 38px; text-transform: uppercase}
h2 {color:#0056A1; font-size: 32px; font-weight: 500;  font-family: 'Rubik', sans-serif;}
h3 {color:#000; font-size: 16px; font-weight: 500;  font-family: 'Rubik', sans-serif;}
.hero .subtitle {color:#707070; font-size: 26px; font-family: 'Roboto'}

.fs14{font-size: 14px;}
.sb {text-align: center; margin-bottom: 5rem;}
.sb span {display: block; max-width: 200px; position: relative; text-transform: uppercase; text-align: center;
    margin:20px auto;}
.sb span:before {display: block; content: '';height:2px; background: #10A100; width:60%; margin-left: 20%;
    margin-right: 20%;}
.sb span:after {display: block; content: '';  height:2px; background: #10A100;  width:60%;margin-left: 20%;
    margin-right: 20%;}
#contacts h3 {color:#fff;}
#contacts {background: url('/assets/img/contacts-bg.jpg') center center no-repeat; background-size: cover; position: relative; color:#fff }
#contacts:before {content:'' ; display: block;width:100%; height: 100%; background: rgba(0,0,0,0.63); position: absolute}
.overlay-loading {z-index:1000;width:100%; height: 100%; background: rgba(255,255,255,0.7);  display: none; position: absolute; top:0px; left: 0px; justify-content: center; align-items: center}


footer {background: #0056A1; color:#fff;}

.dark .form-control {
    background: rgba(20, 24, 28, 0.8);
    border: 1px solid rgba(20, 24, 28, 0);
    color: #ffffff;
}
.form-control {border-radius: 0}
.form-control:focus {

    border-color: #0058a1;
    box-shadow: inset 0 1px 1px rgba(0, 88, 610, 0.075), 0 0 8px rgba(0, 88, 61, 0.6);
}

.slick-prev {left:10px !important;z-index: 1000}
.slick-next {right:10px !important;z-index: 1000}

#map {min-height: 300px;}
.card-text {min-height: 50px;}