@charset "UTF-8";
/*
Style.css
Theme Name: chistograd
Author: GTS
Description: Description
Version: 1.0.0
*/
@import url("css/style-wp.css");
@import url("libs/bootstrap/bootstrap.css");
@import url("css/font-awesome.min.css");
@import url("css/fonts.css");

/*=================================================
==================================================*/
/* --------------------------------------
1. General Styles
-------------------------------------- */
html, body {
  overflow-x: hidden;
}
body {
color: #151515;
font-family: 'Manrope', sans-serif;
font-size: 17px;
line-height: 1.4;
font-weight: 400;
padding: 0 !important;
margin: 0 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Montserrat', sans-serif;
font-weight: inherit;
color: #151515;
line-height: 1;
font-weight: 500;
}

h1, .h1 {
font-size: 47px;
font-weight: 600;
}

h2, .h2 {
font-size: 43px;
}

h3, .h3 {
font-size: 37px;
}

h4, .h4 {
font-size: 30px; 
}
h5, .h5 {
font-size: 27px; 
}
h6, .h6 {
font-size: 22px;  
}
.top-phone a[href^=tel] {
color: inherit;
text-decoration: none; 
}

a[href^=mailto] {
color: inherit;
}

a {
color: inherit;
text-decoration: inherit;
}

a:hover,
a:focus {
color: inherit; 
text-decoration: inherit;
outline-offset: 0;
    outline: 0;
}
a:hover {
color: #0dafe5;
}

a:visited {
color: inherit;; 
}
button:focus {
outline: none; 
}

img {
max-width: 100%;
height: auto; 
}


ul, ol {
padding-left: 0; 
margin-left: 20px;
}
ul > li, ol > li  {
padding: 5px 0 5px 35px; 
list-style: none; 
line-height: 1.3;
margin: 10px 0;
}

ul > li:before {
background: url('images/icon-li.png') no-repeat center;
content: "";
color:  #35a6fe;
height: 24px;
width: 24px;   
margin-left: -35px;
float: left;
}

ol > li {
list-style-type: none;
counter-increment: item;
text-indent: -1rem;
}
ol > li:before {
color: #ffd200;
content: counter(item) ".";
margin-right: 6px;
font-weight: bold;
}

blockquote {
background: #f1f6fb;
margin: 40px auto;
padding: 45px 90px;
font-size: 16px;
font-style: italic;
position: relative;
}

.section-title {
text-align: center;
margin-bottom: 30px;
}
.section-title-2 {
margin-bottom: 10px;
}
.section-title .s-title,
.section-title-2 .s-title,
.section-title .s-title-2,
.section-title-2 .s-title-2 {
  color: #043b72;
font-weight: 500;
font-size: 43px;
padding: 10px 0 20px;
font-family: 'Montserrat';
line-height: 1.1;
}
.section-title span,
.section-title-2 span {
font-weight: 400;
font-size: 17px;
}

.t-desc {
margin: auto;
font-size: 15px;
font-weight: 300;
text-align: center;
width: 70%;
line-height: 1.2;
}

hr {
    border-top: 1px solid #d7dbe1;
}

/* services other*/
.other-serv-wrap {
	box-sizing: border-box;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 1199px) {
	.other-serv-wrap {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 1rem;
	}
}

@media screen and (max-width: 991px) {
	.other-serv-wrap {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1rem;
	}
}

@media screen and (max-width: 768px) {
	.other-box .img-box {
		width: 200px !important;
		height: 320px !important;
	display: flex;
	justify-content: center;
	}

}

@media screen and (max-width: 450px) {
	.other-serv-wrap {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.other-box .img-box {
		width: 250px !important;
		height: 270px !important;
	}
}


/* --------------------------------------
Top menu
-------------------------------------- */
.top-menu {
    font-size: 12.5px;
    font-weight: 500;    
    align-items: center;
    padding-top: 10px;
}
.top-menu a {
  text-decoration: underline;
  color: #0349ac;
}
.top-menu a:hover {
  color: #35a6fe;
  text-decoration:none;
}
/**/
.top-inf-1 {
  font-size: 15px;
  font-weight: 500;
  border-left: 1px solid #d5d9de;
  padding-left: 25px;
  border-right: 1px solid #d5d9de;
  padding-right: 25px;
}
.box-adr i {
  color: #ff370b;
}
.top-phone {
line-height: 1.2;
text-align: right;
}
.top-phone span {
font-size: 22px; 
font-weight: 600;
white-space: nowrap;
}

.wrap-call {
    text-align: center;
}
/**/
.seti {
    justify-content: center;
}
.social {
list-style: none;
width: 100%;
margin-left: 0;
padding-left: 0;
display: flex;
}
.social  li {
border: none;
display: block;
margin-left: 5px;
text-align: center;
float: left; 
}

.info-cont.soc li img {
margin-right:5px; 
}
.instagram, 
.vk, 
.youtube, 
.facebook {
height: 33px;
width: 33px;
border-radius: 100%;
border: 1px solid transparent;
}
.instagram:hover, 
.vk:hover, 
.youtube:hover, 
.facebook:hover {
border: 1px solid #0dafe5;
}
.info-cont.soc li img {
margin-right:5px; 
}
.instagram {
background: url("images/inst.png") center no-repeat;
background-size: 100%;
}
.instagram:hover {
background: url("images/inst.png") center no-repeat;
background-size: 100%;
}
.vk {
background: url("images/vk.png") center no-repeat;
background-size: 100%; 
}
.vk:hover {
background: url("images/vk.png") center no-repeat;
background-size: 100%; 
}
.youtube {
background: url("images/yout.png") center no-repeat;
background-size: 100%;  
}
.youtube:hover {
background: url("images/yout.png") center no-repeat; 
background-size: 100%; 
}
.facebook {
background: url("images/fb.png") center no-repeat;
background-size: 100%;
}
.facebook:hover {
background: url("images/fb.png") center no-repeat;
background-size: 100%;
}

/* --------------------------------------
Navigation 
-------------------------------------- */
nav ul li:before,
.nav li:before {
  display: none;
}
nav ul li, nav ol li,
.nav li {
  text-indent: 0;
  padding: 5px 0;
}
.navbar {
background: #fff;
padding: 0;
}
.navbar-brand {
width: 100%;
height: auto;
}
.navbar-brand img {
    object-fit: cover;
    max-height: 100%;
    width: 100%;
}
.navbar-nav {
margin-top: 0;
margin-left: 0;
}
.navbar-nav a {
font-size: 17px;
font-family: 'Manrope', sans-serif;
font-weight: 800;
}
.navbar .navbar-nav > li {
padding: 10px 40px 10px 0;
position: relative;

}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active {
background-color: transparent !important;
color: #0dafe5;
}
.dropdown-toggle:after {
    border: none!important;
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f107";
    vertical-align: 0;
    color: #151515;
    margin-left: 0.2em;
}
.dropdown:hover .dropdown-toggle:after,
.dropdown.active.show .dropdown-toggle:after,
.dropdown.active .dropdown-toggle:after {
color: #151515;
}

.dropdown.show .dropdown-toggle:after {
content: "\f106";
 color: #151515;
}
.navbar-nav > li + li.dropdown.show:before {
 color: #151515; }

.navbar .navbar-nav > li.dropdown.show {
background: transparent;
color: #151515;
}
.navbar .navbar-nav > li.active a,
.navbar .navbar-nav > li.active a:focus,
.navbar .navbar-nav > li.dropdown.show a:active,
.navbar .navbar-nav > li.dropdown.show a:focus,
.navbar .navbar-nav > li.dropdown.active.show a:active,
.navbar .navbar-nav > li.dropdown.active.show a:focus,
.navbar-nav .dropdown.show > .navbar-nav li > a:active,
.navbar-nav .dropdown.show > .navbar-nav li > a:focus {
color: #151515;
}

.navbar-nav .dropdown-menu {
background-color: #fff;
border-radius: 4px;
border: none;
border-top: 3px solid #ffd200;
color: #012551;
list-style: none;
margin-top: 5px;
font-size: 15px;
font-weight: 300;
line-height: 1;
padding: 15px 0;
text-transform: none;
min-width: 250px;
-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.83);
-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.83);
box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.83);

}
.navbar-nav .dropdown-menu:before {
    font-size: 18px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 25%;
    vertical-align: 0.255em;
    content: "";
    border-bottom: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-top: 0;
    border-left: 0.5em solid transparent;
    position: absolute;
    top: -10px;
    color: #ffd200;
    z-index: 1;
}
.navbar-nav .dropdown-menu > li {
padding: 7px 25px;
font-size: 15px; 
margin: 0;
}


.navbar-nav .dropdown-menu li > a {  
    color: #151515;
    font-size: 15px;
    font-weight: 600;
    line-height: 1em;
    text-transform: none;
}
.navbar-nav .dropdown-menu > li.active
.navbar-nav .dropdown-menu > li.active a,
.navbar-nav .dropdown-menu > li:hover
.navbar-nav .dropdown-menu > li:hover a,
 .navbar-nav .dropdown-menu > li > a:hover {
color: #0dafe5; 
}

.navbar-nav .dropdown-menu > li.dropdown:hover > .dropdown-menu {
  display: block;
}

.navbar-nav .dropdown-menu > li.dropdown > .dropdown-menu {
  border-top: none;
background: #fcfcfd;
top: 0;
left: 100%;
margin-top: 0;
}
.dropdown .dropdown-menu li.dropdown:hover > .dropdown-menu:before {
display: none;
}

.navbar .navbar-nav > .dropdown .dropdown-menu li.dropdown:before {
font: normal normal normal 16px/1 FontAwesome;
border-color: transparent;
border-style: none;
border-width: 0;
border-left-color: transparent;
content: "\f105";
color: #151515;
display: block;
line-height: 1;
float: right;
right: 15px;
position: absolute;
font-size: 1rem;
height: 0;
width: 0; }

.navbar .navbar-nav > .dropdown .dropdown-menu li.dropdown:hover::before {
color: #0dafe5; 
}
.navbar-toggler {
    display: none;
}



/* --------------------------------------
# Slider
-------------------------------------- */

  .carousel-control-prev, .carousel-control-next {
  	width: 15%;
  }
