/*   
Theme Name: Компания
Theme URI: sitepenza.ru
Description: Тема для разработки сайтов.
Author: Wolf
Author URI: sitepenza.ru
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/


@media (max-width:767px){
  .modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;}
  .grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	
	.slider .button{margin-top: 20px!important;}
	
	.mainpage .toggle svg{
		stroke: white;
	}
	
	.mainpage .toggle input + div div span:before, .mainpage .toggle input + div div span:after{
		background: white;
	}
	
	.table{font-size: 13px;text-align: center;}
	.table .num{font-weight: bold;font-size: 18px;}
	
	.otsenka{font-size: 14px;}
	#about .item .col-sm-4, #about .item2 .col-sm-4, .gde_primut .col-sm-4, .our_features .col-sm-4{margin-bottom: 20px;}
	#usl1 h2{margin-top: 10px!important;}
	.specialist{padding-top: 20px;padding-bottom: 20px;}
	.faq-item ul{padding: 0px;}
	
	
	
	.navbar-nav{margin: 0px!important;}
	.navbar-header{text-align: center;}
	.navbar-header .navbar-toggle{border: none;margin-right: 0px;float: none;}
	.navbar-header .navbar-toggle:hover{background-color: #24272c;}
	.navbar-header .navbar-toggle .icon-bar{background-color: white;}
	.navbar-collapse{padding: 0px;}
	.header{text-align: center;}
	.navbar-default{background: #262e68;margin-top: 10px;}
	#menu a{color: white!important;}
	
	h1,h2, .stitle, .dov .item{text-align: center;}
	h2{font-size: 30px!important;}
	.header {
		display: none;
	}
	.mobmenu {
		display: block;
		position:  fixed;
		z-index: 99999;
		top: 20px;
		left: 20px;
	}
	.header .button {
		margin-bottom: 12px;
	}
	.header .logo{text-align: center;}
	.header .logo img{display: inline-block;}
	
	
	.slider .title{font-size: 25px!important;padding-top: 50px!important;padding-bottom: 20px!important;margin-bottom: 20px!important;}
	.slider .st{font-size: 18px;padding-bottom: 30px;}
	.slider .button{margin-bottom: 50px;font-size: 18px;}
	.block{padding-top: 30px;padding-bottom: 30px;}
	.block h2{padding-bottom: 30px!important;}
	
	#pred .pol, #pred2 .pol{font-size: 14px;padding-bottom: 20px;}
	#pred .forma, #pred2 .forma{padding: 20px;}

	#contacts{background: url(images/map.jpg) no-repeat left center;background-size: cover;font-size: 16px;}
	.modal .fa-close{top: 12px;right: 12px;}
	
	.multifile-347 {display:none}
	#usl2 .button {
		float: inherit !important;
		margin-bottom:15px !important}
  }
		/*MOBMENU*/
		.toggle {
  display: block;
  cursor: pointer;
}

.phone{display: block;}
.mail{display: block;}

