.footerseolinks {display: none;}
.aico::before,
.aico::after{ background: no-repeat center center; left: 0; top: 0; opacity: 0; transition: 0.1s; width: 100%; height: 100%}
.aico::after{opacity: 1}
.aico:hover::after{opacity: 0}
.aico:hover::before{opacity: 1}

.yellowBtn,
.redBtn{ display: inline-block; min-width: 280px; white-space: nowrap;
background: #da1224;
background: -moz-linear-gradient(top,  #da1224 0%, #d5010f 100%);
background: -webkit-linear-gradient(top,  #da1224 0%,#d5010f 100%);
background: linear-gradient(to bottom,  #da1224 0%,#d5010f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1224', endColorstr='#d5010f',GradientType=0 );
border: 3px solid #fff; border-radius: 8px; color: #fff; height: 60px; line-height: 60px; font-weight: bold; padding: 0 20px; font-size: 23px;
-webkit-box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 9px 21px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 9px 21px 0px rgba(0, 0, 0, 0.3);
}

a.yellowBtn,
a.redBtn{height: 60px; line-height: 60px; max-width:none !important; width: auto !important; padding: 0 25px; transform:none !important}
.redBtn:hover{
background: #da1224;
background: -moz-linear-gradient(top,  #da1224 0%, #ff1230 100%);
background: -webkit-linear-gradient(top,  #da1224 0%,#ff1230 100%);
background: linear-gradient(to bottom,  #da1224 0%,#ff1230 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1224', endColorstr='#ff1230',GradientType=0 );
}


.yellowBtn{
	color: #000;
background: #febf2d;
background: -moz-linear-gradient(top,  #febf2d 0%, #fe8810 100%);
background: -webkit-linear-gradient(top,  #febf2d 0%,#fe8810 100%);
background: linear-gradient(to bottom,  #febf2d 0%,#fe8810 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf2d', endColorstr='#fe8810',GradientType=0 );
}
.yellowBtn:hover{
background: #ff9115;
background: -moz-linear-gradient(top,  #ff9115 0%, #fe8810 100%);
background: -webkit-linear-gradient(top,  #ff9115 0%,#fe8810 100%);
background: linear-gradient(to bottom,  #ff9115 0%,#fe8810 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9115', endColorstr='#fe8810',GradientType=0 );
}

.greenBtn{ width: 210px; height: 50px; font-weight: bold; font-size: 20px; background: #6ed500; border: none; border-radius: 10px;}
.greenBtn:hover{ background-color: #ffcd36;  }



.mapx{
    width: 100%;
    height: 720px;
}



footer .sociaz{ height:70px; background:#e6e6e6; text-align:center; font-size:0; z-index: 99; position: relative;}
footer .sociaz a{ display:inline-block; vertical-align:top; width:40px; height:40px; background:url(../img/sprite.png) 0 0 no-repeat; 
text-indent:-99999px; margin:17px 7px 0; transition:none}
footer .sociaz a.sc1{ background-position:-366px -42px}
footer .sociaz a.sc1:hover{ background-position:-367px -90px;}
footer .sociaz a.sc2{ background-position:-419px -42px}
footer .sociaz a.sc2:hover{ background-position:-420px -90px;}
footer .sociaz a.sc3{ background-position:-473px -42px}
footer .sociaz a.sc3:hover{ background-position:-474px -90px;}
footer .sociaz a.sc4{ background-position:-526px -42px}
footer .sociaz a.sc4:hover{ background-position:-527px -90px;}
footer .sociaz a.sc5{ background-position:-579px -42px}
footer .sociaz a.sc5:hover{ background-position:-580px -90px;}


.bottom-line{ height:70px; width:100%;background:#000;color:#fff}
footer .bottom-line .copyright{float:left; margin:25px 0 0 50px; color:#fff }
footer .bottom-line .compas{ float:right;margin:20px 50px 0 0}
footer .bottom-line .compas a{ display:inline-block; vertical-align:middle; color:#fff; font-size:17px;}
footer .bottom-line .compas a.tt{margin-right:10px;}

footer .menu{ background: #ffcf3f; padding: 23px 0 }
footer .menu nav{ width: 100%}
footer .menu nav ul{ display: flex; justify-content: space-between; white-space: nowrap}
footer .menu nav a{ font-size: 22px; font-weight: bold; display: inline-block; padding: 0 10px;}
footer .menu nav a:hover,
footer .menu nav .active a{text-decoration: underline}


.main{padding-top: 115px}

header{ width: 100%; position: fixed; top: 0;left: 0; background: #fff; z-index: 777}
header .hdr{ padding: 22px 0 12px; border-bottom: 1px solid #a5a3a3; justify-content: space-between; align-items: center}
header .logo{}
header .logo a{}
header .logo img{}
header .info{ width: 100%; padding-left: 60px; }
header .info .top{ display: flex; justify-content: space-between; padding-bottom: 12px; align-items:flex-start}
header .top p{ font-weight: bold; color: #bb1928; font-size: 17px; white-space: nowrap}
header .top p .toplogo{display: none}
header .top a{ font-size: 21px;  display: inline-block; white-space: nowrap}
header .top a:hover{font-weight: bold;}
header .top a.phone{ padding-left: 26px; background:url("../img/phone.png") left center no-repeat}
header .top a.mail{padding-left: 33px; background:url("../img/mail.png") left center no-repeat}
header .top .sociaz{ white-space: nowrap}
header .top .sociaz a{ font-weight: normal; font-size: 18px; display: inline-block; margin: 0 5px}
header .menu{}
header .menu nav{ width: 100%}
header .menu ul{ display: flex; justify-content: space-between}
header .menu a{ font-weight: bold; font-size: 20px; white-space: nowrap}
header .menu a:hover,
header .menu .active a{ color: #da1224; text-decoration: underline}


h1{font-size: 36px; margin-bottom: 1em}

.pbgx{ background: url("../img/bg/sld.png") center bottom no-repeat;  position: relative; padding:90px 0 70px;}
.pbg{width: 100%; max-width: 870px; margin: 0 auto; }
.gds{ position: absolute; top: 0; z-index: 501;width: 33% }
.gds a{text-align: center; font-weight: bold; font-size: 25px; line-height: 1; transition: 0.3s; position: relative; display: inline-block; transform: scale(0.9);}
.gds a:hover{transform: scale(1);}
.gds img{display: block;  transition: 0.3s; width: 100%}
.gds.d1{ left: 0% !important; right: auto !important}
.gds.d2{ left: 33% !important; right: auto !important }
.gds.d3{ left: 66% !important; right: auto !important }
.gds a.lider::after,
.gds a.hit::after{ width: 82px; height: 83px; background: url("../img/hit.png") no-repeat; background-size: 100% 100%; left: -15px; top: -15px; z-index: 2}
.gds a.lider::after{background-image:url("../img/lider.png");}


.pbgx .btns{ width: 100%; position: absolute; bottom: -30px; z-index: 500; text-align: center}
.pbgx .btns button{ display: inline-block}

.adventages{ background: #f4f6ee; padding: 75px 0 65px}
.adventages .innerwrapper.flex{ justify-content:space-around; align-items: stretch; max-width: 1135px}
.adventages .aOne{ width: 33%; max-width: 275px; margin: 0 1%; text-align: center; line-height: 1.1}
.adventages .aOne div{ text-align: center; margin-bottom: 30px}
.adventages .aOne img{ display: inline-block; transition: 1.5s; transform: rotate(0deg)}
.adventages .aOne:hover img{  transform: rotate(360deg)}
.adventages .aOne h3{ font-size: 25px; margin-bottom: 1em}
.adventages .aOne p{ font-size: 20px; margin: 0}


.ipart{ padding: 30px 0}
.ipart .innerwrapper.flex{ justify-content: space-between; align-items: stretch}
.ipart .leftpart,
.ipart .rightpart{width: 49%; font-size: 21px; position: relative}

.ipart .leftpart .video, .ipart .rightpart .video{ height: 100%; width: 100%}

.ipart h2{font-size: 45px; margin-bottom: 0.7em; text-align: left}
.ipart p{margin-bottom: 1.6em}


.ipart.ipart1{ background: url("../img/bg/dbg.jpg") center bottom no-repeat; background-size: cover; padding: 85px 0 110px}
.ipart.ipart1 .leftpart.flex{align-items:flex-start}
.ipart.ipart1 img{display: block; border-radius: 100%;  border: 5px solid #fdba22; width: 100%}
.ipart.ipart1 a{transform: scale(0.9); transition: 0.3s; text-align: center; width: 45%; max-width: 240px}
.ipart.ipart1 a p{ font-size: 25px; margin-top: 18px; margin-bottom: 0; transition: 0.2s}
.ipart.ipart1 a:hover{transform: scale(1)}
.ipart.ipart1 a:hover p{ font-weight: bold; }


.ipart.ipart2{ background: #ffcf3f; background-size: cover; padding: 45px 0 60px}
.ipart.ipart2 .leftpart{ padding-top: 15px;}
.ipart.ipart2 .rightpart .btn{ display: none}

.ipart.ipart3{ padding: 45px 0 60px}
.ipart.ipart3 .rightpart{ width: 40%}
.ipart.ipart3 .leftpart{background: url("../img/fr.png") center center no-repeat;  width: 60%}

.ipart.ipart4 .flex{align-items: center}
.ipart.ipart4{ background: #d6f2ca; padding: 65px 0}
.ipart.ipart4 .rightpart{text-align: center}
.ipart.ipart4 .images{text-align: center; font-size: 0; margin-bottom: 40px; display: flex; justify-content: center}
.ipart.ipart4 .images a{display: inline-block; margin: 0 2%; transform: scale(1); transition: 0.3s; width: 40%; max-width: 177px}
.ipart.ipart4 .images a:hover{transform: scale(1.05)}
.ipart.ipart4 .images img{display: block; border-radius: 15px; width: 100%}



.ipart.ipart5 .leftpart img{ display: block; width: 100%; max-width: 515px}

.ipart.ipart6 .ab1{display: block}
.ipart.ipart6 .ab2{display: none}


.catalog{ padding: 30px 0}
.catalog .title{ max-width: 795px; margin: 0 auto 25px; width: 100%; text-align: center}
.catalog .title h2{font-size: 45px; margin-bottom: 0.7em;}
.catalog .title p{ font-size: 21px; }

.catalog .wrp.flex{ justify-content: space-between; align-items: stretch; width: 100%; max-width: 1120px; margin: 0 auto}
.cOne{ text-align: center; border: 1px solid transparent; width: 31%; margin: 0 1%; max-width: 365px; padding: 20px}
.cOne .img{ position: relative}
.cOne .img img{ transform: scale(0.9); display: inline-block; transition: 0.2s; width: 100%}
.cOne .img span.discont{ display: block; width: 85px; height: 84px; background: url("../img/discont10.png") center center no-repeat; background-size: 100% 100%; text-indent: -99999px; position: absolute; left: 0; top: 0}
.cOne .price{ font-size: 25px; font-weight: bold; margin-bottom: 10px; }
.cOne .price span{ display: inline-block; padding: 5px 15px; background: #ffcd36 }
.cOne h3{ font-size: 26px;margin-bottom: 20px}
.cOne .info{ font-size: 18px; color: #7e7e7e; }
.cOne .info p{}
.cOne .info span{ color: #000}
.cOne .btn{max-height: 0; overflow: hidden; margin: 0; transition: 0.2s}
.cOne .btn button{opacity: 0; transition: 0.1s;}
.cOne:hover .btn button{opacity: 1}
.cOne:hover { border-color: #d2d2d2}
.cOne:hover .img img{ transform: scale(0.95);}

.cOne:hover .btn{margin-top: 25px; max-height: 60px}








.calc{ background: #ffcf3f; padding: 40px 0}
.calc .wrp.flex{justify-content: flex-start; align-items: center}
.calc .wrp img{ display: block; margin-right: 90px;}
.calc .form{width: 420px;}
.calc h2{font-size: 44px; text-align: center; margin-bottom: 12px;}
.calc p{ font-size: 26px; text-align: center}
.calc .input{ border-bottom: 2px solid #000; padding: 20px 0 25px; margin-bottom: 15px;}
.calc table{ width: 100%; border-collapse: collapse}
.calc td{ font-size: 23px;white-space: nowrap; padding: 5px 0}
.calc .count{ display: flex; align-items: center; padding-left: 25px}
.calc .count button{ background: none center center no-repeat; border: none; width: 20px; height: 20px; text-indent: -99999px}
.calc .count button.m{ background-image: url("../img/minus.png");}
.calc .count button.p{ background-image: url("../img/plus.png");}
.calc .count input{ width: 92px; height: 43px; background: #fff; border-radius: 5px; border: none; margin: 0 15px; font-size: 24px; text-align: center; padding: 0 5px;}

.calc .sumcount{ text-align: right; font-size: 21px; margin-bottom: 20px;}
.calc .sumcount b{ font-size: 27px}
.calc .btns{text-align: center}

.ipart.ipart5{ padding: 55px 0}

.ipart.ipart6{ background: #f4f6ee; padding: 60px 0 50px}
.ipart.ipart6 .leftpart{padding-right: 100px;}
.ipart.ipart6 .check{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 25px;}
.ipart.ipart6 .check:last-child{margin: 0}
.ipart.ipart6 .check p{margin: 0 0 0 15px}


.ipart.ipart7{ padding: 45px 0}
.ipart.ipart7 .leftpart{}
.ipart.ipart7 .video{ width: 100%; max-width: 525px; margin: 0 auto; height: 325px; }
.ipart.ipart7 .video img{display: block; width: 100%}
.ipart.ipart7 .rightpart{ padding-left: 35px;}



.cons{ padding: 45px 0 55px; background: #ffcf3f; text-align: center}
.slider3item h2,
.reviews h2,
.cons h2{ font-size: 44px; margin-bottom: 40px}
.cons p{ font-size: 21px;}
.cons .btns{ text-align: center; margin-top: 40px;}


.reviews{ padding: 35px 0 5px}
.slider3item .wrp,
.reviews .wrp{padding: 0 35px; position: relative}
.reviews h2{ margin-bottom: 10px}
.rvOne{ justify-content: space-between}
.rvOne .video{ width: 49%; position: relative; height: 340px;}
.rvOne .video img{ display: block; width: 100%}
.rvOne .text{width: 49%; font-size: 21px;}
.rvOne .text .name{ font-size: 25px; font-weight: bold}
.rvOne .text .company{ margin-bottom: 42px}
.rvOne .text p{}

.owl-next,
.owl-prev{ width: 35px; height: 100px; background: center center no-repeat; position: absolute; top: 50%; margin-top: -50px; border: none; text-indent: -99999px}
.owl-next{right: -35px; background-image: url("../img/aright.png");}
.owl-prev{left: -35px; background-image: url("../img/aleft.png");}

.owl-prev.disabled,
.owl-next.disabled{background: none; }


.sert{ background: #f4f6ee; padding: 45px 0}












.ourprods{ padding: 40px 0 55px; background: #f4f6ee; text-align: center}
.ourprods h2{ font-size: 45px; margin-bottom: 0.7em;}
.ourprods p{font-size: 20px;}
.ourprods .wrp{padding: 0 35px; position: relative; height: 445px}




.glOne{transition: 1s; padding: 14px; position: relative}
.glOne .img{ width: 100%; height: 300px;  transition: 1s; margin-top: 60px; position: relative; z-index: 1}
.glOne .img span{ display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: 1s;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.55);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.55);}





.owl-item.active{position: relative; z-index: 3}
.owl-item.active.center{z-index: 2}
.owl-item.active .glOne .img{ height: 266px; margin-top: 110px; z-index: 3}
.owl-item.active.center .glOne .img{ height: 445px; width: 510px; margin-left: -57px; margin-top: 0px; z-index: 2}
.owl-item.active.center + .owl-item.active .glOne .img{ z-index: 3}
.glwrp{position: relative; display: block; width: 100%; min-width: 1210px; max-width: 1210px; margin: 0 auto}


.breadcrumb{ padding:0; font-size:0;   width: 100% }
.catpart .breadcrumb{width: 100%}
.breadcrumb li{ display:inline-block; vertical-align:middle; margin-right:5px;font-size:18px; color:#222}
.breadcrumb li a{color:#222;}
.breadcrumb li a:hover{text-decoration:underline}
.pagination{ text-align: center; font-size: 0; margin-top: 20px}
.pagination li{ display: inline-block; margin: 0 15px;}
.pagination li a{display: block;  text-align: center; padding: 0 5px; font-size: 22px;  }
.pagination li.active a{color: #ff0000; font-weight: bold}

.part{ padding: 20px 0 65px}
.articles.flex{ flex-wrap: wrap; align-items: stretch}
.aOne{ width: 30%; margin: 0 1.5% 35px; padding: 20px; background: #f2f2f2;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.55);
box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.aOne .img{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.aOne .img img{display: block; width: 100%; transform: scale(1); transition: 0.3s}
.aOne .img a:hover img{transform: scale(1.1); }
.aOne h3{ font-size: 30px; text-align: center; margin-bottom: 0.7em}
.aOne .description{ font-size: 20px; margin-bottom: 1em; line-height: 1.2}
.aOne .more{ text-align: right}
.aOne .more span{ font-size: 20px; color: #005cda; text-decoration: underline}
.aOne .more a:hover span{ text-decoration: none}







.text{font-size: 21px;}
.text ol{
  counter-reset: myCounter;
}

.text ol li{
  list-style: none;
}

.text ol li:before {
	counter-increment: myCounter;
	content:counter(myCounter);
	background: #ffc93f;
	display: inline-block;
	text-align: center;
	margin-right: 25px;
	padding: 10px 0 5px;
	width: 30px; line-height: 1;
	position: relative; left: auto; top: auto
}


.text ol.greenNum li:before {
	background: none;
	width: auto; padding: 0;
	color: #62b01e; font-size: 35px; font-weight: bold; 
}



.ai_part{ background: url("../img/bg/sl2.png") center bottom no-repeat; padding-bottom: 20px;}
.ai_part .wrp.flex{}
.ai_part .img{ padding-right: 85px; padding-top: 100px}
.ai_part .img span{ position: relative; display: inline-block}

.ai_part .img span::after,
.ai_part .img span.hit::after{ width: 82px; height: 83px; background: url("../img/hit.png") no-repeat; background-size: 100% 100%; left: -15px; top: -15px; z-index: 2}
.ai_part .img span.lider::after{background-image:url("../img/lider.png");}

.ai_part .info{}
.ai_part .info h1{ text-align: left}
.ai_part .info ul{}
.ai_part .info ul li{ list-style: none; padding-left: 50px; position: relative; margin-bottom: 25px}
.ai_part .info ul li::after{width: 34px; height: 34px; background: url("../img/check_small.png") center center no-repeat; background-size: 100% 100%; left: 0; top: 5px;}
.text.line1{padding: 40px 0 15px; background: #f4f6ee }
.text.line1 h2{text-align: left; margin-bottom: 0.7em}
.text.line1 ol{margin-left: 30px}


.text.dscr{ padding: 30px 0}
.text.dscr h2{ text-align: left; margin-bottom: 0.8em}
.text.dscr table{ margin-bottom: 1em; border-collapse: collapse; }
.text.dscr table tr td{ border: none; padding: 8px 25px }
.text.dscr table tr:nth-child(odd) td{ background: #f4f6ee}
.text.dscr table tr td:last-child{text-align: right}

.text.dscr p,
.text.dscr ul,
.text.dscr table{margin-left: 30px}

.yellowExclamation li{list-style: none; position: relative; }
.yellowExclamation li::before{ width: 7px; height: 24px; background: url("../img/exclam.png") center center no-repeat; background-size: 100% 100%; display: inline-block; left: auto; top: auto; margin-right: 32px; position: relative;}
.h768{display: none}


header .logo .v2,
.menubtn{ display: none}


.menubtn button{ height: 49px; width: 46px; border: none; background: #e5e5e5; text-align: center}
.menubtn button span{ display: block; width: 24px; height: 3px; background: #4a4a4a; margin: 5px 0 5px 11px}

.h320{display: none}