.carousel-control-prev-icon, .carousel-control-next-icon {
    content: "";
    height: 35px;
    width: 80%; 
  }
  .carousel-control-prev-icon {
    background-image: url("images/prev.png");
    background-size: contain; 
  }
  .carousel-control-prev-icon:hover {
    background-image: url("images/prev-2.png"); 
        background-size: contain;
  }
  .carousel-control-next-icon {
    background-image: url("images/next.png"); 
        background-size: contain;
  }
  .carousel-control-next-icon:hover {
    background-image: url("images/next-2.png"); 
        background-size: contain;
  }
  .carousel-indicators {
    display: block;
    padding-left: 0;
  }
  .carousel-indicators li {
border-radius: 100%;
border: none;
    display: block;
    width: 15px;
    height: 15px;
    background:#fff;
    margin: 8px 0; 
  }
  .carousel-indicators li.active {
    border-radius: 100%;
    background: #fe6853;
    border: none;
    width: 16px;
    height: 14px;
  } 
  .carousel-indicators li::before,
  .carousel-indicators li::after {
    display: none;
  }
  #big-slides .carousel-indicators {
    margin-right: 20px;
    margin-bottom: 0;
    float: right;
    left: auto;
    top: 80px;
  }
  #big-slides .carousel-item .bg-item {
    height: 950px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; 
  }
#big-slides .bot-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 120px 0;
}
.bot-head .head-info,
.bot-head .head-bottom  {
padding: 25px 0;
}
.bot-head .title {
    font-size: 47px;
    padding-bottom: 30px;
    font-weight: 600;
    line-height: 1.1;
    font-family: 'Montserrat';
    color: #043b72;
}
.bot-head .head-descr {
  color: #0349ac;
line-height: 1.2;
font-size: 30px;
font-weight: 500;
}
.head-info {
font-size: 17px;
font-weight: 400;
}

#big-slides .container {
  position: relative;
}

/* --------------------------------------
/*-----------Header price------*/
/*-------------------------------------- */
.t-desc-pr {
  color: #828282;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  width: 90%;
}
.about-line-pr {
  padding-top: 20px;
}
.about-line-pr-title {
  color: #0349ac;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}
.about-box-pr {
  font-size: 17px;
  font-weight: normal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
  position: relative;
 margin-bottom: 20px;
 padding-left: 0;
}
.about-box-txt {
  width: 100%;
}
.about-box-ic {
background: #0dafe5;
border-radius: 0 30px 30px 30px;
padding: 10px 20px 12px 25px;
color: #fff;
font-size: 32px;
font-weight: 500;
margin: 10px 0;
line-height: 1;
}


/* --- form-mail-slide ----*/
.form-usl .box-mail {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    position: relative;
    -webkit-box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 15%);
}
.form-usl .mail-top {
    color: #27333e;
    font-size: 16px;
    font-weight: 500;
}
.form-usl .title-form {
  font-family: 'Montserrat';
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
}
.form-usl .title-form span {
  font-weight: bold;
}
.use-yes, .use-yes a {
   color: #8d96a1;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
}

.form-usl .btn {
  text-transform: uppercase;
    font-size: 14px;
     text-align: center;
     margin: auto;
}
.form-mail-slide label, label {
    background: #fff;
    border: 1px solid #a2adba;
    border-radius: 6px;
    color: #8d98a7;
    font-weight: 300;
    font-family: 'Manrope';
    font-size: 11px;
    padding: 0.3rem 0.5rem;
    min-width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.total_label label {
  color: #8d98a7;
  border:none; 
  padding: 0.5rem 0;
  margin-bottom: 0;
}
.total_result {
  text-transform: none;
  color: #0dafe5;
  font-size: 37px;
  font-weight: bold;
}
.form-mail-slide select  {
  margin-left: -3px;
  width: 100%;
}
.form-mail-slide input[type="text"], 
.form-mail-slide input[type="email"],
.form-mail-slide input[type="number"],
.form-mail-slide select,
input[type="text"], 
input[type="email"],
input[type="number"],
textarea,
.form-control {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #383839;
    font-weight: 300;
    font-family: 'Manrope';
    font-size: 15px;
    padding: 0;
    width: 100%;
    margin-top: 5px;
}
select:focus-visible {
    outline-offset: 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.var-usl {
  font-family: 'PT Sans';
  font-size: 16px;
  margin-bottom: 15px;
}
.price-usluga table > tbody > tr:first-child td:first-child {
    width: 55%;
}



/*=======================================*/
/*---------About ------*/
/*=======================================*/
.bg-about {
background: #f1f8ff;
}

.box-about-total.col-lg-13 {
    margin-right: 0;
    margin-left: auto;
}
.about-right{
background: url("images/bg-about-right.jpg") no-repeat top left; 
background-size: cover;
padding-bottom: 70px;
}
.about-info {
  color: #828282;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
  }
  .about-info span {
    color: #0dafe5;
    font-size: 22px;
    font-weight: 700;
  }
.wh-box {
margin-top: 10px;
}

.wh-total {
color: #0dafe5;
font-size: 45px;
font-weight: 400;
margin-top: 10px;
}
.wh-title {
  color: #043b72;
font-size: 19px; 
line-height: 1.2;
font-weight: 400;
text-align: left;
}

.sec-about-page {
  background: #f1f8ff;
}
.page-about-total {
    justify-content: space-around;
}
.page-about-total .wh-box {
  padding: 0 15px;
}
/*=======================================*/
/*---------Uslugi ------*/
/*=======================================*/

.sec-box {
padding: 60px 0;
}

.bg-uslugi {
  background: url("images/bg-usl-sec.jpg") no-repeat center;
  background-size: cover; 
}

.bg-uslugi .sec-title span {
  color: #376c9f;
}

.usltab {
    margin-left: auto !important;
    margin-right: auto;
    max-width: max-content;
    background: #fff;
    border-radius: 20px;
flex-wrap: nowrap !important;
}
.usltab li {
    background: #fff;
    border-radius: 20px;
    float: left;
    padding: 0;
    overflow: hidden;
    margin: 0 !important;
}
.usltab .tab-link {
background: #fff; 
border-radius: 20px;
border: 1px solid #fff;
padding: 10px 20px;
font-size: 16px;
font-weight: 400;
color: #022960; 
text-decoration: none;
}
.usltab .tab-link:before {
  display: none;
}
.usltab .tab-link:hover, .tab-link:hover {
  background: #fff;
  padding: 10px 20px;
border-radius: 20px;
border: 1px solid #0dafe5;
  color: #0dafe5;  
  text-decoration: none;
}

.usltab .tab-link.active, .tab-link.active {
  background: #0dafe5;
  padding: 10px 20px;
border-radius: 20px;
border-bottom: 0;
  color: #fff;  
  text-decoration: none;
}

.other-box {
	position: relative;
}

.other-box .img-box {
		width: 240px;
		height: 320px;
	display: flex;
	justify-content: center;
	}

.other-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.usl-bl, .cat-usl-bl {
    display: flex;
    margin-bottom: 30px;
}

.other-usl {
	justify-content: center !important;
}
.usl-bl a, .cat-usl-bl a {
  text-decoration: none;
}
.usl-bl .usl-box, .cat-usl-bl .usl-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}

.usl-bl .img-box img, .cat-usl-bl .img-box img {
border-radius: 4px;
    width: 100% !important;
    height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
    position: relative;
    overflow: hidden;
	
}
.usl-bl .usl-info {
background: #043b72;
color: #fff;
padding: 10px 30px 10px 20px;
max-width: min-content;
min-width: 65%;
bottom: 40px;
position: absolute;
}

.usl-bl .usl-box:hover .usl-title {
    color: #0dafe5;
}
.usl-info .usl-title {
color: #fff;
font-size: 20px;
font-weight:500;
margin-bottom: 10px;
line-height: 1.2;
min-height: 50px;
}

.usl-bl .usl-price {
color: #fff;
font-size: 17px;
font-weight: 400;
}

.usl-bl .usl-link-box {
  border: 2px dashed #0dafe5;
   border-radius: 4px;
    height: 100%;
    width: 100%;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
  }

.usl-bl .usl-link-icon {
  margin-bottom: 20px;
}
.usl-bl .usl-link-title {
  color: #0dafe5;
  font-size: 20px;
  font-weight: 500;
}


.cat-usl-bl .usl-box:hover .usl-title {
  text-decoration: none;
}
.cat-usl-bl .usl-title {
font-size: 22px;
font-weight:bold;
margin: 20px 0 10px;
line-height: 1.2;
}

.cat-usl-bl .usl-price {
font-size: 22px;
font-weight: 500;
}
.cat-usl-bl .usl-cont {
  color: #073f83;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
}
.usl-more {
  color: #073f83;
  font-size: 14px;

}


/*---------Sec- Line-Uslugi ------*/
.wh-box-usl-info {
  color: #547da3;
  padding-left: 20px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
}
.wh-box-usl {
margin: 20px 0;
display: flex;
}
.wh-box-usl img {
margin-bottom: 10px;
width: 83px;
height: 83px;
}
.wh-box-usl span {
  color: #151515;
  font-size: 17px;
  font-weight: 500;
 padding-bottom: 10px;
}
/* --------Slider FrontGallery Portfolio --------------- */


/************************************/
/*---------tab-content & owl ------*/
/**********************************/

#Frontgallery .tab-content > .tab-pane {
  display: block;
     visibility: hidden;
     height: 0;
     overflow:hidden;
}
#Frontgallery .tab-content > .active {
     visibility: visible;
     height: auto;
     overflow: visible;
}
/************************************/
/*---------/tab-content & owl ------*/
/**********************************/


.owl-item .duo-gall {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
    -moz-box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
    box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
    overflow: hidden;
      font-size: 17px;
  font-weight: 400;
  color: #151515;
  cursor: pointer;
}
.owl-item .duo-gall:hover {
  color:#0dafe5; 
border: 2px solid #0dafe5;
}

.owl-item .line-img-box img,
.line-img-box img {
height: 260px;
-o-object-fit: cover;
object-fit: cover;
width: 100%; 
}
.line-img {
  position: relative;
}
.line-img  .badge {
  color: #000;
  background: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
  padding: 5px 10px;
}
.duo-gall-info {
    background: #fff;
    padding: 30px !important;
    text-align: center;
}
.duo-gall-title {
    min-height: 46px !important;
}


/* --------Slider FrontGallery Portfolio --------------- */
.bg-portf-sec {
background: url("https://chistograd-servis.ru/wp-content/themes/chistograd/images/bg-portf-sec.jpg") repeat-y top center; 
padding-bottom: 120px;
}


.tab-content  .portfolio-carousel .owl-nav {
position: absolute;
width: 100%;
top: 47%; 
}


/* --------------------------------------
/*-----------Slider all ------*/
/*-------------------------------------- */
.portfolio-carousel .owl-item {
padding: 0 15px; 
}
#portfolio-car.portfolio-carousel .img-box img {
  width: 100%;
  height: 166px;

}
.portfolio-carousel .img-box img {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #fff;
  
}

