body {
	width: 100%;
	min-width: 320px; 
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


body, p {
	/*font-family: myriad-pro, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-style: normal;
	font-stretch: normal;
	color: #25221f;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


body, #nav-buttons {
	min-height: 800px;
}

a, a:focus { outline: 0; }

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

::selection {
	background: rgba(0,0,0,.05);
}

.allow-select {  
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}


body:not(.menu) #menu {
	visibility: hidden;
}

#menu {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	transition: visibility 0s .7s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.menu #menu {
	transition: visibility 0s;
}

	#menu-bg {
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		overflow: hidden;
		pointer-events: none;
		background-color: rgba(255,255,255,.97);
		opacity: 0;

		transition: opacity .5s .2s;
	}

	body.menu #menu-bg {
		opacity: 1;
		transition: opacity .5s;
	}

	.menu-inner {
		position: relative;
		display: table;
		margin: 0px auto;
		height: 100%;
		opacity: 0;
		
		transition: opacity .3s;
	}

	body.menu .menu-inner {
		opacity: 1;
		transition: opacity .3s .3s;
	}

		.menu-inner-inner {
			display: table-cell;
			vertical-align: middle;
		}

			.menu-button {
				position: relative;
				overflow: hidden;
				cursor: pointer;
			}

				.menu-button-inside {
					font-weight: 300;
					font-size: 5vw;
					line-height: 100%;
					text-align: center;

					transform: translateY(100%);
					transition: transform .4s;
				}

				.menu-button:nth-child(1) .menu-button-inside { transition-delay: .3s; }
				.menu-button:nth-child(2) .menu-button-inside { transition-delay: .4s; }
				.menu-button:nth-child(3) .menu-button-inside { transition-delay: .5s; }
				.menu-button:nth-child(4) .menu-button-inside { transition-delay: .6s; }
				.menu-button:nth-child(5) .menu-button-inside { transition-delay: .7s; }

				body.menu .menu-button-inside {
					transform: translateY(0%);
				}


#nav-buttons {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	pointer-events: none;
}

	#nav-buttons-logo,
	#nav-buttons-menu-top,
	#nav-buttons-menu,
	#nav-buttons-scroll,
	#nav-buttons-social,
	#nav-buttons-sage,
	#contact-sage {
		position: absolute;
		padding: 10px;
		margin: -10px;
		pointer-events: auto;
		cursor: pointer;
		text-shadow: 1px ​1px 3px #000;
		color: #fff;
	}

	#nav-buttons-logo {
		top: 35px;
		left: 5%;

		transition: color .5s .2s, opacity .3s;
	}

	#preloader-logo,
	#nav-buttons-logo {
		font-weight: 600;
		font-size: 15px;
		letter-spacing: 7px;
		text-transform: uppercase;
	}

	body[data-part="studio1"] #nav-buttons-logo,
	body[data-part="studio2"] #nav-buttons-logo,
	body[data-part="studio4"] #nav-buttons-logo,
	body[data-part="studio5"] #nav-buttons-logo,

	body[data-part="process1"] #nav-buttons-logo,
	body[data-part="process2"] #nav-buttons-logo,
	body[data-part="process3"] #nav-buttons-logo,
	body[data-part="process4"] #nav-buttons-logo,
	body[data-part="process5"] #nav-buttons-logo,

	body.is-black #nav-buttons-logo {
		transition-delay: 0s;
	}

	body.menu #nav-buttons-logo {
		transition: color .5s;
	}

	body[data-part="studio1"] #nav-buttons-logo,
	body[data-part="studio2"] #nav-buttons-logo,
	body[data-part="studio4"] #nav-buttons-logo,
	body[data-part="studio5"] #nav-buttons-logo,

	body[data-part="process1"] #nav-buttons-logo,
	body[data-part="process2"] #nav-buttons-logo,
	body[data-part="process3"] #nav-buttons-logo,
	body[data-part="process4"] #nav-buttons-logo,
	body[data-part="process5"] #nav-buttons-logo,

	body.is-black #nav-buttons-logo,
	body.menu #nav-buttons-logo  {
		color: #25221f;
	}

	#nav-buttons-menu-top {
		top: 30px;
		right: 5%;
		transform: translateY(0%);
		transition: opacity .3s .3s, transform .3s .3s;
	}

	body.show-menu-button #nav-buttons-menu-top {
		opacity: 0;
		pointer-events: none;
		transform: translateY(-50%);
		transition: opacity .3s, transform .3s;
	}

		.nav-buttons-menu-top-button {
			float: left;
			padding: 10px;
			margin: 0px 10px;

			font-family: myriad-pro-semiextended, sans-serif;
			font-size: 16px;
		}

		.nav-buttons-menu-top-button.lang {
			margin-left: 20px;
			margin-right: -10px;

			text-transform: uppercase;
		}

	#nav-buttons-menu {
		top: 37px;
		width: 50px;
		height: 50px;
		right: 5%;
		transform: translateY(0%);
		transition: opacity .3s .3s, transform .3s .3s;
	}

		.nav-buttons-menu-line {
			position: absolute;
			left: 10px;
			width: 30px;
			height: 2px;
			background-color: #fff;

			transition: margin-top .23s, transform .3s, background-color .5s .2s;
		}

		body.menu .nav-buttons-menu-line,
		body.is-black .nav-buttons-menu-line,
		body[data-part="about1"] .nav-buttons-menu-line,
		body[data-part="studio1"] .nav-buttons-menu-line,
		body[data-part="studio2"] .nav-buttons-menu-line,
		body[data-part="studio4"] .nav-buttons-menu-line,
		body[data-part="studio5"] .nav-buttons-menu-line,
		body[data-part="process1"] .nav-buttons-menu-line,
		body[data-part="process2"] .nav-buttons-menu-line,
		body[data-part="process3"] .nav-buttons-menu-line,
		body[data-part="process4"] .nav-buttons-menu-line,
		body[data-part="process5"] .nav-buttons-menu-line,
		body[data-part="contact"] .nav-buttons-menu-line {
			background-color: #25221f;
			transition: margin-top .23s, transform .3s, background-color .5s;
		}

		#nav-buttons-menu-line1 { 
			top: 15px; 
		}

		#nav-buttons-menu-line2 { 
			top: 23px; 
			transform-origin: left; 
			transition: transform .15s .1s, opacity .15s .1s, background-color .5s .2s; 
		}

		body.is-black #nav-buttons-menu-line2,
		body[data-part="about1"] #nav-buttons-menu-line2,
		body[data-part="studio1"] #nav-buttons-menu-line2,
		body[data-part="studio2"] #nav-buttons-menu-line2,
		body[data-part="studio4"] #nav-buttons-menu-line2,
		body[data-part="studio5"] #nav-buttons-menu-line2,
		body[data-part="process1"] #nav-buttons-menu-line2,
		body[data-part="process2"] #nav-buttons-menu-line2,
		body[data-part="process3"] #nav-buttons-menu-line2,
		body[data-part="process4"] #nav-buttons-menu-line2,
		body[data-part="process5"] #nav-buttons-menu-line2,
		body[data-part="contact"] #nav-buttons-menu-line2 {
			background-color: #25221f;
			transition: transform .15s .1s, opacity .15s .1s, background-color .5s; 
		}

		#nav-buttons-menu-line3 { 
			top: 31px; 
		}

		body.menu #nav-buttons-menu-line1 { 
			transform: translateY(8px) rotate(-45deg); 
		}

		body.menu #nav-buttons-menu-line2 { 
			transform: scaleX(0); 
			top: 23px; 
			opacity: 0; 
			transition-delay: 0s; 
		}

		body.menu #nav-buttons-menu-line3 { 
			transform: translateY(-8px) rotate(45deg); 
		}

	
	#nav-buttons-scroll,
	#nav-buttons-social {
		bottom: 55px;
		left: 5%;

		color: #25221f;
		
		transition: opacity .5s .2s;
	}

	body.menu #nav-buttons-scroll,
	body[data-part="contact"] #nav-buttons-scroll,
	body:not(.menu) #nav-buttons-social {
		opacity: 0;
		pointer-events: none;
		transition-delay: 0s;
	}

		#nav-buttons-scroll-text {
			margin-bottom: 12px;

			font-size: 12px;
			font-style: italic;
			text-indent: 1px;
			color: #fff;

			transition: color .5s, opacity .3s;
		}

		body.is-black #nav-buttons-scroll-text,
		body[data-part="studio1"] #nav-buttons-scroll-text,
		body[data-part="studio2"] #nav-buttons-scroll-text,
		body[data-part="studio4"] #nav-buttons-scroll-text,
		body[data-part="studio5"] #nav-buttons-scroll-text,

		body[data-part="process1"] #nav-buttons-scroll-text,
		body[data-part="process2"] #nav-buttons-scroll-text,
		body[data-part="process3"] #nav-buttons-scroll-text,
		body[data-part="process4"] #nav-buttons-scroll-text,
		body[data-part="process5"] #nav-buttons-scroll-text {
			color: #25221f;
		}

		#nav-buttons-scroll-arrow {
			position: relative;
			margin: 0px auto;
			width: 14px;
			height: 14px;
		}

			#nav-buttons-scroll-arrow:after,
			#nav-buttons-scroll-arrow:before {
				content: '';
				position: absolute;
				transition: border-color .5s;
			}

			body.is-black #nav-buttons-scroll-arrow:after, body.is-black #nav-buttons-scroll-arrow:before,
			body[data-part="studio1"] #nav-buttons-scroll-arrow:after, body[data-part="studio1"] #nav-buttons-scroll-arrow:before,
			body[data-part="studio2"] #nav-buttons-scroll-arrow:after, body[data-part="studio2"] #nav-buttons-scroll-arrow:before,
			body[data-part="studio4"] #nav-buttons-scroll-arrow:after, body[data-part="studio4"] #nav-buttons-scroll-arrow:before,
			body[data-part="studio5"] #nav-buttons-scroll-arrow:after, body[data-part="studio5"] #nav-buttons-scroll-arrow:before,

			body[data-part="process1"] #nav-buttons-scroll-arrow:after, body[data-part="process1"] #nav-buttons-scroll-arrow:before,
			body[data-part="process2"] #nav-buttons-scroll-arrow:after, body[data-part="process2"] #nav-buttons-scroll-arrow:before,
			body[data-part="process3"] #nav-buttons-scroll-arrow:after, body[data-part="process3"] #nav-buttons-scroll-arrow:before,
			body[data-part="process4"] #nav-buttons-scroll-arrow:after, body[data-part="process4"] #nav-buttons-scroll-arrow:before,
			body[data-part="process5"] #nav-buttons-scroll-arrow:after, body[data-part="process5"] #nav-buttons-scroll-arrow:before {
				transition-delay: 0s;
				border-color: #25221f;
			}

			#nav-buttons-scroll-arrow:after {
				top: 0px;
				left: 50%;
				bottom: 0px;
				border-left: 1px solid #fff;
			}

			#nav-buttons-scroll-arrow:before {
				margin: 4px 3px;
				width: 8px;
				height: 8px;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				transform: rotate(45deg);
			}

	#nav-buttons-social {
		margin-bottom: 2px;

		font-weight: 300;
		font-size: 16px;
		font-style: italic;
	}

		#nav-buttons-social a {
			margin-right: 30px;
		}
		#nav-buttons-social a svg {
			width: 50px;
			height: auto;
		}


	#nav-buttons-sage,
	#contact-sage {
		right: 5%;
		margin-right: -20px;
		padding: 0px;
		bottom: 50px;
		width: 70px;
		height: 70px;
	}

		#nav-buttons-sage path {
			transition: fill .5s .2s;
		}

		body.menu #nav-buttons-sage path,
		body.is-black #nav-buttons-sage path,
		body[data-part="about1"] #nav-buttons-sage path,
		body[data-part="studio1"] #nav-buttons-sage path,
		body[data-part="studio2"] #nav-buttons-sage path,
		body[data-part="studio4"] #nav-buttons-sage path,
		body[data-part="studio5"] #nav-buttons-sage path,

		body[data-part="process1"] #nav-buttons-sage path,
		body[data-part="process2"] #nav-buttons-sage path,
		body[data-part="process3"] #nav-buttons-sage path,
		body[data-part="process4"] #nav-buttons-sage path,
		body[data-part="process5"] #nav-buttons-sage path,

		body[data-part="contact"] #nav-buttons-sage path {
			fill: #25221f;
			transition-delay: 0s;
		}

		#nav-buttons-sage-bg {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			opacity: 0;
		}


#container,
#home,
.home-part {
	height: 100%;
}


#home {

}

	.home-part {
		position: relative;
	}

		.home-part-inner {
			margin: 0px auto;
			width: 70%;
			height: 100%;
		}

			.home-part-inner-inner {
				display: table;
				width: 100%;
				height: 100%;
			}

				.home-part-inner-inner-inner {
					display: table-cell;
					vertical-align: middle;
				}

					.home-part-title {
						overflow: hidden;
					}

						.home-part-title-inner {
							margin-bottom: 30px;
							
							font-weight: 300;
							font-size: 6vw;
							line-height: 90%;
							color: #fff;
						}

					.home-part-subtitle {
						max-width: 778px;
						width: 80%;

						font-weight: 300;
						font-size: 22px;
						font-style: italic;
						color: #fff;
					}

	.main-part,
	#about,
	.about1-left,
	#studio,
	#studio3,
	#process,
	#work {
		background-size: cover;
		background-position: center;
	}
	
	#main {
		z-index: 0;
	}

		#main-container {
			height: 100%;
		}

			.main-part {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				opacity: 0;
				transition: opacity 0s 1s;
			}

			.main-part.selected {
				opacity: 1;
				transition: opacity 1s;
				z-index: 1;
			}

			body.preloaded .main-part:nth-child(1) { background-image: url('../img/main1.jpg'); }
			body.preloaded .main-part:nth-child(2) { background-image: url('../img/main2.jpg'); }
			body.preloaded .main-part:nth-child(3) { background-image: url('../img/main3.jpg'); }
			body.preloaded .main-part:nth-child(4) { background-image: url('../img/main4.jpg'); }
			body.preloaded .main-part:nth-child(5) { background-image: url('../img/main5.jpg'); }

		#main-mobile-menu {
			display: none;
		}

	#about {
		position: relative;
		background-position: top right;
	}

		.about1-left,
		.about1-right {
			float: left;
			width: 50%;
			height: 100%;
		}

		body.preloaded .about1-left { background-image: url('../img/about1.jpg');  }

		.about1-right {
			position: relative;
			background-color: #fff;
		}

			.about1-right-inner {
				margin: 0px auto;
				width: 80%;
				height: 100%;
			}

				.about1-right-inner-inner { 
					display: table;
					height: 100%;

					text-align: center;
				}

					#about1-right-inner-inner-inner { 
						display: table-cell;
						vertical-align: middle;
					}

						#about1-right-header {
							margin-bottom: 60px;

							font-size: 12px;
							letter-spacing: 10px;
						}
						
						#about1-right-text {
							font-family: myriad-pro-semiextended, sans-serif;
							font-size: 14px;
							line-height: 200%;
						}

						#about1-right-logo {
							margin: 32px auto;
							width: 120px;
							height: 57px;
							background-size: 100%;
						}

						body.preloaded #about1-right-logo { background-image: url('../img/logo-domingos.jpg'); }

	#studio1,
	#studio2,
	#studio4,
	#studio5 {
		background-color: #dcd7d0;
	}
	
	body.preloaded #studio { background-image: url('../img/about2.jpg'); }
	body.preloaded #studio3 { background-image: url('../img/studio3.jpg'); }

		.studio-left,
		.studio-right {
			float: left;
			width: 50%;
			height: 70%;
			background-color: #fff;
		}

			.studio-left-inner {
				display: table;
				margin: 0px auto;
				width: 65%;
				padding-right: 15%;
				height: 100%;
			}

				.studio-left-inner-inner {
					display: table-cell;
					vertical-align: middle;
				}

					.studio-left-header,
					.studio-left-inner p {
						font-weight: 300;
						color: #897d6f;
					}

					.studio-left-header {
						margin-top: -20%;
						margin-bottom: 10px;

						font-size: 6vw;
					}

					.studio-left-inner p {
						font-size: 16px;
						font-style: italic;
						line-height: 137%;
						
						transition-delay: .1s;
					}

					.home-part.fade-in .studio-left-header,
					.home-part.fade-in .studio-left-inner p {
						opacity: 1;
						transform: translateY(0%);
						transition: transform .5s .1s, opacity .5s .1s;
					}

					.home-part.fade-in .studio-left-inner p {
						transition-delay: .2s;
					}

					.home-part.fade-out .studio-left-header,
					.home-part.fade-out .studio-left-inner p {
						opacity: 0;
						transform: translateY(-30%);

						transition-delay: 0s;
					}

					.home-part.fade-out .studio-left-inner p {
						transition-delay: .1s;
					}

		.studio-right {
			overflow: hidden;
		}

			.studio-right-img {
				height: 70%;
				background-size: cover;
				background-position: center;
			}

			body.preloaded #studio1 .studio-right-img { background-image: url('../img/studio1.jpg'); }
			body.preloaded #studio2 .studio-right-img { background-image: url('../img/studio2.jpg'); }
			body.preloaded #studio4 .studio-right-img { background-image: url('../img/studio4.jpg'); }
			body.preloaded #studio5 .studio-right-img { background-image: url('../img/studio5.jpg'); }

			.studio.paralax .studio-right-img {
				margin-top: -10%;
				height: 120%;
			}


	#process1,
	#process2,
	#process3,
	#process4,
	#process5 {
		background-color: #c8c1b1;
	}

	body.preloaded #process { background-image: url('../img/process.jpg'); }

		body.preloaded #process1 .studio-right-img { background-image: url('../img/process1.jpg'); }
		body.preloaded #process2 .studio-right-img { background-image: url('../img/process2.jpg'); }
		body.preloaded #process3 .studio-right-img { background-image: url('../img/process3.jpg'); }
		body.preloaded #process4 .studio-right-img { background-image: url('../img/process4.jpg'); }
		body.preloaded #process5 .studio-right-img { background-image: url('../img/process5.jpg'); }


	body.preloaded #work {
		background-image: url('../img/work.jpg');
	}

		.work-part {
			background-color: #C8C1B1;
		}
			
			.work-part .home-part-inner {
			    width: calc(100% - 30vh);
			}

			.work-part.fullscreen .home-part-inner {
				width: 100%;
			}

				.work-part-img-desktop {
					height: 70%;
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
				}

				.work-part.fullscreen .work-part-img-desktop {
					height: 100%;
					background-size: cover;
				}

				.work-part-img-mobile {
					display: none;
				}

			.work-part-text {
				position: absolute;
				right: 25%;
				bottom: 80px;
				left: 25%;
				text-shadow: 0px 0px 4px #fff;
				font-weight: 600;
				font-size: 19px;
				text-align: center;
				color: #25221f;
			}


	body.preloaded #contact .about1-left { background-image: url('../img/contact.jpg'); }

		#contact .about1-right-inner-inner {
			width: 85%;
			text-align: left;
		}

			#contact-right-inner-inner-inner { 
				display: table-cell;
				vertical-align: middle;
			}

				.contact-part {
					margin-bottom: 50px;
					overflow: hidden;

					font-size: 12px;
				}

					.contact-part2 {
						float: left;
						width: 50%;
						margin-top: -4px;

						font-size: 15px;
						font-style: italic;
						line-height: 130%;
						white-space: nowrap;
					}

						.contact-part2 span {
							font-weight: 300;
						}
						
						.contact-part2 a {
							font-weight: 600;
						}

					.contact-part3 {
						float: right;

						font-weight: 600;
						letter-spacing: .4em;
					}

				.contact-bottom {
					font-size: 15px;
					font-style: italic;
				}

					.contact-bottom a {
						margin-right: 30px;
					}

					.contact-bottom a svg {
						width: 25px;
						height: 25px;
					}

			#contact-sage {
				display: none;
			}


body.preload #container, 
body.preload #home, 
body.preload #menu,
body.preload #nav-buttons {
	display: none;
}

#nav-buttons,
#main-mobile-menu {
	transition: opacity .5s .6s;
}

body.preload #nav-buttons,
body.preload #main-mobile-menu {
	opacity: 0;
}

#preloader {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s .3s;
}

body.preload #preloader {
	opacity: 1;
	pointer-events: auto;
}

	#preloader-bar {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0%;
		opacity: 0;
		border-bottom: 2px solid #000;
		transition: opacity .3s, width .3s;
	}

	#preloader-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 290px;
		height: 28px;
		margin-left: -145px;
		margin-top: -25px;
		opacity: 0;
		transition: opacity .3s;
	}

	body.preload #preloader-bar,
	body.preload #preloader-logo {
		opacity: 1;
	}

	#video {
		background-color: #dcd7d0;
	}
	#video .home-part-inner {
		width: 95%;
		display: flex;
		align-items: center;
	}
	#video .studio-left,
	#video .studio-right {
		padding: 2%;
		background-color: inherit;
	}
	#video .studio-left {
		overflow: hidden;
	}
	#video p {
		font-size: 18px;
		text-align: center;
		margin: 10px 0;
	}
	#video .titulo {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: 5px;
	}
	#video .titulo a {
		text-align: center;
	}
	#video .titulo .logo {
		margin-bottom: 40px;
		width: 180px;
	}
	#video iframe {
		border: none;
	}
	#video .contact-form {
		padding: 0;
	}

	@media screen and (min-width: 1100px) {
		#video .studio-left {
			width: 60%;
		}
		#video .studio-right {
			width: 40%;
		}
		#video .contact-form {
			padding: 80px 80px 0;
		}
	}

	.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	
	input, button, select, textarea {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		display: inline-block;
	}
	.form-group {
		margin-bottom: 4px;
	}
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
	}
	button, input, optgroup, select, textarea {
		margin: 0;
		font: inherit;
		color: inherit;
	}
	textarea.form-control {
		height: auto;
	}
	input:invalid, textarea:invalid{
		background-color:#fff;
	}
	input[type=radio], input[type=checkbox] {
		margin: 4px 0 0;
		margin-top: 1px \9;
		line-height: normal;
	}
	input[type=checkbox], input[type=radio] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}
	
	.btn {
		border-width: 0;
		border-bottom-width: 3px;
		border-radius: 3px;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
	}
	.btn.btn-primary {
		background: #225f7b;
		border-color: #0C212B;
	}
	.btn-primary {
		color: #fff;
		background-color: #337ab7;
		border-color: #2e6da4;
	}
	a, button {
		color: #21301b;
		-webkit-transition: color 400ms, background-color 400ms;
		-moz-transition: color 400ms, background-color 400ms;
		-o-transition: color 400ms, background-color 400ms;
		transition: color 400ms, background-color 400ms;
	}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   -moz-min-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 2dppx) {
	body.preloaded #about1-right-logo { background-image: url('../img/logo-domingos@2x.jpg'); }
}


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

	body,
	#nav-buttons {
		min-height: 700px;
	}
}

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

	body,
	#nav-buttons {
		min-height: 600px;
	}

	.home-part-subtitle {
		font-size: 20px;
	}

	.studio-left-inner {
		padding-right: 5%;
	}

}

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

	.studio-left-inner {
		padding-right: 0%;
	}
}

@media screen and (min-width: 769px) {

	.home-part.fullscreen:not(.is-black) .work-part-text {
		color: #fff;
	}
}

@media screen and (max-width: 768px) {
	
	body,
	#nav-buttons {
		min-height: 0px;
	}

	#nav-buttons:before {
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		height: 92px;
		left: 0px;
		background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%);
		transition: opacity .5s .2s;
	}

	body.menu #nav-buttons:before { 
		opacity: 0;
		transition-delay: 0s;
	}

	#nav-buttons-logo {
		font-size: 16px;
		letter-spacing: 2px;
	}

	#nav-buttons-menu-top {
		display: none;
	}


	#nav-buttons-menu {
		width: 40px;
		height: 40px;
		margin-right: -6px;
	}

		.nav-buttons-menu-line {
			width: 20px;
		}

		#nav-buttons-menu-line1 {
			top: 14px;
		}

		#nav-buttons-menu-line2 {
			top: 19px;
		}

		#nav-buttons-menu-line3 {
			top: 24px;
		}

		body.menu #nav-buttons-menu-line1 { 
			transform: translateY(5px) rotate(-45deg); 
		}

		body.menu #nav-buttons-menu-line3 { 
			transform: translateY(-5px) rotate(45deg); 
		}

	#nav-buttons-scroll {
		display: none;
	}

	#nav-buttons-sage, 
	#nav-buttons-social,
	#contact-sage {
		bottom: 37px;
	}

	#nav-buttons-sage {
		opacity: 0;
		pointer-events: none;
		transition: opacity .5s;
	}

	body.menu #nav-buttons-sage {
		opacity: 1;
		transition: opacity .5s  .2s;
	}

		#nav-buttons-sage path,
		#contact-sage path {
			fill: #25221f !important;
		}

	#contact-sage {
		display: block;
	}

	#nav-buttons-social {
		font-size: 13px;
	}

		#nav-buttons-social a {
			margin-right: 20px;
		}

	.menu-button-inside {
		font-size: 10vw;
		text-align: left;
	}

	#main-mobile-menu {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 1;
	}

		#main-mobile-menu .menu-inner {
			opacity: 1;
		}

			#main-mobile-menu .menu-button-inside {
				transform: translateY(0%);
				color: #fff;
			}

	.home-part-inner {
		width: 80%;
	}

		.home-part-title-inner {
			font-size: 6vh;
		}

		.home-part-subtitle {
			font-size: 18px;
		}

	#about1,
	.about1-left,
	.about1-right,
	.studio-left, 
	.studio-right {
		height: auto;
	}

		.about1-left,
		.about1-right {
			float: none;
			width: auto;
			overflow: hidden;
		}

		.about1-left {
			padding-top: 66.666%;
			
		}

		body.preloaded .about1-left {
			background-image: url('../img/about1-mobile.jpg');
		}

				#about1-right-header {
					margin-top: 80px;
					margin-bottom: 50px;
				}

				#about1-right-logo {
					margin-bottom: 90px;
				}

		.home-part.studio .home-part-inner {
			width: 100%;
		}

	#studio1 {
		height: 100%;
	}

		.studio-left, 
		.studio-right {
			float: none;
			width: 100%;
			height: 50%;
		}

			.studio-left-inner p {
				max-width: 90%;
				font-size: 18px;
			}

	#studio2,
	#studio4 {
		height: 35%;
	}

		#studio2 .studio-right-img,
		#studio4 .studio-right-img {
			height: 100.5%;
		}

		.studio-left-header {
			margin-top: 0px;
			font-size: 6vw;
		}

		.studio-left-inner p {
			font-size: 16px;
		}

		.studio.paralax .studio-right-img {
			margin-top: 0px;
			height: 100%;
			padding: 50%;
		}


	#process2 .home-part-inner-inner-inner,
	#process4 .home-part-inner-inner-inner {
		display: flex; 
		flex-direction: column;
		height: 100%;
	}

		#process2 .studio-left,
		#process4 .studio-left {
			order: 1;
		}

		#process2 .studio-right,
		#process4 .studio-right {
			order: 2;
		}

		#process2 .studio-right-img {
			background-position: center bottom;
		}

			body.preloaded #process4 .studio-right-img {
				background-image: url(../img/process4-mobile.jpg);
			}

			body.preloaded #process5 .studio-right-img {
				background-image: url(../img/process5-mobile.jpg);
			}

	.work-part {
		height: 112.5vw;
	}

		.work-part .home-part-inner {
			width: 100%;
		}

			.work-part .work-part-img-desktop {
				display: none;
			}
			
			.work-part .work-part-img-mobile {
				display: block;
				height: 100%;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
			}

		.work-part-text {
			font-size: 18px;
			bottom: 40px;
		}

		.work-part:not(.is-black) .work-part-text {
			color: #fff;
		}

	body.preloaded #contact .about1-left {
		background-image: url('../img/contact-mobile.jpg');
	}

		#contact .about1-right-inner-inner {
			padding: 80px 0px 53px;
			width: 100%;
		}

	#video .home-part-inner {
		display: block;
	}
}

#cronologia p {
	margin: 0 0 4px;
}
@media screen and (max-width: 990px) {
	#cronologia .home-part-inner {
		padding: 7%;
	}
	#cronologia, #video {
		height: auto;
	}
}

/***********************
********* Whatsapp ******
************************/
.whatsappme {
	position: fixed;
	z-index: 400;
	right: 0;
	bottom: 20px;
	color: #262626;
	transition: transform .3s ease-in-out;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.whatsappme__button {
	max-width: 55vw;
	color: #fff;
	transition: background-color .2s linear;
	-webkit-tap-highlight-color: transparent;
}
.whatsappme__button img {
	width: 297px;
	height: auto;
	margin: 0;
	max-width: 100%;
}
#wa_ico {
	display: block;
}
#send_ico {
	display: none;
}
.whatsappme__button a:hover #send_ico {
	display: block;
}
.whatsappme__button a:hover #wa_ico {
	display: none;
}

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

	#nav-buttons:before {
		height: 54px !important;
	}

	#nav-buttons-logo {
		top: 14px;
	}

	#nav-buttons-menu {
		top: 15px;
	}

	#nav-buttons-sage, 
	#nav-buttons-social,
	#contact-sage {
		bottom: 15px;
	}

	.home-part-title-inner {
		font-weight: 400;
		font-size: 8vw;
	}

	.studio-left-header {
		margin-bottom: 3px;
	}

	.studio-left-inner p {
		max-width: 100%;
		font-size: 18px;
		padding-bottom: 20px;
	}

	#studio4 .studio-right-img {
		margin-top: -1px;
	}

	#contact .about1-right-inner-inner {
		padding: 50px 0px 32px;
	}
}