.header-top{
	background-color: #fff;
	padding-bottom: 18px;
}

	.logo-area{
		display: inline-block;
		vertical-align: top;
		width: 203px;
		text-align: center;
		padding-left: 5px;
	}

		.logo-area img{
			position: relative;
			left: -10px;
			width: 66px;
			height: 61px;
			border: none;
			outline: none;
		}
		
		.logo-area a{
			text-decoration: none;
			border: none;
			outline: none;
		}
		
			.logo-area a:hover img, .logo-area a:hover p{
				opacity: 0.7;
			}
		
		.logo-area p{
			color: #323232;
			text-align: left;
			font-family: "RobotoBold";
			font-size: 15px;
			line-height: 18px;
			white-space: nowrap;
		}
		
	.text-header{
		display: inline-block;
		vertical-align: top;
		width: 290px;
		padding-top: 23px;
	}

		.text-header p{
			color: #a7a7a7;
			font-family: "RobotoLight";
			font-size: 15px;
			line-height: 19px;
		}
		
	.telephone-header{
		display: inline-block;
		vertical-align: top;
		width: 256px;
		padding-top: 25px;
	}

		.telephone-header img{
			width: 38px;
			height: 38px;
			display: inline-block;
			vertical-align: top;
			margin-right: 10px;
		}
		
		.telephone-header h2{
			display: inline-block;
			vertical-align: middle;
			color: #000;
			font-family: "RobotoLight";
			font-size: 22px;
		}
		
	.button-header{
		display: inline-block;
		vertical-align: top;
		width: 166px;
		padding-top: 23px;
	}

		.button-header button{
			width: 166px;
			border: none;
			border-radius: 5px;
			background-color: #ffc107;
			color: #181818;
			font-family: "RobotoMedium";
			font-size: 14px;
			padding: 8px 0;
			cursor: pointer;
		}
		
			.button-header button:hover{
				background-color: rgba(255, 193, 7, 0.7);
			}
		
.navbar-main{
	height: 44px;
	background-color: #00786a;
}

	.navbar-main ul{
		list-style-type: none;
	}
	
		.navbar-main a{
			text-decoration: none;
		}
	
		.navbar-main li{
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			padding: 12px 13.5px;
		}
		
			.navbar-main ul > li:first-child a{
				padding-left: 1px;
			}
		
			.navbar-main ul > li:last-child a{
				padding-right: 1px;
			}
		
			.navbar-main a{
				position: relative;
				color: #fff;
			}
		
			.navbar-main li span{
				color: #fff;
				font-size: 15px;
				padding: 0 7px 9px 7px;
			}
		
			.navbar-main li.active span, .navbar-main a:hover span, .navbar-main ul ul li.active, .navbar-main ul ul li:hover{
				border-bottom: 3px solid #ffc107;
			}
			
			.navbar-main ul ul li:hover{
				padding: 12px 30px 9px 30px;
			}
			
	.navbar-main ul ul{
		display: none;
		position: absolute;
		border-top: 3px solid #ffc107;
		background-color: #00786a;
		margin-top: 9px;
		z-index: 10;
	}
	
		.navbar-main ul li:hover ul{
			display: block;
		}
		
			.navbar-main ul ul li{
				display: block;
				padding: 12px 30px;
				text-align: left;
			}
			
			.navbar-main ul ul li:last-child{
				padding: 12px 30px;
			}

