@import url("reset.css");
@import url("font/stylesheet.css");

body {
	background:#ffffff;
	font-family:'SegoeUI-Regular';
	font-size:14px;
	color:#4c4c4c;
}

a {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

h1 {
text-shadow: 1px 0px rgb(177, 6, 32), 1px 1px rgb(177, 6, 32), 0px 1px rgb(177, 6, 32), -1px 1px rgb(177, 6, 32), -1px 0px rgb(177, 6, 32), -1px -1px rgb(177, 6, 32), 0px -1px rgb(177, 6, 32), 1px -1px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32);
	font-family:'SegoeUI-Bold';
	font-size:40px;
	line-height:48px;
	color:#ffffff;
	text-transform:uppercase;
	padding:55px 0 43px;
}

h2 {
	font-size:30px;
	color:#be0925;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
}

section {
	max-width:860px;
	margin:0 auto;
	padding:0 5px;
}

section:after,
nav:after,
.product:after,
footer:after {
	clear:both;
	content:'';
	display:block;
}

header {
	position: fixed;
	background: #ffffff;
	width: 100%;
	top: 0;
	z-index: 100;
}

header section {
	background: url(../images/bg-header.jpg) no-repeat center top;
	max-width: 1100px;
	padding: 6px 0 16px;
}

header .logo {
	background:url(../images/logo.png);
	width:138px;
	height:85px;
	float:left;
}

header .row {
	width:85%;
	text-align:right;
	float:right;
}

header strong {
	background:url(../images/icon-phone.png) no-repeat left 8px;
	font-size:24px;
	color:#be0925;
	margin-bottom:30px;
	padding-left:16px;
	display:inline-block;
}

nav {
	position:relative;
}

nav > ul {
	font-size:0;
	text-align:center;
	float:left;
}

.icon-menu {
	width:25px;
	height:17px;
	cursor:pointer;
	display:none;
	position:absolute;
	right:14px;
	z-index:1;
}

.sw-topper {
	position:relative;
	top:0;
	width:25px;
	height:2px;
	background:#303063;
	border:none;
	transition:transform 0.5s, top 0.2s;
	-moz-transition:transform 0.5s, top 0.2s;
	-webkit-transition:transform 0.5s, top 0.2s;
	-o-transition:transform 0.5s, top 0.2s;
}

.sw-bottom {
	position:relative;
	width:25px;
	height:2px;
	top:5px;
	background:#303063;
	border:none;
	transition:transform 0.5s, top 0.2s;
	-moz-transition:transform 0.5s, top 0.2s;
	-webkit-transition:transform 0.5s, top 0.2s;
	-o-transition:transform 0.5s, top 0.2s;
	transition-delay:0.2s, 0s;
	-moz-transition-delay:0.2s, 0s;
	-webkit-transition-delay:0.2s, 0s;
	-o-transition-delay:0.2s, 0s;
}

.sw-footer {
	position:relative;
	width:25px;
	height:2px;
	top:10px;
	background:#303063;
	border:none;
	transition:transform 0.5s, top 0.2s;
	-moz-transition:transform 0.5s, top 0.2s;
	-webkit-transition:transform 0.5s, top 0.2s;
	-o-transition:transform 0.5s, top 0.2s;
	transition-delay:0.2s, 0s;
	-moz-transition-delay:0.2s, 0s;
	-webkit-transition-delay:0.2s, 0s;
	-o-transition-delay:0.2s, 0s;
}

.icon-menu.active .sw-topper {
	top:7px;
	transform:rotate(140deg);
	-moz-transform:rotate(140deg);
	-webkit-transform:rotate(140deg);
	-o-transform:rotate(140deg);
}

.icon-menu.active .sw-bottom {
	top:5px;
	transform:rotate(-140deg);
	-moz-transform:rotate(-140deg);
	-webkit-transform:rotate(-140deg);
	-o-transform:rotate(-140deg);
}

.icon-menu.active .sw-footer {
	top:0;
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	opacity:0;
}

nav > ul > li {
	position:relative;
	vertical-align:top;
	display:inline-block;
}

