@charset "utf-8";


@media only screen and (min-width : 2000px) {
	.section-container .swiper-slide {background-size:cover;}
}
@media only screen and (max-width : 1023px) {
	.section-container .swiper-slide {background-size:cover;}
}

@media only screen and (max-width : 1200px) {
	.wrapper	{width:auto; padding:0 10px;}	
}

@media only screen and (max-width : 992px) {
	header .logo {width:150px; align-self:flex-end; margin-bottom:16px;}
	header .logo img {width:100%;}
	header .menu {float:right;margin-top:18px; display:block;}
	header .menu * {font-size:14px;}
	header .languages {display:block; position:absolute; right:10px; margin-top:20px; top:0;}
	
	#banner {height:500px;}
	#banner .swiper-container .banner-nd ul li {width:150px; height:150px; margin-right:10px;}
	#banner .swiper-container .banner-nd ul li a span, #banner .swiper-container .banner-nd ul li span {font-size:14px; line-height:17px;}
	.swiper-pagination-bullets {bottom:17px !important;}
	.swiper-button-next, .swiper-button-prev {width:30px; height:30px; background-size:60px;}
	.swiper-button-next {background-position:-30px 0;}
	
	#about-container .col-left {width:50%}
	#about-container .col-right {width:45%}
	
	.clients-content .text-container {margin-right:30px;}
	.clients-content .images-container li {width:100px; height:100px;}
	#clients-container .swiper-slide.cover .clients-content .images-container li:nth-child(4n+5) {clear:none !important;}
	.clients-content .images-container li:nth-child(5n+6) {clear:none;}
	
	#communication-container .communication-content .col-left,
	#communication-container-2 .communication-content .col-left,
	#communication-container-3 .communication-content .col-left {width: calc(50% - 100px);}
	#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-basis: 200px; width: 200px; margin-right:30px;}
	#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: calc(50% - 100px); padding-left: 50px;}
	#communication-container .db-content ul,
	#communication-container-2 .db-content ul,
	#communication-container-3 .db-content ul {padding-top:0;}
	#communication-container .db-content ul li, #communication-container .db-content ul li *,
	#communication-container-2 .db-content ul li, #communication-container-2 .db-content ul li *,
	#communication-container-3 .db-content ul li, #communication-container-3 .db-content ul li * {font-size:14px; line-height:20px;}
	#communication-container .swiper-pagination-bullets,
	#communication-container-2 .swiper-pagination-bullets,
	#communication-container-3 .swiper-pagination-bullets {bottom:36px !important;}
	
	#events-container .db-content ul li, #events-container .db-content ul li * {font-size:14px; line-height:20px;}
	#events-container .swiper-pagination-bullets {bottom:32px !important;}
	
}

