@charset "utf-8";
/* RESPONSIVE STYLING *v*********************
****************************************/

@media all and (max-width: 1000px) {
/*--wrapper---*/
.wrapper_box{width:99%; margin:0 auto;padding:10px;}
}
@media all and (max-width: 960px) {
	/* header */
	#header {height:141px; padding:0;}
	#header .wrapper_box{padding:0;}
	
	
	/*top_header block ------------------------------------------------------*/
	#top_header{ width:100%;  background:#fff;  border-bottom:2px solid #a6cb33; height:125px;}
	
	/*LOGO block ------------------------------------------------------*/
		#logo {width:25%; height:115px; float:right;}
		#logo .custom{float:right;}
		#logo p{text-align:center;}
			#logo img{width:100%; height:auto; text-align:center; margin:0 auto;}
		
		#logo_slogen {width:75%; height:90px; float:left;}
			#logo_slogen p{text-align:left;}
			#logo_slogen img{width:96%; height:auto; text-align:left; margin:0 auto; padding-top:60px;}
		
	/*bottom_header block ------------------------------------------------------*/
	#bottom_header{ width:100%;height:auto;background:#3c3c3c;}	
		#phone{width:25%; float:right; height:26px; line-height:18px; padding:5px 0;background:#1e1e1e;}
		#phone p{text-align:center; color:#7b7b7b; font-size:100%;letter-spacing:1px;}
		#phone a{color:#7b7b7b; font-size:100%;}
	
	/*topmenu block ------------------------------------------------------*/
		#topmenu li a {display:block; color:#fff ;font-size:100% !important;line-height:16px;text-align:center !important;background:none;height:16px; font-weight:normal !important; padding:0 30px; }
		
	/*SIDETEXT block ------------------------------------------------------*/
				#sidetext h3{color:#fff; font-size:18px; margin-bottom:10px;}
				#sidetext .custom p{color:#3c3c3c; font-size:100%; line-height:15px;}
				
				/*FOXCONTACT block -----------------------------------------------*/
				#foxcontact h3{text-align:right; padding:0; color:#000; font-size:20px; margin:5px 0;}
					#foxcontact .foxform {margin:0 !important; float: right; width:95%;}
					#foxcontact h2 {display:block; text-align:right; padding:5px 0; color:#fff; font-size:20px; margin:5px 0;width:90%;} 
					#foxcontact div {clear:both !important;margin:0 auto 1%!important;padding:0 !important; width:100%;} 
					#foxcontact div:first-child{ margin:0 0 10px !important; color:#3c3c3c; font-size:100%; }
					#foxcontact div:nth-child(6){ position:absolute; top:270px; color:#3c3c3c; font-size:100%; }
					#foxcontact div:nth-child(6) a{font-size:100%;  color:#3c3c3c; font-weight:bold;}
						#foxcontact input, #foxcontact textarea {color:#616060;font-size:14px;line-height:30px;background:rgba(255, 255, 255, 0.2);width:100% !important;border-radius:2px !important;box-shadow:none !important;height:30px;margin:0 0 2px !important;padding:0 10px !important; font-style:italic;  border:0; }
						#foxcontact button {color: #3c3c3c;font-size: 20px;line-height: 25px;border:0 none;width:75px ;height: 30px;margin:0 0 60px !important;padding: 0 ;display: block; background:#ABCF39; text-align:center; border-radius:4px; font-size:100%;}	
		
	
}