.about-company-main{
	width: 100%;
	height: 645px;
	background-color: transparent;
	background-image: url(../images/main/bg-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 645px;
}

	.about-company-main p{
		font-family: "RobotoRegular";
		font-size: 14px;
	}
	
		.about-company-main p b{
			font-size: 16px;
		}

	.about-company-main .h-content{
		padding: 94px 0;
	}

	.about-left{
		display: inline-block;
		vertical-align: top;
		width: 420px;
	}
	
		.about-left h4{
			font-family: "RobotoBold";
			padding-bottom: 66px;
		}
	
	.about-right{
		display: inline-block;
		vertical-align: top;
		width: 370px;
		padding: 0 0 0 138px;
	}
	
		.about-right h4{
			font-family: "RobotoBold";
			padding-bottom: 100px;
		}
		
		.about-right a{
			color: #d22e2e;
			float: right;
			font-family: "RobotoLight";
			padding-right: 40px;
			padding-top: 23px;
			border: none;
			outline: none;
		}
		
			.about-right a:hover{
				opacity: 0.7;
			}
		
			.about-right a img{
				width: 14px;
				height: 9px;
				margin-left: 9px;
				border: none;
				outline: none;
			}
			
.why-need{
	position: relative;
	width: 100%;
	height: 1070px;
	background-color: transparent;
	background-image: url(../images/why/bg-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1070px;
}

	.why-need .h-content{
		position: relative;
		height: 100%;
		padding: 100px 0 0 0;
	}
	
		.why-need h2{
			color: #fff;
			font-weight: 100;
			padding: 0 100px 80px 100px;
		}
		
		.why-need .for-img{
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			width: 146px;
			height: 146px;
			border: 1px solid #419082;
			border-radius: 50%;
		}
		
			.why-need .for-img:hover{
				background-color: rgba(255,255,255,0.1);
			}
		
		.why-need .for-img img{
			width: 60px;
			height: 60px;
		}
		
			.why-need .for-img:hover img{
				width: 53px;
				height: 53px;
			}
			
			.why-sec{
				display: inline-block;
				vertical-align: top;
				width: 255px;
				margin: 0 39px 55px 39px;
			}
			
				.why-sec.three-child{
					margin-right: 0;
					margin-left: 15px;
				}
			
				.why-need p{
					color: #fff;
					line-height: 23px;
				}
				
				.why-sec p{
					padding-top: 30px;
				}
				
			.why-sec-all{
				height: 150px;
				margin: 0px 0px 0 17px;
			}
			
				.why-sec-all p{
					display: table-cell;
					width: 745px;
					padding: 40px 0px 0px 27px;
				}
				
	.why-sec-button{
		position: absolute;
	    width: 100%;
	    left: 0;
	    bottom: 220px;
	}
	
		.why-sec-button button{
			position: relative;
			top: -5px;
			left: 7px;
			display: block;
			width: 515px;
			height: 59px;
			border: none;
			border-radius: 5px;
			background-color: #fec107;
			color: rgb(24, 24, 24);
			font-family: "RobotoBold";
			font-size: 18px;
			margin: 0px auto;
			cursor: pointer;
		}
		
			.why-sec-button button:hover{
				background-color: rgba(255, 193, 7, 0.9);
			}
		
			.why-sec-button a{
				text-decoration: none;
			}
			
.event-help{
	background-color: #fff;
}

	.event-help .h-content{
		padding: 109px 0 121px 0;
	}
	
	.event-help h3{
		text-align: center;
		text-transform: uppercase;
		font-family: "RobotoBold";
		font-size: 30px;
		padding: 0 80px 103px 80px;
	}
	
	.event-help img{
		width: 158px;
		height: 158px;
		margin-bottom: 18px;
	}
	
		.event-help p{
			font-size: 18px;
		}
	
		.one-event{
			display: inline-block;
			vertical-align: top;
			width: 158px;
			text-align: center;
			padding: 0 37px 55px 37px;
		}
		
	.event-button{
		background-color: transparent;
		background-image: url(../images/events/botton-line.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto auto;
		margin-top: 31px;
	}
		
		.event-button button{
			position: relative;
			top: -5px;
			display: block;
			width: 515px;
			height: 59px;
			border: none;
			border-radius: 5px;
			background-color: #fec107;
			color: rgb(24, 24, 24);
			font-family: "RobotoBold";
			font-size: 18px;
			margin: 0px auto;
			cursor: pointer;
		}
		
			.event-button button:hover{
				background-color: rgba(255, 193, 7, 0.7);
			}
		
		.event-button a{
			text-decoration: none;
		}
		
.use-bunkers{
	position: relative;
	width: 100%;
	height: 1201px;
	background-color: transparent;
	background-image: url(../images/use/bg-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1201px;
	text-align: center;
}

	.use-bunkers .h-content{
		position: relative;
		height: 100%;
		padding: 100px 0 0 0;
	}
	
		.use-bunkers h2{
			padding: 0 100px 62px 100px;
		}
		
		.use-bunkers h5{
			padding: 18px 0 13px 0;
			font-size: 20px;
		}
		
		.use-bunkers p{
			padding: 0 0 46px 0;
			font-size: 16px;
			line-height: 20px;
		}
		
		.one-use{
			display: inline-block;
			vertical-align: top;
			width: 254px;
			margin: 0 28px;
		}
		
			.one-use .for-img{
				position: relative;
    			left: 50px;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				width: 150px;
				height: 150px;
				border-radius: 50%;
				background-color: #fff;
			}
			
				.one-use .for-img img{
					transition: all 0.5s ease-out 0s;
				}
				
					.one-use .for-img:hover img{
						-moz-transform: scale(-1,1);
						-webkit-transform: scale(-1, 1);
						-o-transform: scale(-1, 1);
						transform: scale(-1, 1);
						filter: FlipV;
						-ms-filter: "FlipV"; 
					}
				
	.use-button{
		position: absolute;
	    width: 100%;
	    left: 0;
	    bottom: 200px;
	}
			
		.use-button button{
			position: relative;
			top: -5px;
			left: 7px;
			display: block;
			width: 515px;
			height: 59px;
			border: none;
			border-radius: 5px;
			background-color: #fec107;
			color: rgb(24, 24, 24);
			font-family: "RobotoBold";
			font-size: 18px;
			margin: 0px auto;
			cursor: pointer;
		}
		
			.use-button button:hover{
				background-color: rgba(255, 193, 7, 0.7);
			}
		
			.use-button a{
				text-decoration: none;
			}
			
.designing{
	background-color: #fff;
}

	.designing .h-content{
		padding: 109px 0 121px 0;
	}
	
	.designing h3{
		text-align: center;
		text-transform: uppercase;
		font-family: "RobotoBold";
		font-size: 30px;
		padding: 0 80px 88px 80px;
	}
	
	.designing h5{
		text-transform: uppercase;
		padding-bottom: 35px;
	}
	
	.des-left{
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
	
		.des-left ul{
			list-style-type: none;
			margin-bottom: 20px;
		}
		
			.des-left li img{
				display: inline-block;
				vertical-align: middle;
				width: 53px;
				height: 53px;
				margin-right: 30px;
			}
			
			.des-left li span{
				display: inline-block;
				vertical-align: middle;
				width: 320px;
				border-bottom: 1px dotted #c9c9c9;
				font-size: 16px;
				font-family: "RobotoLight";
				padding: 20px 0;
			}
			
		.des-left p{
			font-family: "RobotoMedium";
			margin-bottom: 30px;
		}
		
		.des-left a{
			color: #1875d1;
			font-family: "RobotoLight";
			font-size: 14px;
		}
		
			.des-left a:hover{
				opacity: 0.7;
			}
	
	.des-right{
		float: right;
		width: 46%;
	}
	
		.des-right p{
			font-size: 16px;
			line-height: 20px;
			padding: 0 0 20px 0;
		}
		
		.des-right form{
			width: 432px;
			height: 572px;
			background-image: url(../images/designing/main-form.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}

		.des-right form{
			display: none;
		}

		.contact-card{
			width: 432px;
			min-height: 420px;
			background-image: url(../images/designing/main-form.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
			padding: 50px 40px 50px 40px;
			box-sizing: border-box;
			border-radius: 14px;
		}

			.contact-card h4{
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				font-family: "RobotoBold";
				font-size: 20px;
				line-height: 1.3;
				margin-bottom: 35px;
			}

			.contact-card-items{
				text-align: center;
			}

			.contact-card-items p{
				margin: 0 0 18px 0;
				padding: 0;
			}

			.contact-card-items a{
				color: #fff;
				text-decoration: none;
				font-family: "RobotoLight";
				font-size: 20px;
			}

				.contact-card-items a:hover{
					opacity: 0.8;
				}

		
			.des-right form h4{
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				font-family: "RobotoBold";
				padding: 50px 0 15px 0;
			}
		
			.des-right form p{
				color: #fff;
				font-size: 16px;
				width: 270px;
				margin: 0 auto;
			}
			
			.des-right form span{
				display: block;
				color: #fff;
				margin-left: 80px;
				margin-bottom: 7px;
			}
			
				.des-right form span img{
					position: relative;
					top: 2px;
					margin-right: 10px;
				}
			
			.des-right form input{
				width: 267px;
				height: 35px;
				border: none;
				border-radius: 2px;
				padding-left: 7px;
				margin-left: 80px;
				margin-bottom: 20px;
			}
			
			.des-right form textarea{
				width: 267px;
				height: 105px;
				border: none;
				border-radius: 2px;
				overflow: hidden; 
				padding-left: 7px;
				margin-left: 80px;
				margin-bottom: 20px;
			}
			
				.des-right form input:last-child{
					width: 190px;
					height: 45px;
					background-color: #fec107;
					font-family: "RobotoBold";
					font-size: 16px;
					padding: 0;
					margin-left: 120px;
					cursor: pointer;
				}
				
					.des-right form input:last-child:hover{
						background-color: rgba(255, 193, 7, 0.9);
					}	
				
footer .h-content{
	padding: 70px 0;
}

	footer .footer-top{
		margin-bottom: 70px;
	}

	footer .logo-area p{
		color: #9f9f9f;	
	}
	
	.text-footer{
		display: inline-block;
		vertical-align: top;
		width: 290px;
		padding-top: 23px;
	}

		.text-footer p{
			color: #9f9f9f;
			font-family: "RobotoLight";
			font-size: 15px;
			line-height: 19px;
		}
		
	.telephone-footer{
		display: inline-block;
		vertical-align: top;
		width: 270px;
		padding-top: 25px;
	}

		.telephone-footer img{
			width: 38px;
			height: 38px;
			display: inline-block;
			vertical-align: top;
			margin-right: 10px;
		}
		
		.telephone-footer h2{
			display: inline-block;
			vertical-align: middle;
			color: #9f9f9f;
			font-family: "RobotoLight";
			font-size: 22px;
		}
		
	.button-footer{
		display: inline-block;
		vertical-align: top;
		width: 166px;
		padding-top: 23px;
	}

		.button-footer button{
			width: 166px;
			border: none;
			border-radius: 5px;
			background-color: #ffc107;
			color: #181818;
			font-family: "RobotoMedium";
			font-size: 14px;
			padding: 8px 0;
			cursor: pointer;
		}
		
			.button-footer button:hover{
				background-color: rgba(255, 193, 7, 0.7);
			}
		
	.navbar-footer{
		display: inline-block;
	}
		
		.navbar-footer ul{
			list-style-type: none;
		}
		
		.navbar-footer nav{
			display: inline-block;
			vertical-align: top;
			width: 260px;
		}
		
			.navbar-footer li{
				color: #9f9f9f;
				padding-bottom: 20px;
			}
			
				.navbar-footer li:hover{
					opacity: 0.7;
				}
			
			.navbar-footer a{
				color: #9f9f9f;
			}
			
			.copirate-area{
				float: right;
				text-align: right;
			}
			
				.copirate-area p{
					display: inline-block;
					vertical-align: middle;
					color: #9f9f9f;
				}
				
				.site-development{
					margin-bottom: 25px;
				}
				
					.site-development p{
						width: 90px;
						font-size: 14px;
						margin-right: 20px;
					}
				
				.copirate-area img{
					display: inline-block;
					vertical-align: middle;
					width: 137px;
					height: 45px;
					cursor: pointer;
				}
				
					.copirate-area img:hover{
						opacity: 0.7;
					}
				
					.copirate p{
						font-size: 12px;
					}
				
				.copirate-area a{
					display: block;
					color: #1875d1;
					font-size: 12px;
				}
				
					.copirate-area a:hover{
						opacity: 0.7;
					}
					
/* SLIDER */

.slider{
	position: relative;
	height: auto;
}

	#owl-demo{
		position: relative;
		height: auto;
	}

		#owl-demo .item img{
		    display: block;
		    width: 100%;
		    height: auto;
		}
		
		.owl-theme .owl-controls{
		    position: absolute;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    margin: 0;
		}
		
		.owl-pagination{
			position: relative;
			top: 40%;
			width: 945px;
			margin: 0 auto;
		}
		
		.owl-theme .owl-controls .owl-page{
			display: block;
			height: 25px;
		}
		
		.owl-theme .owl-controls .owl-page span{
			float: right;
			width: 8px;
			height: 8px;
			border: 1px solid #869791;
			background: transparent;
		}
		
			.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
				background: #869791;
			}
	
	.slider-text{
		position: absolute;
		top: 20%;
		width: 675px;
		height: 225px;
		z-index: 9;
	}
	
		.slider-text h1{
			color: #fff;
			font-family: "RobotoBold";
			font-size: 40px;
			line-height: 44px;
			padding-bottom: 21px;
		}
		
			.slider-text p{
				width: 444px;
				color: #fff;
				font-family: "RobotoLight";
				font-size: 20px;
				line-height: 24px;
			}
			
/* FORM */

	.fancy-form{
		width: 430px;
		height: 418px;
		border-radius: 15px;
		background-color: transparent;
		background-image: url(../images/main/fancy-form.png);
		background-repeat: no-repeat;
		background-size: 430px 418px;
	}
	
		.fancy-form h2{
			color: #fff;
			font-family: "RobotoBold";
			text-transform: uppercase;
			font-size: 25px;
			padding: 49px 0 38px 0;
		}
		
			.fancy-form p{
				width: 200px;
				text-align: left;
				color: #fff;
				font-family: "RobotoLight";
				font-size: 15px;
				margin-bottom: 9px;
				margin-left: 69px;
			}
			
			.fancy-form form{
				text-align: center;
			}
			
			.fancy-form form input[type="text"], .fancy-form form input[type="password"]{
					width: 300px;
					height: 35px;
					border: none;
					border-radius: 2px;
					padding-left: 10px;
					margin-bottom: 16px;
				}
				
					.fancy-form input[type=submit]{
						width: 300px;
						height: 35px;
						border: none;
						border-radius: 2px;
						padding-left: 10px;
						margin-bottom: 16px;
						color: #181818;
						background-color: #ffc107;
						font-family: "RobotoBold";
						font-size: 16px;
						cursor: pointer;
						margin: 17px 0 0 0;
						width: 174px;
						padding: 12px 0;
						height: 50px;
					}
					
						.fancy-form input[type=submit]:hover{
							background-color: rgba(255, 193, 7, 0.9);
						}
						
							.fancy-form img{
								position: relative;
								top: 2px;
								margin-right: 10px;
							}
							
/* TEXT */

.text-conf-area{
	padding: 15px 30px 30px 30px;
}

	.text-conf-area h2{
		color: #181818;
		font-family: "RobotoBold";
		text-transform: uppercase;
		font-size: 25px;
		padding: 15px 0;
	}
	
		.text-conf-area p{
			text-align: left;
			color: #181818;
			font-family: "RobotoLight";
			font-size: 15px;
		}