/* ==============================================================

Template name : Meminz download software landing page v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 01 November 2014
Last update : 16 November 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Home
02. Contain
03. Counter
04. Testimoni
05. Screenshot
06. Pricing table
07. Contact
08. Client
09. Download
10. Loginand register form
11. Footer
12. Heading
13. Pixeden icon setting
14. Ui to top
15. Loading
16. Divider
17. Clear spacer
18. Custom top spacer
19. Custom bottom spacer
20. Custom left spacer
21. Custom right spacer
22. Custom responsive

============================================================== */

/*
Home
=========================== */
.home-wrapper{
	background:#1a1a1a;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	color:#fff;
}

.home-wrapper h3{
	font-size:58px;
	line-height:68px;
	color:#fff;
}

.home-wrapper h3 span{
	font-size: 50px;
	font-weight:300;
	display:block;
}

.parallax{
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.parallax.image-bg{
	background-image:url(../img/bg1.jpg);
}

.parallax.polygon-bg{
	background-image:url(../img/polygon.jpg);
}

.home-contain{
	padding:160px 0 0 0;
	background:url(../img/pattern.png) repeat 0 0;
}

.parallax.polygon-bg .home-contain{
	background:none;
}

.video-background{
	color:#fff;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	z-index:0;
}

.home-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:40px 0 -325px 0;
}

.slider-wrapper{
	position:absolute;
	overflow:hidden;
	z-index:9999;	
	width:713px;
	height:auto;
	top:33px;
	left:33px;
}

/*
Contain
=========================== */
.contain{
	padding:80px 0 80px 0;
}

.contain.desc-wrapp{
	padding-top:360px;
	padding-bottom:20px;
}

.gray-bg{
	background:#f9f9f9;
}

.feature-box{
	margin-bottom:60px;
}

.feature-box p{
	margin-bottom:10px;
}

/*
Counter
=========================== */
#counter-wrapper{
	background-image:url(../img/bg2.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.counter-contain{
	padding:80px 0 80px 0;
	background-color:rgba(26, 26, 26, 0.95);
	color:#fff;
	font-size:24px;
	line-height:32px;
}

.counter-contain h3{
	color:#fff;
	font-size:48px;
	line-height:56px;
	text-transform:uppercase;
}

.counter-number{
	font-weight:700;
	display:block;
	text-align:center;
	font-size:72px;
	line-height:72px;
	margin-top:30px;
}

.counter-text{
	display:block;
	text-align:center;
	font-weight:400;
	font-size:18px;
	line-height:24px;
	color:#d3d3d3;
}

/*
Testimoni
=========================== */
#testimoni{
	display:block;
	width:100%;
}

.testimonial{
	display:block;
	position:relative;
	background:#f9f9f9;
	border:1px solid #e9e9e9;
	border-radius:10px;
	padding:30px 25px 10px 25px;
	margin:80px 0 30px 0;
}

.testimoni-sparator{
	background:url(../img/testimoni-sparator.png) no-repeat 0 0;
	display:block;
	position:absolute;
	width:48px;
	height:22px;
	z-index:2;
	bottom:-22px;
	right:15px;
}

.testimoni-author{
	float:right;
	text-align:right;
}

.testimoni-author h5,
.testimoni-author p{
	margin-bottom:5px;
}

.testimoni-author .author-info{
	float:left;
	margin-top:5px;
}

.testimoni-author img{
	float:left;
	border:3px solid #e9e9e9;
	border-radius:50%;
	margin:0 0 20px 20px;
}

/*
Screenshot
=========================== */
#screenshot{
	padding:80px 0 130px 0;
	margin:0;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}

/*
Pricing table
=========================== */
.pricing-wrapper{
	float:left;
	width:100%;
	color:#404040;
	overflow:hidden;
}

.pricing-head{
	background:#2e2e2e;
	float:left;
	width:100%;
	color:#fff;
	padding:25px 35px 25px 35px;
	border-bottom:5px solid #222222;
	border-radius:10px 10px 0 0;
}

.pricing-head.popular{
	border-bottom:5px solid rgba(46, 46, 46, 0.1);
}

.pricing-head h4{
	color:#fff;
	font-size:28px;
	line-height:28px;
	margin:10px 0 5px 0;
}

.pricing-head p{
	font-size:18px;
	line-height:18px;
	margin-bottom:0;
	font-weight:400;
}

