/*
Theme Name: Semplice
Theme URI: http://www.semplicelabs.com
Author: Semplicelabs
Author URI: http://www.semplicelabs.com
Description: With Semplice you can built fully responsive case studies & custom branded project pages with just a few clicks. Visit our <a href="http://help.semplicelabs.com" target="_blank">documentation</a>, <a href="http://www.semplicelabs.com/changelog" target="_blank">changelog</a> and follow us on <a href="http://www.twitter.com/semplicelabs" target="_blank">Twitter</a> for update notifications.
Version: 3.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: portfolio, responsive, case study, fullscreen cover, content editor
Text Domain: semplice
*/

/* This is a generated and compressed stylesheet, please do not edit and read the info below! */

@import "css/styles.min.css";

/*

	How to add Custom CSS?
	------------------------------------------------------------------------------------------------------------------------------------
	There are 2 ways to edit or override CSS definitions:
	
	# Use the Custom CSS field in the Theme Options under 'Advanced Styling'
	# Add a child theme, more info in the Documentation. http//help.semplicelabs.com

*/

/*body.home #content:before {
	content: '';
	position: absolute;
	top: 30px;
	left: 30px;
	background-image: url(images/logo_square.svg);
	background-size: contain;
	background-position: center center;
	width: 81px;
	z-index: 9999;
	height: 81px;
}*/

.page-id-85 .slider-wrapper {
	overflow: hidden;
}

.page-id-85  {
	height: 100%;
	overflow: hidden;
}

.homeslider {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 57px;
	left: 0;
}

.homeslider ul {
	display: none;
}

.homeslider .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-position: top center;
	background-size: cover;
	z-index: 100;
	/*border-bottom: 57px solid #fff;*/
}

.homeslider .slide video {
	 position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}

.homeslider .slide .label {
	display: none;
	position: absolute;
	left: 0;
	bottom: -39px;
	height: 23px;
	width: 100%;
	line-height: 23px;
	font-size: 20px;
	text-transform: uppercase;
	color: #787878;
	text-align: center;
}

.homeslider .slide .label strong {
	color: #000;
}

.homeslider .slide.animate {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
}

.homeslider .slide.current {
	z-index: 110;
	transition: transform 1s;
}

.homeslider .homethumbs {
	display: none !important;
	position: absolute;
	z-index: 111;
	bottom: 142px;
	left: 50%;
	overflow: hidden;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-left: 1px solid #979797;
	opacity: 0;
	transition: all 0.5s;
}

.homeslider:hover .homethumbs {
	opacity: 1;
}

.homeslider .homethumbs span {
	float: left;
	cursor: pointer;
	border: 1px solid #979797;
	border-left: none;
	transition: all 0.5s;
	overflow: hidden;
	opacity: 0.5;
}

.homeslider .homethumbs span:hover, .homeslider .homethumbs span.current {
	opacity: 1;
}

.homeslider .homethumbs span img {
	float: left;
}


@media screen and (min-width: 767px) {
	section#thumbnails .thumb {
		margin-bottom: 15px !important;
	}

	.grid-item.span4 {
		width: 385px;
	}
}

section#thumbnails .thumb .thumb-inner .thumb-hover h3:after {
	content: 'VIEW';
	display: block;
	font-variant: small-caps;
	text-transform: lowercase;
	margin-top: 2px;
}

body.is-work .mc-sub-content-container {
	font-size: 14px;
	letter-spacing: 1.16px;
	line-height: 31px;
}

body.is-work .spacer.spacer-full-width {
	max-width: 577px;
	margin: 0 auto;
}

zzzzbody.is-work .content-img .image.full {
	height: 507px;
	overflow: hidden;
}

@media screen and (min-width: 1200px) {
	.fs-16px, .h1-fs-16px h1, .h2-fs-16px h2, .h3-fs-16px h3, .h4-fs-16px h4, .h5-fs-16px h5, .h6-fs-16px h6, [data-font-size="16px"] {
		font-size: 14px;
		line-height: 31px;
	}
}

@media screen and (max-width: 567px) {
	#navbar .fluid-container { height: 57px; overflow: hidden; }
}

