@import url("//cdn.web-fonts.ge/fonts/bpg-arial-caps/css/bpg-arial-caps.min.css");
@import url("//cdn.web-fonts.ge/fonts/bpg-glaho/css/bpg-glaho.min.css");
#baground{
	width: 100%;
	height: 450px;
	background-size: cover;
    background-position: center center;
}
#main{
	max-width: 1200px;
	margin: 20px auto;
	text-align: left;
	min-height: 650px;
}
a{
	text-decoration: none;
}
#servise{
		max-width: 900px;
		min-height: 1000px;
		margin-left: 15%;
		overflow: hidden;
		margin-top: -300px;
		background-color: rgba(255,255,255,0.8);
		border-radius: 2px;
	}
	#servise .description .img {
    width: 97.5%;
    height: 400px;
    margin: 5px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
	#servise .description{
		width: 100%;
		border-radius: 2px;
	}
	#servise .description h1{
		color: #333333;
		margin: 20px 10px;
		font-size: 20px;
		height: 30px;
		font-family: 'bpg_nino_medium_capsregular';
		
	}
	#servise .description h3{
		margin-left: 10px;
	}
	#servise .description div{
		font-size: 15px;
        padding: 5px;
        font-family: 'dejavu_sansbook';
        line-height: 30px;
        margin-top: -20px;
        color: #66788a;
        font-family: 'dejavu_sansbook';
        text-align: justify;
	}
		#servise .description ul{
			list-style: none;
		}
	#servise .description ul li{
		font-size: 15px;
		line-height: 20px;
		color: #000;
		margin: 10px;
		margin-left: 0px;
		font-family: "BPG Glaho", sans-serif;
		color: #707070;
    background-image: url(../img/icons/270s5.png);
    background-repeat: no-repeat;
    background-position: 2px 9px;
    padding: 5px 25px;
    cursor: pointer;
       border-bottom: 1px dashed #d7d7d7;
       min-height: 30px;
	}
	#servise .description ul li:hover{
		 border-bottom: 1px dashed #ffcc63;
		  background-image: url(../img/icons/2705.png);
		   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	}
	strong{
		color: #ff6060;
		font-size: 16px;
		font-family: "BPG Arial Caps", sans-serif;
	}
    @media only screen and (max-width: 1000px) {
	#servise{
		margin-left: 2.5%;
		width: 95%
	}
	
  

}
@media only screen and (max-width: 1400px) {

	#servise{
		margin-left: 10%
	}
  

}
@media only screen and (max-width: 1218px){
	
#baner {
    height: 350px;
}
}
@media only screen and (max-width: 1200px) {

	#servise{
		margin-left: 5%
	}
  

}
@media only screen and (max-width: 960px) {
	
	#servise{
		margin-left: 0%
	}
  #servise{
  	width: 100%;
  }
#servise .description .img{
	height: 300px;
}
}

@media only screen and (max-width: 800px){
	
#baner {
    height: 300px;
}
}