@import url(https://fonts.googleapis.com/css?family=Montserrat);
#page { width: 1300px; margin: 0 auto; }

/* Quote slider */

#homepage div div div.hover-bg {
	position: absolute;
	bottom: 0;
	left: 200px;
	width: 100%;
	height: 100%;
	opacity: 0;

}

#homepage > div { float: left; background: #000; overflow: hidden; }

#homepage > div:first-child { width: 405px; }
#homepage > div:nth-child(2) { width: 250px; }
#homepage > div:nth-child(3) { width: 285px; }

#homepage > div > div { position: relative; overflow: hidden; }
#homepage > div:nth-child(2) > div:first-child { height: 247px; }
#homepage > div:nth-child(2) > div:nth-child(2) { height: 364px; }
#homepage > div:first-child > div:nth-child(2) { height: 269px; }
#homepage > div:first-child > div:first-child { height: 342px; }

#homepage div div div.main-content { position: absolute; bottom: 0; right: 0; width: 50%; display: block; z-index: 1; word-wrap: break-word; }

#homepage div div div.main-content h1 { font-size: 17px; line-height: 19px; margin-bottom: 5px; }
#homepage div div div.main-content h1 a { color: #fff; text-decoration: none; }
#homepage div div div.main-content p { color: #cccccc; font-size: 14px; line-height: 18px; font-family: 'Montserrat', 'sans-serif'; margin-bottom: 40px; }

#homepage .twitter { background: #3d4459; height: 264px; padding: 0 40px 0; font-family: 'Montserrat', 'sans-serif'; overflow: scroll; }

#homepage .twitter ul, #homepage .twitter ul li { margin: 0; list-style: none; }




#homepage #posts { background: #fff; height: 541px; padding: 35px 30px; overflow: inherit; position: relative; }
#homepage #posts article:nth-child(4) { display: none; }

#homepage div img { width: 100%; max-width: none; height: auto; vertical-align: middle; opacity: 0.6; }

#homepage #navigation ul { position: absolute; top: 100%; left: 0px; }

#homepage article { margin: 0 0 25px; }
#homepage article h2 a { font-size: 16px; text-decoration: none; }
#homepage article hr { width: 80%; float: right; margin: 9px 0 0; }

/************ homepage variations **************/

#homepage.one_big_box > div:first-child { height: 611px; width: 655px; float: left; }
#homepage.one_big_box > div:first-child > div { height: 611px; }
#homepage.one_big_box > div:nth-child(2) { width: 285px; }

#homepage.five_boxes_no_news > div div { overflow: hidden; }
#homepage.five_boxes_no_news > div:first-child div div.main-content { width: 202px; }


#homepage.default_sidebar_left > div:first-child { width: 285px; }
#homepage.default_sidebar_left > div:nth-child(2) { width: 405px; }
#homepage.default_sidebar_left > div:nth-child(2) > div:first-child { height: 611px; }
#homepage.default_sidebar_left > div:nth-child(3) { width: 250px; }
#homepage.default_sidebar_left > div:nth-child(3) > div:first-child { height: 412px; }
#homepage.default_sidebar_left > div:nth-child(3) > div:nth-child(2) { height: 199px; }
#homepage.default_sidebar_left > div:nth-child(4) { width: 240px; }
#homepage.default_sidebar_left > div:nth-child(4) > div:first-child { height: 611px; }


/* Work page */

#work ul { margin: 0; overflow: hidden; }
#work ul li {
	margin: 0; 
	float: left; 
        width: 30%; 
	margin-right: 5%; 
	background: #fff; 
	padding-bottom: 25px;
}

#work ul li {
margin: 20px 1.6%;
}
#work ul li:last-child { margin-right: 0; }

#work > ul.no-results.not-found > li { width: 100%; padding: 0; margin: 0; }

#work ul li div img { width: 100%; height: auto; opacity: 0.6; vertical-align: middle; }
#work ul li div img.work-image {  }
#work ul li div h1 { margin: -65px 30px 40px; position: absolute; z-index: 1; }
#work ul li div h1 a { color: #fff; font-size: 19px; line-height: 22px; text-decoration: none; }
#work ul li div p { font-size: 14px; line-height: 17px; padding: 0 30px; margin-top: 20px; }
#work ul li div a.read-more { margin-left: 30px; }

#work ul li div { position: relative; overflow: hidden; }
/*#work ul li div:after { 
	position: absolute; 
	content: ""; 
	background: url(images/work-transp-bg.png) top right no-repeat; 
	top: 0;
	left: 0;
	width: 100%;
	height: 415px;
}*/

#work ul li div .hover-bg {
	position: absolute;
	top: 0;
	left: -100px;
	width: 100%;
	height: 415px;
	opacity: 0;
}




