/* ################ TRANSFORME-SE ################# */

*, button:focus {
	outline:none;
}

.preload {
	display:none;
}

.loading {
	position:relative;
	width:100%;
	height:100vh;
}

.loading img {
	max-width:60px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

.footer_trans .footer_container {
	position:fixed;
	right:0;
	bottom:0;
	padding:20px;
	z-index: 1001;
	opacity:0;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.footer_trans div img {
	width:50px;
		transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.footer_trans div img:hover {
	width:55px;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.footer_trans2 {
	background-color:#f7f7f7;
	height:100px;
}

.name, .cod, p {
	font-family: 'Branding Light', sans-serif;
	font-size:28px;
	line-height:37px;
	margin:0 auto;
	max-width:900px;
	font-weight: lighter;
}

.name {
	font-size:24px;
	line-height:15px;
	font-family:'Branding Bold', sans-serif;

}

.cod {
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Branding Medium', sans-serif;
}

h2 {
	margin:20px 0;
	font-size:60px;
}

.main-lettering {
    position:absolute;
    z-index:10;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.main-lettering img {
    width:82% !important;
    -moz-animation-duration: 3s;
	-moz-animation-delay: 500ms;
	-o-animation-duration: 3s;
	-o-animation-delay: 500ms;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 500ms;
	animation-duration: 3s;
	animation-delay: 500ms;
}

.img-content {
	width:100% !important;
	height:100% !important;
}

.intro {
	opacity:0;
}

.intro .inner {
	margin: 100px auto 120px;
}

.intro .inner > iframe {
	margin: 60px 0px 60px 0px;
}

@media screen and (max-width:1080px){
	.img-content {
		min-width:1200px;
	}
	.main-lettering img {
		min-width:300px;
	}
	.intro {
		max-width:90%;
		margin:0 auto;
	}
	.intro .inner {
		margin:110px auto;
	}
	.intro .inner .video {
		display:none;
	}
}

.main-btn { 
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 90%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
}

.btn, .btn:visited {
	text-decoration: none;
	width:auto !important;
	min-width:340px;
	border:none;
	outline:none;
}

.influencers {
	opacity:0;
	padding:110px 0px 110px 0px;
	background: #f2f2f2; /* Old browsers */
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.influencers div {
	text-align:center;
	width:90%;
	margin:0 auto;
}

.influencers p {
	margin:50px auto;
}

.influencers h1 {
	margin-top:70px;
}

.influencers .mecanica {
	width:100%;
}

.influencers .mecanica_mob {
	display:none;
}

.influencers .btn {
	margin-top:75px;
}

.influencers .vermais_btn {
	cursor:pointer;
	color:#502d82;
}

.influencers .vermais_txt {
	display:none;
}

.influencers .vermais_txt p {
	margin:0 auto 50px !important;
}

.polaroids {
	list-style:none;
}

.polaroids li {
	display:inline-block;
	width:33%;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.polaroids li img {
	width:80%;
	-webkit-box-shadow: 0px 20px 40px -15px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 20px 40px -15px rgba(0,0,0,0.32);
	box-shadow: 0px 20px 40px -15px rgba(0,0,0,0.32);
	margin-bottom:25px;
}

.polaroids li p::before {
	position: absolute;
	width:75px;
	height:75px;
	content:' ';
	background-image:url('../img/min/aspas-min.png');
	background-size: 60% 60%;
	background-repeat:no-repeat;
	z-index:1;
	opacity:0.1;
	margin:-15px 0px 0px -15px;
}

.polaroids li p {
	font-size:16px;
	max-width:370px;
	margin:0 auto;
}

.polaroids li:hover img {
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	animation-name: polaroid-hover;
	animation-duration:500ms;
	animation-iteration-count: infinite;
	-moz-animation-name: polaroid-hover;
	-moz-animation-duration:500ms;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-name: polaroid-hover;
	-webkit-animation-duration:500ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-name: polaroid-hover;
	-ms-animation-duration:500ms;
	-ms-animation-iteration-count: infinite;
}

#rudr_instafeed li {
	overflow:hidden;
}

#rudr_instafeed li img {
	background-position:50% 50%;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

#rudr_instafeed li:hover img {
	width:110%;
	opacity:0.5;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.amor-urgente {
	position:relative;
}

.amor-urgente div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

.amor-urgente div h2 {
	font-family:'Branding Bold', sans-serif;
	letter-spacing:15px;
	font-size:92px;
}

.slider-amor-urgente .owl-carousel .item:hover a img{
	transform:scale(1.05);
	opacity:0.5;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.slider-amor-urgente .owl-carousel .item a img{
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.slider-amor-a-primeira-vista img {
	max-width:350px !important;
	transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
}

.btn-colecao {
	margin-bottom: 25px;
}

@keyframes polaroid-hover {
	0%	{transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); }
	50%	{transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -ms-transform:rotate(5deg);}
	100%	{transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg);}
}

#myModal {
	width:75%;
	margin: 0 auto;
}

.close {
	font-size:30px !important;
	margin: 20px auto !important;
}

.modal-content {
	position:relative;
}

.modal-title {
	float:left;
	margin:17px;
}

.modal-body {
	margin:0 20px;
}

.modal-content h3 {
	font-size:28px;
}

.modal-content p {
	margin:25px auto;
	font-size:21px;
}

.modal-content .close {
	float:right;
}

.modal-footer {
	text-align:center;
}

@media screen and (max-width:1366px){
	.amor-urgente div h2 {
		font-size:48px;
	}
}

@media screen and (min-width:1079px){
	.intro .inner .video_mobile {
		display:none;
	}
}

@media screen and (max-width:1078px){
	.amor-urgente div h2 {
		font-size:72px;
	}
	.influencers .mecanica {
		display:none;
	}
	.influencers .mecanica_mob {
		display:block;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.polaroids li {
		width:100%;
	}
	.polaroids li img {
		width:80%;
	}
	.polaroids li p {
		margin-bottom:25px;
	}
	h2 {
		font-size:42px !important;
	}
	p {
		font-size:20px;
	}
	.mecanica {
		margin:0 auto !important;
	}
	.polaroids {
		padding:0;
	}
	a, button, .btn, .btn-new {
		height:60px;
		line-height:60px;
		font-size:16px;
	}
}

@media screen and (max-width:600px) {
	.intro .inner .video_mobile {
		width:90%;
	}
}

@media screen and (max-width:650px) {
	.main-lettering {
		left:43%;
		top:50%;
	}
}