nav > ul > li:after {
	background:#c8c8d2;
	width:1px;
	height:26px;
	content:'';
	position:absolute;
	top:-4px;
	right:0;
}

nav ul li:last-child:after {
	display:none;
}

nav ul li a {
	font-size:14px;
	line-height:18px;
	color:#4c4c4c;
	text-transform:uppercase;
	padding:0 19px;
	display:block;
}

.social {
	position:absolute;
	top:0;
	right:0;
}

.social li {
	background:url(../images/social.png);
	width:18px;
	height:18px;
	margin-left:1px;
	float:left;
}

.social li:nth-child(2) {
	background-position:-18px 0;
}

.social li:nth-child(3) {
	background-position:-36px 0;
}

.social li:nth-child(4) {
	background-position:-54px 0;
}

.social li a {
	width:18px;
	height:18px;
	display:block;
}

.video-slider {
	position:relative;
	width:100%;
	height:370px;
	text-align:center;
}

.video-slider .like-h1 {
text-shadow: 1px 0px rgb(177, 6, 32), 1px 1px rgb(177, 6, 32), 0px 1px rgb(177, 6, 32), -1px 1px rgb(177, 6, 32), -1px 0px rgb(177, 6, 32), -1px -1px rgb(177, 6, 32), 0px -1px rgb(177, 6, 32), 1px -1px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32), 0px 0px 3px rgb(177, 6, 32);
	font-family:'SegoeUI-Bold';
	font-size:40px;
	line-height:48px;
	color:#ffffff;
	text-transform:uppercase;
	padding:55px 0 3px;
}

.video-background {
	text-align:center;
    top:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:465px;
    z-index:0;
}

.video-background video {
	min-height:100%; 
	min-width:100%; 
}

.video-background img {
	min-height:100%; 
	min-width:100%; 
}

.ui-video-background {
	position:absolute;
	top:30px;
	left:840px;
}

.video-slider p {
	font-family:'SegoeUI-Bold';
	font-size:32px;
	line-height:38px;
	color:#303063;
}

.video-slider li {
	font-family:'SegoeUI-Bold';
	font-size:32px;
	line-height:38px;
	color:#303063;
}

.video-slider p span {
	text-transform:uppercase;
	text-shadow: 1px 0px rgb(255, 255, 255), 1px 1px rgb(255, 255, 255), 0px 1px rgb(255, 255, 255), -1px 1px rgb(255, 255, 255), -1px 0px rgb(255, 255, 255), -1px -1px rgb(255, 255, 255), 0px -1px rgb(255, 255, 255), 1px -1px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255), 0px 0px 3px rgb(255, 255, 255);
}

.ui-video-background-controls {
	margin:0;
	padding:0 10px;
}
.ui-video-background-controls li {
	float:left;
	padding:10px;
}

.video-slider {
	position:absolute;
	top:95px;
	text-align: center;
	height:370px;
	z-index:1;
	margin: 0 auto; 
	left: 0px;
	right: 0; 
	width: 980px; 

}

.video-slider .owl-item img {
	width: auto;
	display: block;
	margin: 0 auto;
}

.video-slider .slide-item{
	position: relative;
	z-index: 10;
}

.video-slider .disabled{
	display: none;
}


.main-list {
	background:url(../images/bg-main-list.jpg) no-repeat center top;
	padding:89px 0 99px;
}

.main-list ul,
.related-products ul,
.why ul,
.slogan ul {
	font-size:0;
	text-align:center;
}

.main-list ul li {
	width:120px;
	font-family:'SegoeUI-SemiBold';
	margin:0 32px 10px;
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	vertical-align:top;
	display:inline-block;
}

.main-list ul li:hover {
	transform:translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
}

.main-list ul li a {
	color:#4c4c4c;
	
}

.main-list ul li a:hover {
	text-decoration:none;
}

.main-list ul li .icon {
	background:url(../images/bg-div-main-list.png);
	width:87px;
	height:77px;
	margin:0 auto 20px;
}

.main-list ul li h4 {
	font-size:14px;
}

.main-list ul li p {
	font-size:14px;
}

