@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

@font-face {
	font-family: 'BrandonGrotesque-Medium';
	src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/BrandonGrotesque-Medium.otf')  format('opentype'),
		url('../fonts/BrandonGrotesque-Medium.woff') format('woff'), 
		url('../fonts/BrandonGrotesque-Medium.ttf')  format('truetype'), 
		url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {

  font-family: 'Futura-HeavyOblique';

  src: url('../fonts/Futura-HeavyOblique.eot');

  src: url('../fonts/Futura-HeavyOblique.woff2') format('woff2'),

       url('../fonts/Futura-HeavyOblique.woff') format('woff'),

       url('../fonts/Futura-HeavyOblique.ttf') format('truetype'),

       url('../fonts/Futura-HeavyOblique.svg#Futura-HeavyOblique') format('svg'),

       url('../fonts/Futura-HeavyOblique.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'BrandonGrotesque-Bold';

  src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),  

	  url('../fonts/BrandonGrotesque-Bold.otf')  format('opentype'),

	  url('../fonts/BrandonGrotesque-Bold.woff') format('woff'), 

	  url('../fonts/BrandonGrotesque-Bold.ttf')  format('truetype'), url('BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

    font-family: 'latomedium';

    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),

         url('../fonts/lato-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



body

{

	margin:0px auto;

	background:#fff;

	line-height:normal;
	overflow-x:hidden;

}





header, section, footer

{

	float:left;

	width:100%;

}



h1, h2, h3, h4, h5, h6

{

	padding:0px;

	margin:0px;

	letter-spacing:normal;

	text-transform:none;

	line-height:normal;

}



p

{

	padding:0px;

	margin:0px;

	letter-spacing:normal;

	text-transform:none;

	line-height:normal;

}



ul, ol

{

	list-style:none;

	margin:0px;

	padding:0px;

}



a:focus 

{ 

	outline:none;

}



a, 

input[type="submit"], button { transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;  }



img { max-width:100%; }



input::-webkit-input-placeholder { opacity:1;}

input::-moz-placeholder { opacity:1; }

input::-moz-placeholder { opacity:1; }

input::-ms-input-placeholder { opacity:1; }



textarea::-webkit-input-placeholder { opacity:1; }

textarea::-moz-placeholder { opacity:1; }

textarea::-moz-placeholder { opacity:1; }

textarea::-ms-input-placeholder { opacity:1; }



select::-webkit-input-placeholder { opacity:1;}

select::-moz-placeholder { opacity:1; }

select::-moz-placeholder { opacity:1;}

select::-ms-input-placeholder { opacity:1; }



textarea:focus, input:focus, select:focus { outline: 0;}


.p-0 { padding: 0px !important; }
.border-0 { border: 0px !important; }



/* Header Start */



.HdrDiv { width:100%; float:left;}





.NewHdrTop { width:100%; float:left; background:#fff; padding:14px 20px 10px; position:relative;}



.NewHdrTop p { font-family: 'latomedium'; font-size:13px; color:#333; float: left; line-height: 10px;}

.NewHdrTop p img { float: left; margin: 0 6px 0 0; }



.NewHdrTop ul { float:right;}

.NewHdrTop ul li { font-family: 'latomedium'; font-size:14px; float:left; margin:0 0 0 10px; position: relative;}

.NewHdrTop ul li:first-child { margin-right: 35px; }

.NewHdrTop ul li a { text-decoration:none; color:#333; position: relative; z-index: 1;}



.NewHdrTop ul li a i { font-size: 16px; }



.NewHdrTop ul li a span.Number { width: 15px; height: 15px; background: #f00; line-height: 15px; font-size: 8px; text-align: center; border-radius: 50px; position: absolute; right: -10px; top: -10px; display: block; color: #fff; }



.NewHdrTop ul li a:hover { color:#e30c0c;}



/* Searchbar Style */

.searchDiv { width:320px; position:absolute; top: -10px; right:0px; line-height: 38px; margin-right: 2px;}

.searchbox { position:relative; min-width:38px; width:0%; height:38px; float:right; overflow:hidden; 

	 -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    -ms-transition: width 0.3s;

    -o-transition: width 0.3s;

    transition: width 0.3s;

}

.searchbox-input{  width:100%; top:0; right:0; /*outline:0;*/ background:#fff; margin:0; padding:0px 17px; border: 0; }



.searchbox-input::-webkit-input-placeholder { color: #333;}

.searchbox-input:-moz-placeholder { color: #333;}

.searchbox-input::-moz-placeholder { color: #333;}

.searchbox-input:-ms-input-placeholder { color: #333;}



.searchbox-icon,

.searchbox-submit { width:30px; color:#333; display:block; position:absolute; top:0; right:0; z-index:3; padding:0; margin:0; border:0; text-align:center; cursor:pointer; background:#fff; font-size: 16px;}

.searchbox-open { width:100%; z-index:2; border:1px solid #333; }









.NewHdrLogo { width: 100%; float: left; text-align: center; background: #000; padding: 14px 0 13px; }

.NewHdrLogo a { }

.NewHdrLogo a img { display: inline-block; width: 150px; }



.NewHdrNav { width: 100%; float: left; background: #fff; text-align: center; border-bottom: 1px solid #000; }

.NewHdrNav ul {}

.NewHdrNav ul li { font-family: 'Futura-HeavyOblique'; font-size:16px; text-transform:uppercase;  margin:0 30px; display: inline-block; position: relative;}

.NewHdrNav ul li a { text-decoration:none; color:#333; padding: 15px 0 12px; display: block;}

.NewHdrNav ul li:last-child a { color:red;}

.NewHdrNav ul li.active a,

.NewHdrNav ul li a:hover { color:#e30c0c;}



.NewHdrNav ul li ul.sub-menu { opacity:0; visibility:hidden; }

.NewHdrNav ul li ul.sub-menu { background:#eff3f5; position: absolute; left: 0; top: 50px; transition: all 0.4s ease-in-out 0s; width:150px; z-index:1; padding:0; /*border: 1px solid #d9dfeb;*/ text-align: left;}



.NewHdrNav ul li ul.sub-menu:before { content: ""; width: 12px; height: 9px; background: url('../images/ul_top_angle.png'); background-repeat: no-repeat; background-position: left top; position: absolute; left:20px; top: -9px; }



.NewHdrNav ul li ul.sub-menu li { float:left; width:100%; padding:0; margin: 0;}

.NewHdrNav ul li ul.sub-menu li:last-child { border-bottom:0px;}

.NewHdrNav ul li ul.sub-menu li a {  color:#666; display:block; font-size:14px; border-bottom:1px solid #d9dfeb; text-transform:uppercase; padding:8px 5px 10px 13px; font-family: 'BrandonGrotesque-Regular';}

.NewHdrNav ul li ul.sub-menu li:last-child a { border-bottom:0px;}

.NewHdrNav ul li ul.sub-menu li a:hover { color: #fff; background: #000; }

.NewHdrNav ul li:hover ul.sub-menu { opacity:1; visibility:visible; }





/* Mobile Menu Start */

.Mbl_mnu

{

	background:#000;

	width:100%;

	float:left;

	padding:10px 0 5px; border-bottom:0;

	/*margin-top: 31px;*/

	position:relative;

}

.MblMenu

{

	float:right;

	margin:0;

	display: none; position: absolute; top: 11px; right: 15px;

}



.MblMenu a

{

	float:left;

	width:23px;

	height:19px;

	border:0px;

	background-image: url(../images/mbl_nav_btn.png); background-repeat:no-repeat;

	box-shadow:none;

	cursor:pointer;

	margin:0;

}



.mm-list > li h2

{

	margin:0px;

	padding:0px 20px 15px;

	color:#fff;

}



.mm-list > li a.close

{

	float:right;

	width:15px;

	height:15px;

	border:0px;

	margin-top:-35px;

	background-image: url(../images/close_nav.png); background-repeat:no-repeat;

	box-shadow:none;

	cursor:pointer;

	opacity:1;

}



.mm-menu .mm-list > li.mm-selected > a.close:not(.mm-subopen)

{

	background:url(../images/close_nav.png) no-repeat;

}



.mm-ismenu { background:#000;}

.mm-list > li > a, 

.mm-list > li > span { color:#fff;}



 .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {

    border-color:#fff; }



.cartitems{ position:absolute; top:8px; right:55px;  color:#000;}

.cartitems a{ color:#fff; font-size:12px; vertical-align:middle; display:inline-block; margin-left:7px;}

.cartitems i{font-size:18px; margin-right:5px;}

/* Header Close */



.NewBnr {}

.NewBnr img { width:100%;}



.BnrArea { width:100%; text-align:center; float:left;}

.BnrArea ul {}

.BnrArea ul li { width:33.3%; float:left;}

.BnrArea ul li a { position:relative; display:block; text-decoration:none;}

.BnrArea ul li a:after { content:""; position:absolute; left:0px; top:0px; height:100%; width:100%; background:rgba(0, 0, 0, 0.7); opacity:0; 



transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; 

}

.BnrArea ul li a img { width:100%;}

.BnrArea ul li a h2 { position:absolute; left:0px; right:0px; bottom:40px; font-family: 'Futura-HeavyOblique'; font-size:90px; color:#fff;  text-transform:uppercase; line-height:55px; z-index:1;}

.BnrArea ul li a h2 span { font-size:30px; display:block; letter-spacing:10px;}



.BnrArea ul li a:hover:after { opacity:1;}



.BnrArea h1 { font-size:106px; color:#fff; text-transform:uppercase; line-height:125px;font-family: 'Futura-HeavyOblique';}

.BnrArea h1 span { font-size:165px; color:#ff0200; line-height:100px;}



.select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; height:50px; padding:2px 10px; text-transform:uppercase;}

.select-style select:focus { outline: none;}

.select-style select option { border:0px; border-bottom:1px solid #999; padding:5px 5px;}



.BnrTxt span input[type="submit"] { width:55px; float:left; background:#ff0200; border:0px; height:50px; line-height:50px; padding:0 5px; font-family: 'latomedium'; color:#fff; font-size:16px; color:#fff; letter-spacing:0.5px; text-transform:uppercase;}

.BnrTxt span input[type="submit"]:hover { background:#fff; color:#ff0200;}





/* Banner Slider Style Start */



/*.Bnr_Sldr_Div { width: 100%; float: left; text-align: center;  overflow:hidden; opacity: 0;

 visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }*/

 .Bnr_Sldr_Div { width: 100%; float: left; text-align: center; }
 .Bnr_Sldr_Div img { width: 100%; }

.Bnr_Sldr_Div.slick-initialized { height:auto; opacity:1; visibility:visible; overflow:visible;}



.Bnr_Slide { width: 100%; float: left; }

.Bnr_Slide img { width: 100%; }



.Bnr_Sldr_Div .slick-prev, 

.Bnr_Sldr_Div .slick-next { height: 40px; width: 40px; background:#000; z-index: 1;}



.Bnr_Sldr_Div .slick-next { right: 0px;}

.Bnr_Sldr_Div .slick-prev { left:0px;}



.Bnr_Sldr_Div .slick-prev:before, 

.Bnr_Sldr_Div .slick-next:before { color: #fff; opacity: 1; }



.Bnr_Sldr_Div .slick-prev:hover, 

.Bnr_Sldr_Div .slick-prev:focus, 

.Bnr_Sldr_Div .slick-next:hover, 

.Bnr_Sldr_Div .slick-next:focus { background:#000; }









/* Banner Slider Style End */



.PaddingRightLeft { width:100%; float:left; padding:0 40px;}





.Hp_Prdct { width:100%; float:left; text-align:center; padding:60px 100px 50px; /*border-bottom:1px solid #d5d5d5;*/}

.Hp_Prdct h2 { font-family:'Futura-HeavyOblique'; font-size:30px; color:#000; text-transform:uppercase; margin-bottom:25px; letter-spacing:2px;

position:relative}

.Hp_Prdct h2:before {content: "";

position: absolute;

left: 0;

top: 50%;

border-bottom: 4px double #000;

width: 100%;

float: left;

background:transparent;

transform: translateY(-50%);}

.Hp_Prdct h2 span { background:#fff;

display: inline-block;

position: relative;

padding: 0 25px;}



.Hp_Prdct h2 span strong { display: block;

font-size: 16px;

text-transform: none;

font-weight: normal;}



.Hp_Prdct_Slider { height:450px; overflow:hidden; opacity: 0; visibility: hidden;transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}

.Hp_Prdct_Slider.slick-initialized { height:auto; opacity:1; visibility:visible; overflow:visible;}



.Hp_Prdct .slick-slide { width: 100%; float: left; margin: 0 15px; }

.Hp_Prdct .slick-prev, 

.Hp_Prdct .slick-next {height:48px; line-height:48px; width:48px; background:#000; top: 37%;}



.Hp_Prdct .slick-prev { left:-58px; /*background:#0056a3 url(../images/white_arrow_left.png) no-repeat center center;*/}

.Hp_Prdct .slick-prev::before { font-family: 'FontAwesome'; content: "\f104"; font-size:22px; color:#fff; font-weight:bold; line-height:48px;}



.Hp_Prdct .slick-next { right:-58px; /*background:#0056a3 url(../images/white_arrow_right.png) no-repeat center center;*/}

.Hp_Prdct .slick-next::before { font-family: 'FontAwesome'; content: "\f105"; font-size:22px; color:#fff; font-weight:bold; line-height:48px;}



/*.Hp_Prdct img.slick-loading { background: #fff url('http://www.ajaxload.info/images/exemples/30.gif') center center no-repeat; }

.Hp_Prdct .slick-loading .slick-list { background: #fff url('http://www.ajaxload.info/images/exemples/30.gif') center center no-repeat; }*/



.Hp_Prdct .slick-prev:hover,

.Hp_Prdct .slick-next:hover { background:#666;}

.Hp_Prdct ul {}
.Hp_Prdct ul li { float: none; display: inline-block; vertical-align: top; margin:0 -2px; }



.HpPrdctDiv { width:100%; float:left; position:relative; }

.HpPrdctDiv a { display:block; height: 400px;}

.HpPrdctDiv a img { position: relative; z-index: 1; height: 100% !important; object-fit: cover; -webkit-transition: opacity .18s ease; transition: opacity .18s ease; opacity: 1; }

/*.HpPrdctDiv img:nth-of-type(2) { position: absolute; top: 0; left: 0; z-index: 0; }
.HpPrdctDiv:hover img:first-of-type { opacity: 0; }*/



.HpPrdctPic { width:100%; float:left; height:310px; line-height:308px; border:1px solid #dcdcdc;



 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}

.HpPrdctPic img {  transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;}



.HpPrdctPicTxt { width:100%; float:left; padding-top:20px; text-align:center; min-height: 90px;}

.HpPrdctPicTxt h3 { font-family: 'BrandonGrotesque-Bold'; font-size:14px; color:#333; text-transform:uppercase; line-height:18px; min-height:80px; 

 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}

.HpPrdctPicTxt h3 span { display:block; color:#ff0200;

 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}



.HpPrdctPicTxt h3 span del { display: inline-block; }

.HpPrdctPicTxt h3 span del span.woocommerce-Price-amount { color: #a0a0a0; text-decoration: line-through;}

.HpPrdctPicTxt h3 span del span.woocommerce-Price-amount span.woocommerce-Price-currencySymbol { display: inline-block; color: #a0a0a0;  } 

.HpPrdctPicTxt h3 span ins { display: inline-block; text-decoration: none;}

.HpPrdctPicTxt h3 span ins span.woocommerce-Price-amount { }

.HpPrdctPicTxt h3 span ins span.woocommerce-Price-amount span.woocommerce-Price-currencySymbol { display: inline-block; } 



.HpTstmnl { padding:70px 0 20px; margin-bottom:0; background-repeat:no-repeat; background-position:left bottom; background-size:contain;}

.HpTstmnl .container { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap;}



.HpTstmnlPic { width:100%; max-width:450px; float:left; text-align:right; position:relative; border-right:1px solid #cdcdcd; padding:0 50px 0 0;}

.HpTstmnlPic:before { content: ""; position:absolute; right:-12px; top:50%; transform:translateY(-50%); width:12px; height:22px; background:url(../images/right_line_arrow.jpg) no-repeat right center;}

.HpTstmnlPic img {}





.HpTstmnlSldr { width:100%; max-width:600px; float:left; height:350px; overflow:hidden; opacity: 0; visibility: hidden;transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}



.HpTstmnlSldr.slick-initialized { height:auto; opacity:1; visibility:visible; overflow:visible;}



.HpTstmnlSnglSlide { width:100%; float:left; padding:0 10px 0 130px;}

.HpTstmnlSnglSlide h2 { display:inline-block; font-size:26px; color:#333; margin-bottom:15px; }

.HpTstmnlSnglSlide h2 strong { display:inline-block; margin:0 0 0 17px; font-family: 'Lato', sans-serif; font-weight:400; font-size:18px; color:#333;}

.HpTstmnlSnglSlide h2 strong img { float:left; margin:7px 10px 0 0;}



/*.HpTstmnlSnglSlide p { position:relative; font-size:18px; line-height:28px; color:#666;font-family: 'Lato', sans-serif; font-weight:400; padding-bottom:24px;}

.HpTstmnlSnglSlide p:before { content: ""; position:absolute; left:-65px; top:7px;  width:33px; height:26px; background:url(../images/quote_pic.png) no-repeat left top;}
*/
.slick-slide { outline:none;}









.sale_banner{ position:absolute; left:0; top:0; z-index:999;}

.PrdctSlider .slick-slide .sale_banner{ left: 15px; }

.sale_banner img{ opacity:1 !important;}

.Hp_Prdct a.ViewPrdct { height:55px; line-height:55px; background:#000; letter-spacing:2px; padding:0 25px; font-family: 'BrandonGrotesque-Bold'; font-weight:500; font-size:18px; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; margin:20px 0 0;  border:1px solid #000;}

.Hp_Prdct a.ViewPrdct:hover { background:#fff; color:#000;}







.Hp_Prdct a.ViewPrdct { height:55px; line-height:55px; background:#000; letter-spacing:2px; padding:0 25px; font-family: 'Futura-HeavyOblique'; font-weight:500; font-size:18px; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; margin:20px 0 0;  border:1px solid #000;}

.Hp_Prdct a.ViewPrdct:hover { background:#fff; color:#000;}





.Instagram { width:100%; float:left; text-align:center; padding:40px 0 40px; border-bottom:1px solid #c5dfe7;}

.Instagram h2  { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#000; text-transform:uppercase; padding-bottom:25px; letter-spacing:2px; }

.Instagram h2 i.fa-instagram { color:#000; margin:0 10px 0 0}

.Instagram ul {}

.Instagram ul li { padding:0; display: inline-block;

width: 15%;

margin: 0 10.5px;}

.Instagram ul li a { display:block;}

.Instagram ul li a img { width:100%; height:auto;}

.Instagram ul li a:hover { transform:scale(0.98);}





.SignUpDiv { width:100%; float:left; padding:60px 0 60px;}



.Hp_Testimonials { width:100%; float:left; text-align:center; border:1px solid #000;}

.Hp_Testimonials i { padding:25px 0 15px; color:#000; font-size:50px;}

.Hp_Testimonials p { font-family: 'latomedium'; color:#333; font-size:18px; line-height:26px;  padding:0 30px 40px; letter-spacing:1px;}

.Hp_Testimonials h2 { padding:5px 5px; background:#000; font-family: 'Dosis', sans-serif; font-weight:500; font-size:24px; color:#fff;  text-transform:uppercase; letter-spacing:2px;}





.Hp_FormBg { overflow:hidden; display:table; padding:0 5px; text-align:center; width:100%; background-repeat:no-repeat; background-size:cover; background-position:top center}

.Hp_FormBgRow { display:table-cell; vertical-align:middle;}



.Hp_Form { width:300px; margin:0 auto;}

.Hp_Form h2 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#fff; text-transform:uppercase; padding-bottom:10px; letter-spacing:2px; }

.Hp_Form p { font-family: 'latomedium'; font-size:18px; color:#fff; padding:0 0 10px; letter-spacing:1px; line-height:26px; }

.Hp_Form ul {}

.Hp_Form ul li { width:100%; float:left; margin-bottom:10px;}

.Hp_Form ul li input[type="email"],

.Hp_Form ul li input[type="text"],

.Hp_Form ul li input[type="password"] {width:100%; float:left; height:46px; line-height:44px; border:1px solid #333; padding:0 15px;  font-family: 'latomedium'; color:#666; font-size:16px;}

.Hp_Form ul li label{ display: none; }

.Hp_Form input[type="submit"] { width:100%; float:left; height:46px; line-height:44px; background:#000; letter-spacing:2px; padding:0 5px; font-family: 'Futura-HeavyOblique'; font-size:18px; color:#fff; text-transform:uppercase; border:0px; }

.Hp_Form input[type="submit"]:hover { background:#fff; color:#000;}



/*.BnrDiv { width:100%; float:left;padding: 0 100px; text-align: center; border-bottom: 1px solid #d5d5d5; padding-bottom: 50px;}



.BnrDiv h2 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#000; text-transform:uppercase; padding-bottom:25px; letter-spacing:2px; }

.Bnr { width:100%; float:left; max-width:20%; float:left; position:relative; text-align:center; overflow:hidden; padding: 0 15px;}

.Bnr a { display:block;}

.Bnr a img { width:100%; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }

.Bnr a h3 { position:absolute; left:0px; right:0px; top:50%; transform:translateY(-50%); font-family: 'BrandonGrotesque-Medium'; font-size:50px; color:#fff; text-transform:uppercase;transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }

.Bnr a:hover img { transform:scale(1.05);}*/



/* Ftr Style Start */



.FtrBg { width:100%; float:left; background:#000; padding:40px 0 40px;}





.FtrTopDiv { width:100%; float:left; border-bottom:1px solid #c5dfe7; padding:0 50px 30px; margin-bottom:45px;}



.FtrCntctUs { width:100%; float:left; margin-top:15px; display:none;}

.FtrCntctUs h2 { font-family: 'Futura-HeavyOblique'; font-size:22px; color:#d9d9d9; text-transform:uppercase; padding-bottom:5px; letter-spacing:1px; }

.FtrCntctUs ul {}

.FtrCntctUs ul li { font-family: 'latomedium'; color:#666; font-size:15px; padding-bottom:3px;}

.FtrCntctUs ul li a { color:#6c6c6c;}

.FtrCntctUs ul li a:hover {}





.FtrCntctUs ul li:last-child { font-family: 'latomedium'; color:#666; font-size:15px; padding-bottom:3px; letter-spacing:1px;}

.FtrCntctUs ul li:last-child a { color:#666; text-decoration:none;}

.FtrCntctUs ul li:last-child a:hover { color:#000;}







.FtrLogo { width:100%; float:left; padding:0 40px;}

.FtrLogo ul {}

.FtrLogo ul li { float:left;}

.FtrLogo ul li:last-child { float:right;}



.SocialLinks { width:100%; float:left;}

.SocialLinks h2 { font-family: 'Futura-HeavyOblique'; font-size:22px; color:#d9d9d9; text-transform:uppercase; padding-bottom:10px; letter-spacing:1px;  }

.SocialLinks ul {}

.SocialLinks ul li { font-family: 'latomedium'; color:#666; font-size:15px; padding-bottom:3px; /*text-transform:uppercase;*/}

.SocialLinks ul li a { color:#d9d9d9; text-decoration:none;}

.SocialLinks ul li a i { margin:0 15px 0 0; color:#d9d9d9; width:15px;}

.SocialLinks ul li a:hover { color:#fff;}





.FtrScnd { width:100%; float:left; padding:0 50px; border-bottom:1px solid #c5dfe7; margin-bottom:40px;}



.FtrLinksDiv { width:100%; float:left; padding-bottom:35px;}



.FtrLinks { width:100%; float:left;}

.FtrLinks h2 { font-family: 'Futura-HeavyOblique'; font-size:22px; color:#d9d9d9; text-transform:uppercase; padding-bottom:10px; letter-spacing:1px; }

.FtrLinks ul {}

.FtrLinks ul li { font-family: 'latomedium'; color:#666; font-size:15px; padding-bottom:3px; letter-spacing:1px;}

.FtrLinks ul li a { color:#d9d9d9; text-decoration:none;}

.FtrLinks ul li a:hover { color:#fff;}



.TermsInfo { width:100%; float:left; text-align:center; padding:0 50px;}

.TermsInfo p { font-family: 'latomedium'; color:#666; font-size:12px; line-height:18px; padding-bottom:20px;}

.TermsInfo p strong { font-size:15px; display:inline-block; letter-spacing:1px;}

.TermsInfo p a { font-size:15px; display:inline-block; letter-spacing:1px;}



.FtrBtm { width:100%; float:left; padding:0 35px;}

.FtrBtm p { float:left; font-family: 'latomedium'; color:#d9d9d9; font-size:15px; letter-spacing:1px;}

.FtrBtm a { float:left; font-family: 'latomedium'; color:#fff; font-size:12px; letter-spacing:1px; background:#6c6c6c; height:26px; line-height:24px; padding:0 15px; text-transform:uppercase; text-decoration:none; float:right; border:1px solid #000;}

.FtrBtm a:hover { background:#fff; color:#000;}



/* Ftr Style End */



/* Listing Page Start */



.ListingBnr { width:100%; float:left;}

.ListingBnr a { display:block;}

.ListingBnr a img { width:100%;}



/* Listing Page End */



/* Listing Detail Page Start */



.DtlDiv { width:100%; float:left; padding:70px 0;}



.Dtl_Slider { width:100%; float:left;}



.xzoom-thumbs a img { width:100%;}



.Dtl_Right { width:100%; float:left;}



.TopDtl { width:100%; float:left; padding-bottom:10px;}

.TopDtl ul {}

.TopDtl ul li { float:left;  font-family: 'Futura-HeavyOblique'; font-size:14px; color:#666;  padding:0 5px;}

.TopDtl ul li:first-child { padding-left:0px;}

.TopDtl ul li a { color:#666; text-decoration:none;}

.TopDtl ul li a:hover { color:#000;}





.Dtl_Slider_Info { width:100%; float:left;}

.Dtl_Slider_Info h1 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#333; text-transform:uppercase; letter-spacing:1px;  padding-bottom:10px;}

.Dtl_Slider_Info h2 { font-family: 'Futura-HeavyOblique'; font-size:16px; color:#666; text-transform:uppercase; letter-spacing:1px;  padding-bottom:10px;}

.Dtl_Slider_Info h3 { font-family: 'Futura-HeavyOblique'; font-size:22px; color:#ff0200; text-transform:uppercase; letter-spacing:1px;  padding-bottom:20px;}



.Dtl_Slider_Info p { line-height:26px; width:100%; float:left; padding:20px 0 20px;

font-family: 'Futura-HeavyOblique';

    font-size: 22px;

    color: #000;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-style: italic;





}





.Dtl_Slider_Info a { height:50px; line-height:50px; padding:0 20px; float:left; background:#000; font-family: 'Futura-HeavyOblique';font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none; width:88%; float:left; letter-spacing:5px; text-align:center; }



.Dtl_Slider_Info a.Heart { background:none; border:1px solid #dcdcdc; margin:0 0 0 3%; color:#333; /*width:9%;*/ padding:0px 15px; text-align:center;}

.single_add_to_cart_button { margin:0 10px 0 0 !important;}



.Dtl_Slider_Info a:hover { background:#2e3192; color:#fff;}





/* Radiob Box Start Green */

.Arrival {float:left; width:100%; margin-bottom:20px;}

.Arrival .SizeTitle { font-family: 'Futura-HeavyOblique'; font-size:18px; color:#333; font-weight:400; float:left; line-height:40px; margin-right:15px;}

.Arrival .Size { width:40px; float:left; text-align:center; font-size:18px; margin:0 5px 0 0;border:1px solid #000;}

.Arrival .Size:last-child { background:none;} 

.Arrival .Size input[type=radio].css-radio { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  height:1px;  width:1px;  margin:-1px;  padding:0; border:0; }

.Arrival .Size label.css-label { font-family: 'Futura-HeavyOblique'; font-size:16px; color:#333; font-weight:400; padding:9px 0 7px; cursor:pointer; width:100%; margin:0px;}

.Arrival .Size :checked + label.css-label { background:#000; color:#fff;}



/* Radiob Box End Green */





/* Quantity Button Style Start */



.quantity { position: relative; display:inline-block; margin-bottom:20px;}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button

{

  -webkit-appearance: none;

  margin: 0;

}



input[type=number]

{

  -moz-appearance: textfield;

}



.quantity input {

  width: 90px;

  height: 30px;

  line-height: 30px;

  float: left;

  display: block;

  padding: 0;

  margin: 0;

  padding:0 15px;

  border: 1px solid #0056a3;

  /*border-radius:50px;*/

  font-family: 'BrandonGrotesque-Bold'; font-size:20px; color:#666;

}



.quantity input:focus {

  outline: 0;

}



.quantity-nav {

  float: left;

  position: relative;

  height: 30px;

}



.quantity-button {

  position: relative;

  cursor: pointer;

  border-left: 1px solid #000;

  width: 30px;

  text-align: center;

  color: #fff;

  /*font-size: 18px;

  font-weight:700;*/

  line-height: normal;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  background:#000;

   

}



.quantity-button.quantity-up {

  position: absolute;

  height: 50%;

  top: 0;

  /*border-radius:0 50px 0 0;*/

  background-image:url(../images/up.png); background-repeat:no-repeat; background-position:10px 5px;

}



.quantity-button.quantity-down {

  position: absolute;

  bottom: 0px;

  height: 50%;

  /*border-radius:0 0 50px 0;*/

  background-image:url(../images/down.png); background-repeat:no-repeat; background-position:10px 5px;

}



.quantity-button:hover { background-color:#000;}



/* Quantity Button Style End */





.DesTab { width:100%; float:left; padding-top:50px}



.DesTabHdng { width:100%; float:left;}

.DesTabHdng ul {}

.DesTabHdng ul li { background:#fff; color:#000; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-weight:400; margin:0 1px 0 0; border:1px solid #000;}

.DesTabHdng ul li.resp-tab-active{ background:#000; color:#fff;}



.TabsDes { width:100%; float:left; padding:30px 15px}

.TabsDes h2 { color:#333; font-size:18px; padding-bottom:15px; font-weight:700; display: none;}
.TabsDes h3 { color:#333; font-size:14px; padding-top:15px; font-weight:700;}

.TabsDes p { font-size:16px; color:#666; line-height:26px; padding-bottom:20px;}
.TabsDes p.disclaimer { font-size:15px; color:#666; line-height:18px; padding-bottom:10px;}

.TabsDes .chart-container { padding: 0;}
.TabsDes .chart-table { margin-top: 0; width: 100%;}
.TabsDes .chart-table .scfw-chart-table-title { font-size: 20px; padding: 10px; background-color: #000; text-transform: uppercase; color: #fff; font-weight: 600; margin-bottom: 0;}

.TabsDes .chart-table table#size-chart tr th, 
.TabsDes .chart-table table#size-chart tr td { min-width: fit-content; width: 120px; }

.PrdctSliderDiv { width:100%; float:left; margin-bottom:100px;}

.PrdctSliderDiv h2 { font-family: 'Futura-HeavyOblique'; text-align:center; font-size:30px; color:#000; text-transform:uppercase; padding-bottom:15px; letter-spacing:2px; }



.PrdctSlider { width:100%; float:left;}



.HpPrdctDiv02 { width:100%; float:left; text-align:center;}

.HpPrdctDiv02 a { display:block; margin:0 15px;position:relative; }

.HpPrdctDiv02 a img { position: relative; z-index: 1; -webkit-transition: opacity .18s ease; transition: opacity .18s ease; opacity: 1; }

/*.HpPrdctDiv02 img:nth-of-type(2) { position: absolute; top: 0; left: 0; z-index: 0; }
.HpPrdctDiv02:hover img:first-of-type { opacity: 0; }*/





.PS_SlidePic { width:100%; float:left; height:310px; line-height:308px; border:1px solid #dcdcdc;



 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}

.PS_SlidePic img { display:inline-block;



transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;}



.PS_SlidePicTxt { width:100%; float:left; padding-top:20px;}

.PS_SlidePicTxt h3 { font-family: 'Futura-HeavyOblique'; font-size:18px; color:#333; text-transform:uppercase; line-height:22px; 

 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}

.PS_SlidePicTxt h3 span { display:block; color:#ff0200;

 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;

}



.PrdctSlider .slick-dots { bottom:-70px;}

.PrdctSlider .slick-dots li button { width:14px; height:14px; background:#cccccc; margin:0 5px; text-indent:-999999999px;}

.PrdctSlider .slick-dots li.slick-active button { background:#000;}


.cstmr_reviews_lst { float: left; width: 100%; padding: 40px 0 20px; }
.cstmr_reviews_lst h2 { font-size: 30px; font-family: 'Futura-HeavyOblique'; text-transform: capitalize; margin-bottom: 20px;}
.cstmr_reviews_lst ul {}
.cstmr_reviews_lst ul li { margin-bottom: 15px; }
.cstmr_reviews_slidr { float: left; width: 100%; }
.cstmr_reviews_slidr img { display: block; margin: 0 auto; border: 1px solid #a2a2a2; height: 200px; width: 100%; object-fit: cover; object-position: center;}

.cstmr_reviews_slidr .slick-prev, 
.cstmr_reviews_slidr .slick-next {height:30px; line-height:30px; width:30px; background:#000; top: -37px; }


.cstmr_reviews_slidr .slick-prev { right:45px; left: auto; /*background:#0056a3 url(../images/white_arrow_left.png) no-repeat center center;*/}
.cstmr_reviews_slidr .slick-prev::before { font-family: 'FontAwesome'; content: "\f104"; font-size:18px; color:#fff; font-weight:bold; line-height:30px;}


.cstmr_reviews_slidr .slick-next { right:10px; /*background:#0056a3 url(../images/white_arrow_right.png) no-repeat center center;*/}
.cstmr_reviews_slidr .slick-next::before { font-family: 'FontAwesome'; content: "\f105"; font-size:18px; color:#fff; font-weight:bold; line-height:30px;}


.cstmr_reviews_slidr .slick-prev:hover,
.cstmr_reviews_slidr .slick-next:hover { background:#666;}

button.mfp-arrow { top:50%; } 
.mfp-arrow-left::after, .mfp-arrow-left .mfp-a { border:0; margin:0;}
.mfp-arrow::after, .mfp-arrow .mfp-a { border:0; margin:0;}
.mfp-arrow-right::before, .mfp-arrow-right .mfp-b {  border:0; }
.mfp-arrow::before, .mfp-arrow .mfp-b { border-top-width:0; border-bottom-width:0; }

.mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { margin:0; }


.mfp-image-holder .mfp-close { background:url(../images/close_btn.png) no-repeat top center / contain; padding:0; border:0; color:#00002e;  border-radius:0; width:30px; height:30px; line-height:normal; text-align:center; font-family:initial; font-size:35px; text-indent:-9999px;}
.mfp-arrow { width:16px; height:31px; margin:-15px 0 0 0;}
.mfp-arrow.mfp-arrow-left { background:url(../images/lft_arrow_popup.png) no-repeat top center; background-size:contain; opacity:1; left:55px;}
.mfp-arrow.mfp-arrow-right { background:url(../images/rgt_arrow_popup.png) no-repeat top center; background-size:contain; opacity:1; right:55px;}


/* Listing Detail Page End */



/* Cart page Start */



.ChckOutDiv { width:100%; float:left; padding:80px 0 30px;}

.ChckOutDiv h1 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#000; text-transform:uppercase; letter-spacing:2px;  padding-bottom:15px;}

.ChckOutLeft { width:100%; float:left; max-width:70%;}



/* Cart Page Styling Start */



.ChckOutLeft table { width:100%; float:left;}

.ChckOutLeft table tr { text-align:center; border:1px solid #a7c4dd;}

.ChckOutLeft table tr th { text-align:center; padding:10px 10px 10px; background:#d4e5f5; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#000; text-transform:uppercase; font-weight:normal;border:1px solid #367bbd; }

.ChckOutLeft table tr th:nth-child(2) { text-align:left; width:347px;}



.ChckOutLeft table tr td { padding:10px; font-weight:normal; border:1px solid #367bbd; position:relative;}

.ChckOutLeft table tr td a { text-decoration:none; display:block;}



.ChckOutLeft table tr td:nth-child(2) { text-align:left; width:347px;}

/*.ChckOutLeft table tr td a span { height:100px; line-height:96px; width:140px; border:2px solid #0056a3; float:left; background:#fff; margin:0 20px 0 0;}*/



.ChckOutLeft table tr td button { float:right; position:absolute; top:20px; right:10px; background:none; border:0px; color:red; font-weight:bold; font-size:20px;}

.ChckOutLeft table tr td a img {}

.ChckOutLeft table tr td a h2 { font-family: GothamBold; font-size:18px; color:#00acee; line-height:22px; text-transform:uppercase; text-align:left; padding:15px 0 0;}

.ChckOutLeft table tr td a:hover h2 { color:#0056a3;}

.ChckOutLeft table tr td h3 { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; line-height:20px;}



.ChckOutRight { width:100%; float:left; max-width:27%; margin:0 0 25px 3%; background:#fff; padding:0px 20px;}



.CouponRightDtl { width:100%; float:left; max-width:100%; text-align:center;}

.CouponRightDtl h2 { font-family: 'Futura-HeavyOblique'; font-size:22px; color:#000;  letter-spacing:2px; text-transform:uppercase; margin-bottom:14px;}

.CouponRightDtl h2 small { font-family:Arial, Helvetica, sans-serif; font-size:18px; display:block; color:#000;}



.CouponRightDtl ul { width:100%; float:left; margin-bottom:16px;}

.CouponRightDtl ul li { width:100%; float:left; border-bottom:1px solid #000; padding:5px 0px; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#000; text-align:left; text-transform:uppercase; }

.CouponRightDtl ul li h3 {float:left; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#000; padding:0px; text-transform:uppercase; }

.CouponRightDtl ul li span { float:right !important;font-family: 'Futura-HeavyOblique'; float:left; font-size:18px; color:#000;}



.CouponRightDtl button { height:46px; line-height:44px; padding:0 25px; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#fff; background:#000; text-transform:uppercase; border:0px; letter-spacing:1px;  



 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;  

 }



.CouponRightDtl button:hover { letter-spacing:3px;}



.CoupenCodeDiv { width:100%; float:left;}



.CoupenCodeBtn { width:100%; float:left; max-width:100%; margin-top:0px;}

.CoupenCodeBtn a  { height:46px; line-height:44px; padding:0 25px; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#fff; background:#000; text-transform:uppercase; border:0px; letter-spacing:1px;  text-decoration:none; float:right;



 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;  

 }

.CoupenCodeBtn a:hover { letter-spacing:3px;}



.CoupenCodeField { width:100%; float:right; max-width:27%;}



.CoupenCodeField h2 { font-family: 'Futura-HeavyOblique'; font-size:18px; color:#333; text-transform:uppercase;  padding-bottom:10px; letter-spacing:1px;}



.CoupenCodeField input[type="text"] { width:60%; float:left; background:#fff; /*! border:0px; */ border:1px solid #bababa; height:46px; line-height:44px; padding:0 15px;  font-family: 'Futura-HeavyOblique';font-size:16px; color:#999999; border-radius:2px;}



.CoupenCodeField input[type="submit"] { margin-left:5%; width:35%; height:46px; line-height:44px; padding:0 25px; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#fff; background:#000; text-transform:uppercase; border:0px; letter-spacing:1px;  text-decoration:none; float:left; border:1px solid #000; border-radius: 0;



 transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;  

 }

.CoupenCodeField input[type="submit"]:hover { background:#fff; color:#000;}



/* Cart page End */



/* Faq Page Start */



.FaqDiv { width:100%; float:left; padding:70px 0px;}



.FaqNav { width:100%; max-width:310px; float:left; border:1px solid #dcdcdc; margin:0 40px 0 0;}

.FaqNav ul {}

.FaqNav ul li { border-bottom:1px solid #dcdcdc; width:100%; float:left;}

.FaqNav ul li a { display:block; font-family: 'Futura-HeavyOblique'; font-size:16px; color:#333;  padding:15px 28px 16px; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}

.FaqNav ul li a i { opacity:0; float:right;color:#2e3192;}

.FaqNav ul li a:hover,

.FaqNav ul li.active a { background:#000; color:#fff;}

.FaqNav ul li a:hover i,

.FaqNav ul li.active a i { opacity:1;}



.FaqCntnt { overflow:hidden;}





.faqsHdng { width:100%; float:left;}

.faqsHdng h1 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#000;  text-transform:uppercase; padding-bottom:15px; letter-spacing:2px;}

.faqsHdng h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;text-transform:uppercase; padding-bottom:8px; letter-spacing:1px; font-weight:700;}

.faqsHdng p { font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#666;  padding-bottom:20px;}

.faqsHdng p a { color:#0018ff;}

.faqsHdng ul { counter-reset: my-badass-counter;}

.faqsHdng ul li { font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#666; 

 padding:0 0 20px 20px; position:relative;}

.faqsHdng ul li:before {

	content: counter(my-badass-counter, decimal); 

	counter-increment: my-badass-counter; 

	float: left; left:0; position:absolute; right:0; top:2px;

	font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#666;  padding-bottom:20px;}





.faqs { width:100%; float:left;}



/*------------------------------------*\

-------- DEMO Code: accordion

\*------------------------------------*/

/*----- Accordion -----*/

.accordion, .accordion * {

	-webkit-box-sizing:border-box; 

	-moz-box-sizing:border-box; 

	box-sizing:border-box;

}



.accordion {

	overflow:hidden;

	

}



.accordion-section { float:left; width:100%; margin-bottom:10px;}



/*----- Section Titles -----*/

.accordion-section-title {

	transition:all linear 0.15s;

	/*background-color:#0077c0;*/ 

 	font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    display: block;

	position: relative;

	outline:none;

    -webkit-transition:  color 0.2s ease-in-out;

	-moz-transition:  color 0.2s ease-in-out;

	-o-transition:  color 0.2s ease-in-out;

	-ms-transition:  color 0.2s ease-in-out;

	transition:  color 0.2s ease-in-out;

	text-decoration:none;

	color:#666;

	padding:10px 20px 9px;

	border:1px solid #000;

	float:left; width:100%;

}

.accordion-section-title:before { content:""; background-image:url(../images/plus_minus_new.png); background-repeat:no-repeat; background-position:0 0; height:16px; width:16px; position:absolute; top:50%; right:10px; margin:-8px 0 0;}

.accordion-section-title:focus { color:#666; text-decoration:none; }

.accordion-section-title.active, .accordion-section-title:hover {

	background-color:#000;

	/* Type */

	text-decoration:none;

	border:1px solid #000; 

	color:#fff;

}

.accordion-section-title.active:before { background-position:0 -16px; }



/*----- Section Content -----*/

.accordion-section-content {

	padding:0px;

	display:none;

	float:left; width:100%;

}



.WorkAcrdionDiv { float:left; width:100%; padding:12px 25px;border:1px solid #000; border-top:0px;}

.WorkAcrdionDiv p {font-size:14px; color:#666; line-height:24px; }

.WorkAcrdionDiv p strong { font-weight:700; }

.WorkAcrdionDiv a { font-size:14px; color:#fff; background:#f48020; border:2px solid #f06f22; padding:10px 18px; font-family: 'BrandonGrotesque-Bold'; text-transform:uppercase; text-decoration:none; display:inline-block;}

.WorkAcrdionDiv a:hover { background:#0077c0; border:2px solid #0077c0;}



/* Faq Page End */



/* PAYMENTS & TECHNOLOGY Start */



.PymntTchnlgy h2 { padding-bottom:20px;}

.PymntTchnlgy ul { counter-reset:none;}

.PymntTchnlgy ul li { padding-left:0px;}

.PymntTchnlgy ul li strong { color:#333;}

.PymntTchnlgy ul li:before { display:none;}

.PymntTchnlgy ul li a { color:#666;}



/* PAYMENTS & TECHNOLOGY End */



/* Blog Page Start */



.Our_Community { width:100%; float:left; padding:50px 0 50px;}

.Our_Community h1 { font-family: 'Futura-HeavyOblique'; font-size:36px; color:#000; padding-bottom:40px; text-align:center; text-transform:uppercase; letter-spacing:2px;}

.Our_Community h2 { font-family: 'Futura-HeavyOblique'; font-size:36px; color:#000; padding-bottom:40px; text-align:center; text-transform:uppercase; letter-spacing:2px;}



.Blog_Left_Side { width:100%; float:left;}

.Blog_Left_Side h3 { font-family: 'Futura-HeavyOblique'; font-size:18px; color:#333; padding-bottom:10px; text-transform:uppercase; letter-spacing:2px;}

.Blog_Left_Side ul {}

.Blog_Left_Side ul li { margin-bottom:30px;}

.Blog_Left_Side ul li .Blog_Left_Pic { width:100%; float:left; position:relative; border:1px solid #d1d1d1;}

.Blog_Left_Side ul li .Blog_Left_Pic02 { border:0px;}

.Blog_Left_Side ul li .Blog_Left_Pic img { width:100%;}

.Blog_Left_Side ul li .Blog_Left_Pic_Text { width:100%; float:left; position:absolute; bottom:0; left:0; background:rgba(255, 255, 255, 0.8); padding:10px 10px 10px;  color:#999; font-size:16px; }

.Blog_Left_Side ul li .Blog_Left_Pic_Text a { position:absolute; right:0; bottom:50px; background:url(../images/blog_readmore.jpg); background-repeat:no-repeat; background-position:top center; height:40px; width:40px; transition:none;}

.Blog_Left_Side ul li .Blog_Left_Pic_Text a:hover { background-position:bottom center;}

.Blog_Left_Side ul li .Blog_Left_Pic_Text h4 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0a4e9b; line-height:30px; padding-bottom:0;}



.Blog_Left_Side ul li .Blog_Left_Pic h5 { color: #0a4e9b; font-family: 'Futura-HeavyOblique'; font-size:18px; line-height:24px; text-transform:lowercase; padding:21px 0 18px; text-transform:uppercase; letter-spacing:1px;}

.Blog_Left_Side ul li .Blog_Left_Pic h5::first-letter { text-transform:uppercase;}

.Blog_Left_Side ul li .Blog_Left_Pic p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#999; line-height:24px; padding-bottom:20px;}

.Blog_Left_Side ul li .Blog_Left_Pic a {color:#01aef0; text-decoration:none;}

.Blog_Left_Side ul li .Blog_Left_Pic a:hover { color:#0b558a ;}



.Blog_Left_Pic ul {}

.Blog_Left_Pic ul li { font-weight:400; font-size:16px; color:#999999; line-height:18px; list-style:inside;}



blockquote { font-size:16px; color:#999;}

img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin:10px auto; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; } 



.Blog_Right_Side { width:100%; float:left;}



.Blog_Third { width:100%; float:left;}

.Blog_Third a { text-decoration:none; display:block; margin-bottom:15px;}

.Blog_Third a span { background:#2e3192;color: #fff; display: inline-block; font-size: 25px; height: 60px; line-height:62px; text-decoration: none; width: 60px; text-align:center; margin-right:4px;}

.Blog_Third a h2 { font-family: 'Futura-HeavyOblique';  font-size:12px; color:#00abf0; text-align:left; display:inline-block; vertical-align:top;}

.Blog_Third a:hover span { background:#01aef0;}

.Blog_Third a:hover h2 { color:#01aef0;}

.Blog_Third ul {}

.Blog_Third ul li { margin-bottom:30px;}

.Blog_Third ul li a { margin-bottom:0;}

.Blog_Third ul li a img { width:100%;}

.Blog_Third ul li a:hover { opacity:.5;}



/* Blog Page End */



.single-product .variations .label{ padding: 3px 30px 3px 0px; }





/* ThankYou Page Start */



.Thankyou { width:100%; max-width:660px; margin:0 auto; text-align:center; padding:70px 0px;}

.Thankyou span { height:58px; line-height:58px; width:58px; background:#0259a6; border-radius:50%; margin-bottom:15px; display:inline-block;}

.Thankyou h1 {  font-family: 'Futura-HeavyOblique'; font-size:60px; color:#0056a3; text-transform:uppercase; padding-bottom:25px; letter-spacing:2px;  letter-spacing:4px;}

.Thankyou h2 { font-family:Arial, Helvetica, sans-serif;  font-size:30px; color:#333; padding-bottom:50px; margin-bottom:40px;  position:relative;}

.Thankyou h2:after { content:""; position:absolute; left:0px; right:0px; bottom:0px; background:#d5d5d5; height:1px; width:300px; margin:0 auto;}

.Thankyou p { font-family:Arial, Helvetica, sans-serif;  font-size:18px; color:#666; line-height:24px; padding-bottom:40px; }



.Thankyou a { padding:0 24px; background:#2c96f4; height:43px; line-height:43px; display:inline-block; margin:0 5px; font-family: 'BrandonGrotesque-Bold'; font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none;}

.Thankyou a i.fa-long-arrow-left { margin:0 17px 0 0;}



.Thankyou a:hover { background:#0056a3; color:#fff;}



/* ThankYou Page End */



/* About Us Start */



.AboutDiv { width:100%; float:left; padding:70px 0px;}

.AboutDiv h1 { font-family: 'Futura-HeavyOblique'; font-size:30px; color:#000; text-transform:uppercase; letter-spacing:2px;  padding-bottom:15px;}

.AboutDiv p { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#666; padding-bottom:15px;}

.AboutDiv p img { float:right; margin:0 0 20px 30px;}



/* About Us End */



/* Contact Us Start */



.ContactDiv { width:100%; float:left; padding:70px 0px;}



.SendUsMesg { max-width:60%; width:100%; padding:0 15px; margin:0 auto 30px; text-align:center;}

.SendUsMesg h2 { font-family: 'Futura-HeavyOblique'; font-size:40px; color:#000; margin:0 0 35px; text-transform:uppercase; font-weight:400; letter-spacing:2px; }

.SendUsMesg .row { margin:0 -10px;}

.SendUsMesg ul { float:left; width:100%; }

.SendUsMesg ul li { padding:0 10px; margin-bottom:22px;}

.SendUsMesg ul li label { float:left; width:100%; font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:400; text-transform:capitalize; margin:0 0 12px; color:#999;   text-align:left;}

.SendUsMesg ul li input[type="text"],

.SendUsMesg ul li input[type="email"] { float:left; width:100%; height:50px; background:#fff; padding:0 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#999; border:1px solid #e2e2e2; }

.SendUsMesg ul li textarea { float:left; width:100%; height:150px; background:#fff; padding:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#999; border:1px solid #e2e2e2; resize:none; }



.SendUsMesg ul li input[type="submit"] { display:inline-block; width:130px; height:46px; background:#2e3192; font-weight:700; text-transform:uppercase; font-size:18px; color:#fff; border:0;  cursor:pointer; letter-spacing:1px;}

.SendUsMesg ul li input[type="submit"]:hover { background:#000; letter-spacing:3px;}

.SendUsMesg ul li#field_1_9 label,
.SendUsMesg ul li#field_1_10 { display:none;}

.SendUsMesg ul li:nth-child(6){ width:100%;}



.select-style { padding: 0; margin: 0; border: 1px solid #e2e2e2; width: 100%; overflow: hidden; background-color: #fff; position: relative; 

font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:400; color:#999;  height:50px; line-height:48px; text-transform:capitalize;}



.select-style:after {  top: 50%; right: 15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-top: -4px;  z-index: 100; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #5c5c5c;}



.select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; height:48px;}

.select-style select:focus { outline: none;}



.select-style select option { border-bottom:1px solid #999; padding:10px 5px;}







.CntctInfo { width:100%; float:left; padding:0 15px; text-align:center;}

.CntctInfo h3 { font-weight:400; font-size:20px; color:#000;  padding-bottom:18px;}

.CntctInfo ul {}

.CntctInfo ul li { margin-bottom:15px;}

.CntctInfo ul li img { margin:0 10px 0 0; vertical-align:top;}

.CntctInfo ul li p { font-weight:400; font-size:16px; color:#666; line-height:20px; display:inline-block;}

.CntctInfo ul li a { font-weight:400; font-size:16px; color:#666; line-height:20px; text-decoration:none;}

.CntctInfo ul li a:hover { color:#2a9cce;}


/*************** Archive Page **************/

.archive .PaddingRightLeft { padding: 60px 40px 30px; }
.archive .filter_Prdcts { width: 25%; padding-right: 15px; }
.archive .filter_Prdcts h2 { font-family: 'Futura-HeavyOblique'; font-size: 20px; color: #000; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 2px;}
.archive .filter_Prdcts ul li { float: left; width: 100%; margin-bottom: 15px;  }
.archive .filter_Prdcts ul li a,
.archive .filter_Prdcts ul li span { font-family: 'BrandonGrotesque-Regular'; font-size: 14px; color: #999; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; }
.archive .dropdown_layered_nav_size {  float: left; width: 100%; height: 45px; padding: 0 10px; }
.archive .Hp_Prdct { width: 75%; padding: 0 0 0 15px; }





























/* Contact Us End */



.woocommerce-shipping-destination{display:none;}

.woocommerce ul#shipping_method li{border-bottom:none;}

.woocommerce-store-notice, p.demo_store{ background-color: #fff; font-size:12px; color:#000 !important; padding:8px 0 !important;}

.woocommerce-store-notice a, p.demo_store a{ display:none;}



#ship-to-different-address { text-transform: uppercase; padding-left: 20px; cursor: pointer; }











@-webkit-keyframes hvr-pulse {

  25% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }



  75% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}



@keyframes hvr-pulse {

  25% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }



  75% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}



.hvr-pulse {

  display: inline-block;

  vertical-align: top;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-animation-name: hvr-pulse;

  animation-name: hvr-pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.NewHdrNav ul li.hvr-pulse a { color:red !important;}



p.cv-tooltip{display:none;}

/* Customer reviews Page Start */

.CstmrRvwsSec_Tab { width: 100%; max-width: 1470px; margin:0 auto;}

.CstmrRvwsSec { width:100%; float:left; text-align:center; padding:70px 40px; }
.CstmrRvwsSec h2 { font-family: 'BrandonGrotesque-Medium'; font-size: 35px; color: #000; margin-bottom: 50px; text-transform: uppercase; letter-spacing: 0.5px; }

.CR_hdng { width:100%; float:left; text-align:center; margin-bottom:40px;}
.CR_hdng ul {
	display: inline-block;
	border-bottom: 1px solid #666;
	padding: 0 50px 5px;
}
.CR_hdng ul li { display:inline-block; float:none;}
.CR_hdng ul li a { border:0px; font-family: 'BrandonGrotesque-Medium'; font-size:16px; color:#666; text-transform:uppercase; letter-spacing:1px; margin:0 15px; padding:0 15px 0px; font-weight:normal; text-decoration: none; }

.CR_hdng ul li a:hover { color:#000;}
.CR_hdng ul li.active a { border-top:1px solid #666; padding:10px 15px 0px !important; color:#000; }

.tab-content { display: none; }
.tab-content.active { display: block; }

/* Select options style for Mobile Start */

.select-style-Main { float: left; width: 100%; padding: 15px;}
.select-style-Main .select-style { margin: 0 auto; padding: 0; border: 1px solid #979797; width: 100%; max-width: 270px; overflow: hidden; background-color: transparent; position: relative; height: 50px; line-height: 46px; float: none;}


.select-style-Main .select-style:before { content: "";  position: absolute; right:40px; top:0px; height:100%; width:1px; background: #979797; pointer-events: none; }
.select-style-Main .select-style:after { font-size: 24px; top: 5px; right: 26px; font-family: 'FontAwesome'; content: "\f107"; height: 0; width: 0; position: absolute; pointer-events: none; margin-top: -4px;    z-index: 0;  width: 0; height: 0; border: 0; color: #000;  }

.select-style-Main .select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; padding: 0 42px 0 10px; text-align: left; font-weight: 400; font-size: 16px; color: #000; letter-spacing: 0.8px; font-family: 'BrandonGrotesque-Medium'; }
.select-style-Main .select-style select option { font-size: 16px; text-transform: uppercase;}
.select-style-Main .select-style select option:first-child { display:block;}
.select-style-Main .select-style select:focus { outline: none;}

/* Select options style for Mobile End */


.CstmrRvwsSec .resp-tabs-container { border:0px;}

.CR_Des { border:0px; padding:0px;}
.CR_Des ul { width: 100%; float: left;}
.CR_Des ul li { width: 100%; max-width: 245px; float: left; padding: 0 15px 30px; }
.CR_Des ul li img { width: 100%; border:1px solid #000; }

.CR_Des_Video ul {}
.CR_Des_Video ul li { width: 50%; max-width: 25%; }
.CR_Des_Video ul li iframe { width: 100%; height: 200px; }

.FB_Des { width: 100%; max-width: 1470px; margin:0 auto; padding: 0; border: 0; }

.FB_Des .wp-facebook-place {
	width: 100% !important;
	max-width: 740px !important;
	margin: 0 auto 50px !important;
	background: #f2f2f2 !important;
	padding: 25px 10px !important;
	clear: both !important;
}


.FB_Des .wp-facebook-left { display: inline-block !important; margin-bottom: 15px !important; }
.FB_Des .wp-facebook-place .wp-facebook-left img { width: 70px!important; height: 70px!important; }

.FB_Des .wp-facebook-place .wp-facebook-right { display: block !important; width: auto !important; }
.FB_Des .wp-facebook-place .wp-facebook-name { font-size: 20px !important; margin-bottom: 8px !important; }
.FB_Des .wp-facebook-place .wp-facebook-name a { letter-spacing: 1px !important; }
.FB_Des .wp-facebook-place .wp-facebook-powered { font-size: 18px !important; letter-spacing: letter-spacing: 1px !important;
text-transform: capitalize !important; }
.FB_Des .wp-facebook-place .wp-facebook-powered span { font-size: 18px !important; }


.FB_Des .wp-facebook-content-inner { width: 100% !important; float: left !important;}
.FB_Des .wp-facebook-review { display: inline-block !important; padding: 0 25px 50px !important; width: 20% !important; }



.FB_Des .wp-facebook-content-inner a.wp-facebook-url { width:200px !important; height:46px; line-height:44px !important; padding:0 25px !important; font-family: 'Futura-HeavyOblique' !important; font-size:16px !important; 
color:#fff !important; background:#000 !important; text-transform:uppercase; border:0px; letter-spacing:1px;  text-decoration:none; float:left; border:1px solid #000 !important; border-radius: 0 !important; display: inline-block !important; letter-spacing: 2px !important;

 transition:all 0.4s ease-in-out 0s !important; 
 -moz-transition:all 0.4s ease-in-out 0s !important; 
 -ms-transition:all 0.4s ease-in-out 0s !important; 
 -o-transition:all 0.4s ease-in-out 0s !important; 
 -webkit-transition:all 0.4s ease-in-out 0s !important;  

 }
.FB_Des .wp-facebook-content-inner a.wp-facebook-url:hover { background:#fff !important; color:#000 !important;}


/* Customer reviews Page End */

.Whatsapp {
     width: 50%;
     float: left;
     position: fixed;
     left: 0;
     bottom: 0;
     z-index: 9;
     text-align: center;
}
.Whatsapp a { display: block; font-size: 16px; color: #fff;background: green; padding: 10px 10px; text-decoration: none; }
.Whatsapp a i { font-size: 20px; margin-right: 10px; }
.Whatsapp a:hover { background: #2c6300; }

/* .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch:not(.swatch-color) { background-color: #000 !important; } */

.swatch-label.selected { background-color: #000 !important; }


.exerciseNew { width:100%; float:left;}
.exerciseNew ul {}
.exerciseNew ul li { display: flex; flex-wrap: wrap; }

.qr_main { width: 100%; float: left; background: #f1f1f1; margin-bottom: 30px; }

.quidem_rerum_img { width: 50%; float: left; }
.quidem_rerum_img a { display: block; }
.quidem_rerum_img a img { width:100%; height: auto; }
.quidem_rerum_img a:hover img { opacity: 0.8; }


.quidem_rerum {
    width: 50%;
    float: right;
    padding: 5px 25px 5px;
    text-align: left;
    display: flex;
    align-content: space-evenly;
    height: 100%;
    flex-wrap: wrap;
}
.quidem_rerum h2 { font-size: 30px; color: #000; font-family: 'NunitoSansRegular'; line-height: 30px; padding-bottom: 10px; }
.quidem_rerum h2 a { text-decoration: none; color: #000; }
.quidem_rerum h2 a:hover { color: #d7a316; }

.quidem_rerum h5 { font-size: 16px; color: #000; padding:10px 0 15px 0; font-family: 'NunitoSansRegular'; }
.quidem_rerum p { font-size: 18px; color: #666;  line-height: 24px; font-family: 'NunitoSansRegular'; padding-bottom: 10px; }
.quidem_rerum a  { font-size: 20px; color: #000; text-transform: uppercase; text-decoration: none; font-family: 'NunitoSansBold'; display: block; }
.quidem_rerum a:hover { color: #d7a316; }

.ExtraContent { width: 100%; float: left; }
.ExtraContent h1 { font-size: 30px; color: #000; padding-bottom: 10px; font-family: 'BrandonGrotesque-Medium'; }
.ExtraContent h2 { font-size: 24px; color: #000; padding-bottom: 10px; font-family: 'BrandonGrotesque-Medium'; }
.ExtraContent p { font-size: 16px; line-height: 26px; color: #000; padding-bottom: 20px; }




/* testimonials style */

.HpTstmnl {
    padding: 70px 0 85px;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
  background-size: cover;
}
 
 
 
 
.HpTstmnl .container {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
 
.HpTstmnlHead {
    text-align: center;
    margin: 0 auto;
}
 
.HpTstmnlHead span {
    display: inline-block;
    color: #E8563F;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 18px;
    margin-bottom: 30px;
}
 
.HpTstmnlHead h2 {
    margin: 0;
    color: #444444;
    font-size: 82px;
    font-weight: 700;
    margin-bottom: 30px;
      line-height: 100%;
}
 
.HpTstmnlHead p {
    color: #6C6C6C;
    font-size: 16px;
    max-width: 686px;
    margin: 0 auto;
}
 
.HpTstmnlSldr {
    position: relative;
    max-width: 100% !important;
    padding-bottom: 40px;
}
 
.HpTstmnlSldr .slick-track {
    display: flex;
    align-items: center;
}
 
.HpTstmnlSldr .slick-slide {
    padding: 20px 18px 55px;
    height: auto;
}
 
.HpTstmnlSnglSlide {
    background: #fff;
    min-height: 205px;
    padding: 22px 30px;
    border-radius: 10px;
    box-shadow:
    inset 0 0 1px rgba(0, 0, 0, 0.04),
    0 6px 18px rgba(33, 79, 132, 0.08);
    transition: all 0.35s ease;
}
 
.HpTstmnlSldr .slick-center .HpTstmnlSnglSlide {
    transform: translateY(40px);
}
 
.tstmStars {
    color: #ff5d4a;
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 18px;
    line-height: 1;
}
 
.HpTstmnlSnglSlide p {
    color: #6c6c6c;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 34px 0;
}
 
.HpTstmnlSnglSlide h4 {
    color: #222;
    font-size: 12px;
    font-weight: 700;
    line-height: 4px;
    margin-left: 35px;
}
 
.HpTstmnlSnglSlide small {
    color: #505050;
    font-size: 9px;
    margin-left: 35px;
}
 
.HpTstmnlSldr .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.HpTstmnlSldr .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
 
.HpTstmnlSldr .slick-dots li button {
    width: 30px;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: #d7e3ff;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
 
.HpTstmnlSldr .slick-dots li button:before {
    display: none !important;
    content: "" !important;
}
 
.HpTstmnlSldr .slick-dots li.slick-active button {
    background: #4f8dff;
}
 
 
/* Responsive */
@media (max-width: 991px) {
    .HpTstmnlHead h2 {
        font-size: 42px;
    }
 
    .HpTstmnlSldr .slick-slide {
        padding: 18px 12px;
    }
}
 
@media (max-width: 767px) {
    .HpTstmnl {
        padding: 55px 0 70px;
    }
 
    .HpTstmnlHead span {
        letter-spacing: 5px;
        font-size: 11px;
    }
 
    .HpTstmnlHead h2 {
        font-size: 32px;
    }
 
    .HpTstmnlHead p {
        font-size: 13px;
    }
 
    .HpTstmnlSnglSlide {
        min-height: auto;
        padding: 25px;
    }
 
    .HpTstmnlSldr .slick-center .HpTstmnlSnglSlide {
        transform: none;
    }
 
    .HpTstmnlSldr .slick-prev {
        left: 10px;
    }
 
    .HpTstmnlSldr .slick-next {
        right: 10px;
    }
}
 
 
 
.HpTstmnlSldr {
    position: relative;
    /* padding-bottom: 80px; */
}
 
/* Dashes center bottom */
.HpTstmnlSldr .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.HpTstmnlSldr .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
 
.HpTstmnlSldr .slick-dots li button {
    width: 30px;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 20px;
 
    background-color: rgba(71, 133, 253, 0.35);
   font-size: 0;
    line-height: 0;
    cursor: pointer;
}
 
.HpTstmnlSldr .slick-dots li button:before {
    display: none !important;
    content: "" !important;
}
 
.HpTstmnlSldr .slick-dots li.slick-active button {
    background: #4785FD;
}
 
/* Arrows same line as dashes */
.HpTstmnlSldr .slick-arrow {
    position: absolute;
  top: 100%;
      width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ff5d4a;
    background: #fff;
    z-index: 10;
    cursor: pointer;
    font-size: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.3s ease;
}
.slick-dotted.slick-slider { margin-bottom: 0 !important;}
 
.HpTstmnlSldr .slick-prev {
    left: 46%;
}
 
.HpTstmnlSldr .slick-next {
    right: 46%;
}
 
/*.HpTstmnlSldr .slick-prev:before,
.HpTstmnlSldr .slick-next:before {
    font-size: 22px;
    line-height: 1;
    opacity: 1;
}
 
.HpTstmnlSldr .slick-prev:before {
    content: "‹";
    color: #ff5d4a;
}
 
.HpTstmnlSldr .slick-next:before {
    content: "›";
    color: #ff5d4a;
}
.HpTstmnlSldr .slick-arrow:hover {
    background: #ff5d4a;
    border-color: #ff5d4a;
}
 
.HpTstmnlSldr .slick-arrow:hover:before {
    color: #fff;
}
*/

.HpTstmnlSldr .slick-prev:before,
.HpTstmnlSldr .slick-next:before {
    font-family: "FontAwesome" !important;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
}

.HpTstmnlSldr .slick-prev:before {
    content: "\f104";
    color: #ff5d4a;
}

.HpTstmnlSldr .slick-next:before {
    content: "\f105";
    color: #ff5d4a;
}



/* collection / category styel */

.PaddingRightLeft{
    /* padding:0 36px; */
}
 
.BnrDiv{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
}
 
.Bnr{
    position:relative;
}
 
.Bnr a{
    display:block;
    position:relative;
    height:220px;
    overflow:hidden;
}
 
.Bnr img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top center;
    display:block;
    transition:.4s;
}
 
.Bnr:hover img{
    transform:scale(1.05);
}
 
.BnrTitle{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
 
background: linear-gradient(
    90deg,
    rgba(213,183,103,0) 0%,
    rgba(124,90,0,1) 48%,
    rgba(213,183,103,0) 100%
);
    color:#fff;
    text-align:center;
    padding:14px 10px;
 
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
 
    backdrop-filter: blur(2px);
}
 
@media(max-width:991px){
 
    .BnrDiv{
        grid-template-columns:repeat(3,1fr);
    }
 
}
 
@media(max-width:767px){
 
    .PaddingRightLeft{
        padding:0 15px;
    }
 
    .BnrDiv{
        grid-template-columns:repeat(2,1fr);
        gap:6px;
    }
 
    .Bnr a{
        height:120px;
    }
 
    .BnrTitle{
        font-size:10px;
        padding:10px 5px;
    }
 
}