@import url(http://fonts.googleapis.com/css?family=Lato:300);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/* #PAGE STYLES */



.opl {
	position:fixed;
	top:90px;
	left:0px;
	z-index:1999;
}
.opl a {
	width:73px;
	height:56px;
	text-indent:-9999px;
	display:block;
	background:url('../images/opl.png') no-repeat;
}
.opl a:hover {
	opacity:0.7;
}

.cssda {
	position:fixed;
	top:150px;
	left:0px;
	z-index:1999;
}
.cssda a {
	width:68px;
	height:95px;
	text-indent:-9999px;
	display:block;
	background:url('../images/cssda.png') no-repeat;
}
.cssda a:hover {
	opacity:0.7;
}




#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:  url(../images/123.png) repeat;
	z-index: 9999;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}



.padding-top{
	padding-top:50px;
}
.padding-top1{
	padding-top:30px;
}
.padding-bottom{
	padding-bottom:50px;
}
.padding-bottom1{
	padding-bottom:30px;
}
.line-sep{
	border-bottom:1px solid rgba(41,41,41,.1);
	padding-top:40px;
	margin-bottom:20px;
}
.line-sep1{
	border-bottom:1px solid rgba(41,41,41,.1);
	padding-top:20px;
	margin-bottom:40px;
}
.line-sep2{
	border-bottom:1px solid rgba(41,41,41,.1);
	padding-top:40px;
	margin-bottom:40px;
    position: relative;
}
.line-sep3{
	border-bottom:1px solid rgba(41,41,41,.1);
	padding-top:40px;
	margin-bottom:30px;
    position: relative;
}


/* #Parallax Separators
================================================== */

#separator{
	position: relative; 
	background: url('../images/2.jpg') repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	padding-top:150px;
	padding-bottom:150px;
}

.numb1{
	position:relative;
	background:rgba(255,255,255,.7);
	margin:0 auto;
	width: 218px;
	height:128px;
	border:1px dotted #000;
	overflow:hidden;
}
.numb1 .big-numb1{
	position:absolute;
	width:100%;
	top:5px;
	text-align:center;
    font-family: 'Montserrat', sans-serif;
	line-height:72px;
	font-size:72px;
	font-weight:400;
	color:#7c7c7c;
}
.numb1 .text-numb1{
	position:absolute;
	width:100%;
	top:80px;
	text-align:center;
    font-family: 'OpenSans-Light-webfont';
	line-height:38px;
	font-size:28px;
	color:#7c7c7c; 
}
.icon-numb1{
	width:38px;
    font-family: 'FontAwesome';
	line-height:38px;
	font-size:30px;
	color:#699B00;
	padding-right:10px;
}


#separator1{
	position: relative; 
	background: url('../images/3.jpg');
    background-attachment: fixed; 
    background-repeat: no-repeat; 	
    background-position:center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	padding-top:150px;
	padding-bottom:150px;
	
    border-top: 10px solid rgba(0,0,0,0.2);
    border-bottom: 10px solid rgba(0,0,0,0.2);
    color: #000;	
}

.parallax.fixed-desktop {
    background-attachment: fixed !important;
}
.parallax.fixed {
    background-attachment: fixed;
}
.parallax {
    text-align: center;
}
.parallax {
    width: 100%;
    height: 480px;
    padding: 0;
    margin: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    border-top: 10px solid rgba(0,0,0,0.2);
    border-bottom: 10px solid rgba(0,0,0,0.2);
    color: #000;
    position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;    
}


.MendeleyesParallax {
	font-family: 'Lato', sans-serif;
	padding-bottom:20px;
	padding-top:102px;
	padding-left:20px;
	padding-right:20px;
	font-size: 22px;
	color: #292929;
	line-height:28px;
	font-style: italic;
	position: relative;
	text-align:center;
}

.twit {
	background:rgba(255,255,255,.7) url("../images/twitter.png")no-repeat top center;
	font-family: 'Lato', sans-serif;
	padding-bottom:20px;
	padding-top:102px;
	padding-left:20px;
	padding-right:20px;
	font-size: 22px;
	color: #292929;
	line-height:28px;
	font-style: italic;
	position: relative;
	text-align:center;
	border:1px dotted #000;
}
.twit a{
	color:#7c7c7c;
}
.twit a:hover{
	color:#699B00;
}
.twit-date{
	color:#699B00;
	display:block;
	font-size:80%;
	padding-top:5px;
	padding-bottom:20px;
}