.advantage {
	background:url(../images/bg-advantage.jpg) no-repeat center top;
}

.advantage h2 {
	margin-bottom:28px;
}

.advantage .wrapp {
	position:relative;
	width:100%;
	height:100%;
}

.advantage section {
	max-width:857px;
}

.advantage .popup {
	position:absolute;
	left:50%;
	margin-top:-196px;
	z-index:1000;
	display:none;
}

.slider-popup,
.slider-popup4 {
	top:300px !important;
}

.slider-popup2,
.slider-popup3,
.slider-popup5,
.slider-popup6 {
	top:300px !important;
}

#background {
	background:url(../images/bg-advantage-active.png);
    display:none;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:500;
}

.advantage section > ul {
	width:45%;
	float:left;
}

.advantage section > ul+ul {
	float:right;
}

.advantage section > ul > li {
	margin-bottom:35px;
}

.advantage section > ul > li:last-child {
	margin:0;
}

.advantage section > ul > li a {
	color:#ffffff;
}

.advantage section > ul > li a:hover {
	text-decoration:none;
}

.advantage section > ul > li .title {
	position:relative;
	background:#303063;
	width:244px;
	height:58px;
	display:table;
	z-index:1;
}

.advantage section > ul > li .title p {
	line-height:18px;
	text-transform:uppercase;
	padding-left:15px;
	vertical-align:middle;
	display:table-cell;
}

.advantage section > ul > li .text {
	background:#eaeaf0;
	width:100%;
	height:140px;
	margin-top:-13px;
	display:table;
}

.advantage section > ul > li .text div {
	padding-left:25px;
	vertical-align:middle;
	display:table-cell;
}

.advantage section > ul > li .text h4 {
	line-height:18px;
	color:#4c4c4c;
}

.advantage section > ul > li .text ul li {
	line-height:18px;
	color:#4c4c4c;
}

#jssor_1,
#jssor_5,
#jssor_6,
#jssor_7,
#jssor_8,
#jssor_9 {
	background:url(../images/bg-advantage-slider.png);
	background-size:cover;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(48,48,99,1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(48,48,99,1);
	box-shadow: 0px 0px 18px 0px rgba(48,48,99,1);
}

.advantage a[href="#close"] {
	background:url(../images/close.png);
	width:40px;
	height:38px;
	position:absolute;
	top:40px;
	right:48px;
	z-index:10;
}

.slider-wrapp {
	width:438px;
	margin:0 auto;
	padding-top:95px;
}

.slider-wrapp h4 {
	font-family:'SegoeUI-Bold';
	font-size:24px;
	color:#be0925;
	margin-bottom:40px;
}

.slider-wrapp p,
.slider-wrapp ul li {
	font-size:18px;
	line-height:24px;
	color:#4c4c4c;
}

.jssora05l,
.jssora05r {
	background:url(../images/arrow-slider-popup.png);
	width:24px;
	height:70px;
	position:absolute;
	cursor:pointer;
	z-index:10;
}

.jssora05r {
	background-position:right;
	left:auto;
}

.plans {
	background:url(../images/bg-plans.jpg) no-repeat center top;
	padding:95px 0 55px;
}

.plans h2 {
	margin-bottom:50px;
}

#jssor_4 {
	max-width:1098px;
	margin:0 auto;
}

#jssor_4 .slide {
	padding:10px 0 0 47px;
}

#jssor_4 .product {
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	width:768px;
	padding:12px 0 15px;
}

#jssor_4 .product .left-col {
	width:320px;
	padding-left:23px;
	float:left;
}

#jssor_4 .product .left-col div {
	margin-bottom:12px;
}

#jssor_4 .product img {
	width:100%;
	height:100%;
	display:block;
}

#jssor_4 .product h3 {
	font-family:'SegoeUI-Bold';
	font-size:18px;
	color:#be0925;
	margin-bottom:10px;
}

#jssor_4 .product p {
	font-size:12px;
	line-height:14px;
	width: 370px;
}

#jssor_4 .product .right-col {
	width:346px;
	padding:8px 20px 0 0;
	float:right;
}

#jssor_4 .product .right-col div {
	position:relative;
}