.pricing-price{
	width:80px;
	height:80px;
	float:left;
	margin:0 20px 0 0;
	padding:25px 0 25px 0;
	overflow:hidden;
	background:#fff;
	color:#2e2e2e;
	font-size:28px;
	line-height:29px;
	border-radius:50%;
	text-align:center;
	font-weight:700;
}

.pricing-wrapper ul{
	background:#fff;
	border-right:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

.pricing-wrapper ul li{
	background:url(../img/pricing-line.png) no-repeat bottom center;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:20px;
	font-size:18px;
	line-height:18px;
}

.pricing-wrapper ul li strong{
	font-weight:700;
	text-transform:uppercase;
}

.pricing-bottom{
	background:#fff;
	border:1px solid #e2e2e2;
	border-radius:0 0 10px 10px;
	border-top:none;
	float:left;
	width:100%;
	margin:0;
	padding:25px 20px 25px 20px;
	text-align:center;
}

/*
Contact
=========================== */
#contact{
	float:left;
	width:100%;
	background-image:url(../img/bg4.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#fff;
}

.contact-contain{
	position:relative;
	float:left;
	width:100%;
	padding:80px 0 80px 0;
	background-color:rgba(26, 26, 26, 0.95);
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	position:relative;
	float:left;
	width:50%;
	padding:20px 15px 20px 15px;
	margin:0;	
	list-style:none;	
}

ul.listForm li.push{
	width:100%;
	padding-left:30px;
}

ul.listForm li i{
	background-color:#1a1a1a;
	position:absolute;
	width:66px;
	height:66px;
	border-radius:50%;
	border:2px solid rgba(255, 255, 255, 0.4);
	color:rgba(255, 255, 255, 0.4);
	text-align:center;
	font-size:36px;
	line-height:60px;
	top:10px;
	left:0;
}

ul.listForm li .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

ul.listForm li .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

ul.listForm li .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

ul.listForm li .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

ul.listForm li .form-control{
	border:2px solid rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.6);
  height: 50px;
  padding: 10px 25px 10px 80px;
	background:none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
          transition: none
}

ul.listForm li textarea.form-control{
	height:240px;
}

ul.listForm li.push .form-control {
	padding-left:50px;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.validation{
	margin-top:10px;
	font-style:italic;
}

/*
Client
=========================== */
ul.client-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.client-list li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	border-bottom:1px solid #e2e2e2;
}

ul.client-list li.bottom-list{
	border-bottom:none;
}

ul.client-list li ul li{
	width: 20%;
	border-bottom:none;
	border-right:1px solid #e2e2e2;
	padding:50px 0 50px 0;
}

ul.client-list li ul li.last{
	border-right:none;
}

.client-link{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
}

.logo-hover{
	position:absolute;
	left:50%;
	margin-left:-54px;
}

/*
Download
=========================== */
#download{
	background-image:url(../img/bg3.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
	font-size:24px;
	line-height:36px;
	color:#fff;
}

#download h3{
	margin-bottom:20px;
	color:#fff;
	font-size:48px;
	line-height:56px;
	text-transform:uppercase;
}

.download-wrapper{
	background:rgba(26, 26, 26, 0.95);
	padding:80px 0 80px 0;
}

.subscribe-form{
	display:inline-block;
	background:rgba(255, 255, 255, 0.2);
	width:75%;
	position:relative;
	margin:0 auto;
	margin-top:20px;
	padding:5px;
	border-radius:40px;
}

input.subscribe{
	position:relative;
	width:100%;
	height:60px;
	border:none;
	background:rgba(255, 255, 255, 0.95);
	padding:10px 20px 10px 20px;	
	border-radius:40px;
	color:#444444;
	font-size:18px;
	line-height:18px;
}

input.subscribe:-moz-placeholder {
  color: #5c5c5c;
}

input.subscribe::-moz-placeholder {
  color: #5c5c5c;
}

input.subscribe:-ms-input-placeholder {
  color: #5c5c5c;
}

input.subscribe::-webkit-input-placeholder {
  color: #5c5c5c;
}

.subscribe-button{
	position:absolute;
	text-transform:uppercase;
	font-size: 18px;
	line-height:18px;
	font-weight:700;
	padding: 10px 40px;
	height:60px;
	width: 99%;
	overflow:hidden;
	border:3px solid;
	border-radius:40px;
	color: #fff;
	top:5px;
	left: 5px;
}

/*
Loginand register form
=========================== */
#wrapper-fixed{
	background:url(../img/bg1.jpg) no-repeat top center fixed;
	position:relative;
	width:100%;
	height:100%;
}

