body{
	overflow-x:hidden;
}
.image{
	display:block;
	max-width:100%;
	height:auto;
}
.width{
	max-width:1200px;
	padding:0 10px;
	margin:0 auto;
}
a{
	color:#333;
}
a:hover{
	text-decoration:none;
	color:#333;
}
.wrapper{
	padding:65px 0 0 0;
}
.header{
	padding:10px 0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9;
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.headerInner{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.logo{
	width:20%;
}
.widgets{
	width:80%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.contacts{
	
}
.contacts i{
	color:#be0318;
}
.contacts a{
	display:inline-block;
	line-height:40px;
	margin:0 0 0 20px;
}
.langs{
	margin:0 0 0 20px;
}
.langs a, .langs span{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:20px;
	border:1px solid #dedede;
	line-height:38px;
	text-align:center;
	margin:0 0 0 5px;
}
.langs a:hover{
	background:#be0318;
	border-color:#be0318;
	color:#fff;
}
.langs span{
	background:#be0318;
	border-color:#be0318;
	color:#fff;
}
@media screen and (max-width: 980px) {
.wrapper{
	padding:0;
}
.header{
	position:static;
}
.logo{
	width:100%;
}
.logo img{
	display:block;
	width:150px;
	margin:0 auto;
}
.widgets{
	width:100%;
}
.contacts{
	display:block;
	width:100%;
	text-align:center;
}
.contacts a{
	margin:0 10px;
}
.contacts i{
	display:none;
	text-align:center;
}
.langs{
	display:block;
	width:100%;
	text-align:center;
	margin:0;
}
.langs a, .langs span{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:28px;
	margin:0 5px;
}
}





/*BANNER*/
.banner{
	position:relative;
	width: 100%;
	height:60vh;
	overflow:hidden;
	margin:0 0 70px 0;
}
.bannerVideo{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
	image-rendering: optimizeQuality;
	object-fit: cover
}
.bannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background:rgba(0,0,0,0.3);
}
.bannerCover{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:2;
}
.bannerText{
	color:#fff;
	font-size:42px;
	text-align:center;
}
@media screen and (max-width: 980px) {
.banner{
	height:50vh;
	margin:0 0 50px 0;
}
.bannerText{
	font-size:32px;
}	
}





/*features*/
.features{
	margin:0 0 50px 0;
}
.featuresInner{
	
}
.featuresList{
	display:flex;
	flex-wrap:wrap;
}
.featuresItem{
	width:25%;
}
.featuresItemIcon{
	margin:0 auto;
	width:100px;
	height:100px;
	border-radius:50px;
	background:#be0318;
	padding:25px;
}
.featuresItemIcon svg{
	width:100%;
}
.featuresItemIcon svg path{
	fill:#fff;
}
.featuresItemText{
	text-align:center;
	padding:20px;
	
}
@media screen and (max-width: 980px) {
.featuresItem{
	width:50%;
}		
}
@media screen and (max-width: 680px) {
.featuresItem{
	width:100%;
}
.featuresItemIcon{
	width:70px;
	height:70px;
	border-radius:35px;
	padding:15px;
}		
}




.gallery{
	margin:0 0 100px 0;
}
.galleryWall{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.galleryWall > div{
	position:relative;
	width:20%;
	border:2px solid #fff;
	cursor:pointer;
}
.galleryWall > div p{
	position:absolute;
	display:block;
	top:50%;
	left:0;
	right:0;
	z-index:2;
	opacity:0;
	text-align:center;
	padding:0 20px;
	transform:translate(0, -50%);
	transition:0.3s;
	color:#fff;
	font-size:14px;
}
.galleryWall > div:hover p{
	opacity:1;
}
.galleryWall > div:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background:#be0318;
	opacity:0;
	transition:0.3s;
}
.galleryWall > div:hover:after{
	opacity:0.6;
}
@media screen and (max-width: 980px) {
.galleryWall > div{
	width:50%;
}
.galleryWall > div:nth-child(3){
	width:100%;
}	
}





.about{
	margin:0 0 100px 0;
}
.aboutInner{
	
}
.aboutContent{
	display:flex;
	flex-wrap:wrap;
}
.aboutContentA{
	width:50%;
	margin:0 5% 0 0;
}
.aboutContentB{
	width:45%;
}
.aboutContentTitle{
    font-size: 42px;
    font-weight: 400;
    line-height: 110%;
	margin:0 0 30px 0;
}
.aboutContentText{
	max-height:400px;
	margin:0 0 30px 0;
}
@media screen and (max-width: 980px) {
.aboutContentTitle{
	text-align:center;
    font-size: 26px;
}
.aboutContentA{
	width:100%;
	margin:0 0 0 0;
}
.aboutContentB{
	width:100%;
}	
}




.categories{
	background:#f2f2f2;
	padding:50px 0;
	margin:0 0 50px 0;
}
.categoriesContent{
	
}
.categoriesContentTitle{
	font-size: 46px;
    font-weight: 400;
    line-height: 110%;
	text-align:center;
    margin: 0 0 50px 0;
}
.categoriesList{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.categoriesItem{
	width:31.3333333%;
	margin:0 1% 20px 1%;
	background:#fff;
	padding:20px;
	border-radius:4px;
	border:2px solid #fff;
	transition:0.3s;
}
.categoriesItem:hover{
	border:2px solid #be0318;
}
.categoriesItemIcon{
	width:70px;
	margin:0 auto 20px auto;
}
.categoriesItemName{
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
}
@media screen and (max-width: 980px) {
.categoriesContentTitle{
	font-size: 26px;
    margin: 0 0 50px 0;
}
.categoriesItemIcon{
	width:50px;
}
.categoriesItemName{
	font-size:14px;
}	
}
@media screen and (max-width: 680px) {
.categoriesItem{
	width:48%;
	margin:0 1% 10px 1%;
	padding:10px;
}	
.categoriesItemName{
	font-size:12px;
}
}




.reviews{
	margin:0 0 50px 0;
}
.reviewsInner{
	
}
.reviewsContent{
	padding:0 30px;
}
.reviewsContentTitle{
	font-size: 46px;
    font-weight: 400;
    line-height: 110%;
	text-align:center;
    margin: 0 0 50px 0;
}
.reviewsItem{
	background:#f2f2f2;
	padding:20px;
	border-radius:4px;
}
.reviewsItemHeader{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	margin:0 0 20px 0;
}
.reviewsItemIcon{
	width:70px;
	height:70px;
	border-radius:35px;
	margin:0 20px 0 0;
}
.reviewsItemName{
	font-size:16px;
	font-weight:bold;
}
.reviewsItemText{
	
}
@media screen and (max-width: 980px) {
.reviewsContentTitle{
	font-size: 26px;
}	
	
}
@media screen and (max-width: 680px) {
.reviewsContent{
	padding:0;
}	
}



.promo{
	background:url(../images/bg.jpg) center center;
	background-size:cover;
	padding:70px 0;
	margin:0 0 50px 0;
}
.promoInner{
	
}
.promoContent{
	position:relative;
	display:flex;
	justify-content:flex-end;
}
.promoTitle{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%);
	font-size:32px;
	color:#fff;
	font-weight:300;
}
.promoTitle span{
	font-weight:bold;
}
.promoLogo{

	
}
@media screen and (max-width: 980px) {
.promoContent{
	display:block;
}
.promoTitle{
	width:100%;
	position:static;
	text-align:center;
}	
.promoLogo{
	width:200px;
	margin:0 auto;
}
}



.products{
	margin:0 0 50px 0;
}
.productsContent{
	padding:0 30px;
}
.productsCarousel{
	
}
.productsItem{
	display:block;
	border:1px solid #dedede;
	border-radius:4px;
	padding:20px;
	transition:0.3s;
}
.productsItem:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.productsItemImage{
	display:block;
	margin:0 0 20px 0;
}
.productsItemName{
	font-size:12px;
}
.productsItemPrices{
	padding:10px 0;
	margin:0 0 10px 0;
}
.productsItemPrices .newPrice{
	font-weight:bold;
	font-size:22px;
}
.productsItemPrices .oldPrice{
	padding:0 0 0 10px;
}
.productsItemButton{
	margin:0 0 10px 0;
}
.productsItemButton a{
	background: #2e9206;
    background-image: linear-gradient(#39b407,#2e9206);
    border: 1px solid #39b407;
    border-bottom: 0;
    -webkit-box-shadow: 0 2px 0 0 #1f6104;
    -moz-box-shadow: 0 2px 0 0 #1f6104;
    box-shadow: 0 2px 0 0 #1f6104;
	height: 40px;
    padding: 11px 25px;
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#fff;
}
.productsItemButton a:hover{
	background: #1f6104;
	color:#fff;
}
@media screen and (max-width: 680px) {
.productsContent{
	padding:0;
}	
}


.footer{
	background:#f2f2f2;
	padding:50px 0;
}
.footerInner{
	display:flex;
	flex-wrap:wrap;
}
.footerCopyright{
	width:50%;
}
.footerDeveloper{
	width:50%;
	text-align:right;
}
@media screen and (max-width: 980px) {
.footerCopyright{
	width:100%;
	text-align:center;
	margin:0 0 20px 0;
}
.footerDeveloper{
	width:100%;
	text-align:center;
}	
}


.owl-stage-outer{
	
}
.owl-nav{
	
}
.owl-nav button{
	position:absolute;
	top:50%;
}
.owl-nav button i{
	font-size:20px;
}
.owl-nav button.owl-prev{
	left:-30px;
}
.owl-nav button.owl-next{
	right:-30px;
}
.owl-dots{
	padding:30px 0 0 0;
	text-align:center;
}
.owl-dots button{
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:4px;
	background:#ccc !important;
	margin:0 5px;
}
.owl-dots button.active{
	background:#be0318 !important;
}
@media screen and (max-width: 680px) {
.owl-nav{
	display:none;
}
.owl-dots{
	padding:10px 0 0 0;
}	
}


/*SCROLL*/
.scroll{
	padding:0 20px 0 0;
	overflow:hidden;
	overflow-y:auto;
}
.scrollH250{
	height:250px;
}
.scroll::-webkit-scrollbar-button {
	width:3px;
	height:0px
}
.scroll::-webkit-scrollbar-track {
}
.scroll::-webkit-scrollbar-thumb {
	background-color:#1565C0;
}
.scroll::-webkit-scrollbar-thumb:hover{
}
.scroll::-webkit-resizer{
	width:3px;
	height:0px
}
.scroll::-webkit-scrollbar{
	width: 3px;
}



/*PRELOADER*/
#preloader{
	position: fixed;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	background: #fff;
	z-index: 99999;
}
 
.contpre{
width: 250px;
height: 100px;
position: absolute;
left: 50%;top: 48%;
margin-left:-125px;
margin-top:-75px;
color:#fff;
font-size:40px;
letter-spacing:-2px;
text-align:center;
line-height:35px;}
 
.cssload-loader {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-31px;
	margin-left:-31px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	perspective: 780px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 3px solid #ccc;
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 3px solid #ccc;
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 3px solid #ccc;
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}