@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato/lato-reg-webfont.eot');
    src: url('../fonts/lato/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato/lato-lig-webfont.eot');
    src: url('../fonts/lato/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-lig-webfont.woff') format('woff'),
         url('../fonts/lato/lato-lig-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato/lato-bol-webfont.eot');
    src: url('../fonts/lato/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}



	




::-moz-selection{background:#6ec5e2;color:white}
::selection{background:#6ec5e2;color:white}


body, html {
	width:100%;
	height: 100%;
	min-height: 100%;
	background-color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	font-family: 'Open Sans', sans-serif;
}

.centered {text-align: center;}

.clear {padding: 10px 0;}

b { font-family: 'Open Sans', sans-serif;}

h1 {
	font-family: 'Open Sans', sans-serif;
	margin: 0.75em 0.75em 0.25em;
}

h2 {
	font-size:1.5em;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	margin-top: 0.33em;
}
  
h3 {    
	color: #647385;
	font:2.2em 'Open Sans', sans-serif;
	padding-bottom: 25px;
	padding-top: 0px;}
	
h4 {    
	color: #18AB8D;
	font:1em 'Open Sans', sans-serif;
	padding-bottom: 25px;
	padding-top: 0px;}
	
.h123 {
	margin: auto;
	padding-top: 10%;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}




a {
  	color: #647385;
  	text-decoration: none;}

a:hover {
	color: #34495e;}  
	

p {
	color: #9DA5AF;}

p a {
	color:#647385;
	border-bottom: 1px dotted #888;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;}

p a:hover {
	color:#34495e;}


.button {
	border: 1px solid rgba(255, 255, 255,0.2);
	color: #FFFFFF;
	font-family: 'Dosis', sans-serif;
	;
	text-transform: uppercase;
	padding:15px 20px;
	font-size: 16px;
	min-width: 150px;
	line-height: 90px;
	text-align: center;
}

.button:hover {
	background: #1abc9c;
	border: #1abc9c;
	color:#FFF;
	 -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}


.fade1,.fade2,.fade3{  
    display:none;}


#loading {
    background: #363f48;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#loading img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 10%;
}

	




#header {
	width:100%;
	height:100%;
	min-height: 650px;
	color:#FFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment : fixed;  /* FIXED FOR IE */
	background-color: #363f48;
	background-image: url(../img/slider-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


#header .logo { 
	margin-top: 5%; }

#header h2 {
	padding:30px 0;	}
	

#header .picture {
	position: relative;
	z-index: 1;}


	




.container {	
	z-index: 999; 
	position: relative;
	background: #FFF;}


.cbp-so-scroller {
	overflow: hidden;}


/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;}

.cbp-so-section:first-child {
	margin-top:25px;}

.cbp-so-side {
	width: 100%;
	margin: 0;
	padding: 3em 2%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;}

.cbp-so-side-img {
	width: 100%;
	margin: 0;
	padding: 2em 2%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;}


.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;}

.cbp-so-side:after {
	clear: both;}

.cbp-so-side-right {
	text-align: left;}

.cbp-so-side-left {
	text-align: left;}

.cbp-so-side-right img {
	float: left;}

.cbp-so-side-left img {
	float: right;}

.cbp-so-init .cbp-so-side {
	opacity: 0;}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;}


#signup {
	color: #FFF;
	padding: 60px 0 80px 0;
	margin-top:25px;
	font-family: 'latoregular', sans-serif;
	background-color: #1ABC9C;
}
	

form {overflow: hidden;}



#signup h2 {
	padding:0px 0 50px 0;}
	

#signup input {
	font-family: 'latoregular', sans-serif;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	border: none;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
	border-radius: none;
	color: #333;
	height:55px;
	resize: vertical;
	font-size:12px;
	margin-bottom: 15px;
	letter-spacing:1px;
	padding: 9px 10px 8px;
	transition:all .3s ease-in-out;
	width:100%;}
	

#signup .submit{
	height:55px;
	width: 170px;
	font-family: 'latolight', sans-serif;
	letter-spacing:1px;
    float: left;
    display: block;
	border: none;
    cursor: pointer;
    font-size: 16px;
    color:#FFF;
    background:none;
    border: 1px solid #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}


#signup .submit:hover{
	color:#e74c3c;
	background: #FFF;
	cursor:pointer;}


#signup .spam {
	padding:21px 0 0 0;
	font-family: 'latolight', sans-serif;
	color: #FFF;}


#signup .msg-ok {
	font-family: 'latolight', sans-serif;
	color: #FFF;}
	
123 {
	margin: auto;}


#footer {
	padding:25px 0;
	background: #363f48;}

	
#footer p {
	font-size:13px;}

	
#footer .social {
	padding-top:5px;
	font-size:42px;}

	
#footer i {
	padding: 0px 5px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

	
#footer i:hover {
	color:#FFF;}
	

	




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


	#header h2 {font-size:1.5em}
	
	#header h4 {font-size:0.5em}
	
	#header .button {font-size:10px;}
	
	.cbp-so-side h3 {font-size:1.5em;}
	
	.cbp-so-side {text-align: center; padding: 2% 0;}
	
	#signup h2 {font-size:1.5em;}
	
	#signup form {overflow: hidden;}
	
	#signup input {border-radius: 0px;}
	
	#signup .submit {width:100%;}
	
	#signup .spam {padding-top:50px;}
	
	#footer p {text-align: center; padding:10px 0;}
	
	#footer .social {text-align: center;}

}







@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
	
	#header h2 {font-size:2em}
	
	#header h4 {font-size:1em}
	
	#header .button {font-size:16px;}
	
	.cbp-so-side h3 {font-size:1.5em;}
	
	.cbp-so-side-right { text-align: left;}

	.cbp-so-side-left {text-align: left;}
	
	#signup h2 {font-size:2em;}
	
	#signup form {overflow: hidden;}
	
	#signup input {border-radius: 0px;}
	
	#signup .submit {width:100%;}
	
	#signup .spam {padding-top:50px;}
	
	#footer p {text-align: left; padding:10px 0;}
	
	#footer .social {text-align: center;}
		
}