.portfolio-carousel .owl-item:hover .img-box img,
.portfolio-carousel .owl-item:hover .spec-box img {
    border: 2px solid #80bcff;
}  
.portfolio-carousel .owl-nav {
position: absolute;
width: 100%;
top: 43%; }

.owl-prev, .owl-next {
font-size: 20px;
background: #fff;
border-radius: 100%;
content: "";
line-height: 2;
height: 35px;
width: 53px;
float: left;
}

.portfolio-carousel .owl-prev {
background: url("images/prev.png") no-repeat center;
background-size: 100%;
position: absolute;
left: -7%;
}
.portfolio-carousel .owl-prev:hover {
background: url("images/prev-2.png") no-repeat center;
background-size: 100%;
position: absolute;
left: -7%;
}

.portfolio-carousel .owl-next {
background: url("images/next.png") no-repeat center; 
background-size: 100%;
position: absolute;
float: right;
right: -7%; 
}
.portfolio-carousel .owl-next:hover {
background: url("images/next-2.png") no-repeat center;
background-size: 100%; 
position: absolute;
float: right;
right: -7%; 
}
.owl-theme .owl-controls {
margin: 0;
text-align: center;
}
.owl-dots {
margin: 20px auto;
display: flex;
align-items: center;
width: 100%;
justify-content: center; 
}
.owl-dots .owl-dot span {
border-radius: 100%;
display: block;
width: 9px;
height: 9px;
filter: Alpha(Opacity=40);
background: #0dafe5;
border: 1px solid #0dafe5;
margin: 0 4px; 
}

.owl-dots .owl-dot span:hover {
background: #343b3d;
border: 1px solid #343b3d;
}
.owl-dots .owl-dot.active span {
filter: Alpha(Opacity=100);
background: #ffd200; 
border: 1px solid #ffd200;
width: 10px;
height: 10px;

}

/*=======================================*/
/*---------How Work------*/
/*=======================================*/
.bg-hwork-sec {
 background: url('images/bg-hwork-sec.jpg') no-repeat bottom center; 
}
.hw-row {
  padding-top: 40px;
  justify-content: center;
}
.hw-box {
  margin-bottom: 15px;
  text-align: center;
  max-width: 188px;
}
.hw-box img {
  width: 100%;
  height: auto;
}
.hw-title {
  font-size: 17px;
  font-weight: 400;
  margin: 20px 0;
  padding: 0 20px;
}

/*=======================================*/
/*---------Section About Specialisty ------*/
.sp-box {
margin-bottom: 30px;
position: relative;
}
.sp-img {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.sp-img img {
border-radius: 100%;
border: 1px solid #dde7f3;
height: 100px;
min-width: 100px;
object-fit: cover;
}
.sp-total {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    left: -25px;
    bottom: 15px;
    font-size: 13px;
}
.sp-total .star {
  position: relative;
 width: 40px;
 height: 50px;
}
.sp-total .star:before {
content: "";
 background: url('images/star.png') no-repeat center;
 background-size: 100%; 
 width: 39px;
 height: 37px;
 position: absolute;
bottom: 0;
}  
.sp-total span {
  font-size: 18px;
  font-weight: 500;
}
.sp-title {
  font-size: 16px;
  font-weight: 800;
  margin: 20px 0 10px;
}
.sp-box:hover .sp-title {
  color: #043b72;
  text-decoration: underline;
}
.sp-descr {
  color: #303132;
  font-size: 14px;
  padding-right: 30px;
}

/*=======================================*/
/*---------Section Oborudovanie ------*/
/*=======================================*/
.prod-row {
  align-items:center;
}
.prod-box.col {
  min-width: 20%;
  max-width: 20%;
  text-align: center;
}

/*=======================================*/
/*---------Section Tab Otsyvy ------*/
/*=======================================*/
.line-tabs-otz {
  justify-content: center;
}
.otz-row {
  margin-bottom: 30px;
}
.owl-item .img-otz-box, 
.img-otz-box {
font-size: 13px;
margin: 10px 0;
display: flex;
}
.owl-item .img-otz {
  width: 100%;
max-width: 70px;
min-width:70px;
  height: 70px;
}
.owl-item .img-otz-box img, 
.img-otz-box img {
min-width: 66px !important;
  height: auto;
}
.owl-item .img-otz-title, 
.img-otz-title {
padding-left: 25px;
font-size: 16px;
font-weight: 800;
margin-top: 5px;
}
.owl-item .img-otz-title span, 
.img-otz-title span {
  font-weight: 400;
  font-size: 13px;
}
.owl-item .img-otz-title p, 
.img-otz-title p {
  margin-bottom: 0.5rem;
}
.owl-item .text-otz, .text-otz {
  border: 3px solid #0dafe5;
  font-size: 15px;
  position: relative;
  padding: 20px;
}
.owl-item .text-otz:before, 
.text-otz:before {
  background: url('images/otz-before.png') no-repeat center;
  content: "";
  position: absolute;
width: 18px;
height: 21px;
top: 20px;
left: -20px;

}



/*=======================================*/
/*---------slider kompany ------*/
/*=======================================*/
.otzkomp .s-title {
  font-family: 'Manrope';
  font-size: 30px;
  font-weight: 400;
}

#portfolio-slkompany .img-box {
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
display: flex;
    align-items: center;
    justify-content: center;
}
#portfolio-slkompany .img-box img {
height: 100%;
max-height: 140px;
object-fit: none;
width: 100%;
border: 0;
}
#portfolio-slkompany.portfolio-carousel .owl-item:hover .img-box img {
    border: 0;
}


/* ---- Ansver ---- */
.ansver-info {
  background: url('images/bg-ask-sec.jpg') no-repeat center;
  background-size: cover;
}
.ansver-info .section-title span {
  color: #376c9f;
}

.ansver-info .card {
    border: none;
    margin: 20px 0;
    padding: 15px 0;
    padding-right: 4rem;
    padding-left: 4rem;
    border-radius: 10px !important;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
    -moz-box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
    box-shadow: 0px 1px 20px 0px rgba(8, 8, 55, 0.1);
}

.ansver-info a.btn-link {
  color: #043b72;
align-items:center;
background: #fff;
border-color: transparent;
display: flex;
font-size: 18px;
word-wrap: break-word;
font-weight: bold;
line-height: 1.2;
cursor: pointer;
padding: 1rem 0;

}
.ansver-info .card:hover a.btn-link,
.ansver-info .card:hover a.collapsed:after {
  color: #0dafe5;
}
.ansver-info .card a.collapsed:after  {
 color: #043b72;
content: " +";
float: right;
width: 27px;
height: 27px;
position: absolute;
right: 45px;
font-size: 27px;
font-family: 'fontawesome';
text-align: center;
line-height: 1;
/* open */
}

.ansver-info .card a:after {
color: #0dafe5;
content: "\00D7";  
/* close */ 
float: right;
width: 27px;
height: 27px;
border-radius: 100%;
position: absolute;
right: 45px;
font-family: 'fontawesome';
font-size: 27px;
text-align: center;
line-height: 1;
}
.ansver-info .card-body {
font-size: 15px;
font-weight: 400;
padding: 1.25rem 0;
}



/* -------- Footer Section------------ */
.footer-info {
background: #f7f7f7;
padding-top: 60px; 

}
.top-footer {
padding-bottom: 20px;
font-size: 13px;
font-weight: 300;
}
.menu-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 5px;
}
.footer-menu {
font-weight: normal;
display: inline-block;
width: 100%;
float: left;
margin-left: 0;

}
.nav.footer-menu li {
line-height: 1.2;
margin: 0;
}
.footer-info a {
font-size: 13px;
text-decoration: none; 
font-weight: 500; 
}
.footer-info a:hover {  
color: #0dafe5;
}
.link-title {
  color: #b3d6f5;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 7px;
}
.link-phone {
  font-family: "PT Sans";
  font-size: 16px;
  font-weight: normal;
}
.box-adr span {
    color: #909090;
}
.box-adr a:hover {
    color: #0dafe5;;
    text-decoration: none;
}
.foot-left .box-adr {
  font-weight: 500;
}

.foot-right .top-phone, .foot-right .top-call,
.foot-right p {
  margin-bottom: 10px;
}
.foot-right {
text-align: right;
    font-size: 13px;
    font-weight: 500;
}
.foot-right .f-mail span {
  color: #0dafe5;
}
.top-footer .top-call {
	margin-top: 10px;
}
.foot-right .social {
    justify-content: flex-end;

}
.top-footer-left .social li {
  margin: 0 0 0 5px;
}
/* ---- Copyright Section ---- */
.copyright {
font-size: 13px;
font-weight: 500;
padding: 10px 0;
}

.copyright a {
color: #0dafe5;
font-size: 13px;
font-weight: 500;
text-decoration:none;
padding-top: 10px 
}

.copyright a:hover {
text-decoration:underline;  
}
.copy-right {
margin-top: 5px;
text-align: right;
}



/* --------------------------------------
Content Post & Page
-------------------------------------- */

/* -------- subheader ------------- */

.main {
    margin-top: 5px;
    padding-top: 30px;
    position: relative;
}
.bg-main-top {
 background: url('images/bg-main-top.png') repeat-x top center; 
}
.subheader-title h1.title {
padding-top: 10px;
margin-bottom: 0; 
line-height: 1;
}

