/*
Author: MK.XLII
Design: W3layout - https://w3layouts.com
License: Creative Commons Attribution 3.0 Unported - https://creativecommons.org/licenses/by/3.0/
*/
/* --main page--*/
.main {
	position: float;
	display: block;
}
/*-- banner-overlay --*/
* {
	box-sizing: border-box;
}
/*******************************************************************************************************/
/*-- Main --*/
/*******************************************************************************************************/
/* welcome */
.welcome {
	padding: 3em 0 1em 0;
	text-align: center;
}
.welcomePanels {
	padding-bottom: 2em;
}
.welcome h2 {
	font-size: 44px;
}
.welcomePanel {
	position: relative;
	text-align: center;
	margin-bottom: 2em;
}
.welcomePanel h3 {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  font-size: 48px;
  font-weight: 700;
  margin: 0; 
}
.welcomePanel a {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media(min-width:767px) and (max-width: 1279px){
	.welcomePanel .button2 {
		padding: 4px 8px;
		font-size:12px;
    }
}

/*******************************************************************************************************/
/* about */
.about {
	padding: 3em 0 1em 0;
	text-align: center;
}
/*******************************************************************************************************/

/*-- deals --*/
.deals {
	padding: 3em 0 1em 0;
	text-align: center;
}
.deals img{
	max-width: 110%;
	margin-top:15%;
}
/*******************************************************************************************************/

/* action  */
.action-grids {
  margin-top: 3em;
}
.action-grid h2 {
	color: var(--white);
	font-size:80px;
	font-weight:normal;
	text-align:center;
	font-family: 'Special Elite';
	line-height: 1.3;
	padding-top:0px;
	padding-bottom:0px;
	text-transform:uppercase;
}
.action-grid h5 {
    font-size: 34px;
    font-family: 'Arial';
    font-weight:700;
    text-align:center;
    text-transform: capitalize;
    color: #edff38;
	margin-bottom:0.5em;	
}
/*-- Responsive --*/
@media (max-width:640px){
	.action-grids {
 		margin-top: 1em;
	}
	.action-grid h2 {
		font-size: 60px;
		text-align: center;
	}
	.action-grid h5 {
		font-size: 20px;
		text-align: center;
	}
}
.action_1, .action_2, .action_3, .action_4, .action_5, .action_6 {
    padding: 8em 0;
	text-align:center;
    min-height: 307px;
}
.action_1 {
  background-image: url(../images/index/action1-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action1-1200.webp),
    url(../images/index/action1-1200.jpg));
  background-image: image-set(
    url(../images/index/action1-1200.webp) type("image/webp"),
    url(../images/index/action1-1200.jpg") type("image/jpeg"));
}
.action_2 {
  background-image: url(../images/index/action2-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action2-1200.webp),
    url(../images/index/action2-1200.jpg));
  background-image: image-set(
    url(../images/index/action2-1200.webp) type("image/webp"),
    url(../images/index/action2-1200.jpg") type("image/jpeg"));
}
.action_3 {
  background-image: url(../images/index/action3-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action3-1200.webp),
    url(../images/index/action3-1200.jpg));
  background-image: image-set(
    url(../images/index/action3-1200.webp) type("image/webp"),
    url(../images/index/action3-1200.jpg") type("image/jpeg"));
}
.action_4 {
  background-image: url(../images/index/action4-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action4-1200.webp),
    url(../images/index/action4-1200.jpg));
  background-image: image-set(
    url(../images/index/action4-1200.webp) type("image/webp"),
    url(../images/index/action4-1200.jpg") type("image/jpeg"));
}
.action_5 {
  background-image: url(../images/index/action5-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action5-1200.webp),
    url(../images/index/action5-1200.jpg));
  background-image: image-set(
    url(../images/index/action5-1200.webp) type("image/webp"),
    url(../images/index/action5-1200.jpg") type("image/jpeg"));
}
.action_6 {
  background-image: url(../images/index/action6-1200.jpg) no-repeat 0px 0px;
  background-size: cover;
  background-image: -webkit-image-set(
  	url(../images/index/action6-1200.webp),
    url(../images/index/action6-1200.jpg));
  background-image: image-set(
    url(../images/index/action6-1200.webp) type("image/webp"),
    url(../images/index/action6-1200.jpg") type("image/jpeg"));
}
@media only screen and (max-width:1024px) {
	.action_2 {
		background: url(../images/index/action2-1024.jpg) no-repeat 0px 0px;
	}
	.action_6 {
		background: url(../images/index/action6-1024.jpg) no-repeat 0px 0px;
		padding: 6em 0 4em 0;
	}

}
@media only screen and (max-width:768px) {
	.action_2 {
		background: url(../images/index/action2-768.jpg) no-repeat 0px 0px;
	}
	.action_6 {
		background: url(../images/index/action6-768.jpg) no-repeat 0px 0px;
	}

}
@media only screen and (max-width:640px) {
	.action_2 {
		background: url(../images/index/action2-640.jpg) no-repeat 0px 0px;
	}
}
@media (max-width:430px) {
	.action_1, .action_2, .action_3, .action_4, .action_5, .action_6 {
		padding: 4em 0;
		text-align:center;
	}
	.action_1 {
  		background-image: url(../images/index/action1-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action1-430.webp),
    		url(../images/index/action1-430.jpg));
  		background-image: image-set(
    		url(../images/index/action1-430.webp) type("image/webp"),
    		url(../images/index/action1-430.jpg") type("image/jpeg"));
	}
	.action_2 {
  		background-image: url(../images/index/action2-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action2-430.webp),
    		url(../images/index/action2-430.jpg));
  		background-image: image-set(
    		url(../images/index/action2-430.webp) type("image/webp"),
    		url(../images/index/action2-430.jpg") type("image/jpeg"));
	}
	.action_3 {
  		background-image: url(../images/index/action3-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action3-430.webp),
    		url(../images/index/action3-430.jpg));
  		background-image: image-set(
    		url(../images/index/action3-430.webp) type("image/webp"),
    		url(../images/index/action3-430.jpg") type("image/jpeg"));
	}
	.action_4 {
  		background-image: url(../images/index/action4-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action4-430.webp),
    		url(../images/index/action4-430.jpg));
  		background-image: image-set(
    		url(../images/index/action4-430.webp) type("image/webp"),
    		url(../images/index/action4-430.jpg") type("image/jpeg"));
	}
	.action_5 {
  		background-image: url(../images/index/action5-430.jpg) no-repeat 0px 0px;
  		background-size: cover;
  		background-image: -webkit-image-set(
    		url(../images/index/action5-430.webp),
    		url(../images/index/action5-430.jpg));
  		background-image: image-set(
    		url(../images/index/action5-430.webp) type("image/webp"),
    		url(../images/index/action5-430.jpg") type("image/jpeg"));
	}
	.action_6 {
		background: url(../images/index/action6-430.jpg) no-repeat 0px 0px;
	}
}
@media (max-width:640) {
	.action-grid h2 {
	font-size: 60px;
	}
}
/*******************************************************************************************************/
/*-- gear --*/
.gear {
	padding: 3em 0 1em 0;
	text-align: center;
}
/*******************************************************************************************************/
/*-- brands --*/
.brands {
	padding: 3em 0 1em 0;
	text-align: center;
}
.brands-grid {
	margin-top: 2em;
	text-align: center;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.brands-icon {
	float: left;
	width: 15%;
	margin-right: 2%;
}
i.b1, i.b2, i.b3, i.b4, i.b5, i.b6 {
    width: 120px;
	height: 94px;
	display: inline-block;	  
  	scale: (0.75);
}
i.b1 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -1px -1px;
}
i.b2 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -123px -1px;
}
i.b3 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -245px -1px;
}
i.b4 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -367px -1px;
}
i.b5 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -489px -1px;
}
i.b6 {
	background: url('../images/brands/img-sprite-brands.png') no-repeat -611px -1px;
}
/*-- /brands --*/
@media (min-width: 481px) {
	.brands-grid {
		margin-top: 2em;
		text-align: center;
		width: 50%;
	}
}
@media (max-width: 480px) {
	i.s1, i.s2, i.s3, i.s4, i.s5, i.s6 {
		transform:  scale(0.75);
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		-o-transform: scale(0.75);
		-ms-transform: scale(0.75);
	}
	i.b1, i.b2, i.b3, i.b4, i.b5, i.b6 {
		transform:  scale(0.75);
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		-o-transform: scale(0.75);
		-ms-transform: scale(0.75);
	}
}
/*******************************************************************************************************/
/* testimonial */
.testimonial {
	padding: 3em 0 1em 0;
	text-align: center;
}
.reviews-grid {
	margin-top: 1.0em;
	padding: 1.5em 2.0em;
}
.reviews img {
	border: solid 1px;
}
.reviews-grid h3 {
	margin: 20px 0 0px;
}
.reviews-choose {
	padding-bottom: 3em;
}
.reviews-choose p {
	font-weight: bold;
	line-height: 24px;
}
/*******************************************************************************************************/
/* news */
.news {
	padding: 3em 0 1em 0;
	text-align: center;
}
.news img {
	display: inherit;
}
/*******************************************************************************************************/
/* Main Page Responsiveness */
@media (max-width: 1600px) {
.singleCho1, .singleCho2 {
	padding-right: 50px;
}
.singleCho3 {
	padding-right: 150px;
}
}
@media (max-width: 1440px) {
.singleCho1, .singleCho2 {
	padding-right: 0px;
}
.singleCho3 {
	padding-right: 120px;
}
}
@media (max-width: 1024px) {
.singleCho1, .singleCho2, .singleCho3 {
	padding-right: 0px;
}
}
@media (max-width: 834px) {
.singleCho1 {
	padding-right: 50px;
}
.singleCho2 {
	padding-right: 250px;
}
.singleCho3 {
	padding-right: 320px;
}
}
@media (max-width: 768px) {
.singleCho1 {
	padding-right: 50px;
}
.singleCho2 {
	padding-right: 240px;
}
.singleCho3 {
	padding-right: 296px;
}
}
@media (max-width: 480px) {
.welcome h2 {
	font-size: 32px;
	margin: 0 10% 0 10%;
}
.sectionTitle {
	padding-right: 0px;
}
.singleCho1, .singleCho2, .singleCho3 {
	padding-right: 0px;
}
.chooseus {
	padding-bottom: 32em;
}
.chooseImg {
	width: 100%;
}
}
@media (max-width: 360px) {
s.singleCho1 h3 a, .singleCho2 h3 a, .singleCho3 h3 a {
	font-size: 26px;
}
.singleCho1 p, .singleCho2 p, .singleCho3 p {
	font-size: 18px;
}
.chooseus {
	padding-bottom: 28em;
}
.chooseImg {
	width: 100%;
}
}
@media (max-width: 320px) {
.chooseus {
	padding-bottom: 24em;
}
}
/*******************************************************************************************************/
/*-- Responsive --*/
@media (max-width:480px){
.about h3{
	padding-top:1em;
}
.action_1 {
	padding: 5em 0;
}
.gear img{
	max-width: 85%;
	margin-left:10%;
}
.reviews-grid {
	padding: 1em 2em;
	margin:0;
}
.footer {
	padding: 2em 0;
}
}