@charset "utf-8";
/* CSS Document */


::root {
	-screen_width = screen.width;
	-screen_lenght = screen.lenght;
}

* {
	margin: 0; 
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}

body,html{min-width:500px; min-height:1000px;}

h1{font-size: 250%;text-align:left;color:#000;}	
h2{font-size: 350%;text-align:left;padding: 5% 0 0 10%;color: #ef5b2b;}	
h3 {font-size: 250%;text-align:left;padding: 2% 0 0 5%;}
h4 {font-size: 250%;text-align:left;padding: 10vh 0 0 10%;}
h5 {font-size: 250%;text-align:left;padding: 1vh 0 0 13%;}
	

#header_wrap {
	height: 10vh;
	width:100%;
}

#header {
	position: fixed;
	height: 10vh;
	width: 100%;
	padding: 0 10% 0 10%;
	background-color:#FFF;
	background-image:url(../Pictures/header.png);
	background-position:bottom;
	background-repeat: repeat-x;
}



#header_text {
	margin-top: 1%;
	float:left;
	height: 60px;
	width:	35%;
	text-align:center;
}

#header_logo {
	float:left;
	height: 45%;
	width: 100px;
}
#header_nav {
	float:right;
	height: 75px;
	width: 45%;
	padding-right:100px;
}

#header_nav ul {
   margin: 0;
   padding: 30px;    
}
#header_nav li {
   float: left;
   padding: 3px 8px;
   background-color: #FFF;
   margin: 0 10px 0 0;
   color: #F00;
   list-style-type: none;
}

#header_nav li a {
   color: #F00;  
   text-decoration: none;    
}
#header_nav li a:hover {
   text-decoration: underline;   
}

#information_wrap {
	height:90vh;
	width: 100%;
	background-image:url(../Pictures/background_left.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

#information_right {
	float:right;
	width:10%;
	height:100%;
	background-image:url(../Pictures/background_right.jpg);
}

#information_left {
	background-image:url(../Pictures/background_left.jpg);
	float:left;
	width:10%;
	height:100%;
}
#information_center {
	float:left;
	width:80%;
}

#information_top {
	width:100%;
	height:10vh;
}


#us {
	width:100%;
	height:40vh;
	background-color:#252222;
}

#us_text1 {
	margin: 20px 5% 20px 6%;
	color: #ef5b2b;
	font-family:akarius;
	font-size:200%;
}


#service {
	height: 40vh;
	width:100%;
	background-color:#ef5b2b;
	color:#252222;
}


#service_text2
{
	padding: 5% 0 0 10%;
	height: 100px;
	width: 70%;
}

#service_text3
{
	margin: 5px 0 0 10%;
	height: 100px;
	width: 70%;
}

#reference {
	height: 100vh;
	width: 80%;
	padding:0 10% 0 10%;
	background-image:url(../Pictures/reference-bg.jpg);
	background-repeat:none;
	background-size:cover;
}



#contacts {
	background-image:url(../Pictures/contacts_background.jpg);
	height:72vh;
	width:100%;
	text-align:center;
	background-repeat:none;
	background-size:cover;
	background-position:bottom;
	padding-bottom:5%;	
}

#contacts_persons {
	height:100%;
	width:60%;
	padding: 1% 0 0 10%;
	float:left;
}

#fb-page{float:right; width:20%;height: 60%;}

#contacts_email {
	height:45%;
	width:40%;
	margin: auto;
}

#recaptcha {display:flex; justify-content: center;}


#address {text-align:center;background-color:#ef5b2b;height: 9vh;width:100%;font-family: Arial, sans-serif;}
#address_text {font-family: Arial, sans-serif;height:70%;width:65%;text-align:center;float:left; font-size: 140%; color: #0d0d0d;padding-left: 10%;}
textarea {resize: none;width:50%;}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}

