@charset "UTF-8";
@font-face {
  font-family: "Europe";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/europe-normal/europe-normal.eot");
  src: url("../fonts/europe-normal/europe-normal.eot?#iefix") format("embedded-opentype"),
       url("../fonts/europe-normal/europe-normal.woff2") format("woff2"),
       url("../fonts/europe-normal/europe-normal.woff") format("woff"),
       url("../fonts/europe-normal/europe-normal.ttf") format("truetype"),
	   url("../fonts/europe-normal/europe-normal.svg") format("svg");
}

@charset "UTF-8";
@font-face {
  font-family: "Europe";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/europe-bold-italic/europe-bold-italic.eot");
  src: url("../fonts/europe-bold-italic/europe-bold-italic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/europe-bold-italic/europe-bold-italic.woff2") format("woff2"),
       url("../fonts/europe-bold-italic/europe-bold-italic.woff") format("woff"),
       url("../fonts/europe-bold-italic/europe-bold-italic.ttf") format("truetype"),
	   url("../fonts/europe-bold-italic/europe-bold-italic.svg") format("svg");
}

@charset "UTF-8";
@font-face {
  font-family: "Europe";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/europe-italic/europe-italic.eot");
  src: url("../fonts/europe-italic/europe-italic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/europe-italic/europe-italic.woff2") format("woff2"),
       url("../fonts/europe-italic/europe-italic.woff") format("woff"),
       url("../fonts/europe-italic/europe-italic.ttf") format("truetype"),
	   url("../fonts/europe-italic/europe-italic.svg") format("svg");
}

@charset "UTF-8";
@font-face {
  font-family: "Europe";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/europe-bold/europe-bold.eot");
  src: url("../fonts/europe-bold/europe-bold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/europe-bold/europe-bold.woff2") format("woff2"),
       url("../fonts/europe-bold/europe-bold.woff") format("woff"),
       url("../fonts/europe-bold/europe-bold.ttf") format("truetype"),
	   url("../fonts/europe-bold/europe-bold.svg") format("svg");
}

@font-face {
	font-family: "EuropeCond";
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/europecond-normal/europecond.otf") format("opentype");
  }

@font-face {
  font-family: "EuropeCond";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/europecond-bold/europecond-bold.otf") format("opentype");
}

@font-face {
	font-family: "EuropeExt";
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/europeext-normal/europeext-normal.eot");
	src: url("../fonts/europeext-normal/europeext-normal.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/europeext-normal/europeext-normal.woff2") format("woff2"),
		 url("../fonts/europeext-normal/europeext-normal.woff") format("woff"),
		 url("../fonts/europeext-normal/europeext-normal.ttf") format("truetype"),
		 url("../fonts/europeext-normal/europeext-normal.svg") format("svg");
  }

@font-face {
  font-family: "EuropeExt";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/europeext-bold/europeext-bold.eot");
  src: url("../fonts/europeext-bold/europeext-bold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/europeext-bold/europeext-bold.woff2") format("woff2"),
       url("../fonts/europeext-bold/europeext-bold.woff") format("woff"),
	   url("../fonts/europeext-bold/europeext-bold.ttf") format("truetype"),
	   url("../fonts/europeext-bold/europeext-bold.svg") format("svg");
}

html,
body{
	height:100%;
}
html{
	/*font-size: 62.5%;*/
}
body{
	font: var(--mainFonts);
	color: #000;
}
body.scroll-off{
	overflow:hidden;
}

a{
	color:var(--blue);
}
a:hover,
a:focus{
	color: var(--red);
	text-decoration: none;
}
ul {
    margin-bottom: 0px;
}

.link{
	color: #337ab7;
	text-decoration: none;
}
.link:hover,
.link:focus{
	color: #23527c;
	text-decoration: underline;
}
.documentation a{
	width: 20%;
}
.documentation a img{
	width: inherit;
	margin: 20px;
}
.call_btn{
	cursor:pointer;
}
div:focus,
button:focus,
a:focus{
	outline:none;
}
.bold{
	font-weight:700;
}
:root{
	--mainFonts: "Arial Narrow", Arial, Sans-serif;
	--red: #e21117;
	--dark-blue: #0d3270;
	--blue: #0097de;
}
.flex{
	display:flex !important;
}
.flex-sb{
	display:flex !important;
	justify-content: space-between;
}
.flex-jc-c{
	display:flex !important;
	justify-content: center;
}
.flex-end{
	display:flex !important;
	justify-content: flex-end;
}
.flex-c{
	display: flex !important;
	align-items: center;
}
.flex-cc{
	display: flex !important;
	justify-content: center;
}

.flex-cc + .flex-cc {
	margin-left: 94px;
}

