.bg-header1 {background-color:#2a3040 !important;}
.bg-header2 {background-color:#1b2033 !important;}
.bg-input {background-color:#fbf9f2 !important;}
.logo-header1 a{color:#d1b675 !important; width: 100%; display: flex; flex-wrap: unset;}
.logo-header1 img{/*height:55px !important;*/ width:100% !important; float: left; margin-top: 3px !important; margin-bottom: 0; margin-right: 10px;}
.logo-header1 .h1{color:#d1b675 !important;bottom:-15px;position:relative;font-size:26px;font-weight: 350; text-align: left;}
.logo-header2 .h1{color:white !important;bottom:-18px;position:relative;font-size:13px;font-weight: 350; text-align: left;}
footer .logo-header1 .h1{font-size:20px;}
footer {background-color:#2a3040;}
.text-gold {color:#d1b675 !important;}
.header-phone {font-size:24px !important;}
.footer-phone {font-size:22px !important;}
header .btn-gold, .btn-gold{background-color: #d1b675; color: white; font-size: 0.7rem !important; font-weight:bold !important;}
header .btn-gold:hover, .btn-gold:hover, .nav-link:hover{opacity:0.8; color:white;}
.phone-header .h2 {color:white;font-size:12px;float:right;}
.phone-header .h1 {margin: 0;line-height: 1rem;float:right;}
.nav-link {color:white !important;margin-left:0 !important;}
.menu-link {color:black !important;margin-left:0 !important;text-decoration:underline !important;font-size:1.15em;}
.menu-link:hover{color:black !important;opacity:0.8;text-decoration:none !important;}
.menu li:before{float:left;margin-top:-5px;height:100%;}
.bg-img-promo { background-position:top;background-repeat: no-repeat;background-size: auto; height:500px;}
.bg-img-uslugi { background-image: url(./img/uslugi-bg.jpg);background-position: 50% 70%;;background-repeat: no-repeat;background-size: auto;}
.bg-header-btn { background-image: url(./img/layer2.png);background-position: 14px;background-repeat: no-repeat;background-size: auto}
/*.bg-img-price { background-image: url(./img/block2bg.jpg);background-position: left center;background-repeat: no-repeat;background-size: 60%;}*/
.bg-img-problems { background-image: url(./img/block3bg.jpg);background-position: bottom;background-repeat: no-repeat;background-size: auto;}
.bg-img-example { background-image: url(./img/block4bg.jpg);background-position: bottom;background-repeat: no-repeat;background-size: auto;}
.bg-img-spec { background-image: url(./img/block5bg.jpg);background-position: bottom;background-repeat: no-repeat;background-size: auto;}
.bg-img-pl-man { background-image: url(./img/man.png);background-position: 15px 50%;background-repeat: no-repeat;background-size: auto; padding-left:50px !important}
.bg-img-pl-phone { background-image: url(./img/phone.png);background-position: 15px 50%;background-repeat: no-repeat;background-size: auto; padding-left:50px !important}
.bg-img-pl-mail { background-image: url(./img/envelope.png);background-position: 12px 8px;background-repeat: no-repeat;background-size: auto; padding-left:50px !important}
.bg-img-pl-question { background-image: url(./img/question.png);background-position: 15px 5px;background-repeat: no-repeat;background-size: auto; padding-left:50px !important}
.mt--160 {margin-top:-160px !important;}
.promo ul{margin-bottom: 2rem;list-style-image: url(./img/marker.png);}
.content ul, .info ul {list-style-image: url(./img/marker.png);}
section li{ list-style-type: none; padding-bottom:10px;}
/*section li:before {color: #d1b675; content: "\2022"; padding-right: 10px; font-size:24px;}*/
section .fa {display:unset;}
/*table {border: 1px solid; border-color: #beb396;}*/
/*thead {background-color: #beb396;}*/
.table th, .table td {border-bottom: 1px solid #dee2e6;}
.bg-gray {background-color: #f1f1f1;}
.feedback {background-color:#131b30;}
.nav-link {padding:unset !important;}
footer li {margin-left: -20px;}
.problems .h5 {font-size:1.1rem;}
.advantages .h5 {font-weight:bold;font-size:1.8rem;}
.example .h5, .smi .h5 {font-size:1.2em;}
.example a, .promo a {font-size:14.56px !important;}
.promo h1 a, .promo h1 a:hover, .promo h1 a:focus {font-size: 2.5rem !important; color:black; text-decoration:underline;}
.info a, .info a:hover{color:black;text-decoration:underline;}
.advantages button, .how button, .price button {font-size: 14.56px !important;}
section>hr {margin-top:0;margin-bottom:0; background-color:#d1b675;color:#d1b675;border:none;height:6px;};
/*.promo .block {padding-right: 20%;}*/
.promo h1 {margin-bottom:40px !important;}
.first-text {margin-right:10px;}
.second-text {margin-right:5px;}
.bg-darkgray {background-color:#121b2f;cursor:pointer;}
wbr { display: inline-block; margin-left:10px;}
section h1, section .h1 {line-height:1.3 !important;}
#menu li:before {content: none !important;}
#menu li {border:1px solid #e0e0e0}
#menu li>a>div {border:1px solid white;}
#menu li:hover {border:2px solid #d1b675}
#menu li a, #menu li a:hover {text-decoration:none !important;}
#menu li a:hover {color:#d1b675 !important}
#menu li>a>div:hover {border:none;}
.bg-dark1 {background-color:#1b2033;}
.nolink {pointer-events: none;}
.advantages {font-size: 0.95rem;}
.arrow {display: none;}
.arrow2 {display: block;}
.btn2 {width: 100%;}
.feedback .wpcf7 {width:50%;}
.feedback .btn-gold {color:black;font-size:unset !important;}
.bg-header2 {font-size: 30px !important;}
.borderright {border-right: 1px solid #dee2e6;}
.info h3 {font-size:24px;}

/* =Menu
-------------------------------------------------------------- */

#main_menu {clear: both;font-size: 11pt;/*height: 20px;/*padding: 14px 0px;*/overflow: hidden;}
#main_menu ul {clear: both;margin: 0;padding: 0px;}
#main_menu ul li {float: left;list-style: none;padding: 0 10px;}
#main_menu a {color: #fff;padding: 0 10px;text-decoration: none;padding-top: 1rem !important;padding-bottom: 1rem !important;}
#main_menu>ul>li>a {height: 80px;}
#main_menu>ul>li>a>span {padding-top: 10px;display: block;}
/*#main_menu a:hover {background-color:#272c41;}*/

#main_menu .sub-menu {display: none; position: absolute;top: 55px;margin: 0;padding: 10px !important;z-index: 999999;background: #272c41;	}
#main_menu .sub-menu a {color: #fff;padding: 0 10px;text-decoration: none;padding-top: unset !important;padding-bottom: unset !important;}
#main_menu ul li:hover .sub-menu  {display: block;clear: both;position: absolute;}
#main_menu .sub-menu li {clear: both;padding-bottom: 15px;	}

#main_menu_mobile ul li {list-style: none;padding: 0 10px;}
#main_menu_mobile ul {clear: both;margin: 0;padding: 0px;}
/*#main_menu_mobile .sub-menu {display: none;}*/
/*#main_menu_mobile ul li:hover .sub-menu  {display: block;}*/
#main_menu_mobile ul li a {font-size: 1.5em !important;}


.small-only .st-head-row-main, .price .small-only .st-key {display:none;}
.price .small-only td,.small-only th, .price .small-only .st-head-row {border-top:0 !important;border-bottom:0 !important;}
.small-only .st-key, .small-only .st-val {background-color:white;}
.price .small-only .st-val span {font-size: 14px !important;}
.price .small-only .st-val .pr {font-size: 24px !important;font-weight: bold !important;}
.info .small-only .st-key {text-align:left !important;}
.info .small-only .st-key {width: 40% !important;}
.price table td {border:0;}
.price table {border:1px #d6d6d6 solid ;}
.small-only .st-val {border-right:1px #d6d6d6 solid !important;}

.footer-info {font-size:16px;}

#menu_label:before,#price:before,#question:before,#map:before,#info1:before,#info2:before,#info3:before,#info4:before,#info5:before,#info6:before,#info7:before,#info8:before,#info9:before,#info10:before,#info11:before,#info12:before{display: block;content: "";height: 80px;margin: -80px 0 0;}




@media only screen and (max-width: 1199px){
	/*.header-phone {font-size:1rem !important;}*/
	.phone-header .h2 {font-size: 10px;}
	footer .phone-header .h2 {font-size: 12px;}
	.logo-header2 .h1 {font-size: 11px;}
	#main_menu {font-size: 10pt;}
	.logo-header1 img{margin-top: 7px !important;}
	.footer-info {font-size:14px;}
	#main_menu ul li {padding: unset;}
	.promo h1, promo .h1 {font-size:2.2rem;}
}
 
@media (min-width: 992px)
{
	.advantages .col-lg-2 {-ms-flex: 0 0 20% !important;flex: 0 0 20% !important; max-width: 20% !important;}
}
 
@media only screen and (max-width: 991px){
	.container {padding-right:5px !important; padding-left:5px !important;}
	.first-text {bottom:-12px !important;}
	.logo-header1 .h1{bottom:-12px;font-size:18px;}
	.logo-header1 a{flex-wrap: wrap;}
	header .btn-gold{background-color: transparent; color: #d1b675; font-size: 0.8rem !important; border-radius: 0;letter-spacing: 2px; font-weight:bold;margin-top:-8px;}
	header .container, header .container .row {height:90px;}
	.logo-header1 img{width:305px !important; float: unset; margin-top: 0px !important;}
	.btn, .btn-link{font-weight: unset !important;}
	footer .btn, footer .btn-link{font-weight: bold !important;}
	.promo .btn, .advantages .btn, .price .btn {font-weight: bold !important;}
	header .container, header .container .row {height: unset;}
	.bg-img-promo { width: 100%; height: auto;}
	.bg-img-promo {    background-position: 57%;background-size: cover;}
	.promo {padding-bottom:3rem;}
	.borderright {border-right: 0px ;}
	footer li {margin-left: unset;}
	footer .logo-header2 .h1 {font-size: 16px;line-height:0.7;}
	footer button {margin-left: 15px !important;}
	#r-top-nav{max-height: 75vh;overflow-y: scroll;}
	.fixed {position:fixed !important;z-index:9999;}
	.content {padding-top:180px;}
	.shtrih img {margin-left: 0px !important;}
	.direct {width: 610px !important;}
	#menu_label:before,#info:before,#price:before,#question:before,#map:before,#info1:before,#info2:before,#info3:before,#info4:before,#info5:before,#info6:before,#info7:before,#info8:before,#info9:before,#info10:before,#info11:before,#info12:before{display: block;content: "";height: 200px;margin: -200px 0 0;}
	.promo, .clients, .question {padding-top:180px;}
	.how {padding-top: 180px; margin-top: -140px;}
	.slide-col {height:2200px !important;}
	.slide-nav {bottom: 1% !important;}
	#popmake-4769{top:50px !important;}
}

@media only screen and (max-width: 767px){
	/*.logo-header1 img{height:45px !important;}*/
	header .logo-header1 .h1{bottom:unset; font-size: 14px;}
	.mt--160 {margin-top:0px !important;}
	.promo h1 {font-size:30px !important;}
	.promo u {font-size: 24px;}
	.specy h1 {margin-left: 40px;}
	.spec {width: 90%; margin-left: 5%; margin-right: 5%; margin-bottom: 10px;}
	.direct {width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;}
	.direct img {width: 90% !important; margin-left: 5% !important; margin-right: 5% !important; margin-bottom: 20px !important;}
	.comment {width: 90% !important; margin-left: 5% !important; margin-right: 5% !important; margin-bottom: 20px !important;}
	.direct .comment img {width: 40px !important;}
	/*.fa {margin-right: 55px;}*/
	/*.consult {display: block !important; padding-bottom: 40px;}
	.consult img {float: left; margin-top: 10px;}
	.consult p {float: left; margin-left: 60px; margin-top: -40px;}*/
	.shtrih img {width: 120px !important; margin-left: 65% !important; margin-top: -90px !important;}
	.sign {margin-left: 1px !important;}
	.arrow {display: block;}
	.arrow2 {display: none;}
	/*.btn2 {margin-left: -100px;} */
	.col-10 {max-width: 100% !important;}
	
	section h1, section .h1, h2, .h2{font-size:30px !important; line-height:1.3 !important;}
	h3, .h3 {font-size:24px !important; line-height:1.3 !important;}
	.logo-header1 img{margin-bottom: 0px !important;}
	.spec {font-size: 1rem !important;}
	
	/*.promo .block {padding-right: 30%;}*/
	.problems .h5 {font-size:0.9rem;}
	.problems .h4 {font-size:1.1rem;}
	.bg-img-example, .bg-img-spec {background-size: cover;}
	footer .logo-header1 .h1{font-size:18px;}
	
	header .btn-gold:hover{color:#d1b675 !important;}
	footer textarea {height:5em !important;}
	.wpcf7-response-output {margin-left: 10px !important;margin-right: 10px !important;}
	.first-text, .second-text {width:100%;margin-right:0px;}
	
	.first-text {margin-top: -10px;}
	.logo-header1 .h1{bottom:unset;font-size:18px;}
	header .bg-header-btn { background-image: unset;}
	section li:before {color:black;}
	
	.bg-img-uslugi {    background-position: 57% 70%;background-size: 400%;}
	.w-50 {margin-left:5px !important;}
	
	/*.promo h1 {margin-bottom:unset !important;}*/
	.promo h1 a, .promo h1 a:hover, .promo h1 a:focus {font-size: 40px !important;}
	
	.price table {font-size:14px !important;}
	.price table td span {font-size:14px !important;}
	footer .h2 {font-size:14px !important;}
	
	.slide-col {height:2250px !important;}
}   

@media only screen and (max-width: 410px){
	.header-phone, .bg-header2 {font-size: 20px !important;}
	#main_menu_mobile .sub-menu li a {font-size: 1em !important;}
	.block li {line-height: 1.6 !important; margin-bottom: -5px !important; font-size: 14px !important;}
	body, li {font-size: 0.8rem !important;} 
	.feedback .wpcf7 {width: unset;}
	footer .bg-header-btn {flex: 0 0 50% !important;max-width: 50% !important;}
}

.consult {display: none;}



.block {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
}

.direct {
	display: block;
	position: inherit;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.direct img {
	width: 300px;
	height: auto;
	float: left;
	margin-right: 20px;
}

.direct h2 {
	text-align: left;
	margin-bottom: 40px;
	margin-top: 40px;
}

.direct p {
	text-align: left;
}

.direct strong {
	font-size: 1em;
	font-style: italic;
	font-weight: 600;
}

.comment {
	display: block;
	width: 570px; 
	/*float: left;*/
	background: #eeeeee; 
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 40px;
	padding-bottom: 1px;
}

.info .comment {width:unset;}


.comment p {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.info .comment p{margin-top:unset;}

.direct .comment img, .info .comment img {
	width: 40px;
	height: auto;
	margin-top: -20px;
	margin-left: 20px;
}



.shtrih img {
	float: left;
	width: 180px;
	height: auto;
	margin-left: 730px;
	margin-top: -120px;
}

.sign {
	margin-left: 330px;
}

.wpcf7-response-output {margin-top:0px !important}
footer a:hover, header a:hover, header a:focus {text-decoration:none !important;}
.how a, .how a:hover, .how a:focus {text-decoration:none; color:black;}
.thick {border-top:3px solid rgba(0, 0, 0, 0.1);}
.h7 {font-size:0.9rem;}
footer .h7, .question .h7 {font-size:0.7rem;}
footer form p {margin-bottom:0.5rem;}
.btn-black{background-color: black; color: white;}
.btn-black:hover{opacity:0.8; color: white;}

footer form a, footer form a:hover {color:black !important;}
.text-black {color:black !important;}
.bg-black {background-color:black !important;}
.more-info-price{display:block;background-color:#6c757d;color:#fff;font-size:14px}
.category:hover .more-info-price{background-color:#333;text-decoration:none;-webkit-transition:all .5s;transition:all .5s}
textarea, .btn:active, .btn:focus, .btn:active:focus, .btn.active:focus, input:active, input:focus, .popmake-close:active, .popmake-close:focus, textarea:active, textarea:focus {outline: none !important; box-shadow: none !important;}
textarea, input, input:active, input:focus, .popmake-close:active, .popmake-close:focus, textarea:active, textarea:focus {border: none !important;}  
textarea {height:5em !important;}
footer textarea {height:10em !important;}
.mt--10 {margin-top:-10px !important;}
.mt--5 {margin-top:-5px !important;}
.mt--20 {margin-top:-20px !important;}
.mt--30 {margin-top:-30px !important;}
.mt--40 {margin-top:-40px !important;}
.wpcf7-not-valid-tip,.wpcf7 .ajax-loader {display:none !important;}

.bg-img {background-position-x: right;background-repeat: no-repeat;background-size: cover;background-position-y: bottom;}
.bg-img-garanty { background-image: url(./img/garantia.png);}
.bg-img-diag { background-image: url(./img/diagnostika.png);}
.bg-img-time { background-image: url(./img/sroki.png);}
.bg-img-dostavka { background-image: url(./img/dostavka.jpg);}
.attention{background:#333;width:100%;height:115px;zoom:none;position:relative}
.attention:before{display:table;line-height:0;content:""}
.attention:after{clear:both}
.attention .exclam{position:relative;width:90px;float:left;height:90px;font-family:Arial;font-size:60px;font-weight:700;line-height:24px;line-height:76px;text-align:left;text-align:center;border-style:solid;border-width:8px;border-color:#484848;color:#484848;box-sizing:border-box;background-color:rgba(255,255,255,0);margin-left:30px;margin-top:13px;border-radius:50%}
.attention .exclam:before{position:absolute;content:"";width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #333;top:-40px;left:22px}
.attention p{padding-right:20px;padding-left:130px;font-family:Arial;color:#fff;width:100%;font-size:18px;text-align:center;font-weight:400;line-height:24px;position:absolute;top:0;bottom:0;left:0;right:0;vertical-align:middle;margin:auto;display:table}
.page-header-block ul{font-family:Arial;font-size:16px;font-weight:700;line-height:30px;text-align:left}
.page-header-block ul li{list-style:none;background:url("./img/check.png") no-repeat;text-indent: 33px;margin-bottom:5px}

.slider {position: relative;height: 400px;top:135px;}
.s-card {position: absolute !important;top: 0;left: 0;background: #FFFFFF;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);cursor: pointer;}
.s-card:nth-child(1) {z-index: 10;top: 0px;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.s-card:nth-child(2) {z-index: 9;top: -70px;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 0.9;}
.s-card:nth-child(3) {z-index: 8;top: -120px;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0.8;}
.s-card:first-child:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: scale(1.05);transform: scale(1.05);}
@media only screen and (max-width:767px){.slider {height: 440px;top:120px;}}

ol {margin: 22px 0;padding: 0;list-style: none;text-align:left;}
ol li {counter-increment: step-counter;margin-bottom: 40px;line-height: 1.5em;padding: 6px 0 6px 80px;position: relative;}
ol li:before {content: counter(step-counter);margin-right: 10px;font-size: 30px;background: transparent;border: 8px solid #f1f1f1;border-radius: 50%;width: 60px;height: 60px;display: block;margin-bottom: -10px;font-weight: 900;color:black;text-align: center;line-height: 44px;position: absolute;left: 0;top: 0;}
ol li:last-child{margin-bottom: 10px;}

.metro-a, .metro-a:hover, .popup-metro, .popup-metro:hover {text-decoration:none; color:black;}
.metro {opacity:0.3;}
.metro:hover {opacity:1;}
.active {opacity:1;}
.op-price-h .popup-metro:hover {border: 1px solid black;}

.cat-img {max-height:130px; max-width:130px;}

/*o nas>>>*/
.specy {
	width: 960px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
}

.spec {
	float: left;
	width: 290px;
	height: 770px;
	background-color: #252c3e;
	margin-right: 1%;
	margin-top: 1%;
}

.spec img {
	width: 250px;
	height: auto;
	margin: 20px;
} 

.spec h2 {
	text-align: center;
	font-size: 1em;
	color: #c6a76d;
	margin-bottom: 15px;
}

.bord {
	text-align: center;
	width: 250px;
	color: #c6a76d;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;	
    border: 1px solid #c6a76d;
	border-radius: 5px;
}

.spec p {
	text-align: left;
	color: white;
	margin: 15px;
	font-size: 14px;
}
/*<<<o nas*/

/*Cliens*/

.slide-btn-group {
  position: relative;
  display: inline-block;
}
.slide-btn-group .slide-btn {
  cursor: pointer;
  float: left;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 2px solid rgba(209,182,117,0.5);
  margin-left: 6px;
  margin-top: 1px;
}
.slide-btn-group>.active {
}

.slide-btn-group .slide-btn:first-child {
  margin-left: 3px;
}
.slide-btn-group svg {
  z-index: -1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.slide-btn-group path {
  fill: none;
  stroke: #d1b675;
  stroke-dasharray: 39, 99999;
  transition: all 1s ease-in-out;
  stroke-width: 3;
}
.slides {
  transition: left 1s ease-in-out;
  height: 100vh;
  position: absolute;
}
.slides .slide {
  height: 100vh;
  float: left;
  width: 100vw;
}
.slide-col {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height:850px;
}
.slide-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 5%;
  transform: translateY(-50%);
}
/*Cliens*/


.pum-container {width: 900px !important;}


@media only screen and (max-width: 991px)
{
	.pum-container {width: 500px !important;}
}

@media only screen and (max-width: 767px)
{
	.pum-container {width: 350px !important;}
}

@media only screen and (max-width: 321px)
{
	.pum-container {width: 280px !important;}
}
	
	