#separator2{
	position: relative; 
	background: url('../images/4.jpg') repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
	text-align:left;
	color: #292929;
	width: 100%;
	padding-top:150px;
	padding-bottom:150px;
}
.separator2-text{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background:rgba(255,255,255,.7);
	border:1px dotted #000;
}
.separator2-text p{
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	line-height:30px;
	font-style: italic;
}
.separator2-text span{
	color:#699B00;
}


#separator3{
	position: relative; 
	background: url('../images/5.jpg') repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
	text-align:left;
	color: #292929;
	width: 100%;
	padding-top:150px;
	padding-bottom:150px;
}
.separator3-text{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background:rgba(255,255,255,.7);
	border:1px dotted #000;
}
.separator3-text p{
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	line-height:30px;
	font-style: italic;
}
.separator3-text span{
	color:#699B00;
}



/* #MENU
================================================== */

#nav-menu{
	position:fixed;
	top:0;
	left:0;
	z-index:3000;
	width:100%;
}

.icon-team, .icon-blog, .icon-home, .icon-portfolio, .icon-services, .icon-contact, .icon-menu, .icon-question, 
.icon-googleplus, .icon-facebook, .icon-twitter, .icon-youtube, .icon-skype, .icon-mail
{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-team:before {
	content: "\e000";
}

.icon-blog:before {
	content: "\e001";
}

.icon-home:before {
	content: "\e002";
}

.icon-portfolio:before {
	content: "\e003";
}

.icon-services:before {
	content: "\e004";
}

.icon-contact:before {  
	content: "\e005";
}

.icon-menu:before {
	content: "\f0c9";
}

.icon-question:before {
	content: "\e606";
}

/* Para sustituir los de Kutcher de Awesome, incluimos en la biblioteca de iconmoon desde la web */
.icon-googleplus:before {
	content: "\e605";
}
.icon-facebook:before {
	content: "\e600";
}
.icon-twitter:before {
	content: "\e602";
}
.icon-youtube:before {
	content: "\e604";
}
.icon-skype:before {
	content: "\e603";
}
.icon-mail:before {
	content: "\e608"; padding-right: 0.8em; 
}
.icon-chevron-down:before {
  content: "\f107";
}

a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Global CSS that are applied for all screen sizes */

.nav ul {
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
	font-weight: 300;
}

.nav li span {
	display: block;
}

.nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}