#footer-holder .row .masonry-item:nth-child(4):before {
	content: '';
	width: 1px;
	height: 307px;
	position: absolute;
	top: -87px;
	left: 0;
	background-color: #fff;
}

#footer-holder .row .masonry-item:nth-child(4):after {
	content: '';
	width: 1px;
	height: 307px;
	position: absolute;
	top: -87px;
	right: 0;
	background-color: #fff;
}

@media screen and (max-width: 567px) {
	#footer-holder .row .masonry-item:nth-child(4):before {
		top: -68px;
		left: 0;
		width: 100%;
		height: 1px;
	}

		#footer-holder .row .masonry-item:nth-child(4):after {
		bottom: 61px;
		top: auto;
		left: 0;
		width: 100%;
		height: 1px;
	}
}

.logo.fluid-logo {
	max-width: 57px;
	max-height: 57px;
	overflow: hidden;
}

.page-id-68 form {
	width: 960px;
	max-width: 100%;
	font-size: 15px;
	margin: 0 auto 140px auto;
}

.form-group {
	clear: both;
	padding-top: 34px;
}

.form-group label {
	float: left;
	width: 310px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1.33px;
}

.form-group label .field_required {
	display: none;
}

.form-group label + div {
	float: left;
	width: 650px;
}

.form-group label + div input, .form-group label + div select, .form-group label + div textarea {
	border: none !important;
	border-bottom: 1px solid #979797 !important;
	font-size: 15px !important;
	color: #000 !important;
	text-transform: uppercase;
	box-shadow: none !important;
	padding-left: 0 !important;
}

.form-group label + div input, .form-group label + div select {
	height: 40px;
	line-height: 38px;
	padding-left: 5px !important;
	border-radius: none !important;
}

.form-group label + div select option:disabled {
	color: #a9a9a9 !important;
}

.form-group label + div select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url(images/down_arrow.svg) !important;
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.form-group label + div textarea {
	height: 213px;
	padding: 10px !important;
	overflow: auto;
	resize: none;
	text-transform: lowercase;
	border: 1px solid #979797 !important;
}

.page-id-68 form input[type="submit"]{
	float: left;
	margin-left: 310px;
	width: 170px;
	height: 55px;
	background-color: #ff7772;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 15px !important; 
	text-transform: uppercase;
	letter-spacing: 1.22px;
	border: none !important;
}

.page-id-68 form input[type="submit"]:hover {
	background-color: #FF918C;
	color: #fff;
}

.page-id-20 .content-img + .content-spacer {
	margin-bottom: 95px;
}

.page-id-35 .cover-link {
	display: none;
}

.fullscreen-cover .coverbutton:hover {
	color: #fff !important;
	background-color: #FF7772;
	border-color: #FF7772;
}

@media screen and (max-width: 567px) {
	.page-id-68 form, .form-group label, .form-group label + div { clear: both; width: 100%; }
	.form-group label, .form-group label + div input, .form-group label + div select { padding-left: 5px !important; }
	.page-id-68 form input[type="submit"] { margin-left: 0; width: 100%; }
}

ul.menu li {
	position: relative;
}

ul.menu li ul.sub-menu {
	display: none;
	position: absolute;
	top: 57px;
	left: 0;
	width: 100%;
	padding: 31px 0 22px 0;
	margin: 0;
}

ul.menu li:hover ul.sub-menu {
	display: block;
	-webkit-animation: fadeIn 0.15s;
    animation: fadeIn 0.15s;
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}  
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

ul.menu li ul.sub-menu:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -5000px;
	width: 10000px;
	height: 100%;
	z-index: 100;
}

ul.menu li ul.sub-menu li {
	z-index: 111;
	padding: 2px 0;
	overflow: hidden;
	height: 34px;
	margin: -7px 0;
}

body header #navbar nav ul.menu li ul.sub-menu a {
	white-space: nowrap;
	height: 30px;
	width: auto;
	line-height: 30px !important;
	text-transform: uppercase !important;
	transition: all 0.15s;
	color: #fff !important;
	background: none !important;
}

body header #navbar nav ul.menu li.menu-item-123 ul.sub-menu {
	left: auto;
	right: 0;
	width: 200px;
}

body header #navbar nav ul.menu li.menu-item-123 ul.sub-menu a {
	width: 200px;
	text-align: right;
}