#jssor_4 .product .right-col a {
	background:#be0925;
	-webkit-box-shadow: -4px -2px 13px 0px rgba(0,0,0,0.83);
	-moz-box-shadow: -4px -2px 13px 0px rgba(0,0,0,0.83);
	box-shadow: -4px -2px 13px 0px rgba(0,0,0,0.83);
	width:137px;
	height:42px;
	font-family:'SegoeUI-SemiBold';
	font-size:12px;
	line-height:42px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	right:0;
	bottom:0;	
}

#jssor_4 .jssora05l, 
#jssor_4 .jssora05r {
	background:url(../images/arrow-slider-plans.png);
	width:24px;
	height:70px;
	position:absolute;
	top:175px;
	left:0;
	cursor:pointer;
	z-index:10;
}

#jssor_4 .jssora05r {
	background-position:right;
	left:auto;
	right:235px;
}

.jssorb01 {
	background:#ffffff;
	width:110px !important;
	height:100% !important;
	padding:0 18px;
	position:absolute;
	top:8px;
	left:auto !important;
	right:0;
	z-index:10;
}

.jssorb01 div {
	position:static !important;
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.52);
	width:110px !important;
	height:99px !important;
	margin-bottom:11px;
	cursor:pointer;
}

.jssorb01 div:nth-child(1),
.jssorb01 div:nth-child(2),
.jssorb01 div:nth-child(3),
.jssorb01 div:nth-child(4),
.jssorb01 div:nth-child(5) {
	display:none;
}

.jssorb01 div:nth-child(6) {
	background:url(../images/plans/tab1.jpg);
}

.jssorb01 div:nth-child(7) {
	background:url(../images/plans/tab0.jpg);
}

.jssorb01 div:nth-child(8) {
	background:url(../images/plans/tab2.jpg);
}
.jssorb01 div:nth-child(9) {
	background:url(../images/plans/tab3.jpg);
}
.related-products {
	padding-bottom:40px;
}

.related-products h2 {
	margin-bottom:30px;
}

.related-products ul li {
	width:160px;
	margin:0 25px 10px;
	vertical-align:top;
	display:inline-block;
}

.related-products ul li div {
	padding-bottom:10px;
}

.related-products ul li p {
	font-size:12px;
	line-height:14px;
}

.why {
	padding:20px 0 100px;
}

.why h2 {
	margin-bottom:45px;
}

.why ul li {
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.41);
	width:250px;
	margin:0 32px 15px;
	vertical-align:top;
	display:inline-block;
}

.why ul li div {
	width:250px;
	height:178px;
	display:table;
}

.why ul li div p {
	font-size:24px;
	line-height:28px;
	color:#33336a;
	text-transform:uppercase;
	padding:0 15px;
	vertical-align:middle;
	display:table-cell;
}

.banner {
	background:url(../images/bg-banner.jpg) no-repeat center top;
	background-size:cover;
}

.banner section {
	max-width:1040px;
}

.banner .phone {
	background:url(../images/bg-phone.png);
	max-width:469px;
	min-width:469px;
	height:400px;
	float:left;
}

.banner a {
	background:#be0925;
	width:178px;
	height:45px;
	font-family:'SegoeUI-SemiBold';
	font-size:27px;
	line-height:42px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	margin:215px 0 0 115px;
	float:left;
}

.banner .text {
	max-width:495px;
	color:#ffffff;
	padding-top:55px;
	float:left;
}

.banner h3 {
	font-size:50px;
	line-height:65px;
	margin-bottom:12px;
}

.banner p {
	font-size:26px;
	text-transform:uppercase;
	margin-bottom:50px;
}

.banner span {
	font-size:17px;
	text-align:center;
	display:block;
}

.photo-gallery {
	background:url(../images/bg-photo-gallery.jpg) no-repeat center top;
	padding:105px 0 40px;
}

.photo-gallery h2 {
	margin-bottom:50px;
}

#jssor_2 {
	max-width:1140px;
	margin:0 auto;
}

#jssor_2 .container {
	margin:0 auto;
	display:table;
}

