:root {
  --color: #606060;
}


html *, body * {
	font-family: 'Open Sans', sans-serif;
	color: var(--color);
}

body { background: #ededed !important; }

p {
	width: 80%;
    /*margin-left: 10%;*/
    color: #222;
    line-height: 2em;
    /*margin-top: 3em;*/
	margin: 3em 10% 3em;
}

svg { width:  100%; }

:focus {
    outline: none;
}

.oculto { display:  none !important; }


/* ****************************************
 *
 * header
 *
 *
 */

#site-header {
	position: fixed;
    width: 90%;
    top:  15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 200px;
    backdrop-filter: invert(.05) blur(10px);
    background: linear-gradient(rgba(3, 3, 3, .2));
    display: block;
    overflow: clip;
    will-change: contents;
}

.header-social-wrapper {
	align-items: center;
	display: flex;
}

.header-inner {
	width: 100%;
	padding: 10px 40px 0;
	display: block;
	position: relative;
}

.header-navigation-wrapper {
	display: block;
	margin: 0;
}

body:not(.enable-search-modal) .site-logo img {
	max-width: 90px;
}

.footer-logo {
	align-items: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.footer-credits {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.primary-menu a { color: white !important; font-weight: bold; }

.primary-menu > li {
	text-align: center;
	margin: 0.8rem 10px 0 !important;
}

.primary-menu > li a {
	display: block;
    font-size: 12px;
    letter-spacing: 0.2em;
    font-stretch: 85%;
    padding: 10px 20px 10px;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
}

.primary-menu > li a:hover, .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
	border-bottom: 2px solid #fff;
	border-image-slice: 1;
}


/* ******************************
 *
 * Home
 *
 */

section.thumbs-home {
	width: calc(100% - 100px);
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 110px auto 100px auto;
    padding: 0;
}

.thumbs-item {
	width: calc(100% / 3 - 10px);
    position: relative;
	margin: 0 5px 10px;
}

.thumbs-img {
    width: 100%;
    height: 420px;
}

.thumbs-item a { border-radius: 10px; overflow: hidden; display: block; }
.thumbs-item a .thumbs-description { display: none }
.thumbs-item a:hover .thumbs-description {
	position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	animation: fadeIn 0.5s;
	-webkit-animation: fadeIn 0.5s;
	-moz-animation: fadeIn 0.5s;
	-o-animation: fadeIn 0.5s;
	-ms-animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

div.title, div.client {
    color: white;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
}

div.title {
	font-weight: bold;
}

div.client {
    font-size: 11px;
    font-weight: 200;
}


/* ******************************
*
* 
* INTERNAS
*
*/

.conteudo {
    width: 80%;
    max-width: 1280px;
    margin: 0 auto !important;
}

#site-content { margin: 150px 0 100px; }

h2.titulo {
    font-family: 'Open Sans';
    font-size: 75px;
    font-weight: lighter;
    color: #444;
    text-align: center;
    letter-spacing: .1px;
    line-height: 63px;
    padding: 0;
    padding-bottom: 5px !important;
    margin-bottom: 5px;
}

p.cliente {
    font-family: 'Open Sans';
    font-size: 20px;
    text-align: center;
    width: 100%;
    margin: 0 0 40px;
    line-height: 1;
}

p.cliente span {
    padding: 0;
    margin: 0;
    font-size: inherit;
}

.midia-inicial img, .midia-inicial iframe, .midia-inicial video {
    width: 100%;
    height: auto;
}



/* ******************************
*
* 
* CONTATO
*
*/

.contact-us h2 {
    font-family: 'HelveticaNeueLTPro-XBlkCn';
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.1em;
    margin-top: 0;
}

/*.half-left, .half-right {
    width: 49%;
}*/

.half-left {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.half-right {width: 40%;}

a.mailto, .redes-sociais-contato a, .form-mensagem {
    color: #939393;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 200;
    list-style: none;
    letter-spacing: .05em;
}

a.mailto {
	margin-bottom: 40px;
    /*margin-top: 30px;*/
}


.redes-sociais-contato a img {
    float: left;
    height: 17px;
    margin: 2px 6px 0 0 ;
}

.redes-sociais-contato {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.half-right input[type='text'], .half-right input[type='email'], .half-right textarea {
	width: 100%;
	margin-bottom: 5px;
}

.contact-us {
    width: 80%;
    margin-left: 10%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: 100px;
}

.contact-us input::placeholder, .contact-us textarea::placeholder  {
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: 400;
    color: #111;
}

.form-mensagem {
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
    float: left;
	width: 50%;
}

.messagem-botao {
    /*display: flex;
    justify-content: space-around;*/
}


.botao input[type="submit"] {
	background-color: #565656;
    font-size: 12px;
    margin-top: 0;
    padding: 20px 90px;
    float: right;
    font-family: 'Open Sans';
    letter-spacing: 0.2em;
    font-weight: 300;
}


.form-contact br { display: none; }

/* ******************************
*
* 
* FOOTER
*
*/

#site-footer {
	border-top: none;
    background: #ededed;
    position: fixed;
    bottom: 0;
    width: 100%;
	height: auto !important;
	padding: 20px 0;
	z-index: 2;
}


#site-footer .section-inner {
    align-items: center;
    display: flex;
    align-content: center;
    justify-content: center;
}

.copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}


.footer-copyright {
	font-size: 12px;
	color: #999;
	letter-spacing: .3em
}

#site-footer .section-inner {
	position: relative;
}