.nav i{
	/* Make the font smoother for Chrome */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav ul:hover a {
	color: rgba(249, 249, 249, .5);
}

.no-touch .nav ul:hover a:hover {
	color: rgba(249, 249, 249, 0.99);
}

/* Adding some background color to the different menu items */

.nav li:nth-child(6n+1) {
	background: rgba(40, 40, 40,.9);
}

.nav li:nth-child(6n+2) {
	background: rgba(45, 45, 45,.9);
}

.nav li:nth-child(6n+3) {
	background: rgba(50, 50, 50,.9);
}

.nav li:nth-child(6n+4) {
	background: rgba(55, 55, 55,.9);
}

.nav li:nth-child(6n+5) {
	background: rgba(60, 60, 60,.9);
}

.nav li:nth-child(6n+6) {
	background: rgba(65, 65, 65,.9);
}

.nav li:nth-child(6n+7) {
	background: rgba(70, 70, 70,.9);
}

/* For screen bigger than 800px */
@media (min-width: 50em) {

	/* Transforms the list into a horizontal navigation */
	.nav li {
		float: left;
		width: 14.28571428571429%;
		text-align: left;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav a {
		display: block;
		width: auto;
	}

	/* hover, focused and active effects that add a little colored border to the different items */
	.no-touch .nav li:nth-child(6n+1) a:hover,
	.no-touch .nav li:nth-child(6n+1) a:active,
	.no-touch .nav li:nth-child(6n+1) a:focus {
		border-bottom: 4px solid #699B00;
	}

	.no-touch .nav li:nth-child(6n+2) a:hover,
	.no-touch .nav li:nth-child(6n+2) a:active,
	.no-touch .nav li:nth-child(6n+2) a:focus {
		border-bottom: 4px solid #699B00;
	}

	.no-touch .nav li:nth-child(6n+3) a:hover,
	.no-touch .nav li:nth-child(6n+3) a:active,
	.no-touch .nav li:nth-child(6n+3) a:focus {
		border-bottom: 4px solid #699B00;
	}

	.no-touch .nav li:nth-child(6n+4) a:hover,
	.no-touch .nav li:nth-child(6n+4) a:active,
	.no-touch .nav li:nth-child(6n+4) a:focus {
		border-bottom: 4px solid #699B00;
	}

	.no-touch .nav li:nth-child(6n+5) a:hover,
	.no-touch .nav li:nth-child(6n+5) a:active,
	.no-touch .nav li:nth-child(6n+5) a:focus {
		border-bottom: 4px solid #699B00;
	}

	.no-touch .nav li:nth-child(6n+6) a:hover,
	.no-touch .nav li:nth-child(6n+6) a:active,
	.no-touch .nav li:nth-child(6n+6) a:focus {
		border-bottom: 4px solid #699B00;
	}
	
	.no-touch .nav li:nth-child(6n+7) a:hover,
	.no-touch .nav li:nth-child(6n+7) a:active,
	.no-touch .nav li:nth-child(6n+7) a:focus {
		border-bottom: 4px solid #699B00;
	}	

	/* Placing the icon */
	.nav li span, 
	.nav li span.icon {
		display: inline-block;
	}	
	.icon {
		padding-top: 1em;
		padding-left: 1em;
	}

	.icon + span {
		margin-top: 1.1em;
		padding-left: 0.5em;
		font-size: 0.8em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Animating the height of the element*/
	.nav a {
		height: 3.5em;
	}

	.no-touch .nav a:hover ,
	.nav a:active ,
	.nav a:focus {
		height: 4em;
	}	

	/* Making the text follow the height animation */
	.no-touch .nav a:hover .icon + span {
		margin-top: 2.2em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Positioning the icons and preparing for the animation*/
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 0.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
		
}

@media (min-width: 50em) and (max-width: 61.250em) {

	/* Size and font adjustments to make it fit into the screen*/
	.nav ul {
		font-size: 1em;
	}

}

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {		
	
	/* Instead of adding a border, we transition the background color */
	.no-touch .nav ul li:nth-child(6n+1) a:hover,
	.no-touch .nav ul li:nth-child(6n+1) a:active,
	.no-touch .nav ul li:nth-child(6n+1) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+2) a:hover,
	.no-touch .nav li:nth-child(6n+2) a:active,
	.no-touch .nav li:nth-child(6n+2) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+3) a:hover,
	.no-touch .nav li:nth-child(6n+3) a:active,
	.no-touch .nav li:nth-child(6n+3) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+4) a:hover,
	.no-touch .nav li:nth-child(6n+4) a:active,
	.no-touch .nav li:nth-child(6n+4) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+5) a:hover,
	.no-touch .nav li:nth-child(6n+5) a:active,
	.no-touch .nav li:nth-child(6n+5) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+6) a:hover,
	.no-touch .nav li:nth-child(6n+6) a:active,
	.no-touch .nav li:nth-child(6n+6) a:focus {
		background: #292929;
	}

	.no-touch .nav li:nth-child(6n+7) a:hover,
	.no-touch .nav li:nth-child(6n+7) a:active,
	.no-touch .nav li:nth-child(6n+7) a:focus {
		background: #292929;
	}
	
	.nav ul li {
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		-ms-transition: background 0.5s;
		transition: background 0.5s;
	}	

}

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {

#nav-menu{
	background: #fff;
}
	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item*/
	.nav li:nth-child(6n+1) {
		border-left: 8px solid rgba(236,87,44,.9);
	}

	.nav li:nth-child(6n+2) {
		border-left: 8px solid rgba(236,87,44,.8);
	}

	.nav li:nth-child(6n+3) {
		border-left: 8px solid rgba(236,87,44,.7);
	}

	.nav li:nth-child(6n+4) {
		border-left: 8px solid rgba(236,87,44,.6);
	}

	.nav li:nth-child(6n+5) {
		border-left: 8px solid rgba(236,87,44,.5);
	}

	.nav li:nth-child(6n+6) {
		border-left: 8px solid rgba(236,87,44,.4);
	}

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
	
	.nav li:nth-child(6n+7) {
		border-left: 8px solid rgba(236,87,44,.4);
	}	
		
}

/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {

#nav-menu{
	background: #fff;
}
	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item*/
	.nav li:nth-child(6n+1) {
		border-left: 8px solid rgba(236,87,44,.9);
	}

	.nav li:nth-child(6n+2) {
		border-left: 8px solid rgba(236,87,44,.8);
	}

	.nav li:nth-child(6n+3) {
		border-left: 8px solid rgba(236,87,44,.7);
	}

	.nav li:nth-child(6n+4) {
		border-left: 8px solid rgba(236,87,44,.6);
	}

	.nav li:nth-child(6n+5) {
		border-left: 8px solid rgba(236,87,44,.5);
	}

	.nav li:nth-child(6n+6) {
		border-left: 8px solid rgba(236,87,44,.4);
	}
	
	.nav li:nth-child(6n+7) {
		border-left: 8px solid rgba(236,87,44,.4);
	}		

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
}

