/* srollbar */
@media(min-width: 768px) {
	::-webkit-scrollbar {
	    width: 15px;
	    height: 15px;
	    background-color: #fafafa;
	    border: 1px solid #eee;
	}
	::-webkit-scrollbar-thumb {
	    background-color: #A2BA1B;
	    border-left: 1px solid #fff;
	}
	::-webkit-scrollbar-thumb:hover {
	    background-color: #A2BA1B;
	}
	::-webkit-scrollbar-corner,
	::-webkit-resizer {
		display: none;
	}
}
/* fonts */
@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Regular.eot');
	src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rubik-Regular.woff') format('woff'),
		url('../fonts/Rubik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* selection */
*::selection {
    background-color: #393939;
}
::selection {
    color: #A2BA1B;
}
/* reset */
* {
	font-family: 'Rubik';
	padding: 0;
	margin: 0;
	outline: 0;
	list-style: none;
    text-decoration: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
img {
	max-width: 100%;
}
/* main */
html,body {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	z-index: 0;
}
.page-overflow {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.page-wrapper {
	background: #F7F7F7;
}
.page-wrapper:before {
	content: "";
	display: block;
    padding-top: 200px;
	background: #fff;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.page-wrapper.scroll:before {
	padding-top: 70px;
}
.content {
	position: relative;
	max-width: 1700px;
	margin: 0 auto;
	padding: 0 10px;
	z-index: 0;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.overlay {
	position: fixed;
	top: -100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00B7D7;
	visibility: hidden;
	opacity: 0;
	z-index: 11;
	cursor: pointer;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.overlay.active {
	visibility: visible;
	opacity: 0.5;
}
.popup {
	font-size: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
	max-width: 580px;
	max-height: 100%;
	height: 550px;
	padding: 15px;
	overflow: auto;
    z-index: 12;
    opacity: 0;
	visibility: hidden;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.popup.active {
	opacity: 1;
	visibility: visible;
}
.popup form {
	padding: 40px;
	border-radius: 20px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
    background: #fff;

}
.popup .pp_close {
	position: absolute;
	top: 1px;
	right: 1px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.popup .pp_close:hover {
	background: #A2BA1B;
}
.popup .pp_close:before,
.popup .pp_close:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	width: 24px;
	height: 10px;
	background: #707070;
	transform: rotate(45deg);
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.popup .pp_close:after {
	transform: rotate(-45deg);
}
.popup .pp_close:hover:before,
.popup .pp_close:hover:after {
	background: #fff;
}
.popup .t-block {
	padding: 20px 0;
}
.popup .t1 {
	color: #646464;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}
.popup .t2 {
	color: #909090;
	font-size: 16px;
	text-align: center;
	padding: 3px 0;
}
.popup .flex input:last-child {
	margin-left: 6px;
}
.popup input {
	font-size: 16px;
	line-height: 42px;
	height: 42px;
	width: 100%;
	margin: 3px 0;
	padding: 0 20px;
	background: #F7F7F7;
	border: 1px solid #F7F7F7;
	border-radius: 10px;
}
.popup input.error {
	border: 1px solid red;
}
.popup input[type="submit"] {
	color: #fff;
	line-height: 46px;
	height: 46px;
	background: #A2BA1B;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.popup input[type="submit"]:hover {
	background: #A2cA2B;
}
.popup label {
	display: block;
}
.popup textarea {
	font-size: 16px;
	height: 42px;
	height: 120px;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	min-width: 100%;
	margin: 3px 0;
	padding: 20px;
	background: #F7F7F7;
	border: 1px solid #F7F7F7;
	border-radius: 10px;
}
/*header*/
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: #fff;
	z-index: 10;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.scroll header {
	height: 70px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
}
header .content {
	height: 100%;
}
header .inner-contacts,
header .bot,
header .brgr {
	display: none;
}
header .logo {
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
}
header .logo img {
	height: 50px;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.scroll header .logo img {
	height: 30px;
}
header .nav {
	font-size: 0;
}
header .nav li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
header .nav li a {
	color: #959595;
	font-size: 16px;
	display: inline-block;
	padding: 27px 10px;
	z-index: 0;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
header .nav li a:hover {
	color: #fff;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.scroll header .nav li a {
	font-size: 14px;
}
header .nav li a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	background: #52E603;
	z-index: -1;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
header .nav li.current-menu-item a:before {
	height: 5px;
}
header .nav li a:hover:before {
	height: 100%;
	background: #8EB828;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
header .soc {
	font-size: 0;
}
header .soc a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}
header .soc a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	margin: 0 auto;
	background: #52E603;
	border-radius: 10px;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
header .soc a:hover:before {
	width: 100%;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
header .contacts {
	padding-right: 10px;
	text-align: right;
}
header .contacts .c-box {
	font-size: 0;
	padding: 5px 0;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
header .contacts .c-box a {
	color: #333333;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
header .contacts .c-box a:hover {
	color: #8EB828;
}
header .contacts .c-box span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
header .contacts .c-box img {
	width: 28px;
	padding-left: 15px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.scroll header .contacts .c-box.scroll-hide {
	padding: 0;
}
.scroll header .contacts .c-box.scroll-hide span {
	font-size: 0;
}
.scroll header .contacts .c-box.scroll-hide img {
	width: 0;
}
/*sctn-1*/
.sctn-1 {
	color: #fff;
	position: relative;
	background: url(../img/s1-bg.png);
	background-size: 100% 100%;
	z-index: 0;
}
.sctn-1:after {
	content: "";
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 102px;
	width: 35px;
	background: url(../img/s1-over.svg) no-repeat center center;
}
.sctn-1 .video-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	opacity: 0.3;
	z-index: -2;
}
.sctn-1 video {
	min-width: 100%;
	min-height: 100%;
    position: absolute;
    top: -50%;
	left: -50%;
    right: -50%;
    bottom: -50%;
    margin: auto auto;
}
.winner-block {
	position: absolute;
	top: -20px;
	left: 20px;
	padding: 30px 10px 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.16);
	z-index: 11;
}
.winner-block .w-box {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}
.winner-block .w-box p {
	color: #535353;
	font-size: 14px;
	padding: 2px 0;
}
.sctn-1 .s1-slider {
	padding: 40px 10px 120px;
	margin: 0;
}
.sctn-1 .slide-inner {
	position: relative;
	min-height: 600px;
}
.sctn-1 .slide-inner .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60%;
}
.sctn-1 .slide-inner .img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 0;
	max-height: 100%;
	margin: auto auto;
}
.sctn-1 .slide-inner .inner-box {
	max-width: 410px;
	width: 40%;
	padding-right: 10px;
}
.sctn-1 .slide-inner .inner-box h2 {
	font-size: 48px;
	line-height: 50px;
	padding: 20px 0;
}
.sctn-1 .slide-inner .inner-box p {
	font-size: 16px;
	line-height: 32px;
	padding: 20px 0;
}
.sctn-1 .slick-dots {
	bottom: 80px;
	text-align: left;
}
.sctn-1 .slick-dots li {
	width: 16px;
	height: 16px;
	background: rgba(255,255,255,0.3);
	border-radius: 100%;
	margin-right: 25px;
}
.sctn-1 .slick-dots li button {
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	width: 0;
	height: 0;
	margin: auto auto;
	background: transparent;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-1 .slick-dots li:hover button,
.sctn-1 .slick-dots li.slick-active button {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 100%;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-1 .slick-dots li button:before {
	display: none;
}
/*sctn-2*/
.sctn-2 {
	position: relative;
	z-index: 1;
}
.sctn-2 .over {
	position: absolute;
	right: 0;
	bottom: -40%;
	max-width: 50%;
	z-index: 1;
}
.sctn-2 .inner-block {
	padding: 200px 10px;
	max-width: 560px;
}
.sctn-2 .logo {
	padding: 30px 0;
}
.sctn-2 .logo img {
	width: 300px;
}
.sctn-2 p {
	color: #646464;
	font-size: 16px;
	line-height: 30px;
	padding: 30px 0;
}
/*sctn-3*/
.sctn-3 {
	font-size: 0;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;
}
.sctn-3 .inner-box .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	opacity: 0;
	visibility: hidden;
	z-index: -3;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-3 .inner-box:hover .bg {
	opacity: 1;
	visibility: visible;
}
.sctn-3 .inner-box {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 400px 10px 100px;
}
.sctn-3 .inner-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 25%;
	background: rgba(83,83,83,0.5);
	z-index: -2;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.sctn-3 .inner-box:nth-child(2):before {
	left: 25%;
	background: rgba(47,47,47,0.45);
}
.sctn-3 .inner-box:nth-child(3):before {
	left: 50%;
}
.sctn-3 .inner-box:nth-child(4):before {
	left: 75%;
	background: rgba(47,47,47,0.45);
}
.sctn-3 .inner-box:hover:before {
	opacity: 0.4;
}
.sctn-3 .inner-box:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0;
	width: 25%;
	background: #00B7D7;
	opacity: 0.3;
	z-index: -1;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.sctn-3 .inner-box:nth-child(2):after {
	left: 25%;
}
.sctn-3 .inner-box:nth-child(3):after {
	left: 50%;
}
.sctn-3 .inner-box:nth-child(4):after {
	left: 75%;
}
.sctn-3 .inner-box:hover:after {
	height: 100%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-3 .inner-box .inner {
	max-width: 320px;
	margin: 0 auto;
	padding: 10px;
}
.sctn-3 .inner-box img {
	padding: 10px 0;
}
.sctn-3 .inner-box p {
	color: #fff;
	font-size: 20px;
	line-height: 37px;
	padding: 10px 0;
}
/*sctn-4*/
.sctn-4 {
	position: relative;
	z-index: 1;
}
.sctn-4 .over {
	position: absolute;
	right: 0;
	bottom: -40%;
	max-width: 50%;
	z-index: 1;
}
.sctn-4 .inner-block {
	padding: 200px 10px;
	max-width: 560px;
	background: rgba(247,247,247,0.5);
}
.sctn-4 h2 {
	color: #A2BA1B;
	font-size: 39px;
	line-height: 39px;
	padding: 10px 0;
}
.sctn-4 p {
	color: #646464;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 0;
}
.sctn-4 .box-block {
	padding: 30px 0;
}
.sctn-4 .box-block .box {
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	display: inline-block;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 3px 0;
	background: #A2BA1B;
}
.sctn-4 .box-block.bb-2 .box {
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
}
.sctn-4 .box-block p {
	color: #535353;
	font-size: 14px;
	line-height: 26px;
	padding: 20px 0 20px 20px;
}
.sctn-4 .anim-block {
	position: absolute;
	top: 0;
	left: 40%;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -1;
}
.sctn-4 .anim-block img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	max-width: inherit;
	transform: translateX(1000px);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-4 .anim-block img:nth-child(2) {
	left: 12%;
}
.sctn-4 .anim-block img:nth-child(3) {
	left: 27%;
}
.sctn-4 .anim-block img.active {
	transform: translateX(0);
}
/*sctn-contacts*/
.sctn-contacts {
	height: 1100px;
	padding-top: 500px;
	background: url(../img/c-bg.jpg) no-repeat top left;
	background-size: cover;
}
.sctn-contacts .content {
	min-height: 100%;
}
.sctn-contacts h2 {
	color: #646464;
	font-size: 24px;
	padding: 15px 10px;
}
.sctn-contacts p {
	color: #646464;
	font-size: 14px;
	line-height: 27px;
	padding: 15px 10px;
}
.sctn-contacts .soc {
	padding: 30px 0;
}
.sctn-contacts .soc a {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}
.sctn-contacts .cprt {
	color: #535353;
	font-size: 14px;
	position: absolute;
	left: 20px;
	bottom: 60px;
	opacity: 0.5;
}
.sctn-contacts .dev {
	position: absolute;
	right: 20px;
	bottom: 60px;
	opacity: 0.8;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-contacts .dev:hover {
	opacity: 1;
}
/*sctn-sert*/
.sctn-sert {
	position: relative;
	padding: 40px 0;
	min-height: 800px;
	z-index: 0;
}
.sctn-sert .over {
	position: absolute;
	top: 0;
	left: -900px;
}
.sctn-sert .back {
	position: absolute;
    top: -1540px;
    right: -1900px;
	z-index: -1;
}
.sctn-sert .tab-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	padding: 30px 20px;
}
.sctn-sert .tab-nav li {
	padding: 2px 0;
}
.sctn-sert .tab-nav li span {
	color: #909090;
	font-size: 14px;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	cursor: pointer;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-sert .tab-nav li:hover span,
.sctn-sert .tab-nav li.active span {
	color: #fff;
	background: #A2BA1B;
}
.sctn-sert .tab {
	padding: 20px 0 20px 230px;
	font-size: 0;
	display: none;
}
.sctn-sert .tab.active {
	display: block;
}
.sctn-sert .tab .img {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	width: 20%;
}
.sctn-sert .tab .img img {
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
/*sctn-import*/
.sctn-import {
	padding: 60px 0;
	font-size: 0;
}
.sctn-import .over {
    position: absolute;
    right: -10%;
    bottom: 20%;
    max-width: 50%;
    z-index: 1;
}
.sctn-import .lbox {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	padding: 10px;
}
.sctn-import .rbox {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	padding: 10px 0;
}
.sctn-import .mbox {
	display: none;
}
.sctn-import h2 {
	color: #fff;
	font-size: 24px;
	padding: 10px 20px;
	display: inline-block;
	margin: 10px 0;
	border-radius: 15px;
	background: #A2BA1B;
}
.sctn-import .lbox p {
	color: #535353;
	font-size: 16px;
	line-height: 28px;
	padding: 20px 0;
	max-width: 360px;
}
.sctn-import .col {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
}
.sctn-import .inner-box {
	padding: 10px;
}
.sctn-import h3 {
	color: #535353;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
	padding: 10px;
	background: #fff;
	border-radius: 15px;
}
.sctn-import ul li {
	color: #535353;
	font-size: 16px;
	line-height: 21px;
	padding: 10px;
}
.sctn-import ul li span {
	font-size: 14px;
	line-height: 21px;
}
/*sctn-catalog*/
.sctn-catalog {
	position: relative;
	padding: 40px 0;
	z-index: 0;
}
.sctn-catalog .over {
    position: absolute;
    right: -10%;
    bottom: -50%;
    max-width: 30%;
    z-index: 1;
}
.sctn-catalog .tab-nav {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px 20px;
}
.sctn-catalog .tab-nav.fix {
	position: fixed;
	top: 70px;
}
.sctn-catalog .tab-nav.end {
	position: absolute;
	top: auto;
	bottom: -10px;
}
.sctn-catalog .tab-nav li {
	padding: 2px 0;
}
.sctn-catalog .tab-nav li span {
	color: #909090;
	font-size: 14px;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	cursor: pointer;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-catalog .tab-nav li:hover span,
.sctn-catalog .tab-nav li.active span {
	color: #fff;
	background: #A2BA1B;
}
.sctn-catalog .tab {
	max-width: 840px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 0;
	display: none;
}
.sctn-catalog .tab.active {
	display: block;
}
.sctn-catalog .tab .inner-box {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	width: 33.33%;
}
.sctn-catalog .tab .inner-box img {
	border-radius: 15px;
	margin-bottom: 15px;
}
.sctn-catalog .tab .inner-box .title-block {
	height: 60px;
}
.sctn-catalog .tab .inner-box .title-block .title {
	color: #535353;
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	max-height: 40px;
	overflow: hidden;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-catalog .tab .inner-box .title-block .title:hover {
	color: #A2BA1B;
}
.sctn-catalog .tab .inner-box .title-block .weight {
	color: #909090;
	font-size: 15px;
	line-height: 21px;
	padding: 5px 0;
}
.sctn-catalog .tab .inner-box p {
	color: #535353;
	font-size: 12px;
	line-height: 16px;
	margin: 15px 0;
	max-height: 50px;
    overflow: hidden;
}
.sctn-catalog .tab .inner-box .rrc {
	color: #909090;
	font-size: 10px;
	line-height: 12px;
}
.sctn-catalog .tab .inner-box .price {
	color: #535353;
	font-size: 17px;
	font-weight: bold;
	line-height: 21px;
	margin: 10px 0;
}
.sctn-catalog .tab .inner-box .btn {
	color: #fff;
	font-size: 10px;
	line-height: 32px;
	background: #A2BA1B;
	border-radius: 10px;
	padding: 0 16px;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-catalog .tab .inner-box .btn:hover {
	background: #A2cA2B;
}
.sctn-catalog .pag {
	font-size: 0;
	text-align: center;
}
.sctn-catalog .pag ul {
	display: inline-block;
	vertical-align: middle;
}
.sctn-catalog .pag li {
	display: inline-block;
	vertical-align: middle;
}
.sctn-catalog .pag li a {
	color: #959595;
	font-size: 14px; 
	line-height: 30px;
	display: inline-block;
	background: #fff;
	width: 30px;
	opacity: 0.5;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-catalog .pag li.active a {
	background: none;
	opacity: 1;
}
.sctn-catalog .pag li a:hover {
	color: #fff;
	background: #A2BA1B;
	opacity: 1;
}
.sctn-catalog .pag .pag-left,
.sctn-catalog .pag .pag-right {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.sctn-catalog .pag .pag-left:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	background: url(../img/pag-ar.svg) no-repeat center center;	
	transform: rotate(-90deg);
	opacity: 0.5;
}
.sctn-catalog .pag .pag-right:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	background: url(../img/pag-ar.svg) no-repeat center center;	
	transform: rotate(90deg);
}
/*sctn-product*/
.sctn-product {
	position: relative;
	height: 800px;
	z-index: 0;
}
.sctn-product .prev {
	position: absolute;
	top: 0;
	left: 2%;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: 30px;
	z-index: 1;
}
.sctn-product .prev img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	margin: auto auto;
	transform: rotate(-90deg);
}
.sctn-product .next {
	position: absolute;
	top: 0;
	right: 2%;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: 30px;
	z-index: 1;
}
.sctn-product .next img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	margin: auto auto;
	transform: rotate(90deg);
}
.sctn-product .img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40%;
	overflow: hidden;
	z-index: -1;
}
.sctn-product .img img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto auto;
	min-height: 100%;
	min-width: 100%;
	max-width: inherit;
}
.sctn-product .content {
	min-height: 100%;
	padding-left: 40%;
}
.sctn-product .inner-block {
	max-width: 600px;
	margin: 0 auto;
	padding: 60px 10px 60px 20px;
}
.sctn-product .inner-block h2 {
	color: #646464;
	font-size: 24px;
	line-height: 34px;
}
.sctn-product .inner-block .weight {
	color: #909090;
	font-size: 24px;
	line-height: 34px;
}
.sctn-product .inner-block p {
	color: #646464;
	font-size: 16px;
	line-height: 24px;
	padding: 20px 0;
}
.sctn-product .inner-block .param {
	color: #646464;
	font-size: 0;
	padding: 20px 0;
}
.sctn-product .inner-block .param .p-title {
	font-size: 12px;
	line-height: 27px;
	width: 50%;
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.sctn-product .inner-block .param .p-txt {
	font-size: 14px;
	line-height: 27px;
	font-weight: bold;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.sctn-product .inner-block .btn-block {
	font-size: 0;
	padding: 20px 0;
}
.sctn-product .inner-block .btn {
	color: #fff;
	font-size: 24px;
	line-height: 62px;
	padding: 0 50px;
	border-radius: 15px;
	background: #A2BA1B;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-product .inner-block .btn:hover {
	background: #A2cA2B;
}
.sctn-product .inner-block .afterbtn {
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px;
}
.sctn-product .inner-block .afterbtn .txt {
	color: #909090;
	font-size: 10px;
	line-height: 12px;
	padding: 2px 0;
}
.sctn-product .inner-block .afterbtn .price {
	color: #535353;
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0;
}
.sctn-product .cprt {
	color: #535353;
	font-size: 14px;
	position: absolute;
	left: 40%;
	bottom: 40px;
	padding: 0 20px;
	opacity: 0.5;
}
.sctn-product .dev {
	color: #535353;
	font-size: 14px;
	position: absolute;
	right: 20px;
	bottom: 40px;
	opacity: 0.5;
}
/*sctn-map*/
.sctn-map {
	min-height: 800px;
	position: relative;
}
.sctn-map #map {
    height: 100%;
    position: absolute!important;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66.66%;
    z-index: 1;
}
.sctn-map .content .inner-block {
    width: 30%;
    padding: 20px 0 40px;
}
.sctn-map h2 {
	color: #535353;
	font-size: 24px;
	line-height: 32px;
	padding: 10px;
}
.sctn-map p {
	color: #707070;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}
.sctn-map .list-btn {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	position: relative;
	display: inline-block;
	padding: 0 20px 0 50px;
	margin: 10px;
	border-radius: 15px;
	background: #909090;
	clear: both;
	cursor: pointer;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-map .list-btn.main {
	line-height: 50px;
	font-size: 21px;
}
.sctn-map .list-btn.active,
.sctn-map .list-btn:hover {
	background: #A2BA1B;
}
.sctn-map .list-btn img {
	position: absolute;
	top: 0;
	left: 20px;
	bottom: 0;
	margin: auto 0;
	transform: rotate(-90deg);
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-map .list-btn.active img {
	transform: rotate(0);
}
.sctn-map .list-block {
	display: none;
}
.sctn-map .list-block .country {
	color: #707070;
	font-size: 16px;
	padding: 10px 0 10px 20px;
	margin: 0 10px;
	cursor: pointer;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-map .list-block .country:hover {
	color: #fff;
	background: #A2BA1B;
}
.sctn-map .list-block ul {
	padding: 10px 0;
	display: none;
}
.sctn-map .list-block li {
	color: #646464;
	font-size: 14px;
	line-height: 21px;
	padding: 5px 10px 5px 35px;
	position: relative;
	cursor: pointer;
}
.sctn-map .list-block li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 15px;
	width: 11px;
	height: 16px;
	background: url(../img/map-point.svg) no-repeat center center;
	background-size: 100%;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-map .list-block li:hover:before {
	top: 0;
	transform: scale(1.4);
}
/*footer*/
footer {
	margin-bottom: 100vh;
}
footer .footer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
footer .footer .content {
	z-index: 1;
}
footer #footer-map {
	position: absolute!important;
	top: 0;
	left: 530px;
	right: 0;
	bottom: 0;
	height: 100%;
}
footer .inner-block {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	height: 100vh;
	max-width: 530px;
	margin: 0 20px;
	z-index: 2;
}
footer .inner-block:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4000px;
	background: #212121;
	z-index: -1;
}
footer .inner-block .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 70px;
	overflow: auto;
}
footer .inner-block .img {
	width: 140px;
	padding: 80px 0 40px;
}
footer .inner-block .nav {
	font-size: 0;
	padding: 40px 0;
}
footer .inner-block .nav li {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
footer .inner-block .nav li a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 10px 0;
	opacity: 0.5;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
footer .inner-block .nav li a:hover {
	opacity: 1;
}
footer .inner-block .footer-contacts {
	padding: 40px 0;
}
footer .inner-block .footer-contacts .fc-box {
	padding: 5px 0;
}
footer .inner-block .footer-contacts a {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
    transition: 0.15s;
	-webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
footer .inner-block .footer-contacts a:hover {
	color: #8EB828;
}
footer .inner-block .footer-contacts span {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
footer .inner-block .footer-contacts img {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
footer .inner-block .bot {
	padding: 40px 0;
}
footer .inner-block .bot .cprt {
	color: #fff;
	font-size: 10px;
	padding-bottom: 20px;
	opacity: 0.5;
}
/*preloader*/
.preloader {
	position: fixed;
	top: -100%;
	left: 0;
	right: 0;
	height: 300vh;
	margin: auto 0;
	background: #fff;
	overflow: hidden;
	z-index: 100;
	visibility: visible;
	opacity: 1;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
}
.preloader.step-3 {
	visibility: hidden;
	opacity: 0;
	top: 0;
}
.preloader.main:before {
	content: "";
	position: absolute;
	top: -2000px;
	left: -2000px;
	right: -2000px;
	bottom: -2000px;
	margin: auto auto;
	width: 0;
	height: 0;
	border-radius: 100%;
	background: #fff;
	z-index: -1;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	-o-transition: 1.5s;
}
.preloader.main.step-1:before {
	width: 2000px;
	height: 2000px;
	background: #A2BA1B;
	opacity: 0.1;
}
.preloader.main.step-2:before {
	opacity: 0;
}
.preloader.main:after {
	content: "";
	position: absolute;
	top: -2000px;
	left: -2000px;
	right: -2000px;
	bottom: -2000px;
	margin: auto auto;
	width: 2000px;
	height: 2000px;
	border-radius: 100%;
	background: #fff;
	z-index: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.preloader.main.step-1:after {
	width: 0;
	height: 0;
	background: #A2BA1B;
	opacity: 0.1;
}
.preloader.main.step-2:after {
	opacity: 0;
}
.preloader img {
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	opacity: 0;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	-o-transition: 1.5s;
}
.preloader.step-1 img {
	opacity: 1;
}