.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow { font-size:0; position:absolute; top:50%; transform:translateY(-50%); z-index:5; padding:10px !important; background:none; }
.slick-arrow:before { color:#000; font-size:30px; display:block; font-family:"FontAwesome"; line-height:1; }
.slick-prev { left:0; }
.slick-prev:before { content:"\f104"; }
.slick-next { right:0; }
.slick-next:before { content:"\f105"; }


h1, h2, h3, h4, h5, h6 { font-family:'Poppins',Arial,Tahoma,sans-serif;font-weight:700;color:#000;margin-bottom:10px;}
html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

a { text-decoration:none; }

.mb20{margin-bottom:20px;}
.mb5{margin-bottom:5px;}
.b0{border:none !important;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.br{border-right:2px solid #fff;}
.p0{padding:0;}
video { display:block; }
.btn { font-weight:500; font-family:'Poppins'; }

html,body{overflow-x:hidden;}
body { color:#333; font-size:15px; position:relative; background:#fff; }

main { background:#fff; }
.container { padding-left:80px;padding-right:80px; margin:0 auto; }

header { padding:15px 0;position:fixed;top:0;width:100%;z-index:222; transition:all 0.3s ease-in-out 0s; }
header.sticky { padding:8px 0; background-color:#fff; box-shadow:0 2px 7px rgba(0,0,0,0.15); }
.admin-bar header { top:32px; }

.optHeader { display:flex; align-items:center; position:relative; }

#logo { max-width:200px; }
#logo img { display:block; }

.btn-buynow { white-space:nowrap; text-decoration:none;background:#000;color:#fff;font-weight:700;font-size:14px; display:inline-block; border-radius:7px;padding:10px 25px; border:2px solid #fff; }
.btn-buynow:hover{color:#fff;background:#f1554b; }
.navWrap { flex:1; text-align:center; }
@media screen and (min-width:1024px){
	.mbMenu { display:none; }
	#site-nav li { display:inline-block;margin:0 12px;}
	#site-nav li a { text-decoration:none;display:inline-block;line-height:30px;text-transform:uppercase;color:#000;font-size:14px;font-weight:500;border-bottom:2px solid transparent;}
	#site-nav li a:hover{ color:#d67272; border-bottom:2px solid #d67272; }
	
	#site-nav .btn-buynow { display:none; }
}


.banner { color:#000; font-size:18px; position:relative; padding:150px 0 0; width:100%; min-height:450px; background-color:#faf7f2; }
.banner h1 { color:#131313; font-family:poppins; font-size:60px; font-weight:700; line-height:1.2; margin:0 0 20px; text-shadow:1px 1px 3px #fff; white-space:nowrap; }
.txt-rotate {color:#f35333;}
.banner .desc { background-color:#f8f3e9; padding-bottom:30px; }
.banner p.txt { color:#444; font-size:22px; font-weight:300; letter-spacing:1px; max-width:800px; width:80%; margin:0 auto 30px; }
.banner .btnWrap { margin:0 -5px; }
.banner .btn { border-radius:7px; letter-spacing:0; padding:10px 20px; margin:5px; }
.banner .btn:hover,
.banner .btn.buy { color:#fff; background-color:#f35333; }
.banner .btn.buy:Hover { background-color:#333; }

.secTtl { font-size:36px; font-weight:700; line-height:1.2; }
.secTtl.white { color:#fff; } 

main section { padding:70px 0; }
main h2 { font-weight:400;font-size:30px;text-transform:uppercase; }
p.lead{font-size:18px;}

#demo { color:#000; background:#f8f3e9; padding-bottom:30px; }
#demo h2 b { font-size:140px; color:#fff; display:block; line-height:1; text-shadow:0 0 15px rgba(0,0,0,0.1); }
ul.homeDemos { padding:10px 0 0; margin:0 auto; display:flex; flex-wrap:wrap; max-width:1500px; }
ul.homeDemos li.demo { padding:0 25px; width:33.33%;box-sizing:border-box;margin-bottom:40px; transition:all 0.1s ease-in-out; position:relative; }
ul.homeDemos li.demo:hover { transform:translateY(-7px); opacity:0.8; }
ul.homeDemos .img { display:block; overflow:hidden; border-radius:7px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
ul.homeDemos li.demo h6 { font-weight:500; margin:0; padding:15px 10px; text-align:center; font-size:14px; color:#000; }

li.demo .new { color:#fff; position:absolute; right:0;top:-14px;text-transform:uppercase;font-size:12px;z-index:99;background-color:#ec524c; border-radius:50%;
	display:flex; justify-content:center; align-items:center; height:50px; width:50px; text-align:center; border:2px solid #f8f3e9; }

.moreDemo { display:flex; align-items:center; text-align:center; justify-content:center; font-size:50px; font-weight:300; color:#999; text-transform:uppercase; line-height:1.2; }

#shopDemo { padding-bottom:0; overflow:hidden; position:relative; background-color:#333; }
.demoTabs { margin:35px 0 45px; }
.demoTabs li { display:inline-block; margin:0 20px; text-transform:uppercase; }
.demoTabs li a { color:#fff; font-weight:500; display:inline-block; font-size:16px; padding:10px 0; border-bottom:2px solid #333; }
.demoTabs li a:hover  { border-bottom-color:#fff; }
.demoTabs li.active a { color:#f97d4c; border-bottom-color:#f97d4c; }

.tabContent { display:none; }
.tabContent.active { display:block; }

.demoslides { text-align:center; margin-bottom:-1px; }
.demoslides .demo { display:inline-block; max-width:700px; padding:0 25px; transition:all 0.3s ease-in-out; }
.demoslides .demo:not(.slick-current) { opacity:0.5; transform:translateY(20px); }
.demoslides .demo img { margin:0 auto; }
.demoslides .demo a { display:block; padding:10px 10px 0; background-color:#eee; border-radius:10px 10px 0 0; }


.themeCustomize { display:flex; justify-content:space-between; background-color:#f7f5f1; align-items:center; }
.os20 { font-size:70px; font-weight:700; }
.themeCustomize h3 { font-size:30px; font-weight:500; line-height:1.1; margin-bottom:25px; }
.themeCustomize .details { padding:30px; max-width:700px; margin:auto; }
.themeCustomize .img { width:50%; align-self:end; }
.themeCustomize ul { column-count:2; }
.themeCustomize li { padding:8px 0; }

.threeBox { padding:0; display:flex; justify-content:space-between; background-color:#f1eee8; overflow:hidden; }
.threeBox .coll { flex:1; text-align:center; padding:40px 40px 0; }
.threeBox h3 { font-size:24px; margin-bottom:10px; }
.threeBox .vdWrap { padding:5px 5px 0; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:7px 7px 0 0; }
.threeBox .filters { background-color:#fff; }

#mobSite { background-color:#f7f5f1; padding-bottom:0; }
.mobSite { display:flex; justify-content:space-between; align-items:center; }
.mobSite > div { flex:1; }
.mobSite .details { max-width:500px; margin:auto; padding:0 25px; }
.mobSite .img { max-width:1000px; }

#themeFeatures { background-color:#333; }
.featuresList { margin:0 auto; max-width:1500px; display:flex; flex-wrap:wrap; justify-content:center; }
.featuresList li { color:#fff; font-size:13px; line-height:1.3; text-transform:uppercase; flex:0 0 210px; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:210px; padding:10px; margin:10px; text-align:center; background-color:#000; border-radius:7px; }
.featuresList img { margin:0 auto 15px; display:block; }

#cutSection { padding-bottom:0; }

ul.support { display:flex; flex-wrap:wrap; justify-content:space-around; max-width:1400px; margin:0 auto; }
ul.support li { padding:10px; min-width:200px; }
ul.support li a { color:#333; }
ul.support li a:hover { color:#ee543b; }
ul.support li img { display:block; margin:0 auto 15px; max-width:70px; max-height:70px; }

.buy-now { background:url(images/buy-now-bg.png) no-repeat 50% 100% #333; color:#fff; padding:10% 0 40px; }
.buy-now h2 { color:#fff; font-size:55px; font-weight:700; text-transform:none; line-height:1.3; }
.buy-now p { color:#fff;font-size:16px; margin:0 0 40px; }
.buy-now .btn { color:#000; display:inline-block; padding:10px 30px; font-size:16px; border-radius:7px; white-space:nowrap; background-color:#f8f3e9; }
.buy-now .btn:hover { opacity:0.6; }
.buy-now .buynow { color:#fff; background-color:#f35333; }

.copyright { display:flex; padding:10% 0 0; text-transform:uppercase; justify-content:space-between; }
.copyright .logo { color:#fff; font-size:30px; font-weight:900; cursor:pointer; }

.section-header { margin-bottom:50px;}

#video { background:#f5f5f5;}
#video video {max-width:1000px; width:100%;}


.embedresize {
max-width: 800px;
margin: auto;
}

.embedresize div {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.embedresize iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#shopify-theme-testimonials { background:#f5f5f5;}

.testimonials {margin-bottom:40px; width:100%; display:inline-block;}
.testimonials .slick-track  {display:table; width:100%;}
.testimonials li {width:33%; display:table-cell !important; float:none;}
.testimonials li .detailtext { margin:0 20px; padding:30px; background:#fff; border-radius:4px; display:table; height: 100vh; max-height:400px; }
.testimonials li .reason { font-weight: 600; margin-bottom: 15px; display: block;text-transform: uppercase;letter-spacing: 0.5px;}
.testimonials li .detailtext div { margin-bottom:30px;}
.testimonials li .author { text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px;font-weight: 500; }
.testimonials .slick-prev { left:-25px;}
.testimonials  .slick-next {right:-25px;}
.review {display:block;}
.review .fa {margin:0 1px; font-size:12px;}

.sepBg img { width:100%; }


@media screen and (min-width: 768px){
	.banner {min-height:500px;}
}
@media screen and (max-width:1280px){
	.container { padding-left:40px; padding-right:40px; }
	
	ul.homeDemos { margin:0 -15px; }
	ul.homeDemos li.demo { padding:0 15px; }
	
	.themeCustomize .details { padding:20px; width:50%; }
	.themeCustomize .img { width:50%; }
	
	.featuresList .description { font-size:12px; }
	.featuresList .description h2 { font-size:13px; }
	.keyPoints ul { column-count:4; }
	
	.support { background-position:100% 100%; }
	.support .inners { padding-right:26%; }
	.support ul li { margin:10px; width:190px; line-height:1.2; }
}

@media screen and (max-width:1024px){
	.container { padding-left:30px; padding-right:30px; }
	
	
	.navWrap { text-align:right; }
	.optHeader .top-right { display:none; }
	
	.mbMenu { display:block; font-size:20px; }
	#site-nav { display:none; position:absolute; top:calc(100% + 8px); right:0; width:100%; background-color:#fcf9f4; text-align:center; padding:20px; opacity:0.9; box-shadow:0 5px 5px rgba(0,0,0,0.1); }
	#site-nav li + li { border-top:1px solid #e3ded4; }
	#site-nav li a { font-size:16px; padding:15px 0; display:block; }
	
	.secTtl { font-size:40px; }
	
	.banner { flex-direction:column; padding-top:100px; }
	.banner h1 { font-size:40px; }
	.banner .desc { padding-top:15px; }
	.banner p.txt { font-size:16px; }
	
	#demo h2 b { font-size:100px; }
	
	ul.homeDemos { margin:0 -10px; }
	ul.homeDemos li.demo { padding:0 10px; width:33.33%; margin-bottom:30px; }
	.moreDemo { font-size:35px; }
	
	.themeCustomize { flex-direction:column; }
	.themeCustomize .details, .themeCustomize .img { width:100%; }
	
}

@media screen and (max-width: 767px){
	html { margin:0 !important; }
	.container { padding-left:15px; padding-right:15px; }
	
	.admin-bar header { top:46px; }
	body { padding:0; font-size:13px; line-height:1.4; }
	
	main section { padding:50px 0; }
	.secTtl { font-size:26px; padding:0 20px; }

	main h2 { font-size:22px; line-height:1.2; }

	#logo { max-width:150px; }
	.banner h1 { font-size:30px; }
	.banner .btnWrap .btn { width:220px; }

	ul.homeDemos { margin:0 -7px; }
	ul.homeDemos li.demo { padding:0 7px; width:50%; margin-bottom:20px; }
	
	.demoTabs { margin:20px 0; }
	.demoTabs li { margin:0 8px; }
	.demoTabs li a { font-size:13px; }
	.demoslides .demo { max-width:300px; padding:0 10px; }
	
	.os20 { font-size:50px }
	.themeCustomize h3 { font-size:20px; }
	.themeCustomize ul { column-count:1; }
	
	.threeBox, .mobSite { flex-direction:column; }
	.threeBox .coll { padding:30px 20px 0; }
	.threeBox h3 { font-size:20px; }
	
	.mobSite .details { text-align:center; }
	.featuresList li { flex:0 0 160px; min-height:160px; margin:5px; }
	
	.buy-now h2 { font-size:30px; }
	.buy-now p { font-size:14px; }
	.buy-now .btn { width:100%; margin:0 0 15px; }
	
	.copyright .logo { max-width:140px; }
	.powered { max-width:100px; font-size:12px; }
}