/* Styling the toggle menu link and hiding it */
.nav .navtoogle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.8em;
	font-family: 'Lato',Calibri,Arial,sans-serif;
	font-weight: normal;
	text-align: left;
	color: #ffffff;
	font-size: 1.2em;
	background: #292929;	
	border: none;
	border-bottom: 2px solid #699B00;
	cursor: pointer;
}

.icon-menu {
	position: relative;
	top: 3px;
	line-height: 0;
	font-size: 1.6em;
}

@media (max-width: 768px) {

#nav-menu{
	background: #fff;
}
	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item*/
	.nav li:nth-child(6n+1) {
		border-left: 8px solid rgba(236,87,44,.9);
	}

	.nav li:nth-child(6n+2) {
		border-left: 8px solid rgba(236,87,44,.8);
	}

	.nav li:nth-child(6n+3) {
		border-left: 8px solid rgba(236,87,44,.7);
	}

	.nav li:nth-child(6n+4) {
		border-left: 8px solid rgba(236,87,44,.6);
	}

	.nav li:nth-child(6n+5) {
		border-left: 8px solid rgba(236,87,44,.5);
	}

	.nav li:nth-child(6n+6) {
		border-left: 8px solid rgba(236,87,44,.4);
	}
	
	.nav li:nth-child(6n+7) {
		border-left: 8px solid rgba(236,87,44,.4);
	}	

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
}






/* #Home
================================================== */

#home{
	margin: 0 auto;
	text-align:center;
	position: relative; 
	width: 100%;
	overflow:hidden;	
}
		#maximage {	
		display:none;
		position:absolute!important;
		background:#000;
		}	
	div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}	
			#arrow_left {
				top:50%;
				height:72px;
				position:absolute;
				margin-top:-36px;
				opacity:.6;
				-webkit-transition : all 0.2s ease-out;
				-moz-transition : all 0.2s ease-out;
				-o-transition :all 0.2s ease-out;
				transition : all 0.2s ease-out;
				left:10px;
				width:36px;
				z-index:1000;
			}
			#arrow_right {
				top:50%;
				height:72px;
				position:absolute;
				margin-top:-36px;
				opacity:.6;
				-webkit-transition : all 0.2s ease-out;
				-moz-transition : all 0.2s ease-out;
				-o-transition :all 0.2s ease-out;
				transition : all 0.2s ease-out;
				right:10px;
				width:36px;
				z-index:1000;
			}

			#arrow_left:hover, #arrow_right:hover {
				opacity:1;
			}
			#arrow_left:active, #arrow_right:active {
				opacity:1;
			}


.home-text{
	position: absolute; 
	height:200px;
	width:960px;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-480px;
	overflow:hidden;
	z-index:1000;
}
.home-text h1{ 
	text-align:center;
    font-family: 'Montserrat', sans-serif;
	line-height:80px;
	font-size:80px;
	font-weight:900;
	color:#fff;
}			
.home-text span:first-child{
	color:#699B00;
}			
.home-text span:last-child{
	border-bottom:4px dotted #699B00;
}			
a.butt-awe {
	position: absolute;
    font-family: 'OpenSans-Regular-webfont';
	line-height:60px;
	font-size:22px;
	border:1px dotted rgba(255,255,255,.6);
	top:50%;
	left:50%;
	margin-left:-140px;
	width:280px;
	height:60px;
	margin-top:70px;
	color:#fff;
	background:rgba(0,0,0,.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	z-index: 2000;
}

a.butt-awe:hover {
	background:rgba(0,0,0,.7);
}				
#rotator-home{
	background:rgba(41,41,41,.8) url('../images/test.png') no-repeat top left;
	margin: 0 auto;
	position: absolute; 
	height:70px;
	width:100%;
	bottom:0;
	left:0;
	overflow:hidden;
	z-index:1000;
}
#rotator-home p{
	text-align:left;
	padding-left:50px;
	font-size:16px;
	padding-top:15px;
}
@media only screen and (max-width: 900px) {				
#rotator-home{
	background:rgba(41,41,41,.8);
}
#rotator-home p{
	display:none;
}	
}		
.logo {
	position: absolute;
	bottom:0;
	right:240px;
	background:url('../images/Logo.png')no-repeat center left;
	width: 138px;
	height:70px;
	z-index: 2000;
}
			
