@import url("//cdn.web-fonts.ge/fonts/bpg-arial-caps/css/bpg-arial-caps.min.css");
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
body{
	background-color: #fff;
	
}
.header-spase{
	width: 100%;
	height: 30px;
	background-color: #fff;
}
#logo{
	position: absolute;
	z-index: 9999;
	margin-left:200px;
	top: -10px;
	cursor: pointer;
	width: 90px;
	
}
.icon{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 160px;
	height: 60px;
	
}
.icon ul{
	list-style: none;
	padding: 0;
	right: 10px;
	position: absolute;
	z-index: 9999;
}
.icon ul li{
	float: left;
	width:23px;
	height: 23px;
	margin-left: 10px;
	border-radius: 50%;
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
	
}
.icon ul li:hover{
	background-color: #e7e7e7;
}
.icon ul li a{
	position: absolute;
	width:30px;
	height: 30px;
}
.icon ul li:nth-child(1){
	background-image: url('../img/icons/fb.png');
	
}
.icon ul li:nth-child(2){
	background-image: url('../img/icons/ins.png');
	
}
.icon ul li:nth-child(3){
	background-image: url('../img/icons/tv.png');
	list-style: none;
}

nav{
	width:100%;
	height: 70px;
	background-color: #fff;
	position: relative;
	z-index: 999;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	nav>ul{
        padding: 0;
        list-style: none;
        margin: auto;
        width: 100%;
        text-align: center;
    }
    nav>ul>li{
        display: inline-block;
        position: relative;
        line-height: 55px;
        height: 70px;
        margin-left: 30px;
        text-align: left;
	 -moz-transition: all 0.6s;
	 -o-transition: all 0.6s;
	transition: all 0.6s;
    }
  
    nav>ul>li>a{
        display: block;
        padding: 8px 25px;
        font-size: 16px;
        color: #000;
        text-decoration: none;
       font-family: "BPG Arial Caps", sans-serif;
    }
    nav>ul li a:hover{
        color: #fd9242;
    }
    nav>ul>li>ul.dropdown{
        display: none;
        margin-top: 0px;
       position: absolute;
        z-index: 99999999999999999999999999999999999999999999999;
        left: -70px;
    }
    nav>ul >li >ul.dropdown li{
		  width: 270px;
		  height: 50px;
		  background-color: #fff;
		   line-height: 40px;
		  border-bottom: 1px solid rgba(113,113,113, 0.1);
		  display: block;
		  text-align: center;
	}
    nav>ul> li >ul.dropdown li a{
		padding: 8px 8px;
		font-size: 15px;
		color: #000;
		
	}
	nav>ul> li >ul.dropdown li a:hover{
		
		 color: #fd9242;
	}
	nav>ul> li >ul.dropdown-two li a:hover{
		
		 color: #fd9242;
	}
	 nav>ul>li>ul.dropdown-two{
        display: none;
        margin-top: 0px;
       position: absolute;
        z-index: 99999999999999999999999999999999999999999999999;
        left: -75px;
    }
    nav >ul >li >ul.dropdown-two li{
		  width: 270px;
		  height: 50px;
		  line-height: 40px;
		      background-color: #fff;
		    border-bottom: 1px solid rgba(113,113,113, 0.1);
		    display: block;
		    text-align: center;
	}
    nav >ul >li >ul.dropdown-two li a{
		padding: 8px 8px;
		font-size: 15px;
		color: #000;
	}
	
	
    
	.leng{
		width: 140px;
		position: absolute;
		right: 10%;
		color: #fff;
		top: 0;
		height: 70px;
        text-align: center;
        border-radius: 300px;
        line-height: 50px;
	}
	.leng>ul{
		margin-top: 23px;
		margin-left: 16px;
		list-style: none;
	}
	.leng>ul a li {
		margin: 5px;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		float: left;
		background-size: 25px 16px;
		font-weight: bold;
	    width: 25px;
	    margin-left: 16px;
        height: 16px;
        border-radius:5px;
        box-shadow:0px 0px 5px #333;	
		-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
	}
	
	.leng ul a li:hover{
		 border-radius:0px;
		  box-shadow:0px 0px 5px #8a3288;
		
	}
	#nav-bar{
		width: 50px;
		height: 40px;
		position: absolute;
		right: 2%;
		border: 1px solid #00baf5;
		margin-top: 5px;
		border-radius: 5px;
		background-image: url('../img/icons/menu.png');
		background-size: 100% 100%;
		-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	display: none;
	}
	.nav-bar-menu{
		width: 100%;
		background-color: rgba(7,64,82, 0.6);
		margin-top: 51px;
		left: -100%;
		position: absolute;
		-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
	}
	
	footer{
		width: 100%;
		height: 120px;
		background-color:#161616; 
		position: relative;
		margin-top: 100px;
	}
	footer ul{
  	width: 100%;
  	text-align: center;
  }
  footer ul li{
  	display: inline-block;
  	margin: 20px 25px;
  }
  footer ul li a{
  	color: #ffff;
  	font-family: "BPG Arial Caps", sans-serif;
  	font-size: 15px;
  }
  footer ul li:hover{
  	opacity: 0.8
  }
	footer p{
    position: absolute;
    color: #eeefef;
    font-size: 15px;
    width: 98%;
    text-align: center;
    bottom: 5px;
}
.iconfooter{
	position: absolute;
	top: 78px;
	height: 30px;
}
	.iconfooter>ul{
	list-style: none;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 9999;
	width: 200px;
	height: 50px;
}
.iconfooter>ul>li{
	float: left;
	width:30px;
	height: 30px;
	margin-left: -5px;
	border-radius: 50%;
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
}
.iconfooter{
	position: absolute;
	top: 78px;
	height: 30px;
}
	.iconfooter>ul{
	list-style: none;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 9999;
	width: 200px;
	height: 50px;
}
.iconfooter>ul>li{
	float: left;
	width:30px;
	height: 30px;
	margin-left: -5px;
	border-radius: 50%;
	background-position: center;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	transition: all 0.3s;
}
.iconfooter>ul>li>a{
	position: absolute;
	width:30px;
	height: 30px;
}
.iconfooter>ul>li:hover{
	background-color: #ff5757;
}
.iconfooter >ul>li:nth-child(1){
	background-image: url('../img/icons/fb1.png');
	
}
.iconfooter >ul>li:nth-child(2){
	background-image: url('../img/icons/ins1.png');
	
}
.iconfooter >ul> li:nth-child(3){
	background-image: url('../img/icons/tv1.png');
	
}