html{ padding: 0; margin: 0;}
body{font-family: 'Open Sans', sans-serif; padding: 0; font-size: 13px; line-height: 1.5; background: url(../images/bg.png);}
#container{width:978px;background:white;margin:auto;max-width:100%;}
#container main:not(.paddingless){ padding: 0 54px; position: relative;}
#container main:not(.topless){margin-top:36px}
h2{ margin: 2em 0; font-size: 1.5em; text-transform: uppercase; font-weight: 600; color: white; background: #e8c52d; display: inline-block; padding: 0 .2em;letter-spacing:.05em;}
h2:first-child{margin-top:0;}
h3{font-weight: 600;font-size: 1.25em;text-transform: uppercase;margin-bottom: 1em;}
h4{ font-weight: 600; margin-top:1em;}
h4:first-child{margin:0}
em{font-style: italic}
strong{font-weight: 600;}

/*header*/
header{margin: auto;height: 132px;border-bottom: 9px solid #eee;padding: 0 !important;position: relative;}
#inner-header{ width: 89%; margin: auto; white-space: nowrap;}
#logo{display:inline-block;vertical-align:top;}
#logo a{
	background: url(../images/logo_davidelia.svg) no-repeat 0 0;
	display:block;
	width:120px;
	height:73px;
	margin-top:24px;
	text-indent:-9999px;
	vertical-align:top;
}
header nav{ position: absolute; top: 0; right: 75px;}
header nav li{
	display:inline-block !important;
	margin-right:23px;
	padding:71px 2px 2px 2px;
}
header nav li a{
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
}
header nav li a:hover,
header nav li a:focus,
header nav li a:active{text-decoration: none; color:#325eb3;}
header nav li.current_page_item{background:#325eb3;}
header nav li.current_page_item a,
header nav li.current_page_item a:hover{color:#fff;cursor:default;}

.flex-direction-nav a{color:#325eb3;}

#language-selector{ position: absolute; top: 30px; right: 50px; list-style: none;}
#language-selector .lang-item{ display: inline-block; margin-right: 4px;}
#language-selector a{color:#000000}
#language-selector a:hover{text-decoration: none;color:#325eb3;}
#language-selector .current-lang a{background:#325eb3;color:white;padding:0 2px;}
#language-selector .current-lang a:hover{text-decoration: none;color:white;cursor:default;}

/*content*/

/*home*/
.textcontent{ margin-top: 2.8em;}
.textcontent p{margin-bottom:1.5em;}
.destaques .item{ position: relative;}
.destaques .item .image{
	-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
	background-color:transparent;
	background-size:cover;
	background-blend-mode:multiply;
	height:290px;
	background-position:center center;
}
.destaques .item .hover{
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transition:all .3s ease-out;
	        transition:all .3s ease-out;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
	text-align:center;
	opacity:0;
}.destaques .item .hover span{font-weight: 600; color:#e8c52d; background: white; padding:2px 5px; text-transform:uppercase; font-size:1.2em;}
.destaques .item.collaborations .hover span{color:#325eb3}
.destaques .item a:hover .hover{opacity:1;}
.destaques .item.collaborations a:hover .image{ background-color: #325eb3;}
.destaques .item.studio-works a:hover .image{ background-color: #e8c52d;}
.home .flex-control-nav{display: none;}

/*sobre*/
.page-template-page-sobre-php h2{margin-bottom:.8em;}
.page-template-page-sobre-php h2:first-child{margin-top:0;}

.page-template-page-sobre-php .image .caption{margin:.4em 0 .2em 0;}
.image .title{font-style:italic;}
.curriculumcontent li{ margin-top: 0em;}
.curriculumcontent h3{ border-bottom: 1px solid #c2c2c2; margin-bottom: 1.3em; font-size: 1em;}
.curriculumcontent h3 a{color:#000;text-transform: uppercase;font-size: 1.4em;display: block;position: relative;}
.curriculumcontent h3 a:after{
	position:absolute;
	right:0;
	bottom:5px;
	display:block;
	width:22px;
	height:20px;
	content:'';
	-webkit-transition-duration:.3s;
	        transition-duration:.3s;
	-webkit-transition-property:-webkit-transform;
	        transition-property:        transform;
	background:url('../images/map_symbols.png') no-repeat 0 -187px;
}
.curriculumcontent li.opened h3 a:after{
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
		 -o-transform:rotate(90deg);
	background-position:0 -208px;
}
.curriculumcontent h3 a:hover,
.curriculumcontent h3 a:focus{text-decoration: none}
.curriculumcontent h3 a span{border-bottom: 2px solid black;display: inline-block;max-width: 70%;}

/*projetos*/
#isotope{margin:0;}
#isotope .element{ position: relative; display: inline-block; }
#isotope .element .image{background-blend-mode: multiply;background-color:transparent;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background-repeat:no-repeat;}
#isotope .element .image img{ opacity: 0;}
#isotope .element .hover{
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transition:all .3s ease-out;
	        transition:all .3s ease-out;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
	text-align:center;
	opacity:0;
}#isotope .element .hover span{font-weight: 600; color:#e8c52d; background: white; padding:2px 5px; text-transform:uppercase; font-size:1.2em;}
#isotope .element.collaborations .hover span{color:#325eb3}
#isotope .element a:hover .hover{opacity:1;}
#isotope .element.studio-works a:hover .image{ background-color: #e8c52d;}
#isotope .element.collaborations a:hover .image{ background-color: #325eb3;}
.page-template-page-projetos-php #container main{ padding: 0;}
.project-filter-holder ul{ text-align: center;border-bottom: 9px solid transparent; margin-top: 14px;}
.project-filter-holder ul.all{border-bottom-color:#eee}
.project-filter-holder ul.studio-works{border-bottom-color:#e8c52d }
.project-filter-holder ul.collaborations{border-bottom-color:#325eb3 }
.project-filter-holder li{ display: inline-block; margin-right: 20px; background: transparent; padding: 5px 12px; -webkit-transition:background 0.3s ease-out; transition:background 0.3s ease-out;}
.project-filter-holder li:last-child{margin-right:0;}
.project-filter-holder li a{color:#000;text-transform: uppercase;font-weight: 600;height: 36px;display:block;font-size: 1.1em; -webkit-transition:color 0.3s ease-out; transition:color 0.3s ease-out;}
.project-filter-holder li a:hover,
.project-filter-holder li a:focus{text-decoration: none}
.project-filter-holder ul.all li.all{background: #eee; }
.project-filter-holder ul.studio-works li.studio-works{background-color: #e8c52d;}
.project-filter-holder ul.collaborations li.collaborations{background-color: #325eb3;}
.project-filter-holder ul.collaborations li.collaborations a,
.project-filter-holder ul.studio-works li.studio-works a{color:#fff;}

.single-projeto .flex-direction-nav{height:449px;position:absolute;top:0;width:100%;}
.single-projeto .flex-control-thumbs{display: block;margin: 0;}
.single-projeto .flex-control-thumbs li{background-blend-mode:multiply;background-color:transparent;transition:all .3s ease-out;min-height:161px;position:relative;}
.single-projeto .flex-control-thumbs li:hover{background-color: #e8c52d}
.single-projeto main.collaborations .flex-control-thumbs li:hover{background-color: #325eb3}
.single-projeto .textcontent{margin-top:1em;}
.single-projeto .slides .caption{ position: absolute; bottom: 12px; right: 9px; color: white; background: #e8c52d; padding: 1px 5px; font-weight: 600;}
.single-projeto main.collaborations .slides .caption{background:#325eb3;}
.single-projeto main{border-top:9px solid #325eb3}
.single-projeto main.studio-works{border-top:9px solid #e8c52d}
.single-projeto main h2,
.single-projeto main .project-nav a{margin:0 5px; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; background:#325eb3;}
.single-projeto main .project-nav a:hover{opacity:.7;}
.single-projeto main.studio-works h2,
.single-projeto main.studio-works .project-nav a{ background: #e8c52d; }
.single-projeto .boxinfo .info{font-style: italic}
.single-projeto .boxinfo .buy{font-weight: 600;margin-top:1em;}
.single-projeto .project-nav{ text-align: right; margin: 15px 15px 15px 0;}
.single-projeto .project-nav a{
	font-size:1.25em;
	display:inline-block;
	width:24px;
	height:24px;
	text-align:center;
	color:white;
	border-radius:14px;
}
.single-projeto .project-nav .prev{border-bottom-right-radius:0;}
.single-projeto .project-nav .next{border-bottom-left-radius:0;}
.single-projeto h3{margin:2em 0 1em 0; font-weight: 600; text-transform: uppercase;}


.single-projeto .flex-control-thumbs li.related{background-color:#e8c52d}
.single-projeto .related a:after{
	content:'';
	display: block;
	width: 26px;
	height: 26px;
	background: yellow;
	position: absolute;
	left: 50%;
	margin: -13px 0 0 -13px;
	top: 50%;
	background: url('../images/map_symbols.png') no-repeat -34px -239px;
	opacity: 1;
	transition:opacity .3s ease-out;
}
.single-projeto .related a{opacity:1; width: 100%; height: 161px; display: block; }
.single-projeto .related a span{
	font-weight:600;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:60%;
	margin:auto;
	padding:2px 3px;
	-webkit-transition:opacity .3s ease-out;
	        transition:opacity .3s ease-out;
	-webkit-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	text-align:center;
	text-transform:uppercase;
	opacity:0;
	color:#e8c52d;
	background:white;
}
.mobile-related{background-blend-mode:multiply;background-color:#e8c52d !important;background-size:cover;}
.mobile-related img{opacity:0;}
.single-projeto .related a:hover span{opacity:1;}
.single-projeto .related a:hover::after{opacity:0}
.single-projeto .related:hover{background-color:#e8c52d !important;}
.single-projeto main.studio-works .related a:after{ background-position:-5px -238px }
.single-projeto main.studio-works .related{background-color:#325eb3 !important; }
.single-projeto main.studio-works .related:hover{background-color:#325eb3 !important;}
.single-projeto main.studio-works .related a span{ color: #325eb3;}

body .ui-tooltip{
	font-size:.85em;
	color:white;
	border:none;
	border-radius:8px;
	padding: 2px 6px;
	border-bottom-right-radius:0;
	background:black;
	-webkit-box-shadow:none;
			box-shadow:none;
}

/*clipping*/
#clipping-holder{width:100%; margin:32px auto 0 auto; }
#clipping-holder .item{text-align: center;margin-bottom: 4em;}
#clipping-holder .item a{
	position:relative;
	display:block;
	width:140px;
	height:140px;
	-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
	background-blend-mode:multiply;
	border:1px solid #eee;
}
#clipping-holder .item a:hover{background-color: #e8c52d;}
#clipping-holder .item .hover{
	font-weight:600;
	position:absolute;
	top:50%;
	left:50%;
	width:80%;
	padding:0 5px;
	-webkit-transition:opacity .3s ease-out;
	        transition:opacity .3s ease-out;
	-webkit-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	opacity:0;
	background:white;
}#clipping-holder .item a:hover .hover{opacity:1;}
#clipping-holder .item .hover>div{color:#e8c52d;text-align: center;width:100%;text-transform:capitalize;}
#clipping-holder .item .hover .title{text-transform: uppercase}

/* NEWS */
.page-template-page-news .freecontent{margin-top:1em;}
.page-template-page-news .freecontent p{margin-bottom:1em;}
.page-template-page-news main a{font-weight:600;color:#dab927;}
.page-template-page-news .item-holder .item{margin-bottom:2em;}
.page-template-page-news main .wrapper h2{margin-top:0;}
#instagram li{ float: left;}
#instagram a{
	display:block;
	width:134px;
	height:134px;
	-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;

	background-blend-mode:multiply;
}
#instagram a:hover{background-color:#e8c52d}


/*Contato*/
.page-template-page-contato h2.representantes{ margin-bottom: 1em;}
.page-template-page-contato h2.venda_online{ margin: 0 0 1.5em 0;}
.page-template-page-contato main ul li{ margin-bottom: 3em;}
.page-template-page-contato main ul li>div:first-child{margin-bottom:.5em;}
.page-template-page-contato main a{color:#000}
.page-template-page-contato form br{display: none}
.page-template-page-contato label{ text-transform: uppercase; font-weight: 600; font-size: .9em; padding-bottom: 7px; display: block;}
.page-template-page-contato .wpcf7-form-control-wrap{margin-bottom: 1.4em; display:block;}
.page-template-page-contato input[type=text],
.page-template-page-contato input[type=email],
.page-template-page-contato textarea{ width: 250px; padding: 5px 8px; border:1px solid #898989;}
.page-template-page-contato textarea{ width: 90%; height: 210px;}
.page-template-page-contato input[type=submit]{ margin: 10px 0 0 0; text-transform: uppercase; color: white; font-weight: 600; font-size: 1.1em; padding: 4px 20px; background: #325eb3; border:2px solid transparent;transition:all .1s;}
.page-template-page-contato input[type=submit]:hover{border:2px solid #325eb3;background:white;color:#325eb3;}
.page-template-page-contato address{font-size: 18px;margin-top: 5em;}
/*contact7forms override*/
div.wpcf7-response-output {margin: 1em 0;padding: 0.2em 1em;border-width:1px !important;border-radius:5px;width:90%;}
div.wpcf7-validation-errors{border-color: #efe3ae;background: #fef6d2}
span.wpcf7-not-valid-tip{font-size:.8em;}
div.wpcf7-mail-sent-ok{border-color: #d4ebaf;background: #edfcd5}
div.wpcf7-mail-sent-ng{border-color: #f0baa2;background: #ffd9c8}

/*footer*/
footer{ position:relative; height:88px; border-top:9px solid #eee; padding-top:22px !important; width:100%; margin-top:134px;}
footer #inner-footer{margin:auto;width:89%;}
footer .logo{
	width:131px;
	height:40px;
	background:url('../images/logo_davidelia_h.svg') no-repeat;
}
footer .social{text-align: center;margin-top: 5px;}
footer .social li{display: inline-block;margin-right: 18px;}
footer .social li:last-child{margin-right: 0}
footer .social a{
	display: block;
	background: url('../images/map_symbols.png') no-repeat 0 -130px;
	width: 30px;
	height: 29px;
}
footer .social a.facebook{background-position:-48px -130px;}
footer .social a.twitter{background-position:-96px -130px;}
footer .sig{
	display: block;
	width:100px;
	height:8px;
	background:url('../images/map_symbols.png') no-repeat 0 -174px;
	-webkit-transition:opacity .3s ease-out;
			transition:opacity .3s ease-out;
	opacity:.7;
	position:absolute;
	top:17px;
	right:0;
}
footer .sig:hover{opacity:1}


/** RETINA **/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	/*#logo a,*/
	.curriculumcontent h3 a:after,
	footer .social a,
	/*footer .logo,*/
	footer .sig{
		background-image: url('../images/map_symbols@2x.png');
		background-size: 300px 300px;
	}
}



/** MOBILE (LAST) ;) **/
@media only screen and (max-width : 767px) {
	#logo{margin-left: 5%;}
	#logo a{
		background-size: 65%;
		margin-top: 12px;
	}
	/*#logo a{background:url(../images/logo.svg) no-repeat; background-size: 78px 42px;width:78px;height: 42px;;margin-top: 14px;margin-top: 15px;}*/
	#container main:not(.paddingless){padding: 0px 15px;}
	#language-selector {
		top: 50%;
		font-size: 1.2em;
		/*width: 50px;*/
		/*height: 30px;*/
		margin: -15px 0 0 -25px;
		left: 50%;
	}
	.mobilenavbutton{position:absolute;top:15px;right:22px;text-align:center;font-size:.8em;}
	#inner-header{width:100%;}
	header{height:78px;}
	header nav{width: 100%;right: initial;left: initial;top: 77px;background: white;z-index: 100;display: none}
	header nav li{display: block !important;padding: 10px 0;text-align: center;margin: 0;}

	.textcontent{margin-top:1em;}
	h2{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	.page-template-page-sobre .image{text-align: center;margin-bottom: 1em;}
	.page-template-page-sobre .image .caption{margin:.5em auto 0 auto;}

	footer{height:initial;overflow: hidden;}
	footer .logo{margin:0 auto 1em auto;}
	footer .sig{position: initial;margin: 1em auto;}

	#isotope{overflow: hidden;}
	#isotope .element{width: 100%;padding: 0 10px;margin: auto;}
	#isotope .element .image{background-size: cover;background-position: center center;height: 100%;}

	.single-projeto main{padding: 0 15px}
	.single-projeto .slides .caption{width: 100%;text-align: center;bottom: 0;right: initial;}
	#clipping-holder .item a{margin:auto;}
	.page-template-page-contato input[type=text],
	.page-template-page-contato input[type=email],
	.page-template-page-contato input[type=submit],
	.page-template-page-contato textarea{width:100%;}
	.home .destaques{padding:0 10px;}

	.project-filter-holder-mobile{padding:0 10px;margin-top:1em;}
	.single-projeto .flex-direction-nav{height:100%;}

	#filter-style{border-bottom:9px solid #eeeeee;}
	#filter-style.studio-works {border-bottom-color:#e8c52d }
	#filter-style.studio-works .sbHolder,
	#filter-style.studio-works .sbOptions{background:#e8c52d;}
	#filter-style.collaborations {border-bottom-color:#325eb3}
	#filter-style.collaborations .sbHolder,
	#filter-style.collaborations .sbOptions{background:#325eb3;}
	#filter-style.studio-works .sbSelector,
	#filter-style.collaborations .sbSelector{color:white;}

	#filter-style.collaborations .sbOptions a:link,
	#filter-style.collaborations .sbOptions a:visited,
	#filter-style.studio-works .sbOptions a:link,
	#filter-style.studio-works .sbOptions a:visited {color:rgba(255,255,255,.7)}
	#filter-style.collaborations .sbOptions a:hover,
	#filter-style.collaborations .sbOptions a:focus,
	#filter-style.collaborations .sbOptions a.sbFocus,
	#filter-style.studio-works .sbOptions a:hover,
	#filter-style.studio-works .sbOptions a:focus,
	#filter-style.studio-works .sbOptions a.sbFocus {color:rgba(255,255,255,.9) !important}
	#filter-style.all .sbToggle{color:#000;}

	#single_project_mobile_header{ margin: 1em 0;}
	#single_project_mobile_header::after{content:'';display:block;clear:both;}
	#single_project_mobile_header h2{float: left;margin: 0;}
	#single_project_mobile_header .project-nav{ float: right; margin: 0;}
}