.toggle input {
  display: none;
}
.toggle input + div {
  width: 20px;
  height: 14px;
  position: relative;
}
.toggle input + div div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.toggle input + div div span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}
.toggle input + div div span:first-child {
  top: 0;
}
.toggle input + div div span:first-child:before, .toggle input + div div span:first-child:after {
  top: 0;
}
.toggle input + div div span:last-child {
  bottom: 0;
}
.toggle input + div div span:last-child:before, .toggle input + div div span:last-child:after {
  bottom: 0;
}
.toggle input + div div span:before, .toggle input + div div span:after {
  content: "";
  display: block;
  width: 47%;
  height: 2px;
  border-radius: 1px;
  background: #333;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -webkit-transition: border-radius 0.3s ease, background 0.4s ease, -webkit-transform 0.5s ease;
  transition: border-radius 0.3s ease, background 0.4s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, border-radius 0.3s ease, background 0.4s ease;
  transition: transform 0.5s ease, border-radius 0.3s ease, background 0.4s ease, -webkit-transform 0.5s ease;
}
.toggle input + div div span:before {
  left: 0;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: translate(1px, 0) scaleX(1.1);
          transform: translate(1px, 0) scaleX(1.1);
}
.toggle input + div div span:after {
  right: 0;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: translate(-1px, 0) scaleX(1.1);
          transform: translate(-1px, 0) scaleX(1.1);
}
.toggle input + div svg {
  display: block;
  fill: none;
  stroke: #333;
  stroke-width: 2px;
  width: 44px;
  height: 44px;
  stroke-linecap: round;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
  stroke-dasharray: 0 82.801 8 82.801;
  stroke-dashoffset: 82.801;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, stroke 0.4s ease, -webkit-transform 0.5s ease;
  transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, stroke 0.4s ease, -webkit-transform 0.5s ease;
  transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, transform 0.5s ease, stroke 0.4s ease;
  transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, transform 0.5s ease, stroke 0.4s ease, -webkit-transform 0.5s ease;
}
.toggle input + div svg:nth-child(3) {
  -webkit-transform: rotate(180deg) scale(1);
          transform: rotate(180deg) scale(1);
}
.toggle input:checked + div div {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.toggle input:checked + div div span:before, .toggle input:checked + div div span:after {
  background: #333;
}
.toggle input:checked + div div span:first-child:before {
  -webkit-transform: rotate(45deg) translate(2.2px, -3px) scaleX(1.05);
          transform: rotate(45deg) translate(2.2px, -3px) scaleX(1.05);
}
.toggle input:checked + div div span:first-child:after {
  -webkit-transform: rotate(-45deg) translate(-2.2px, -3px) scaleX(1.05);
          transform: rotate(-45deg) translate(-2.2px, -3px) scaleX(1.05);
}
.toggle input:checked + div div span:last-child:before {
  -webkit-transform: rotate(-45deg) translate(2.2px, 3px) scaleX(1.05);
          transform: rotate(-45deg) translate(2.2px, 3px) scaleX(1.05);
}
.toggle input:checked + div div span:last-child:after {
  -webkit-transform: rotate(45deg) translate(-2.2px, 3px) scaleX(1.05);
          transform: rotate(45deg) translate(-2.2px, 3px) scaleX(1.05);
}
.toggle input:checked + div svg {
  stroke-dashoffset: 62;
  stroke-dasharray: 0 82.801 62 82.801;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  stroke: #333;
}
.toggle input:checked + div svg:nth-child(3) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: inherit;
}
*:before, *:after {
  box-sizing: inherit;
}
/* END MOBMENU */	


@media (min-width: 768px) {
	.mobmenu {
		display: none;
	}
	.citylist ul li {width: 33%;float: left;}
	.modal .modal-body{padding: 24px 60px 20px;}
	.modal .modal-header{padding: 30px 30px 45px 36px;}
	.modal .fa-close{top: 32px;right: 32px;}
	h2{font-size: 35px!important;}
	.navbar-default{background: transparent;padding-top: 20px;}	
	.header .button, .header .contacts .phone{float: left;padding-left: 20px;}
	.slider{height: 600px;}
	.slider .title{font-size: 80px!important;line-height: 80px!important;padding-top: 150px!important;padding-bottom: 40px!important;margin-bottom: 20px!important;}
	#slider h1{font-size: 40px!important;padding-bottom: 20px!important;}
	.slider .button{font-size: 21px;}
	.block{padding-top: 40px;padding-bottom: 40px;}
	.block h2{padding-bottom: 60px!important;}
	#pred .forma, #pred2 .forma{padding: 40px 60px;}
	
	.fullscreen .modal-content{height: 100%;width: 100vw;}
	.fullscreen .modal-body{padding-top: 50px;}
	.fullscreen .list li{width: 33%;float: left;}
	
	.num{font-size: 40px;font-weight: bold;}


	
	#contacts{background: url(images/map.jpg) no-repeat center center;background-size: cover;font-size: 18px;}
}


@media (max-width: 991px) {	#mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;}
.head{display: none!important;}
#mmenu{background-color: white;}
#mmenu .modal-dialog{background-color: white;}
#mmenu .nav{font-size: 22px;display: grid;}
#mmenu .nav li{padding-bottom: 15px;}
#mmenu .cont{display: grid;}
#mmenu .cont .phone{font-weight: bold;font-size: 20px;}
#mmenu .cont .ad{margin: 10px 0px;}
#mmenu .cont .mail{color: #fd5354;}
#mmenu .but{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;}}

@media (min-width: 992px) {
	
  .grid{gap: 30px;}
  .col-pc-2{grid-template-columns: repeat(2, 1fr);}
  .col-pc-3{grid-template-columns: repeat(3, 1fr);}
  .col-pc-4{grid-template-columns: repeat(4, 1fr);}
  .col-pc-5{grid-template-columns: repeat(5, 1fr);}
  
  .col-pc-1-2{grid-template-columns: 1fr 2fr;}
  .col-pc-2-1{grid-template-columns: 2fr 1fr;}
	#mobile{display: none!important;}
}
/*@media (min-width: 1200px) {
	.container{width: 100%!important;}
} */



html, body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px; 
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;font-weight: 400!important;font-size: 35px!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 400!important;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}

