*{margin:0px;}
@font-face{font-family:qlassikbold; src: url(../font/ABeeZee-Regular.ttf);} body{font-family:qlassikbold; font-size:14px; letter-spacing:1px; color:#1C1C1C;}
#header{width:100%;  z-index:1000; position:absolute; }
#head{width:90%; margin:0px auto; padding:20px 0px; height:auto; }
#log{float:left;}
#log img{height:70px;}

#nav{float:right; margin-top:25px;}
#firl, #secl{position:absolute; z-index:1000; display:none;}

#firl , #secl {background:white; padding:0px 20px ; box-shadow:0px 1px 6px 1px #AA7F2A; }
#firl li a, #secl li a {color:black;} #firl li, #secl li {list-style:none;}
#nav .firlin {display:inline-block; color:white;  vertical-align:top; margin-left:50px; line-height:35px;  font-weight:bold; border-bottom:2px solid #AA7F2A;}
#nav  .firlin a{ text-decoration:none; }
#nav  .oth{color:white; }
#nav a :hover{opacity:0.8;}

#btn {float:right; width:30px; margin-top:20px; display:none;}
#btn span{display:block; width:100%; margin-bottom:4px; height:4px; background:#AA7F2A;}

#callb{90%; background:#AA7F2A; padding:40px 10%;}
#callb p{float:left; color:white; margin-top:10px; font-weight:bold; font-size:22px;}
#callb a{float:right; display:block; height:40px; width:140px; text-decoration:none; line-height:40px; text-align:center; background:white; color:#AA7F2A; border-radius:10px;}

#galer{width:100%; display:flex; flex-wrap:wrap;}
.gallery-item{width:22%; margin-left:2%; margin-bottom:10px;}
.gallery-item img{width:100%; transition-duration:2s;}
.gallery-item img:hover{width:120%; margin-left:-20%;}

#section, #sect .seti{margin:0px auto; width:90%; padding:100px 0px 45px 0px;}

#section h1, #sect .seti h1{text-align:center; }
#section span, #sect .seti span{font-weight:normal;  font-size:15px; }


#contact{width:90%; margin:150px auto 50px auto;}
#contact .box{width:30%; display:inline-block; background:#F4F4F4; text-align:center; vertical-align:top; padding:40px 0px; height:150px;}
#contact .aab{margin:0px 4%;}
#contact b{display:block; margin:20px 0px;}
#contact p{color:#AA7F2A;}
#contact .box img{height:35px;}

.serv1, .serv2{margin-top:100px; }

.serv1 span, .serv span{padding:5px 5px 0px 5px; background:#AA7F2A; color:white; font-weight:bold;}
.serv1 .serv{float:right; width:48%; padding-top:60px;}
.serv1 .serv b, .serv2 .serv b{font-size:20px;}
.serv1 .serv p, .serv2 .serv p{ margin:15px 0px; }
.serv1 .serv a, .serv2 .serv a, #article .serv a{
display:block; height:40px; width:100px; text-decoration:none; line-height:40px; text-align:center; background:#AA7F2A; color:white; 
}
.serv1 img{float:left; width:48%;}

.serv2 img{float:right; width:48%;}
.serv2 .serv{width:48%; padding-top:60px;}




#info{
	margin:50px 0px 0px 0px ;width:100%; text-align:center;background:#AA7F2A; color:white; font-weight:bold;
}

#otherinfo{width:100%; height:auto; background:url(../img/single_service_04.jpg); background-size:100% 100%; color:white;}
#other{width:80%; margin:0px auto; padding:130px 0px;}
#other .box{width:33%;display:inline-block; text-align:center;}

#sect select, #sect input{width:24%;  height:50px; padding-left:5px; border-radius:0px; border:1px solid #E4E4E4;}
#sect select :focus, #sect input :focus{ border:1px solid #E4E4E4;}


#info .bb{
	width:74%; text-align:center; margin:0px auto; background: #DD8249;   padding:60px 3%;
}
#info h2{
	margin-bottom:20px;
}
#sect{width:100%; background:#E4E4E4;}
#article{width:100%; background:#F7F7F7; }
#footer{width:100%; background:black; padding:50px 0px; opacity:0.9;}
#article .art{width:90%; margin:0px auto;}
#article img{float:left; width:48%;}
#article .serv{float:right; width:45%; margin-top:70px;}
#article .serv p{margin:20px 0px;}
#foot{width:90%; margin:0px auto;}