/* -------- breadcrumb ------------- */
.breadcrumb, .breadcrumb-item.active {
  font-family: 'Manrope';
color: #a5a5a5;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}

.breadcrumb a {
    color: #0dafe5;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb {
background: transparent;
display: block;
float: left;
width: 100%;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0;
margin-left: 0;
}

.breadcrumb li {
display: inline-block;
color: #a5a5a5;
list-style: none;
position: relative;
width: auto; 
text-indent: 0;
}
.breadcrumb li:before {
content: "";
margin-right: 0;
}
.breadcrumb > li + li::before {
padding: 0 7px;
color: #a5a5a5; 
content: ">"; 
font-size: 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
color: #fff; 
}

/* -------- breadcrumb new ------------- */
.breadcrumbs {
    margin: 10px 0;
    padding: 0 15px;
}
a.breadcrumbs__link {
    color: #0dafe5;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
a.breadcrumbs__link:hover {
    text-decoration: underline;
}
.breadcrumbs__separator {
padding: 0 7px;
color: #a5a5a5;  
font-size: 15px;
}
.breadcrumbs__current {
  font-family: 'Manrope';
color: #a5a5a5;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}

/* -------- Single Post ------------- */
.post, .page {
    position: relative;
}
.content-post h1, 
.content-post h2, 
.content-post h3, 
.content-post h4, 
.content-post h5, 
.content-post h6 {
padding: 1em 0;
}


.content-post, .content-category {
padding: 50px 0;
position: relative;
width: 100%;
}
.content-post  ul.nav li {
  text-indent: 0;
}

.content-post ul > li:before, .single-usluga .content-post .usl-bl-tab ul > li:before  {
background: url('images/icon-li-2.png') no-repeat center;
content: "";
height: 21px;
width: 21px;   
margin-left: -35px;
float: left;
}

.single-usluga .content-post  ul > li:before {
background: url('images/icon-li-plus.png') no-repeat center;
content: "";
height: 21px;
width: 21px;   
margin-left: -35px;
float: left;
}



.content-post .first {
  margin-bottom: 30px;
}
.content-post .first img {
max-width: 960px;
    height: 100%;
    max-height: 510px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
.post-descr {
  font-size: 18px;
  font-weight: 600;
}
.single-post .content-post {
  font-size: 16px;
  font-weight: normal;
}
.content-post .separated {
  padding: 1rem 0;
}
.box-gallery-post {
    padding: 40px 0;
}
.box-gallery-post-title {
  color: #8d8d8d;
  font-size: 15px;
  padding: 20px 0;
  text-align: center;
}
#portfolio-news .owl-item .img-box img {
    max-height: 300px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

/*--------Related Post---------*/
.related.post h3 {
  margin-bottom: 2rem;
}




/*--------Category----------*/
/*-------------------*/
/*News*/
/*------------------*/

.cat-post {
  margin-bottom: 30px;
}
.cat-post .cat-post-dat {
  color: #8d8d8d;
  font-size: 15px;
  font-weight: 400;
}
.cat-post .cat-post-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  min-height: 40px;
}
 .cat-post:hover .cat-post-title {
color: #0dafe5;
}

.cat-post img {
  border-radius: 10px;
  height: 225px;
  width: 100%;
  object-fit:cover;
  margin-bottom: 20px;
}

.cat-post-date, 
.cat-post-title, 
.cat-post-cont {
  margin-bottom: 15px!important;
}

.cat-post-link, .owl-item .cat-post-link {
  position: absolute;
  bottom: 25px;
}
.cat-post-link {
  color:  #0349ac;
  font-size: 13px;
  font-weight: 500;
}
.cat-post-link:after {
    content: "\01F852";
    font-size: 16px;
    position: absolute;
    margin-left: 5px;
}

.bg-f-mail {
  background: #f7f7f7 url('images/bg-fmail-sec.jpg') no-repeat top center; 
}
/*----------Category Actions--------*/
.act-post {
  padding-bottom: 40px;
}
.act-post img {
  height: 180px;
  width: 100%;
  object-fit:cover;
  margin-bottom: 20px;
}
.act-post h2 {
  margin-bottom: 20px;
}

/*----------Pagination---------*/
.pagination {
margin: 20px auto;
}
/**/
.pagination .nav-links {
display: table;
list-style: none;
background-color: transparent;
padding: 5px 6px;
border-radius: 0;
border-width: 0;
}
.pagination .page-numbers {
display: block;
float: left;
margin: 0 5px;
position: relative;
text-align: center;
}
.pagination .next.page-numbers, 
.pagination .prev.page-numbers {
background: #ffd200;
color: transparent;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
}
.pagination .next.page-numbers:after, 
.pagination .prev.page-numbers:before {
color: #151515;
content: '';
display: table;
position: absolute;
font-family: 'fontawesome';
top: 0;
margin: 0 12px;
font-size: 20px;
}
.pagination .prev.page-numbers:before {
content: '\f177';
}
.pagination .next.page-numbers:after {
content: '\f178'; 
}

.pagination a, .pagination span {
padding: 3px 7px;
}

.pagination span.page-numbers.current {
color: #28b8e8;
}

.pagination span.page-numbers.current,  
.pagination a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-weight: 400;
cursor: pointer;
padding: 0;
font-size: 26px;
}
.pagination a {
font-size: 26px;
text-decoration: none;
font-weight: 400;
}

.pagination a:hover {
color: #012551;
text-decoration: none;
}
.post-navigation a {

}




/* --------Tabs----------*/

.line-tabs {
list-style: none;
 margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.line-tabs li {
background: transparent;
float: left;
margin: 0 10px 5px 0;
}
.line-tabs li:before {
display: none;
}

.tab-link {
border-bottom: 0; 
font-size: 16px;
font-weight: 400;
color: #022960; 
text-decoration:none;
float: left;
 padding: 11px 21px;
 position: relative;
}
.tab-link:before {
  background: #0dafe5;
  content:"";
  position: absolute;
  bottom: 0;
  width: calc(100% - 42px);
  height: 2px;
  left: 21px;
}
.tab-link.active {
  background: #0dafe5;
  border-radius: 20px;
border: 1px solid #0dafe5; 
  color: #fff;  
  text-decoration: none;
   padding: 10px 20px;
}
.tab-link.active:before,
.tab-link:hover::before {
  display: none;
}


/*-------Single Usluga----*/

#big-slides.sl-usluga .carousel-item .bg-item-wrap {
    position: relative;
}
#big-slides.sl-usluga .carousel-item .bg-item {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 825px;
}

.slide-usluga .title {
   font-size: 50px;
}
.slide-usluga .breadcrumb li {
  color: #343434;
}
.slide-usluga .breadcrumb > li + li::before {
    padding: 0 7px;
    color: #343434;
    content: ">";
    font-size: 15px;
}

.the_tags {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
   justify-content: center;
}
.the_tags a {
    display: inline-block;
    border-radius: 4px;
    margin: 5px;
    padding: 2px 10px;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #dadada;
    background: #fff;

}
.usl-bl-tab ul {
  color: #043b72;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 500;
}
.line-tabs.s-usl {
  margin-bottom: 30px;
}
/*-------Page Vakansii-------*/
.vak-box {
  border-bottom: 1px solid #d7dbe1;
}
.vak-title {
  font-size: 37px;
  font-family: 'Montserrat';
  font-weight: 500;
  padding: 20px 0;
  line-height: 1.2;
}
.vak-info {
  font-size: 18px;
}
.vak-box .btn-wrap {
  margin: 30px 0;
}
/*-------Page Specialistu-------*/
.spec-box {
  margin-bottom: 30px;
}
.spec-box .img-box {
  position: relative;
}
.spec-box .img-box img {
  height: 100%;
  max-height: 350px;
  width: 100%;
  object-fit:cover;
}
.spec-box .img-box .sp-total {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 13px;
    width: 100%;
    margin-left: 20px;
    justify-content: flex-end;
}
.spec-box .sp-total .star {
   width: 43px;
 height: 41px;
 position: relative;
}
.spec-box .sp-total .star:before {
content: "";
 background: url('images/star-2.png') no-repeat center;
 background-size: 100%; 
 width: 43px;
 height: 41px;
 position: absolute;
bottom: 0;
}
.spec-box .sp-title {
  font-size: 19px;
  font-weight: bold;
  margin: 0;
}
.spec-box .sp-descr {
  color: #a3a3a3;
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
}
/*-------Page Kontakty-------*/
.bl-cont {
    height: 100%;
    font-size: 14px;

}
.box-cont,
.box-cont-soc,
.soc-us {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items:center;
  
}
.box-cont .t-cont {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.box-cont img {
  height: 44px;
  width: 44px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ab-us-soc {
background: #f6f6f6;
border-radius: 20px;
padding: 20px;
align-items: center;
}
.box-cont-soc img {
  height: 33px;
  width: 33px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.box-cont-soc a {
  font-weight: bold;
  margin-top: 10px;
}

/*-------Page about US-------*/
iframe {
    border-width: 0px;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.video, 
.a-video,
.owl-item div .video,
.owl-item div .a-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.a-video iframe {
    width: 100%;     
    border: 4px solid #eaf4ff;
    max-height: 475px;
}
.item-video {
    padding: 0;
    max-height: 475px;
}

.item-video iframe, 
.item-video object, 
.item-video embed, 
.video iframe, 
.video object, 
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-------error-404-------*/
.bg-error {
  background: url('images/bg-err.jpg') no-repeat center bottom;
}
.error-404 {
	padding-bottom: 250px;
  text-align: center;
  font-family: 'Manrope';
}

.error-404 .title {
    font-size: 200px;
    color: #0dafe5;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    font-family: 'Manrope';
}
.error-404 h1.page-title {
	font-size: 48px;
	font-weight: normal;
  margin-bottom: 60px;
  font-family: 'Manrope';
}

.error-404 .txt-descr {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 60px;
  color: #151515;
}
.error-404 .btn-lg-call i {
	color: #151515;
}
.error-404 .btn {
  text-transform: uppercase;
}


/*------------Table --------------*/
.title-table h4, .title-table h5 {
  padding: 0.5rem 0 1rem;
}
.box-table  table {
  text-align: center;}

.box-table table tr td:first-child  {
text-align: left;
}

table {
color: #043b72;
border-radius: 0;
overflow: hidden;
border-collapse: separate;
border-spacing: 0; 
border: 2px solid #f6f6f6;
font-size: 14px;
font-weight: 500;
}
.table-cont table {
  color: #151515;
  border: 0;
}
tbody {
  background: #fff;
}
table  td {
border-left: 0;
border-right: 0;
border-bottom: 1px solid #f6f6f6;
font-size: 14px;
padding: 1rem 2rem;
position: relative;
overflow: hidden;
font-weight: 500;
}
table tr:first-child td {
 background: #f6f6f6;      
    font-weight: bold;
}

.table-cont table tr:first-child td {
font-weight: 500;
}
table > tbody td {
    border-left: 1px solid #f6f6f6;
    border-right: 0;
    line-height: 1.5;
}
tbody > tr td:first-child {
    border-left: 0;
}
table tr td:first-child {
border-left: none; 
position: relative;
overflow: hidden; 
}
table tr td a {
  color: #0dafe5;
}

.table_block {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 10px;
border: 0;
display: block; 
}
.table-cont table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f6f6f6;
}
.box-table {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 15%);
    border: 0;
}

.single-post .box-table {
  background: #efefef;
  margin: 40px 0;
  box-shadow: none;
}

.type-clear-table table tr:first-child td {
  background: inherit;
  color: #0dafe5;
}
.type-clear-table table tr:first-child td:first-child {
  color: #151515;
}
/*colors table*/
.bg-lblue {
  background: #07ade4;
}
.txt-white {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
/*------------btn --------------*/
button:active, 
button:focus, 
input[type="button"]:active, 
input[type="button"]:focus, 
input[type="reset"]:active, 
input[type="reset"]:focus, 
input[type="submit"]:active, 
input[type="submit"]:focus,
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
border-color: transparent;
}
.btn:focus, 
.btn.focus, 
.submit:focus, 
.btn:hover, 
.button:focus {
box-shadow: none; 
outline: 0;
} 
.btn, .submit, button, 
.btn:visited, 
.btn:focus {  
  background: #ffd200; 
  border: 1px solid #ffd200; 
    color: #151515;
    text-align: center;
    border-radius: 25px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    max-width: 100%;
    line-height: 1;
}
input[type="submit"],
input[type="submit"]:active, 
input[type="submit"]:focus,
input[type="submit"]:visited {  
  background: #ffd200; 
  border: 1px solid #ffd200; 
    color: #151515;
    text-align: center;
    border-radius: 25px;
    padding: 15px 25px;
    max-width: 100%;
    line-height: 1;
}
.btn:hover {
  color: #fff;
background: #0dafe5;
border: 1px solid #0dafe5;
} 
.btn-call,
.btn-call:active,
.btn-call:focus {
  color: #022960;
  font-size: 14px;
  padding: 7px 35px; 
}

.btn-lg-yellow, 
.btn-lg-yellow:active,
.btn-lg-yellow:focus {
    border-radius: 50px;
font-size: 14px;
    font-weight: 800;
    position: relative;
    padding: 20px 30px; 
    max-width: 100%;
    text-transform: uppercase;
}
  .btn-lg-white,
 .btn-lg-white:active,
 .btn-lg-white:focus {
      border-radius: 50px;
font-size: 14px;
font-weight: bold;
position: relative;
background: #fff;
border: 1px solid #ffd200; 
padding: 20px 40px; 
font-weight: bold;
max-width: 100%;
text-transform: uppercase;
 }
 .btn-lg-white:hover  {  
  background: #ffd200; 
  border: 1px solid #ffd200;
  color: #151515; 
  padding: 20px 40px; 
}
  .btn-arrow:after {
    content: "\01F826";
  font-size: 16px;
    margin-left: 10px;
}
.sec-btn .btn {
    float: right;
}



/**  Forms **/

/* form-mail-line*/
.mail-wrap {
  margin: 30px 0;
}
.page-form .mail-wrap {
    margin: 30px 0;
    align-items: center;
}
.page-form .title-form {
  font-size: 32px;
  margin-bottom: 25px;
  font-weight: 500;
}
.box-mail {
background: #fff;
border-radius: 10px;
position: relative;
-webkit-box-shadow: 0px 1px 30px 0px rgba(8, 8, 55, 0.15);
-moz-box-shadow: 0px 1px 30px 0px rgba(8, 8, 55, 0.15);
box-shadow: 0px 1px 30px 0px rgba(8, 8, 55, 0.15);
}

.bg-mail-line {
    background: #0dafe5;
     padding: 20px 0;
     margin-top: -1px;
}
.form-mail-line .contact-form, .form-mail-line .form-body {
    align-items: center;
    color: #fff;
  }
.form-mail-line .form-group {
    margin-bottom: 0;
      margin-top: 15px;
}

.form-mail-line {
  padding-left: 210px;
  position: relative;
}
.form-mail-line:before {
    background: url(images/bg-mail-line.png) no-repeat left;
    content: "";
    position: absolute;
    width: 215px;
    height: 196px;
    top: -55px;
    left: -30px;
    }
.form-mail-line .title-form {
  font-size: 33px;
  font-weight: bold;
  line-height: 1;
}

.form-mail-line label {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #76ceeb;
  width: 100%;
  margin-bottom: 0;

}
.form-mail-line label span {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.form-mail-line  .btn {
    font-size: 12.5px;
    float: right;
    text-transform: uppercase;
    font-weight: 800;
}
.form-mail-line .btn:hover {
    border: 1px solid #0dafe5;
    background: #fff;
    color: #0dafe5;
}
.form-mail-line  .use-yes, .form-mail-line .use-yes a {
    color: #76ceeb;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
}
/*------------Modal------------*/

.modal-content {
    overflow: hidden;
    background: transparent;
    border: none;
}
.modal-body { 
max-width: 500px;  
padding: 2rem;
}
.modal .contact-form {
   background:#fff;
padding: 40px;
border-radius: 10px;
}
.modal .title-form {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1;
    font-family: 'Montserrat';
}
.modal .use-yes {
  color: #8d96a1;
  margin: 15px 0 0;
    text-align: center;
    font-size: 12px;
}
button.close {
  position: absolute;
  color: #fff;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  right: 0px;
  top: 0;
  width: 50px;
  height: 50px;
  opacity: 0.8;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
  text-shadow: none;
  z-index: 2;
}
.close:not(:disabled):not(.disabled):hover, 
.close:not(:disabled):not(.disabled):focus,
button.close:hover {
color: #fff;
opacity: 1;
font-weight: 500; 
}

.modal div.wpcf7-response-output {
    position: absolute;
    bottom: 0;
}
.success {
color: #f43f2e; 
}

.modal .btn-lg-blue, 
.modal .btn-lg-blue:visited, 
.modal .btn-lg-blue:focus {
    background: #0349ac;
    border: 1px solid #0349ac;
    border-radius: 15px;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    position: relative;
    padding: 25px 30px;
    max-width: 100%;
    margin: 20px 0;
}
.modal .btn-lg-blue:hover {
      background: #fff;
    border: 1px solid #0349ac;
    color: #0349ac;
} 
/**/
.wpcf7-checkbox input[type=checkbox]{
display: none;
}

span.wpcf7-list-item {
display: block; 
font-size: 14px;
font-weight: 300;
margin: 0 0 0 0.5em;
}

.wpcf7-list-item-label{
left: 15px;
margin: 0 0 10px;
position: relative; 
}

.wpcf7-list-item-label::before{
background: #313131;
position: absolute;
width: 13px;
height: 13px;
border: 1px solid #313131;
border-radius: 2px;
content: '';
left: -20px;
top: 2px;
}

.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::before{
background: #313131;
position: absolute;
width: 13px;
height: 13px;
border: 1px solid #313131;
border-radius: 2px;
top: 2px;
}

.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after{
color: #fff;
position: absolute;
width: 10px;
height: 10px;
border: 0;
border-radius: 0;
left: -18px;
font-family: 'fontawesome';
top: 2px;
content: '\f00c';
background: center; 
font-size: 9px;
}
.wpcf7-list-item-label a{
color: #d6172a;
text-decoration: none;
}
div.wpcf7 .ajax-loader {
    display: none;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    text-align: left;
    position: absolute;
    width: 220px;
    text-transform: none;
    bottom: -5px;
}
div.wpcf7-response-output {
    margin: 5px auto 5px;
    padding: 0.5em 1em;
    border: 0 solid #ff0000;
    position: relative;
    text-align: center;
    font-size: 12px;
    width: 100%;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #f7e700;
    font-size: 12px;
    bottom: 0;
}
form.wpcf7-form.invalid {
    position: relative;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 0 0;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
/**/
/* ============back-top ======================= */

#back-top {   
background: #ffd200; 
border-radius: 100%;
position: fixed; 
bottom:75px;
z-index:99; 
right: 2%;  
display:block;
transition: 0.3s all ease;
cursor: pointer;
height: 45px;
width: 45px;

}
#back-top a {
text-decoration: none;
font-size: 16px;
font-weight: 500;
align-items: center;
}
#back-top span {
display: block;  
margin: auto;
height: 100%;
line-height: 45px; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#back-top:hover a {
opacity: 0.7;
}

/*cookies*/

.cookies-wrap {
    width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cookies {
	position: fixed;
	background-color: #fff;
	bottom: .5rem;
	display: flex;
	box-shadow: 0 5px 15px rgb(0 0 0 / 26%);
	z-index: 100;
    justify-content: flex-start;
	align-items: flex-start;
    max-width: 600px;
    padding: 1.5rem 1rem;
    margin: 0;
	display: none;
    
}

.cookies span {
	font-size: 1.5rem;
	top: 0;
	right: 1rem;
	cursor: pointer;
	position: absolute;
}

.cookies span:hover {
	color: darkgray;
}

.cookies p {
	margin-right: 2rem;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom:0;
}
.cookies a {
    color: #0dafe5;
}

.cookies a:hover {
    color: #0D87E5;
}

.alert.cookies.alert-dismissible .close {
font-size: 24px;
    padding: 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
}

@media screen and (max-width: 620px) {
	.cookies {
		width: 100%;
		max-width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.cookies span {
/* 		padding-right: 1rem; */
	}
}




/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1366px) {
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover {
left: -7%;
}
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover {
right: -7%; 
}
.wh-total {
    font-size: 40px;
}
.page-about-total .wh-total {
  font-size: 34px;
}
.page-about-total .wh-title {
  font-size: 18px;
}
}

@media only screen and (max-width: 1200px) {
	.single-pr {
    font-size: 25px;
    font-weight: normal;
    line-height: 1;
}
.info-pr {
    font-size: 16px;
    line-height: 1;
}
.wh-total {
    font-size: 38px;
}
.page-about-total .wh-total {
  font-size: 26px;
}
.page-about-total .wh-title {
  font-size: 17px;
}
}

/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {
  .content-post, .content-category {
    padding: 30px 0;
}
h1, .h1 {
font-size: 40px;
font-weight: 600;
}

h2, .h2 {
font-size: 36px;
}

h3, .h3 {
font-size: 32px;
}

h4, .h4 {
font-size: 26px; 
}
h5, .h5 {
font-size: 23px; 
}
h6, .h6 {
font-size: 20px;  
}
.sec-box {
    padding: 30px 0;
}

	.other-box .img-box {
		width: 285px;
		height: 352px;
	}
	
	.other-box {
		justify-content: center !important;
	}	
	
.box-cont, .box-cont-soc, .soc-us {
    flex-direction: column;
    text-align: center;
    margin: 10px 0;
}



.top-menu {
  font-size: 11px;
}
.top-phone span {
font-size: 19px;
white-space: nowrap;
}

.top-head-bg {
height: 700px;
}
.navbar-nav a {
font-size: 15px;
}
.dropdown > .dropdown-menu > li a {
    font-size: 16px;
}
.bot-head .title {
font-size: 40px;
}

.section-title,
.section-title-2 {
margin-bottom: 20px;
}
.section-title .s-title, 
.section-title-2 .s-title, 
.section-title .s-title-2, 
.section-title-2 .s-title-2 {
    font-size: 34px;
}

.wh-tot-box {
align-items: start;
flex-direction: column;
}

.wh-total {
    font-size: 36px;
}
.page-about-total .wh-total {
  font-size: 24px;
}
.page-about-total .wh-title {
  font-size: 16px;
}
.bg-whyme {
padding: 20px 0;
}
.owl-item .gall-box-title,
.gall-box-title {
    font-size: 24px;
    font-weight: 500;
}
.about-box {
font-size: 14px;
padding-left: 25px;
}
.about-box:before {
  height: 20px;
    width: 20px;
    left: 0;
}
.bg-uslugi {
padding-bottom: 30px;
}
.cat-post .post-title {
  min-height: 52px;
}
.social li span {
height: 40px;
width: 40px;
}
.copy-left img {
display: none;
}
.mail-bot {
margin: 30px 0;
}
.mail-sec {
padding-top: 20px;
}
.copyright a, .pri-pol {
font-size: 12px;
}

.info-cont a {
font-weight: 600;
}

.foot-left {
    font-size: 12px;
}
.komp-descr {
    font-size: 20px; 
}
.sert-name {
    font-size: 16px;
}
.error-404 .title {
font-size: 160px;
 margin-bottom: 50px;
}
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover,
#portfolio-otzkompany.portfolio-carousel .owl-prev,
#ortfolio-otzkompany.portfolio-carousel .owl-prev:hover {
left: -5%;
}
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover,
#portfolio-otzkompany.portfolio-carousel .owl-next,
#ortfolio-otzkompany.portfolio-carousel .owl-next:hover {
right: -5%; 
}
#portfolio-sert-post.portfolio-carousel .owl-prev,
#portfolio-sert-post.portfolio-carousel .owl-prev:hover {
left: -5%;
}
#portfolio-sert-post.portfolio-carousel .owl-next,
#portfolio-sert-post.portfolio-carousel .owl-next:hover {
right: -5%; 
}