.footer-social-icons {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.footer-social-icons a { margin-right: 30px; float: left; }

.footer-social-icons .social img {
    height: 15px;
    width: auto;
    padding-right: 10px;
}

.cover-modal.show-modal > * {background-color: #111;}
button.close-nav-toggle .toggle-text {
    margin-right: 2.1rem;
    color: #939393;
}
button.close-nav-toggle svg {
    color: #939393;
}
.ancestor-wrapper a {color: #939393;}

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    color: #939393;
}

.postagem p { width: 100%; font-size: 16px; font-weight: lighter; letter-spacing: .1em; }

#site-footer .section-inner { max-width: 100% !important; display: block; }

.postagem figure, .postagem figure img { width: 100%; }

.header-titles-wrapper { float: left; }

#banner-reel { width: 100%; height: 850px; background: #000; position: relative; overflow: hidden; margin: 0 auto; }
#banner-reel video { width: 100%; min-width: 1065px !important; opacity: .2; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.has-text-align-center { text-align: center; font-weight: 900; color: transparent; font-size: 80px; text-transform: uppercase; -webkit-text-stroke: 1.3px #606060; text-stroke: 1.3px #606060; }

.mTitle { font-size: 150px; margin: 0 0 -200px; position: relative; -webkit-text-stroke: .6px #717171 !important; z-index: 1; }

#bText { font-weight: 100; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; }
#bText span.welcome { letter-spacing: .8em; margin-bottom: -18px; display: block; color: #d6d6d6; }
#bText span.aspas { font-weight: 900; color: transparent; font-size: 80px; text-transform: uppercase; -webkit-text-stroke: .7px #d6d6d6; text-stroke: .7px #d6d6d6; display: block; }
#bText a { margin-top: 20px; padding: 15px 60px; font-size: 12px; display: inline-block; border-radius: 100px; border: 1px solid #d6d6d6; text-decoration: none; color: #d6d6d6; }

.pattern { background-image: url("../aspas/assets/images/pattern.svg"); background-size: 130px; padding: 0 !important; }




@media only screen and (min-width: 760px) and (max-width: 1199px) {
	.thumbs-item {
		position: relative;
		width: calc(100% / 2 - 10px);
	}
	
	.half-left {
		width: 30%;
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		flex-wrap: nowrap;
		margin-right: 8%;
	}
	
	.half-right {
		width: 45%;
	}
	
	.botao input[type="submit"] {
		background-color: #565656;
		font-size: 12px;
		margin-top: 0;
		padding: 20px 70px;
		float: right;
		font-family: 'Open Sans';
		letter-spacing: 0.2em;
		font-weight: 300;
	}
	
	.form-mensagem {
		text-align: left;
		font-size: 14px;
		margin-top: 5px;
		float: left;
		width: 40%;
	}
}

@media only screen and (max-width: 759px) {

	.postagem p { width: 100%; }

	.postagem figure { width: 100%; }
	
	p { width: 90%; margin: 3em 5% 3em; }
	
	#site-header {
		height: 90px !important;
		z-index: 100;
	}

	section.thumbs-home {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin-top: 0;
		margin-bottom: 100px;
		padding: 0;
		align-items: center;
	}
	
	.thumbs-item {
		position: relative;
		width: 100%;
	}
	
	.conteudo {
		width: 90%;
		margin-left: 5%;
	}
	
	h2.titulo { font-size: 60px; text-align: center; }
	p.cliente { text-align: center; }
	
	.contact-us {
		width: 90%;
		margin-left: 5%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 100px;
		margin-bottom: 100px;
		flex-direction: column;
	}
	
	.half-left, .half-right { width: 100%; }
	
	.form-mensagem {
		text-align: left;
		font-size: 14px;
		margin-top: 5px;
		float: left;
		width: 40%;
	}
	
	.botao input[type="submit"] {
		background-color: #565656;
		font-size: 12px;
		margin-top: 0;
		padding: 20px 70px;
		float: right;
		font-family: 'Open Sans';
		letter-spacing: 0.2em;
		font-weight: 300;
	}
	
	.mobile-menu {
		margin-top: 50%;
	}
	
	.mobile-menu .modal-menu li {
		border: none;
	}
	
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
		font-weight: 400;
	}
	
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
		text-align: center;
		width: 170px;
		margin: 0 auto 20px;
	}
	
	.modal-menu li.current-menu-item > .ancestor-wrapper > a {
		text-decoration: none;
		border-bottom: 2px solid #c6c6c6;
		font-weight: 700;
		color: #c6c6c6;
	}
	
	.nav-toggle .toggle-icon, .nav-toggle svg {
		height: 2.8rem;
		width: 2.6rem;
	}

	#banner-reel { width: calc(100% - 20px); height: 450px; z-index: 2; padding: 0; margin: 90px 0 0; left: 50%; transform: translate(-50%, 0); }
	#banner-reel video { width: 100vw !important; height: 500px; object-fit: cover; margin: auto; }

	#banner-reel #bText { display: none; }

	.header-inner .toggle { display: block; position: absolute; top: calc(50% - -13px); }

	.mTitle { font-size: 90px; margin: 0 0 -55px; }
}