html {
position:relative;
}
body {
color:#292929;
font-size:16px;
font-family: 'Roboto', sans-serif;	
font-weight:400;
position:relative;
}
h2 {
font-size:30px;
text-align:center;
padding:30px 0;	
color:#1482d7;
}
a {
color:#1482d7;
}
a:hover {
text-decoration:none;
color:#4f90f8;	
}
button:focus {
outline:none;	
}
.top-header {
padding-top:10px;	
padding-bottom:10px;
background:url('../images/bg.jpg') repeat-x;
width:100%;
background-position:bottom;
}
.top-header-title {
font-size:18px;
text-align:center;
font-weight:500;
line-height:20px;
}
.contact-block {
text-align:right;	
}
.contact-block a{
display:block;	
}
.phone {
font-size:28px;
font-weight:700;
color:#1482d7;
}
.phone:hover {
text-decoration:none;
color:inherit;	
}
a.link-button:not([href]) {
font-size:18px;
font-weight:400;
color:white;
text-decoration:none;	
cursor:pointer;
text-align:center;
padding: 5px 0 7px;
border-radius:3px;
transition:.2s;
margin-top:10px;
background:#f48625;	
display:inline-block;
width:250px;
}
a.link-button:not([href]):hover {
text-decoration:none;
color:white;
background:#ee7307;		
}
.contact-block p {
font-size:14px;	
margin-bottom:0px;
}
.email {
font-size:14px;	
color:#3d3d3d;
}
.main-menu {
background:#3e9be3;	
z-index:999;
border-bottom:2px solid #1482d7;
position:relative;
}
.main-menu a {
color:white;	
font-size:18px;
font-weight:500;
}
.navbar-nav .nav-item {
border-right:1px solid #8bc0e8;
}
.navbar-nav .nav-item:last-child {
border-right:0;
}
.nav-item.active {
border-radius:0px;	
background:#2e8ad1;	
}
.nav-item.active a {
color:white;		
}
.nav-item:hover {
background:white;
border-radius:3px;		
}
.nav-item:hover a{
color:white;
background:#1482d7;
}
.navbar {
padding:0px;
}
.nav-link {
padding:0.9rem;
}
.navbar-nav {
width:100%;
}
.nav-item .dropdown-menu .dropdown-item a {
background:transparent;
font-size:16px;
font-weight:400;
color:#292929;
}
.nav-item .dropdown-menu .dropdown-item a:hover {
text-decoration:underline;
}
.nav-item.dropdown .dropdown-menu {
border-radius:0;
background:#f5f5f5;
width:300px;
}
.nav-item .dropdown-menu .dropdown-item {
border-bottom:1px solid #dadada;
white-space: normal;
}
.nav-item .dropdown-menu .dropdown-item:last-child {
border-bottom:0;
}
.offer-block-text {
text-align:left;
}
.offer-block-text h1 {
font-size:47px;
font-weight:500;
margin:50px 0;	
text-transform:uppercase;
}
.offer-block-text h1 > span {
color:#4e8ff8;	
}
.offer-block {
width:100%;
height:580px;
background:url('../images/bg-offer.jpg')no-repeat;	
background-position:center;
}
.offer-block-row {
height:600px;
}
.advantages-block-item-title {
color:#1482d7;
font-weight:500;
font-size:20px;
}
.advantages-block-item {
text-align:center;
}
.advantages-block-item-text {
font-size:14px;
}
.content-block img{
width:100%;
object-fit:cover;
}
.footer {
padding-top:10px;	
padding-bottom:10px;
background:url('../images/footer-bg.png') repeat-x bottom;
width:100%;
height:237px;
margin-top:30px;
position:relative;
}
.sub-footer {
width:100%;
position:absolute;
bottom:10px;
color:white;
}
.email-footer-block {
text-align:right;
}
a.email {
color:#f8a154;	
font-weight:500;
}
a.email:hover {
text-decoration:underline;
}
.services-block {
background:#f2fbff;
padding:40px 0;
position:relative;
}
.services-block-item {
text-align:center;
padding:10px;
height:120px;
background:#ffffff;
margin-bottom:20px;
transition: 300ms all linear;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}
.services-block-item-bord {
border:1px solid #1eabe3;
padding:10px;
height:100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color:#292929;
font-weight:500;
font-size:18px;
}
a .services-block-item:hover {
background:#1482d7;
color:white;
}
a .services-block-item:hover .services-block-item-bord {
color:white;
border:1px solidwhite;
}
.services-block:before {
background-image: radial-gradient(circle at 9px -5px , transparent 13px, #f2fbff 13px);
background-repeat: repeat;
background-size: 18px 20px;
top: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
}
.services-block:after {
background-image: radial-gradient(circle at 9px 15px , transparent 13px, #f2fbff 13px);
background-repeat: repeat;
background-size: 18px 20px;
bottom: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
}
.advantages-block {
position:relative;
padding:40px 0;
}
.advantages-block:before {
background-image: radial-gradient(circle at 9px -5px , transparent 13px, white 13px);
background-repeat: repeat;
background-size: 18px 20px;
top: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
}
#ourclient.owl-theme .owl-dots .owl-dot span {
background:#d8f2fa;
}
#ourclient.owl-theme .owl-dots .owl-dot.active span, #ourclient.owl-theme .owl-dots .owl-dot:hover span {
background:#1482d7;
}
.form-block {
background:#2aaae2;
position:relative;
color:white;
padding:20px 0 60px 0;
margin:70px 0 40px 0;
}
.form-block:before {
background-image: radial-gradient(circle at 9px 15px , transparent 13px, #2aaae2 13px);
background-repeat: repeat;
background-size: 18px 20px;
bottom: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
}
.form-block:after {
    background-image: radial-gradient(circle at 9px -5px , transparent 13px, #2aaae2 13px);
    background-repeat: repeat;
    background-size: 18px 20px;
    top: -10px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
}
.form-block h2{
color:white;
}
.form-block form {
max-width:400px;
margin:0 auto;
text-align:center;
}
.my-button {
    font-size: 18px;
    font-weight: 400;
    color: white;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    padding: 5px 0 7px;
    border-radius: 3px;
    transition: .2s;
    margin-top: 10px;
    background: #f48625;
    display: inline-block;
    width: 250px;
border:0px;
}
.my-button:hover {
color: white;
background: #ee7307;
}
.text-block h1,.content-block h1 {
text-align:center;
color:#1482d7;
margin-bottom:40px;
}
.dropdown-menu .nav-item.active a {
background:#d1d1d1!important;
display:block;
font-size:16px;
text-align:left;
padding:.25rem 1.5rem;
}
.dropdown-menu .navbar-nav .nav-item a {
border:0px;
}
.breadcrumb {
background:white;
}
.breadcrumb .fa{
line-height:20px;
}
.galery-block .img-thumbnail {
margin-bottom:25px;
width:100%;
}
.galery-block .img-thumbnail:hover {
opacity:0.9;
}
.galery-block {
margin-top:30px;
}
.modal-body form {
text-align:center;
}
/* Для валидации формы*/
input.not-valid {
border-color: red;
box-shadow: 0 0 0 0.2rem rgba(248, 31, 46, 0.25);
}
.help {
position:absolute;
top: 9px;
right: 10px;
color:red;
font-size:16px;
}
.form-group {
    position: relative;
}
.modal-button-block {
  position: relative;
}
.modal-button-block:hover::before {
  display: block;
  content: "Подтвердите своё согласие на обработку персональных данных";
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, calc(-100% - 10px));
  border-radius: 3px;
  padding:5px 10px;
  background: #f7f7f7;
  box-shadow: 0 0 2px;
font-size:14px;
color:#3d3d3d;
}
.modal-button-block:hover::after {
  display: block;
  content: "";
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 10px;
  border-color: #f7f7f7 transparent transparent transparent;
}
.modal-button-block button{
opacity:0.5;
pointer-events: none;
cursor: default;
} 
/* Для валидации формы END*/
.modal-title {
font-weight:700;
font-size:18px;
width:100%;
text-align:center;
}
.modal-body {
padding:40px;
}
.modal-dialog {
max-width:450px;
}
.modal-header {
border:0px;
}
.form-block a {
color:white;
text-decoration:underline;
}
.form-block a:hover {
text-decoration:none;
}
.content-block-image img {
width:100%;
height:400px;
object-fit:cover;
}
.content-block-image {
margin-bottom:25px;
margin-top:25px;
}
.content-block-intro b{
color:#ee7307;
font-size:24px;
display:block;
text-align:center;
width:100%;
font-width:700;
}
.content-block-intro {
text-align:center;
color:#b5b5b5;
}
.check-list {
list-style:none;
padding-left:0px;
}
.check-list li {
margin-bottom:10px;
}
.check-list li:before {
content:"\f00c";
color:#56b700;
font-size:22px;
font-family:FontAwesome;
margin-right:15px;
}
.table-price-thead {
background:#2aaae2;
color:white;
}
.table-price tr td {
text-align:center;
}
.table-price tr td:first-child {
text-align:left;
}
.table-responsive {
margin-bottom:35px;
}
.logo-block img{
width:100%;
max-width:239px;
}
.navbar-toggler {
color:white;
}
.back-link a{
color:#b9b9b9;
}
.back-link {
margin-top:10px;
margin-bottom:15px;
}
.navbar-brand {
display:none;
}
.show-navPos,
.show-winPos {
  position:fixed;
  top:10px;
  right:10px;
  background:red;
  color:#fff;
}

.show-winPos {
  background-color: blue;
  top:50px;
}


.fixed {
  position:fixed;
  top:0;
  left:0;
  width: 100%;
}

.shadow {
  -webkit-box-shadow: 0px 7px 17px -2px rgba(117,117,117,1);
   -moz-box-shadow: 0px 7px 17px -2px rgba(117,117,117,1);
   box-shadow: 0px 7px 17px -2px rgba(117,117,117,1);
}

@media (max-width: 992px) {
.main-menu {
height:50px;
}
.navbar-brand {
display:block;
margin-left:15px;
}
.navbar-nav {
    background: #f5f5f5;
margin-top:13px;
}
.navbar-nav .nav-item {
border-right:0px;
border-bottom:1px solid #c9c9c9;
}
.navbar-nav .nav-item a {
color:black;
padding:10px;
}
.navbar-nav .nav-item.active a,.navbar-nav .nav-item:hover a {
color:white;
}
}
@media (max-width: 768px) {
.footer .contact-block, .email-footer-block {
text-align:center;
}
.footer {
height:180px;
}
.top-header {
margin-top:50px;
}
.main-menu {
width:100%;
position:fixed;
top:0;
height:auto;
}
.navbar-brand {
padding-top:8px;
padding-bottom:11px;
}
.navbar-toggler {
margin-right:15px;
}
}
@media (max-width: 576px) {
.logo-block img{
width:60%;
}
.logo-block,.contact-block {
text-align:center;
}
.offer-block-text {
text-align:center;
}
.offer-block-text h1 {
font-size:24px;
}
.offer-block,.offer-block-row {
height:300px;
}
.advantages-block,.services-block {
padding:0px;
}
.advantages-block-item {
margin-bottom:20px;
}
h2 {
font-size:24px;
}
h1 {
font-size:32px;
}
h3 {
font-size:18px;
}
.form-block {
margin:0px;
}
.twentytwenty-wrapper {
margin-bottom:25px;
}
.logo-block {
display:none;
}
}