#jssor_2 .container:after {
	clear:both;
	content:'';
	display:block;
}

#jssor_2 .row {
	max-width:675px;
	float:left;
}

#jssor_2 .col-small {
	width:31.2%;
	height:157px;
	margin:0 6px 9px;
	float:left;
}

#jssor_2 .col-middle {
	width:64.3%;
	height:157px;
	margin:0 6px 9px;
	float:left;
}

#jssor_2 .col-big {
	width:36.3%;
	height:323px;
	margin-right:6px;
	float:left;
}

#jssor_2 .col {
	position:relative;
}

#jssor_2 .col a {
	background:url(../images/hover-photo-gallery.png);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#jssor_2 .col:hover a {
	display:block;
}

#jssor_2 img {
	width:100%;
	height:100%;
}

#jssor_2 .jssora05l, 
#jssor_2 .jssora05r {
	background:url(../images/arrow-slider-popup.png);
	width:24px;
	height:70px;
	position:absolute;
	top:119px;
	left:5px;
	cursor:pointer;
	z-index:10;
}

#jssor_2 .jssora05r {
	background-position:right;
	left:auto;
	right:5px;
}

.techical-doc {
	padding:40px 0 28px;
}

.techical-doc h2 {
	margin-bottom:42px;
}

.techical-doc .wrapp {
	background:#eaeaf0;
}

.techical-doc section {
	max-width:1050px;
}

.techical-doc .slider {
	background:#ffffff;
	width:320px;
	height:440px;
	float:left;
} 

#jssor_3 {
	width:320px;
	height:450px;
	margin:0 auto;
}

#jssor_3 .item {
	width:320px;
	text-align:center;
}

#jssor_3 .item p{
margin: 15px;
font-weight: bold;
}

#jssor_3 .item div {
	width:245px;
	height:245px;
	margin:40px auto 40px;
}

#jssor_3 .item img,
.techical-doc .text img {
	width:100%;
	height:100%;
}

#jssor_3 .item a {
	background:#be0925;
	width:190px;
	height:42px;
	font-family:'SegoeUI-SemiBold';
	font-size:12px;
	line-height:40px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	margin:0 auto;
	display:block;
}

#jssor_3 .jssora12l,
#jssor_3 .jssora12r {
	background:url(../images/arrow-slider-popup.png);
	width:24px;
	height:70px;
	position:absolute;
	top:126px;
	left:5px;
	cursor:pointer;
	z-index:10;
}

#jssor_3 .jssora12r {
	background-position:right;
	left:auto;
	right:5px;
}

.techical-doc .text {
	max-width:673px;
	padding-top:10px;
	float:right;
}

.techical-doc .text p {
	text-transform:uppercase;
	margin-bottom:14px;
	font-weight: bold;
}

.techical-doc .text div {
	position:relative;
	width:100%;
	height:358px;
}

.techical-doc .text a {
	background:#be0925;
	width:190px;
	height:42px;
	font-family:'SegoeUI-SemiBold';
	font-size:12px;
	line-height:40px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	right:0;
	bottom:0;
}

.contact {
	background:url(../images/bg-contact.jpg) no-repeat center top;
	padding:25px 0 0;
}

.contact h2 {
	margin-bottom:57px;
}

.contact .wrapp {
	background:url(../images/bg-contact-wrapp.png);
	padding:26px 0 12px;
}

.contact section {
	max-width:1040px;
}

.form {
	max-width:464px;
	text-align:center;
	margin-right:26px;
	padding-top:28px;
	float:left;
}

.form h3 {
	font-size:24px;
	color:#be0925;
	text-transform:uppercase;
	margin-bottom:42px;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	width:97%;
	height:39px;
	color:#4c4c4c;
	margin-bottom:15px;
	padding-left:13px;
}

textarea {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	width:97%;
	height:50px;
	color:#4c4c4c;
	margin-bottom:18px;
	padding:15px 0 0 13px;
	resize:none;
}

input[type="submit"] {
	background:#be0925;
	width:188px;
	height:43px;
	font-family:'SegoeUI-SemiBold';
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
}