@media only screen and (max-width : 768px) {
	* {font-size:14px; line-height:20px;}
	body {padding-top:80px;}
	header {height:80px;}
	header .logo {height:60px; margin-bottom:10px; margin-left:50px; }
	header .logo img {height:100%; width:auto;}
	header .languages {margin-top:0; display:flex; position:relative;}
	header .menu {display:none;}
	#mobile-menu {background-color:rgb(225, 222, 195); position:fixed; z-index:10; margin:0; left:-280px; top:80px; float:none; align-self:auto; height:calc(100% - 80px); width:280px; overflow-y:auto; transition:all 0.5s ease;}
	#mobile-menu.active {left:0px;}
	#mobile-menu  ul {display:block; }
	#mobile-menu  li {padding:0;}
	#mobile-menu a{display:block; padding:20px; border-bottom:solid 1px #d3cfa8;color:#8A9872;font-size:15px;line-height:20px;font-weight:bold;text-transform:uppercase;font-stretch:condensed;}
	#mobile-menu-switch {background:url(../images/toggle-menu-responsivo.png) no-repeat 0 0; width:40px; height:40px; display:block; position:absolute; top:20px; cursor:pointer;}
	
	
	.section-container {height:auto;}
	#about-container .wrapper {display:inherit;}
	#about-container .col-left, #about-container .col-right {float:none; width:auto;}
	#about-container .col-right {text-align:left; padding:0;}
	
	.clients-content {display:block; padding:60px 0;}
	.clients-content .text-container {flex-basis:none; width:auto; text-align:left; margin-right:0;}
	.clients-content .text-container .description br {display:none;}
	.clients-content .text-container .description br::after{content:", "}
	.clients-content .images-container ul {text-align:center;;}
	.clients-content .images-container li {margin:10px; float:none; display:inline-block;}
	
	#communication-container .wrapper,
	#communication-container-2 .wrapper,
	#communication-container-3 .wrapper {min-height:700px;}
	#communication-container .communication-content,
	#communication-container-2 .communication-content,
	#communication-container-3 .communication-content {display:block; padding:50px 0;}
	#communication-container .communication-content .col-left, #communication-container .communication-content .col-center, #communication-container .communication-content .col-right,
	#communication-container-2 .communication-content .col-left, #communication-container-2 .communication-content .col-center, #communication-container-2 .communication-content .col-right,
	#communication-container-3 .communication-content .col-left, #communication-container-3 .communication-content .col-center, #communication-container-3 .communication-content .col-right {width:auto; margin-right:0;}
	#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 {height:100px; width:auto; margin-right:0; flex-basis:0;}
	#communication-container .communication-content .col-left-image img, #communication-container .communication-content .col-center img,
	#communication-container-2 .communication-content .col-left-image img, #communication-container-2 .communication-content .col-center img,
	#communication-container-3 .communication-content .col-left-image img, #communication-container-3 .communication-content .col-center img {height: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:14px; line-height:20px;}
	#communication-container .communication-content .col-left,
	#communication-container-2 .communication-content .col-left,
	#communication-container-3 .communication-content .col-left {padding:0; text-align:left;}
	#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:auto; padding:0;}
	
	#events-container .events-content {display:block; min-height:700px; padding-top:60px}
	#events-container .events-content .col-left {width:auto; padding-left:0; padding-right:0; text-align:left; margin-bottom:10px;}
	#events-container .events-content .col-right {width:auto; padding:0 40px;}
	#events-container .events-content .col-right p, #events-container .events-content .col-right ul{padding-top:0; margin-bottom:0; }
	#events-container .events-content .col-right .db-content ul {-webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; padding-top: 0px;}
	#events-container .events-content .col-right li {background-image:none !important; display:inline-block; font-size:10px; padding:2px 5px; border:solid 1px #fff; border-radius:20px; line-height:15px; margin:2px;}
	#events-container .events-content .col-right-circle {display:none;}
	#events-container .events-content .col-left-circle {width:auto; padding:20px 30px; text-align:center;}
	#events-container .events-content .col-left-circle p {font-size:14px; line-height:18px;}
	
	#publications-container .wrapper {height:700px; }
	#publications-container .wrapper .content {display:block;}
	#publications-container .content  .col-left {width:100%; margin-right:0; text-align:left;}
	#publications-container .content  .col-right {width:100%;}
	#publications-container .publications-content {display:block;}
	#publications-container .publications-content .col-left {width:100%; text-align:left; margin-right:0;}
	#publications-container .publications-content .col-right {width:70%; display:block; padding:0; margin:0 auto; }
	#publications-container .publications-content .col-right .pdf {text-align:center;}
	#publications-container .publications-content .col-right .image {width:auto; height:auto; max-width:200px; margin:0 auto 30px;}
	#publications-container .publications-content .col-right .image img {width:100%; height:auto;}
	
	#design-container .wrapper {height:700px;}
	#design-container .content {display:block;}
	#design-container .content .col-left {width:100%}
	#design-container .content .col-right {width:100%; padding-left:0;}
	#design-container .content .col-right .db-content ul {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;-webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
	#design-container .content .col-right .db-content ul li {font-size:14px; line-height:20px;}
	#design-container .content .col-right .db-content ul li br {height:0; line-height:0;}
	#design-container .publications-content .col-left {width:100%; text-align:left;}
	
	#contacts-container {padding-bottom:60px;}
	#contacts-container .content {display:block;}
	#contacts-container .col-left, #contacts-container .col-right {width:auto; margin-bottom:20px}
	
}

@media only screen and (max-width : 600px) {
	p, li {line-height:20px;}
	.swiper-pagination-bullet {width:10px; height:10px;}
	
	#banner .swiper-container .banner-nd ul {padding-bottom:50px; flex-direction:column; align-items:center;}
	#banner .swiper-container .banner-nd ul li {width:55%; height:100px; margin-right:0; margin-bottom:10px; }
	#banner .swiper-container .banner-nd ul li a span, #banner .swiper-container .banner-nd ul li span {font-size:10px; line-height:13px;}
}

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