@import url(../fonts/Montserrat/stylesheet.css);
@import url(../fonts/Raleway/stylesheet.css);

html, body {
	margin: 0px;
	border: 0px;
	padding: 0;
	
	font-family: "Raleway-Regular";

	font-size: 15px;

	color: #000000;
	
	-webkit-font-smoothing: antialiased;
	
/* 	text-align: center; */
}

*:focus {outline:0;}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: inherit;
}

.animated {
    opacity: 0;
}

.white-txt {
	color: #ffffff;
}


.container-1400 {
    position: relative;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 50px;
}


.bg-black {
	background-color: #000000; 
	color: #fff;
}


.header-fixed {
	position: fixed;
	width: 100%;
	z-index: 999999;
	
	transition: background-color .5s;
	-moz-transition: background-color .5s; /* Firefox 4 */
	-webkit-transition: background-color .5s; /* Safari and Chrome */
	-o-transition: background-color .5s; /* Opera */
	
	min-height: 139px;
}

.header-fixed.white-bg {
	background-color: #ffffff;
}

.header {
	position: relative;
	width: 100%;
	font-family: "Montserrat-Medium";
/* 	color: #fff; */
	
	padding: 40px 0px;

	z-index: 9999;
	
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
}

.header .menu-items.hide{
	opacity: 0;
	pointer-events: none;
}

.header ul {
	list-style: none;
	-webkit-padding-start: 0px;
	margin-bottom: 0;
}

.header ul li {
	font-size: 14px;
	display: inline-block;
	padding-right: 30px;
	font-family: "Montserrat-Light";
	text-transform: uppercase;
	
/*
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
*/
	
/*     background-color: rgba(255,255,255,0.8); */
}

.header ul li span {
	padding: 0px 5px;
	
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
}
	
.header ul li.bg-black span{
	color: #ffffff;
	background-color: #000000;
}

.header ul li.bg-blue span{
	color: #ffffff;
	background-color: #1f51e2;
}

.header ul li.bg-yellow span{
	color: #ffffff;
	background-color: #DACA0F;
}

.header ul li.bg-green span{
	color: #ffffff;
	background-color: #42C9B9;
}

.header ul li.bg-red span{
	color: #ffffff;
	background-color: #F95E52;
}


.header ul li#menu-item-exemplos.active span,
.header ul li#menu-item-exemplos:hover span{
	color: #fff;
	background-color: #1f51e2;
}

.header ul li#menu-item-blog.active span,
.header ul li#menu-item-blog:hover span{
	color: #fff;
	background-color: #F95E52;
}

.header ul li#menu-item-downloads.active span,
.header ul li#menu-item-downloads:hover span{
	color: #fff;
	background-color: #42C9B9;
}

#menu-item-contactos span{
	cursor: pointer;
}
.header ul li#menu-item-contactos.active span,
.header ul li#menu-item-contactos:hover span{
	color: #fff;
	background-color: #DACA0F;
}

.header ul.submenu {
	margin-top: 15px;
	
	display: none;
}

.header ul.submenu span {
	text-transform: lowercase;
}

.header ul.submenu li.active span {
	font-weight: bold;
}

.header ul.submenu.active {
	display: block;
}

.header ul.submenu-exemplos li.active span {
	color: #1f51e2;
/* 	background-color: #1f51e2; */
}

.exemplos.blue-bg .header ul.submenu-exemplos li.active span {
	color: #fff;
}

.header ul.submenu-downloads li.active span {
	color: #42C9B9;
/* 	background-color: #42C9B9; */
}

.downloads.green-bg .header ul.submenu li.active span {
	color: #fff;
}


