.main-wrapper{
    width: 950px;
    margin: 0 auto;
	line-height: 1.2;
}

body{
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	height: 100%;
}

html, body{
	height: 100%;
}

#wrap{
	min-height: 100%;
}

#main{
	overflow:auto;
	padding-bottom: 134px;
}  /* must be same height as the footer */

#footer{
	position: relative;
	margin-top: -134px; /* negative value of footer height */
	height: 134px;
	clear:both;
} 

/*******************MAIN PAGE********************/
/************************************************/
.navbar, .text-footer, .copyright-footer{
    font-family: Roboto Regular;
    color: #818181;
    font-size: 9pt;
}

.main-pic-1, .main-pic-2, .footer-fill{
	clear: both;
	position: relative;
    background-position: center;
}

.main-pic-1{
	height: 485px;	
	background-image: url('Images/main_pic1.png');
}

.main-pic-2{
	height: 540px; 	
    background-image: url('Images/main_pic2.png');	
    z-index: 1;
}

.top-header{
	
    /*background-image: url('Images/main_pic1.png');*/
	/*background-position: center;*/	
	width: inherit;
    float:left; 
	height: 495px;
	margin-top: -495px;
}

.container-logo-navigation{
   height: 90px;
   margin-top: 35px;
   background-color: #fefefe;
   opacity: 0.95;
}

.logo-header{
    width: 169px;
    height: 68px;
    margin-top: 14px;
    margin-left: 60px;
    float: left;
    background-image: url('Images/header_logo.png');
}

.navbar{
    margin-top: 25px;
    margin-right: 83px;
    float: right;
}

nav li{
    display: inline-block;
    padding-left: 30px;
}

a{
    font-family: Roboto Regular;
    color: #818181;
    font-size: 9pt;
}

nav a:hover{
    /*font-family: Roboto Bold;*/
    color: #0099cc;
    font-size: 9pt;
}

nav li>a{
    text-decoration:none;
}

.slogan-header{
    width: inherit;
    float:left;
    opacity: 0.95;
}

.slogan-header-figure{
    width: inherit;
    height: 204px;
    background-position: left;
    background-image: url('Images/bubble.png');
    background-repeat: no-repeat;
    margin-top: 73px;
}

.slogan-header-text{
    padding-top: 30px;/*40*/
    padding-left: 40px;
    font-family: Roboto Thin;
    font-size: 28pt;
    color: #1b1b1b;
}

.promotion{
    width:inherit;
    float:left;
    margin-top: -1px;
    margin-left: -1px;
}

.promotion-image{
    width: 378px;
    height: 450px;/*623*/
    overflow: visible;
    position: relative;
    /*background-image: url('Images/languages.png');*/
    float:left;
    z-index: 2;
}

.promotion-text{
    float: left;
    margin-left: 30px;
    margin-top: 50px;/*30*/
    font-family: Roboto Light;
    color: #3b3b3b;
}

.promotion-text-header{
    font-size: 36pt;
}

.promotion-text-part1{
    font-size: 13.5pt;
    margin-top:65px;/*30*/
    margin-bottom: 60px;
}

.promotion-text-part2{
    font-size: 13.5pt;
    padding-top:20px;
    padding-bottom: 25px;/*not must be here*/
}

.innovations{
    float:left;
}

.innovations-header{
    float:left;
    width: inherit;
    margin: 50px 0;
    font-family: Roboto Thin;
    font-size: 61.5pt;
    color: #3b3b3b;
    margin-left: 100px;
}

.innovations-blocks{
    float:left;
    width: inherit;
    margin: 50px 0;
    text-align: justify;
}

.innovation-block1{
    float:left;
}

.innovation-block1-circle, .innovation-block2-circle{
    float: left;
    width: 82px;
    height: 82px;
    margin-top: 14px;
    
}

.innovation-block1-circle{
    background-image: url('Images/number_1.png');
}

.innovation-block1-text, .innovation-block2-text{
    float:left;
    font-family: Roboto Light;
    font-size: 13.5pt;
    color: #3b3b3b;
}

.innovation-block2{
    float:left;
    margin-left: 114px;
}

