/*
	   theme: ERCLab UInified
	site url: http://erclab.com
	  design: EVILORD.COM
*/

html,body { -webkit-text-size-adjust:none;}
body {font-size:100%;line-height:1.6; -webkit-font-smoothing: antialiased; font-weight:300;}
*{margin:0;padding:0;font-family: "Open Sans", Avenir, "Helvetica Neue", "Segoe UI", Ubuntu, "HelveticaNeue", Helvetica, Arial, sans-serif;}
img, .hero, .widget{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
img, img a{ border:none;background-color:transparent;}
a{text-decoration:none;outline:none;}
a:hover{-webkit-transition: color .4s ease;-moz-transition: color .4s ease;-o-transition: color .4s ease;transition: color .4s ease;}
h1, h2, h3, h4, h5, h6{margin: 5px 0;font-weight:300; padding:0;}
h1{letter-spacing:-1px;font-size:220%;line-height:1.2}
h2{font-size: 140%; margin:20px 0 10px 0;line-height:1.5}
h3{font-size: 120%; line-height:1.5}
h4{font-size:80%;}
h1,h3,h4,h5,h6{margin:10px 0;}
h5, .small-title{font-size:12px; letter-spacing:normal;}
.col-wrap h2{clear:both;}
.ita{font-style:italic;}
strong, b {font-weight:400;}
#menu strong, #menu b, .big strong{font-weight:400;}
.dot-b, .dot, abbr{border-bottom:1px dotted #4a606d;}
.small{font-size:80%;}
.small-2{font-size:11px;}
.medium{font-size:110%;}
.big{font-size:120%;}
.large{font-size:200%;}
.huge{font-size:300%;}
.justify{text-align:justify;}
.caps{text-transform: uppercase;}
span{display:block;}
.translucent{opacity:0.98}
hr{border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
.txt-fit strong{font-weight:600;}
.first .txt-fit:after{content:"  ›"; font-weight:600;}

/* FIXed UI */

 #header, .header, #footer, .wrapper, .content .wrapper, #features .wrapper, .page-wrapper{
	min-width:1000px;
	width:100%;
	float:none;
	margin:0 auto;
}

.page-wrapper{
	width:1000px;
}

.wrapper{
	max-width:1000px;
	position:relative;
}

#social-media-help, #social-media{
	float:left;
	min-width:1000px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.content{
	width:100%;
	min-width:1000px;
	clear:both;
	position:relative;
	z-index:0;
}


/* end of FIXed UI */


/*UI Elements*/

#bg{
	z-index:-2000;width:100%;height:100%;
	top:0;left:0;right:0;bottom:0; position: fixed;
}

/* Dividers */

.divider{
	clear: both;
	width: 80%;
	margin: 10px 10% 50px 10%;
	padding: 0 0 34px 0;
}

.divider-h-line{
	width:100%;
	height:1px;
	background:#000;
	border-bottom:1px solid #1C2234;
}

.div-clear{
	clear: both;
	width: 80%;
	margin: 20px 10% ;
	float:left;
}


/* Header */

#header, .header{
	height:100%;
	clear:both;
	position:relative;
	overflow:hidden;
	z-index:2;
}

.header-content{
	padding:90px 0 20px 0;
}

#header h1{
	letter-spacing:-1px;
	margin:0;
	font-size:200%;
}

#header h2.medium{
	font-size:120%;
}

#header h3{
	letter-spacing:0;
}



/* Content */

.content{
	height: 100%;
	padding:0;
	float:left;
	clear:both;
	padding-top:90px;
	padding-bottom:90px;
}

.content .wrapper{
	float:none;
	margin:0 auto;
	padding:0;
	clear:both;
}

.content ul{
	list-style:inside;
	margin:0;
	padding:0;
}

.content li{
	margin:10px 10px;
	list-style-type: square;
}

 p{
	padding:5px 0;
}


/* Wrapper */

.wrapper{
	padding:0;
	clear:both;
}

.wrapper-page{
	margin:30px auto;
}

/* FOOTER */

#footer{
	clear:both;
	text-align:center;
	font-size:72%;
	font-weight:400;
	padding:0;
	overflow: visible;
	position:relative;
	border-top:1px solid rgba(0,0,0,0.1);
	
		-webkit-box-shadow:inset 0px 100px 80px -110px rgba(0,0,0,0.1);
		     -moz-box-shadow: inset 0px 100px 80px -110px rgba(0,0,0,0.1);
		          box-shadow: inset 0px 100px 80px -110px rgba(0,0,0,0.1);
}