.bg-black { background-color: #000000; }
.bg-blue { background-color: #1f51e2; }
.bg-yellow { background-color: #DACA0F; }
.bg-green { background-color: #42C9B9; }
.bg-red { background-color: #F95E52; }


.header .menu-items {
	display: inline-block;
	
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
}

.header .menu-items.white-txt ul li {
	background-color: transparent;
}

.header .menu-items #menu-item-contactos span{
	cursor: pointer;
}


.header .menu-items.white-bg{
/* 	background-color: rgba(255,255,255,0.8); */
}




.header .logo-container {
/* 	float: right; */
	position: absolute;
	top: 20px;
	right: 0;
	
	opacity: 1;
	
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
}

.header .logo-container > img {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
}

.header .logo-container.hide {
	opacity: 0;
}

.header .logo-container .logo-white{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
	
	opacity: 0;
	pointer-events: none;
}

.header .logo-container .logo-white img {
	width: 100%;
}


.header .logo-container.white > img {
	opacity: 0;	
}

.header .logo-container.white .logo-white {
	opacity: 1;
	pointer-events: all;	
}



/*** HEADER MOBILE ***/


.mobile-menu-btn {
	position: fixed;
	top: 20px;
/* 	right: 20px; */
	left: 20px;
	cursor: pointer;
	z-index: 999999999;
	
	display: none;
	
	width: 20px;
}

.mobile-menu-btn img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	opacity: 0;
	
	display: none;
}

/* .mobile-menu-btn img.active { opacity: 1; } */



.mobile-menu-btn .menu { opacity: 1;}

.mobile-menu-btn.close .menu {opacity: 0;}
.mobile-menu-btn.close .close-icon {opacity: 1;}

.mobile-menu-btn.white .white { display: block; }
.mobile-menu-btn.blue .blue { display: block; }
.mobile-menu-btn.green .green { display: block; }
.mobile-menu-btn.red .red { display: block; }
.mobile-menu-btn.black .black { display: block; }

/*
.mobile-menu-btn.white {
	color: #919191;
}
*/

.mobile-menu-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #000000;
	color: #ffffff;
	z-index: 999999998;
	
	display: none;
}
.mobile-menu-container.active {
	display: block;
}


.mobile-menu-container .menu-items {
	text-align: right;
    padding-top: 15vh;
    margin-right: 5%;
    font-size: 32px;
    text-transform: lowercase;
    font-family: "Montserrat-Bold";
    letter-spacing: 1px;
}	
.mobile-menu-container ul {
	list-style: none;
}

.mobile-menu-container ul li {
	margin-bottom: 4vh;
}

.mobile-menu-container .social-icons-container {
    position: absolute;
    top: initial;
    bottom: 20vh;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 999;
    white-space: nowrap;
/*     transform: scale(1.5); */
}


.mobile-menu-container .social-icons-container .social-icon .white-icon{
	opacity: 1 !important;
}

.mobile-menu-container .social-icons-container .social-icon img {
	height: 30px;
}




.footer {
	height: 100px;
}


.background-img-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.download-item .download-item-cover-mobile {
	display: none;
}

.scroll-img-container {
	position: fixed; /* absolute; */
	top: 50%;
	right: 35px;
	
	transform: translate(0,-50%);
	
	z-index: 9999;
}

.scroll-img-container img {
	height: 260px;
}



.scroll-img-container .scroll-white-container {
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.scroll-img-container > white {
	opacity: 0;
}

.scroll-img-container.white .scroll-white-container {
	opacity: 1;
}




.scroll-arrow-container {
	position: fixed;
	top: 50%;
	right: 35px;
	
	width: 31px;
	
/* 	background-color: rgba(128, 0, 128, 0.8); */
	
	transform: translate(0,-50%);
	
	text-align: center;
	
	z-index: 9999;
}

.scroll-arrow-container img {
	min-width: 2px;
	height: 100%;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.scroll-arrow-container .scroll-arrow-top,
.scroll-arrow-container .scroll-arrow-bottom {
	position: relative;
	height: 95px;
	width: 100%;
}

.scroll-arrow-container .scroll-dash,
.scroll-arrow-container .scroll-arrow {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	text-align: center;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.scroll-arrow-container .scroll-arrow {
	cursor: pointer;
}

.scroll-arrow-container .scroll-arrow-top .scroll-arrow:hover {
	margin-top: -20px;
}
.scroll-arrow-container .scroll-arrow-bottom .scroll-arrow:hover {
	margin-top: 20px;
}

.scroll-arrow-container .scroll-arrow-text {
	position: relative;
	height: 40px;
	margin: 15px 0;
}

.scroll-arrow-container .scroll-dash-white,
.scroll-arrow-container .scroll-text-white,
.scroll-arrow-container .scroll-arrow-white {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	height: 100%;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


.scroll-arrow-container.white .scroll-dash > img { opacity: 0; pointer-events: none;}
.scroll-arrow-container.white .scroll-dash .scroll-dash-white { opacity: 1; pointer-events: all;}
.scroll-arrow-container.white .scroll-arrow-text > img { opacity: 0; pointer-events: none;}
.scroll-arrow-container.white .scroll-arrow-text .scroll-text-white { opacity: 1; pointer-events: all;}
.scroll-arrow-container.white .scroll-arrow > img { opacity: 0; pointer-events: none;}
.scroll-arrow-container.white .scroll-arrow .scroll-arrow-white { opacity: 1; pointer-events: all;}


.scroll-arrow-container.down .scroll-arrow-top .scroll-dash { opacity: 1; pointer-events: all;}
.scroll-arrow-container.down .scroll-arrow-top .scroll-arrow { opacity: 0; pointer-events: none;}
.scroll-arrow-container.down .scroll-arrow-bottom .scroll-dash { opacity: 0; pointer-events: none;}
.scroll-arrow-container.down .scroll-arrow-bottom .scroll-arrow { opacity: 1; pointer-events: all; cursor: pointer;}

.scroll-arrow-container .scroll-arrow-top .scroll-dash { opacity: 0; pointer-events: none;}
.scroll-arrow-container .scroll-arrow-top .scroll-arrow { opacity: 1; pointer-events: all; cursor: pointer;}
.scroll-arrow-container .scroll-arrow-bottom .scroll-dash { opacity: 0; pointer-events: none;}
.scroll-arrow-container .scroll-arrow-bottom .scroll-arrow { opacity: 1; pointer-events: all; cursor: pointer;}

.scroll-arrow-container.up .scroll-arrow-top .scroll-dash { opacity: 0; pointer-events: none;}
.scroll-arrow-container.up .scroll-arrow-top .scroll-arrow { opacity: 1; pointer-events: all; cursor: pointer;}
.scroll-arrow-container.up .scroll-arrow-bottom .scroll-dash { opacity: 1; pointer-events: all;}
.scroll-arrow-container.up .scroll-arrow-bottom .scroll-arrow { opacity: 0; pointer-events: none;} 




.social-icons-container {
	position: fixed; /* absolute; */
	top: 50%;
	left: 50px;
	transform: translate(0,-50%);
	
	z-index: 999;
}


.social-icon {
	position: relative;
/* 	height: 20px; */
	margin: 20px auto;
	text-align: center; 
	
	cursor: pointer;
	
}


.social-icon .white-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
.social-icon .white-icon img {
	width: 100%;
}

.social-icons-container.white-icons .social-icon > img {
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.social-icons-container.white-icons .social-icon .white-icon {
	opacity: 1;
}


.social-icon .social-circle {
	position: absolute;
	top:50%;
	left: 0px;
	width: 15px;
	height: 15px;
	margin-left: -8px;
	border-radius: 50%;
	z-index: -1;
	
	transition: all .1s;
	-moz-transition: all .1s; /* Firefox 4 */
	-webkit-transition: all .1s; /* Safari and Chrome */
	-o-transition: all .1s; /* Opera */
}

.social-icon.insta-icon .social-circle { background-color: #DACA0F; }
.social-icon.insta-icon img { height: 18px; }

.social-icon.fb-icon img { height: 18px; }
.social-icon.fb-icon .social-circle { background-color: #2052E2; }

.social-icon.linkedin-icon img { height: 18px; }
.social-icon.linkedin-icon .social-circle { background-color: #CCCCCB; /* #42C9B9; */ }

.social-icon.youtube-icon img { height: 15px; }
.social-icon.youtube-icon .social-circle { background-color: #F95E52; }

.social-icon.twitter-icon img { height: 15px; }
.social-icon.twitter-icon .social-circle { background-color: #42C9B9; }

.social-icon.email-icon img { height: 12px; }
.social-icon.email-icon .social-circle { background-color: #000000; }

.social-icon.tiktok-icon img { height: 18px; }
.social-icon.tiktok-icon .social-circle { background-color: #2052E2; }


.social-icons-container-mobile .social-icon {
	display: inline-block;
	margin: 0px 12px;
}




.language-box-container {
	position: fixed;
	bottom: 40px;
	right: 30px;
	
	width: 40px;
	
	cursor: pointer;
	
	 z-index: 9999999;
}

.language-box-container img {
	width: 100%;
	
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
}

.language-box-container .white-stroke {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	opacity: 0;
	
	transition: all .7s;
	-moz-transition: all .7s; /* Firefox 4 */
	-webkit-transition: all .7s; /* Safari and Chrome */
	-o-transition: all .7s; /* Opera */
}

.language-box-container .white-stroke img {
	width: 100%;
}

.language-box-container.white > img {
	opacity: 0;
}

.language-box-container.white .white-stroke {
	opacity: 1;
}

.language-box-container .language-box-bg {
	position: absolute;
    bottom: 1.8%;
    left: 1.3%;
    width: 59%;
    height: 71.07%;
	
	background-color: #000000;
	
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
}

.language-box-container .language-box-bg .lang{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-family: "Montserrat-Medium";
	font-size: 13px;
	
}



.language-box-container .language-box-bg.black {
	background-color: #000000;
}

.language-box-container .language-box-bg.blue {
	background-color: #1f51e2;
}

.language-box-container .language-box-bg.yellow {
	background-color: #DACA0F;
}

.language-box-container .language-box-bg.green {
	background-color: #42C9B9;
}

.language-box-container .language-box-bg.red {
	background-color: #F95E52;
}


.home .language-box-container:hover .language-box-bg {
	background-color: #000000;
}

.language-box-container.anim .language-box-bg {
	-webkit-animation-name: language-box-anim; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: language-box-anim;
    animation-duration: .5s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes language-box-anim {
  0%   {background-color:#1f51e2;}
  24.9%  {background-color:#1f51e2;}
  25%  {background-color:#DACA0F;}
  44.9%  {background-color:#DACA0F;}
  45%  {background-color:#42C9B9;}
  69.9%  {background-color:#42C9B9;}
  70%  {background-color:#F95E52;}
  99.9%  {background-color:#F95E52;}
  100% {background-color:#1f51e2;}
}

.language-box-bg-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-color: #ffffff;
	pointer-events: none;
	
	z-index: 9999998;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
.language-box-bg-overlay.active {
	opacity: 1;
}



.language-box-container-mobile {
	bottom: inherit;
	right: inherit;
	top: 10px;
/* 	left: 20px; */
	right: 0px;
}






.home .box-txt {
	max-width: 380px;
	text-align: left;
	display: inline-block;
}

.home .box-txt b{
	font-family: "Raleway-ExtraBold";
}


.home .photos-container .photo img,
.home .photos-container .photo video {
	width: 100%;
}



.home .section-overlay {
	position: fixed;
	top: 50%;
	transform: translate(0,-50%);
	
	width: 100%;
/* 	height: 100vh; */

	pointer-events: none;
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


.home .section-overlay.show {
	pointer-events: all;
	opacity: 1;
}


.home .intro-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	height: 100vh; */
	
	overflow: hidden;
	
	z-index: 999;
}


.home .home-intro-logo {	
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	
	height: 66vh; /* 75vh; */
	pointer-events: none;
	
}


.home .home-intro-logo svg,
.home .home-intro-logo-word img {
	opacity: 1;
	
	height: 100%;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.home .home-intro-logo svg.hide {
	opacity: 0;
}


.home .home-intro-logo-word {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	
	transition: all 4s;
	-moz-transition: all 4s; /* Firefox 4 */
	-webkit-transition: all 4s; /* Safari and Chrome */
	-o-transition: all 4s; /* Opera */
}


.home .home-intro-logo-word.show {
	opacity: 1;
}


.home .home-intro-copy {
	position: absolute;
    top: 50vh;
    left: 50vw;
    margin-top: 14vh;
    margin-left: 21vh;
    font-size: 22px;
    font-family: "Montserrat-Regular";
    letter-spacing: 2px;
    
    opacity: 0;
    
    
	transition: opacity 1s;
	-moz-transition: opacity 1s; 
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.home .home-intro-copy b {
	font-family: "Montserrat-Bold";
}

.home .home-intro-copy.show {
	opacity: 1;
	
	transition: opacity 5s;
	-moz-transition: opacity 5s; 
	-webkit-transition: opacity 5s;
	-o-transition: opacity 5s;
	
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
}



.home .home-intro-arrow-down {
	position: absolute;
	bottom: 5vh;
	left: 50%;
	transform: translate(-50%, 0);
	
	width: 30px;
	
	opacity: 0;
	
	margin-top: -20px;
	
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	
	cursor: pointer;
	pointer-events: none;
}
.home .home-intro-arrow-down img{
	width: 100%;
}

.home .home-intro-arrow-down.show {
	pointer-events: all;
	
	opacity: 1;
	bottom: 3vh;
	
	transition-delay: 3s;
	-moz-transition-delay: 3s;
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
}

.home .home-intro-arrow-down:hover img{
	
}




.home .intro-container.hide {
	height: 0px;
	
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
}

.home .intro-container.hide .home-intro-logo-word {
	top: 50%;
	
	opacity: 0;
	margin-left: 120%;
	height: 30%;
	
	transform: translate(0,-50%);
	
	transition: all 1.3s;
	-moz-transition: all 1.3s; /* Firefox 4 */
	-webkit-transition: all 1.3s; /* Safari and Chrome */
	-o-transition: all 1.3s; /* Opera */
}





.home .sec-1 .photos-container {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 200px;
/* 	width: 200px; */
/* 	height: 300px; */
}

.home .sec-1 .photos-container .photo-1 {
	position: absolute;
	bottom: 100px;
	left: 120px;
	width: 100px;
	z-index: 2;
}

.home .sec-1 .photos-container .photo-2 {
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 165px;
	z-index: 1;
}

.home .sec-1 .photos-container .circle {
	position: absolute;
    bottom: 160px;
    left: 70px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(32, 81, 227, 0.88);
    z-index: 3;
}


.sec-index-container {
	position: relative;
	display: inline-block;
	font-family: "Montserrat-Light";
	letter-spacing: 4px;
	text-align: center;
}

.sec-index-container b {
	font-family: "Montserrat-Bold" !important;
}

.sec-index-container .line {
	display: inline-block;
	width: 160px;
	border-bottom: 1px solid;
}


.sec-1 .sec-index-container {
	position: absolute;
	bottom: -80px;
	right: 60px;
}

.sec-2 .sec-index-container {
	position: absolute;
	bottom: -80px;
	right: 60px;
}

.sec-3 .sec-index-container {
    position: absolute;
    top: -35%;
    left: 42%;
}




.home .merged-circles-container {
	position: relative;
}

/*
.home .merged-circles-container .circle {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	border-style: dashed;
	stroke-dasharray: 8, 8.5;
		
}
*/

.home .merged-circles-container {
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
/* 	margin: 0px auto; */
	margin-top: -60px;
	margin-left: 70px;
	
	width: 400px;
}


.home .merged-circles-container .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
}

.home .merged-circles-container .circle img {
	width: 100%;
}

.home .merged-circles-container .circle .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	font-family: "Montserrat-ExtraBold";
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.home .merged-circles-container .circle-1 {
/* 	transform: translate(-50%,-50%);	 */
	margin-top: -0.2%;
}
.home .merged-circles-container .circle-1 .title {
	margin-top: -12%;	
}


.home .merged-circles-container .circle-2 {
	margin-top: 25%;
	margin-left: -15%;
	
}
.home .merged-circles-container .circle-2 .title {
	margin-top: 5%;
	margin-left: -20%;	
}


.home .merged-circles-container .circle-3 {
	margin-top: 25%;
	margin-left: 15%;
}
.home .merged-circles-container .circle-3 .title {
	margin-top: 5%;
	margin-left: 20%;	
}

.home .merged-circles-container .circle-merged-area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:20%;
	margin-top: 15%;
}

.home .merged-circles-container .circle-merged-area img {
	width: 100%;
}

.home .merged-circles-container .lamp {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 45%;
    margin-top: 8%;
}

.home .merged-circles-container .lamp img {
	width: 100%;
}



/*
.home .merged-circles-container .circle {
	position: relative;
	top:0;
}

.home .merged-circles-container svg{
  width: 300px;
  height: 300px;

}
.home .merged-circles-container circle {
  fill: transparent;
  stroke: #000000;
  stroke-width: 0.2;
}
.home .merged-circles-container .dashed {
  stroke-dasharray: 3, 2.5;
}

.home .merged-circles-container .circle-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 8px;
	font-family: "Montserrat-ExtraBold";
	text-transform: uppercase;
	letter-spacing: 1px;
}


.home .merged-circles-container .circle-2 {

}
*/


@media (max-height: 750px) {
	.sec-3 .sec-index-container {
   		top: -10%;
    	left: 22%;
	}
	
	
	.home .sec-4 .sec-index-container {
		text-align: left !important;
	}
	.sec-4 .sec-index-container {
   		top: -10%;
   		left: 22%;
	}
	
	.home .merged-circles-container {
		top: 70%;
	}

}





.home .servicos-container {
	display: inline-block;
	text-align: left;
	padding-left: 30px;
}

.home .servicos-container ul {
	list-style: none;
	-webkit-padding-start: 20px;
	font-family: "Raleway-ExtraBold";
	letter-spacing: 1px;
	margin-bottom: 40px;
}

.home .servicos-container ul li {
	margin-bottom: 13px;
}

.home .servicos-container ul li:hover {
	color: #DACA0F;
}



.home .servicos-container .copy {
	font-family: "Raleway-Regular";
	font-size: 14px;
	line-height: 20px;
	
	max-width: 200px;
}

.home .servicos-container .copy a,
.home .servicos-container .copy b {
	font-family: "Raleway-Bold";
	color: #DACA0F;
	cursor: pointer;
}


.home .sec-4 .sec-index-container {
	text-align: right;
    width: 100%;
    padding-bottom: 5vh;
}

.home .sec-4 .photos-container {
	position: absolute;
	top: 50%;
	right:50%;
	margin-right: 150px;
/* 	width: 200px; */
/* 	height: 300px; */
}

.home .sec-4 .photos-container .photo-3 {
	position: absolute;
	top: -300px;
	left: 150px;
	width: 140px;
	z-index: 3;
}

.home .sec-4 .photos-container .photo-4 {
	position: absolute;
	top: 60px;
	left: 40px;
	width: 170px;
	
	z-index: 3;
}

.home .sec-4 .photos-container .photo-5 {
	position: absolute;
    top: -100px;
    left: -50px;
    width: 315px;
    z-index: 2;
}

.home .sec-4 .photos-container .photo-6 {
	position: absolute;
    top: 50px;
    left: 240px;
    width: 315px;
    z-index: 1;
}



.home .sec-4 .photos-container .box-btn {
	position: absolute;
    top: 220px;
    left: 240px;
    width: 190px;
    cursor: pointer;
}

.home .sec-4 .photos-container .box-btn img {
	width: 100%;
}

.home .sec-4 .photos-container .box-btn .box-title {
	position: absolute;
	bottom: 17%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(calc(-50% - 5px),0);
	color: #ffffff;
	font-family: "Montserrat-Bold";
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	z-index: 99999;
}


@media (max-width: 1199px) {
	.home .sec-4 .photos-container {
		margin-right: 220px;
	}
}




.home .sec-5 .sec-index-container {
	display: block;
	margin-bottom: 30px;
	text-align: left;
}

.home .sec-5 .clientes-slider-container {
	position: relative;
}

.home .sec-5 .clientes-container {
	position: relative;
/* 	padding-top: 20%; */
}

.home .sec-5 .clientes-container .cliente {
	display: inline-block;
	width: 100px;
}

.home .sec-5 .clientes-container .cliente img {
	width: 100%;
}


.home .sec-5 .hands-container {
	position: relative;
	width: 100%;
	height: 150px;
	
	margin: 60px 0px;
}


.home .sec-5 .hands-container .hand-left, 
.home .sec-5 .hands-container .hand-right {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	height: 100%;
	
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s; 
	-o-transition: all 1s; 
	
	transition-delay: 1.5s;
	
	opacity: 0;
} 

.home .sec-5 .hands-container .hand-left img,
.home .sec-5 .hands-container .hand-right img {
	height: 100%;
}


.home .sec-5 .hands-container .hand-left {
	margin-left: -150px;
}

.home .sec-5 .hands-container .hand-right {
	margin-top: 40px;
	margin-left: 150px;
}


.home .sec-5 .hands-container .hand-left.closer {
	margin-left: -70px;
	opacity: 1;
}

.home .sec-5 .hands-container .hand-right.closer {
	margin-left: 70px;
	opacity: 1;
}


@media (max-height: 700px) {
	.home .sec-5 .clientes-container .cliente {
		width: 80px;
	}
}




.home .sec-6 .box-txt-container-1 {
	width: 100%;
	text-align: right;
	
	margin-bottom: 6vh;
}

.home .sec-6 .box-txt-container-1.toggleside .box-txt{
	margin-right: 150px;
}	 

.home .sec-6 .box-txt-container-1 .box-txt {
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);
	
	
/* 	max-width: 420px; */
    margin-right: -50px;
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


.home .sec-6 .box-txt-container-1 h2 {
	font-family: "Montserrat-Bold";
	margin-top: 2vh;
}




.home .sec-6 .box-txt-container-2 {
	width: 100%;
	text-align: left;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.home .sec-6 .box-txt-container-2.toggleside .box-txt{
	margin-left: 150px;
}	 

.home .sec-6 .box-txt-container-2 .box-txt {
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}




.home .contacts-container {
	font-family: "Montserrat-Regular";
	color: #F95E52;
	letter-spacing: 1px;
	
	margin-top: 5vh;
	font-size: 15px;
	
}

.home .contacts-container .address {
	font-family: "Montserrat-Regular";
	color: #F95E52;
	letter-spacing: 1px;
	
	margin-top: 20px;
	font-size: 15px;
}

.home .contacts-container h3 {
	font-family: "Montserrat-Black";
	line-height: 50px;
	letter-spacing: 3px;
}




.home .section-overlay.sec-6 {
	margin-top: 300px;
	
	pointer-events: none;
}

.home .section-overlay.sec-6.show {
	margin-top: 0px;
}


.home .section-overlay.sec-6 .sec-6-side-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	min-width: 550px;
	height: 0;
	background-color: #000000;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.home .section-overlay.sec-6 .sec-6-side-bg.show {
	height: 100%;
}

.home .section-overlay.sec-6 .row * {
/* 	pointer-events: all; */
}



.home .sec-7 .sec-7-side-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	min-width: 550px;
	height: 100%;
	background-color: #000000;
}




.home .contacts-form-container {
	color: #ffffff;
	font-family: "Raleway-Medium";
	font-size: 14px;
	
	margin-top: 16vh;
	
	opacity: 0;
	pointer-events: none;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */

	transition-delay: 0.5s;	
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.home .contacts-form-container.show {
	opacity: 1;
	pointer-events: all;
}

.home .contacts-form-container form {
	max-width: 300px;
	width: 100%;
}

.home .contacts-form-container .copy {
	font-family: "Montserrat-SemiBold";
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}

.home .contacts-form-container label {
	margin-bottom: 0px;
}

.home .contacts-form-container input,
.home .contacts-form-container textarea {
	border: none;
	background-color: transparent;
	color: #ffffff;	
	font-family: "Raleway-Light";
	margin-bottom: 10px;
	width: 100%;
	resize: none;
}

.home .contacts-form-container .form-sep {
	width: 100%;
	border-top: 1px dashed #F95E52;
	margin-bottom: 25px;
}

.home .contacts-form-container .btn-container {
	max-width: 300px;
	width: 100%;
	text-align: right;
}

.home .contacts-form-container .btn-container button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;	
}

.home .contacts-form-container .btn-container button img {
	margin-left: 15px;	
}

@media (max-height: 700px) {
	.home .contacts-form-container .form-sep {
		margin-bottom: 15px;	
	}
	
	.home .contacts-form-container input,
	.home .contacts-form-container textarea {
		margin-bottom: 0px;
	}
}

.can-container {
	opacity: 0;
}

.can-container img {
	width: 100%;
}

.can-bottom {
	position: relative;
	
	z-index: 1;
}

.can-top {
	position: relative;
	margin-top: -65px;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
	
	transition-delay: 1.2s;
	
	z-index: 2;
}

.can-container.can-opened {
	opacity: 1 ;
	
	-ms-transform: rotate(-130deg); 
	-webkit-transform: rotate(-130deg); 
	transform: rotate(-130deg);
	
	-ms-transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.can-container.can-opened .can-top {
	margin-top: 10px;
}

.can-line {
	position: absolute;
	bottom: 100%;
	left: 50%;
	z-index: -1;
}







.sec-intro .can-container {
	position: absolute;
	top: 13%;
    left: 50%;
    width: 170%;
    -ms-transform: rotate(65deg); 
	-webkit-transform: rotate(65deg); 
    transform: rotate(65deg);
    margin-left: -77px;
    width: 150px;	
    
    opacity: 1;
    
    z-index: -1;
}

.sec-intro .can-line-intro {
    bottom: 110%;
    left: -20%;
    width: 140%;
    transform: rotate(-60deg);
      
    margin-left: -126px;
    bottom: 38%;
    width: 140%;
    transform: rotate(142deg) scale(1.3);
   
}

.sec-intro .sec-intro-text {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	
/* 	position: relative; */
/*     display: inline-block; */
    width: 830px;
    height: 190px;
    font-family: "Montserrat-Black";
    font-size: 60px;
    line-height: 80px;
    text-align: left;
}

.sec-intro .sec-intro-text.en {
	height: 230px;
}

.sec-intro .sec-intro-text .sem {
	margin-left: 170px;
}

.sec-intro .sec-intro-text .interferencias-img {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 500px;
}
.sec-intro .sec-intro-text .interferencias-img img {
	width: 100%;
}

.sec-intro .sec-intro-text .interferencias-img.jello {
	
	opacity: 1;
	
/*
	-ms-transition-delay: 5s;
	-webkit-transition-delay: 5s;
*/
/* 	transition-delay: 2s; */
	
	transition: opacity 2s 2s;
	-moz-transition: opacity 2s 2s; /* Firefox 4 */
	-webkit-transition: opacity 2s 2s; /* Safari and Chrome */
	-o-transition: opacity 2s 2s; /* Opera */
}

/*
.sec-1 .can-container {
	top: 20%;
	right: 50%;
	margin-right: 170px;
	
	opacity: 0;
}
.sec-1 .can-line {
	bottom: 72%;
    left: -145%;
    width: 150%;
    transform: rotate(120deg);
}
*/




.overlay-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	pointer-events: none;
	
	z-index: 99;
}

.overlay-container .can-container {
	position: absolute;
	top: 50%;
    left: 50%;
    width: 160px;
    
    margin-top: 18vh;
    margin-left: -200px;

	transform: translate(-50%,-50%) rotate(-126deg);

    opacity: 1;
	
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s; 
	-o-transition: all 1s;
}

.overlay-container .can-line {
	bottom: 72%;
    left: -145%;
    width: 150%;
    transform: rotate(120deg);
    
    opacity: 1;
}


.overlay-container .red-can-container {
	position: absolute;
    bottom: -2%;
    right: -85%;
    width: 100%;
    /* display: none; */
    width: 160px;
    transform: rotate(-281deg);
    
    z-index: 99;
}

.overlay-container .red-can-container img {
	width: 100%;
}

.overlay-container .red-can-container .red-can-top {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.overlay-container .red-can-container .red-can-top img {
	width: 100%;
}

.overlay-container .line-red-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	z-index: 99;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s; 
	-o-transition: all 1s;
	
}
.overlay-container .line-red-overlay img {
	width: 100%;
}

.overlay-container .line-red-overlay.show {
	opacity: 1;
}


.overlay-container.sec-0 .can-container {
	margin-top: 18vh;
    margin-left: -200px;
}

.overlay-container .can-line {
	bottom: -100%;
    left: -682%;
    width: 150%;
    transform: rotate(120deg);
    opacity: 1;
}



.overlay-container.sec-1 .can-container {
	margin-top: -12vh;
    margin-left: -220px;
    transition-delay: 0s;
    opacity: 1;
}
/*
.overlay-container.sec-1 .can-line-sec-1 {
	bottom: 0;
    left: -645%;
    width: 150%;
    transform: rotate(120deg);
    opacity: 1;
    
    opacity: 1;
}
*/




.overlay-container.sec-2 .can-container {
	margin-top: -9vh;
    margin-left: -331px;
    
    transition-delay: 0s;
    
    opacity: 1;
	
	-ms-transform: translate(-50%,-50%) rotate(-146deg);
    -webkit-transform: translate(-50%,-50%) rotate(-146deg);
    transform: translate(-50%,-50%) rotate(-146deg);
}
/*
.overlay-container.sec-2 .can-line-sec-1 {
	bottom: 72%;
    left: -145%;
    width: 150%;
    transform: rotate(120deg);
    
    opacity: 1;
}
*/
.overlay-container.sec-2 .can-container.can-opened .can-top {
    margin-top: 70px;
}




.overlay-container.sec-3 .can-container {
	margin-top: -1027px;
    margin-left: -353px;
    transition-delay: 0s;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) rotate(-144deg);
    -webkit-transform: translate(-50%,-50%) rotate(-144deg);
    transform: translate(-50%,-50%) rotate(-144deg);
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
/*
    
    -ms-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
    
    transition-delay: 0s;
*/
}
/*
.overlay-container.sec-3 .can-line-sec-1 {
	bottom: 72%;
    left: -145%;
    width: 150%;
    transform: rotate(120deg);
    
    opacity: 1;
}
*/

.overlay-container.sec-4 .can-container {
	margin-top: -1097px;
    margin-left: -353px;
    transition-delay: 0s;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) rotate(-154deg);
    -webkit-transform: translate(-50%,-50%) rotate(-154deg);
    transform: translate(-50%,-50%) rotate(-154deg);
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}



.overlay-container.sec-5 .can-container {
	margin-top: -2417px;
    margin-left: 248px;
    transition-delay: 0s;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) rotate(-154deg);
    -webkit-transform: translate(-50%,-50%) rotate(-154deg);
    transform: translate(-50%,-50%) rotate(-124deg);
    
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}


.overlay-container.sec-5 .can-container.can-opened .can-top {
    margin-top: 30px;
    
    transition: all 0s;
	-moz-transition: all 0s; /* Firefox 4 */
	-webkit-transition: all 0s; /* Safari and Chrome */
	-o-transition: all 0s; /* Opera */ 
}

.overlay-container.sec-5 .can-container.can-opened .red-can-container .red-can-top {
    margin-top: 170px;
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */ 
}

/*
.overlay-container.sec-5 .can-line-sec-6 {
	bottom: 113%;
    left: -149%;
    width: 330%;
    transform: rotate(-74deg);
    
    opacity: 1;
}
*/



.overlay-container.sec-6 .can-container {
	margin-top: -3139px;
    margin-left: -862px;
    transition-delay: 0s;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) rotate(-154deg);
    -webkit-transform: translate(-50%,-50%) rotate(-154deg);
    transform: translate(-50%,-50%) rotate(-150deg);
}


.overlay-container.sec-6 .can-container.can-opened .red-can-container .red-can-top {
    margin-top: 170px;
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */ 
}
/*



.overlay-container.sec-6 .can-line-sec-6 {
	bottom: 113%;
    left: -149%;
    width: 330%;
    transform: rotate(-74deg);
    
    opacity: 1;
}
*/

.overlay-container.sec-7 .can-container {
    margin-top: -3419px;
    margin-left: 688px;
    transition-delay: 0s;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) rotate(-154deg);
    -webkit-transform: translate(-50%,-50%) rotate(-154deg);
    transform: translate(-50%,-50%) rotate(-119deg);
}


.overlay-container.sec-7 .can-container.can-opened .red-can-container .red-can-top {
    margin-top: 100px;
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */ 
}

/*

.overlay-container.sec-7 .can-line-sec-6 {
	bottom: 113%;
    left: -149%;
    width: 330%;
    transform: rotate(-74deg);
    
    opacity: 1;
    
    bottom: 109%;
    left: -194%;
    width: 330%;
    transform: rotate(-90deg);
    opacity: 1;
    
}
*/



















.overlay-container .can-line-sec-6 .red-line-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.overlay-container.can-line-sec-6 .red-line-container img {
	width: 100%;
}

.overlay-container.sec-7 .can-container .can-line-sec-6 > img {
	opacity: 0;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.overlay-container.sec-7 .can-container .red-line-container {
	opacity: 1;
}


/*** overlay can-line-3 only  ***/


.overlay-container.sec-2 .can-line-sec-3 {
	bottom: -26%;
    left: 10%;
    width: 0px;
    opacity: 0;
    transform: scale(.8);
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */ 
}

.overlay-container.sec-3 .can-line-sec-3 {
/* 	bottom: -26%; */
	top: 0;
	margin-top: -140px; /* -230px; */

    left: 10%;
    width: 0px;
    opacity: 1;
    transform: scale(.8);
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */ 
}

.overlay-container.sec-4 .can-line-sec-3 {
/* 	bottom: -27%; */
	top: 0;
	margin-top: -160px; /* -260px; */


    left: 5%; /* 10%; */
    width: 0px;
    opacity: 1;
    transform: scale(.8) rotate(-11deg);
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

@media (max-height: 860px) {
	.overlay-container.sec-3 .can-line-sec-3,
	.overlay-container.sec-4 .can-line-sec-3 {
		margin-top: -240px;
	}
}

.overlay-container.sec-5 .can-line-sec-3 {
	top: 0;
	margin-top: -260px;
	left: 5%;
    
    
    width: 0px;
    opacity: 0;
	
    transform: scale(.8) rotate(-11deg);
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}




/*** overlay can-line-5 only  ***/


.overlay-container .can-line-sec-5 {
	top: 0;
	bottom:inherit;
    left: inherit;
    right: 0;
    width: 100px;
/*     transform: rotate(11deg); */
    opacity: 0;
/*     background-color: aliceblue; */
/*     transform: scale(.7); */
    
    transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
    
/*     background-color: aqua; */
}

.overlay-container .can-line-sec-5 img {
	height: 100%;
} 

.overlay-container.sec-4 .can-line-sec-5 { 
/* 	bottom: -20%; */
	opacity: 0;
	top: 50%;
	transform: scale(1) translate(0,-50%);
	width: auto;
	height: 100vh;
	left: auto;
}

.overlay-container.sec-5 .can-line-sec-5 { 
/* 	bottom: -20%; */
	opacity: 1;
	top: 50%;
	transform: scale(1) translate(0,-50%);
	width: auto;
	height: 100vh;
	left: auto;
}

.overlay-container.sec-6 .can-line-sec-5 { 
/* 	bottom: -20%; */
	opacity: 0;
	top: 50%;
	transform: scale(1) translate(0,-50%);
	width: auto;
	height: 100vh;
	left: auto;
}













.animated.hide {
	opacity: 0;
}

.animated.delay-05s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.animated.delay-07s {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.animated.delay-1_2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.animated.delay-1_5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}





.home .graphic-svg {
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%,-50%);
}



.home .sec-1 .graphic-svg.graphic1 {
	margin-top: 280px;
	margin-left: -410px;
}
.home .sec-1 .graphic-svg.graphic2 {
	margin-top: -50px;
	margin-left: -430px;
}
.home .sec-1 .graphic-svg.graphic3 {
	margin-top: -170px;
	margin-left: -370px;
}
.home .sec-1 .graphic-svg.graphic4 {
	margin-top: 80px;
	margin-left: -510px;
}
.home .sec-1 .graphic-svg.graphic5 {
	margin-top: 220px;
	margin-left: -460px;
}
.home .sec-1 .graphic-svg.graphic6 {
	margin-top: 310px;
	margin-left: -560px;
}
.home .sec-1 .graphic-svg.graphic7 {
	margin-top: 0;
	margin-left: -200px;
}


.home .sec-2 .graphic-svg.graphic1 {
	margin-top: 320px;
	margin-left: -180px;
}
.home .sec-2 .graphic-svg.graphic2 {
	margin-top: -50px;
	margin-left: -460px;
}
.home .sec-2 .graphic-svg.graphic3 {
	margin-top: -170px;
	margin-left: -110px;
}
.home .sec-2 .graphic-svg.graphic4 {
	margin-top: 80px;
	margin-left: -510px;
}
.home .sec-2 .graphic-svg.graphic5 {
	margin-top: 220px;
	margin-left: -460px;
}
.home .sec-2 .graphic-svg.graphic6 {
	margin-top: 310px;
	margin-left: -560px;
}
.home .sec-2 .graphic-svg.graphic7 {
	margin-top: 0;
	margin-left: -200px;
}


.home .sec-3 .graphic-svg.graphic8 {
	margin-top: 100px;
	margin-left: -490px;
}
.home .sec-3 .graphic-svg.graphic8 img {
	width: 80px;
}

.home .sec-3 .graphic-svg.graphic2 {
	margin-top: -50px;
	margin-left: -460px;
}
.home .sec-3 .graphic-svg.graphic3 {
	margin-top: -200px;
    margin-left: -20px;
}
.home .sec-3 .graphic-svg.graphic4 {
	margin-top: -240px;
    margin-left: -510px;
}
.home .sec-3 .graphic-svg.graphic5 {
	margin-top: 220px;
	margin-left: -460px;
}
.home .sec-3 .graphic-svg.graphic6 {
	margin-top: 310px;
	margin-left: -560px;
}
.home .sec-3 .graphic-svg.graphic7 {
	margin-top: 240px;
    margin-left: -200px;
}

.home .sec-3 .graphic-circle {
    position: absolute;
    bottom: -80px;
    left: 50%;
    margin-left: 100px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: rgb(218, 202, 15);
    z-index: 3;
}


.home .sec-4 .graphic-svg.graphic8 {
	margin-top: -190px;
    margin-left: -400px;
}
.home .sec-4 .graphic-svg.graphic8 img {
	width: 80px;
}
.home .sec-4 .graphic-svg.graphic2 {
	margin-top: -50px;
    margin-left: -50px;
}
.home .sec-4 .graphic-svg.graphic3 {
	margin-top: -200px;
    margin-left: -20px;
}
.home .sec-4 .graphic-svg.graphic4 {
	margin-top: -240px;
    margin-left: -510px;
}
.home .sec-4 .graphic-svg.graphic5 {
	margin-top: 220px;
	margin-left: -460px;
}
.home .sec-4 .graphic-svg.graphic6 {
	margin-top: 310px;
	margin-left: -560px;
}
.home .sec-4 .graphic-svg.graphic7 {
	margin-top: 250px;
    margin-left: 130px;
}


.home .sec-5 .graphic-svg.graphic1 {
	margin-top: -270px;
    margin-left: -550px;
}
.home .sec-5 .graphic-svg.graphic2 {
	margin-top: 270px;
    margin-left: -109px;
}
.home .sec-5 .graphic-svg.graphic3 {
	margin-top: -250px;
    margin-left: -70px;
}
.home .sec-5 .graphic-svg.graphic4 {
	margin-top: 270px;
    margin-left: 620px;
}
.home .sec-5 .graphic-svg.graphic5 {
	margin-top: 220px;
	margin-left: -460px;
}
.home .sec-5 .graphic-svg.graphic6 {
	margin-top: 310px;
	margin-left: -560px;
}
.home .sec-5 .graphic-svg.graphic9 {
	margin-top: -200px;
	left: inherit;
	right: 10px;
}
.home .sec-5 .graphic-svg.graphic9 img {
	width: 90px;
}

.home .sec-6 .graphic-svg.graphic1 {
	margin-top: -320px;
    margin-left: -560px;
}
.home .sec-6 .graphic-svg.graphic2 {
	margin-top: 60px;
    margin-left: -489px;
}
.home .sec-6 .graphic-svg.graphic3 {
	margin-top: -250px;
    margin-left: -70px;
}
.home .sec-6 .graphic-svg.graphic4 {
	margin-top: 270px;
    margin-left: 620px;
}
.home .sec-6 .graphic-svg.graphic5 {
	margin-top: -420px;
    margin-left: 260px;
}
.home .sec-6 .graphic-svg.graphic6 {
	margin-top: -60px;
    margin-left: 430px;
}
.home .sec-6 .graphic-svg.graphic9 {
	margin-top: -200px;
	left: inherit;
	right: 10px;
}
.home .sec-6 .graphic-svg.graphic9 img {
	width: 90px;
}







/***** EXEMPLOS *****/

.exemplos {
	background-color: #ffffff;
	
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

/*
.exemplos .header {
	opacity: 0;
	pointer-events: none;
	
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s; 
	-o-transition: all 1s; 
}
*/



/*
.exemplos .header ul li{
	color: #000000;
}
*/


.exemplos.blue-bg {
	background-color: #2052E2;
}

.exemplos.blue-bg .social-icons-container-desktop .social-icon.fb-icon .social-circle,
.exemplos.blue-bg .social-icons-container-desktop .social-icon.tiktok-icon .social-circle {
	background-color: #000000;
}

.exemplos .main-container {
	padding-top: 200px;
}


.exemplos .exemplo-container {
	position: relative;
}
.exemplos .exemplo-container span {
	cursor: pointer;
}	

.exemplos .exemplo-title {
	position: relative;
	z-index: 999;
	
	font-family: "Montserrat-Bold";
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.exemplos .exemplo-container span:hover .exemplo-title {
	color: #2052E2;
}


.exemplos .exemplo-img {
	position: relative;
	width: 100%;
	overflow: hidden;
	
	background-position: center center;
	background-size: cover;
}
.exemplos .exemplo-img img {
	width: 100%;
	
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
}

.exemplos .exemplo-container span:hover .exemplo-img img {
	transform: scale(1.2);
}

.exemplos .exemplo-container span .exemplo-img .background-img-cover {
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
}

.exemplos .exemplo-container span:hover .exemplo-img .background-img-cover {
	transform: scale(1.2);
	transition: all 2s;
	
}


.exemplos .exemplo-tags {
	font-family: "Raleway-Medium";
	font-size: 12px;
	line-height: 12px;
}

.exemplos .exemplo-tags ul {
	list-style-type: none;
    padding-inline-start: 0px;
    margin: 10px 0px;
}

.exemplos .exemplo-tags li {
	float: left;
	margin-right: 10px;
}


.exemplos.blue-bg .header {
	opacity: 1;
	pointer-events: all;
}

.exemplos.blue-bg .header ul li {
	color: #ffffff;
}

.exemplos.blue-bg .exemplo-title,
.exemplos.blue-bg .exemplo-tags {
	color: #ffffff;
}

.exemplos.blue-bg .exemplo-title {
/* 	margin-bottom: -20px; */
}

.exemplos.blue-bg .exemplo-container span:hover .exemplo-title {
	color: #ffffff;
}


/***** exemplo detalhe ****/

.exemplo .row {
	position: relative;
}

.exemplo .header ul li {
	color: #000000;
}

.exemplo .main-container {
	padding-top: 180px;
}

.exemplo .exemplo-info-container {
	position: relative;
/* 	padding-top: 80px; */
	z-index: 2;
}

.exemplo .exemplo-title {
	font-family: "Montserrat-Bold";
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 5px;

	margin-bottom: 30px;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
	
}

.exemplo .exemplo-tags {
	font-family: "Raleway-Medium";
	font-size: 14px;
	line-height: 14px;
}

.exemplo .exemplo-tags ul {
	list-style-type: none;
    padding-inline-start: 0px;
    margin: 10px 0px;
}

.exemplo .exemplo-tags li {
	margin-bottom: 35px;
}


.exemplo .video-container {
	position: relative;
	width: 100%;
	z-index: 1;
	max-width: 918px;
}


.exemplo video {
	width: 100%;
	background-color: aliceblue;
}



.exemplo .photo,
.exemplo .photo img,
.exemplo .photo video {
	position: relative;
	width: 100%;
}

.exemplo .photo {
	overflow: hidden;
}
.exemplo .photo img {
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.exemplo .photo:hover img {
	transform: scale(1.2);
}

.exemplo .row:nth-child(3) {
	padding-top: 100px;
	
	z-index: 4;
	
/* 	padding-bottom: 80px; */
}

.exemplo .text-container {
	position: relative;
	max-width: 300px;
	width: 100%;
	
	font-family: "Raleway-Regular";
    font-size: 16px;
    line-height: 24px;
}

.exemplo .text-container h3 {
	font-family: "Raleway-Bold";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
}

.exemplo .text-container b {
	font-family: "Raleway-Bold";
}

.exemplo .row:nth-child(3) .text-container {
	margin: 80px 0px;
}

.exemplo .photo-2 {
	max-width: 240px;
}


.exemplo .row:nth-child(4) {
/* 	margin-top: -40px; */
	margin-top: 10px;
	
	z-index: 3;
}

.exemplo .photo-3 {
/* 	max-width: 240px; */
}



.box-btn.desafie-nos {
	position: relative;
    width: 190px;
    cursor: pointer;
    
    margin: 60px auto;
}

.box-btn.desafie-nos img {
	width: 100%;
}

.box-btn.desafie-nos .box-title {
	position: absolute;
	bottom: 17%;
	left: 50%;
	width: 100%;
	text-align: left;
	transform: translate(calc(-50% ), 0);
	color: #ffffff;
	font-family: "Montserrat-Bold";
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 10%;
}

.box-btn.desafie-nos .box-title a {
	text-transform: none;
}

.exemplo .photo-4 {
	max-width: 300px;
	margin-top: 10px;
	margin-left: 30px;
}






/***** Blog *****/

.blog {
	background-color: #ffffff;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


/*
.exemplos .header ul li{
	color: #000000;
}
*/


.blog.orange-bg {
	background-color: #F95E52;
}

.blog.orange-bg .social-icons-container-desktop .social-icon.youtube-icon .social-circle {
	background-color: #000000;
}

.blog .main-container {
	padding-top: 200px;
}

.blog .blog-intro-text {
	font-family: "Montserrat-Medium";
	font-size: 34px;
	line-height: 45px;
	color: #F95E52;
	text-align: center;
	
	margin:60px 0 80px;
}


.blog .blog-container {
	position: relative;
}
.blog .blog-container span {
	cursor: pointer;
}	

.blog .blog-title {
	position: relative;
	z-index: 999;
	
	font-family: "Montserrat-Bold";
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 2px;
	text-transform: lowercase;
	margin-bottom: 10px;
	
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.blog .blog-container span:hover .blog-title {
	color: #F95E52;
}


.blog .blog-img {
	width: 100%;
	overflow: hidden;
}
.blog .blog-img img {
	width: 100%;
	
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
}

.blog .blog-container span:hover .blog-img img {
	transform: scale(1.2);
}

.blog .blog-date {
	font-family: "Raleway-Bold";
	margin: 10px 0px;
	color: #F95E52;
}

.blog .blog-text {
	font-family: "Raleway-Medium";
	font-size: 16px;
	line-height: 16px;
}



.blog.orange-bg .header {
	opacity: 1;
	pointer-events: all;
}

.blog.orange-bg .header ul li {
	color: #ffffff;
}

.blog.orange-bg .blog-intro-text,
.blog.orange-bg .blog-title,
.blog.orange-bg .blog-date,
.blog.orange-bg .blog-text {
	color: #ffffff;
}

.blog.orange-bg .blog-title {
/* 	margin-bottom: -20px; */
}

.blog.orange-bg .blog-container span:hover .blog-title {
	color: #ffffff;
}




/**** ARTICLE *****/


.article .header ul li {
	color: #000000;
}

.article .main-container {
	padding-top: 200px;
	text-align: center;
}

.article .article-title {
	position: relative;
	z-index: 999;
	
	font-family: "Montserrat-Bold";
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 2px;
	text-transform: lowercase;
	margin-bottom: 10px;
}


.article .article-img,
.article .article-img img {
	width: 100%;
}




.article .article-img {
	margin: 20px 0px 40px;
}

.article .article-content {
	position: relative;
	
	padding: 0px 15px;
	
	font-family: "Raleway-Medium";
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
.article .article-content b {
	font-family: "Raleway-Bold";
}

.article .article-content a {
	color: #F95E52;
}

.article .article-content img {
	width: 100%;
	height: inherit;
}

.article .article-info-container {
	position: absolute;
    top: 0;
    left: 100%;
    width: 130px;
    margin-left: 40px;
    padding-left: 15px;
    padding-bottom: 40px;
    border-left: 1px solid #000000;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px;
    
}

.article .article-info-container b {
	font-family: "Montserrat-Bold";
}

.article .article-info-date {
	width: 100%;
	margin: 0px 0px 20px;
}

.article .article-info-share {
	width: 100%;
}

.article .article-info-share .social-icon {
	display: inline-block;
	margin: 0px;
	margin-right: 10px;
}

.article .article-info-container.fixed {
	position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 500px;
    
    transform: translate(0,-50%);
}




.article .article-newsletter-subscribe {
	max-width: 420px;
	margin: 0px auto;
	padding-top: 40px;

	font-family: "Montserrat-Regular";
	font-size: 18px;
}
.article .article-newsletter-subscribe a {
	font-family: "Montserrat-Bold";
}






.post-navigation-container {
	position: relative;
	margin: 80px auto;
	
	width: 100%;
	
	padding: 0px 40px;
	padding-bottom: 40px;
	
	max-width: 1270px;
	
}

.post-navigation-prev-container {
	float: left;
}


.post-navigation-prev-container .arrow-container,
.post-navigation-prev-container .post-name {
	vertical-align: top;
	float: left;
}

.post-navigation-prev-container .post-name {
	font-family: "Montserrat-Bold";
	text-align: left;
	max-width: 200px;
	margin-left: 40px;
}

.post-navigation-next-container{
	float: right;
}

.post-navigation-next-container .arrow-container,
.post-navigation-next-container .post-name {
	vertical-align: top;
	float: right;
}

.post-navigation-next-container .post-name {
	font-family: "Montserrat-Bold";
	text-align: right;
	max-width: 200px;
	margin-right: 40px;
}


.post-navigation-container .arrow-container .arrow-label {
	position: relative;
	display: inline-block;
	font-family: "Montserrat-Light";
	font-size: 15px;
	margin: 0 10px;
}

.post-navigation-container .arrow-container {
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
}

.post-navigation-prev-container:hover .arrow-container {
	margin-left: -20px;
	padding-right: 20px;
}

.post-navigation-next-container:hover .arrow-container {
	margin-right: -20px;
	padding-left: 20px;
}

@media (max-width: 1350px) {
	
	.article .article-info-container {
		margin-left: 0px;	
	}
	
	.article .article-info-container.fixed {
		margin-left: 460px;
	}
}

@media (max-width: 1300px) {
	.article .article-info-container {
		position: static !important;
		margin: 20px 0px !important;
		width: inherit !important;
		padding-bottom: 0px !important;
	}
	
	.article .article-info-date,
	.article .article-info-share {
		width: inherit;
		display: inline-block;
	}
	
	.article .article-info-date {
		margin-right: 40px;
	}
	
}





/* Downloads */

.downloads {
	background-color: #ffffff;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


.downloads.green-bg {
	background-color: #42C9B9;
}

.downloads.green-bg .social-icons-container-desktop .social-icon.twitter-icon .social-circle {
	background-color: #000000;
}

.downloads .main-container {
	padding-top: 200px;
}

.downloads .downloads-intro-text {
	font-family: "Montserrat-Medium";
	font-size: 34px;
	line-height: 45px;
	color: #42C9B9;
	text-align: center;
	
	margin:60px 0 80px;
}


.downloads.green-bg .header {
	opacity: 1;
	pointer-events: all;
}

.downloads.green-bg .header ul li {
	color: #ffffff;
}


.download-item {
	position: relative;
	
/*
	display: flex;
	align-items: center;
*/
	margin-top: -10px;
		
	clear: both;
}

.download-item img {
	width: 100%;
}

.download-item .download-item-cover {
	width: 40%;
	float: left;
/* 	display: inline-block; */
/* 	vertical-align: middle; */
}

.download-item .download-item-cover .cover-img {
	position: relative;
	width: 100%;
	
	overflow: hidden;
}

.download-item .btns-container {
	text-align: right;
	margin: 5px 0;
}

.download-item .btns-container .btn-item {
	position: relative;
	display: inline-block;
	width: 15px;
	margin-left: 10px;
}	

.download-item .btns-container .download-btn-item {
	cursor: pointer;
}

.download-item .download-item-content {
	position: relative;
	float: left;
/* 	display: inline-block; */
/* 	vertical-align: middle; */
	width: 45%;
	padding-left: 30px;

	padding-top: 200px;
}

.download-item .download-item-content .content-title {
	font-family: "Montserrat-Black";
    font-size: 34px;
    line-height: 45px;
    color: #000000;
    text-align: left;
/*     margin: 60px 0; */
	margin-bottom: 10px;
	
	text-transform: lowercase;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.download-item:hover .download-item-content .content-title {
	color: #42C9B9;
}

.download-item .download-item-cover .cover-img .background-img-cover {
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

.download-item:hover .download-item-cover .cover-img .background-img-cover {
	transform: scale(1.2);
}

.download-item .download-item-content .content-text {
	width: 50%;
	font-size: 16px;
	margin-right: 45px;
}

.download-item .download-item-content .content-text b {
	font-family: "Raleway-Bold";
}


.downloads.green-bg .downloads-intro-text,
.downloads.green-bg .download-item .download-item-content .content-title,
.downloads.green-bg .download-item .download-item-content .content-text {
	color: #ffffff;
}

.downloads .download-items .download-item:nth-child(even) .download-item-cover,
.downloads .download-items .download-item:nth-child(even) .download-item-content,
.downloads .download-items .download-item:nth-child(even) .download-item-content .content-text{
	float: right;
}





/* Downloads Template */

.download {
	background-color: #ffffff;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}


.download .main-container {
	padding-top: 180px;
}

.download .cover-img {
	width: 100%; 
	
	background-position: center center;
	background-size: cover;
}
.download .cover-img img {
	width: 100%;
}

.download .cover-img-mobile {
	display: none;
}

.download .download-box-container {
/*
	position: absolute;
	bottom: 0;
	left: 100%;
	margin-left: 30px;
*/
	position: relative;
	width: 180px;
	
	margin-top: 30px;
	
	cursor: pointer;
}
.download .download-box-container img {
	width: 100%;
}

.download .download-box-container-mobile {
	display: none;
}


.download .download-box-container .box-label {
	position: absolute;
    bottom: 17%;
    left: 17%;
    font-family: "Montserrat-Bold";
    font-size: 12px;
    text-transform: uppercase;
}

.download .second-text {
/* 	max-width: 400px; */
	width: 70%;
	
	padding-top: 40px;
	
	float: right;
}

.download .second-img {
/* 	float: right; */
	max-width: 300px;
	width: 100%;
	
	margin-top: -50px;
	margin-left: 240px;
}

.download .second-img img,
.download .second-img video {
	width: 100%;
}

.download .content-title {
	font-family: "Montserrat-Black";
    font-size: 34px;
    line-height: 45px;
    color: #000000;
    text-align: left;
/*     margin: 60px 0; */
	margin-bottom: 20px;
	
	text-transform: lowercase;
}

.download-item:hover .download-item-content .content-title {
	color: #42C9B9;
}

.download-item .download-item-content .content-text {
	width: 60%;
	font-size: 16px;
	margin-right: 45px;
}

.download-item .download-item-content .content-text b {
	font-family: "Raleway-Bold";
}


@media (max-width: 1100px) {
	.download .second-img {
		margin-top: 20px;
		margin-left: 0px;
	}
}




/*** NEWSLETTER ****/

.newsletter-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	
	display: none;
	
	z-index: 9999999
}
.newsletter-overlay.open {
	display: block;
}

.newsletter-container {
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%,-50%);
	
	max-width: 800px;
	width: 100%;
	background-color: #2052E2;
}

.newsletter-container .newsletter-title {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Montserrat-Light";
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 4px;
	/*     white-space: nowrap; */
    
    max-width: 80%;
    width: 100%;
	z-index: 9;
}

.newsletter-container .newsletter-title b {
	font-family: "Montserrat-Bold";
}
	
.newsletter-container .form-container {
	position: absolute;
	top: 42%;
	left: 45%;
	
	max-width: 45%;
	width: 100%;
}

.newsletter-container .form-container input[type="text"],
.newsletter-container .form-container input[type="email"] {
	-webkit-appearance: none;
	background-color: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
	margin-bottom: 7px;
	padding: 10px 10px;
	width: 100%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}

.newsletter-container .form-container input[type="checkbox"] {
	cursor: default;
    margin: 3px 0;
    margin-right: 10px;
    padding: initial;
    border: 1px solid #ffffff;
/*     outline: 1px solid #ffffff; */
    width: 13px !important;
    height: 13px !important;
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin: 0px;
    margin-right: 5px;
    cursor: pointer;
}
.newsletter-container .form-container input[type="checkbox"]:checked {
	background-color:#ffffff !important;
}

.newsletter-container .form-container checkbox-label {
    font-size: 12px;
    color: #ffffff;
    display: inline-grid;
}
.newsletter-container .form-container checkbox-label a {
	text-decoration: underline;	
}

.newsletter-container button {
	position: absolute;
	left: 10%;
	bottom: 10%;
	
	max-width: 250px;
	width: 100%;
	
	background-color: transparent;
	border: none;
	outline: none;
}

.newsletter-container button .button-title {
	position: absolute;
    bottom: 17%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(calc(-50% - 5px),0);
    color: #ffffff;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    letter-spacing: 1px;

    z-index: 99999;
}

.newsletter-container button img {
	width: 100%;
}

.newsletter-container .contacts-container {
    position: absolute;
    bottom: 9%;
    right: 10%;
	font-family: "Montserrat-Black";
	font-size: 20px;
    line-height: 30px;
    letter-spacing: 3px;
    color: #000000;
    z-index: 9;
}


.newsletter-container .overlay-close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	cursor: pointer;
}

.newsletter-container .overlay-close-btn img {
	width: 100%;
}

.newsletter-container .newsletter-graph {
	position: absolute;
}

.newsletter-container .newsletter-graph img {
	width: 100%;
}

.newsletter-container .newsletter-graph.grapharrow {top: 59%; left: 37%; width: 4%;}
.newsletter-container .newsletter-graph.graph1 {top: 80%; left: 47%; width: 10%;}
.newsletter-container .newsletter-graph.graph2 {top: 7%; left: 4%; width: 12%;}
.newsletter-container .newsletter-graph.graph3 {top: 32%; left: 90%; width: 4%;}
.newsletter-container .newsletter-graph.graph4 {top: 90%; left: 3%; width: 3%;}


@media (max-width: 800px) {
	.newsletter-container .newsletter-title {
		font-size: 28px;
		line-height: 36px;
	}
}

@media (max-width: 767px) {
	
	.newsletter-container {
		left: 0;
		top: 50px;
		transform: none;
	}
	
	.newsletter-container svg {display: none;}
	.newsletter-container .newsletter-title {
		position: initial;
	    transform: none;
	    padding-top: 50px;
	    font-size: 20px;
	    line-height: 22px;
	    max-width: 100%;
	    text-align: center;
	    padding: 50px 5% 10px;
	}
	.newsletter-container #newsletter-form {
		text-align: center;
	}
	.newsletter-container .form-container {
		position: initial;
		margin: 10px auto;
		max-width: 80%;
	}
	.newsletter-container button {
		position: relative;
	    left: 0;
	    bottom: 0;
	    margin: 10px auto;
	}
	
	.newsletter-container .contacts-container {
		position: relative;
		margin: 10px auto 20px;
		/* display: inline-block; */
		transform: none;
		right: inherit;
		bottom: inherit;
		text-align: center;	
	}
	
	.newsletter-container .form-container input[type="checkbox"] {
		width: 20px !important;
		height: 20px !important;
	}
	
	.newsletter-container .form-container checkbox-label {
		display: initial;
	}
}






/**** DOWNLOAD FORM ****/

.downloadform-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	
	display: none;
	
	z-index: 9999999
}
.downloadform-overlay.open {
	display: block;
}

.downloadform-container {
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%,-50%);
	
	max-width: 800px;
	width: 100%;
	background-color: #2052E2;
}

.downloadform-container .downloadform-title {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Montserrat-Light";
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 4px;
	/*     white-space: nowrap; */
    
    max-width: 80%;
    width: 100%;
	z-index: 9;
}

.downloadform-container .downloadform-title b {
	font-family: "Montserrat-Bold";
}
	
.downloadform-container .form-container {
	position: absolute;
    top: 5%;
    left: 50%;
    max-width: 45%;
    width: 100%;
    transform: translate(-50%,0);
}

.downloadform-container .form-container input[type="text"],
.downloadform-container .form-container input[type="email"] {
	-webkit-appearance: none;
	background-color: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
	margin-bottom: 7px;
	padding: 10px 10px;
	width: 100%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}

.downloadform-container .form-container input[type="checkbox"] {
	cursor: default;
    margin: 3px 0;
    margin-right: 10px;
    padding: initial;
    border: 1px solid #ffffff;
/*     outline: 1px solid #ffffff; */
    width: 13px !important;
    height: 13px !important;
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin: 0px;
    margin-right: 5px;
    cursor: pointer;
}
.downloadform-container .form-container input[type="checkbox"]:checked {
	background-color:#ffffff !important;
}

.downloadform-container .form-container checkbox-label {
    font-size: 12px;
    color: #ffffff;
/*     display: inline-grid; */
}
.downloadform-container .form-container checkbox-label a {
	text-decoration: underline;	
}

.downloadform-container button {
    position: absolute;
    left: 50%;
    bottom: 5%;
    max-width: 250px;
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    transform: translate(-50%,0);
}

.downloadform-container button.downloadenabled {
	bottom: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
}

.downloadform-container button .button-title {
	position: absolute;
    bottom: 17%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(calc(-50% - 5px),0);
    color: #ffffff;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    letter-spacing: 1px;

    z-index: 99999;
}

.downloadform-container button img {
	width: 100%;
}

.downloadform-container .contacts-container {
    position: absolute;
    bottom: 9%;
    right: 10%;
	font-family: "Montserrat-Black";
	font-size: 20px;
    line-height: 30px;
    letter-spacing: 3px;
    color: #000000;
    z-index: 9;
}


.downloadform-container .overlay-close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	cursor: pointer;
}

.downloadform-container .overlay-close-btn img {
	width: 100%;
}

.downloadform-container .downloadform-graph {
	position: absolute;
}

.downloadform-container .downloadform-graph img {
	width: 100%;
}

.downloadform-container .downloadform-graph.grapharrow {top: 59%; left: 37%; width: 4%;}
.downloadform-container .downloadform-graph.graph1 {top: 80%; left: 77%; width: 10%;}
.downloadform-container .downloadform-graph.graph2 {top: 7%; left: 4%; width: 12%;}
.downloadform-container .downloadform-graph.graph3 {top: 32%; left: 90%; width: 4%;}
.downloadform-container .downloadform-graph.graph4 {top: 90%; left: 3%; width: 3%;}


@media (max-width: 800px) {
	.downloadform-container .downloadform-title {
		font-size: 28px;
		line-height: 36px;
	}
}

@media (max-width: 767px) {
	
	.downloadform-container {
		left: 0;
		top: 50px;
		transform: none;
	}
	
	.downloadform-container svg {display: none;}
	.downloadform-container .downloadform-title {
		position: initial;
	    transform: none;
	    padding-top: 50px;
	    font-size: 20px;
	    line-height: 22px;
	    max-width: 100%;
	    text-align: center;
	    padding: 50px 5% 10px;
	}
	.downloadform-container #downloadform-form {
		text-align: center;
	}
	.downloadform-container .form-container {
		position: initial;
		margin: 10px auto;
		max-width: 80%;
		transform: none;
	}
	.downloadform-container button {
		position: relative;
	    left: 0;
	    bottom: 0 !important;
	    transform: none !important;
	    margin: 60px 0px;
	}
	
	.downloadform-container .contacts-container {
		position: relative;
		margin: 10px auto 20px;
		/* display: inline-block; */
		transform: none;
		right: inherit;
		bottom: inherit;
		text-align: center;	
	}
	
	.downloadform-container .form-container input[type="checkbox"] {
		width: 20px !important;
		height: 20px !important;
	}
	
	.downloadform-container .form-container checkbox-label {
		display: initial;
	}
}






/*** MOBILE ****/


.home .mobile-container {
	overflow: hidden;
}


.home .mobile-container .text-container {
	position: relative;
    width: 70%;
    margin: 10px auto;
}


.home .mobile-container .text-container b {
    font-family: "Raleway-ExtraBold";
}

.mobile-container .sec-intro {
	position: relative;
	width: 90%;
	margin: 0px auto;
	margin-bottom: 40px;
}

.mobile-container .sec-intro .sec-intro-text {
	position: relative;
	width: 100%;
    top: inherit;
    left: inherit;
    transform: none;
    font-size: 65px;
    line-height: 65px;
    height: inherit;
}

.mobile-container .sec-intro .sec-intro-text .sem {
    margin-left: 120px;
}


.mobile-container .sec-intro .sec-intro-text .interferencias-img {
	position: relative;
	bottom: inherit;
	right: inherit;
	width: 100%;
	margin-top: -50px;
}


.mobile-container .mobile-can1 {
	position: relative;
	
	width: 100%;
	margin-left: 10%;
}

.mobile-container .mobile-graphs2 {
	position: relative;
	
	width: 80%;
	margin: 20px auto;
}

.mobile-container .blue-bg {
	background-color: rgb(32,82,226);
	color: #ffffff;
	padding: 100px 0px 80px;
	
	margin-top: -60px;
	margin-bottom: 60px;
}

.mobile-container .mobile-circles3 {
	position: relative;
	
	width: 70%;
	margin: 60px auto;
}

.mobile-container .servicos-container{
	padding-left: 0px;
	width: 100%;
}

.mobile-container .servicos-container ul li {
	font-size: 20px;
}

.mobile-container .servicos-container ul {
    margin: 20px 0px 50px;
}

.mobile-container .servicos-container .copy {
	float: right;
	clear: both;
}

.mobile-container .mobile-graphs4 {
	position: relative;
	
	width: 100%;
	margin: 20px auto;
}


.mobile-container .mobile-3-sec {
	margin-top: 60px;
}

.mobile-container .box-btn.ver-exemplos {
	position: relative;
    width: 160px;
    cursor: pointer;
    display: inline-block;
}

.mobile-container .box-btn.ver-exemplos img {
	width: 100%;
}

.mobile-container .box-btn.ver-exemplos .box-title {
	position: absolute;
	bottom: 17%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(calc(-50% - 5px),0);
	color: #ffffff;
	font-family: "Montserrat-Bold";
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	z-index: 99999;
}

.mobile-container .sec-title-clientes {
	margin-top: 60px !important;
}

.mobile-container .mobile-clientes-slider-container {
	margin: 40px 0px;
}

.mobile-container .mobile-clientes-slider-container .cliente {
	width: 80px;
}

.mobile-container .mobile-clientes-slider-container .cliente img {
	width: 100%;
}

.mobile-container .mobile-hands5 {
	position: relative;
	
	width: 70%;
	margin: 20px auto;
}

.mobile-container .text-container.mobile-end-copy {
    padding: 18vw 10vw 18vw 0;
    
    margin-bottom: 80px;
}

.mobile-container .mobile-can6 {
	position: absolute;
    top: -10vw;
    right: -33%;
    width: 80%;
}

.mobile-container .text-container.mobile-end-title {
	text-align: center;
	margin: 15vw auto;
	
}
.mobile-container .text-container.mobile-end-title h2 {
	font-size: 26px;
	letter-spacing: 1px;
}

.mobile-container .contacts-container {
	margin-top: 20px;
}

.mobile-container .contacts-container h3 {
	font-size: 23px;
	letter-spacing: 1px;
	line-height: 40px;
}

.mobile-container .contacts-container .address {
	margin-top: 0px;	
}

.mobile-container .mobile-contacts-form-container {
	background: #000000;
	padding: 40px 10%;
	margin-top: 60px !important;
}

.mobile-container .mobile-contacts-form-container .copy {
	text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0px 40px;
}

.mobile-container .mobile-contacts-form-container .copy br {
	display: none;
}

.mobile-page-title {
    font-family: "Montserrat-Black";
	color: #ffffff;
	font-size: 32px;
	
	display: none;
}



.mobile-page-submenu {
	display: none;
}

.mobile-page-submenu ul {
	padding-inline-start: 0;
	margin-top: 20px;
	margin-bottom: 0px;
}

.mobile-page-submenu ul li {
    font-size: 14px;
    display: inline-block;
    padding-right: 20px;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    /* background-color: rgba(255,255,255,0.8); */
    color: #ffffff;
    margin-bottom: 20px;
}

.mobile-page-submenu ul.submenu span {
	text-transform: lowercase;
}

.mobile-page-submenu ul.submenu li.active span {
	font-family: "Montserrat-Medium";
	font-weight: bolder;
	color: #ffffff !important;
}

/*
.mobile-page-submenu ul.submenu.active {
	display: block;
}
*/




@media (max-width: 767px) {
/* 	.intro-container {display: none;} */
	
	#fullpage,
	.section-overlay,
	.overlay-container {
		display: none;
	}
	
	.header .logo-container {
		right: inherit;
/* 		left: 20px; */
		right: 20px;
/* 		opacity: 1 !important; */
	}
	
	.header .logo-container > img {
		width: 80px !important;
	}
	
	.home .header .logo-container.white > img {
		opacity: 1 !important;
	}
		
	.home .header .logo-container .logo-white {
		display: none;
	}
	
	.mobile-menu-btn {display: block;}
	
	.header-fixed .menu-items{
		display: none;
	}
	
	
	.language-box-container {display: none;}
	.language-box-container-mobile {display: block;}	
	
	.social-icons-container {display: none;}
	.social-icons-container-mobile {display: block;}
	
	.scroll-arrow-container {
		display: none;
	}
	
	.footer {display: none;}
	
	.mobile-page-title { 
		display: block;
	}
	
	.mobile-page-submenu {
		display: block;
	}
	
	.home .home-intro-logo {
		height: 42vh;
		transform: translate(-50%, -60%);
	}
	
	.home .home-intro-copy {
		margin-left: 0;
	    transform: translate(-50%,0);
	    margin-top: 0px;
	    font-size: 18px;
	    text-align: center;
		width: 100%;
		
		top: initial;
		bottom: 17vh;
	}
	
	
	.mobile-container {
		position: relative;
		padding-top: 160px;
	}
	
	.mobile-container .sec-index-container {
/* 		width: 100%; */
		padding-left: 25px;	
		margin: 20px auto;
		font-size: 12px;
	}
	
	.mobile-container .sec-index-container .line {
		width: 60px;
	}
	
	.mobile-container .merged-circles-container {
		display: none;
	}
	
	
	.header-fixed.white-bg {
/* 	    background-color: inherit; */
	    background-color: transparent;
	}
	
	
	
	/*** Download ***/
	.downloads .container {
		width: 95%;
	}
	
	.downloads .main-container {
		padding-top: 160px;
	}
	
	.downloads .downloads-intro-text {
		font-size: 16px;
	    line-height: 22px;
	    text-align: left;
	    margin: 60px 0;
	}
	
	.download-item {
		display: inline-block;
	    width: 47%;
	    text-align: left;
	    margin: 0 1%;
	    
	    margin-bottom: 10px;
	}
	
	.download-item .download-item-cover {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.download-item .download-item-cover-desktop {
		display: none;
	}
	
	.download-item .download-item-cover-mobile {
		display: block;
	}
	
	.download-item .download-item-content {
		float: inherit;
	    width: 100%;
	    padding-left: 0px;
	    padding-top: 0px;
	}
	
	.download-item .btns-container {
		display: none;
	}
	
	
	.download-item .download-item-content .content-title {
		font-size: 13px;
		line-height: 18px;	
		text-align: left;
	}
	
	.download-item .download-item-content .content-text {
		width: 100%;
		margin-right: 0px;
		font-size: 13px;
		line-height: 16px;
	}
	
	.download .cover-img {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	
	.download .cover-img-desktop {
		display: none;
	}
	
	.download .cover-img-mobile {
		display: block;
	}
	
	.download .download-box-container {
		position: relative;
		left: 0;
		margin: 40px auto;
	}
	
	.download .download-box-container-desktop {
		display: none;
	}
	.download .download-box-container-mobile {
		display: block;
		margin-bottom: 0px;
	}
	
	.download .second-text {
		width: 100%;
		padding-top: 0px;
	}
	
	.download .second-img {
		margin: 0px auto;
	}
	
	/***** Blog ******/
	
	.blog .main-container {
		padding-top: 160px;
	}
	
	.blog .blog-intro-text {
		font-size: 16px;
	    line-height: 22px;
	    text-align: left;
		margin: 0px;
		margin-top: 60px;
	}
	
	.blog .blog-container {
		padding-top: 60px !important;
	 }
	 
	 .blog .blog-title {
	 	font-size: 25px;
	 	line-height: 25px;
	 }
	 
	 .blog .blog-text {
		 color: #000000 !important;
	 }
	 
	 .article .article-title {
		 font-size: 25px;
		 line-height: 30px;
		 text-align: left;
	 }
	 
	.post-navigation-container {
		margin-top: 30px;
	}
	 
	.post-navigation-prev-container,
	.post-navigation-next-container {
		 margin-bottom: 40px;
	}
	
	.article .article-info-share .social-icon {
		margin-right: 30px;
	}
	
	
	/**** EXEMPLOS ****/
	
	.exemplos .main-container {
		padding-top: 80px;
	}
	
	.exemplo .exemplo-info-container {
		padding-top: 0px;
	}
	
	.exemplo .video-container {
		margin-top: 10px !important;
	}
	
	.exemplos .exemplo-container {
		padding-top: 40px !important;
		
		overflow: hidden;
	}
	
	.exemplo .exemplo-title {
		font-size: 25px;
		line-height: 30px;
	}
	
	.exemplo .exemplo-tags li {
		margin-bottom: 20px;
	}
	
	.exemplo .text-container {
		max-width: inherit;
	}
	
	.exemplo .row:nth-child(3) {
		padding-top: 0px;
	}
	
	.exemplo .row:nth-child(3) .text-container {
		margin: 30px 0px;
	}
	
	
	
	.exemplo .photo-2,
	.exemplo .photo-3,
	.exemplo .photo-4 {
		margin: 20px auto !important;
	}
	
	.exemplos .exemplo-title {
		font-size: 20px;
		line-height: 24px;
	}
	
	.exemplos.blue-bg .exemplo-title {
	    margin-bottom: 0px;
	}
	
	
}

@media (max-width: 600px) {
	.mobile-container .sec-intro .sec-intro-text {
		font-size: 40px;
		line-height: 44px;
	}
	
	.mobile-container .sec-intro .sec-intro-text .sem {
	    margin-left: 30px;
	}
	
	.mobile-container .sec-intro .sec-intro-text .interferencias-img {
		margin-top: -30px;
	}
}

@media (max-width: 374px) {
	.home .home-intro-copy {
		font-size: 14px;
	}
}

@media (max-width: 320px) {
	.social-icons-container-mobile .social-icon {
		margin: 0px 10px;
	}
}