@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900&subset=latin,cyrillic,latin-ext);

body {font-family: 'Open Sans', sans-serif; color:#777; font-weight:300; font-size:18px; overflow-x:hidden;}
.wrapper {width:1200px; margin:0 auto; display:table; clear:both;}
* {box-sizing: border-box;}
ul {list-style:none; margin:0; padding:0;}
.left {float:left;}
.right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}

	a {color:#c00;}

#top {height: 50px; background:#eee; color:#777; font-size:12px;}
#top a{color:#777; text-decoration:none;}
#top li a{display:block; padding: 18px;}
#top li:hover{background:#e5e5e5;}

#top-left {float:left;}
#top-left li{float:left; border-right:1px solid #ccc; line-height:55px; list-style:none; }
#top-left li:first-child{border-left:1px solid #ccc;}
#top-left li a span{float:right; margin: -20px 0px 0 10px;}

#top-right {float:right;}
#top-right li{float:right; border-left:1px solid #ccc;  line-height:55px;  list-style:none; }
#top-right li:first-child{border-right:1px solid #ccc;}


#header {height: 110px;background:#fff;position:relative;z-index:201;box-shadow:0 2px 2px rgba(0,0,0,.1);border-top: 10px solid #943a31;}
#header #logo{float:left; padding:8px 0}
#header #logo img{width:160px;}
#header #menu{float:right; font-size:16px;}

#header #menu {font-size: 16px;}
#header #menu ul{width:100%; display:table; margin:0; padding:0; text-transform: uppercase;}
#header #menu li {display: table-cell;position: relative;text-align: center;}
#header #menu li a{color: #777; text-decoration:none;  display: block; padding:0 16px; line-height:100px;}
#header #menu li a:hover{background:#F5F5F5; color:#990000}
#header #menu li ul li{display: inline; position: relative; list-style: none; text-align: left; }
#header #menu ul ul li a{padding:2px 20px; font-size:13px; line-height:42px;border-bottom:1px solid #ccc;}
#header #menu ul ul { position: absolute; left: 0; top: 100%; background: #F5F5F5; display: none; width: inherit; min-width: 260px;}
#header #menu li:hover > ul { display: block }
#header #menu li:hover a{background:#F5F5F5; color:#990000;}
#header #menu li:hover ul li a{background:none; color:#777;}
#header #menu li:hover ul li a:hover{background:#eee; color:#990000;}


#slider {}

#page {margin-bottom: 50px; display: table;  width: 100%;}

.page_title {width:100%; background:#F5F5F5; color:#333;font-size: 22px;  line-height: 100px; text-transform: uppercase; letter-spacing:2px; font-weight:600;}
.page_content {float:left;width: 700px;margin-top:30px;padding-right: 30px;text-align: justify;min-height: 400px;}
.page_content h3{color: #990000;    font-size: 18px;    letter-spacing: 2px;    font-weight: 600;    margin: 0;    padding: 0;}

.page_content_wide {float:left; width: 100%;   margin-top:30px;  padding-right: 30px;    text-align: justify;}
.page_content_wide h3{color: #990000;    font-size: 18px;    letter-spacing: 2px;    font-weight: 600;    margin: 0;    padding: 0;}

.page_gallery {float:right; width: 500px; margin-top:50px;}
.page_gallery ul{}
.page_gallery ul li{list-style:none; float:right; width:48%; margin-left:4%;}
.page_gallery ul li:nth-child(2n-1){width:48%; margin-left:0;}
.page_gallery ul li:first-child {width:100%; margin-left:0; margin-bottom: 14px;}
.page_gallery ul li img{width:100%;border:1px solid #fff;}

.page_gallery ul li img {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.page_gallery ul li {display:none;}
.page_gallery ul li:nth-child(1) {display:block;}
.page_gallery ul li:nth-child(2) {display:block;}
.page_gallery ul li:nth-child(3) {display:block;}
.page_gallery ul li:nth-child(4) {display:block;}
.page_gallery ul li:nth-child(5) {display:block;}



#home-projects {width:1100px; display:table; text-align:center; margin:50px auto;}
#home-projects h2{margin:0; padding:0; font-weight:300; color:#111; font-size:32px;}
#home-projects h3{margin:0 auto; padding:0; font-weight:300; color:#666; font-size:20px; width:650px;}
#home-projects h2:after {display: block;content: "";background: #990000;width: 100px;height: 6px;margin:20px auto 10px auto; }
.home-projects {height:210px;    margin-top: 30px;}
.home-projects a{text-decoration:none;}
.home-projects .desc{background: rgba(0,0,0,.7);color: #fff;font-size: 20px;font-weight: 600;position: absolute;bottom: 0;width: 335px;text-align: left;padding: 10px 20px;}
.home-projects .desc span{display:block; font-size:16px; font-weight:300;}
.home-projects .slides > li {margin-right: 50px;}


#projects {}
#projects ul{}
#projects li{padding:10px;}

#projects li .desc{color: #fff;font-size: 20px;font-weight: 600;text-align: left;padding: 10px 20px; position: absolute; left: 0; right: 0; bottom: 0; z-index:1; background: rgba(0,0,0,1);}
.grid li a div {opacity: 0.85; -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#projects li .desc span{display:block; font-size:16px; font-weight:300;}
#projects li .desc_bg{display:block; position: absolute; left: 10px; top: 10px;	right: 10px; bottom: 10px; z-index:0; background: rgba(0,0,0,.0);}
#projects li .desc_bg:hover{background: rgba(0,0,0,.3);}


#brands {width:1100px; display:table; text-align:center; margin:50px auto;}
#brands h2{margin:0; padding:0; font-weight:300; color:#111; font-size:32px;}
#brands h3{margin:0 auto; padding:0; font-weight:300; color:#666; font-size:20px; width:650px;}
#brands h2:after {display: block;content: "";background: #990000;width: 100px;height: 6px;margin:20px auto 10px auto; }

#virtualTour {width:1100px; display:table; text-align:center; margin:50px auto;}
#virtualTour h2{margin:0; padding:0; font-weight:300; color:#111; font-size:32px;}
#virtualTour h3{margin:0 auto; padding:0; font-weight:300; color:#666; font-size:20px; width:775px;    margin-bottom: 25px;}
#virtualTour h2:after {display: block;content: "";background: #990000;width: 100px;height: 6px;margin:20px auto 10px auto; }
#virtualTour img {height:130px;}



#photoflex {margin-top:20px;}
.photoflex {clear:both; height:120px;}
.photoflex .slides > li {margin-right: 5px;}
.photoflex ul li img {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.photoflex ul li:hover img {opacity: .5;}

.page_gallery_title  {padding: 10px;    font-size: 32px;    color: #222; text-align:center;}
.page_gallery_title:after {display: block;content: "";background: #990000;width: 100px;height: 6px;margin:20px auto 10px auto; }




.brands {height:100px;}
.brands .slides > li {margin-right: 40px;}
.team {height:270px;}
.team li:hover{background:#eee;}
.team  img{width:270px; height:270px;}
.team  a {text-decoration:none;}
.team  a h3{margin:0; padding:10px; color:#333; font-weight:300;}
.team  a h4{margin:0; padding:0 10px 10px 10px; color:#c00;font-weight:100; font-style:italic; font-size:12px;}
.team  .flex-control-nav{bottom:-20px;}
.team  .slides > li { margin-right: 40px;}

.fancybox-skin {padding:0 !important;}
.mix{display: none;}
.cat {display: table; margin-bottom:10px;}
.cat li {float:left; padding:5px 10px; cursor:pointer; font-weight: 600;}
.cat li:hover{background:#ffcc00;}


#footer {background:#222; width:100%; padding:40px 0 80px 0;}
#footer ul{float:left; width:20%;}
#footer ul h3{color:#666; font-size:18px; margin:0; padding:0; font-weight:400;}
#footer ul h3:after {display: block;content: "";background: #990000;width: 50px;height: 6px;margin:10px 0 10px 0; }
#footer ul li{font-size:14px;}
#footer ul li a{color:#999; text-decoration:none;}
#footer ul li a:hover{color:#990000;}

#bottom {background:#333; width:100%; text-align:center; padding:20px 0; color:#ddd; font-size:14px;}

/* MOBILE */
#mobile_menu_btn {display:none; float:right;}
#mobile_menu_btn a{    padding: 18px 0;    display: block;}

@media screen and (max-width:1200px) { 
	.wrapper {width:1000px;}
}


@media screen and (max-width: 660px){
.grid li {width: 100%;}
}


@media screen and (max-width:1000px) { 
	body {background: #fff;}
	#mobile_menu_btn {display:block;}
	.wrapper {width:100%;display: block;padding:0 20px;}
	#brands {width:100%;    display: block;}
	#virtualTour {width:100%;    display: block;}
	#home-projects {width:100%;display: block;padding: 0 20px;}
	
	#home-projects h3 {width:100%;}
	#virtualTour h3 {width:100%;}
	#brands h3 {width:100%;}
	
	.grid li a div {opacity: 0.9;}
	
	#header {height: 50px;border-top: 0;}
	#header  #logo img{height: 40px;width: auto;}
	#header  #logo {padding:5px}
	#header #menu{display:none;}
	#top{display:none;}
	#footer {display:none;}
	
	.page_content {width:100%;margin-top: 30px;padding-right: 0;}
	.page_gallery {display:none; width:100%; float:left;}
	
	 .page_title{ width: 100%;background: #F5F5F5;color: #333;font-size: 16px;line-height: 76px;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}
}