.error-404 .txt-descr {
    margin-bottom: 80px;
}

.form-usl .box-mail {
    padding: 20px;
    }

/**/
.form-mail-line {
    padding-left: 180px;
}
.form-mail-line .title-form {
    font-size: 20px;
}

.form-mail-line .btn {
    font-size: 11px;
}
.form-mail-slide select {
  font-size: 14px;
}

.top-footer {
    padding-bottom: 10px;
    font-size: 11px;
}
.btn-call, .btn-call:active, .btn-call:focus {
    padding: 7px 25px;
}
}

.btn-size {
	font-size: 14px;
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {

h1, .h1 {
font-size: 42px;
}
h2, .h2 {
font-size: 36px; 
}
h3, .h3 {
font-size: 30px; 
}
h4, .h4 {
font-size: 24px; 
}
h5, .h5 {
font-size: 20px; 
}

.top-phone span {
font-size: 17px;
}
/**/
.navbar {
padding-bottom: 5px;
}
.navbar-collapse {
position: absolute;
top: 2px;
width: 100%;
background: #fff;
padding: 10px 15px;
z-index: 16; 
}

.navbar-toggler {
display: block;
position: absolute;
right: 10px;
z-index: 2;
padding: 0.09rem 0.4rem;
border: none;
}
.navbar-toggler .icon-bar {
    background: #0367d2;
    display: block;
    width: 30px;
    height: 4px;
    margin: 5px 0;
    border-radius: 1px;
}
.navbar-nav .dropdown-menu {
	margin-top: 5px;
	padding: 5px 0;
	    -webkit-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
    -moz-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
    box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
}
.navbar-nav .dropdown-menu:before {
    display: none;
}
.navbar .navbar-nav > li {
    padding: 5px 10px;
}
.dropdown > .dropdown-menu > li {
    padding: 5px 20px;
}
.navbar-nav .dropdown-menu > li.dropdown > .dropdown-menu {
    top: 100%;
    left: 0;
    margin-top: 5px;
    width: 100%;
    position: absolute;
        -webkit-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
    -moz-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
    box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.83);
}

.form-mail-line .title-form {
text-align: center;
}
#mail-top2 .form-mail-line .title-form {
text-align: left;
} 
.line-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.form-mail-line .title-form {
    margin-bottom: 0;
}
.form-body {
    padding-top: 0;
    padding-bottom: 0;
}

