/*
 * Style
*/

/* Fonts */
@import url( 'css/fonts.css' );

/* Import */
@import url( 'css/fontawesome.css' );

/* Reset Style */
@import url( 'css/reset.css' );

/* Grid */
@import url( 'css/grid.css' );

/* Media */
@import url( 'css/media.css' );


/* Body */
body {
	background              : url( 'img/bg/body.jpg' ) no-repeat center center fixed; 
	-webkit-background-size : cover;
	   -moz-background-size : cover;
	     -o-background-size : cover;
	        background-size : cover;
}

.header {
	position : relative;
	height   : 45px;
}

.header .bg {
	position : absolute;
	top      : 0;
	left     : 0;
	right    : 0;
	bottom   : 0;
	height   : 77px;
	z-index  : -1;
}

.header .bg img {
	height : 77px;
}

.header .container {
	max-width : 1000px;
	margin    : 0 auto;
}

.header .container .img {
	width  : auto;
	height : 65px;
}

.first {
	padding : 10px;
}

.first .embed {
	height     : 240px;
	margin-top : 25px;
	background : #FFF;
}

.first .content {
	max-height : 300px;
	margin-top : 10px;
	padding    : 10px;
	overflow   : auto;
	background : rgba( 255 , 255 , 255 , .2 );
	box-shadow : 0 1px 6px #FFFFFF;
}

.first .content::-webkit-scrollbar-track {
    background-color : transparent;
}

.first .content::-webkit-scrollbar {
    width      : 6px;
    background : transparent;
}

.first .content::-webkit-scrollbar-thumb {
    background : transparent;
}

.first .content .title {
	margin-bottom : 10px;
}

.first .content .title .text {
	font-family : 'LithosPro', Arial, Sans-Serif;
	font-size   : 36px;
	color       : #FFFFFF;
}

.first .content .row + .row {
	margin-top : 10px;
}

.first .content .row .subtitle .text {
	font-family : 'LithosPro', Arial, Sans-Serif;
	font-size   : 22px;
	color       : #FFFFFF;
}

.first .content .row .descript .list .item .text {
	font-family : 'LithosPro', Arial, Sans-Serif;
	font-size   : 14px;
	color       : #FFFFFF;
}

.first .arrow-down {
	font-size  : 46px;
	color      : #FFFFFF;
	text-align : center;
	margin-top : -20px;
}

.third {
	text-align : center;
	padding    : 15px;
}

.third .img-canecas {
	width : 300px;
}

.third .form {
	margin-top : 40px;
	padding    : 15px;
	background : rgba( 0 , 0 , 0 , .2 );
}

.third .form .title {
	text-align    : center;
	margin-bottom : 20px;
}

.third .form .title .text {
	font-family : 'LithosPro', Arial, Sans-Serif;
	font-size   : 20px;
	font-weight : bold;
	color       : #FFF;
}

.third .form .input-box + .input-box {
	margin-top : 20px;
}

.third .form .input-box .input-text {
	display     : block;
	font-family : 'Arial', Sans-Serif;
	font-size   : 14px;
	color       : #000;
	width       : 70%;
	margin      : 0 auto;
	padding     : 12px;
	background  : #FFF;
}

.third .form .submit .btn-submit {
	display     : block;
	font-family : 'Arial', Sans-Serif;
	font-size   : 14px;
	font-weight : bold;
	color       : #FFF;
	width       : 70%;
	margin      : 20px auto 0;
	padding     : 12px;
	background  : #ADD8E6;
	cursor      : pointer;
}

.third .form .submit .btn-submit:hover {	
	color      : #483D8B;
	background : #000;
}

.third .ps-button .submit {
	display     : block;
	font-family : 'Arial', Sans-Serif;
	font-size   : 14px;
	font-weight : bold;
	color       : #FFF;
	width       : 70%;
	margin      : 20px auto 0;
	padding     : 12px;
	background  : #0000CD;
	cursor      : pointer;
}