a.twit-icon {
	position: absolute;
	font-family: 'FontAwesome';
	line-height:70px;
	font-size:18px;
	text-align:center;
	color:#fff;
	bottom:0;
	right:140px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 70px;
	height:70px;
	z-index: 2000;
}

a.twit-icon:hover {
	background: #699B00;
}			
			
a.facebook-icon {
	position: absolute;
	font-family: 'FontAwesome';
	line-height:70px;
	font-size:18px;
	text-align:center;
	color:#fff;
	bottom:0;
	right:70px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 70px;
	height:70px;
	z-index: 2000;
}

a.facebook-icon:hover {
	background: #699B00;
}				
			
a.mail-icon {
	position: absolute;
	font-family: 'FontAwesome';
	line-height:70px;
	font-size:18px;
	text-align:center;
	color:#fff;
	bottom:0;
	right:0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 70px;
	height:70px;
	z-index: 2000;
}

a.mail-icon:hover {
	background: #699B00;
}				
			
			
/* #Portfolio
================================================== */

#portfolio{
	position: relative; 
	width: 100%;
	background:  url(../images/123.png) repeat;
	overflow:hidden;
	padding-top:90px;
	padding-bottom:80px;
	margin:0 auto;
	text-align:center;
}
#container1 {
	position: relative; 
	width:100%;
	margin:0 auto;
	text-align:center;
}

.box { 
	float: left; 
	position:relative;
	width:16.66666667%;
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.box img{
	display: block;
	width: 100%;
}
.box a{ 
	display:block;
}
.box a .image-mask{
	position:relative;
	margin:0 auto;
}
.box a .image-mask img{
	width: 100%;
	height:auto;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.box a:hover .image-mask img{
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
   -o-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
	cursor:crosshair;
}
.box a .image-mask .mask {
	   width: 80%;
	   height:80%;
	   position: absolute;
	top:10%;
	left:10%;
	background:rgba(41,41,41,.3);
	border:1px dotted #fff;
	-webkit-transition : all 0.4s ease-in;
	-moz-transition : all 0.4s ease-in;
	-o-transition :all 0.4s ease-in;
	transition : all 0.4s ease-in;
}	
.box a:hover .image-mask .mask {
	background:rgba(41,41,41,.9);
	   width: 100%;
	   height:100%;
	top:0;
	left:0;
	border:none;
	cursor: crosshair;
}
.box .image-mask span{ 
	border-bottom:1px solid #ffffff;
	padding-bottom:10px;
}
.box .image-mask h6{ 
	position:absolute;
	font-size:24px;
	bottom:40px;
	left:15px;
	color:#fff;
	font-weight: normal;
	opacity:0;
	-webkit-transition : all 0.5s ease-in;
	-moz-transition : all 0.5s ease-in;
	-o-transition :all 0.5s ease-in;
	transition : all 0.5s ease-in;
	z-index:1000;
}
.box:hover .image-mask h6{ 
	opacity:1;
	cursor:crosshair;
}
.box .image-mask p{ 
	position:absolute;
	font-size:14px;
	bottom:5px;
	left:15px;
	color:#fff;
	opacity:0;
	-webkit-transition : all 0.5s ease-in;
	-moz-transition : all 0.5s ease-in;
	-o-transition :all 0.5s ease-in;
	transition : all 0.5s ease-in;
	z-index:1000;
}
.box:hover .image-mask p{ 
	opacity:1;
	cursor:crosshair;
}	

@media only screen and (max-width: 1200px) {
.box { 
	width:20%;
}
}
@media only screen and (max-width: 900px) {
.box { 
	width:25%;
}
}
@media only screen and (max-width: 700px) {
.box { 
	width:50%;
}
}
@media only screen and (max-width: 400px) {
.box { 
	width:100%;
}
}


	.portfolio-isotope {
		width: 100%;
		position:relative;
	}

.fil{
}
#filter {
	display: inline-block;
}

#filter li {
	float: left;
	font-size: 14px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	margin-left:2px;
	margin-right:2px;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}

#filter li a {
	color:#000;
	padding: 10px 15px;
	border:1px dotted #000;
	text-transform: uppercase;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}
#filter li a:hover {
	color:#699B00;
	border:1px dotted #699B00;
}
#filter li .current {
	color: #699B00;
	border:1px dotted #699B00;
}


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
            transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}

/* #Team
================================================== */

#about{
	position: relative; 
	width: 100%;
	background:  url(../images/123.png) repeat;
	overflow:hidden;
	padding-top:90px;