.wh-box-color:nth-child(2n) {
    margin-top: 20px;
}
.box-color {
    height: auto;
}

.line-tabs {
    margin-bottom: 20px;
}
.img-otz-box {
    /*margin: 10px 0;
    flex-direction: column;
    text-align: center;*/
     display: flex;
    align-items: center;
    padding-left: 30px;
}
.img-otz {
    /*text-align: center;
    margin: 10px auto;*/
}
.img-otz-title {
    padding-left: 20px;
}
.about-more-img {
text-align: center;
padding-top: 20px;
}
.copy-left img {
margin-top: 5px;
width: 40px;
height: auto;
}
.copy-left.col-lg-14 {
text-align: center;
}
.section-title .s-title, .section-title-2 .s-title {
    font-size: 30px;
}
 table td, table tr:first-child td {
    padding: 1rem;
    font-size: 12px;
}

.info-cont.soc a span {
font-size: 13px;
}
.owl-item div.spec-detal {
padding: 15px 0 0;
}
.owl-item div.spec-name {
    font-size: 18px;
    margin-bottom: 5px;
}
.single-pr {
    font-size: 18px;
}
.info-pr {
    font-size: 11px;
}
.error-404 {
  padding: 100px 0;
}
.error-404 .title {
  font-size: 120px;
  margin-bottom: 40px;
}
.social li span {
    height: 35px;
    width: 35px;
}
.foot-left {
    font-size: 11px;
}
.komp-descr {
    font-size: 18px; 
}

.boss-profi {
    font-size: 15px;
}
.owl-item div.otz-box {
    padding: 60px;
}
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover,
#portfolio-otzkompany.portfolio-carousel .owl-prev,
#ortfolio-otzkompany.portfolio-carousel .owl-prev:hover {
left: -7%;
}
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover,
#portfolio-otzkompany.portfolio-carousel .owl-next,
#ortfolio-otzkompany.portfolio-carousel .owl-next:hover {
right: -7%; 
}
#portfolio-sert-post.portfolio-carousel .owl-prev,
#portfolio-sert-post.portfolio-carousel .owl-prev:hover {
left: -7%;
}
#portfolio-sert-post.portfolio-carousel .owl-next,
#portfolio-sert-post.portfolio-carousel .owl-next:hover {
right: -7%; 
}
.cat-post img {
    height: 240px;
}

.otz-usl .otz-img {
    padding: 0;
}

.main {
    padding-top: 10px;
}
.sec-box, .content-post, 
.content-category {
padding: 30px 0;
}
.mail-wrap {
    margin: 20px 0;
}
.zayavka-top {
    margin-top: -30px;
    z-index: 1;
}

.form-usl .use-yes {
    padding-top: 0;
}
.form-usl .mail-top {
    font-size: 13px;
}


.slide-usluga .bg-item-wrap:before {
opacity: 0.5;
}
.slide-usluga .bot-head .head-info, .slide-usluga .bot-head .head-bottom {
    padding: 20px 0;
}
.ansver-info .card {
    padding-left: 2rem;
}



/**/
.form-mail-line {
    padding-left: 140px;
}
.form-mail-line:before {
    background: url(images/bg-mail-line.png) no-repeat left;
    background-size: 100%;
    content: "";
    position: absolute;
    width: 185px;
    height: 185px;
    top: -20px;
    left: -30px;
}
.form-mail-line .use-yes, .form-mail-line .use-yes a {
    font-size: 10px;
}
.gall-box img {
    height: 260px;
}
.bot-head .title {
    font-size: 30px;
    padding-bottom: 10px;
}
.bot-head .head-info, .bot-head .head-bottom {
    padding: 10px 0;
}
.form-mail-slide select {
    font-size: 12px;
}
#big-slides .carousel-item .bg-item {
    height: 850px;
}
#big-slides .bot-head {
    padding: 70px 0;
}
.about-box-pr {
    margin-bottom: 10px;
}
.about-box-ic {
    font-size: 24px;
}
.hw-box {
    min-width: 20%;
}
.hw-title {
    font-size: 16px;
    margin: 10px 0;
    padding: 0 10px;
}
.page-about-total .wh-total {
  font-size: 20px;
}
.page-about-total .wh-title {
  font-size: 12px;
}

.btn-call, .btn-call:active, .btn-call:focus {
    padding: 7px 20px;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 823px) {

.f-logo img {
margin: 0;
}
.top-footer {
padding-bottom: 0;
}

.bot-head .txt-cons {
    font-size: 14px;
}
.cat-post img {
    height: 200px;
}
.content-post .first img {
    max-height: 250px;
}
.price-box .title {
    font-size: 26px;
    width: 90%;
}

.ab-us {
    padding: 30px;
}
.form-mail-line .btn {
    font-size: 10px;
    float: none;
}
.wrap-btn {
    text-align: center;
}
.about-box-ic {
    font-size: 20px;
}

}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

.head-descr {
    font-size: 30px;
}
.top-head-bg {
height: 650px;
}


.btn.btn-tab {
	font-size: 20px;
}
.error-404 {
  text-align: center;
  padding: 80px 0;
}
.error-404 .title {
    font-size: 110px;
    padding: 0;
    margin-bottom: 30px;
}
.error-404 .txt-descr {
    margin-bottom: 60px;
}
.form-title {
    font-size: 30px;
}
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover,
#portfolio-otzkompany.portfolio-carousel .owl-prev,
#ortfolio-otzkompany.portfolio-carousel .owl-prev:hover {
left: -5%;
}
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover,
#portfolio-otzkompany.portfolio-carousel .owl-next,
#ortfolio-otzkompany.portfolio-carousel .owl-next:hover {
right: -5%; 
}
#portfolio-sert-post.portfolio-carousel .owl-prev,
#portfolio-sert-post.portfolio-carousel .owl-prev:hover {
left: -5%;
}
#portfolio-sert-post.portfolio-carousel .owl-next,
#portfolio-sert-post.portfolio-carousel .owl-next:hover {
right: -5%; 
}

.price-box .title {
    font-size: 24px;
    width: 90%;
}

.form-usl .title-form {
    font-size: 28px;
}

.cat-post-info, .owl-item .cat-post .cat-post-info {
    width: 100%;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width: 736px) {
  #big-slides .carousel-item .bg-item,
  #big-slides.sl-usluga .carousel-item .bg-item {
    height: 950px;
}

h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px; 
}
h3, .h3 {
font-size: 27px; 
}
h4, .h4 {
font-size: 24px; 
}
h5, .h5 {
font-size: 20px; 
}