.login-register-wrapper{
	padding:120px 0 120px 0;
	background-color:rgba(26, 26, 26, 0.6);
	position:relative;
	width:100%;
	height:100%;
}

.login-register{
	background:#fff;
	border-radius:4px;
	overflow:hidden;
	width:420px;
	height:auto;
	margin:0 auto;
	color:#494949;
	padding:0;
}

.soscial-log,
.soscial-log:focus,
.soscial-log:active{
	color:#fff;
	padding:0;
	display:inline-block;
	min-width:268px;
}

.soscial-log i{
	float:left;
	display:inline-block;
	font-size:22px;
	line-height:42px;
	padding:10px 0 10px 0;
	border-right:1px solid rgba(255, 255, 255, 0.4);
	width:60px;
	height:60px;
}

.soscial-log span{
	display:inline-block;
	padding:10px 20px 10px 20px;
	line-height:38px;
}

.soscial-log:hover{
	color:#fff;
}

.soscial-log.facebook,
.soscial-log.facebook:focus,
.soscial-log.facebook:active{
	background-color:#3a558c;
}

.soscial-log.twitter,
.soscial-log.twitter:focus,
.soscial-log.twitter:active{
	background-color:#00aeef;
}

.soscial-log.facebook:hover{
	background-color:#2a406d;
}

.soscial-log.twitter:hover{
	background-color:#0291c6;
}

.sparator{
	background:url(../img/sparator-line.png) repeat-x 0 14px;
	display:block;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:24px;
	margin:30px 0 30px 0;
}

.sparator span{
	display:inline-block;
	background:#fff;
	padding:0 10px 0 10px;
}

.login-register .form-control{
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.login-register .form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.login-register .form-control:-ms-input-placeholder {
  color: #777;
}

.login-register .form-control::-webkit-input-placeholder {
  color: #777;
}

/*
Inner page
=========================== */
.page-header{
	background:#f9f9f9;
	margin:0;
	padding:80px 0 0 0;
	border-bottom: 1px solid #eaeaea;	
}

.breadcrumb {
  padding:0;
  margin:20px 0 20px 0;
  list-style: none;
  background: none;
  border-radius: 0;
}

.breadcrumb > li {
  display: inline-block;
  font-size:14px;
}

#inner-page{
	width:100%;
	padding:60px 0 40px 0;
}

article{
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	border-bottom: 1px solid #eaeaea;	
}

article .article-media{
	margin:0 0 20px 0;
}

article h4 a{
	color:#222222;
}
.meta-wrapper{
	float:left;
	width:100%;
	border-top: 1px solid #eaeaea;	
	margin-bottom:20px;
}

ul.meta-post{
	border-bottom: 1px solid #eaeaea;	
	float:left;
	width:100%;
	margin:0;
	padding:10px 0 8px 0;
}

ul.meta-post li{
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0 0 0 15px;	
}

/*
Aside
=========================== */
aside{
	float:left;
	width:100%;
	display:block;
	position:relative;
	margin:0 0 40px 0;
	padding:0 0 0 30px;
	border-left:1px solid #eaeaea;
}

aside .widget{
	float:left;
	width:100%;
	position:relative;
	margin:0 0 30px 0;
	padding:0;
}

aside .widget .head{
	position:relative;
	font-size:18px;
	line-height:22px;
	border-bottom:1px solid #eaeaea;
	padding:0 0 15px 0;
	margin:0 0 020px 0;
}

aside .widget .head span{
	position:absolute;
	display:block;
	width:60px;
	height:1px;
	left:0;
	bottom:-1px;
}

.cat,
.tag{
	 margin:0;
	 padding:0;
}

.cat li,
.tag li{
	list-style:none;
	margin:0;
	padding:0;
	color:#626262;
}

.tag li{
	float:left;
	padding:0;
	border-radius:2px;
	margin:5px 10px 5px 0;
}

.tag li a{
	border:1px solid;
	border-color:#dddddd;
	display:inline-block;
	padding:4px 15px 4px 15px;
	color:#555555;
}

.tag li a:hover{
	text-decoration:none;
	color:#fff;
}

.cat li a{
	display:block;
	color:#555555;
	padding:5px 0 5px 0;
}

.cat li i{
	margin-right:5px;
}

.recent{
	float:left;
	width:100%;	
	margin:0;
	padding:0;
}