/*	padding-bottom:80px;    */
	margin:0 auto;
}

#faqs{
	position: relative; 
	width: 100%;
	background:  url(../images/123.png) repeat;
	overflow:hidden;
/*	padding-top:90px;       */
/*	padding-bottom:80px;    */
	margin:0 auto;
}

#team1{
	position: relative;
	background:rgba(212,212,212,.8);
	width: 220px;
	height:380px;
	margin:0 auto;
   -moz-box-shadow:    inset 0 0 1px rgba(0,0,0,.8);
   -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8);
   box-shadow:         inset 0 0 1px rgba(0,0,0,.8);
}
#team2{
	position: relative;
	background:rgba(212,212,212,.8);
	width: 220px;
	height:380px;
	margin:0 auto;
   -moz-box-shadow:    inset 0 0 1px rgba(0,0,0,.8);
   -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8);
   box-shadow:         inset 0 0 1px rgba(0,0,0,.8);
}
#team3{
	position: relative;
	background:rgba(212,212,212,.8);
	width: 220px;
	height:380px;
	margin:0 auto;
   -moz-box-shadow:    inset 0 0 1px rgba(0,0,0,.8);
   -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8);
   box-shadow:         inset 0 0 1px rgba(0,0,0,.8);
}
#team4{
	position: relative;
	background:rgba(212,212,212,.8);
	width: 220px;
	height:380px;
	margin:0 auto;
   -moz-box-shadow:    inset 0 0 1px rgba(0,0,0,.8);
   -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8);
   box-shadow:         inset 0 0 1px rgba(0,0,0,.8);
}
.container11 {
	position: relative;
	width: 220px;
	height: 220px;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}

.card {
	width: 220px;
	height: 220px;
	-webkit-transform-style: preserve-3d;	
	-moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
    -ms-transition:  0.5s;
    -o-transition:  0.5s;
	transition: 0.5s;
}
.container11:hover .card {
	-webkit-transform: rotateY(180deg);	
	-moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); 			
}

.face {
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; 
}
.profile {
	position: absolute;margin:0 auto;
}
.profile  .front {
		
}
.profile  .back {
	width: 220px;
	height: 220px;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); 
}
.profile  img {
	width: 220px;
	height: 220px;
}
.front {
	z-index: 10;
}
.container1:hover .front {
	z-index: 0;
}
.info-profile{
	position: absolute;
	top:220px;
	text-align:center;
	width: 100%;
	margin:0 auto;
}
.info-profile h6{
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
	border-bottom:1px solid rgba(0,0,0,.3);
}
.center{ 
	position: absolute;
	bottom:20px;
	width:100%; 
	padding-top:10px;
    margin:0 auto; 
    text-align: center; 
	height:22px;
}
.list-social li {
    padding:0 4px 4px 0; 
    list-style: none; 
    margin:0 auto; 
    text-align: center; 
    display: inline-block;
}

.list-social li.icon-soc a {
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 22px;
	color: #7c7c7c; 
	-webkit-transition : all 0.4s ease-out;
	-moz-transition : all 0.4s ease-out;
	-o-transition :all 0.4s ease-out;
	transition : all 0.4s ease-out;  
}
.list-social li.icon-soc a:hover {
	color:#699B00; 
}
#office{
	position:relative;
	margin:0 auto;
	width: 100%;
	overflow:hidden;
}
#office img{
	width:100%;
	height:auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
#office img:hover{
	opacity:.9;
	cursor: crosshair;
}
#office  h6{ 
	position:absolute;
	font-size:24px;
	bottom:40px;
	left:15px;
	color:#fff;
	font-weight: normal;
	z-index:10;
}
#office  p{ 
	position:absolute;
	font-size:14px;
	bottom:5px;
	left:15px;
	color:#fff;
	z-index:10;
}
#office  span{ 
	border-bottom:1px solid #ffffff;
	padding-bottom:10px;
}
#left{ 
	position: relative;
	width:100%; 
    margin:0 auto; 
    text-align: left;
}
#left h6{
    text-align: left;
}
.list-about li { 
    list-style: none; 
    margin:0 auto; 
    text-align: left; 
	padding-left:25px;
	background: url('../images/checkmark.png') no-repeat center left;
}
.numb{
	position:relative;
	margin:0 auto;
	width: 218px;
	height:120px;
	border:1px dotted #000;
	overflow:hidden;
}
.numb .big-numb{
	position:absolute;
	width:100%;
	top:5px;
	text-align:center;
    font-family: 'Montserrat', sans-serif;
	line-height:72px;
	font-size:72px;
	font-weight:400;
	color:#7c7c7c;
}
.numb .text-numb{
	position:absolute;
	width:100%;
	top:80px;
	text-align:center;
    font-family: 'OpenSans-Light-webfont';
	line-height:28px;
	font-size:18px;
	color:#7c7c7c; 
}
.icon-numb{
	width:28px;
    font-family: 'FontAwesome';
	line-height:28px;
	font-size:20px;
	color:#699B00;
	padding-right:10px;
}