#footer .big{
	margin-top:10px;
	margin-bottom:10px;
	font-size:160%;
	display:inline-block;
}

#footer a.big:hover{
	text-decoration:none;
}

#footer strong{
	font-weight:600;
}

.credits{
	text-align:center;
	margin:0px auto;
	padding:40px 0 50px 0;
	width:100%;
}

.credits .app-icon-small.overlap-icon.scroll{
	margin-top:-60px;
}


/*SOCIAL MEDIA*/
#app-store{
	padding-top: 30px;
	padding-bottom:30px;
	position:relative;
	border-top:1px solid rgba(0,0,0,0.1);
}


#social-media{
	clear:both;
	padding:15px 0;
	font-size:100%;
}

#social-media .wrapper {
	padding: 0;
}

/*SOCIAL MEDIA HELP*/

#social-media-help{
	padding:30px 0;
	text-align:center;
	clear:both;
}

#contact{
	display:none;
	float:left;
	clear:both;
	width:100%;
	padding:120px 0 90px 0;
	margin:0 auto;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.contact-fixed-menu #contact{
	 padding-top:80px;
}

.contact-fixed-menu {
	 float:left;
	 width:100%;
	 display:inline-block;
	 overflow:hidden;
	 position:relative;
}

/* Contact Message Info */

#overlay{
	text-align:center;
	width: 100%;
	color:#121212;
	padding:90px 0;
	margin:0 auto;
	font-size:13px;
	background:#fafafa;
	opacity:0.8;
	z-index:0;
	float:left;
}
#overlay a{color: #F00;}
a#overlay, #overlay h3 {color: #012033;}

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

@media screen and  (max-height:780px) {

.content{
	padding-top:80px;
	padding-bottom:80px;
}

} @media screen and (min-width: 1px) {
	
/* Fix Release */

.billboard, #header, .header, #footer, .wrapper, .content .wrapper,  .col-app,  #features .wrapper, .page-wrapper, #menu.full .menu-wrapper, #menu{
	min-width:100px;
}
.wrapper{
	max-width:100%;
}

#social-media-help, #social-media{
	min-width:200px;
}

.content{
	min-width:90%;
}

} @media screen and (min-width: 1300px) {

.content{
	width:100%;
}

.content .wrapper, .wrapper {
	width:1280px;
	margin:0 auto;
	float:none;
}

#social-media-help .wrapper{
	width:1280px;
	margin:0 auto;
}

} @media screen and (min-width: 1101px) {

.page-wrapper{
		width:1000px;
		margin:0 auto;
}

} @media screen and (max-width: 1100px) {
	
#contact .wrapper{
	margin:0 5%;
	width:90%;
}
	
.page-wrapper{
	width:90%;
	margin:0 5%;
}

} @media screen and (max-width: 1024px) {

.content .wrappers, #social-media-help .wrapper{
	width:100%;
	margin:0;
	padding:0;
}

} @media screen and (max-width: 1023px){

body{
	font-size: 90%;
}

#social-media .wrapper {
	width: 96%;
	padding: 0;
	margin:0 2%;
}

.promo{
	text-align: center;
}



} @media screen and (max-width: 768px){

#footer{
	font-size:80%;
}


} @media screen and (max-width: 767px){

body{margin-top:0;}

#header h1, #header h3{
	font-size:78%;
	letter-spacing:0;
}

#header h1{
	font-size:120%;
}

#header h3{
	font-size:100%;
}

.header-content{
	padding:20px 0;
}


h1, h1.large, h1.big{
	font-size:160%;
}

h2{
	font-size:120%;
}

h3{
	font-size:110%;
}

.large{
	font-size:130%;
}

.big{
	font-size:110%;
}

h2 strong{
	text-transform:none;
}

.small, h5{
	font-size:90%;
}

.content{
	padding-top:40px;
	padding-bottom:40px;
}

.content .wrapper{
	width:96%;
	padding:0 0 30px 0;
	margin:0 2%;
}

#contact, .contact-fixed-menu #contact{
	text-align:center;
	padding:20px 0;
}

#social-media{
	padding:10px 0;
}

} @media screen and (max-width: 459px){

#header h1{
	font-size:100%;
}

} @media screen and (max-width: 240px){
.other {width:100% !important;padding:5px 0;margin:0;}
#contact, #app .wrapper {width:100% !important;padding:0;margin:0;}
}