.head-descr {
   font-size: 28px;
}

.wh-tot-box {
    align-items: center;
    flex-direction: row;
}
.wh-total {
    font-size: 34px;
}
.page-about-total {
    flex-wrap: wrap;
}
.sec-btn .btn-call {
    font-size: 11px;
    padding: 10px 12px;
}
.about-box {
    font-size: 11px;
    padding-left: 20px;
}
.about-box:before {
    height: 15px;
    width: 15px;
}

.copy-right {
margin-top: 0;
}
.copy-left img {
display: none;
}
.footer-info {
padding-top: 30px;
}

.mail-sec {
padding-top: 0px;
}
.top-head-bg {
height: 600px;
}
.bg-uslugi {
padding-bottom: 0;
}
.info-cont.soc a span {
font-size: 10px;
}

.info-cont.soc li span {
text-align: center;
width: 100%;
}
.info-cont.soc li img,
.info-cont.soc li span {
margin: 0 auto 5px;
}
.info-cont.soc li img { 
width: 40px; 
height: 40px;
}
.cont-left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.cont-left .bl-cont {
width: 50%;
padding: 0 10px;
}

.ansver-info a.btn-link {
    font-size: 17px;
    padding: 0.5rem 0;
}


.pagination span.page-numbers.current, .pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 19px;
}
.pagination a {
    font-size: 21px;
}
.pagination .page-numbers {
    margin: 0 2px;
}

.footer-bg {
    padding-top: 20px;
}

.owl-prev, .owl-next {
    height: 45px;
    width: 45px;
}
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover,
#portfolio-otzkompany.portfolio-carousel .owl-prev,
#ortfolio-otzkompany.portfolio-carousel .owl-prev:hover,
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover,
#portfolio-otzkompany.portfolio-carousel .owl-next,
#ortfolio-otzkompany.portfolio-carousel .owl-next:hover,
#portfolio-sert-post.portfolio-carousel .owl-prev,
#portfolio-sert-post.portfolio-carousel .owl-prev:hover,
#portfolio-sert-post.portfolio-carousel .owl-next,
#portfolio-sert-post.portfolio-carousel .owl-next:hover {
background-size: 70%;
}
.boss-box {
    padding: 30px;
}
.boss-descr {
font-size: 15px;
}
.content-post, .content-category {
    padding: 30px 0;
}
.price-box .title {
    font-size: 22px;
    width: 100%;
}
.section-title .s-title, .section-title-2 .s-title {
    font-size: 30px;
}
.sec-box, .content-post, .content-category {
    padding: 20px 0;
}
 table td, table tr:first-child td {
    padding: 0.75rem;
    font-size: 11px;
    font-weight: normal;
}
.error-404 {
    padding: 60px 0;
}
.error-404 .page-title {
    margin-bottom: 30px;
}
.error-404 .txt-descr {
    margin-bottom: 30px;
}
.go-cont img {
    margin: auto;
}

.mail-wrap {
    margin: 15px 0;
}
.single-spec .btn-call, 
.single-spec .btn-call:hover, 
.single-spec .btn-zap, 
.single-spec .btn-zap:hover {
    font-size: 13px;
}
.form-usl .title-form {
    font-size: 26px;
}
#big-slides .bot-head {
    padding: 30px 0;
}

.single-usluga .post-descr {
    font-size: 19px;
    margin-bottom: 20px;
}
.modal .use-yes {
padding-top: 0;
margin-bottom: 20px;
}
.ab-us {
    padding: 20px;
}
.btn-dark-mail, 
.btn-dark-mail:hover {
    white-space: nowrap;
    padding: 5px 0 !important;
}
.btn-lg-call, .btn-lg-call:hover {
    padding: 12px 25px;
    white-space: normal;
}
.slide-usluga .btn-lg-call, 
.slide-usluga .btn-lg-call:hover {
    padding: 20px 25px;
    white-space: normal;
}
.usl-descr {
    width: 90%;
}
.t-desc {
    width: 100%;
}
.foot-right .top-phone, 
.foot-right .top-call, 
.foot-right .foot-adr, 
.foot-right .social, 
.f-mail {
    margin-bottom: 5px;
}
.page-py img {
    max-width: 100%;
    height: 30px;
    margin: 3px;
    width: auto;
}
.page-form .mail-wrap {
    margin: 10px 0;
}
.form-mail-line {
    padding-left: 0;
}
.form-mail-line:before {
  display: none;
}
.tab-link, .usltab .tab-link {
  font-size: 13px;
   padding: 6px 11px;
}
.tab-link.active {
    padding: 5px 10px;
}
.usltab .tab-link.active {
    padding: 6px 10px;
}
.tab-link:before {
    width: calc(100% - 22px);
    left: 11px;
}

.instagram, .vk, .youtube, .facebook {
    height: 27px;
    width: 27px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 667px) {
  #big-slides .carousel-item .bg-item,
  #big-slides.sl-usluga .carousel-item .bg-item {
    height: 1000px;
}

  .content-post h1, 
  .content-post h2, 
  .content-post h3, 
  .content-post h4 {
    margin: 0.5rem 0;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px; 
}
h3, .h3 {
font-size: 22px; 
}
h4, .h4 {
font-size: 20px; 
}
h5, .h5 {
font-size: 18px; 
}
h6, .h6 {
font-size: 16px; 
}

.section-title, .section-title-2 {
    margin-bottom: 0;
}
.content-post, .content-category {
    padding: 30px 0;
}

#big-slides .carousel-indicators {
    right: 0;
}
.head-descr {
   font-size: 28px;
}
.bot-head .title {
    font-size: 36px;
}

.info-cont.soc a span {
font-size: 8px;
}
.mail-wrap {
margin: 10px 0;
align-items: center;
text-align: center;
}

.mail-page .use-yes {
margin-top: 10px;
}
.subheader-title .title {
font-size: 30px;
}
.form-title {
font-size: 28px;
line-height: 1;
}

.ansver-info a.btn-link {
font-size: 16px;
}
.sert-name {
font-size: 16px;
margin-bottom: 10px;
}
.sert-descr {
font-size: 14px;
}

.btn.btn-tab {
	font-size: 15px;
}
.mail-page.sec-box {
    padding: 20px 0;
}
.post, .page {
    margin: 0;
}
.sec-box {
    padding: 30px 0;
}
.error-404 .title {
    font-size: 100px;
    padding: 20px 0;
}


.portfolio-carousel .owl-next,
.portfolio-carousel .owl-next:hover {
    right: -3%;
}
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-prev:hover {
    left: -3%;
}
.content-post .first img {
    max-height: 200px;
}
.effect .title span {
    font-size: 22px;
}
.section-title .s-title, .section-title-2 .s-title {
    font-size: 28px;
}

.form-usl .title-form {
    font-size: 24px;
}
.owl-item div.otz-name span, .otz-name span {
    font-size: 11px;
}
#big-slides .bot-head {
    padding: 25px 0;
}
.single-usluga .post-descr {
    font-size: 17px;
    margin-bottom: 15px;
}
.ansver-info .card a:after,
.ansver-info .card a.collapsed:after {
    right: 25px;
}
.text-otz {
    font-size: 13px;
    padding: 15px;
}

}
/* Custom, iPhone Retina */
@media only screen and (max-width: 640px) {
  .section-title .s-title, 
  .section-title-2 .s-title {
    font-size: 24px;
}

.carousel-indicators {
    bottom: 50px;
}
.head-descr {
    font-size: 22px;
}
#back-top {
  display: none !important;
}
.nav.footer-menu li {
    padding: 0;
}
.copyright {
	font-size: 12px;
}
.lic-box {
    min-width: 50%;
    text-align: center;
}
.use-yes, .mail-bottom {
    font-size: 12px;
}
.owl-prev, .owl-next {
    height: 40px;
    width: 40px;
}
.owl-item div.otz-box:before, .otz-box:before,
.boss-box:after,
.portfolio-carousel .owl-prev,
.portfolio-carousel .owl-next,
.portfolio-carousel .owl-prev:hover,
.portfolio-carousel .owl-next:hover {
background-size: 50%;
}
.content-post .line-menu li {
    margin: 0;
}
 table td, table tr:first-child td {
    padding: 0.75rem;
    font-size: 10px;
    font-weight: normal;
}
.type-clear-table td img {
    max-width: 10px;
}
.post-table td img {
   max-width: 19px;
}

.line-tabs {
    justify-content: normal;
}

.box-table {
    border-radius: 6px;
    padding: 10px;
}

}
@media only screen and (max-width: 568px) {
    #big-slides .carousel-item .bg-item,
    #big-slides.sl-usluga .carousel-item .bg-item {
    height: 950px;
}
 .usl-bl .usl-title {
    font-size: 22px;
}
.cat-post .post-title {
    min-height: auto;
    margin-bottom: 15px;
}
.cat-post {
    padding-bottom: 0;
}
.content-post, 
.content-category {
    padding: 20px 0;
}
.cat-post .cat-post-title, 
.owl-item .cat-post .cat-post-title {
    font-size: 20px;
}
.sec-box {
    padding: 20px 0;
}
.modal-body {
    padding: 5px;
}
.bl-cont, .bl-cont a {
    font-size: 18px;
}
#portfolio-sert-post.portfolio-carousel .owl-prev, 
#portfolio-sert-post.portfolio-carousel .owl-prev:hover {
    left: -3%;
}
#portfolio-sert-post.portfolio-carousel .owl-next, 
#portfolio-sert-post.portfolio-carousel .owl-next:hover {
    right: -3%;
}

.btn-call, .btn-call:hover {
 padding: 5px 10px;
    font-size: 10px;
}

	.btn-size {
		font-size: 12px;
	}
	
.btn-lg-blue, .btn-lg-blue:visited {
    padding: 20px 25px;
}

.main {
    padding-top: 10px;
}
.form-usl .title-form {
    font-size: 22px;
}
.form-usl .box-mail {
  padding: 0px 10px;
}
.owl-item div.otz-name, .otz-name {
    font-size: 16px;
}
#big-slides .bot-head,
#big-slides.sl-usluga .bot-head {
    padding: 20px 0;
}

.single-usluga .post-descr {
    font-size: 16px;
    margin-bottom: 10px;
}
.owl-item .gall-box-title,
.gall-box-title {
    font-size: 20px;
}
.modal .contact-form {
    padding: 25px;
}

.about-box-ic {
    border-radius: 0 20px 20px 20px;
    padding: 7px 15px 10px 16px;
    font-size: 18px;
    margin: 7px 0;
}
.usl-bl .usl-link-box {
  padding: 20px;
}
.subheader-title .title {
font-size: 26px;
}
.form-title {
font-size: 22px;
line-height: 1;
}
.top-phone span {
    font-size: 15px;
}
}