.innovation-block2-circle{
    background-image: url('Images/number_2.png');
}

footer{
    width: inherit;
    float:left;
}

.footer-logo{
    margin-top: 37px;
    width: 153px;
    height: 55px;
    float: left;
    background-image: url('Images/footer_logo.png')
}

.footer-text{
    margin-top: 45px;
    margin-left:30px;
    float:left;
    font-family: Roboto Regular;
    font-size: 9pt;
    color: #787878;
}

.footer-copyright{
    float:left;
    font-family: Roboto Regular;
    font-size: 7.5pt;
    color: #545454;
    margin-top: 20px;
    padding-left: 325px;
}

.footer-fill{
	width: 100%;
	height: 134px;
    background-color: black;
	float: bottom;
}

.container-body-content{
    float:left;
}
/********************CONTACTS********************/
/************************************************/
.contacts{
    float: left;
    width: inherit;
    margin-top:70px;
	margin-bottom: 50px;
	position: relative;
}

.contacts-address{
    float: left;
	margin-top: -6px;
    width: 475px;
}

.contacts-address-header{
    font-family: Roboto Light;
    font-size: 36pt;
    color: #272727;
}

.contacts-address-text{
    margin-top: 35px;
    font-family: Roboto Light;
    font-size: 13.5pt;
    color: #272727;
}

.contacts-image{
	float: left;
	width: 200px;
	height: 266px;
	margin-left: 108.5px;
	margin-top: 10.5px;
}
/**********************JOB***********************/
/************************************************/
.job1-background{
	/*height: 710px;/*764*/
	width: 100%;
	float: left;
	background-color: #272727;
}

.job1, .job2{
	float: left;
	width: inherit;	
}
.job2, .job1{
	margin-top: 75px;
	margin-bottom: 60px;
}

.job1-text, .job2-text{
	float: left;
	
}

.job1-text{
	width: 484px;
}

.job1-image{
	margin-top: 153px;/*702/2-246/2-75*/
	float: left;
	padding-left: 106.5px;
}

.job2-text{
	float: left;
	width: 475px;
}

.job2-image{
	margin-top: 91.5px;/*633/2-303/2-75*/
	margin-left: 80px;
	margin-right: 80px;
	float:left;
}

.job1-text-header, .job2-text-header, .job1-text-content, .job2-text-content{
	font-family: Roboto Light;
}

.job1-text-header, .job2-text-header{
	font-size: 36pt;
}

.job1-text-content, .job2-text-content{
	font-size: 12pt;
	margin-top: 35px;
}
.job1-text-header, .job1-text-content{
	color: #fefefe;
}

.job2-text-header, .job2-text-content{
	color: #272727;
}

/********************PRODUCTS********************/
/************************************************/
.block-background-grey{
	height: 400px;
	width: 100%;
	background-color: #272727;
	position: relative;
	float: left;
	z-index: 1;
}

.block-grey, .block-white{
	width: inherit;
	height: 400px;
	float: left;
	
}

.block-grey{
	position: relative;
	z-index: 2;
	display: table;
}

.products-img{
}

.half-block-text{
	float: left;
}

.half-block-grey, .half-block-white{
	width: 475px;
	height: inherit;	
	font-family: Roboto Light;
	vertical-align: middle;	
	text-align: center;
    display: table-cell;    
}

.half-block-grey{
	color: #fefefe;
}

.half-block-white{
	color: #272727;
}

.half-block-header{
	font-size: 36pt;
	float: left;
	text-align: left;
}

.half-block-subheader{
	font-size: 15pt;
	float: left;
}

.half-block-content{
	font-size: 12pt;
	margin-top: 35px;
	float: left;
	text-align: left;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

@font-face { 
    font-family: Roboto Regular;
    src: url('Fonts/Roboto-Regular.ttf');
}

@font-face { 
    font-family: Roboto Bold;
    src: url('Fonts/Roboto-Bold.ttf');
}

@font-face { 
    font-family: Roboto Light;
    src: url('Fonts/Roboto-Light.ttf');
}

@font-face { 
    font-family: Roboto Thin;
    src: url('Fonts/Roboto-Thin.ttf');
}