body header #navbar nav ul.menu li ul.sub-menu a:hover, body header #navbar nav ul.menu li ul.sub-menu li.current-menu-item a {
	color: #ff7772 !important;
}

.coverbutton {
	display: inline-block;
	width: 240px;
	height: 47px;
	border: 2px solid #fff;
	line-height: 43px;
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
	text-transform: uppercase;
	letter-spacing: 1.33px;
	text-align: center;
}

.ourwork {
	overflow: hidden;
}

.ourwork .owcontent, .ourwork .owphoto {
	height: 100%;
	background-size: cover;
	background-position: center center;
	width: 50%;
	float: left;
	vertical-align: middle;
	text-align: center;
}

.ourwork .owcontent {
	background-color: #FE7674;
	float: right;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
}

.page-id-118 .ourwork .owcontent {
	background-color: #fca2b5;
}

.ourwork.flipped .owcontent {
	float: left;
}

.ourwork.flipped .owphoto {
	float: right;
}

.ourwork .owcontent p {
	color: #fff;
}

.ourwork .owcontent h6 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 15px;
	color: #fff;
	letter-spacing: 1.33px;
}

.ourwork .owcontent h1 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 300;
	padding-bottom: 20px;
	font-family: 'sangbleu_bplight';
	margin: 0 auto 30px auto;
	color: #fff;
	max-width: 466px;
	border-bottom: 1px solid #fff;
}

.ourwork .owcontent .valign {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 0 16%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ourwork .owcontent .valign a {
	color: #fff;
	text-decoration: none;
}

.ourwork .owcontent .valign a:hover {
	text-decoration: underline;
}

.ourwork .owcontent .button {
	display: block;
	margin: 30px auto 0 auto;
	border:2px solid #ffffff;
	width:166px;
	height:51px;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
}

.ourwork .owcontent .button:hover {
	background-color: #fff;
	color: #FE7674;
}

#content-holder .content-img + .content-spacer {
	position: relative;
}

.page-id-10 .hfilter, .page-id-85 .hfilter {
	display: none !important;
}

.hfilter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 111;
	height: 60px;
}

.hfilter li {
	list-style: none;
	padding: 19px 23px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
}

.hfilter li span {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.08px;
	cursor: pointer;
}

.hfilter li.selected span, .hfilter li span:hover {
	color: #ff7772;
}

.grid-item.hidden {
	display: none !important;
}


.socialcircles {
	margin: 125px auto 110px auto;
	overflow: hidden;
	height: 274px;
	width: 950px;
	text-align: center;
}

.socialcircles .circles-outer {
	background-image: url(images/socialcirles.jpg);
	background-position: bottom right;
	transition: all .1s;
	animation-timing-function: cubic-bezier(0,0,0.25,1);
	width: 101%;
	height: 101%;
}

.socialcircles .circle {
	width: 274px;
	height: 274px;
	display: inline-block;
	position: relative;
}

.socialcircles .circle .circle-inner {
	width: 374px;
	height: 374px;
	display: inline-block;
	background-image: url(images/surround.svg);
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 50px solid #fff;
}

.socialcircles .circle .circle-content {
	width: 254px;
	height: 254px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 100%;
	transition: none !important;
	color: #ff7772 !important;
	background-position: left center;
	
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.38px;
}

.socialcircles .valign {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.socialcircles .circle.first {
	float: left;
}

.socialcircles .circle.third {
	float: right;
}

.socialcircles .circle .circle-content:hover {
	-webkit-animation: socialcircles 1s steps(9, end) infinite;
    animation: socialcircles 1s steps(9, end) infinite;
	background-image: url(images/spritesheet.jpg);
	background-size: auto 100%;
	background-position: left 90% center;
	width: 260px;
	height: 260px;
}

@keyframes socialcircles {
    0% { background-position: left 0 center; }
	100% { background-position: left 100% center; }
}

.hfilter .mobiletrigger { display: none; }

#content_kwhh1eg9n {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 111;
}

@media screen and (max-width: 1200px) {
	.socialcircles { display: none; }
	.form-group label + div { width: 100%; }
	.page-id-68 form input[type="submit"] { margin-left: 0 !important; width: 100%; }
}