.citylist h3 {clear: both;}
.citylist a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.citylist a:hover{color: #009dae;}
.citylist ul{display: inline-block;width: 100%;}

.grid {display: grid;}
.flex{display: flex;}
.text-center{text-align: center;}


.box {overflow:hidden;}
.box img {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}


.affix {top: 0;width: 100%;z-index:9999;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.breadcrumbs{color: #777777;font-size: 13px;}
.breadcrumbs a{color: #777777;}

.header{padding-top: 15px;padding-bottom: 15px;}

.header .contacts{padding-top: 22px;}
.header .contacts .phone a{color: black;font-size: 21px;font-weight: bold;}
.header .button{
	display: inline-block;
    vertical-align: middle;
	color: #fc1c26 !important;
    border: 1px solid #fc1c26;
	font-size: 15px;
	border-radius: 20px;
    padding: 8px 13px;
}
.header .button:hover{
	color: #ffffff !important;
	border-color: #fc1c26;
	background: #fc1c26;
	text-decoration: none;
}
.header .phone {text-align: right;}
.header .phone .city{display: block;font-size: 15px!important;}

.header .contacts .phone .mail{font-size: 14px;font-weight: normal;}

.fullscreen {text-align: left!important;}
.fullscreen{padding: 0px!important;-webkit-overflow-scrolling: touch;}
.fullscreen .modal-dialog a{color: black;}
.fullscreen .modal-dialog {height: 100%;margin: 0;}
.fullscreen .modal-content{border-radius: 0;border: 0px;}
.fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.fullscreen .st{font-size: 18px;padding-bottom: 10px;}
.fullscreen .list{list-style: none;border: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.fullscreen .list li{padding-bottom: 5px;}
.fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;}
.fullscreen .select2-selection__rendered{line-height: 40px!important;}

.fullscreen .nav{display: inline-block;width: 100%;padding-top: 5vh;list-style: none;font-size: 25px;text-align: center;}
.fullscreen .nav li{padding-bottom: 15px;}
.fullscreen .za{text-transform: uppercase;background-color:#009dae;color: white!important;padding: 15px!important;text-align: center;border-radius: 0;margin-left: -16px;margin-right: -16px;bottom: 0;width: 100%;position: absolute;}
.fullscreen .cont{padding-top: 20px;font-size: 20px;text-align: center;}
.fullscreen .cont span{display: block;}
.fullscreen .social{padding-top: 10px;display: flex;justify-content: center;}
.fullscreen .social a{margin: 0px 5px;}

.navbar-collapse{padding: 0px!important;}
.navbar-default{
	margin-bottom: 0px!important;
	min-height: auto!important;
    border: 0px solid !important;
	border: none!important;
	z-index: 20;
}
.navbar-default a{
	color: black!important;
	white-space: nowrap;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 8px!important;
}

.navbar-default .active a{background-color: rgba(0, 0, 0, 0.25)!important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: rgba(0, 0, 0, 0.25)!important;border: none!important;}
.dropdown-menu{background-color: white!important;padding: 0px!important;border: none;border-radius: 0;}
.dropdown-menu a{    
	color: #444444!important;
    font-size: 13px;
    padding: 9px 25px 11px 13px !important;
    border-top: 1px solid rgba(0,0,0,0.1);
    line-height: 1.428571429;
	text-transform: none;
	}
.dropdown-menu a:hover{color: white!important; background-color: #fc1c26!important;}
.dropdown-menu .active a{color: white!important; background-color: #fc1c26!important;}

.button:hover, .btn:hover{transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;}

.slider{
    background: url(images/slide.jpg) no-repeat center center;
    background-size: cover;
	color: white;
	text-align: center;
}
.slider .title{font-weight: bold!important;}
.slider .button{border: 2px solid white;border-radius: 40px;padding: 20px 40px;color:black;display: inline-block;background-color: white;text-transform: uppercase;font-weight:bold;}
.slider .button:hover{background-color: #fc1c26;border: 2px solid #fc1c26;color: white;text-decoration: none;}

.pagetitle{background-color: #f0f4f5;text-align: center;padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
.error{text-align: center;}

.block h2{padding-top: 0px!important;text-align: center;font-weight: 600!important;}


#about .title{font-size: 20px;font-weight: 600;padding-bottom: 5px;padding-top: 5px;}
#about .item, #about .item2{padding-bottom: 20px;}
#about a{text-decoration: none;color: black;}



#usl{background: url(images/voz.jpg);background-size: cover;color: white;position:relative;}
#usl p{text-align: center;}
#usl .whitearrow{
    position: absolute;
    width: 100%;
    height: 35px;
    bottom: 0;
}
#usl .whitearrow .left{
	float: left;
	background: #fcfcfd;
    display: inline-block;
    width: -webkit-calc(100%/2 - 30px);
    width: -moz-calc(100%/2 - 30px);
    width: calc(100%/2 - 30px);
    height: 35px;
}
#usl .whitearrow .arrow{
	display: inline-block;
    height: 35px;
    text-align: center;
}
#usl .whitearrow .arrow:after{
    content: '';
    position: absolute;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    border-top: 35px solid transparent;
    border-left: 30px solid #fcfcfd;
    border-right: 30px solid #fcfcfd;
}

#usl .whitearrow .right{
	float: right;
	background: #fcfcfd;
    display: inline-block;
    width: -webkit-calc(100%/2 - 30px);
    width: -moz-calc(100%/2 - 30px);
    width: calc(100%/2 - 30px);
    height: 35px;
}

.us .box{border: 2px solid black;}
.us .button{
	display: inline-block;
    vertical-align: middle;
    color: #fc1c26 !important;
    border: 1px solid #fc1c26;
    font-size: 15px;
    border-radius: 20px;
    padding: 8px 13px;
	margin-top: 10px;
}
.us .button:hover{background-color: #fc1c26;color: white!important;text-decoration: none;}


#usl1{
	background: -webkit-gradient(linear, left bottom, left top, from(#eff3f6), to(#fdfdfe));
    background: -webkit-linear-gradient(bottom, #eff3f6, #fdfdfe);
    background: -moz-linear-gradient(bottom, #eff3f6, #fdfdfe);
    background: linear-gradient(to top, #eff3f6, #fdfdfe);
}
#usl1 h2{text-align: left;}

#usl2{
	background: -webkit-gradient(linear, left bottom, left top, from(#eff3f6), to(#fdfdfe));
    background: -webkit-linear-gradient(bottom, #eff3f6, #fdfdfe);
    background: -moz-linear-gradient(bottom, #eff3f6, #fdfdfe);
    background: linear-gradient(to top, #eff3f6, #fdfdfe);
}
#usl2 h2{text-align: right;}
#usl2 .button{float: right;}


#prem .item{text-align: center;}
#prem .item .title{padding-top: 5px;padding-bottom: 20px;font-weight: bold;font-size: 20px;}
#prem .item .title p{font-weight: normal;font-size: 16px;}
#prem h3{padding-bottom: 20px;text-align:center}

#prem .user{padding-bottom: 20px;}
#prem .user .spec{
	font-weight: bold;
    font-size: 25px;
    padding-top: 20px;
}
#prem .user .name{
	font-size: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#prem .info{text-align: center;font-size: 30px;}
#prem .box {
	background-image:linear-gradient(to top, black 0%, transparent 100%);
	margin-bottom:40px;
}
#prem .box img {
	filter: opacity(0.5);
}
#prem .title {
	position: absolute;   
    bottom: 40px;    
    color: #fff;
	max-width:92%;
}
#pred{background: url(images/pred.jpg) no-repeat center center;background-size: cover;color: white;}
#pred2{background: url(images/pred2.jpg) no-repeat center center;background-size: cover;color: white;}
#pred .title,#pred2 .title{font-size: 21px;font-weight: bold;padding-top: 20px;padding-bottom: 20px;}
#pred .pol,#pred2 .pol{padding-top: 20px;color: rgba(255, 255, 255, 0.6);}
#pred .pol:before,#pred2 .pol:before{content: url(images/pol.png);width: 29px;height: 33px;margin-right: 10px;float: left;margin-top: 5px;}
#pred .forma, #pred2 .forma{text-align: center;}
#pred .forma .ftitle, #pred2 .forma .ftitle{font-size: 21px;font-weight: bold;padding-bottom: 40px;}
#pred .forma a,#pred2 .forma a{color: white;text-decoration: underline;}
#pred .forma .form-control,#pred2 .forma .form-control{
	font-size: 16px;
	padding: 25px;
	border-radius: 0px;
	text-align: center;
}
#pred2 .grid{align-items: center;}
#pred .forma .btn,#pred2 .forma .btn{
	border: 2px solid red;
	font-size: 16px;
  padding: 15px 40px;
	margin-top: 20px;
  color: white;
  display: inline-block;
	background: transparent;
  border-radius: 0 !important;
}
#pred .forma .btn:hover,#pred2 .forma .btn:hover{background-color: white;color:#262e68;}


#contacts h2{font-size: 42px!important;text-align: center!important;padding-bottom: 50px!important;}
#contacts td{border:none;padding: 3px;}
#contacts td:nth-child(2n) {color: black;} 

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









.modal {text-align: center;}
@media screen and (min-width: 768px) { .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt{
	font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa{
	width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
	color: #fc1c26;
    float: left;
    font-size: 36px;
    border-radius: 2px;
    background: #fff;
}

.modal .fa-close{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    position: absolute; 
    font-size: 25px;
    cursor: pointer;
}

.modal .modal-header{
	background: #fc1c26!important;
}


.modal .modal-body label{color: #444444;font-weight: 300;}
.modal .modal-body label span{color: red;}
.modal .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc{padding-top: 25px;padding-bottom: 10px;}
.modal .modal-body .acc a{color: #fc1c26;}

.modal .mfooter{padding: 14px 0px 52px;display: block;}
.modal .mfooter .required{
	padding: 7px 0;
    color: #98a1a8;
    font-size: 12px;
}
.modal .mfooter .star{
	background: none repeat scroll 0 0 #7b8e9a;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 24px;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.modal .mfooter .btn{
	background-color: #fc1c26;
    color: #ffffff !important;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 18px 9px;
	border: none;
	border-radius: 2px;
}
.modal .mfooter .ajax-loader{position: absolute;}




/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}

/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
.msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}


.col-m-2{grid-template-columns: repeat(2, 1fr);}}

/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

.leftcol {
	width:53%; float:left;margin:15px 0;
	margin-right:3%
}
.retop {
	padding:15px;
border-left:2px solid #bbb}
.rightcol {width:42%;float:right;margin:15px 0;
}
.reform {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	padding:15px;
	border-radius:15px;
	background:#f7f7f7;
}
.reform .button {
	padding:10px;
	border-radius:25px;
	border: 1px solid;
	background:#f7f7f7;
	color:#f00;
	margin:0 auto;
	display:block;
	width:50%;
	position:relative;
	top:20px
}
.reform li {
	margin-bottom:25px
}
.reitem {
		display:inline-block;
	margin-bottom:25px
}
.slider {-webkit-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.75);
box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.75);
}
/* End carousel */

.footer{box-shadow: none!important;}


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

#slider{position: relative; color:white !important;}
#slider::after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; background-color: black; opacity: 0.6; z-index: 2;}
#slider .container{position: relative; z-index: 3;}
#slider h1{color:  white; margin-bottom: 10px;}
#slider p{color: white; font-size: 20px; margin-bottom: 20px;}
#slider .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea {border: none;padding: 10px 0px;width: 100%; border-radius: 0;}
#slider .form-test{width:100%;}
#slider .form-expert{padding-left: 55px!important;}
#slider .wpcf7-submit{width: 100%;height: 50px; border-radius: 0; color: white !important;background-color:rgb(208,37,44) ;border: none; margin: 0 !important; font-size: 17px; font-weight: 400;}
#slider .wpcf7-submit:hover{background-color: rgb(77, 77, 77);}
#slider .form-expert-gap {gap: 15px !important;}
#slider .ajax-loader{display: none !important;}
#slider .form-name{background: url(images/name.svg) no-repeat ;background-position: 15px;background-size:calc(25px) ;background-color:rgb(236,241,247); }
#slider .form-phone{background: url(images/phone.svg) no-repeat ;background-position: 15px;background-size:calc(25px) ;background-color:rgb(236,241,247); }
#slider .form-comment{background: url(images/comment.svg) no-repeat ;background-position: 15px;background-size:calc(25px) ;background-color:rgb(236,241,247); }
#slider .form-test-gap {gap:15px;}

#dost .grid{gap: 0;}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder { width: 140px; height: 80px; display: inline-block; position: relative; margin: -6px 0px 15px;}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before {box-shadow: 5px 1px 0px 0px rgb(208,37,44) ;border-color: rgb(208,37,44) ;background: #ffffff;transition: all 0.3s linear;border: 1px solid rgb(208,37,44) ;content: "";position: absolute;left: 0px;right: 0px;top: -45px;margin: auto;width: 100px;height: 100px;border-radius: 5px;transform: rotate(45deg);z-index: 1;}
#dost .dt-sc-counter.type6 .dt-sc-counter-number {font-size: 34px;font-weight: bold;position: relative;top: -19px;	z-index: 1;	text-align: center; color: rgb(73, 73, 73);}
#dost{text-align: center;	gap: 0 !important;}
#dost .dt-sc-counter.type6 {text-align: center;border: 1px solid rgb(208,37,44) ; margin: 75px -1px 0px 0px;padding: 0px 0px 40px;}
#dost h4{	color: #222222;}
#dost .dt-sc-counter.type6 h4 { font-size: 16px; font-weight: bold; text-transform: uppercase;letter-spacing: 1px; margin-bottom: 0px; position: relative; padding: 0px 10px;}
@media(min-width:991px){.dost-icon-before h4:before {content: "";position: absolute;right: -6px;top: 6px;margin: auto;width: 12px;height: 12px;transform: rotate(45deg);z-index: 1;background-color: rgb(208,37,44) ;} #dost .bot{margin-top: -35px;}}
@media(max-width:991px){.icon-before h4:before {content: "";position: absolute;right: -6px;top: 6px;margin: auto;width: 12px;height: 12px;transform: rotate(45deg);z-index: 1;background-color: rgb(208,37,44) ;}}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder2 { width: 140px; height: 80px; display: inline-block; position: relative; margin: -6px 0px 15px;margin-bottom: -90px; margin-top: 15px;}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder2:before {box-shadow: 5px 1px 0px 0px rgb(208,37,44) ;border-color: rgb(208,37,44) ;background: #ffffff;transition: all 0.3s linear;border: 1px solid rgb(208,37,44) ;content: "";position: absolute;left: 0px;right: 0px; bottom: -50px; margin: auto;width: 100px;height: 100px;border-radius: 5px;transform: rotate(45deg);z-index: 1;}
#dost .dt-sc-counter.type6 .dt-sc-counter-number2 {font-size: 34px;font-weight: bold;position: relative;bottom:-54px; z-index: 1;	text-align: center; color: rgb(73, 73, 73);}
#dost .dt-sc-counter.type6 {margin-bottom: 90px;}


#text1, #text2, #text4{background-color:rgb(208,37,44)  ; color: white; font-size: 18px;}

#prem1 strong{font-size: 24px; color: rgb(208,37,44) ;}
#prem1 .item{ padding: 15px;  border: 1px solid #cfcbcb; box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);}
#prem1 ul li{ list-style: none; margin-bottom: 10px;  padding: 20px;}
#prem1 ul {padding: 0; margin: 0;}
#prem1 ul li:nth-child(2n) {  background: #f0f4f5;}

#ocenka h2{color: black;}
#ocenka {color: white;}
#ocenka .grid{background-color: rgb(208,37,44) ; align-items: center; border-radius: 20px;}
#ocenka img{width: 75%; border-radius: 50%;}
#ocenka .item{padding: 20px;}

#form .item{padding: 30px; border: 1px solid #cfcbcb;     box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);}
#form .flex{align-items: center; gap: 20px;}
#form .desc{font-size: 25px; font-weight: 500; color: #231f20; opacity: .8;}
#form .flex2{align-items: flex-start !important; margin-top: 20px;}
#form .phone{font-size: 20px; font-weight: 600; color: #231f20;}
#form .number>p, #form .desc-soc, #form .desc-time, #form .mail{font-size: 15px; color: #515151; opacity: .8;}
#form .block-soc{align-items: center;}
#form .butto{background-color: white; box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); border: 1px solid #cfcbcb; padding: 15px 40px; display: inline-block; color:#323232; text-decoration: none; margin-top: 40px; border-radius: 5px; transition: .5s;}
#form .butto:hover{border-color: red; color: red;}

#form .button2{background-color: white; box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); font-size: 16px!important; border: 1px solid #cfcbcb; padding: 15px 40px; display: inline-block; color:#323232 !important; width: auto !important; text-decoration: none; border-radius: 5px; transition: .5s;}
#form .button2:hover{border-color: red; color: red;}

#form .wpcf7-text, #form .wpcf7-tel{height: 50px; padding-left: 30px; width: 100%;    border: 1px solid #323232; border-radius: 5px;}
#form textarea{height: 55px; width: 100%; padding-left: 30px;    border: 1px solid #323232; border-radius: 5px; padding-top: 10px;}
#form form{margin-top: 20px;}
#form form>.grid{gap: 20px;}
#form .wpcf7-spinner{display: none;}
#form>.container>.grid{justify-items: center;}
#form>.container>.grid>.grid{justify-content: end; gap: 0;}
@media (max-width: 992px){
	#form .grid{justify-content: center !important;}
}


#info a{color:black;}
#info .item {border: 1px solid rgb(90,90,90); border-radius: 14px;padding: 20px 20px 10px 20px;margin-bottom: 10px; }
#info .item:hover,#info .item:focus, #info .item:active{}
#info #accordion .item>a { padding-bottom: 10px;    font-size: 18px;    display: flex;    justify-content: space-between;    align-items: center;   text-decoration: none;  cursor: pointer;}
#info #accordion .item .collapsed:after { content: "+";}
#info #accordion .item>a:after {content: "\2014";color: rgb(90,90,90);   font-size: 30px;   line-height: 30px;}

#text3{font-size: 18px;}
#text3 .grid{align-items: center;}
#text3 img{border-radius: 15px;  box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);}

#contacts .grid {gap: 0;}
#contacts .item{ border: 1px solid #cfcbcb; box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%); padding: 15px; background-color: white;}
#contacts .item{padding: 30px; border: 1px solid #cfcbcb;     box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);}
#contacts .flex{align-items: center; gap: 20px;}
#contacts .desc{font-size: 25px; font-weight: 500; color: #231f20; opacity: .8;}
#contacts .flex2{align-items: flex-start !important; margin-top: 20px;}
#contacts .phone{font-size: 20px; font-weight: 600; color: #231f20;}
#contacts .number>p, #contacts .desc-soc, #contacts .desc-time, #contacts .mail{font-size: 15px; color: #515151; opacity: .8;}
#contacts .block-soc{align-items: center;}
#contacts .butto{background-color: white; box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); border: 1px solid #cfcbcb; padding: 15px 40px; display: inline-block; color:#323232; text-decoration: none; margin-top: 40px; border-radius: 5px; transition: .5s;}
#contacts .butto:hover{border-color: red; color: red;}
.wpcf7 form.sent .wpcf7-response-output{color: red !important;}

@media (max-width: 376px){
#mobile .logo img {
    max-width: 180px;
}}
#header1{position: relative;}
#header1::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: .5; z-index: 1;}
#header1 .container{position: relative; z-index: 2;}
#header1.bg{background: url(images/bg-gl.jpg) no-repeat center center;}
#header1 .container .top{ grid-template-columns: repeat(4, auto);align-items: center;justify-content: space-between; padding: 15px; }
#header1 .but{color: white; font-weight: 500; display: inline-block; padding: 10px 35px; background-color: red ; border-radius: 10px; transition: .5s;}
#header1 .but:hover{background-color: black; color: white;}
#header1 .phone{font-size: 20px;font-weight: 700;}
#header1 .flex{align-items: center; justify-content: center;}
.head .nav {font-size: 18px !important; gap: 15px;}
#header1 p{margin-bottom: 0; color: #515151; font-size: 18px;}
#header1 .logo {max-width: 250px;}
#header1 ul li>a{padding: 10px!important; text-transform: none; margin-top: 0; line-height: 1; margin-right: 10px; color: white;}
#header1 .button{padding: 10px 20px; border-radius: 10px; color: red;  border: 1px solid red;text-decoration: none; transition: .5s;}
#header1 .button:hover{background-color: red; color: white;}
#header1 ul li>a:hover, #header1 ul li>a:focus{border: 1px solid red; border-radius: 0; background-color: transparent;}
#header1 .contacts .mail{font-size: 15px;}
#header1 .contacts a{color: white;}
#menu-glavnoe-menyu li{list-style: none;}
#header1 .nav .menu-item-has-children:hover .sub-menu{display: block;}
#header1 .nav .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;}
#header1 .nav .sub-menu li{padding: 5px 20px;}
#header1 .nav .sub-menu a{text-transform: none;}
#mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);}
#mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;}
#mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;}
#mmenu .nav span.menu-closed.menu-open:before{opacity: 0;}
#mmenu .nav a{border:none !important; padding: 0 !important; background-color: transparent !important; color:black !important;}
#mmenu .nav {text-align: left; padding-left: 0 !important;}


#text-title.grid{align-items: center; text-align: center;}
#text-title .title-right{font-size: 40px; font-weight: 700; color: white; opacity: 1 !important;}
#text-title .item p{color: white; opacity: .5;}
#text-title .title{font-size: 45px; font-weight: 700; color: white; margin-bottom: 20px;}
@media(min-width:992px){#text-title .title{font-size: 60px;}#text-title .button{font-size: 30px !important;} #text-title{text-align: left !important;}}
#text-title h1{color: white; padding: 0 10px 10px 0; display: inline-block; box-shadow: -200px 0px 0px 0px red, -400px 0px 0px 0px red; background-color: red; }
#text-title .button{padding: 10px 30px; color: white; text-decoration: none; border-radius: 5px; border: 1px solid white; transition: .5s; display: inline-block; margin-top: 30px; font-size: 20px;}
#text-title .phone{font-size: 35px; color: white; text-decoration: none; transition: .5s;}
#text-title .phone:hover{color: red;}
#text-title .line{font-size: 22px; color: whitesmoke; margin-top: 20px; opacity: .8;}

#header2 .container .top{ grid-template-columns: repeat(4, auto);align-items: center;justify-content: space-between; padding: 15px; }
#header2 .but{color: white; font-weight: 500; display: inline-block; padding: 10px 35px; background-color: red ; border-radius: 10px; transition: .5s;}
#header2 .but:hover{background-color: black; color: white;}
#header2 .phone{font-size: 20px;font-weight: 700;}
#header2 .flex{align-items: center; justify-content: center;}
.head .nav {font-size: 18px !important; gap: 15px;}
#header2 p{margin-bottom: 0; color: #515151; font-size: 18px;}
#header2 .logo {max-width: 250px;}
#header2 ul li>a{padding: 10px!important; text-transform: none; margin-top: 0; line-height: 1; margin-right: 10px;}
#header2 .button{padding: 10px 20px; border-radius: 10px; color: red;  border: 1px solid red;text-decoration: none; transition: .5s;}
#header2 .button:hover{background-color: red; color: white;}
#header2 ul li>a:hover{border: 1px solid red; border-radius: 0; background-color: white; color: black;}
#header2 .contacts .mail{font-size: 15px;}
#header2 .contacts a{color: black;}


@media (min-width: 992px) {#onas img{height: 100%; object-fit: cover;}}
#onas h2{padding-bottom: 20px !important; text-align: left;}
#onas .items {border: 2px solid red;  transition: all .3s ease;  margin: 10px; position: relative; padding: 30px;}
#onas .items:before, #onas .items:after { content: "";   z-index: 1;   display: block;  position: absolute;  background: #FFF;  top: 50%;  left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%;}
#onas .items:before {width: calc(100% + 6px);    height: 80%;    transition: height 0.6s;}
#onas .items:after {  height: calc(100% + 6px); width: 90%; transition: width 0.6s;}
#onas .item-cont{position: relative; z-index: 2;}
#onas .items:hover:before, #onas .items:focus:before {  height: 50%;}
#onas .items:hover:after, #onas .items:focus:after { width: 75%;}

#uslugi .number{font-weight: 900; font-size: 150px;text-transform: uppercase;color: whitesmoke; line-height: 1;}
#uslugi .desc{margin-top: -55px;}
#uslugi h2{padding-bottom: 10px !important; text-align: left  !important;}
#uslugi img{height: 100%; object-fit: cover;}
#uslugi .grid{margin-bottom: 40px;}
#uslugi .button {padding: 10px 20px; color: red; border: 1px solid red; margin-top: 10px; display: inline-block; transition: .5s; text-decoration: none;}
#uslugi .button:hover{border-radius: 10px; background-color: red; color: white;}

#uslugi2 .number{font-weight: 900; font-size: 150px; transition: .6s; text-transform: uppercase; color: whitesmoke; position: absolute; line-height: 1; right: -40px; z-index: -1;}
#uslugi2 a{position: relative;border-radius: 15px; overflow: hidden;  padding: 20px; z-index: 2; color: black; text-decoration: none;    box-shadow: 0px 10px 30px rgb(178 178 178 / 42%); transition: .5s;}
#uslugi2 a:hover{transform: scale(1.1);}
#uslugi2 a:hover .number{color: red;}
#uslugi2 h2{font-size: 16px;}


#prem2 strong{font-size: 18px;}
#prem2 .grid{text-align: center;}

#text4 td{padding:10px;}

#form2 .grid{margin-top:20px;gap:20px !important; margin-bottom:20px;}
#form2 .item{padding: 30px;    box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);position:relative;border: 0.35rem solid;border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;animation: borderRotate var(--d) linear infinite forwards;}
#form2 .flex{ gap:15px ; align-items:center;}
#form2 .button{padding: 10px 20px;border-radius: 10px;color: red;border: 1px solid red;text-decoration: none;transition: .5s;}
#form2 .button:hover{background-color:red; color:white;}
#form2 .phone{font-size:20px; color:black; font-weight:600;}
#form2 ol{margin-bottom:30px; margin-top:30px;}
#form2 .text2{padding:15px; background-color:#d0252c; color:white; display:grid; align-items:center;}
#form2 li{padding:5px;}
#form2 li::marker{font-size:20px; color:red;}
@keyframes borderRotate { 100% {--angle: 420deg;}}
@property --angle {syntax: '<angle>';initial-value: 90deg;inherits: true;}
:root { --d: 2500ms;--angle: 70deg;--c1: red;--c2: rgba(168, 239, 255, 0.1);}
.wr{flex-wrap:wrap;}

/*#form2 .item::before, #form2 .item:after {content: "";z-index: 1;display: block;position: absolute;background: #FFF;top: 50%;left: 50%;transform: translate(-50%, -50%);transform-origin: 50% 50%;}
#form2 .item::after {height: calc(100% + 6px);width: 90%;transition: width 0.6s;}
#form2 .item:before {width: calc(100% + 6px); height: 80%;transition: height 0.6s;}
#form2 .item:hover:before, #form2 .item:focus:before {height: 50%;}
#form2 .item:hover:after, #form2 .item:focus:after {width: 75%;}
#form2 .itemcon{position:relative; z-index:3;}*/