*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}

body input:required:valid,
body textarea:required:valid {
	
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
}

body {
/*	background: url("../images/bg.jpg") no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
	border: 0px solid #000000;
	position: relative;
}

header {
    background: url("../images/header_big.png") no-repeat center center fixed; 
	width: 890px;
	height: 435px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -217px 0px 0px -435px;	/* top right bottom left   */
}

#logo {
	position: relative;
	width: 150px;
	height: 63px;
    top: 0px;
    left: 0px;
}

#ifb {
	position: absolute;	
	width: 30px;
	height: 30px;
    top: 50%;
    left: 50%;
    margin: -218px 0px 0px 415px;	/* top right bottom left   */
}

#ivk {
	position: absolute;	
	width: 30px;
	height: 30px;
    top: 50%;
    left: 50%;
    margin: -186px 0px 0px 415px;	/* top right bottom left   */
}

#ifb11 {
	position: relative;
	float:right;
	width: 30px;
	height: 30px;
    top: 0px;
    right: 0px;
}
#ivk11 {
	position: relative;
	float:right;
	width: 30px;
	height: 30px;
    top: 0px;
    right: 0px;
}

#str {
	background: url("../images/messstr.svg") no-repeat top left;
	position: relative;	
	width: 890px;
	height: 320px;
    top: 50px;
    left: 0px;
}

#slogan {
	background: #FFF;
	position: absolute;		
	width: 500px;
	height: 100px;
    top: 50%;
    left: 50%;
    margin: -13px 0px 0px -125px;	/* top right bottom left   */
}

#slogan p {
	/* background: #F00; */ 
	position: absolute;	
	font: 25px/25px 'Roboto Condensed', sans-serif; /* 12px / 20 */
	color: #000;
	font-weight: 500;
	line-height:normal;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 30px;
	border: #CCCCCC solid 0px;	
}

#domain {
	position: absolute;	
	width: 360px;
	height: 100px;
    top: 50%;
    left: 50%;
    margin: -13px 0px 0px -485px;	/* top right bottom left   */
}

#more {
	background: url("../images/more.svg") no-repeat top left;
	position: absolute;	
	width: 145px;
	height: 40px;
    top: 50%;
    left: 50%;
    margin: 15px 0px 0px 340px;	/* top right bottom left   */
}

#more a {
	/* background: #F00; */
	position: absolute;	
	font: 16px/16px 'Roboto Condensed', sans-serif; /* 12px / 20 */
	color: #ffffff;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 12px 38px 12px 32px;
	border: #CCCCCC solid 0px;	
}


#copyright {
	z-index: 2;
	/* background: #F00; */
	width: 300px;
	height: 70px;
    position: absolute;
	bottom: 15px;
    left: 50%;
    margin: 0px 0px 0px -435px;	/* top right bottom left   */
}

#copyright p {
	/* background: #F00; */  
	position: absolute;	
	font: 12px/12px 'Roboto Condensed', sans-serif; /* 12px / 20 */
	color: #000;
	font-weight: 500;
	line-height:normal;
	margin: 0px 0px 0px 0px;
	padding: 28px 0px 28px 0px;
	border: #CCCCCC solid 0px;	
}

#copyright p a {
	color: #000;
	text-decoration: underline;
}
#copyright p a:link {
	color: #000;
	text-decoration: underline;
}

#copyright p a:visited {
	color: #CCC;
	text-decoration: underline;
}
#copyright p a:hover {
	color: #CCC;
	text-decoration: none;
}
#copyright p a:active {
	color: #CCC;
	text-decoration: none;
}



#echo {
	z-index: 2;
	/* background: #F00; */
	width: 100px;
	height: 70px;
    position: absolute;
	bottom: 15px;
    left: 50%;
    margin: 0px 0px 0px 355px;	/* top right bottom left   */
}

#echo a {
	/* background: #CCC; */   
	position: absolute;	
	margin: 0px 0px 0px 0px;
	padding: 19px 0px 19px 0px;
	border: #CCCCCC solid 0px;	
}

#footer {
	bottom: 15px;
	width: 100%;
	height: 70px;
    position: absolute;
    margin: auto 0px auto 0px;	/* top right bottom left   */
	padding: 0px 15px 0px 15px;	/* top right bottom left   */
}

#infooter {
	background: #fff;
	width: 100%;
	height: 70px;
    position: relative;
}


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



.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.main-section .video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(-1, 1);

}

.main-section .video .video-overlay {
    opacity: .0;
    background: rgba(8,115,182,5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-section .video-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-section .video video {
    width: 100%;
    height: auto;
    margin: auto;

    position: absolute;

    top: 0;
    left: 0;
    position: absolute;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
}