.flex-c-sb{
	display: flex !important;
	justify-content: start;
}
.flex-wrap{
	display:flex !important;
	flex-wrap:wrap;
}
.bold{
	font-weight:700;
}
.container.flex-c-sb:before,
.container.flex-c-sb:after,
.container.flex-sb:before,
.container.flex-sb:after{
	content: none;
}
.main-wrapper{
	position:relative;
	min-height:100%;
	overflow:auto;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-responsive.img-width {
  width: 100%;
}

.img-cover {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

/* ----- Header ----- */

.burger{
	display:none;
}
.header-fixed{
	position: fixed;
	left: 0; top: 0;
	z-index: 10;
	width: 100%;
	background-color: #fff;
	border-bottom: 10px solid #da251c;
}
.header__wrapper--first{
	padding: 36px 0;
	background: url("../img/header_f.jpg") no-repeat center top, url("../img/header_f2.jpg") repeat-x top;
	height: 407px;
}
.header__wrapper--second{
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
.header__first{
	/*font: 16px var(--mainFonts);*/
}

.headerSlogun {
	font: 16px Europe, arial, sans-serif;
	text-align: center;
}

.header__call-form li{
  display: flex;
  list-style: none;
  align-items: center;
  gap:20px;
  margin-top: 10px;
}
.header__logo ul{
  padding-left:10px;
}
.header__form-btn:hover .header__btn-icons:before{
  display:inline-block
}
.header__form-btn:hover .header__btn{
  background-color: #b5a78166
}
.header__btn-icons:before{
  background-image: url('../img/arrow.png');
  background-size: 29px 29px;
  display: none;
  width: 29px;
  height: 29px;
  content:"";
  position: absolute;
  top: -17px;
  left: 8px;
}
.header__btn-icons{
  position:relative;
  height:22px;
  width:22px;
  background-color:#FFF;
  border: 2px solid #584e2e;
  border-radius: 5px;
}
.header__form-btn  .header__btn {
  font-style: italic;
  font-weight:bold;
  padding: 10px;
  color:#000;
  width:230px;
  text-align:left;
  background-color: #ffffff8f;
  border:none;
  cursor: pointer;
}
.header__form-btn span {
  text-transform:uppercase;
}
.price__btn span {
    text-transform: uppercase;
}
.price__btn {
  font-style: italic;
  font-weight: bold;
  padding: 10px;
  color: #000;
  width: 350px;
  text-align: left;
  background-color: #ffd14f;
  border: none;
  cursor: pointer;
  border: 3px #000 solid;
  margin: 10px auto;
  text-align: center;
}

/* ---- Modal ---- */

.modal-content{
  font: 1em EuropeCond, Arial, sans-serif;
  background-color: #FFF;
  border-radius: 10px; 
  padding: 30px;
}

.btn-submit {
  padding:10px 18px; 
  background-color: #fedf84;
  border-radius: 5px;
    border-color: #a8a8a8;
}

.modal-footer{
  justify-content: flex-start;
  border-top: none;
}

.small-form {
  width: 50%;
}

.form-label {
    margin-bottom: none;
}

.modal-title{
  font: bold 2em EuropeCond, Arial, sans-serif;
  padding-left: 15px;
  padding-bottom:15px;
}

.modal-header {
    border-bottom: none;
    position: absolute;
    right: 5px;
    top: 5px;
    /* padding: 0; */
}

.modal-footer img {
    position: absolute;
    right: -63px;
    bottom: -43px;
    height: 200px;
}

.modal-footer {
  position: relative;
}
textarea {
  resize: none;
}
/*-------*/

.headerWarranty {
	padding-top: 30px;
}

.header__address h1 {
	font-size: 47px;
	color: #27508e;
}
.header__address{

}
.header__logo{
  width: 50%;
  position: relative;
}
.header__logo a{

}
.header__logo .warranty{
	position: absolute;
  width: 240px;
  left: 294px;
  bottom: -40px;
}
.header__telephones{
	border-radius: 5px;
	padding: 10px 25px;
	background-color: #fedf83;
}

.header__telephones a{
	display:block;
	color: #ed1c24;
	font: bold 20px EuropeExt, Arial, Sans-serif;
}

.headerMail {
	text-align: right;
	padding: 0 25px;
}

.headerMail a {
	color: #ed1c24;
	font: 22px EuropeExt, Arial, Sans-serif;
}

.header__social-networks{
	margin-left: 20px;
}
.header__social-networks a{

}
.header__social-networks a+a{
	margin-left: 5px;
}
.header__social-networks img{

}
.main-menu{
	/*margin: 0 -20px 0 -20px;*/
}
.main-menu ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-menu li{

}
.main-menu a{
	display: block;
	padding: 0 20px 12px;
	transition: .25s;
	font: bold 16px arial, sans-serif;
	color: #231f20;
}
.main-menu a:hover,
.main-menu li.active a{
	color: var(--red);
	text-decoration: none;
}

/* ----- Body ---- */
.page-left-col{
	padding: 30px 10px 30px 0;
}
.page-main-col{
	padding: 30px 10px;
}
.page-right-col{
	padding: 30px 0 30px 10px;
}
div[itemprop="articleBody"] {
  margin-bottom: 30px;
}
div[itemprop="articleBody"] table tr, div.content-category table tr {
  border-bottom: 1px solid #dbdcde;
}
div[itemprop="articleBody"] table tr:last-child, div.content-category table tr:last-child {
  border-bottom: 0 none;
}
/* div[itemprop="articleBody"] */
table td, div.content-category table td, div[itemprop="articleBody"] table th {
  padding: .5em;
  border: 1px solid black;
}
div[itemprop="articleBody"] table td img, div.content-category table td img {
  margin: 1em;
  height: 50px;
}
.product {
text-align: justify;
}
.product__content{
display:flex;
}
.product__imgs{
width: 50%;display: flex;flex-direction: column;align-items: center; gap:10px;width:220px;
}
.product__imgs img{width: 160px}
.product ul{
padding-left: 17px;
}
div[itemprop="articleBody"] p, div[itemprop="articleBody"] ul, div[itemprop="articleBody"] table, div.content-category p, div.content-category ul, div.content-category table, .about-us ul {
  line-height: 1.56em;
}
/*div[itemprop="articleBody"] */
table {
	text-align: center;
    margin: 25px 0px;
}

div[itemprop="articleBody"] ul li, div.content-category ul li, .about-us ul li {

}

div[itemprop="articleBody"] strong, div.content-category strong, .about-us strong {
  color: #58595b;
}

div[itemprop="blogPost"] time {
	font-size: .8em
}
div[itemprop="blogPost"] .hits {
	font-size: .8em
}
div[itemprop="blogPost"] .readmore a {
	font-size: 1.1em
}
.benefit {
  display: flex;
}
.table {
  margin: 0;
  width: 400px;
}
.table>td {
  padding: 0;
}
.table__price {
  margin: 0px auto;
  width: 250px;
  border: 3px #000 solid;
  margin-bottom: 10px;
}
.table__discr {
  text-align: center;
}
.page-header {
	padding: 10px 20px;
}
.pagination {
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
	padding: 11px 19px;
	font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
	padding: 2px 10px;
	font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
	padding: 0 6px;
	font-size: 9.75px;
}
.pager {
	margin: 18px 0;
	list-style: none;
	text-align: center;
	*zoom: 1;
}
.pager:before,
.pager:after {
	display: table;
	content: "";
	line-height: 0;
}
.pager:after {
	clear: both;
}
.pager li {
	display: inline;
}
.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
	float: right;
}
.pager .previous > a,
.pager .previous > span {
	float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #999;
	background-color: #fff;
	cursor: default;
}
.main-carusel .carousel-inner {
  padding-bottom: 25px;
}

.main-carusel .carousel-item {
  height: 700px;
}

.main-carusel .carousel-indicators {
  position: relative;
  margin: 0;
  margin-bottom: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-carusel .carousel-indicators > li {
  height: 100px;
  width: 100px;
}

.main-carusel .carousel-indicators li img {
  display: block;
  opacity: 0.5;
}

.main-carusel .carousel-indicators li.active img {
  opacity: 1;
}

.main-carusel .carousel-indicators li:hover img {
  opacity: 0.75;
}

.main-carusel .carousel-selector {
  display: block;
  width: 100%;
  height: 100%;
}

.categories-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.categories-item > a{
	display: block;
    width: 100%;
}
.categories-item-img {
  position: relative;
  height: 270px;
  overflow: hidden;
}

.categories-item-img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(37, 81, 142, 0.5);
}

.categories-item-img:hover .categories-item-img-overlay {
  border-bottom: 800px solid #0097de;
  border-left: 800px solid transparent;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.categories-item-img:hover .categories-item-img-corner {
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.categories-item-img:hover .categories-item-img-content span {
  opacity: 1;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s;
}

.categories-item-title {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

.categories-item-desc {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.categories-item-img-overlay {
  border-bottom: 100px solid #0097de;
  border-left: 100px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .90;
  position: absolute;
  z-index: 1;
  right: 0;
  text-indent: -9999px;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 0;
}

.categories-item-img-corner {
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 15px;
  font-size: 25px;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.categories-item-img-content {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 30px;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.categories-item-img-content h2 {
  opacity: 1;
  border-bottom: 1px solid #fff;
  padding: 0 0 12px;
}

.categories-item-img-content span {
  display: block;
  opacity: 0;
  text-align: justify;
}

.advantages-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding: 5px;
}
.category-desc {
	order:100;
}

.advantages-item-img {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.advantages-item-img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(37, 81, 142, 0.5);
}

.advantages-item-img:hover .advantages-item-img-overlay {
  border-bottom: 800px solid #0097de;
  border-left: 800px solid transparent;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.advantages-item-img:hover .advantages-item-img-corner {
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.advantages-item-img:hover .advantages-item-img-content {
  opacity: 1;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s;
}

.advantages-item-img-overlay {
  border-bottom: 100px solid #0097de;
  border-left: 100px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .90;
  position: absolute;
  z-index: 1;
  right: 0;
  text-indent: -9999px;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  width: 0;
}

.advantages-item-img-corner {
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 15px;
  font-size: 25px;
  color: #fff;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.advantages-item-img-content {
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 1;
  padding: 30px;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.advantages-item-img-content h2 {
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
}

.advantages-item-name {
  margin: 15px 65px;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  opacity: 1;
}

.advantages-item-img:hover .advantages-item-name {
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.work-item {
  margin: 15px 0;
  background-color: var(--blue);
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.work-item-img {
  position: relative;
  width: 100%;
  height: 300px;
}

.work-item-img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(37, 81, 142, 0.5);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.work-item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}

.work-item-content h2 {
  margin: auto 0;
}

.work-item-content img {
  width: 24px;
  height: 24px;
  margin: auto 0;
  margin-right: 7px;
}

.work-item-content span {
  display: block;
  text-align: justify;
}

.work-item:hover .work-item-img:after {
  background-color: rgba(37, 81, 142, 0.2);
}

.work-item:hover {
  background-color: #00a8f8;
}

.blog-catalog .item-image {
	width: 220px;
    height: 220px;
    padding: 10px 23px;
    border: 7px solid #FBDF64;
    order: 1;
}

.blog-catalog .item {
	display: flex;
	flex-direction: column;
}

.blog-catalog .page-header {
	order: 2;
}

.blog-catalog {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
    justify-content: space-between;
gap:20px;
}

.blog-catalog .items-row {
	flex-basis: 220px;
	/*margin: 20px;*/
}

.item-image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

/*.pull-left {
	width: 350px;
	float: left;
	padding: 0 15px 15px 0;
}*/

.item-page-catalog .pull-left {
	width: 350px;
	float: left;
	padding: 0 15px 15px 0;
}

.pull-right {
	width: 450px;
	float: right;
	padding: 0 0 15px 15px;
}

.card {
  margin-bottom: 7px;
  border-radius: 0;
  border: 1px solid var(--blue);
}

.card-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  border: none 0;
  background-color: var(--blue);
  color: #fff;
}

.card-header h2 {
  margin: auto 0;
}

.card-header img {
  width: 24px;
  height: 24px;
  margin: auto 0;
  margin-right: 7px;
}

.card-header:hover {
  cursor: pointer;
  background-color: #00a1ed;
}

.card-header:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 24px;
  height: 24px;
  width: 24px;
  display: inline-block;
  border: 4px solid #fff;
  border-right-width: 0;
  border-top-width: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.card-header[aria-expanded="true"]:after {
  top: 18px;
  border: 4px solid #fff;
  border-left-width: 0;
  border-bottom-width: 0;
}

/*--------------------- Categories List Style -------------------------*/

.categories-list {
	display: flex;
}

.categories-list div {
	display: flex;
	flex-direction: column;
	margin: 10px 10px;
}

.categories-list .item-title {
	order: 2;
	margin-top: 10px;
	text-align: center;
}

.categories-list img {
	background: linear-gradient(to top right, #f9cc37, #fff398);
	width: 220px;
	height: 220px;
	padding: 10px;
}

.categories-list a {
	color: #231f20;
	font: bold 16px arial, sans-serif;
}

.categories-list a:hover {
	color: var(--red);
}

.nav {
	display: block;
}

.nav a {
	color: #231f20;
	font: bold 18px arial, sans-serif;	
}

.nav a:hover {
	color: var(--red);
}

.category-desc {
	order:1000
}

/* ------------------------*/

/* ----- Top Slider ----- */

.top-slider-wrapper{
		/*background: url('/images/design/top_banner_back.jpg') center no-repeat;*/
}
.top-slider{
	
}
.top-slider__slide{
	position: relative;
	padding-top: 80px;
	min-height: 430px;
}
.top-slider__left{
	margin: 0 150px 0 0;
	width: 90%;
}
.top-slider__tit{
	margin: 0 0 10px;
	font: 700 5rem/5.8rem var(--ff-roboto);
	text-transform: uppercase;
	color: #fff;
}
.top-slider__description{
	margin:0;
	font-size: 2.8rem;
	color: #fff;
}
.top-slider__right{

}
.top-slider__bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.top-slider__bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	background-color: rgba(37,81,142,.5);
}
.top-slider__bg-img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.top-slider .slick-dots{
	display: flex !important;
	position: absolute;
	left:50%; bottom: 20px;
	transform:translateX(-50%);
}
.top-slider .slick-dots li+li{
	margin-left: 10px;
}
.top-slider .slick-dots button{
	color: transparent;
}

/* ----- Advantages ----- */

.m-tit{
	position: relative;
	margin: 0 0 60px;
	text-align: center;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: #231f20;
}
.m-tit:before{
	content: '';
	position: absolute;
	left: 50%; bottom: -20px;
	transform: translateX(-50%);
	width: 35px; height: 2px;
	background-color: #231f20;
}
.b-tit{
	position: relative;
	margin: 0 0 20px;
	text-align: left;
	font-size: 2rem;
	color: #231f20;
    line-height: 1rem;
}

.blog-catalog a {
	color: #231f20;
	font: bold 16px arial, sans-serif;
}

.blog-catalog a:hover {
	color: var(--red);
}

.b-tit:before{
	content: '';
	position: absolute;
	bottom: -10px;
	width: 35px;
	height: 2px;
	background-color: #231f20;
}
.m-padding{
	padding: 70px 0;
}
.m-padding.container{
	padding: 70px 15px;
}
.advantages{

}
.advantages__cont{

}
.advantages__item{
	text-align: center;
}
.advantages__preview{
	width: 330px;
	height: 248px;	
	margin: 0 auto 18px;
}
.advantages__preview img{
	transition: .25s;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.advantages__item:hover .advantages__preview img{
	transform: translateY(-5px);
}
.advantages__name{
	display: block;
	margin: auto;
	width: auto;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: var(--blue);
}

/* ----- Our-Products ----- */

.our-products{
	position: relative;
	background: url('/images/design/our_products_bg2.jpg') center/cover no-repeat;
	background-attachment: fixed;
}
.our-products .m-tit{
	color: #fff;
}
.our-products .m-tit:before{
	background-color: #fff;
}
.our-products:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	background-color: rgba(37,81,142,.5);
}
.our-products__cont{

}
.our-products__item{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	margin: 0 15px;
	color:#fff;
}
.our-products__preview,
.our-products__name{
	transition: .25s;
}
.our-products__preview{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
	width: 150px;
	background-color: #fff;
	border-radius: 75px;
	margin-bottom: 15px;
}
.our-products__preview img{
	height: 75px;
}
.our-products__item:hover .our-products__preview{
	transform: translateY(-5px);
}
.our-products__name{
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}
.our-products__item a{
	color: #fff;
}
.our-products__item a:hover{
	color: var(--blue);
}
.our-products__desc a{
	margin: 0;
	font-size: 1.6rem;
	text-align: center;
}

/* ----- Media Style ----- */

.work-stages{

}
.work-stages__block{

}
.work-stages__item{
	display: flex;
	margin-bottom: 44px;
	width: 50%;
}
.work-stages__item:nth-child(3),
.work-stages__item:nth-child(4){
	margin-bottom: 0;
}
.work-stages__left{
	margin-right: 20px;
}
.work-stages__preview{
	position: relative;
	width: 180px;
	height: 180px;
}
.work-stages__preview img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	padding: 8px;
	border: 1px solid #999;
	border-radius: 50%;
}
.work-stages__right{
	padding-right: 15px;
}
.work-stages__tit{
	margin: 0 0 7px;
	font: 700 2.2rem var(--ff-roboto);
	color: var(--dark-blue);
}
.work-stages__desc{
	margin: 0;
}
.work-stages__desc + .work-stages__desc{
	margin-top: 6px;
}

/* ----- Form ----- */

.form1{
	background: url('/images/design/form1.jpg') center/cover no-repeat;
	background-attachment: fixed;
}
.form2{
	background: url('/images/design/form2.jpg') center/cover no-repeat;
	background-attachment: fixed;
}
.form{
	position:relative;
}
.form:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	background-color: rgba(37,81,142,.5);
}
.form.m-padding{
	padding: 60px 0;
}
.form__cont{
	position: relative;
	z-index: 1;
}
.form__left{
	width: 35%;
}
.form__left h2,
.form__right h3{
	margin: 0;
}
.form__left h2{
	font-size: 30px; line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
}
.form__left h3{
	color: #fff;
}
.form__right{
	width: 60%;
}
.form__right h3{
	margin-bottom: 15px;
	font-size: 18px;
	color:#fff;
}
.fb-form{

}
.fb-form__block + .fb-form__block{
	margin-top: 10px;
}
.fb-form__input,
.fb-form__input--submit{
	text-transform: uppercase;
	font-size: 1.4rem;
}
.form1 .fb-form__input{
	padding: 15px 15px;
	border: none;
	width: 48%;
	margin-bottom:10px;
}
.form2 .fb-form__input{
	padding: 15px 15px;
	border: none;
	width: 100%;
	margin-bottom:10px;
}
.form1 .fb-form__input + .fb-form__input{
	margin-left:10px;
}
.fb-form__input--submit{
	background-color: var(--blue);
	color: #fff;
	font-size:1.6rem;
	transition: .25s;
}
.fb-form__input--submit:hover{
	background-color: var(--red);
	color: #fff;
}
.fb-form__checkbox{
	margin: 0 10px 0 0 !important;
}
.fb-form__label{
	margin: 0;
	color:#fff;
}

.fb-form__block .btn-tertiary{
	width: 100%;
	color: #fff;
	display: block;
	border: 2px solid #fff;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1.1em
}
.fb-form__block .btn-tertiary:hover,
.example-2 .btn-tertiary:focus{
	color: var(--red);
	border-color: var(--red);
}
.fb-form__block .input-file{
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.fb-form__block .input-file + .js-labelFile{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px;
	cursor: pointer;
}

/* ----- About-Us ----- */

.about-us{
	
}
.about-us__cont{

}
.about-us__right{
	margin-left: 10px;
	width:50%;
	display: flex;
  flex-wrap: wrap;
}
.about-us__left img{
	max-width:100%;
}
.about-us__left{
	margin-right: 10px;
	padding: 25px 35px;
	width:50%;
	border: 1px solid var(--blue);
	text-align: justify;
}
.about-us__right p+p{
	margin: 20px 0 0;
}

/*-------------------- About Co Trust & Benefits ---------------------*/
.aboutCo_wrapper{
	display: flex;
    	flex-wrap: nowrap;
}

.aboutCo_trust {
	/*display: flex;*/
	justify-content: space-between;
	flex-wrap: nowrap;
	background: url("../img/trustLineFon.jpg") 0% 230px repeat-x;
}

.aboutCo_trust div {
	margin: 15px 15px 0;
	text-align: center;
	background: #fff;
}

.aboutCo_trust > div > img {
	height: 200px;
}

.aboutCo_trust div p {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

.aboutCo_benefits {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-top: 30px;
	width: 100%;
}

.aboutCo_benefits h3::first-letter { 
    padding: 1px 1px 20px 10px; 
    margin: -8px 5px 0 0; 
    color: #fff; 
    float: left;
	font: bold 1.5em EuropeCond, Arial, Sans-Serif;
}

.aboutCo_benefits h3 {
	line-height: 0.33em;
}

.aboutCo_benefits > div {
	min-width: 350px;
	margin: 0 10px;
}

.aboutCo_benefits .causes h3::first-letter, .causes .itemBG {
	background-color: #a8a8a8;
}

.aboutCo_benefits .benefits h3::first-letter, .benefits .itemBG {
	background-color: #da251a;
}

.aboutCo_benefits .values h3::first-letter, .values .itemBG {
	background-color: #002393;
}

.aboutCo_benefits .causes {
	color: #a8a8a8;
}

.aboutCo_benefits .benefits {
	color: #da251a;
}

.aboutCo_benefits .values {
	color: #002393;
}

.secondWord {
	text-transform: uppercase;
	font: bold 0.8em EuropeCond, Arial, Sans-Serif;
}

.bSubtitle {
	font: italic bold 0.55em Arial, Sans-serif;
}

.benefitsNameCo {
	font: italic bold 0.6em Europe, Arial, Sans-serif;
}

.colorBlack {
	color: #000;
}

.aboutCo_benefits .desc {
	width: 100%;
	margin: 30px 0 0 0;
}

.aboutCo_benefits .rowItem, .aboutCo_benefits .footerItem {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 10px 0;
}

.aboutCo_benefits .footerItem {
	min-height: 115px;
}

.aboutCo_benefits .itemNumber {
	/*min-width: 10%;*/
	font: bold 2em EuropeCond, Arial, Sans-serif;
	text-align: center;
	padding: 0 5px;
}

.aboutCo_benefits .itemImg {
	text-align: right;
}

.aboutCo_benefits .footerItem .itemImg {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 15px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}

.aboutCo_benefits .itemDesc {
	width: 100%;
	padding: 0 5px;
	color: #000;
}

.aboutCo_benefits .footerItem .itemDesc {
	padding-bottom: 5px;
	margin-left: 5px;
	border-bottom: 3px solid #000;
}

.aboutCo_benefits .itemDesc h4 {
	text-transform: uppercase;
	font: 1.2em var(--mainFonts);
	margin: 0;
}

.aboutCo_benefits .benefits .itemDesc h4 {
	color: #da251a;
}

.aboutCo_benefits .footerItem .itemDesc h4 {
	color: #000;
}

.aboutCo_benefits .footerItem a {
	color: #000;
}

.aboutCo_benefits .footerItem a:hover {
	color: red;
}

.aboutCo_benefits .itemDesc p {
	font: 1.1em var(--mainFonts);
	margin: 0;
}

.aboutCo_benefits .footerItem .itemDesc {
	text-align: right;
}

.footerItem .itemBG {
	min-width: 25px;
	margin-right: 5px;
}

.aboutCo_benefits .values .rowItem .itemDesc  {
	color: #002393;
}

.aboutCo_benefits .causes .footerItem {
	margin-top: 25px;
}

.aboutCo_benefits .values .footerItem {
	margin-top: 20px;
}

#callback {
	background-color: white;
	border-radius: 10px;
}

#callback h3 {
	font: bold 2em EuropeCond, Arial, sans-serif;
	margin-bottom: 10px;
}

#callback label {
	font: 1em Europe, Arial, sans-serif;
	margin-bottom: 10px;
}

.callbackSubmit {
	font: 1em Europe, Arial, sans-serif;
	margin: 20px auto;
	background-color: #fedf83;
	padding: 10px 18px;
	border-radius: 5px;
	border-color: #a8a8a8;
}

/* ----- Gallery ----- */

.gallery{

}
.gallery-slider{

}
.gallery-slide{

}
.gallery-slide__preview{

}
.gallery-slide__preview img{
	margin: auto; padding: 8px;
	border: 1px solid #999;
	border-radius: 4px;
	max-width: 100%; height: 177px;
}
.custom-arrow .slick-arrow{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px; height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
}
.custom-arrow .slick-prev{
	left: -70px;
}
.custom-arrow .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}

/* ----- Our Partners ----- */

.our-partners{

}
.our-partners__slider{

}
.our-partners__slide{
	display: flex !important;
	padding: 0 20px;
}
.our-partners__slide-avatar{
	position: relative;
	margin-right: 15px;
	border: 1px solid #777;
	border-radius: 50%;
	width: 180px; min-width: 180px;
	height: 180px;
	overflow: hidden;
}
.our-partners__slide-avatar:before{
	content: '';
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	border: 6px solid #fff;
	border-radius: 50%;
}
.our-partners__slide-avatar img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.our-partners__slide-info{

}
.our-partners__slide-info p{
	margin:0;
}
p.our-partners__slide-name{
	margin-bottom:20px;
	font-size: 2rem;
}
.our-partners__slide-txt{

}

/* ----- Footer ----- */
footer{
	position: absolute;
	left: 0; bottom: 0;
	padding: 45px 0;
	width: 100%;
	/*background: linear-gradient(to top, #f9cc37, #fff398);
	font: bold 1.6rem/1.4 arial, sans-serif;*/
	color: #231f20;
}
footer a{
	color: #231f20;
	transition:.25s;
}
footer a:hover{
	color:var(--red);
	background-color: transparent !important;
}
.footer__cont{
	    padding: 30px 10px;
    padding-bottom: 0px;
	border-bottom: 10px solid #da251c;
}
.footer-menu{
	margin: 0 -10px;
}
.footer-menu li{

}
.footer-menu a{
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	transition:.25s;
}
.footer__first{
	width: 1170px;
	margin: 0 auto;
	margin-bottom: 35px;
}
.footer__first ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer__address{

}
.footer__phones{

}
.footer__tit{
	margin: 0 0 10px;
}
.footer__address p{
	margin: 0;
}
.footer__address p,
.footer__phones a{
	/*font-size:16px;*/
}
.footer__phones a{
	/*display: block;*/
}
.footer__phones a+a{
	/*margin-top: 2px;*/
}
.footer__second{
	/*display: flex;
    justify-content: space-between;*/
	position: relative;
}

.footerLogo {
	position: absolute;
	bottom: -60px;
	right: 0;
}

.footerLogo img {
	width: 200px;
}

.footerSoc {
	position: absolute;
	bottom: -30px;
	right: 220px;
}

.footer__copyright-link{
	color: var(--blue);
}

.footer__copyright-link:hover{
	color: var(--red);
	text-decoration: underline;
}

.footerWrapAddress {
	margin-right: 430px;
	font: bold 0.85em 'Arial Black', Arial, sans-serif;
}

.footerWrapAddress > div {
	margin: 10px 0;
}

.footerEMail {
	color: #002393;
}

/* ----- Media Style ----- */

@media screen and (max-width: 1320px){
	.custom-arrow{
		padding-bottom: 108px;
	}
	.custom-arrow .slick-arrow{
		left: calc(50% + 43px); top: unset; bottom: 0;
		transform: translateX(-50%);
	}
	.custom-arrow .slick-prev{
		left: calc(50% - 43px);
	}
}
@media screen and (max-width: 1240px){

}
@media screen and (max-width: 1199px){

	/* ----- Advantages ----- */

	.advantages__item{
		width: 31%;
	}
	.advantages__preview img{
		max-width:100%;
	}

	/* ----- Form ----- */

	.form__cont{
		flex-direction: column;
		align-items: center;
	}
	.form__left{
		margin: 0 0 25px;
		width: 550px; max-width: 100%;
		text-align: center;
	}

	/* ----- Gallery ----- */

	.gallery-slide {
		margin: 0 8px;
	}
}
@media screen and (max-width:1050px){
	
}
@media screen and (max-width:991px){

	/* ----- Header ----- */

	.header__first{
		flex-direction: column;
		text-align: left;
	}
  .header__call-form li:before{
    background-size: 30px;
    width: 30px; 
    height: 30px;
}

	.header__logo{
		display: flex;
    height: 270px;
    padding-bottom: 20px;
    flex-direction: column;
    justify-content: space-between;
	}
	.main-menu{
		/*margin: 0;*/
	}
	.main-menu a{
		/*padding: 20px 0;*/
	}
	.top-slider-wrapper{
		/*padding: 35px 0 105px;*/
		background-size:cover;
	}
	.top-slider__slide{
		/*flex-direction: column-reverse;*/
		/*height: auto;*/
	}
	.top-slider__left{
		margin: 20px 0 0;
		text-align: center;
		width: 100%;
	}
	.top-slider .slick-dots{
		/*bottom: -64px;*/
	}

	.header__wrapper--first {
		padding: 10px 0;
	}

	.headerWarranty {
		padding: 0;
	}

	.headerWarranty img {
		height: 150px;
	}

	.header__feedback {
		display: flex;
		flex-direction: column;
    align-items: flex-start;
		justify-content: center;
	}
  .header__call-form li {
    height: 30px;
}

.header__form-btn  .header__btn {
  padding: 5px;
}

.header__call-form li {
    margin-top: 5px;
}

.header__telephones a {
    display: block;
    color: #ed1c24;
    font: bold 16px EuropeExt, Arial, Sans-serif;
}
	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: normal;
	}

	/* ----- Work Stages ----- */

	.work-stages__block{
		justify-content: space-between;
	}
	.work-stages__item{
		flex-direction: column;
		text-align: center;
		width: 100%;
	}
	.work-stages__left{
		margin: 0 0 15px;
		display: flex;
		justify-content: center;
	}
	.work-stages__right{
		padding-right: 0;
		display: flex;
		flex-direction: column;
		align-content: center;
	}

	/* ----- About Us ----- */

	.about-us__cont{
		flex-direction: column;
		align-items: center;
	}
	.about-us__left, .about-us__right{
		width: 100%;
		margin: 5px;
	}

	/* ----- Gallery ----- */

	.gallery-slide__preview img{
		height:auto; max-height: 177px;
	}

	/* ----- Footer ----- */

	.footer__second{
		/*flex-direction: column;*/
		text-align: center;
		
	}
	.footer__address,
	.footer__phones,
	.footer__copyright{
		margin-top: 20px;
	}

	.footerWrapAddress {
		margin-right: 200px;
		padding-bottom: 35px;
	}

	.footerSoc {
		right: 200px;
		bottom: -20px;
	}

	.footer__cont {
		padding-top: 0;
		min-width: 412px;
	}

	/*------------ aboutCo_trust --------------*/

	.aboutCo_wrapper {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: none;
	}

	.aboutCo_benefits > div {
		margin-bottom: 20px;
	}
}
@media screen and (max-width:830px){

}
@media screen and (max-width:767px){
.header__logo img{max-width:100%;}
div[itemprop="articleBody"] table{
font-size:small;
}
div[itemprop="articleBody"] table td, div[itemprop="articleBody"] table th{padding:0;}
	.page-left-col{
		padding: 10px;
	}
	.page-right-col{
		padding: 10px;
	}
	.m-tit{
		font-size: 1.8rem;
	}
	.product__content{display:block}
.product__imgs{width:100%; flex-direction: row; justify-content:space-between;}
.product__imgs img{width: 45% !important; padding:5px;}

	/* ----- Header ----- */

	.header__wrapper--second{
		position: fixed;
		left: 10px; top: 50px;
		z-index: 6;
		padding: 15px;
		border:unset;
		width:100%;
	}
.header-fixed{
background-color: inherit;
}
  .header__logo {
    width: 100%;
  }
	.burger,
	.header__second,
	.black-wrapper{
		transition: .35s;
	}
	.header__second{
		height: 0;
		opacity: 0;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 0 2px 1px transparent;
	}
	.header__second.active{
		opacity: 1;
		height: 248px;
		box-shadow: 0 0 2px 1px #ccc;
	}
  .header__logo .warranty {

    left: auto;
    right: 0px;
    bottom: -81px;
    width: 30%;
}
	.main-menu{
		flex-direction:column;
		padding: 10px 0;
	}
	.main-menu a{
		padding: 10px 0;
	}
.main-menu ul {
	flex-direction: column;
}
.burger{
		display:block;
		position: relative;
		padding: 20px 0 20px 0;
		border: unset;
		width: 40px; height: 40px;
		background-color: #fedf83;
		cursor:pointer;
		box-shadow: 0 0 2px 1px transparent;
	}
	.burger.active{
		box-shadow: 0 0 2px 1px #ccc;
	}
	.burger__line{
		position: absolute;
		left:50%; top:50%;
		transform:translate(-50%,-50%);
		width: 25px; height:3px;
		background-color:#333;
	}
	.burger__line:nth-child(1){
		top: calc(50% - 10px);
	}
	.burger__line:nth-child(3){
		top: calc(50% + 10px);
	}
	.black-wrapper{
		position: fixed;
		left:0; top:0;
		z-index: 5;
		width:0; height:100%;
		opacity: 0;
		background-color: rgba(0,0,0,.85);
	}
	.black-wrapper.active{
		width:100%;
		opacity: 1;
	}
	
	.advantages-item, .advantages-item-img {
		width: 100%;
	}

	/* ----- Top Slider ----- */

	.top-slider__tit {
		margin: 0 0 10px;
		font: 700 4rem/4.5rem var(--ff-roboto);
		text-transform: uppercase;
	}

	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: center;
		flex-direction: column;
	}
	.advantages__item{
		width:100%; max-width:100%;
	}
	.advantages__item + .advantages__item{
		margin-top: 36px;
	}

	/* ----- Our-Products ----- */

	.our-products__cont{
		flex-direction: column;
	}
	.our-products__item{
		margin:0;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.our-products__item + .our-products__item{
		margin-top: 35px;
	}

	/* ----- Work Stages ----- */

	.work-stages__block{
		flex-direction: column;
		align-items: center;
	}
	.work-stages__item{
		margin: 0;
	}
	.work-stages__item + .work-stages__item{
		margin-top:44px;
	}

	/* ----- Form ----- */

	.fb-form__input{
		width:100%;
	}
	.fb-form__input + .fb-form__input {
		margin: 10px 0 0;
	}
	.form__right {
		width: 450px;
		max-width: 100%;
	}

	/* ----- Footer ----- */

	.our-partners__slide{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.our-partners__slide-avatar{
		margin: 0 0 15px;
	}
	.our-partners__slide-info{
		width:450px; max-width:100%;
	}

	/* ----- Footer ----- */

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

}
@media screen and (max-width:550px){
	
}
@media screen and (max-width:450px){

}
@media screen and (max-width:400px){

}
.nav-child{
	display: none !important;
}
.table td{
  vertical-align: top;
  padding: .35rem;
}
.table ul {padding: 15px;}
.fixed-left, .fixed-right {
    position: fixed;
    width: 20%;
    padding: 20px;
    box-sizing: border-box;
    top: 50%;
}
il::marker {
  color: red;
}

.container__cards {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px;
        flex-direction: column;
      }

      .cards {
        margin: 18px;
        padding: 20px;
        background-color: #fdd250;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        align-items: center;
      }

      .cards img {
        max-width: 100%;
        margin: 0 auto;
      }

      .cards h2 {
        margin: 0 auto;
        padding: 10px 0;
      }

.container__cards {
  display: flex;
}

.fixed-left {
 left: 10px;
}
.fixed-right {
  right: 10px;
}

.cards-row {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}


      /* Добавлено */
      .cards-row {
        margin: 0 -10px;
      }
      @media (max-width: 1700px) {
        .fixed-left, .fixed-right {
          display: none;
        }
      }
      @media (max-width: 992px) {
        .cards-row .cards {
          flex-basis: calc(50% - 20px);
        }
      }

      @media (max-width: 768px) {
        .cards-row .cards {
          flex-basis: 100%;
        }
      }

      /* Добавлено */
      .cards-row--two-cols {
        justify-content: space-between;
      }
.cards-row--two-cols .cards img {
  width: 45%;
  margin: 0 auto;
}


      @media (max-width: 768px) {
        .cards-row--two-cols .cards {
          flex-basis: 100%;
        }
      }

      /* Добавлено */
      .cards-row--three-cols {
        justify-content: center;
      }

.cards-row--three-cols .cards img {
  width: 32%;
  margin: 0 auto;
}

      .cards-row--three-cols .cards {
        flex-basis: calc(100% - 20px);
      }

      @media (min-width: 768px) {
        .cards-row--three-cols .cards {
          /* flex-basis: calc(33.333% - 20px); */
          flex-direction: row;
          justify-content: center;
        }
      }