/****************************/
/*          		        */
/* SOS Lignes CUSTOM STYLES */
/*               		    */
/****************************/

#container {
   width: 960px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background:#333;
   z-index:0;

}
body {
   font-size: 8px;
   line-height: 1.1875;
   text-align: center;
   margin: 0;
   background-color: #FFFFFF;
   color: #5A5A5A;
   background:#333
}
#navblayer {
	position:fixed !important;
	background-color: #333;
}
.navb {
	display:none;
}
#SLH {
	border: 0px #000 solid;
}
#Empla_Footer {
	display:none !important
}
.noFooter {
	cursor:pointer
}
.noFooter:hover {
	opacity:0.8
}
/* remove dot lines */
a {-moz-outline:none 0;outline:none 0}

/* Overriding The Default Text Selection Color */

::selection {background:#32BFE6;color:#FFF}
::-moz-selection {background:#32BFE6;color:#FFF}
::-webkit-selection {background:#32BFE6;color:#FFF}

.backToTop {
	display:none;
	background:#32BFE6 url(../images/Up.png) no-repeat right;
	color:#FFF;
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	position:absolute;
	width:auto;
	height:auto;
	text-align:center;
	right:0;
	padding:5px 35px 6px 20px;
	z-index:9999;
	cursor:pointer;
}
.ButtT {
	position:relative;
	font-family:'Lucida console';
	text-transform:uppercase;
	font-size:23px;
	float:left;
	margin-top:35px;
	margin-right:40px;
}
.ButtT a {
	background:#32BFE6;
 	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	padding:14px 20px;
}
.ButtT a:hover {
	opacity:0.8;
}
.h4t1, .h4t2, .h4t1S, .h4t3, .h4t4 {
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    font-size:24px;
	text-transform:uppercase;
    line-height:30px;
    color:#FFF;
    letter-spacing:0.2px;
}
.h4t2 {
	text-transform:capitalize;
	line-height:60px;
	text-align:center;
	width:400px;
	margin:auto;
}
.h4t3, .h4t4 {
	text-transform:capitalize;
	line-height:40px;
	font-size:30px;
	text-align:center;
	width:460px;
	margin:auto;
	margin-top:-75px;
	padding-top:95px;
}
.h4t4 {
	text-transform:none;
	color:#32bFE6;
	margin:-160px 0 -50px 0;
	font-size:24px;
}
.marginL0 {
	margin-left:0;
	text-align:left;
}
.clear {clear:both}
.code {
	margin:0;
	padding:10px;
	font-size:13px;
	border:1px solid #F0F0F0;
	line-height:20px;
	overflow:auto;
	width:auto !important;
	width:640px !important;
	font-family:'Lucida console';
}
.codepen {
	position:relative;
	margin:30px 0 50px;
	width:700px !important;
	border:0;
}
.pens {
	position:relative;
	top:0px !important;
	margin-top:100px;
}
.pens img {
	margin-bottom:20px;
	border:0;
}