#foot .box{display:inline-block; vertical-align:top; }
#foot .boz{width:20%;}
#foot .bo{width:30%; margin-right:50px;  }
#foot .box a{display:block; text-decoration:none; color:white; line-height:30px;}
#foot .box img{width:60%;margin-bottom:20px;}
#foot .box h2{color:white; margin-top:20px;}
#foot .box p{color:white; }

#last{width:100%; padding:10px 0px 10px 0px; text-align:center; background:#0A0E0A; color:white; opacity:0.9;}

#conne {margin-top:40px;}
#conne span{display:inline-block; width:35px; height:35px; border-radius:10px;}
#conne .ab{background:url(../img/instagram.png); background-size:110% ;}

#conne .cd{background:url(../img/facebook.png); background-size:100% ;}

#conne .ef{background:url(../img/link.png); background-size:100% ;}


#book input[type=text],#book input[type=date], #book select{height:50px; border:1px solid silver; margin-bottom:10px; padding-left:5px;}
#book textarea{height:250px; border:1px solid silver; margin-bottom:10px; padding-left:5px; padding-top:5px; width:100%;}
#book{width:90%; margin:100px auto;}
#book .fir{float:left; width:48%;}
#book .fir td{padding:5px;} #book .sec{padding-top:4px;}
 #book .firinput{float:left; width:49%;}
#book .sec, #book .seinput{float:right; width:49%;}
#book .lastinput{ width:100%; clear:both;}
#book input[type=submit]{ width:100%; background:#AA7F2A; color:white; height:50px; font-weight:bold; font-size:22px;  border:1px solid #AA7F2A;}

#book h1{ margin-bottom:20px;}
#book h1, #book h2{text-align:center; }
#book h2{line-height:40px;}
#book span, #book h2{color:#AA7F2A;}
#book p{margin-bottom:20px; line-height:23px;}


@media (max-width:1120px){#head{width:90%;  }}


@media (max-width:950px){
	#header{width:100%;  position:relative; background:#343434;}
	#nav{float:none; margin-top:75px; margin-left:-15px; display:none;}
	#nav{float:none; position:absolute; background:white; width:100%; }
	#btn{display:block;}
	
	#nav .firlin {display:block; color:black;  margin-left:-40px; padding-left:10px; line-height:35px;   border-bottom:0px solid #AA7F2A; margin-bottom:10px;}
	#nav  .oth{color:black; margin-bottom:10px;}
	#firl, #secl{position:relative;}
	#firl , #secl {background:white; padding:0px 20px ; box-shadow:0; }
}

@media (max-width:800px){

#foot .box{display:block; margin-bottom:20px;}
#foot .boz{width:100%;}
#foot .bo{width:100%; margin-right:0px;  }

#foot .box img{width:50%;}

}
@media (max-width:600px){
#book{width:90%; margin:100px auto;}
#book .fir, #book .sec{float:none; width:100%;}
#book p{margin-top:20px; line-height:20px;}	

#sect select, #sect input{width:100%;  margin-bottom:5px;}
#article img{float:none; width:100%;}
#article .serv{float:none; width:100%; margin-top:40px;}
#article .serv p{margin:10px 0px; }
#article {padding-bottom:20px;}
	
#contact{margin:180px auto 120px auto;}
#contact .box{width:100%; display:block;}
#contact .aab{margin:20px 0px;}

.gallery-item{width:100%; margin-left:0px; margin-bottom:10px; display:block;}
.gallery-item img:hover{width:110%; margin-left:-5%;}
	
#log img{height:55px;}
#section{padding:70px 0px 30px 0px;}
#callb p{float:none; }
#callb a{float:none;margin-top:25px;}

#other .box{width:100%;display:block; }
#other .ccc{margin:100px 0px; }
#other{padding:60px 0px;}

.serv1 .serv, .serv2 .serv{float:none; width:100%; padding-top:40px; }
.serv1, .serv2{margin-top:50px;}
.serv1 img, .serv2 img{float:none; width:100%;}
	}