@media all and (max-width: 767px) {
	.unim-icon.responsive.mobile {color:white; text-align:center;}
	#topmenu li ul {width:100%; text-align:center;}
		#topmenu li ul li a {font-size:15px; right:0;}
		 #topmenu li li:hover {background:none;}
		 #topmenu ul > li.active, #topmenu ul > li:hover {background:#abcf39}
	 	 	#topmenu ul > li.active ul li a, #topmenu ul > li:hover ul li a {background:none;} 	
		 html[dir="rtl"] ul.unim.responsive.mobile li.parent ul {margin-right:0;}
}
@media all and (max-width: 700px) {
	/*top_header block ------------------------------------------------------*/
	#top_header{ width:100%;  background:#fff;  border-bottom:2px solid #a6cb33; height:185px;}

	/*LOGO block ------------------------------------------------------*/
		#logo {width:100%; height:115px; float:none;}
		#logo .custom{float:none;}
		#logo p{text-align:center;}
			#logo img{width:233px; height:auto; text-align:center; margin:0 auto;}
		
		#logo_slogen {width:100%; height:65px; float:left;}
			#logo_slogen p{text-align:center;}
			#logo_slogen img{width:96%; height:auto; text-align:center; margin:0 auto; padding-top:15px; margin-bottom:10px;}
			
		/*bottom_header block ------------------------------------------------------*/
	#bottom_header{ width:100%;height:auto;background:#3c3c3c;}	
		#phone{width:35%; float:right; height:26px; line-height:18px; padding:5px 0;background:#1e1e1e;}
		#phone p{text-align:center; color:#7b7b7b; font-size:100%;}
		#phone a{color:#7b7b7b; font-size:100%;}
	
	/*topmenu block ------------------------------------------------------*/
	#topmenu {position:relative;z-index:9999; float:right; width:65%; padding:5px 0;}
		#topmenu li a {display:block; color:#fff ;font-size:100% !important;line-height:16px;text-align:center !important;background:none;height:16px; font-weight:normal !important; padding:0 15px; }
			
	/*SIDEBAR block ------------------------------------------------------*/
	#sidebar {width:35%; min-height:300px; padding:5px 0 25px; float:right; background:#979797;}
	
	/*left_content block ------------------------------------------------------*/		
	#left_content{width:65%; float:left; padding:0 0 20px;}
	#phocagallery-pane .phocagallery-box-file, #phocagallery .phocagallery-box-file, .phocagallery-box-file {width:100%!important; height:auto!important;}

}

@media all and (max-width: 550px) {
/*bottom_header block ------------------------------------------------------*/
	#phone{width:100%; float:none; height:26px; line-height:18px; padding:5px 0;background:#1e1e1e;}
/*topmenu block ------------------------------------------------------*/
	#topmenu {position:relative;z-index:9999; float:right; width:100%; padding:5px 0;}
	#topmenu ul {text-align:center; width:100%;}
}

@media all and (max-width: 500px) {
/*top_header block ------------------------------------------------------*/
#top_header{ width:100%;  background:#fff;  border-bottom:2px solid #a6cb33; height:165px;}

	#logo_slogen {width:100%; height:45px; float:left;}
/*SIDEBAR block ------------------------------------------------------*/
	#sidebar {display:none;}
	/*SIDETEXT block ------------------------------------------------------*/
	#sidetext{display:none;}
	/*FOXCONTACT block -----------------------------------------------*/
	#foxcontact {display:none;}
	/*left_content block ------------------------------------------------------*/		
	#left_content{width:99%; margin-right:0; float:none; padding:0 0 20px;}
	
	/*responsive_box block ------------------------------------------------------*/
		#responsive_box{width:100%; padding:0; margin-top:10px; background:#979797;}
			
				/*sidetext_responsive block ------------------------------------------------------*/
				#sidetext_responsive{ display:block;width:100%; height:auto; margin:10px auto; vertical-align: middle;}
				/*foxcontact_responsive block -----------------------------------------------*/
				#foxcontact_responsive {display:block;position:relative;width:95%; padding:0; border-radius:15px; height:auto; margin:0 auto;}
}


@media all and (max-width: 380px) {

/*bottom_header block ------------------------------------------------------*/
	#phone p{text-align:center; color:#7b7b7b; font-size:17px;}
	#phone a{color:#7b7b7b; font-size:17px;}

/*topmenu block ------------------------------------------------------*/
#topmenu {position:relative;z-index:9999; float:right; width:100%; padding:0;}
#topmenu li {margin:0; display:block; position:relative; width:100%;}
	#topmenu li a {display:block; color:#fff ;font-size:17px !important;line-height:40px;text-align:center !important;background:none;height:40px; font-weight:normal !important; padding:0 0; border-top:1px solid #abcf39; }
	#topmenu li:first-child a {border-top:0; }
	#topmenu li:hover a{ color:#3c3c3c; background:#abcf39;}
	#topmenu li.current > a, #topmenu li.active > a { color:#3c3c3c !important; background:#abcf39;}
	/* pure CSS sub menu */
	#topmenu li:hover ul, #topmenu li ul:hover { display: none; }
	

}