/* CSS Document */
@import url("reset.css");
@import url("fonts.css");


/* inicial

-------------------------------------------------------------- */

body{
	/*-webkit-text-size-adjust:none;*/
	font-family:'Circular-Book', sans-serif;
	min-width:740px;
	background-color:#191919;
	text-rendering: auto; 
	-webkit-font-smoothing: antialiased;
}

a{
	color:#969696;
	cursor:pointer;
}

a:hover,
a:active{
	color:#fff;
}

.clearfix{
	clear:both;	
}


h1, h2, h3, h4, h5 { 
	font-family:'Circular-Book', sans-serif;
	font-weight:normal; 
}
h2{
	line-height: 48px;
	font-size: 32px;
	margin-bottom:45px;
	color: #fff;
	text-align: left;	
}
h3{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
p{
	line-height: 24px;
	font-size: 16px;
	color: #969696;
	text-align: left;	
}
.block ul{
	
	margin-top:30px;
	margin-bottom:30px;
}
.block li{
	font-size: 20px;
	line-height: 30px;
	color: #969696;
	text-align: left;	
	background:url(../img/li.png);
	background-repeat:no-repeat;
	background-position:-5px 5px;
	padding-left:20px;
}


/* top

-------------------------------------------------------------- */
.top{
	width:100%;
	height:730px;
	position:relative;	
	background:url(../img/degradat.png);
	background-repeat:repeat-x;
	background-position:left 100px;
}
.header{
	width:700px;
	padding-top:57px;
	margin:0 auto;
}
.header .logo{
	float:left;
	
}
.header .logo h1{
	background:url(../img/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:126px;	
	height:57px;	
}
.header .social{
	float:right;
	margin-top:7px;	
}
.header .social li{
	float:left;	
	margin-left:8px;
}
.header .social li a{
	display:block;
	width:29px;
	height:29px;
	text-indent:-9999px;	
}
.header .social li.facebook a{
	background:url(../img/facebook.png);
	background-repeat:no-repeat;	
	background-position:top center;
}
.header .social li.twitter a{
	background:url(../img/twitter.png);
	background-repeat:no-repeat;	
	background-position:top center;
}
.header .social li.instagram a{
	background:url(../img/instagram.png);
	background-repeat:no-repeat;	
	background-position:top center;
}
.header .social li.facebook a:hover,
.header .social li.facebook a:active{
	background:url(../img/facebook.png);
	background-repeat:no-repeat;	
	background-position:bottom center;
}
.header .social li.twitter a:hover,
.header .social li.twitter a:active{
	background:url(../img/twitter.png);
	background-repeat:no-repeat;	
	background-position:bottom center;
}
.header .social li.instagram a:hover,
.header .social li.instagram a:active{
	background:url(../img/instagram.png);
	background-repeat:no-repeat;	
	background-position:bottom center;
}

.txt2,
.txt3,
.txt4,
.txt5,
.txt6{
	display:none;
}
.txt{
	position:absolute;
	top:353px;
	left:50%;
	margin-left:-350px;
	width:700px;
}
.txt p{
	color:#fff;
	font-size: 36px;
	line-height: 45px;	
}
.txt p.sub{
	font-size: 16px;
	line-height: 24px;
	margin-top:50px;
}



/* content

-------------------------------------------------------------- */
.block,
.footer{
	width:100%;
	border-top:1px solid #282828;
	padding:43px 0 60px 0;
	background-color:#191919;	
}
.block.working{
	padding-bottom:30px;	
}
.content{
	width:695px;
	margin:0 auto;	
}
.col{
	float:left;
	width:219px;
	margin-right:19px;	
}
.col3{
	margin:0;	
}


/* slide

-------------------------------------------------------------- */

.slides{
	position:fixed;
	top:0;
	left:0;	
	z-index:-1;
	width:100%;
	height:780px;
}
.slides-content{
	position:relative;
	width:100%;
	height:100%;	
}
.slides .slides-content  img{
	position:absolute;
	left:0;
	top:0;
}
/* footer

-------------------------------------------------------------- */
.footer p{
	color:#646464;	
}



@media(max-width:767px){
	body{
		width:100%;
		min-width:inherit;
	}
	.header,
	.content,
	.txt{
		width:100%;	
		box-sizing:border-box;
	}
	.top{
		height:550px;
		background:url(../img/degradat_responsive.png);
		background-repeat:repeat-x;
		background-position:left 30px;
	}
	.header .logo{
		margin-left:30px;	
	}
	.header .social{
		margin-right:30px;
		
	}
	.content{
		padding-left:35px;
		padding-right:35px;	
	}
	.col{
		float:none;
		width:100%;	
	}
	.col1,
	.col2{
		margin-bottom:30px;	
	}
	.team .col1,
	.team .col2{
		margin-bottom:50px;	
	}
	.txt{
		position:absolute;
		width:auto;
		top:150px;
		left:0;
		box-sizing:border-box;
		margin-left:30px;
		margin-right:30px;
	}
	h2{
		line-height: 38px;
		font-size: 25px;
		margin-bottom:25px;
		color: #fff;
		text-align: left;	
	}
	h3{
		font-size: 16px;
		line-height: 24px;
		color: #fff;
	}
	p{
		line-height: 24px;
		font-size: 16px;
		color: #969696;
		text-align: left;	
	}
	.txt p{
		color:#fff;
		font-size: 25px;
		line-height: 31px;
	}
	.txt p.sub{
		font-size: 16px;
		line-height: 24px;
		margin-top:50px;
	}
	
}

@media (max-width:767px), (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5){
	
	.top{
		background:url(../img/degradat_responsive2x.png);
		background-size:50px 600px;
		background-position: left 0;
		background-repeat: repeat-x;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) { 
    .header .logo h1{
		background:url(../img/logo2x.png);
		background-size: 126px 57px;	
	}	
	.header .social li.facebook a{
		background:url(../img/facebook2x.png);
		background-size:29px 57px;
	}
	.header .social li.twitter a{
		background:url(../img/twitter2x.png);
		background-size:29px 57px;	
	}
	.header .social li.instagram a{
		background:url(../img/instagram2x.png);
		background-size:29px 57px;
	}
	
	.top{
		background:url(../img/degradat2x.png);
		background-size:50px 821px;
		background-position: left 0;
		background-repeat: repeat-x;
	}
}




::-moz-selection { 
    color: #fff;
    background: #b3d8fd;
}

::selection {
    color: #fff; 
    background: #b3d8fd;
}