.map {
	border:9px solid #ffffff;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	width:270px;
	height:390px;
	overflow:hidden;
	float:left; 
}

.manager {
	width:245px;
	text-align:center;
	float:right;
}

.manager div {
	border:9px solid #ffffff;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	height:238px;
	margin-bottom:46px;
}

.manager p {
	font-size:24px;
	color:#be0925;
	text-transform:uppercase;
	margin-bottom:7px;
}

.manager span {
	font-size:24px;
	color:#be0925;
	display:block;
}

footer {
	max-width:1010px;
	margin:0 auto;
	padding:18px 5px 32px;
}

footer .item {
	width:325px;
	line-height:16px;
	text-align:right;
	margin-right:60px;
	float:left;
}

footer .item a {
	color:#4c4c4c;
}

footer .logo {
	background:url(../images/footer-logo.png);
	width:82px;
	height:83px;
	float:left;
}

footer .button {
	width:;
	text-align:right;
	padding-top:12px;
	float:right;
}

footer .button > ul {
	padding-bottom:17px;
}

footer .button > ul > li {
	width:138px;
	height:43px;
	margin-left:32px;
	vertical-align:top;
	display:inline-block;
}

footer .button > ul > li div {
	width:138px;
	height:43px;
	text-align:center;
	display:table;
}

footer .button > ul > li div a {
	background:#33336a;
	font-family:'SegoeUI-SemiBold';
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	vertical-align:middle;
	display:table-cell;
}

footer .button .social {
	position:static;
	display:inline-block;
}

.slogan {
	padding-top:20px;
}

.slogan h1 {
	font-size:24px;
	color:#696969;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:40px;
}

.slogan section {
	max-width:1030px;
}

.slogan .row {
	width:100%;
	padding-bottom:15px;
	display:table;	
}

.slogan .img {
	background:#000000;
	width:215px;
	height:152px;
	margin-top:10px;
	float:left;
}

.slogan .text {
	max-width:790px;
	float:right;
}

.slogan p {
	font-size:19px;
	color:#696969;
	line-height: 1.5;
}

.slogan h2,
.slogan h3 {
	font-size:26px;
	color:#be0925;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
	font-weight: bold;
}

.slogan ul {
	padding-bottom:15px;
}

.slogan ul li {
	background:#000000;
	width:215px;
	height:152px;
	margin:0 27px 15px;
	vertical-align:top;
	display:inline-block;
}

.slogan section > p {
	margin-bottom:10px;
}

.slogan h4 {
	font-size:18px;
	color:#696969;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
}

.slogan .right .img {
	float:right;
}

.slogan .right .text {
	float:left;
}

.slogan span {
	font-size:24px;
	color:#696969;
	text-align:center;
	text-transform:uppercase;
	padding:10px 0 50px;
	display:block;
}

.slogan .strip {
	background:#33336a;
	height:55px;
}

.popup2 {
	position:fixed;
	left:50%;
	z-index:1000;
	display:none;
}

#overlay {
    background:url(../images/bg-advantage-active.png);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:500;
}

.call {
	background:url(../images/bg-popup.png) no-repeat;
	width:780px;
	height:415px;
	text-align:center;
	padding-top:48px;
}

.call a[href="#close"] {
	background:url(../images/close.png);
	width:40px;
	height:38px;
	position:absolute;
	top:45px;
	right:48px;
}

.call h4 {
	font-size:24px;
	color:#be0925;
	text-transform:uppercase;
	margin-bottom:10px;
}

.call form {
	width:60%;
	margin:0 auto;
}

.call textarea {
	margin-bottom:10px;
}

