html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {color:#555; font-family:'Poppins','Montserrat',Arial,Tahoma,sans-serif; }
h1, h2, h3, h4, h5, h6{font-weight:700;color:#000;font-family:'Montserrat';margin-bottom:10px;}
a{ text-decoration:none; transition:all 0.3s ease-in-out 0s; }
a:focus{outline:thin dotted;}
a, a *, button, input{transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
p{margin-bottom:3rem;}
.mb20{margin-bottom:20px;}
.mb5{margin-bottom:5px;}
.b0{border:none !important;}
a{outline:none;color:#555;text-decoration:none;transition-duration:0.5s;}
a:hover{color:#e3f00d;}
a, a:focus, a img{outline:0 none;}
.animated{transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.br{border-right:2px solid #fff;}
.p0{padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

html { overflow-x:hidden; }
body { color:#444;font-size:1.5rem; position:relative; }
.container{padding-left:15px;padding-right:15px;margin:0 auto;}

header{padding:20px 0;position:fixed;top:0;width:100%;z-index:222;transition:all 0.3s ease-in-out 0s;}
#logo{float:left;}
.top-right{float:right;}
.btn-buynow{float:right;background:#fb7e66;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;line-height:40px;border-radius:5px;padding:0 20px;}
.btn-buynow:hover{color:#fb7e66;background:#fff;text-decoration:none;}
#site-nav{float:right;margin-right:10px;}
#site-nav li{display:inline;margin:0 10px;}
#site-nav li a { display:inline-block;line-height:40px;text-transform:uppercase;color:#fff;font-size:13px;font-weight:600;border-bottom:2px solid transparent;}
#site-nav li a:hover { color:#fb7e66; text-decoration:none; border-bottom:2px solid #fb7e66; }
header.sticky { padding:8px 0; background-color:rgba(0,0,0,0.9); box-shadow:0 2px 7px rgba(255,255,255,0.4); }

.banner{ position:relative; height:900px; background:url('images/main-banner.jpg') no-repeat 50% 0 #000; background-size:cover; }
.caption { position:absolute;max-width:1200px;margin:0 auto;left:0;right:0; bottom:8%;text-align:center;text-transform:uppercase; text-shadow:2px 2px 2px rgba(0,0,0,0.4); }
.banner h1 { color:#fff; font-weight:700;font-size:60px; margin:0 0 1.5%;}
.banner h2{ color:#fff; font-weight:400;font-size:24px;letter-spacing:0.1em; margin-bottom:1.8%; }
.banner .btn { color:#fff; font-size:20px; font-family:'Montserrat'; display:inline-block; padding:10px; width:280px; margin:5px 15px; border:2px solid #fff; border-radius:25px; }
.banner .btn:hover { color:#fb7e66; border-color:#fb7e66; background:none; }

.reviewLine { color:#fff; font-size:2.3rem; padding-left:15px; padding-right:15px; text-align:center; background-color:#000; }
.reviewLine a { color:#fb7e66; }
.reviewLine a:hover { color:#ffac8c; text-decoration:underline; }

main section+section{padding:35px 0;}
main h2 { font-weight:700; font-size:2rem;text-transform:uppercase; }

#demoSec { background:#f5f5f5; }
#demoSec h2 { padding-top:25px;}
.demos { padding:0 20px; margin:0; }
.demos li.demo{padding:0 10px;width:25%;box-sizing:border-box;margin-bottom:40px;float:left;}
.demos li.demo:nth-child(4n+1) { clear:both; }
.demos li.demo:hover a{display:block;box-shadow:0 0 8px rgba(0,0,0,0.3);}
.demos li.demo .img{display:block;background-color:#fff;background-position:0 0;background-size:100% auto;height:400px;overflow:hidden;border:5px solid #fff;-webkit-transition:background-position 4s ease 0s;-moz-transition:background-position 6s ease 0s;-o-transition:background-position 6s ease 0s;-ms-transition:background-position 6s ease 0s;transition:background-position 6s ease 0s;
border-bottom:0;
}
.demos li.demo:hover .img{background-position:0 100%;}
.demos li.demo img{opacity:0;}
.demos li.demo h3{font-weight:500;margin:0;padding:15px 20px;text-align:center;font-size:15px;background-color:#fff;letter-spacing:0.03em;}

.core-features ul{margin:0 20px;}
.core-features ul li{float:left;width:25%;padding:15px;text-align:left; }
.core-features .inner { background-color:#f8f8f8; }
.core-features .inner .description { padding:20px; text-align:center; }
.core-features .inner .description h2 { font-size:16px; font-family:"Poppins"; font-weight:500; letter-spacing:0.5px; text-transform:capitalize; }
.core-features .inner .description p:last-child{margin-bottom:0;}

.buy-now{background:url(images/buy-now-bg.jpg) no-repeat 50% 50%;color:#fff;padding:150px 0;}
.buy-now h2{color:#fff;font-weight:700;font-size:5rem; }
.buy-now p{color:#fff;font-size:22px;}
.buy-now .btn-buynow{float:none;display:inline-block;padding:5px 30px;font-size:16px;letter-spacing:0.08em;}
.copyright{display:block;text-align:center;padding:30px 0;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;}
.copyright a:hover{color:#000;}
main { background:#fff; }

.row-1 { background:#f5f5f5;}
.listing h2 { margin-bottom:25px; }

@media screen and (max-width:1024px){
	.banner h1 { font-size:36px; }
	.banner h2 { font-size:14px; letter-spacing:0.03em; }
	
	.core-features ul li { width:50%; padding:10px; }
	.core-features ul li:nth-child(3n+1) { clear:none; }
	.core-features ul li:nth-child(2n+1) { clear:both; }
	
	ul.demos li.demo{ width:33%; }
	ul.demos li.demo:nth-child(4n+1) { clear:none; }
	ul.demos li.demo:nth-child(3n+1) { clear:both; }	
	
}

@media screen and (max-width: 767px){
	body { padding:0; }
	header { position:absolute; text-align:center; }
	#logo { max-width:150px; }
	.btn-buynow { line-height:30px; padding:0 15px; }

	.top-right, #site-nav { float:none; }
	#site-nav { clear:both; text-align:center; margin:0; }
	#site-nav li { display:inline-block; width:47.5%; margin:3% 2% 0 0; }
	#site-nav li:nth-child(2n) { margin-right:0; }
	#site-nav li a, #site-nav li a:hover { font-size:12px; line-height:30px; padding:0 12px; display:block; background-color:rgba(0,0,0,0.3); border:2px solid #fff; }
	#site-nav li a:hover { border-color:#fb7e66; }
	
	.banner { background-color:#ececec; padding-top:180px; height:480px; }
	.caption { padding:15px; }
	.banner h1 { font-size:24px; }
	.banner h2 { font-size:13px; letter-spacing:0.03em; }
	.banner .btn { font-size:16px; padding:5px 10px; width:230px; }
	
	.reviewLine { font-size:1.8rem; line-height:1.2; }
	
	.core-features ul li { width:100%; padding:0; margin-bottom:30px; }
	.core-features .inner > * { display:block; width:100%; text-align:center; }
	.core-features .inner .description { padding:12px 10px; }
	
	.buy-now { background-size:cover; padding:60px 15px; }
	.buy-now h2 { font-size:30px; }	
	.buy-now p { font-size:18px; }
	
	ul.demos li.demo{ width:50%; } 
	ul.demos li.demo:nth-child(3n+1) { clear:none; }
	ul.demos li.demo:nth-child(2n+1) { clear:both; }	
}

@media screen and (max-width: 480px){
	ul.demos, .listing  ul.demos { padding:15px; }
	ul.demos li.demo, .listing ul.demos li.demo { float:none; width:100%; padding:0; margin:0 auto 15px; }

}
li.demo { position:relative;}
.new { display: block;position: absolute;left: 5px;top: -4px;border-radius: 50%;color: #fff;font-weight: 700;font-size: 10px;text-transform: uppercase;text-align: center;height: 40px;width: 40px;line-height: 40px;z-index: 999;background: #fb7e66;}
.new-santa { display: none;position: absolute;right: -24px;top: -26px;color: #fff;font-weight: 700;font-size: 10px;text-transform: uppercase;text-align: center;height: 93px;width: 85px;z-index: 999;
  background:url('images/santa-cap.png') no-repeat 0 0; }