@media only screen and (max-width: 480px) {

  .top-phone {
    min-width: 40%;
}

.bot-head .title {
    padding: 30px 0 20px;
}

.footer-menu a {
    font-size: 12px;
}

.top-footer .top-phone span {
    font-size: 14px;
}
.logo {
min-width: 40%;
}
#big-slides .bot-head,
#big-slides.sl-usluga .bot-head {
    padding: 15px 0;
}
.bot-head .head-descr,
.head-descr {
font-size: 26px;
}
.t-desc {
width: 100%;
}
.sec-btn .btn-call {
    font-size: 10px;
    padding: 10px 12px;
}

.about-right {
    background: url(images/bg-about-right.jpg) no-repeat top center;
}
.wh-total {
    font-size: 28px;
}
.contact-form {
padding: 0;
}

.use-yes, .form-usl .mail-top {
    text-align: center;
    min-width: 100%;
}

.mail-bot .form-title {
font-size: 20px;
}
.mail-bot .desc-form {
font-size: 12px;
margin: 0; 
}

.whyme-btn {
margin-top: 20px;
text-align: center;
}

.foot-left {
    font-size: 10px;
}
.bot-head .head-bottom {
    padding-left: 10px;
}

.section-title .s-title-2, .section-title-2 .s-title-2 {
    text-align: center;
    font-size: 26px;
}
.unical-2 li {
    width: 100%;
}


.modal-body {
    padding: 0;
}
.ab-us {
    padding: 10px;
    margin-bottom: 0;
}
.box-cont .soc-us {
 text-align: center;
 margin-bottom: 10px;
}
.box-cont-img {
    margin: 0 auto 15px;
}
.bl-cont, .bl-cont a {
    text-align: center;
    width: 100%;
}
.ab-us table {
  padding: 0;
}

.mail-wrap {
    margin: 10px 0;
}
.modal .mail-top  {
    width: 100%;
}
.form-body .col-12 {
    min-width: 100%;
}
.top-menu .wrap-call {
    display: none;
}
.otzkomp-bottom {
    margin-top: 20px;
}

.otzkomp-box .img-box img {
    max-height: 110px;
}

.line-tabs li {
    margin: 0 7px;
}
.tab-link {
    font-size: 10px;
}
.ansver-info a.btn-link {
    font-size: 17px;
}
#portfolio-otzyvy.portfolio-carousel .img-box img {
    height: auto;
}
.modal .btn-lg-blue {
    font-size: 18px;
    padding: 15px 20px;
}
.slide-usluga .bot-head .head-info, 
.slide-usluga .bot-head .head-bottom {
    padding: 15px 0;
}
.sp-title {
  text-align: center;
}
.sp-descr {
    padding-right: 0;
    text-align: center;
}
.sp-total {
    left: -35px;
}
.sp-total .star {
    width: 30px;
    height: 30px;
}
.sp-total .star:before {
    width: 30px;
    height: 30px;
}
.usl-bl {
    min-height: 250px;
}
.usl-bl .usl-title {
    font-size: 18px;
}
.usl-bl .usl-info {
    padding: 10px 15px;
}
.usl-descr {
    width: 100%;
    font-size: 14px;
}
.usl-bl .usl-link-box {
  padding: 15px;
}
.wh-box-usl {
    margin: 7px 0;
}
.type-clear-table td img {
    max-width: 8px;
}
.post-table td img {
   max-width: 16px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 414px) {
.top-phone {
    min-width: 40%;
    text-align: right;
    padding-right: 0;
}
#big-slides .carousel-item .bg-item {
    height: 1100px;
}

.cont-left .bl-cont {
width: 100%;
padding: 0 10px;
}
.about-line {
justify-content: flex-start;
}
.about-box-pr {
  min-width: 50%;
}
.about-box {
    min-width: 33%;
}
 table td, table tr:first-child td {
    padding: 0.5rem;
    font-size: 9px;
    font-weight: normal;
}
.usl.col-12,
.cat-post.col-12 {
    min-width: 100%;
}
.error-404 .title {
      padding: 0;
}
.modal .title-form {
    font-size: 26px;
}

.btn-small {
    font-size: 12px;
    padding: 11px 10px;
}
.bl-cont, .bl-cont a {
    font-size: 16px;
}

.btn-lg-call, .btn-lg-call:hover {
    padding: 20px 25px;
}

.top-header-bg {
    display: none;
}
.wh-info {
    min-width: 100%;
}
.owl-item .gall-box-title, 
.gall-box-title {
    font-size: 24px;
}
.slide-usluga .bot-head .head-info, 
.slide-usluga .bot-head .head-bottom {
    padding: 10px 0;
}
.about-box-pr {
    margin-bottom: 10px;
}
.bot-head .title {
    padding: 10px 0;
    font-size: 30px;
}
.bot-head .head-descr, .head-descr {
    font-size: 20px;
}
.item-video.col-12 {
    min-width: 100%;
}

}



/* Custom, iPhone Retina */
@media only screen and (max-width: 375px) {
  #big-slides .carousel-item .bg-item {
    height: 1150px;
}
  .top-phone span {
    font-size: 14px;
}
.usl-bl,
.act-bl, 
.usl-bl.col-12,
.copy-left,
.copy-right {
min-width: 100%;
}
.error-404 {
padding: 30px 0;
}
.copyright a, 
.pri-pol,
.copy-left,
.copy-right {
    font-size: 9px;
    text-align: center;
}
.about-box {
    min-width: 50%;
}

.sec-btn .btn-call {
    font-size: 9px;
    padding: 9px 10px;
}
.single-spec .btn-call, 
.single-spec .btn-call:hover, 
.single-spec .btn-zap, 
.single-spec .btn-zap:hover {
    font-size: 11px;
}
.box-adr, 
.f-mail,
.foot-right .top-call {
    display: none;
}
.sp-total .star {
    width: 20px;
    height: 25px;
}
.sp-total .star:before {
    width: 20px;
    height: 25px;
}
.box-table {
    border-radius: 0;
    padding: 5px;
}
h4, .h4 {
    font-size: 14px;
}
.item-video.col-12 {
    min-width: 100%;
}
}
@media only screen and (max-width: 360px) {

.wh-box.col-12 {
    min-width: 100%;
}
.section-title-2 span {
    font-size: 12px;
}
.sec-btn .btn-call {
    font-size: 8px;
    padding: 8px 9px;
}
.bg-dark-blue .title-form {
    font-size: 14px;
}
.bg-dark-blue .mail-phone {
    font-size: 16px;
}

.usl-bl {
    min-width: 100%;
} 

}
/* Custom, iPhone Retina */
/*======================================*/

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
 .top-phone span {
    font-size: 11px;
}
.top-phone a {
font-size: 7.5px;
}
	.carousel-item img {
    height: 320px;
}

.head-descr {
font-size: 15px;
}
.top-footer .col-7 {
	min-width: 50%;
}
.top-footer .phone {
	display: none;
}
.foot-left {
    font-size: 8px;
}
.top-footer {
    font-size: 11px;
}
.lic-box {
    min-width: 100%;
}

 table td, table tr:first-child td {
    padding: 0.25rem;
    font-size: 8px;
    font-weight: normal;
}


.sec-btn .btn-call {
    font-size: 7px;
}
.single-spec .btn-call, 
.single-spec .btn-call:hover, 
.single-spec .btn-zap, 
.single-spec .btn-zap:hover {
    font-size: 8.5px;
}
.owl-item div.otz-name, .otz-name {
    font-size: 13px;
}
.owl-item div.otz-name span, .otz-name span {
    font-size: 10px;
}
#big-slides .bot-head {
    padding: 10px 0;
}

.social {
  display: none;
}

}
/*----- antispam contactform7----*/
.agree {
    display: none !important;
}


.calc-home span,
.calc-com span {
  font-size: 11px;
  color:#8d98a7;
  text-transform: uppercase;
}

.calc-home label, .calc-com label {
border: none;
display: inline-block;
margin-bottom: 0;
}

.calc-com,  .calc-home {
  display: flex;
  align-items: center;
}

#room label {
  border: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  padding-left: 0;
}

#room span::before {
  display: none;
}

#room .first span {
  margin-bottom: 0;
}

#room .last span {
  margin-bottom: 0;
}

.mobile-icon {
  display: none;
}

.mobile-link {
  display: none;
}

@media screen and (max-width: 500px) {
  .banner-main .carousel-inner {
    height: 1000px;
  }
}



@media screen and (max-width: 380px) {
  .banner-main .carousel-inner {
    height: 1100px;
  }
}

@media screen and (max-width: 795px) {
.navbar-toggler {
  right: 5px;
  padding-right: 0;
}

.top-menu {
  flex-wrap: nowrap !important;
}

.top-phone {
  margin-right: 4rem !important;
}
}

@media screen and (max-width: 768px) {
  .social {
    display: none;
  }

  .navbar-brand {
    padding: 0;
    margin: 0;
  }

  .navbar-toggler {
    position: static;
  }

  .top-menu {
    justify-content: space-between;
  }

  .seti {
    display: none !important;
  }

  .top-phone {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 576px) {
  .navbar-toggler {
    position: static;
  }

  .top-menu {
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-direction: row-reverse;
    margin-bottom: .5rem;
    padding-top: 1rem;
  }

  .logo {
    padding-left: 0;
  }

  .top-phone {
    display: none;
  }

  .mobile-icon {
    display: inline-block;
    width: 2rem;
    transform: scale(-1, 1) rotate(10deg);
  }

  .mobile-link {
    display: inline-block;
  }

  .navbar-brand img {
    width: 14rem;
  }
  .navbar-toggler {
    padding-left: 0;
    width: 2.5rem;
  }

  .navbar-toggler .icon-bar {
    width: 100%;
    height: 6px;
  }
}

.sp-box:last-child img {
  object-position: 50% 25% !important;
}

.sp-box:first-child img {
  object-position: 50% 20% !important;
}

.sp-box:nth-child(2) img {
  object-position: 50% 35% !important;
}

.sp-box:nth-child(3) img {
  object-position: 50% 40% !important;
}

.sp-box:nth-child(4) img {
  object-position: 30% 40% !important;
}

.sp-box:nth-child(5) img {
  object-position: 50% 20% !important;
}

/* Изменения */


@media screen and (max-width: 800px) {
  .slide-usluga {
    /* position: relative !important; */
  }

  .slide-usluga::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
  }

  .slide-usluga .container {
    z-index: 10;
  }
}