@media screen and (max-width: 979px) {
	ul.menu li.menu-item-has-children { background-image: url(images/+.svg); background-size: 15px 15px; background-repeat: no-repeat; background-position: right 20px top 10px; }
	ul.menu li.menu-item-has-children a { width: 100% !important; }
	ul.menu li.menu-item-has-children.opened { background-image: url(images/-.svg); }
	ul.menu li.menu-item-has-children ul { display: none !important; }
	ul.menu li.menu-item-has-children.opened ul  { display: block !important; }	
	ul.menu li.menu-item-has-children ul.sub-menu li { padding-top: 12px !important; padding-bottom: 11px !important; height: 52px; }
	ul.menu li.menu-item-has-children ul li a { width: auto !important; }
	#fullscreen-menu .menu-inner nav ul { position: relative; top: auto; left: auto; padding: 28px 0 0px 0; margin-bottom: -6px !importan; }
	ul.menu li ul.sub-menu:before { display: none; }
	#fullscreen-menu .menu-inner nav ul li { padding: 14px 0 13px 0; }
	#fullscreen-menu .menu-inner nav ul li { overflow: hidden; }
	body #fullscreen-menu .menu-inner nav ul.menu li ul.sub-menu li a { width: 94%; color: #000 !important;  text-transform: uppercase !important; }
	ul.menu li ul.sub-menu li { padding-top: 5px !important; padding-bottom: 5px !important; }
}

@media screen and (max-width: 567px) {
	.ourwork .owcontent { width: 100%; height: auto; padding: 60px 0 30px 0; }
	.ourwork .owcontent .valign { padding: 0 20px; position: relative; top: auto; left: auto; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
	.ourwork .owphoto { clear: both; width: 100%; height: 411px; }
	
	.socialcircles { display: none; }
	.homeslider .homethumbs { opacity: 1; bottom: 82px; }
	#footer-holder .mc-sub-content-container, #footer-holder .masonry-item + .masonry-item  + .masonry-item .mc-sub-content-container + .mc-sub-content-container { padding-bottom: 133px !important; }
	#footer-holder .masonry-item + .masonry-item + .masonry-item .mc-sub-content-container { padding-bottom: 0px !important; }
	#content_ddwa4h7hx p { margin-bottom: 15px; }
	#content_ddwa4h7hx > .mc-content-container { padding-bottom: 0 !important; }
	.page-id-20 .content-img + .content-spacer { margin-bottom: 16px; }
	.hfilter .mobiletrigger { display: block; font-size: 16px; color: #fff; letter-spacing: 1.33px; line-height: 60px; }
	.hfilter.opened .close { position: fixed; top: 77px; right: 20px; z-index: 9999; background-image: url(images/close.png); width: 15px; height: 15px; }
	.hfilter ul { display: none; }
	.hfilter.opened ul { display: block; margin: 0; position: fixed; top: 0; left: 0; z-index: 7777; width: 100%; height: 100%; background-color: #000; padding-top: 100px; }
	.hfilter.opened ul li { display: block; text-align: center; height: 45px; }
	.coverbutton { width: 206px; height: 41px; line-height: 37px; font-size: 11px; }
	.page-id-35 .cover-35 .cover-headline h1 { font-size: 23px !important; letter-spacing: 1.91px; line-height: 26px !important; }
	body.home #content:before { top: 30px; left: 30px; margin-left: 0; }
	.multi-column .masonry-item.remove-gutter-1 .mc-sub-content-container {
		padding: 0 !important;
	}
	.multi-column .masonry-item.remove-gutter-1 + .masonry-item .mc-sub-content-container {
		padding: 5.55556px 0 0 0 !important;
	}
	#fullscreen-menu .menu-inner nav.regular ul li a, body #fullscreen-menu .menu-inner nav ul.menu li ul.sub-menu li a { color: #fff !important; }
	#content_kwhh1eg9n { position: absolute; }
	.ourwork { overflow: visible; }
}
	
@media (max-width: 767px) {
	#fullscreen-menu .menu-inner nav.regular ul li a, body #fullscreen-menu .menu-inner nav ul.menu li ul.sub-menu li a { color: #fff !important; }
	header { position: fixed; }
	#content_kwhh1eg9n { position: fixed; top: 57px; }
}