/* #Services
================================================== */

#ourservices{
	position: relative; 
	width: 100%;
	background:  url(../images/123.png) repeat;
	overflow:hidden;
	padding-top:90px;
	padding-bottom:80px;
	margin:0 auto;
}
#services .subheader-background { 
	margin-bottom:40px;
}




.ser-pro{
	position: relative; 
	background:rgba(255,255,255,.3);
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
	border: 1px dotted #7c7c7c;
}
.ser-pro h6{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.ser-pro:hover h6{
	color:#699B00;
}
.ser-icon-image
{
	padding-top:20px;
	padding-bottom:20px;    
}
    
.ser-pro p{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.ser-pro .ser-icon{
	font-family: 'FontAwesome';
	width:100%;
	font-size:110px;
	line-height:150px;
	color:#699B00;
}
.ser-pro a.ser-but {
	padding: 8px 15px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
    color: #7c7c7c;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px dotted #7c7c7c;
}
.ser-pro:hover a.ser-but {
    color: #699B00;
	border: 1px dotted #699B00;
}




.offers {
    text-align: center;
    position: relative;
    float: left;
	margin-top:0;
	z-index:999;
}

.offers .name {
	margin-top:0;
    font-size: 20px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding: 12px 0 12px;
	margin-bottom: 20px;
	color:#292929;
	border: 1px dotted #7c7c7c;
}
.offers .name-best {
	margin-top:0;
    font-size: 20px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding: 12px 0 12px;
	margin-bottom: 20px;
	color:#699B00;
	border: 1px dotted #699B00;
}
.offers .price {
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    color: #699B00;
    padding: 25px 0 25px 25px;
	margin-bottom: 10px;
}
.offers span.p-small {
    font-size: 14px;
    color: #7c7c7c;
	text-transform: none;
	position: relative;
	left: -10px;
}

.offers ul {
    margin: 0;
}
.offers ul li {
    font-size: 15px;
    color: #7c7c7c;
	padding: 15px 0;
	margin: 0;
	list-style: none;
    border-top: 1px dotted #7c7c7c;
}
.offers ul li:last-child{
	border-bottom: 1px dotted #7c7c7c;
}

.signup {
	padding: 12px 0;
	margin-top: 40px;
	text-align: center;
	font-size: 15px;
    color: #7c7c7c;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px dotted #7c7c7c;
}
.signup:hover {
    color: #699B00;
	border: 1px dotted #699B00;
}
.signup-best {
	padding: 12px 0;
	margin-top: 40px;
	text-align: center;
	font-size: 15px;
    color: #699B00;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px dotted #699B00;
}
.signup-best:hover {
    color: #699B00;
	border: 1px dotted #699B00;
}

.clients{
    text-align: center;
    position: relative;
	margin:0 auto;
}
.clients h4{
    padding-bottom:30px;
}
.clients img{
    width:100%;
	height:auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.clients img:hover{
	opacity:.9;
	cursor: crosshair;
}

/* #Blog
================================================== */

#blog{
	position: relative; 
	width: 100%;
	background:  url(../images/123.png) repeat;
	overflow:hidden;
	padding-top:90px;
	padding-bottom:80px;
	margin:0 auto;
}
.post { 
	position:relative;
	width:100%;
	text-align:center;
	overflow:hidden;
	display: block;
}
.post img{
	width: 100%;
	height:auto;
	display:block;
}
.post a{ 
	display:block;
}
.post a .post-mask{
	position:relative;
	margin:0 auto;
}
.post a .post-mask img{
	width: 100%;
	height:auto;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.post a:hover .post-mask img{
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
   -o-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
	cursor: crosshair;
}
.post a .post-mask .mask1 {
	   width: 0%;
	   height:0%;
	   position: absolute;
	top:0;
	left:0;
	-webkit-transition : all 0.4s ease-in;
	-moz-transition : all 0.4s ease-in;
	-o-transition :all 0.4s ease-in;
	transition : all 0.4s ease-in;
}	
.post a:hover .post-mask .mask1 {
	background:rgba(41,41,41,.4);
	   width: 100%;
	   height:100%;
	top:0;
	left:0;
	border:none;
	cursor: crosshair;
}
.post-date{
	position:relative;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	display:block;
	background:rgba(41,41,41,.9);
}
.post-date p{
	padding-left:20px;
	text-align:left;
	color:#fff;
	margin:0;
	display:inline-block;
}
.post-time{
	padding-right:20px;
	font: 16px/24px 'OpenSans-Light-webfont';
	color:#fff;
	margin:0;
	display:inline-block;
	text-align:right;
	float:right;
}



.post-text{
	position:relative;
	margin:0 auto;
	text-align:left;
	padding-bottom:25px;
	width: 100%;
	display:block;
	background:rgba(255,255,255,.6);
}
.post-text h6{
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.post-text p{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
a.post-but {
	padding: 6px 13px;
	margin-top: 10px;
	margin-left:20px;
	text-align: center;
	font-size: 14px;
    color: #7c7c7c;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px dotted #7c7c7c;
}
a.post-but:hover {
    color: #699B00;
	border: 1px dotted #699B00;
}








/* #Media Queries
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.home-text{ 
	height:230px;
	width:760px;
	top:50%;
	margin-top:-115px;
	left:50%;
	margin-left:-380px;
}			
a.butt-awe {
	margin-top:40px;
}
.home-text h1{ 
	line-height:60px;
	font-size:60px;
}
#team1{
	width: 172px;
	height:330px;
}
#team2{
	width: 172px;
	height:330px;
}
#team3{
	width: 172px;
	height:330px;
}
#team4{
	width: 172px;
	height:330px;
}
.container11 {
	width: 172px;
	height: 172px;
}

.card {
	width: 172px;
	height: 172px;
}
.profile  .back {
	width: 172px;
	height: 172px;
}
.profile  img {
	width: 172px;
	height: 172px;
}
.info-profile{
	top:172px;
}
.info-profile h6{
	margin-left:10px;
	margin-right:10px;
}
.numb{
	width: 170px;
	height:105px;
}
.numb .big-numb{
	top:5px;
	line-height:60px;
	font-size:60px;
}
.numb .text-numb{
	top:68px;
	line-height:28px;
	font-size:14px;
}
.icon-numb{
	width:24px;
	line-height:28px;
	font-size:18px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.home-text{ 
	height:160px;
	width:470px;
	top:50%;
	margin-top:-40px;
	left:50%;
	margin-left:-235px;
}
.home-text h1{ 
	line-height:40px;
	font-size:40px;
}		
.butt-awe {
	display:none;
}	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {	
			#arrow_left {
				height:36px;
				margin-top:-18px;
				width:18px;
				background-size:18px 36px;
			}
			#arrow_right {
				height:36px;
				margin-top:-18px;
				width:18px;
				background-size:18px 36px;
			}			
a.butt-awe {
	display:none;
}
}
@media only screen and (max-width: 479px) {
.home-text{ 
	height:140px;
	width:280px;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-140px;
}
.home-text h1{ 
	line-height:26px;
	font-size:26px;
}			
a.butt-awe {
	margin-top:10px;
	line-height:50px;
	font-size:20px;
	margin-left:-120px;
	width:240px;
	height:50px;
}		
.logo {
	right:120px;
}			
a.twit-icon {
	width: 40px;
	right:80px;
}			
a.facebook-icon {
	width: 40px;
	right:40px;
}		
a.mail-icon {
	width: 40px;
}
}

@media only screen and (max-width: 319px) {	
			#arrow_left {
				height:36px;
				margin-top:-18px;
				width:18px;
				background-size:18px 36px;
			}
			#arrow_right {
				height:36px;
				margin-top:-18px;
				width:18px;
				background-size:18px 36px;
			}			
a.butt-awe {
	display:none;
}
.home-text{ 
	height:140px;
	width:220px;
	top:50%;
	margin-top:-20px;
	left:50%;
	margin-left:-110px;
}
.home-text h1{ 
	line-height:20px;
	font-size:20px;
}
}




/* #Font-Face
================================================== */

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.0.1');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light-webfont';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans-Bold-webfont';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans-Regular-webfont';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

/*--------------------------------------------------------------------------------------------- */
/*  Taken from Awesome styles, now for iconmoon. See set to: font-family: icomoon               */
/*  Not used so far. It distorts menu icons. 
/*--------------------------------------------------------------------------------------------- */
       
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  vertical-align: initial;
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */