@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'CalibriLight'; src: url('../fonts/Calibri-Light.woff2'); font-display: block;}
@font-face {font-family: 'Calibri'; src: url('../fonts/Calibri.woff2'); font-display: block;}

Body {background: #fff; margin:0 auto; padding:0; font-family: Verdana, Geneva, sans-serif; line-height:1.3; color:#000;}
* {margin:0; padding:0;} /* all indents by default*/

/*Layout begin*/
#site-wrapper {}
#cap-wrapper {}
#heaven-wrapper{}
#heaven{}
#sky-wrapper {}
#sky {}
#atmosphere-wrapper{}
#atmosphere{}
#topper-wrapper{background:#fff;}
#topper{height:70px; margin: 0 auto;}

@media screen and (min-width: 1280px){#topper{width:1280px;} }
@media screen and (min-width: 961px) and (max-width: 1279px) {#topper{width:960px;} }
@media screen and (min-width: 640px) and (max-width: 960px) {#topper{width:640px;} }
@media screen and (min-width: 320px) and (max-width: 639px) {#topper{width:360px!important;} }



#menu-wrapper {}
#menu {height:55px;}
#surface-wrapper{}
#higround-wrapper{}
#higround {}
#ground-wrapper {}
#panel-wrapper {}
#panel {}
#board-wrapper {}
#board {}
#ground-sub-wrapper{}
#ground {}
#underground-wrapper{}
#footer-wrapper {background:#f2f2f2; margin-top: -11px;}
#footer {padding: 40px 0px 40px 0px;}
#bunker-wrapper {}
#bunker {}
#catacombs-wrapper {}
#catacombs {}
#caves-wrapper {}
#caves {}
#underworld-wrapper {}
#underworld {}
/*Layout end*/

/*Different fixes begin*/
fieldset{border:none;}
#gruemenu ul{display: flex; justify-content: center;}
#gruemenu ul li ul{display: block;}
#gruemenu > ul > li > a {border-right:none;}
.uppercase {text-transform:uppercase;}
@media screen and (min-width: 1280px) {.desktop-indent35{margin-top:35px;} }
@media screen and (min-width: 320px) and (max-width: 1279px) {.mobile-indent50{margin-top:50px;} }
.fix-button a{display: inline-block;   width: 205px;}
#gruemenu > ul {box-shadow: none!important;}
 /*Different fixes end*/

/*Headings, Links, text & etc. begin*/
a {text-decoration: underline; color:#1c69d3;}
a:link {color: #1c69d3;}
a:visited{color:#1c69d3;}
a:hover{text-decoration:none; color: #1c69d3;}

#ground ul {padding:5px 5px 15px 5px;}
#ground ul li{background: url('../images/blok.png') no-repeat; font: 14px Calibri; padding:0 0 0 2px; margin:0 0 0 15px;}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{font-family: Verdana, Geneva, sans-serif; font-size: 30px; color: #282828; text-transform:uppercase;  margin-bottom:5px;}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{font-family: Verdana, Geneva, sans-serif; font-size: 28px; color: #282828; text-transform:uppercase; margin-bottom:5px;}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{font-family: Verdana, Geneva, sans-serif; font-size: 26px; color: #282828; }
p {font-family: Verdana, Geneva, sans-serif; font-size:14px; margin: 0 0 10px 0;}
.accent{font-weight: 400; font-size: 16px;}
.accent-text {font-weight: 400; font-size: 18px;}

@media screen and (min-width: 320px) and (max-width: 639px){
	h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size:20px;}
	h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size:20px;}
	h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {font-size:18px;}
	}
 
/*Headings, Links, text & etc. end*/


/*Colors Begin*/
.red{color:#e3030f; }
.orange{color:#ff8c1a;}
.gray{color:#888888;}
.green{color:#27a345;}
.black{color:#282828!important;}
.blue{color:#007bff!important;}
.white{color:#f2f2f2;}

.bg-red{background-color:#e3030f;}
.bg-orange{background-color:#ff8c1a;}
.bg-gray{background-color:#888888;}
.bg-green{background-color:#27a345;}
.bg-black{background-color:#3c3c3c;}
.bg-blue{background-color:#1c69d3;}
.bg-white{background-color:#f2f2f2;}
/*Colors End*/

/*Shapka & Logo begin*/

.customshapka {display:flex; justify-content:space-between; flex-wrap: wrap; } /*Use suffix shapka*/
.customshapka a{text-decoration:none;}
.logo {/*width:320px;*/ font-size:31px; font-weight:400; margin: 0px 0px 0px 5px; padding-top:10px; letter-spacing: 2px;}
.logo a{color:#282828;}
.slogan {font-size:15px; margin: -10px 0px 0px 0px; letter-spacing:0.2px;}
.contact-info {width:320px; display:flex; padding-top:20px; font-size:20px;}
.contact-info p {font-size:14px;}
.contact-info a{color:#f2f2f2; text-decoration:none;}
.contact-info a:visited{color:#f2f2f2; text-decoration:none;}
.contact-info a:hover{color:#1c69d3; text-decoration:none;}
.contact-info img {width:21px; height:21px; vertical-align: middle;}
.adress{padding-top:20px;}
.callme{padding-top:20px;}

.callme-button {display:inline-block; margin: 7px auto; /*width: 100%;*/} 
.callme-button a {color: #f2f2f2; text-transform: uppercase; text-decoration:none; font-weight: 400; font-size:14px; padding: 15px 25px 15px 25px; background:#007bff; border-radius: 10px;}
.callme-button a:visited {color:#fff;}
.callme-button a:hover {color:#f2f2f2; background-color: #282828;}

@media screen and (min-width: 640px) and (max-width: 960px) {.logo {width:310px;} .contact-info {width:310px;} }

@media screen and (min-width: 320px) and (max-width: 639px){
#topper{height: 130px;}
.customshapka{justify-content:center;}
.logo {text-align: center; font-size:18px; width:300px;}
.slogan {font-size:14px; letter-spacing: -0.2px; margin-top: 2px;}
.contact-info {text-align:center; padding-top: 10px; justify-content: center;}	
.contact-info p {font-size:14px;}
.adress{padding-top:10px; width: 320px; text-align: center;}
.adress br{display:none;}

.callme-button{width: 180px;}
.callme-button a {
  color: #f2f2f2;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  background: #007bff;
  border-radius: 10px;
  width: 160px;
  display: block;
  text-align: center;
  height: 50px;
  padding-top: 8px;
  margin: 0 auto;
}

.callme {
  padding-top: 20px;
  width: 180px;
}


.contact-info {
    text-align: center;
    padding-top: 31px;
    justify-content: center;
    width: 180px;
    font-size: 16px;
  }

 .contact-info p {font-size: 13px;  letter-spacing: -0.2px;}
 .section-wrapper:first-child{margin-top:5px;}
 #navigation-toggle span.nav-line {background: #fff!important;}
 #navigation-toggle{background:#007bff!important;}
}
/*Shapka & Logo end*/

/*Sections Layout Begin*/
.section-wrapper{margin:40px 0px 40px 0px; border-radius:0px;}
.section-row{margin:0 auto; padding:5px; display:flex; flex-wrap:wrap; justify-content:center; width:1280px;}
.inflated {padding:40px 0px 40px 0px;}
.section-1-colonka{margin:0 auto; padding:5px; width:100%;}
.section-2-colonki{margin:0 auto; padding:5px; width:49%;}
.section-3-colonki{margin:0 auto; padding:5px; width:33%;}
.section-4-colonki{ margin:0 auto; padding:0px; width:25%;}
.reverse{flex-wrap:wrap-reverse!important;} /*Apply it to DIV that use class "section-row"*/

@media screen and (min-width: 1280px){.section-row{width:1280px;} }
@media screen and (min-width: 961px) and (max-width: 1279px) {.section-row{width:960px;}  }
@media screen and (min-width: 640px) and (max-width: 960px) {.section-row{width:640px;} .section-2-colonki{width:100%;} .section-3-colonki{width:100%;} .section-4-colonki{width:50%;} }
@media screen and (min-width: 320px) and (max-width: 639px) {.section-row{width:320px!important;} .section-2-colonki{width:100%;} .section-3-colonki{width:100%;} .section-4-colonki{width:100%;}}
/*Sections Layout End*/

 /* Menu begin. Use suffix _topmenu*/ 
.moduletable_topmenu{display:flex; width:100%; margin:0px; padding:0px; background-color:#282828; height:50px;}
.moduletable_topmenu ul{display:flex; margin-top: 2px; list-style: none; margin:0 auto;}
.moduletable_topmenu ul li {padding: 6px 20px 0px 0px; text-align:center; position: relative;}
.moduletable_topmenu li ul {display: none; background-color:#282828; list-style: none; z-index:10;}
.moduletable_topmenu a{display: block; text-decoration: none; color: #f2f2f2; font:16px Calibri; font-weight:400; padding: 5px; text-transform:uppercase;}
.moduletable_topmenu li.active a {color: #f2f2f2;}
.moduletable_topmenu li ul a{width:100%;}
.moduletable_topmenu ul:hover a:hover{color: #1c69d3;}
.moduletable_topmenu li:hover ul {display: block;}
.moduletable_topmenu li:hover a{color: #f2f2f2;}
.moduletable_topmenu li:hover ul a:hover{color: #1c69d3; list-style: none;}
.moduletable_topmenu ul li ul li {padding: 6px 16px 2px 6px;}
.moduletable_topmenu ul li ul li:hover{background-color:#444;}
.moduletable_topmenu ul li ul li a {padding:5px 5px 8px 5px;}
.moduletable_topmenu ul li ul {padding: 15px 0px 15px 0px;}
.moduletable_topmenu ul li ul:last-child {padding-bottom:15px;}
 /* Menu end. */ 
 
 /*Grue menu mobile override begin*/
.sidr {background:#282828;}
.sidr ul li {line-height:38px;}
.sidr ul li.sidr-class-active {line-height:38px; background:#282828;}
.sidr ul li:hover {line-height:38px; background: #282828;}
.sidr ul li a:hover {line-height:38px; background: #007bff;}
.sidr ul li ul li {line-height: 38px;}
.sidr ul li ul li:hover {background: #000; line-height: 38px;}
 /*Grue menu mobile override end*/
 
 
 /*mega-rotate begin*/
.mega-rotate{animation: mega-rotate 10s infinite; width:50px; height:50px;}
@media screen and (min-width: 320px) and (max-width: 639px) {.mega-rotate{float:left;}}

@keyframes mega-rotate{
	0% {transform: rotateZ(0deg);}
	20% {transform: rotateZ(240deg);}
	40% {transform: rotateZ(-360deg);}
	60% {transform: rotateZ(40deg);}
	80% {transform: rotateZ(-90deg);}
	100% {transform: rotateZ(0deg);}
} 
/*mega-rotate end*/


 /*honda begin*/
.honda{animation: honda 10s infinite; /*width:50px; height:50px;*/}


@keyframes honda{
	0% {transform: translateX(120px);;}
	100% {transform: translateX(0px);;}
} 
/*honda end*/


.galka {    
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #1c69d3;
    font-size: 20px; 
    font-weight: bold;
    line-height: 1;
}
.galka:before {
    content: "\2714";
}


/*Buttons begin*/
.orange-button {margin:20px 5px 20px 5px;}  
.orange-button a {color: #f2f2f2; text-transform: uppercase; font-weight: 600; font-size:14px; padding: 15px 25px 15px 25px; background-color: #ff8c1a; border-radius: 15px;}
.orange-button a:visited {color:#f2f2f2;}
.orange-button a:hover {color:#f2f2f2; background-color: #14849e;}

.small-button-orange {}
.small-button-orange a {color: #f2f2f2; text-transform: uppercase; font-weight: 600; font-size:13px; padding: 7px 7px 7px 7px; background-color: #ff8c1a; border-radius: 10px;}
.small-button-orange  a:visited {color:#f2f2f2;}
.small-button-orange  a:hover {color:#f2f2f2; background-color: #14849e;}

.dark-button {margin:20px 5px 20px 5px;} 
.dark-button a {color: #282828; text-transform: uppercase; text-decoration:none; font-weight: 600; font-size:14px; padding: 15px 25px 15px 25px; border:2px solid #282828; border-radius: 10px;}
.dark-button a:visited {color:#282828;}
.dark-button a:hover {color:#f2f2f2; background-color: #282828;}

.blue-button {margin:20px 5px 20px 5px;} 
.blue-button a {color: #f2f2f2; text-transform: uppercase; text-decoration:none; font-weight: 400; font-size:14px; padding: 15px 25px 15px 25px; background:#007bff; border-radius: 10px;}
.blue-button a:visited {color:#fff;}
.blue-button a:hover {color:#f2f2f2; background-color: #282828;}

.main-button {display:inline-block; margin:20px auto; width: 100%;} 
.main-button a {color: #f2f2f2; text-transform: uppercase; text-decoration:none; font-weight: 400; font-size:14px; padding: 15px 25px 15px 25px; background:#007bff; border-radius: 10px;}
.main-button a:visited {color:#fff;}
.main-button a:hover {color:#f2f2f2; background-color: #282828;}

.tarif-button {margin:20px 5px 20px 5px;} 
.tarif-button a {color: #f2f2f2; text-transform: uppercase; text-decoration:none; font-weight: 600; font-size:16px; padding: 15px 25px 15px 25px; background-color: #444; border-radius: 10px; width: 85%; display: block;}
.tarif-button a:hover {color:#f2f2f2; background-color: #282828;}
.tarif-button a:visited {color:#f2f2f2; background-color: #282828;}

.light-button {margin:20px 5px 20px 5px;} 
.light-button a {color: #f2f2f2; text-transform: uppercase; text-decoration:none; font-weight: 600; font-size:14px; padding: 15px 25px 15px 25px; border:2px solid #f2f2f2; border-radius: 10px;}
.light-button a:visited {color:#f2f2f2;}
.light-button a:hover {color:#282828; background-color: #f2f2f2;}

.small-button-blue {margin:0px 7px 0px 7px;}
.small-button-blue a {color: #f2f2f2; text-transform: uppercase; font-weight: 400; font-size:13px; padding: 7px 7px 7px 7px; background:#007bff; border-radius: 10px;}
.small-button-blue a:visited {color:#f2f2f2;}
.small-button-blue a:hover {color:#282828; background-color: #f2f2f2;}

.white-button {margin:15px 5px 15px 5px;} 
.white-button a {color: #14849e; text-transform: uppercase; font-weight: 600; font-size:14px; padding: 15px 25px 15px 25px; background-color: #f2f2f2; border-radius: 15px;}
.white-button a:visited {color:#14849e;}
.white-button a:hover {color:#14849e; background-color: #ff8c1a;}

.small-button-white {}
.small-button-white a {color: #f2f2f2; text-transform: uppercase; font-weight: 400; font-size:13px; padding: 7px 7px 7px 7px; background:#007bff; border-radius: 10px;}
.small-button-white a:visited {color:#f2f2f2;}
.small-button-white a:hover {color:#282828; background-color: #f2f2f2;}
/*Buttons end*/

/* Old styles begin*/
.button,input.button,button.validate {background:#fe1919; color:#fff; margin:2px; padding:2px 10px 2px 10px; cursor:pointer;}
.moduletable_nav {font-style:italic; float:right; margin:5px; background-color:#fff;}
/* Old styles end*/

/*Layout styles begin*/
#footer p{color:#000;}
#fooer a{}
/*Layout styles end*/

/*Fints & helpers begin*/
.inflated {padding: 40px 0px 40px 0px;}
#navigation-toggle {position: absolute!important;}
/*Fints & helpers end*/

/*floating-button begin*/
.floating-button {
  position: fixed;
  z-index: 100;
  bottom: 50px;
  right: 20px;  
  color: white;
  border: none;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 100%;
  cursor: pointer;
  transition: 1s;
}
 
.floating-button:hover {
  
  transform: scale(1.2);  
}

.floating-button img {width:75px; height:auto;}

/*floating-button end*/

/* prise-table begin */
.prise-table {
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	background:transparent;
	margin:20px;
	border:#ccc 1px dashed;
	border-collapse:separate;
	margin: 0 auto; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

@media screen and (min-width: 320px) and (max-width: 767px) {.prise-table {width:95%;} }
 
.prise-table th {font-weight:bold; padding:21px 25px 22px 25px;	border-top:1px solid #14849e; border-bottom:1px dashed #14849e; background: transparent;}
.prise-table th:first-child {text-align: left; padding-left:20px;}
.prise-table tr:first-child th:first-child {-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px;}
.prise-table tr:first-child th:last-child {-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px;}
.prise-table tr {text-align: center; padding-left:20px;}
.prise-table tr td:first-child{text-align: left; padding-left:10px; border-left: 0;}
.prise-table tr td:last-child{min-width:80px;}
.prise-table tr td {padding:5px; border-bottom:1px dashed #ccc;	border-left: 1px dashed #ccc; background: transparent;}
.prise-table tr:nth-child(even) td {background: transparent;}
.prise-table tr:last-child td {border-bottom:0;}
.prise-table tr:last-child td:first-child {-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.prise-table tr:last-child td:last-child {-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.prise-table tr:hover td {background: #f2f2f2;} 
.prise-table a:link {color: #ff8c1a; font-weight: bold;	text-decoration:none;}
.prise-table a:visited {color: #999999;	font-weight:bold; text-decoration:none;}
.prise-table a:active, .prise-table a:hover {color: #bd5a35; text-decoration:underline;}
/* prise-table end */  
  
/*RS-form main override begin*/
label {font-weight: normal;}
input[type="text"] {
  display: block;
  height: 34px!important;
  padding: 20px 12px!important;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555!important;
  background-color: #fff!important;
  background-image: none!important;
  border: 1px solid #ccc!important;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
}
.rsform-block{margin-top:25px;}
.rsform-submit-button{
padding:10px 50px;
text-transform:uppercase;
}
.formControls{text-align:center;}
.rsform-submit-button{
  background: #1c69d3 !important;
  color: #f2f2f2 !important;
  height: 45px !important;
  font: 16px Calibri !important;
  border-radius: 4px !important;
  display: block !important;
  width: 330px !important;
  margin: 0 auto;
}
@media screen and (min-width: 320px) and (max-width: 639px) {.rsform-submit-button{width: 280px !important;}}
/*RS-form main override end*/  
  
/*Podbor 2 v-shapke*/
.podbor-dlia-vas-wrapper2{
	display: flex; 
	flex-direction: row; 
	padding-top: 20px; 
	padding-bottom: 15px; 
	background: transparent; 
	justify-content: center; 
	flex-wrap: wrap; 
	border: 2px dashed #f2f2f2; 
	margin-bottom:50px;
}
.podbor-field-in-cart {width: 200px; padding:25px !important; margin-left: 15px !important; margin-right: 15px !important;}
.form-wrapper-card2{margin-top: 25px;}
.podbor-dlia-vas-text2{}
.podbor-heading2{text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #fff;}
.podbor-text2{text-align: center; padding: 10px;  font-size: 16px; color: #fff;}
.podbor-field-in-cart2{ width: 200px; padding: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
@media screen and (min-width: 1280px){ }
@media screen and (min-width: 961px) and (max-width: 1279px) {.podbor-dlia-vas-text2{width:100%;} .podbor-field-in-cart {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
@media screen and (min-width: 640px) and (max-width: 960px) {.podbor-field-in-cart2 {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
@media screen and (min-width: 320px) and (max-width: 639px) {.podbor-field-in-cart2 {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
.podbor-button-in-cart2{
  background-color:transparent!important;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
  border: 2px solid #f2f2f2;
  padding-top: 10px;
  padding-bottom: 11px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius:5px;
  color: #f2f2f2;
  font-weight: 600;
  width:180px!important;
}
.podbor-button-in-cart2:hover {background-color: #000!important;}
/*Podbor 2 v-shapke FOS End*/  

/*Project-specials begin*/
.super-bg{background:#000; 
  background-image: url("/images/kudr-fon-round.jpg"); 
  background-size: cover; 
  background-position: center left;  
  background-repeat: no-repeat; 
  padding-bottom: 0px !important;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px!important;
}

.super-bg2{background:#000; 
  background-image: url("/images/service.jpg"); 
  background-size: cover; 
  background-position: center left;  
  background-repeat: no-repeat; 
  padding-bottom: 0px !important;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px!important;
}
.super-bg-3{background:#000; 
  background-image: url("/images/background-uslugi.jpg"); 
  background-size: cover; 
  background-position: center left;  
  background-repeat: no-repeat; 
  padding-bottom: 0px !important;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px!important;
}

.cms-ico-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.cms-ico-element{width:100px; height:100px; display:inline-block; text-align:center; margin:25px;}
.cms-ico-element img{filter: grayscale(100%); transition: 0.3s;}
.cms-ico-element img:hover {filter: grayscale(0%);}
.cms-ico-element p{display:inline-block; font-size:14px;}

.plashka-black {display:block; color: #fff; text-transform: uppercase; font-weight:600; margin:7px auto; background: rgba(0, 0, 0, 0.7); border-radius:15px; padding:10px 5px 10px 5px;}

.plashka-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.plashka-element{
    width:140px;
    height:60px;
    display:inline-block;
    text-align:center;
    margin:7px;
    padding:10px 5px 10px 5px;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background: rgba(250, 250, 250, 0.85);
}

@media screen and (min-width: 320px) and (max-width: 639px) {.plashka-element{width:130px;} }

.plashka-element:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateX(5px);
}

.plashka-element p{
    font-size:14px;	
    color:#282828;
    transition: 0.3s ease-in-out;
    text-transform:uppercase;
    line-height: 1.2;
	margin-bottom: 0px;
}
.plashka-element:hover p{
    color:#1c69d3;
    text-shadow: none;
}

.big-plashka-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.big-plashka-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: stretch;
}
.big-plashka-element{
    width:275px;
    height:auto;
    display:inline-block;
    text-align:center;
    margin:7px;
    background: rgba(242, 242, 242, 0.8);
    border-radius:15px;
    padding:10px 5px 10px 5px;
    transition: 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.big-plashka-element:hover {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}
.big-plashka-element p{
    display:inline-block;
    font-size:14px;
    color:#282828;
}
.big-plashka-element p:hover{
    color: #1c69d3;
    text-shadow: none;
}
.big-plashka-element p:first-child {
    margin-bottom: auto;
}
.big-plashka-element p:last-child {
    margin-top: auto;
}

/*plashki-uslug begin*/

.pos-plashka-black {display:block; color: #fff; text-transform: uppercase; font-weight:600; margin:7px auto; background: rgba(0, 0, 0, 0.7); border-radius:15px; padding:10px 5px 10px 5px;}

.pos-plashka-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.pos-plashka-element{width:135px; height:60px; display:inline-block; text-align:center; margin:7px; padding:10px 5px 10px 5px; transition: 0.3s ease-in-out;}
.pos-plashka-element{ display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  background: rgba(250, 250, 250, 0.85);}

@media screen and (min-width: 320px) and (max-width: 639px) {.plashka-element{width:130px;} }

.pos-plashka-element:hover {  background: rgba(255, 255, 255, 1);  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  transform: translateX(5px);}
.pos-plashka-element p{  font-size:14px;  color:#282828;  transition: 0.3s ease-in-out;  text-transform:uppercase;  line-height: 1.2; margin-bottom: 0px;}
.pos-plashka-element:hover p{ color:#1c69d3;  text-shadow: none;}

/*plashki usug end*/

/*prices on landings begin*/
.prise-section {display:grid; grid-template-columns: 1fr 1fr;}
.prise-section p {font-size:18px; border-bottom: #ccc solid 1px;  line-height: 2.4; margin: 0px 0px 0px 25px; display: flex; justify-content: space-between;}
@media screen and (min-width: 320px) and (max-width: 639px) {.prise-section {display:block;} .prise-section p{font-size:15px; margin: 0px;} }
/*prices on landings end*/




@media screen and (min-width: 961px) and (max-width: 1279px)  {.big-plashka-element {width:220px;} }


.tarif-plashka-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.tarif-plashka-element-header {background:#ccc; border-radius: 15px 15px 0px 0px; padding:10px 10px 10px 10px;}
.tarif-plashka-element-header h3 {font-size:20px;}
.tarif-plashka-el-head-desc {margin-top:-10px;}
.tarif-plashka-element-header span {font-size:24px; color: #000; font-weight: 600;}
.tarif-plashka-element{width:275px; height:auto; display:inline-block; text-align:center; margin:15px; background: #f2f2f2; border-radius:15px; padding-bottom: 25px; transition: 0.3s;}
.tarif-plashka-element p:first-child{font-size:18px; color:#000; }
.tarif-plashka-element p{font-size:16px; color:#000;}
.plashka-element-descr {padding: 20px 15px 0px 15px;}


@media screen and (min-width: 961px) and (max-width: 1279px)  {.tarif-plashka-element {width:220px;} }

.polinfo-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.polinfo-element{width:135px; height:auto; display:inline-block; text-align:center; margin:10px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); background: rgba(250, 250, 250, 0.85); transition: 0.3s;}
.polinfo-element img {width:130px; height:auto; margin-top: 10px; margin-bottom:10px; filter: grayscale(0%); transition: 0.3s; border: 1px solid #fff;   border-radius: 7px;}
.polinfo-element img:hover{filter: grayscale(100%);}
.polinfo-element p{display:inline-block; font-size:16px; font-weight:400;}
.polinfo-element span{display:inline-block; font-size:14px; text-align:center; font-weight:normal;}
.polinfo-element a {color:#000!important; text-decoration:none;}
.polinfo-element a:visited {color:#000!important; }

.polinfo-element:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateX(5px);
}

@media screen and (min-width: 320px) and (max-width: 639px) {.polinfo-element {width:135px; margin: 7px;} }


.polinfo-wrapper1{display:flex; flex-wrap:wrap; justify-content:center;}
.polinfo-element1{width:290px; height:auto; display:inline-block; text-align:center; margin:10px;}
.polinfo-element1 img {width:280px; height:auto; margin-top: 10px; margin-bottom:10px; transition: 0.3s;}
.polinfo-element1 img:hover{transform: scale(1.2);}
.polinfo-element1 p{display:inline-block; font-size:16px; font-weight:600;}
.polinfo-element1 span{display:inline-block; font-size:14px; text-align:center; font-weight:normal;}
.polinfo-element1 a {color:#fff!important;}
.polinfo-element1 a:visited {color:#fff!important;}

.dashed-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.dashed-element{width:290px; height:auto; display:inline-block; text-align:center; margin:10px; border:2px dashed #f2f2f2; border-radius: 10px; padding: 15px 15px 10px 15px;}
.dashed-element img {width:280px; height:auto; margin-top: 10px; margin-bottom:10px; transition: 0.3s;}
.dashed-element img:hover{transform: scale(1.2);}
.dashed-element p:first-child{display:inline-block; font-size:20px; font-weight:600; color:#1c69d3; text-transform:uppercase; background-color: #ccc; border-radius: 15px; padding: 10px 20px 10px 20px; margin-bottom: 25px;}
.dashed-element p{font-size:16px; font-weight:400;}
.dashed-element span{display:inline-block; font-size:16px; text-align:center; font-weight:normal;}
.dashed-element a {color:#fff!important;}
.dashed-element a:visited {color:#fff!important;}

.utp-wrapper{display: flex;   flex-wrap: wrap;   justify-content: center;}
.utp-element span {  display: inline-block;  font-weight: normal;}
.utp-element {  width: 275px;  height: auto;  display: inline-block;  text-align: center;  margin: 15px; background: rgba(0, 0, 0, 0.7); border-radius:15px; padding:10px 5px 10px 5px;}
.utp-heading{font-size:24px;}


/*Super-buttnons Begin*/

.supbut-wrapper{display:flex; flex-wrap:wrap; justify-content:center;}
.supbut-element{width:240px; height:91px; display:inline-block;  text-align:center;  margin:7px; padding:10px 5px 10px 5px; transition: 0.3s ease-in-out;}
.supbut-element{ align-items: center;  border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  background: rgba(250, 250, 250, 0.85);}
.supbut-element i.fa {font-size: 40px; color: #1c69d3; line-height: 1;}

@media screen and (min-width: 320px) and (max-width: 639px) {.supbut-element{width:130px;} }
@media screen and (min-width: 640px) and (max-width: 1279px) {.supbut-element { width: calc(48% - 15px);} }

.supbut-element:hover {    background: rgba(255, 255, 255, 1);    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);    transform: translateX(5px);}
.supbut-element p{    font-size:14px;	    color:#282828;    transition: 0.3s ease-in-out;    text-transform:uppercase;    line-height: 1.2;	margin-bottom: 0px;}
.supbut-element:hover p{    color:#1c69d3;    text-shadow: none;}

/*Super-buttons End*/



.megaplashka-wrapper {
    background: rgba(250, 250, 250, 0.98);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(200, 200, 200, 0.3);
}
.megaplashka-wrapper h2 {
    color: #282828;
    margin-bottom: 20px;
    text-align: center;
}
.megaplashka-wrapper p {
    color: #444444;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
    padding-left: 25px;
    position: relative;
}
.megaplashka-wrapper .check-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #1c69d3;
    font-size: 20px; 
    font-weight: bold;
    line-height: 1;
}
.megaplashka-wrapper .check-icon::before {
    content: "\2714";
}

.megaplashka-wrapper p strong {
    color: #282828;
}
.megaplashka-2-colonki {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.megaplashka-column {
    flex: 1;
    min-width: 300px;
}
.megaplashka-column img {
    max-width: 100%;
    height: auto;
    display: block;
}
.desktop-indent35 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
    .section-row {
        flex-direction: column;
        align-items: center;
    }
    .section-2-colonki {
        width: 100%;
        max-width: 600px;
    }
    .section-2-colonki img {
        max-width: 100%;
        height: auto;
        float: none;
        display: block;
        margin: 0 auto 20px auto;
    }
}
.big-number {font-size:32px; color:#007bff; font-weight:600;}
/*Projec-specials end*/

/*Podbor 3 black begin*/
.podbor-dlia-vas-wrapper3{
	display: flex; 
	flex-direction: row; 
	padding-top: 20px; 
	padding-bottom: 15px; 
	background: transparent; 
	justify-content: center; 
	flex-wrap: wrap; 
	border: 2px dashed #f2f2f2; 
	margin-bottom:50px;
	margin-top: -55px;
    background: trasnparent;
}
.podbor-field-in-cart {width: 200px; padding:25px !important; margin-left: 15px !important; margin-right: 15px !important;}
.form-wrapper-card3{margin-top: 25px;}
.podbor-dlia-vas-text3{}
.podbor-heading3{text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #fff;}
.podbor-text3{text-align: center; padding: 10px;  font-size: 16px; color: #fff;}
.podbor-field-in-cart3{ width: 200px; padding: 25px !important; margin-left: 15px !important; margin-right: 15px !important;}
@media screen and (min-width: 1280px){ }
@media screen and (min-width: 961px) and (max-width: 1279px) {.podbor-dlia-vas-text3{width:100%;} .podbor-field-in-cart {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
@media screen and (min-width: 640px) and (max-width: 960px) {.podbor-field-in-cart3 {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
@media screen and (min-width: 320px) and (max-width: 639px) {.podbor-field-in-cart3 {margin-top:15px!important; margin-bottom:15px!important;} .podbor-button-in-cart2{margin-top:15px!important;} }
.podbor-button-in-cart3{
  background-color:transparent!important;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
  border: 2px solid #f2f2f2;
  padding-top: 10px;
  padding-bottom: 11px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius:5px;
  color: #f2f2f2;
  font-weight: 600;
  width:180px!important;
}
.podbor-button-in-cart2:hover {background-color: #000!important;}
/*Podbor 2 v-shapke FOS End*/

.content-plashka {
    background: rgba(250, 250, 250, 0.85);
    padding: 20px 40px;
    margin: 30px auto;
    
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
}


.main-text {
    background: rgba(250, 250, 250, 0.85);
    padding: 20px 40px;
    margin: 30px auto;
    max-width: 800px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.zaslugi-section {
    padding: 60px 20px;
    margin: 40px 0;
    color: #ffffff;
    text-align: center;
}
.zaslugi-title {
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.zaslugi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 40px auto;
}
.zaslugi-item {
    background: rgba(245, 245, 245, 0.95);
    border-radius: 12px;
    padding: 30px 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    min-height: 180px;
}
.zaslugi-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
.zaslugi-number {
    font-size: 48px;
    font-weight: bold;
    color: #1c69d3;
    margin-bottom: 10px;
    line-height: 1;
}
.zaslugi-text {
    font-size: 18px;
    color: #282828;
    line-height: 1.4;
    text-transform: uppercase;
}
.zaslugi-item i.fa {
    font-size: 50px;
    color: #1c69d3;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .zaslugi-section {
        padding: 40px 15px;
    }
    .zaslugi-title {
        font-size: 28px;
    }
    .zaslugi-grid {
        grid-template-columns: 1fr;
    }
    .zaslugi-number {
        font-size: 40px;
    }
    .zaslugi-text {
        font-size: 16px;
    }
}
.utp-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px 15px;
    margin: 30px auto;
    max-width: 1220px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.utp-element.heading-new-style {
    flex-basis: calc(25% - 15px);
    min-width: 200px;
    max-width: 260px;
    background: rgba(220, 220, 220, 0.9);
    border-radius: 12px;
    padding: 25px 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.utp-element.heading-new-style:hover {
    background: #1c69d3;
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.heading-new-style-value {
    font-size: 32px;
    font-weight: bold;
    color: #1c69d3;
    margin-bottom: 5px;
    line-height: 1.2;
    transition: color 0.3s ease-in-out;
}
.utp-element.heading-new-style:hover .heading-new-style-value {
    color: #ffffff;
}
.heading-new-style-text {
    font-size: 16px;
    color: #444444;
    line-height: 1.4;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
}
.utp-element.heading-new-style:hover .heading-new-style-text {
    color: #ffffff;
}
@media screen and (max-width: 768px) {
    .utp-wrapper {
        flex-direction: row;
        padding: 20px 10px;
        margin: 20px auto;
        gap: 15px;
    }
    .utp-element.heading-new-style {
        flex-basis: calc(50% - 7.5px);
        min-width: unset;
        max-width: 100%;
        padding: 20px 10px;
    }
    .heading-new-style-value {
        font-size: 28px;
    }
    .heading-new-style-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .utp-wrapper {
        flex-direction: column;
        gap: 10px;
    }
    .utp-element.heading-new-style {
        flex-basis: 100%;
    }
}