.recent li{
	float:left;
	width:100%;	
	list-style:none;
	margin:10px 0 20px 0;
	padding:0;
	border-bottom:1px solid #f5f5f5;
}

.recent li h6{
	margin-bottom:0;
}

.recent li a img{
	border-radius:2px;
	width:70px;
	margin-bottom:0;
}

.recent li h6 a,
.recent li h6 a.alignleft,
.recent li h6 a.alignright{
	color:#444444;
	margin-bottom:0;
}

/*
Pagination
=========================== */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin:0;
  border-radius: 4px;
}

.pagination > li > a,
.pagination > li > span {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #fcfcfc;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #a2a2a2;
  cursor: default;
  background-color: #fcfcfc;
  border-color: #dddddd;
}

/*
Comments
=========================== */
.comment-wrapper{
	background:#e7e7e7;
	padding:0 1px 1px 1px;
	margin-bottom:20px;
}

.comment-main{
	border:1px solid #ffffff;
	background-color: #fefefe;
	*background-color: #f9f9f9;
	background-image: -moz-linear-gradient(top, #fefefe, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #fefefe, #f9f9f9);
	background-image: -o-linear-gradient(top, #fefefe, #f9f9f9);
	background-image: linear-gradient(to bottom, #fefefe, #f9f9f9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff9f9f9', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);	
}

.comment-main img{
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.comment-head{
	background:#e7e7e7;
	padding:1px;
	border-top:1px solid #ffffff;
}

.comment-head h4{
	background:#f2f2f3;
	border-left:1px solid #f7f7f8;
	border-right:1px solid #f7f7f8;
	padding:10px 20px 10px 20px;
	margin:0;
	font-size:16px;
	text-shadow:0px 1px 1px #ffffff;
}

.form-label{
	color:#2c3945;
}

/*
Media responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:58%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:none;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

/*
Footer
=========================== */
footer{
	background:#2e2e2e;
	color:#b6b6b6;
	font-size:14px;
	line-height:18px;
	font-weight:300;
	text-align:center;
	padding-top:30px;
}

.social-network{
	display:block;
	width:100%;
	margin-bottom:10px;
	font-size:24px;
	line-height:24px;
}

.social-network a{
	display:inline-block;
	color:#b6b6b6;
	margin:0 2px 5px 2px;
}

/*
Heading
=========================== */
.heading{
	font-size:36px;
	line-height:48px;
	position:relative;
	border-bottom:1px solid #222222;
	padding:0 30px 25px 30px;
	display:inline-block;
	margin-bottom:60px;
}

.heading span{
	display:block;
	font-weight:400;
}

#contact .heading{
	border-bottom:1px solid #fff;
	color:#fff;
}

/*
Pixeden icon setting
=========================== */
.pe-feature{
	float:left;
	margin:5px 20px 170px 0;
	width:65px;
	height:65px;
	font-size:38px;
	line-height:58px;
	text-align:center;
	border:2px solid;
	border-radius:50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.feature-box:hover .pe-feature{
	color:#fff;
}

/*
Ui to top
======================================= */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color: #2e2e2e;
	border-radius:2px;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 -45px;
	width:49px;
	height:49px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

#toTop:active, #toTop:focus{
	outline:none;
}

/*
Loading
=========================== */
div.loading-invisible{
    display:none;
}

div.loading-visible{
    position:fixed;
	z-index:9999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    padding-top:20%;
	font-size:24px;
	line-height:36px;
	color:#fff;
	background-color:#1a1a1a;
	font-weight:300;
}

div.loading-visible i{
	display:inline-block;
	margin-bottom:20px;
}

div.loading-visible .loader{
	margin-bottom:20px;
}

/*
Divider
=========================== */
.divider{
	float:left;
	width:100%;
	height:1px;
	display:block;
	background:#3f4149;
	margin:40px 0 40px 0;
}

/*
Media responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:52%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:none;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

.video-wrapper{
	display:block;
	padding-left: 8.33333333%;
	margin-top:20px;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px){
	.navbar-default .navbar-nav li a,
	.navbar-default .navbar-nav li a:focus{
		font-size:14px;
		line-height:18px;
		padding:30px 15px 30px 15px;
	}
	.slider-wrapper{
		width:867px;
		top:38px;
		left:38px;
	}
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.slider-wrapper{
		width:662px;
		top:30px;
		left:30px;
	}
	.navbar-default .navbar-nav li a,
	.navbar-default .navbar-nav li a:focus{
		padding:35px 8px 35px 8px;
		font-size:12px;
	}
	.navbar-right a.btn{
		font-size:12px;
	}
	.navbar-brand{
		float:left;
		display:block;
		width:100%;
		padding:0;
		text-align:center;
	}
	.navbar-header{
		float:left;
		display:block;
		width:100%;
		padding:25px 0 10px 0;
		text-align:center;
	}
	.home-contain,
	.video-wrapper{
		padding:240px 0 0 0;
	}
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}

@media (max-width: 767px){
	.navbar-brand{
		float:none;
		margin:0;	
	}
	.navbar-header{
		float:right;
		width:100%;
		padding:26px 20px 26px 0;
	}
	.navbar-default .navbar-collapse{
		clear:both;
		border-top:none;
		float:none;
		width:100%;
		box-shadow:none;
		overflow-x:hidden;
		overflow-y:auto;
		margin:0;
		padding:0 30px 0 30px;
	}
	.navbar-default .collapse li{
		width:100%;
	}
	.navbar-default .navbar-nav li a,
	.navbar-default .navbar-nav li a:focus{
		padding:10px 20px 10px 20px;
		margin:5px 2px 5px 2px;
		border-radius:2px;
		border:1px solid #8b8b95;
	}
	.navbar-default .navbar-nav li a.selected,
	.navbar-default .navbar-nav .active a,
	.navbar-default .navbar-nav .dropdown.active a,
	.navbar-default .navbar-nav .active a:hover,
	.navbar-default .navbar-nav .dropdown.active a:hover,
	.navbar-default .navbar-nav .active a:focus,
	.navbar-default .navbar-nav .dropdown.active a:focus{
		background-image:none;
	}
	.navbar-default .navbar-nav li a:hover{
		border-top:3px solid #fff;
	}
	.navbar-right{
		float:left;
		margin:0 0 0 -18px;
		padding:10px 0 30px 0;
	}
	.navbar-right a{
		margin-right:5px;
	}
	.slider-wrapper{
		width:93%;
		top:4%;
		left:4%;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	ul.client-list li{
		border:none;
	}
	ul.client-list li ul li,
	ul.client-list li ul li.last{
		width:100%;
		border:1px solid #e2e2e2;
		padding:45px 0 45px 0;
		margin-bottom:20px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}

/*
Demo
=========================== */
#panel {
	position:fixed;
	top: 90px;
	left:-230px;
	width: 230px;
	color: #fff;
    z-index: 5000;
    font-size: 11px;
	background:#181818;
}

#panel input{
	width:160px;
}

.colorpicker {
    z-index: 5001;	
}
.panel-inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.options_box {
	margin:0;
	padding:0;
	overflow:hidden;
}

.options_box .solidline {
	margin-bottom:10px;
}

.options_box h6 {
	text-align:center;
	font-weight:bold;
	background:#333333;
	padding:14px 0 13px 0;
	margin-top:0;
	margin-bottom:20px;
	color:#fff;
}


.options_box .layout{
	width: 190px;
	margin:0 20px 20px 20px;
}

.options_toggle_holder {
	position:absolute;
	right:-48px;
}

.options_toggle  {
	background:#333333;
	margin:0;
	padding:0;
	width: 48px;
	height: 47px;
	cursor: pointer;
	border-left:none;
	display:block;
	font-size:26px;
	line-height:26px;
	text-align:center;
}
.options_toggle  i{
	margin:0;
	padding:10px 15px 16px 10px;
}


.options_toggle:hover,.options_toggle:focus,.options_toggle:active{
	outline:0;
	text-decoration:none;
}

#accent_color{
	color: #333;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}

#demo-wrapper{
	background:url(../img/bg1.jpg) no-repeat top center fixed;
	position:relative;
	margin:0;

}
.demo-header{
	position:fixed;
	width:100%;
	background:#2e2e2e;
	text-align:center;
	color:#fff;
	padding:40px 0 40px 0;
	z-index:2;
}
.demo-header h3{
	margin:20px 0 0 0;
	font-size:32px;
	line-height:38px;
	color:#fff;
	font-weight:300;
}

.demo-contain{
	background:url(../img/pattern.png) repeat 0 0;
	padding:260px 0 80px 0;
}

.demo-contain h4{
	text-transform:uppercase;
	font-size:24px;
	line-height:32px;
	font-weight:700;
	color:#fff;
}

.demo-contain h4 span{
	display:block;
	font-weight:300;
	text-transform:none;
}

.demo-contain h4 a{
	color:#fff;
}