@import url(reset.css);

a {
  text-decoration: none;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.wrapper {
  display: block;
  overflow: hidden;
}

/*#homepage {
  
  background: url(../images/IMG_0328.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
}
#homepage span.overlay {
  background: url(../images/overlay.png) repeat center center fixed;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}*/
.randbg span.overlay {
  background: url(../images/overlay.png) repeat center center fixed;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.randbg {
background: url('../bg/bg2.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.randbg.bg1 {
background-image: url('../bg/bg3.jpg');
}
.randbg.bg2 {
background-image: url('../bg/bg4.jpg');
}
.randbg.bg3 {
background-image: url('../bg/bg5.jpg');
}
.randbg.bg4 {
background-image: url('../bg/bg6.jpg');
}
.randbg.bg5 {
background-image: url('../bg/bg7.jpg');
}
.randbg.bg6 {
background-image: url('../bg/bg8.jpg');
}
.randbg.bg7 {
background-image: url('../bg/bg9.jpg');
}
.randbg.bg8 {
background-image: url('../bg/bg10.jpg');
}
.randbg.bg9 {
background-image: url('../bg/bg11.jpg');
}





.content_toppage_area {
  width: 800px;
  margin: 180px auto 10px auto;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.content_toppage_area h1 {
  text-align: center;
}
.content_toppage_area .wrap_nav_top {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-top: 30px;
}
.content_toppage_area .wrap_nav_top ul {
  display: block;
  overflow: hidden;
  padding: 0;
}
.content_toppage_area .wrap_nav_top ul li {
  float: left;
  display: block;
  width: 143px;
  margin: 0px 20px 20px 0;
  background: rgba(46, 46, 45, 0.9);
  text-align: center;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  font-weight: bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
}
.content_toppage_area .wrap_nav_top ul li a {
  padding: 17px 0;
  display: block;
  color: #00adee;
}
.content_toppage_area .wrap_nav_top ul li a span {
  background: url(../images/ui_ico1.png) no-repeat 0 0;
  display: block;
  width: 150px;
  height: 100px;
  margin: auto;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_company {
  background-position: 4px -8px;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_production {
  background-position: -198px -2px;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_events {
  background-position: -405px -3px;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_installations {
  background-position: 0px -104px;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_rentals {
  background-position: -202px -102px;
}
.content_toppage_area .wrap_nav_top ul li a span.ico_contact {
  background-position: -403px -103px;
}
.content_toppage_area .wrap_nav_top ul li:last-child {
  margin-right: 0;
}
.content_toppage_area .wrap_nav_top ul li:hover {
  background: rgba(24, 87, 123, 0.9);
}
.content_toppage_area .wrap_nav_top ul li:hover a {
  color: #fff;
}



footer {
  text-align: center;
  background: rgba(59, 59, 59, 0.8);
  color: #fff;
  padding: 5px 0;
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

header {
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.7);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.7);
width: 100%;
display: block;
overflow: hidden;
}
header .hd_wrap { display: block; overflow: hidden; width:  1002px; margin: 0 auto; padding: 15px 0;}
header .hd_wrap .logo_page { float: left; display: block; }
header .hd_wrap .n_top { float: right; display: block;}
header .hd_wrap .n_top ul { display: block; overflow: hidden; padding: 20px 10px 15px 10px; margin: 0; }
header .hd_wrap .n_top ul li { float: left; display: block; font-size: 12px; font-weight: bold; }
header .hd_wrap .n_top ul li a { display:  block; padding: 0; margin: 0 10px;}
header .hd_wrap .n_top ul li a:hover, header .hd_wrap .n_top ul li a.current { color: #0478a3; border-bottom: 2px solid #0478A3;}



#page, .page { background: #666;}
.contact-wrap { display: block; overflow: hidden;}
.contact-wrap .ct-form { float: left; padding: 20px 10px; display: block; width: 60%;}
.contact-wrap .ct-form dl { display: block; overflow: hidden;}
.contact-wrap .ct-form dl dt { float: left; display: block; width: 25%; height: 34px; margin-bottom: 13px; padding: 7px 0;}
.contact-wrap .ct-form dl dd { float: right; display: block; width: 73%; margin-bottom: 15px;}

.contact-wrap .ct-addr { float: right; display: block; width:40%; padding: 75px 20px; text-align: center; font-size: 16px;}
.contact-wrap .wpcf7-textarea { height: 120px;}
#wrap-gall-inner { display: table; width: 100%;}
#wrap-gall-inner .entry-content { display: table-cell;  width: 79%; vertical-align: top;}
#wrap-gall-inner .entry-content h3 { border-bottom: 1px solid #999; font-size: 16px; color: #333; margin-bottom: 10px; background: url(../images/ico_gallery.png) no-repeat 0 center; padding: 8px 0 7px 35px;}



.menu {padding: 100px 0 0 0;}
.menu ul {padding: 0; margin: 0;}
.menu ul li {padding: 0; margin: 0;}
.menu .page_item { display: none;}
.menu .page_item.current_page_item { display: block;}
.menu .page_item.current_page_item a,
.menu .page_item.current_page_parent a { display: none;}
.menu .page_item.current_page_item .children,
.menu .page_item.current_page_item .children .page_item,
.menu .page_item.current_page_item .children .page_item a,
.menu .page_item.current_page_parent,
.menu .page_item.current_page_parent .children .page_item,
.menu .page_item.current_page_parent .children .page_item a { display: block !important; padding: 10px; border-bottom: 1px solid #ddd;}
.menu .page_item.current_page_item .children .page_item a,
.menu .page_item.current_page_parent .children .page_item,
.menu .page_item.current_page_item .children,
.menu .page_item.current_page_parent,
.menu .page_item.current_page_item .children .page_item {padding: 0; border-bottom: none;} 
.menu .page_item.current_page_parent .current_page_item a {font-weight: bold; color: #0478A3;}
#secondary {
  padding-top: 100px;
}
#secondary ul {
  margin: 0;
  padding: 0;
}
#secondary ul li {
  list-style: none;
  border-bottom: 1px solid #ddd;
}
#secondary ul li.current_page_item a {
 color:#0478A3;
 font-weight: bold;
}

#secondary ul li a {
  display: block;
  padding: 10px;
}
#secondary .page_item {
 background: url(../images/ico_bullet.png) no-repeat 12px center;
 padding-left: 30px;
}


.gallery-item {
	margin: 0 !important;
}
.gallery-item img {
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.7);
	border : none !important;
}
#cssmenu
{

}
	#cssmenu>ul
	{
	width: 100%;
	overflow:hidden;
	margin: 20px 0;
	}
		#cssmenu>ul>li
		{
			float: left;
			display:block;
			padding: 5px 10px;
			width: 33%;
			overflow:hidden;
		}
		#cssmenu>ul>li>a>img {
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.7);
			border : none !important;
			display:block;
			margin: auto;
			overflow:hidden;
			width: auto;
		}
			#cssmenu>ul>li>a
			{
				display: block;
				margin-bottom:0;
				border-bottom:0;
			}
				#cssmenu .post-loop-image
				{
					width: 100px;
					height: 75px;
					overflow: hidden;
					position: relative;
				}
					#cssmenu .post-loop-image img
					{
						width: 100%;
						height: auto;
						display: block;
					}
				#cssmenu .wanted
				{
					display: block;
					text-align: center;
					padding: 10px 0;
					min-height: 100px;
				}

.back_btn { text-align: right; padding: 0 30px 30px 0; background: #eee; font-size: 20px; color: #333; font-weight: bold;}

@media (min-width: 200px) and (max-width: 320px) { 
	.content_toppage_area .wrap_nav_top ul li a span.ico_company {
	background-position: -1px 8px !important;
	height: 64px !important;
  }
}
@media (min-width: 200px) and (max-width: 640px) {
	
  header .hd_wrap { width: 100%;}
  header .hd_wrap .logo_page, header .hd_wrap .n_top { float: none; text-align: center;}
  header .hd_wrap .n_top ul { text-align: center; padding: 20px 10px 0 10px;}
  header .hd_wrap .n_top ul li { display: inline-block; float: none; font-size: 14px;}
  header .hd_wrap .n_top ul li a { margin: 0 10px 20px 10px; }
  header .hd_wrap .n_top ul li a:hover, header .hd_wrap .n_top ul li a.current { color: #0478a3; border-bottom: none;}
  
  .content_toppage_area {
    width: 100%;
	margin: 70px auto 10px auto;
  }
  .content_toppage_area h1 img {
    width: 90%;
  }
  .content_toppage_area .wrap_nav_top {
    width: 95%;
    margin: auto;
  }
  .content_toppage_area .wrap_nav_top ul {
	text-align: center;
	margin-top: 20px;
  }
  .content_toppage_area .wrap_nav_top ul li {
    width: 90%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 0px 10px 20px 0;
  }
  .content_toppage_area .wrap_nav_top ul li a {
  	padding: 15px 0;
	font-size: 15px;
  }
  .content_toppage_area .wrap_nav_top ul li a span {
	background-size: auto 115px;
	width: auto;
	height: 75px;
  }
  .content_toppage_area .wrap_nav_top ul li a span.ico_company {
	background-position: -1px 8px;
  }
  .content_toppage_area .wrap_nav_top ul li a span.ico_production {
	background-position: -133px 13px;
  }
  .content_toppage_area .wrap_nav_top ul li a span.ico_events {
	background-position: -265px 8px;
	}
  .content_toppage_area .wrap_nav_top ul li a span.ico_installations {
	background-position: -1px -58px;
	}
	.content_toppage_area .wrap_nav_top ul li a span.ico_rentals {	background-position: -133px -53px;
	}
	.content_toppage_area .wrap_nav_top ul li a span.ico_contact {
	background-position: -263px -63px;
	}
	.contact-wrap .ct-form {
	   float: none;
  	   width: 100%;
	   margin: auto;
	   padding: 20px 0px;
}
.contact-wrap .ct-addr {
	  float: none;
	  margin: auto;
	  width: 100%;
	  padding: 0 0 20px 0;
}
  #wrap-gall-inner .entry-content { display: block; width: 100%; }
  .secondary { padding: 0 !important; display: block !important;}
  #secondary { padding-top: 0px; margin-bottom:20px; }
  #secondary ul li {
  list-style: none;
  border-bottom: none;
  display: inline-block;
}
  .entry-content { padding: 10px 10px 7.6923% 10px !important;}
  #cssmenu>ul>li { width: 50%;}
}