/* sidebar */
#sidebar.widgets-area { width: 285px; float: right; }
#sidebar.widgets-area > ul { background: #f6f6f6; position: relative; z-index: 1; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); margin-top: 45px; padding: 35px 25px; }
#sidebar.widgets-area ul li { width: 100%; background: none; }
#sidebar.widgets-area ul ul { font-size: 100%; }



div.title-meta h1 { width: 60%; display: inline-block; float: left; }


/* Main navigation */
.mobile-menu { display: none; }
.sticky-wrapper #secondary-menu-container { width: 100%; }
.sticky-wrapper #secondary-menu-container.static { position: relative; margin-bottom: 20px; }
.sticky-wrapper #secondary-menu-container .main-menu { margin: 0 auto; width: 1000px; height: 75px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.35); }
.sticky-wrapper #secondary-menu-container .main-menu ul { margin: 0; float: right; }
.sticky-wrapper #secondary-menu-container .main-menu ul li a:hover, .sticky-wrapper  #secondary-menu-container .main-menu ul li.current-menu-item a { color: #040404; }
.sticky-wrapper #secondary-menu-container .main-menu ul li { margin-top: 26px; display: inline-block; }
.sticky-wrapper #secondary-menu-container .main-menu ul li:last-child { margin-right: 30px; }

.sticky-wrapper #secondary-menu-container .main-menu ul li ul.sub-menu li { display: inherit; margin-top: inherit; }

.sticky-wrapper #secondary-menu-container .main-menu ul li ul.sub-menu li ul.sub-menu { float: none; }

.sticky-wrapper #secondary-menu-container .main-menu ul li ul.sub-menu li a { color: #999999; }
.sticky-wrapper #secondary-menu-container .main-menu ul li ul.sub-menu li:last-child { margin-right: inherit; }

.sticky-wrapper #secondary-menu-container .main-menu ul li.mega-menu > ul.sub-menu > li > a { color: #333333 !important; }

.sticky-wrapper #secondary-menu-container .main-menu .sticky-logo { margin: 16px 0 0 30px; }

.sticky-wrapper { opacity: 0; transition: all 0.3s; z-index: -1; position: absolute; top: 349px; left: 0; width: 100%; }
.sticky-wrapper.is-sticky { opacity: 1; z-index: 10; }

.main-menu ul { display: block; margin: 0 50px 40px; text-align: right; }
.main-menu ul li { display: inline; margin: 0 0 0 20px; }
.main-menu ul li a { 
	font-family: 'Montserrat', 'sans-serif'; 
	font-size: 14px; 
	text-decoration: none; 
	color: #666666; 
	transition: all 0.3s; 
	padding: 0 0 10px;
} /* transition 0.3s */
.main-menu ul li a:hover, .main-menu ul li a.active, .main-menu > ul > li.current-menu-item > a { color: #ffffff; }

.main-menu > ul > li { position: relative; }


/* Classes */

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

/* bg slider */
#superslides .slides-container { position: absolute; z-index: -1; }
#superslides .slides-container img {
  position: fixed;
  left: 0;
	top: 0;
	width: 100%;
	min-width: 1024px;
	height: auto;
	min-height: 100%;
}


@media only screen and (min-width: 1000px) {
	.main-menu > ul > li > ul.sub-menu { 
		position: absolute; 
		left: -25px; 
		top: 35px; 
		width: 125px; 
		background: #f6f6f6; 
		text-align: center; 
		margin: 0; 
		padding: 13px 0 17px; 
		z-index: 5; 
		box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	}
	.main-menu > ul > li > ul.sub-menu:before { 

		position: absolute; 
		left: 0; 
		top: -11px; 
		width: 125px;
		height: 11px;
		content: '';
	}
	.main-menu ul.sub-menu li { float: none; display: block; margin: 0 7px; padding: 7px 0; }
	.main-menu ul.sub-menu li a { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }

	.main-menu ul li.mega-menu > ul.sub-menu { width: 450px; padding: 23px 0 21px; left: -190px; }

	.main-menu ul li.mega-menu > ul.sub-menu:before { 
		width: 450px;
	}

	.main-menu ul li.mega-menu ul.sub-menu { margin: 0; }
	.main-menu ul li.mega-menu ul.sub-menu li ul { display: block !important; margin: 0; }
	.main-menu ul li.mega-menu > ul.sub-menu > li { float: left; margin: 0 15px !important; padding: 0; width: 25%; background: none; }
	.main-menu ul li.mega-menu ul.sub-menu li a { padding: 0 5px; display: inline-block; }	
	.main-menu ul li.mega-menu > ul.sub-menu > li > a { 
		font-family: 'Montserrat', 'sans-serif'; 
		color: #666666; 
		font-size: 12px; 
		cursor: default; 
		padding: 0 0 10px 5px;
		display: inline-block;
	}
	.main-menu ul li.mega-menu ul.sub-menu li { text-align: left; margin: 0; }

/* END */
}