@charset "utf-8";

*{margin:0;padding:0;border:0;outline:0;color:#000;font-size:20px;vertical-align:baseline;font-family:Helvetica, Arial, sans-serif; box-sizing:border-box;}
html	{background-color:#fff;}
html, body	{height:100%;}
body {padding-top:120px;transition: padding 0.5s ease;}
body.truncated {}
body.withoutscroll {overflow:hidden;}


h1, h1 *, h2, h2 *, h3, h3 * { }
h1, h1 *	{font-size:57px;line-height:70px;}
h2, h2 *	{font-size:45px;line-height:50px;font-weight:normal;}
h3, h3 *	{font-size:36px;line-height:40px;}
h4, h4 *	{font-size:28px;line-height:31px;font-weight:normal;}

h2, h3 {margin-bottom:10px;}

li	{list-style:none;}
a	{text-decoration:none;}
p, li {line-height:30px;}
p	{margin-bottom:20px;}
p:last-child {margin-bottom:0;}
img	{vertical-align:middle;}
strong	{font-weight:bold;}
em	{font-style:italic;}
br {display:block;height:0;}

input[type="text"], input[type="email"], input[type="tel"] {background-color:rgb(225, 222, 195);width:100%;height:36px;padding:0 10px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
input[type="submit"] {background-color:transparent;color:rgb(225, 222, 195);height:36px;text-transform:uppercase;padding:0 10px;cursor:pointer;-webkit-appearance: none; -moz-appearance: none;appearance: none;transition:all 0.3s ease;}
input[type="submit"]:hover {background-color:#00863c;}
textarea {background-color:rgb(225, 222, 195);width:100%;height:170px;padding:10px;resize:none;}

.clearfix	{clear:both;display:block;height:0;}
.wrapper	{/*background-color:rgba(200,0,0,0.1);*/width:1080px;padding:0 10px;margin:0 auto;position:relative;}
.flex {display:flex;}

.db-content ul { }
.db-content p,
.db-content li {line-height:25px;}
.db-content ul li { background:url(../images/list-bullet.gif) no-repeat 0 10px; padding-left: 20px; display:block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.db-content ul li, .db-content ul li * { font-size:18px;line-height:25px; }
.db-content ul {-webkit-column-count: 2; -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px;  column-gap: 40px;  padding-top:20px; }
.invert * {color:#fff;}
.invert ul li {background-image:url(../images/list-bullet-white.gif) !important;}

.showOnScroll { opacity: 0; filter:alpha(opacity=0); transition: all 1s ease; }
.showOnScroll.disabled { opacity: 1; filter:alpha(opacity=100); }

/* #################### CUSTOM SWIPER #################### */
.swiper-pagination-bullet	{background-color:transparent; width:30px;height:30px;opacity: 1; filter: alpha(opacity=100);border:solid 2px #a6a6a6;margin:0 5px;}
.swiper-pagination-bullet-active	{background-color:#a6a6a6;}

.swiper-container.vertical .swiper-button-prev {background:url(../images/swiper-arrow-up.png) no-repeat center center; width:46px; left: 50%; margin-left: -23px;right: auto; top: 30px;}
.swiper-container.vertical .swiper-button-next {background:url(../images/swiper-arrow-down.png) no-repeat center center; width:46px; left: 50%; margin-left: -23px;right: auto; top:auto; bottom: 30px;}
.swiper-pagination-bullets {background-color:#fff;bottom:40px !important;padding:10px 0 5px;}

.swiper-button-next, .swiper-button-prev {background:url(../images/swiper-arrows.png) no-repeat 0 0;width:70px;height:70px;}
.swiper-button-next {background-position:-70px 0;}

.section-container {background-color:#404040;height:700px;}
.section-container .swiper-slide {height: 100%;background-repeat:no-repeat;background-position:center center;background-size:inherit;}
.section-container .swiper-slide .wrapper {height:100%;padding-bottom: 70px;}

/* ########################################## 
					HEADER
##########################################  */
header {background-color:#fff;height:120px;position:fixed;top:0;left:0;width:100%;z-index:10;transition: height 0.5s ease;}
header .separator {background:url(../images/fundo-header.png) no-repeat center bottom;height:7px;position:absolute;left:0;bottom:-7px;width:100%;}
#mobile-menu, #mobile-menu-switch {display:none;}

header .wrapper {height:100%;}
header .content {display:flex;justify-content:space-between;align-items:center;height:100%;}
header .logo {transition:all 0.5s ease;}
header .col-right {display:flex;height:100%;}

header .menu {align-self:flex-end;height:20px;margin-bottom:15px;}
header .menu ul {display:flex;align-items:flex-end;}
header .menu * {color:#8A9872;font-size:15px;line-height:20px;font-weight:bold;text-transform:uppercase;font-stretch:condensed;}
header .menu li {padding:0 9px;}

header .languages {margin-left:40px;display:flex;height:14px;line-height:14px;align-self:center;}
header .languages ul {display:flex;}
header .languages li {padding:0 3px;}
header .languages li:not(:last-child) {border-right:solid 1px #B7B593;}
header .languages * {font-size:14px;line-height:14px;text-transform:uppercase;color:#B7B593;font-weight:bold;}
header .languages a.active {color:#535F3C;}

/* ########################################## 
					BANNER
##########################################  */
#banner {background-color:#ececec;height: 700px;}
#banner .swiper-container {height:100%;}
/*#banner .swiper-slide {height: 100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;}
#banner .swiper-slide a {display:block;height:100%;width:100%;}*/
#banner .swiper-container .banner-nd {height: 100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;}
#banner .swiper-container .banner-nd a {display:block;position:absolute;  width:100%; height:100%; top:0; left:0; z-index:4;}
#banner .swiper-container .banner-nd a span {display:none;}
#banner .swiper-container .banner-nd ul {display:flex; align-items:flex-end; justify-content:center; padding-bottom:150px; height:100%;}
#banner .swiper-container .banner-nd ul li {background-color:#ececec; background-size:cover;width:250px; height:250px; border-radius:150px; margin-right:80px; position:relative;}
#banner .swiper-container .banner-nd ul li:last-child {margin-right:0;}
#banner .swiper-container .banner-nd ul li a span, #banner .swiper-container .banner-nd ul li span {display:flex; width:100%; height:100%; align-items:center; justify-content:center; text-transform:uppercase; padding:20px; text-align:center;}

/* ########################################## 
					FOOTER
##########################################  */
/*footer {background-color:#0f5637;height: 37px;}
footer * {color: #fff;font-size:10px;}
footer .wrapper {position:relative;height:100%;display:flex;align-items:center;}
footer .col-left {width:100%;text-align:center;}
footer .col-right {position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;}
footer .col-right ul {display:flex;}

#footer-languages {display:flex;margin-right:10px;}
#footer-languages li {height: 10px;padding:0 5px;}
#footer-languages li:not(:last-child) {border-right:solid 1px #fff;}
#footer-languages li a {line-height:10px;display:block;text-transform:uppercase;}

#footer-social a {background-color:#0b492e;width:20px;height:20px;}

body.withoutscroll footer {position:fixed;left:0;bottom:0;width:100%;z-index:10;}
body.withoutscroll footer .col-right {display:none;}*/

/* ########################################## 
					ABOUT
##########################################  */
#about-container {background-color:#fff;background-repeat:no-repeat;background-position:center bottom;padding-bottom:100px;}
#about-container .top .wrapper {display:flex;align-items:center;justify-content:space-between;padding-top:50px;padding-bottom:50px;}
#about-container .top .col-left {background-repeat:no-repeat;background-position:center center;background-size:contain;width:60%;min-height:400px;}
#about-container .top .col-right {width:35%;padding:50px 0;text-align:right;}

#about-container .bot .logos, #about-container .bot .logos ul {width:100%;}
#about-container .bot .logos ul {text-align:right;}
#about-container .bot .logos li {height:28px;display:inline-block;margin-left:40px;}
#about-container .bot .logos li a,
#about-container .bot .logos li a img {height:100%;display:block;}

/* ########################################## 
					CLIENTS
##########################################  */
#clients-container {background:#404040 url(../images/delete/clients/clientesfundoeste.jpg) no-repeat center center;background-size:cover;}
#clients-container .swiper-container {height:100%;}
#clients-container .swiper-pagination-bullet-active {/*background-color:#fff;*/}
#clients-container .swiper-pagination-bullet	{/*border-color:#fff;*/}

.clients-content {display:flex;align-items:center;height:100%;}
.clients-content .text-container {flex-grow: 0;flex-shrink: 0; flex-basis: 300px;width:300px;text-align:right;}
.clients-content .text-container * {color:#fff;}
.clients-content .text-container .subtitle {font-size:18px;line-height:25px;font-weight:bold;margin-bottom:20px;}
.clients-content .text-container .description {font-size:16px;line-height:25px;}

.clients-content .images-container {width:100%;display:flex;justify-content:center;}
.clients-content .images-container li {float:left;width:125px;height:125px;overflow:hidden;padding:0px;border:solid 7px transparent; 
border-image: url('../images/clients-border.png') 10 round;margin:0 20px 20px 0;}
.clients-content .images-container li:nth-child(5n+6) {clear:both;}
.clients-content .images-container li img {width:100%;}

#clients-container .swiper-slide.cover .clients-content .images-container li {clear:inherit !important;}
#clients-container .swiper-slide.cover .clients-content .images-container li:nth-child(4n+5) {clear:both !important;}

/* ########################################## 
				COMMUNICATION
##########################################  */
#communication-container {}
#communication-container * {}
#communication-container .swiper-container,
#communication-container-2 .swiper-container,
#communication-container-3 .swiper-container {height:100%;}
#communication-container .swiper-pagination-bullet-active {/*background-color:#fff;*/}
#communication-container .swiper-pagination-bullet	{/*border-color:#fff;*/}

#communication-container .wrapper,
#communication-container-2 .wrapper,
#communication-container-3 .wrapper {height:100%;padding-bottom:100px;}
#communication-container .communication-content,
#communication-container-2 .communication-content,
#communication-container-3 .communication-content {display:flex;align-items:center;height:100%;}
#communication-container .communication-content .col-left-image,
#communication-container .communication-content .col-center,
#communication-container-2 .communication-content .col-left-image,
#communication-container-2 .communication-content .col-center,
#communication-container-3 .communication-content .col-left-image,
#communication-container-3 .communication-content .col-center {flex-grow: 0;flex-shrink: 0; flex-basis: 300px;width:300px;height:100%;display:flex;align-items:flex-end;justify-content:center;}
#communication-container .communication-content .col-center img,
#communication-container-2 .communication-content .col-center img,
#communication-container-3 .communication-content .col-center img {max-height:80%;}
#communication-container .communication-content .col-left,
#communication-container-2 .communication-content .col-left,
#communication-container-3 .communication-content .col-left {width:50%;padding-right:50px;text-align:right;}
#communication-container .communication-content .col-right,
#communication-container-2 .communication-content .col-right,
#communication-container-3 .communication-content .col-right {width:100%;}

#communication-container .communication-content .col-left .subtitle,
#communication-container .communication-content .col-left .subtitle *,
#communication-container-2 .communication-content .col-left .subtitle,
#communication-container-2 .communication-content .col-left .subtitle *,
#communication-container-3 .communication-content .col-left .subtitle,
#communication-container-3 .communication-content .col-left .subtitle * {font-size:20px;line-height:30px;}

#communication-container .communication-content .col-left-image,
#communication-container-2 .communication-content .col-left-image,
#communication-container-3 .communication-content .col-left-image {justify-content:center;}
#communication-container .communication-content .col-left-image img,
#communication-container-2 .communication-content .col-left-image img,
#communication-container-3 .communication-content .col-left-image img {height:80%;}

#communication-container .swiper-slide.cover .communication-content .col-right,
#communication-container-2 .swiper-slide.cover .communication-content .col-right,
#communication-container-3 .swiper-slide.cover .communication-content .col-right {width:50%;}


/*#communication-container .communication-content .col-right .description strong {font-size:36px;line-height:40px;}*/

/* ########################################## 
				EVENTS
##########################################  */
#events-container {}
#events-container .swiper-container {height:100%;}

#events-container .wrapper {height:100%;padding-bottom:100px;}
#events-container .events-content * {color:#fff;}
#events-container .events-content {display:flex;align-items:flex-start;height:100%;/*padding-top:50px;*/}
#events-container .events-content .col-left {width:50%;height: 100%;padding:0 50px 0 100px;text-align:right;display: flex;align-items: center;}
#events-container .events-content .col-right {width:50%;padding-left:50px; display: flex; align-items: center; height: 100%;}

#events-container .events-content .col-left-circle {background-color:#208dde;width:480px;height:480px;border-radius:480px;padding:20px 160px 20px 60px;text-align:right;display:table;}
#events-container .events-content .col-left-circle .cell {display:table-cell;vertical-align:middle;}
#events-container .events-content .col-right-circle {position:relative;}
#events-container .events-content .col-right-circle .image {background-position:center center;background-repeat:no-repeat;background-size:cover;width:200px;height:200px;border-radius:500px;border:solid 5px #fff;position:absolute;}

#events-container .events-content .col-left-circle p,
#events-container .events-content .col-left-circle li {font-size:16px;line-height:20px;}
#events-container .events-content .col-left-circle .db-content ul { -webkit-column-count:inherit;-moz-column-count:inherit;column-count:inherit;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding-top:0;}
#events-container .events-content .col-left-circle .db-content ul li {padding-left:0;background-image:none !important;}
#events-container .events-content .col-left-circle li {}
/* ########################################## 
				PUBLICATIONS
##########################################  */
#publications-container .swiper-container {height:100%;}
#publications-container .wrapper {height:100%;display:flex;align-items:center;}
#publications-container .content {display:flex; align-items:center;width: 100%; justify-content: center;}
#publications-container .content .db-content ul { -webkit-column-count:inherit;-moz-column-count:inherit;column-count:inherit;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding-top:0;}
#publications-container .content  .col-left {width:50%; padding: 0 50px 0 100px; text-align:right; display: flex; align-items: center;}
#publications-container .content  .col-left p {margin-bottom:0; line-height:26px;}
#publications-container .content  .col-right {width:50%;padding-left:50px; height: 100%;display:flex;align-items:center;}
#publications-container .publications-content {display:flex; align-items:center; padding-bottom:60px;}
#publications-container .publications-content .col-left {width:35%;padding-right:30px; text-align:right;}
#publications-container .publications-content .col-left h4 {font-size:14px; font-weight:bold; line-height:18px;}
#publications-container .publications-content .col-right {width:65%; padding-left:30px;display:flex; flex-direction:column; align-items:center;}
#publications-container .publications-content .col-right .image { height:450px; margin-bottom:30px}
#publications-container .publications-content .col-right img {height:100%; width:auto;}
#publications-container .publications-content .col-right a {background-color:#a6a6a6; font-size:12px; color:#fff; padding:10px 20px; border-radius:5px;}
#publications-container .publications-content .db-content ul { -webkit-column-count:inherit;-moz-column-count:inherit;column-count:inherit;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding-top:0;}


/* ########################################## 
				DESIGN
##########################################  */
#design-container .swiper-container {height:100%;}
#design-container .wrapper {height:100%;display:flex;align-items:flex-start; padding-bottom:100px;}
#design-container .container {}
/*#design-container .content {display:flex;}
#design-container .content .col-left {width:35%;padding-right:30px;text-align:right;}
#design-container .content .col-right {width:65%;padding-left:30px;display:flex;align-items:center;}
#design-container .content .db-content ul { -webkit-column-count:inherit;-moz-column-count:inherit;column-count:inherit;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding-top:0;}*/

#design-container .content {display:flex; align-items:center; height:100%; }
#design-container .content .col-left {width:35%; margin-right:5%; text-align:right; }
#design-container .content .col-right {width:60%;display:flex; flex-direction:column; align-items:center;}
#design-container .content *{/*color:#fff;*/}
#design-container .content li strong {color:#d0d093}
#design-container .content .db-content ul li {background-image:none !important;padding-left:0; margin-bottom:10px;}
#design-container .design-content {display:flex;align-items:flex-start;flex-direction:row-reverse; width:100%}
#design-container .design-content .col-left {width:25%;padding-right:30px; text-align:right; padding-top: 50px;}
#design-container .design-content .col-left h4 {font-size:14px; font-weight:bold; line-height:18px;}
/*#design-container .design-content.invert{display:flex; justify-content:flex-end;}
#design-container .design-content.invert .col-right {display:none;}*/


/* ########################################## 
				CONTACTS
##########################################  */
#contacts-container {background-color:#fff;background-position:center bottom;background-repeat:no-repeat;background-size:contain; padding-bottom:115px; padding-top:50px;}
#contacts-container .content {display:flex;justify-content:space-between;}

#form-contacts input, #form-contacts textarea {font-size:14px;}
#contacts-container a:hover {text-decoration:underline;}
#contacts-container .col-left {width:35%;}
#contacts-container .col-right {width:65%;}
#contacts-container .col-right .text {padding-top:60px;}
#contacts-container h2 {color:#58595b; font-size:30px; line-height:30px; margin-bottom:5px}
#contacts-container .db-content *{font-size:16px; color:#58595b; }
#contacts-container .db-content p {margin-bottom:5px;}
#form-contacts .box {margin-bottom:10px;}
#form-contacts .box-warning {float:left; font-size:13px;}
#form-contacts .box-submit {float:right;}
#form-contacts input[type="submit"] {font-weight:bold; font-size:20px; text-transform:capitalize;}
#form-contacts input[type="submit"]:hover {background:none; color:rgb(225, 222, 195);}