@media (min-width: 835px) and (max-width: 3000px) {
	.icon-menu {
		display:none;
	}
	nav > ul {
		display:block;
	}
}
@media (min-width: 280px) and (max-width: 1165px) {
	.jssor2 {
		width:95% !important;
	}
}
@media (min-width: 280px) and (max-width: 1160px) {
	header .row {
		width:87%;
	}
	header .social {
		display:none;
	}
	#jssor_4 {
		max-width:none;
		width:98% !important;
	}
	.jssorb01 {
		right:20px;
	}
	.techical-doc .text {
		max-width:none;
		width:65%;
	}
	.form {
		max-width:400px;
	}
}
@media (min-width: 280px) and (max-width: 1125px) {
	h1 {
		font-size:40px;
		line-height:50px;
	}

	.video-slider .like-h1 {
		font-size:40px;
		line-height:50px;
	}

	.main-list ul li {
		margin:0 10px 15px;
	}
}
@media (min-width: 280px) and (max-width: 1075px) {
	.slogan .text {
		max-width:75%;
	}
}
@media (min-width: 280px) and (max-width: 1015px) {
	footer .item {
		margin-right:10px;
	}
}
@media (min-width: 280px) and (max-width: 1000px) {
	.banner .text {
		max-width:none;
		width:43%;
	}
	.banner h3 {
		font-size:40px;
		line-height:55px;
	}
}
@media (min-width: 280px) and (max-width: 990px) {
	#jssor_1 .container,
	#jssor_5 .container,
	#jssor_6 .container,
	#jssor_7 .container,
	#jssor_8 .container,
	#jssor_9 .container {
		width:94%;
	}
	.techical-doc .text {
		width:60%;
	}
	.techical-doc .text div {
		height:312px;
	}
	.form {
		max-width:335px;
	}
}
@media (min-width: 280px) and (max-width: 965px) {
	footer .button > ul > li {
		margin-left:5px;
	}
}
@media (min-width: 280px) and (max-width: 935px) {
	.banner h3 {
		font-size:30px;
		line-height:40px;
	}
	.banner p {
		font-size:20px;
	}
	.form {
		max-width:280px;
		margin-right:10px;
	}
}
@media (min-width: 280px) and (max-width: 890px) {
	footer .item {
		width:100%;
		text-align:center;
		margin:0 auto 10px;
		float:none;
	}
	footer .logo {
		margin:0 auto 10px;
		float:none;
	}
	footer .button {
		text-align:center;
		margin:0 auto;
		float:none;
	}
	footer .button > ul > li {
		margin:0 5px 5px;
	}
	.slogan .text {
		max-width:65%;
	}
}
@media (min-width: 280px) and (max-width: 860px) {
	.advantage section > ul > li .text {
		margin:0;
	}
	.advantage section > ul > li .text div {
		padding:5px;
	}
	.techical-doc .text {
		width:55%;
	}
	.banner {
		padding-bottom:15px;
	}
	.banner .phone {
		background-size:cover;
		max-width:none;
		min-width:inherit;
		width:310px;
		height:300px;
		margin:0 auto;
		float:none;
	}
	.banner a {
		margin:155px 0 0 72px;
	}
	.banner .text {
		text-align:center;
		margin:0 auto;
		padding-right:45px;
		float:none;
	}
	.form,
	.map,
	.manager {
		margin:0 auto 10px;
		float:none;
	}
}
@media (min-width: 280px) and (max-width: 856px) {
	.main-list {
		background-position:bottom;
	}
	.related-products {
		padding-top:20px;
	}
}
@media (min-width: 280px) and (max-width: 835px) {
	.icon-menu {
		display:block;
	}
	nav > ul {
		background:#ffffff;
		padding:15px 0;
		position:absolute;
		top:30px;
		right:0;
		z-index:100;
		display:none;
	}
	nav > ul > li {
		margin-bottom:5px;
		display:block;
	}
	nav > ul > li:after {
		display:none;
	}
}
@media (min-width: 280px) and (max-width: 790px) {
	.call {
		background:#d1d0d1;
		width:320px;
		height:auto;
		padding:10px 0;
	}
	.call form {
		width:90%;
	}
	.call a[href="#close"] {
		background-size:cover;
		width:20px;
		height:20px;
		top:0;
		right:0;
	}
}
@media (min-width: 280px) and (max-width: 750px) {
	h1 {
		font-size:30px;
		line-height:35px;
		padding-bottom:15px;
	}

	.video-slider .like-h1 {
		font-size:30px;
		line-height:35px;
		padding-bottom:15px;
	}
	.video-slider p {
		font-size:20px;
		line-height:24px;
	}

	.video-slider li {
		font-size:20px;
		line-height:24px;
	}
	.slider-popup,
	.slider-popup2,
	.slider-popup3,
	.slider-popup4,
	.slider-popup5,
	.slider-popup6 {
		width:90% !important;
	}
	.techical-doc .text {
		width:50%;
	}
	.video-slider{
    position: absolute;
    top: 118px;
    width: 100%;
    height: 370px;
    z-index: 1;
}
header strong {
    background: url(../images/icon-phone.png) no-repeat left 8px;
    font-size: 20px;
    color: #be0925;
    margin-bottom: 10px;
    padding-left: 16px;
    display: inline-block;
}

}
@media (min-width: 280px) and (max-width: 700px) {
	.techical-doc .wrapp {
		padding-bottom:10px;
	}
	.techical-doc .slider {
		width:310px;
		margin:0 auto;
		float:none;
	}
	.techical-doc .text {
		width:310px;
		text-align:center;
		margin:0 auto;
		float:none;
	}
	.techical-doc .text div {
		height:250px;
	}
}
@media (min-width: 280px) and (max-width: 650px) {
	header .row {
		width:auto;
		margin: -68px 0 5px;
	}
	.advantage section > ul,
	.advantage section > ul+ul {
		width:310px;
		margin:0 auto;
		float:none;
	}
	.advantage section > ul > li,
	.advantage section > ul > li:last-child {
		margin-bottom:10px;
	}
	.advantage section > ul > li .title {
		width:100%;
	}
	.banner .text {
		width:80%;
		padding:20px 0 0;
	}
	.slider-wrapp {
		padding-top:65px;
	}
	.advantage a[href="#close"] {
		top:15px;
		right:17px;
	}
	.slogan .text {
		max-width:55%;
	}
}
@media (min-width: 280px) and (max-width: 530px) {
	.slogan {
		text-align:center;
	}
	.slogan .img,
	.slogan .right .img {
		margin:0 auto 10px;
		float:none;
	}
	.slogan .text {
		max-width:100%;
		float:none;
	}
}
@media (min-width: 280px) and (max-width: 450px) {
	h1 {
		font-size:18px;
		line-height:21px;
	}
	
	.video-slider .like-h1 {
		font-size:18px;
		line-height:21px;
	}

	.video-slider p {
		font-size:14px;
		line-height:18px;
	}

	.video-slider li {
		font-size:14px;
		line-height:18px;
	}
	section {
		padding:0;
	}
	header .logo {
		margin-left:5px;
	}
	header strong {
		margin-right:5px;
	}
	.slider-popup {
		top:250px !important;
	}
	.slider-popup2 {
		top:420px !important;
	}
	.slider-popup3 {
		top:628px !important;
	}
	.slider-popup4 {
		top:840px !important;
	}
	.slider-popup5 {
		top:1080px !important;
	}
	.slider-popup6 {
		top:1290px !important;
	}

	.jssorb01 {
		display:none;
	}
	#jssor_4 .product {
		width:92%;
	}
	#jssor_4 .jssora05r {
		right:25px;
	}
	.main-list,
	.plans,
	.related-products,
	.why,
	.photo-gallery,
	.techical-doc {
		padding:100px 0;
	}
	.plans h2,
	.photo-gallery h2,
	.techical-doc h2,
	.contact h2 {
		margin-bottom:20px;
	}
	.advantage section > ul, 
	.advantage section > ul + ul {
		width:280px;
	}
	.why ul li {
		margin:0 0 15px;
	}
	.fancybox-close {
		background-size:cover !important;
		width:20px !important;
		height:20px !important;
		top:8px !important;
		right:10px !important;
	}
	.advantage a[href="#close"] {
		background-size:cover;
		width:20px;
		height:20px;
		top:13px;
		right:15px;
	}
	.banner a {
		font-size:18px;
	}
}   A {
    color: #be0925; /* Цвет ссылок */
   }
   A:visited {
    color: #be0925; /* Цвет посещенных ссылок */
   }
   A:active {
    color: #be0925; /* Цвет активных ссылок */
   }