
/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html {-webkit-text-size-adjust: none;}
body{margin: 0px; padding: 0px 60px 0px 60px; font-size: 14px; font-family: Arial, sans-serif; line-height: 1.6em;}

textarea, input{font-family: Arial, sans-serif;}
textarea{}

img{max-width: 100%; height: auto;}
strong{font-weight: bold;}
em{font-style: italic;}
u{text-decoration: underline;}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none !important;}
.top-margin{margin-top: 15px;}

/*-------------------------------------------------------------------------------------------*/
/*- LAYOUT ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{max-width: 740px; margin: auto;}
#header-container{margin-bottom: 30px;}
#header{padding: 0px 0px 3px;}
#content-container{margin-bottom: 30px;}
#footer-container{text-align: center;}


/*--------------------------------------------------*/
/*- HEADER -----------------------------------------*/
/*--------------------------------------------------*/
.head{text-align: center;}
.head h1{margin-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: 48px; font-weight: 900;}
.head .tagline{margin: 0px; padding: 0px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-weight: 700;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{background: url(images/fon_background.jpg) top no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; color: #fff;}

/*--------------------------------------------------*/
/*- HEADER -----------------------------------------*/
/*--------------------------------------------------*/
.head .tagline{color: rgba(255, 255, 255, 0.8);}


/*--------------------------------------------------*/
/*- INDEX ------------------------------------------*/
/*--------------------------------------------------*/


	/*-------------------------------------------*/
	/*- COPY AREA -------------------------------*/
	.copy{color: rgba(255, 255, 255, 0.8);}
	.copy .post-title{color: #fff;}

/*----------------------video button*/

.video1 {
	display: inline-block;
	width: 94px;
	height: 30px;
	text-align: center;
	line-height: 67px;
	background: url(images/video1.png) 0 0 no-repeat;
	overflow: hidden;
}

.video1:hover {
	color: #cfe6ef;
	background-position: 0 -30px;
}

.video2 {
	display: inline-block;
	width: 94px;
	height: 30px;
	text-align: center;
	line-height: 67px;
	background: url(images/video2.png) 0 0 no-repeat;
	overflow: hidden;
}

.video2:hover {
	color: #cfe6ef;
	background-position: 0 -30px;
}
.video3 {
	display: inline-block;
	width: 94px;
	height: 30px;
	text-align: center;
	line-height: 67px;
	background: url(images/video3.png) 0 0 no-repeat;
	overflow: hidden;
}

.video3:hover {
	color: #cfe6ef;
	background-position: 0 -30px;
}
.video3_no {
	display: inline-block;
	width: 94px;
	height: 30px;
	text-align: center;
	line-height: 67px;
	background: url(images/video3_no.png) 0 0 no-repeat;
	overflow: hidden;
}

.video3_no:hover {
	color: #cfe6ef;
	background-position: 0 -30px;
}