@charset "UTF-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,700&subset=latin');*/
@font-face {
    font-family: 'appo_paint';
    src: url('/assets/fonts/appopaint-Regular.woff2') format('woff'),
		 url('/assets/fonts/appopaint-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'leroy_merlin_sans';
    src: url('/assets/fonts/leroymerlinsans_bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/leroymerlinsans_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}
@font-face {
    font-family: 'leroy_merlin_sans';
    src: url('/assets/fonts/leroymerlinsans_regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/leroymerlinsans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'desyrel';
    src: url('/assets/fonts/desyrel-webfont.woff2') format('woff2'),
         url('/assets/fonts/desyrel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Light.woff2') format('woff2'),
         url('/assets/fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-LightItalic.woff2') format('woff2'),
         url('/assets/fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Bold.woff2') format('woff2'),
         url('/assets/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}



@keyframes nudge-arrow {
  0% {
	  -webkit-transform:none translate3d(0, 0, 0);
	  -moz-transform:none translate3d(0, 0, 0);
	  transform:none translate3d(0, 0, 0);
  }
  25% {
	  -webkit-transform: translate3d(0, 0, 0) translate(6px, 0);
	  -moz-transform: translate3d(0, 0, 0) translate(6px, 0);
	  transform:translate3d(0, 0, 0) translate3d(0, 0, 0) translate(6px, 0);
  }
  75% {
	  -webkit-transform: translate3d(0, 0, 0) translate(-3px, 0);
	  -moz-transform: translate3d(0, 0, 0) translate(-3px, 0);
	  transform: translate3d(0, 0, 0) translate(-3px, 0);
  }
  100% {
	  -webkit-transform:none translate3d(0, 0, 0);
	  -moz-transform:none translate3d(0, 0, 0);
	  transform:none translate3d(0, 0, 0);
  }
}
@keyframes nudge-arrow-2 {
  0% {
	  -webkit-transform:none translate3d(0, 0, 0);
	  -moz-transform:none translate3d(0, 0, 0);
	  transform:none translate3d(0, 0, 0);
  }
  25% {
	  -webkit-transform: translate3d(0, 0, 0) translate(6px, -50%);
	  -moz-transform: translate3d(0, 0, 0) translate(6px,  -50%);
	  transform:translate3d(0, 0, 0) translate3d(0, 0, 0) translate(6px,  -50%);
  }
  75% {
	  -webkit-transform: translate3d(0, 0, 0) translate(-3px,  -50%);
	  -moz-transform: translate3d(0, 0, 0) translate(-3px,  -50%);
	  transform: translate3d(0, 0, 0) translate(-3px,  -50%);
  }
  100% {
	  -webkit-transform:none translate3d(0, 0, 0);
	  -moz-transform:none translate3d(0, 0, 0);
	  transform:none translate3d(0, 0, 0);
  }
}
@keyframes jump-arrow {
  0% {
	  -webkit-transform: rotate(90deg) translate(-50%, 0);
	  -moz-transform: rotate(90deg) translate(-50%, 0);
	  transform: rotate(90deg) translate(-50%, 0);
  }
  75% {
	  -webkit-transform: rotate(90deg) translate(-50%, 0) scale(1.2);
	  -moz-transform: rotate(90deg) translate(-50%, 0) scale(1.2);
	  transform: rotate(90deg) translate(-50%, 0) scale(1.2);
  }
  100% {
	  -webkit-transform: rotate(90deg) translate(-50%, 0);
	  -moz-transform: rotate(90deg) translate(-50%, 0);
	  transform: rotate(90deg) translate(-50%, 0);
  }
}
@keyframes nudge-down {
  0% {
    transform: translate(0,0);
  }
  100% {
    transform: translate(0,5%);
  }
}

@keyframes nudge-small-down {
  0% {
    transform: rotate(90deg) translate(0,0);
  }
  100% {
    transform: rotate(90deg) translate(10%,0);
  }
}
@keyframes scroll-anim {
  0% {
    transform: translate(0,0);
  }
  100% {
    transform: translate(0,15%);
  }
}



body {
	font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	line-height:1.3em;
	position: relative;
	font-size:18px;
	color:#8d8d8d;
	background: #a68e79 url(/assets/img/bg.jpg) top right repeat-y fixed;
	background-size: auto 2000px !important;
}
strong {
	font-weight: 700;
}
.yellow-text {
	color:#f9a771;
}
.green-text {
	color:#9bc03e;
}
.img-responsive {
	/*display: block;*/
	max-width: 100%;
	height: auto; 
}
a:active,
a:hover,
a:focus { 
	outline: 0;
	text-decoration: none;
}
a {
	color:#ebbd00;
}
h1, h3, h4 {
	margin:0;
	font-family: "leroy_merlin_sans", "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:2.8em;
	line-height: 1em;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	display: block;
}
h1 span {
	display: block;
	font-size:0.65em;
	line-height: 1em;
	letter-spacing: -0.01em;
}
h2 {
	margin:0;
	font-family: "desyrel", "Helvetica Neue", Helvetica, sans-serif;
	color:#fff;
	font-size:1.25em;
	padding-top:7px;
}
h3 {
	font-size:1.6em;
}
h4 {
	color:inherit;
	font-size:1.8em;
	padding-bottom:10px;
}
ul {
    padding:0;
	margin:0;
}
ul li {
    list-style: none;
	display: inline-block;	
}
.select {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.select select {
	display: inline-block;
	text-align: center;
	width: 100%;
	border-radius: 30px;
	height:35px;
	padding:8px 40px 10px 25px;
	cursor: pointer;
	color: #fff;
	border: 0;
	outline: 0;
	background: #bbb;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select select::-ms-expand {
	display: none;
}
.select select:hover,
.select select:focus {
	/*color: #000;
	background: #ccc;*/
}
.select select:disabled {
	pointer-events: none;
	opacity: .5;
}
.select__arrow {
	position: absolute;
	top:-4px;
	right: 0px;
	pointer-events: none;
	border-bottom: #fff solid 1px;
	height:40px;
	width:38px;
	background: url(/assets/img/arrow-w.png) left 60% top 60% no-repeat;
	background-size: auto 45%;
	-wenkit-transform: translate3d(0, 0, 0) rotate(90deg);
	-moz-transform: translate3d(0, 0, 0) rotate(90deg);
	transform: translate3d(0, 0, 0) rotate(90deg);
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
	/*border-top-color: #000;*/
}
.select select:disabled ~ .select__arrow {
	/*border-top-color: #ccc;*/
}
header {
	position:fixed;
	top: 0;
	z-index:999;
	width:100%;
	font-size:0.65em;
	background-color: #74b130;
	color:#fff;
	max-height: 45px;
	line-height: 1.2em;
}
header .header-title {
	margin-right:-15px;
}
header .copy {
	padding:8px 0;
	margin:0;
}
header .copy-line {
	padding:0;
	text-align: right;
	clear: both;
}
header .title-line {
	padding:0 0 0 5px;
	text-align: right;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: none;
	width: auto;
	float: right;
	clear: none;
}
header .copy span {
	font-family: "desyrel", "Helvetica Neue", Helvetica, sans-serif;
	font-size:1.3em;
}
header .logo img {
	box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
}
.header {
	background: url(/assets/img/mobile-header.png) top right 15% no-repeat;
	background-size: 125% auto; 
	width:100%;
	min-height:500px;
	padding-top:45px;
}
.header .main-title h1 {
	font-family: "appo_paint", "Helvetica Neue", Helvetica, sans-serif;
	
}
.header-wrapper {
	padding-top:200px;
	overflow: hidden;
	color:#fff;
}
.header-wrapper .bullet-list {
	padding:27px 0 0;
	float:left;
}
.header-wrapper ul {
	line-height: 1.1em;
}
.header-wrapper ul li, .workshop-title {
	padding-left: 15px;
	background: url(/assets/img/bullet.png) left top 1px no-repeat;
	background-size:10px auto;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.7em;
	line-height:1em;
	margin-left:-2px;
}
.header-wrapper ul li {
	color:#ffcb08 !important;
}
.main-header-title {
	width:100%;
	max-width:100%;
}
p {
	font-size: 0.9em;
}
p.highlight {
	padding-top:15px;
	font-size: 1.05em;
	/*font-weight: 700;*/
}
.workshop-title {
	font-size: 1.3em;
	padding-left: 30px !important;
	margin:15px 0 30px 10px !important;
	background-size:18px auto;
	background-position:left top 3px;
	color:#ffe466;
}
.swiper-demos .workshop-title {
	color:#a5e961;
}
.header-wrapper .left-column {
	padding-right:0;
	display:inline-block; 
	flex: 0 0 53%;
	max-width: 53%;
}
.header-wrapper .right-column {
	padding-left:5px;
	display:inline-block; 
	flex: 0 0 45%;
	max-width: 45%;
}
.header-wrapper ul li.no-bullet {
	background:none;
	padding-left:0px;
}
.header-wrapper #intro-video {
	width:calc(100% + 38px);
	margin:40px 0 30px -19px;
	border:4px solid #fff;
}
.header-wrapper .play-btn {
	background: url(/assets/img/video-thumb.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	width:calc(100% + 4px);
	height:calc(100% - 80px);
	border:2px solid #fff;
	z-index:99;
	top:42px;
	left:-2px;
	cursor: pointer;
}
.header-wrapper .insta-note {
	position: absolute;
	bottom:10px;
	font-size: 0.65em;
}
.header-wrapper .insta-note span {
	color:#fff;
}
.catalog {
	height:100px;
	position: relative;
	margin:25px 0;
	float:left;
	cursor: pointer;
}
.catalog img {
	position:absolute;
	left:10px;
	top:0;
	height:100%;
}
.catalog .copy {
	background: #fff;
	padding:10px 60px 10px 100px;
	height:60px;
	margin:15px 0 15px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
	color:#8d8d8d;
}
.catalog .copy::after {
	content: "";
	background: #75b03a url(/assets/img/arrow-w.png) center center no-repeat;
	background-size: 65% auto;
	border-radius: 50%;
	width:40px;
	height:40px;
	position: absolute;
	top:25px;
	right:25px;
}
.schedule-intro {
	padding-top:15px;
}
.schedule-intro h3 {
	font-size:1.1em;
	padding-bottom: 3px;
}
.schedule-intro h1 {
	font-size:2.2em;
}
.schedule-intro p {
	font-size:0.9em;
}
footer {
	width:100%;
	font-size:0.65em;
	color:#fff;
	max-height: 45px;
	line-height: 1.2em;
}
footer a {
	text-decoration: underline;
	color:#fff;
}
footer a:hover {
	color:#ffe466;
}
footer .partners {
	background-color: #fff;
	color:#333;
	font-size:1.1em;
	padding:15px 0 10px;
}
footer .partners-title {
	padding-bottom:15px;
	font-weight: 700;
}
footer .swiper-slide {
	text-align: center;
}
footer .copyright {
	background-color: #74b130;
	padding:20px 0 15px;
}
footer .copyright .social ul {
	position: relative;
	top:-5px;
}
footer .copyright .social ul li {
	top: -10px;	
}
footer .copyright .social ul li img {
	max-width:25px !important;
	margin:0 0px;
}
footer .copyright .social ul li.leroy img {
	max-width:20px !important;
}
footer .copyright .social .leroy-copy {
	padding-right:2px;
}
.workshops {
	padding:0;
	margin-top:60px;
}
.workshops .row {
	margin:0;
}
.workshops .swiper-nav {
	text-align: center;
	margin:8px auto 0;
}
.workshops .swiper-nav .swiper-pagination-bullet-active {
	background-color:#fff;
}
.workshops .demos-nav .swiper-pagination-bullet-active {
	background-color:#fff;
}
.workshops .swiper-container {
	margin:0 0 30px 0;
	width:100%;
	padding: 0 15px 0 5px;
}
.workshops .swiper-wrapper {
	margin:0;
	flex-wrap:nowrap;
}
.workshops .board-container {
	width:94%;
	/*max-width:450px;*/
	padding:0;
	margin-left:10px;
  	/*overflow: hidden;*/
}
.workshops .board {
	background: #eee;
	padding: 15px 15px 15px 20px;
	font-size: 0.9em;
	line-height: 1.3em;
}
.workshops .board .row, .workshops .board .col {
	margin: 10px 0;
	padding:0;
}
.workshops .board .choose-store .col {
	margin: 3px 0;
}
div.row.choose-store {
	padding: 8px 0 10px !important;
}
.workshops .board .board-img {
	width: calc(100% + 35px);
	margin: -15px 0 15px -20px;
	height:140px;
	background:#ccc;
  	overflow: hidden;
	position: relative;
}
.workshops .board .board-img img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%);
	-moz-transform: translate3d(0, 0, 0) translate(-50%, -50%);
	transform: translate3d(0, 0, 0) translate(-50%, -50%);
}
.workshops .board-header {
	background:#fff;
	position: relative;
	padding: 5px 20px 25px 20px;
	margin-top:15px;
	min-height:80px;
	width:100%;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
	display: flex;
	align-items: center;
}
.workshops .board-header span {
	display: block;
	font-size: 0.7em;
	line-height: 0.8em;
	padding-bottom:5px;
	font-weight: normal;
}
.workshops .board-header::before {
	content: "";
	background:url(/assets/img/corner.png) top left no-repeat;
	background-size:600px;
	width:100%;
	position: absolute;
	height:23px;
	top:-22px;
	left:0;
}
.workshops .col.drop-label {
	font-weight:700;
	padding-top:6px;
}
.workshops .col.drop-down { 
	text-align:center;
}
.workshops .date-time, .workshops .date-time .row, .workshops .date-time .col {
	margin:0;
	padding:0;
	font-size: 0.95em;
	
}
.workshops .row.date-wrapper {
	margin:4px 0;
}
.workshops .swiper-demos .row.date-wrapper {
	margin:13px 0;
}
.workshops .date-time .col {
	display: flex;
	align-items: center;
}
.workshops .col.cal-label {
	padding-left:5px;
}
.workshops .col.cal-add-wrapper {
	display:block;
}
.workshops .addtocalendar {
	display:block;
}
.workshops .cal-add-btn {
	border-radius: 50%;
	background: #ebbd00 url(/assets/img/cal-add.png) center center no-repeat;
	background-size: 65% auto;
	width:35px;
	height:35px;
	float:right;
}
.workshops .swiper-demos .cal-add-btn {
	background-color: #75b03a;
}
.atcb-list {
	border-radius:20px !important;
	padding:10px 25px !important;
	left:auto !important;
	top:-50px!important;
	right:-2px;
	font-weight: 700;
}
.atcb-list li {
	padding:1px 2px !important;
	display: block;
}
.atcb-list a {
	color:#8d8d8d;
}
.workshops .row.live-event {
	width:calc(100% + 35px);
	margin:13px 0 -15px -20px;
	padding: 28px 20px 20px; 
	background:#ffe466;
	color:#7d721a;
	position: relative;
	font-size: 0.9em;
}
.workshops .row.live-event p {
	margin-bottom: 5px;
}
.workshops .row.live-event::before {
	content: "";
	background:url(/assets/img/arrow-live.png) top center no-repeat;
	background-size:contain;
	width:100%;
	position: absolute;
	height:18px;
	top:-17px;
	left:0;
}
.workshops .sign-up-btn {
	color:#fff;
	background:#ebbd00;
	font-weight:700;
	padding: 15px 20px;
	position: relative;
	margin: 15px 0 -15px -20px;
	width:calc(100% + 35px);
}
.workshops .live-event .sign-up-btn {
	padding: 13px 20px 13px 15px;
	font-size: 1.1em;
	margin: 8px 0 0 0px;
	width:calc(100% + 4px);
}
.workshops .live-event .sign-up-btn img {
	max-height:1.2em;
	margin-top:-0.3em;
	margin-right: 5px;
}
.workshops .live-event .sign-up-btn::after {
	background: url(/assets/img/arrow-small-w.png) center center no-repeat;
	background-size: 65% auto;
	right:8px;
}
.workshops .sign-up-btn::after {
	content: "" !important;
	background: #fff url(/assets/img/arrow-small-y.png) center center no-repeat;
	background-size: 65% auto;
	border-radius: 50%;
	width:25px;
	height:25px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, 0, 0) translate(0, -50%);
	-moz-transform: translate3d(0, 0, 0) translate(0, -50%);
	transform: translate3d(0, 0, 0) translate(0, -50%);
	right:20px;
}
.no-workshops {
	text-align: center !important;
	font-size:0.9em;
	display:block !important;
}
.row.card-container {
	margin-left:-5px;
	width:calc(100% + 20px);
}
.card-wrapper {
	display: block;
	text-align: center;
}
.card-container h4 {
	color:#fff;
	font-size:1.5em;
}
.card-container p {
	color:#fff;
	font-size: 0.9em;
	width:90%;
}
.card-wrapper img {
	margin: 65px auto 15px;
	width:90%;
	height: auto;
	max-width:400px;
}
.global-btn {
	background: #fff;
	padding: 3px 15px 25px;
	margin-top:30px;
	position: relative;
	width:100%;
	height: 5px;
	display: inline-block;
	cursor: pointer;
}
.global-btn.green-btn {
	background: #75b03a;
}
.global-btn.yellow-btn {
	background: #ebbd00;
}
.global-btn.brown-btn {
	background: #c0b010;
}
.global-btn::before {
	content: "";
	background:url(/assets/img/corner.png) top left no-repeat;
	background-size:600px;
	width:100%;
	position: absolute;
	height:23px;
	top:-22px;
	left:0;
}
.global-btn.green-btn::before {
	background:url(/assets/img/green-corner.png) top left no-repeat;
	background-size:600px;
}
.global-btn.yellow-btn::before, #preload-img-1 {
	background:url(/assets/img/yellow-corner.png) top left no-repeat;
	background-size:600px;
}
.global-btn.brown-btn::before {
	background:url(/assets/img/brown-corner.png) top left no-repeat;
	background-size:600px;
}
.global-btn::after {
	content: "";
	background: #9bc03e url(/assets/img/arrow-small-w.png) center center no-repeat;
	background-size: 65% auto;
	border-radius: 50%;
	width:30px;
	height:30px;
	position: absolute;
	top: -11px;
	right:20px;
}
.global-btn.green-btn::after {
	background: #fff url(/assets/img/arrow-small-g.png) center center no-repeat;
	background-size: 65% auto;
}
.global-btn.yellow-btn::after {
	background: #fff url(/assets/img/arrow-small-y.png) center center no-repeat;
	background-size: 65% auto;
}
.global-btn.brown-btn::after {
	background: #fff url(/assets/img/arrow-small-b.png) center center no-repeat;
	background-size: 65% auto;
}
.global-btn.green-arrow-btn::after {
	background-color: #75b03a;
}
.global-btn div {
	position: absolute;
	left: 20px;
	top:-7px;
	color:#8d8d8d;
	font-weight: 700;
	text-transform: uppercase;
}
.global-btn .fb-btn {
	background: url(/assets/img/fb-icon_grey.png) top 2px left no-repeat;
	background-size: 18px auto;
	padding: 0px 0 2px 23px !important;
	height: 20px;
}
.global-btn.green-btn div, .global-btn.yellow-btn div, .global-btn.brown-btn div {
	color:#fff;
}
.eu-faco-container {
	padding:0 !important;
}
.eu-faco-intro {
	padding-top: 45px;
	color:#fff;
}
.swiper-mdc {
	padding-top: 35px !important;
}
.swiper-mdc .board {
	background: #fff;
}
.swiper-mdc .board-header {
	position: relative;
}
.swiper-mdc .board-header .board-header-container::before {
	content: "";
	background: url(../img/mdc-tema-1.png) left -30px bottom repeat-x;
	background-size: auto 100px;
	width:calc(100% - 40px);
	height:calc(100% + 10px);
	display: block;
	position: absolute;
	top:0px;
}
.swiper-mdc .board-header .board-header-container-tema-2::before {
	background: url(../img/mdc-tema-2.png) left -30px bottom repeat-x;
	background-size: auto 100px;
}
.swiper-mdc .board-header .board-header-container-tema-3::before {
	background: url(../img/mdc-tema-3.png) left -30px bottom repeat-x;
	background-size: auto 100px;
}
.swiper-mdc .board-header .board-header-container-tema-4::before {
	background: url(../img/mdc-tema-4.png) left -30px bottom repeat-x;
	background-size: auto 100px;
}
.swiper-mdc .board-header .board-header-container-tema-5::before {
	background: url(../img/mdc-tema-5.png) left -30px bottom repeat-x;
	background-size: auto 100px;
}
.swiper-mdc .board-header span {
	color:#73bf44;
	text-transform: uppercase;
}
.swiper-mdc .divider {
	background: #b7b7b7;
	height: 1px;
	width:100%;
	margin: 15px 0;
	opacity: 0.3;
	font-weight: normal !important;
}
.eu-faco-row {
	text-align: center;
}
.eu-faco-row h4 {
	text-transform: none !important;
	letter-spacing: 0;
	font-size: 1.1em;
}
.eu-faco-row em {
	font-size:0.8em;
	font-style: normal;
}
.eu-faco-row .global-btn {
	display: inline-block;
	margin:15px auto 5px;
	font-size:0.75em;
	width:150px;
	padding-top:0;
	padding-bottom:0;
}
.eu-faco-row .global-btn.agenda {
	width:105px !important; 
}
.eu-faco-row .global-btn::before {
	content:none !important;
}
.eu-faco-row .global-btn::after {
	width:20px;
	height:20px;
	right:10px;
	top:-7px;
}
.eu-faco-row .global-btn:hover {
	background: none;
}
.eu-faco-row .global-btn:hover div {
	color:#8d8d8d !important;
}
.elem-maos-obra-page {
	background: url(/assets/img/maos_a_obra.png) center right -200px no-repeat;
	width:400px;
	height: 400px;
	background-size: contain;
	position: absolute;
	bottom:-150px;
	right:0;
}
.competition {
	width:100%;
	position: relative;
	padding-bottom: 100px;
}
.competition-wrapper {
	padding-top:50px;
	padding-bottom:0px;
	color:#fff;
}
.brands {
	width:100%;
	background: #fff;
	border:solid 5px #f3f3f4;
	border-top:none;
	border-bottom-width: 25px;
}
.brands-header {
	width:100%;
	background: #f3f3f4;
	padding: 10px 0;
}
.brands-title {
	max-width: 80%;
}
.brands-container .swiper-wrapper div {
	text-align: center;
	font-size: 0.4em;
	line-height: 1.15em;
	color:#000;
	padding: 20px 0 15px;
}
.arrow-scroll {
	width:100%;
	height:30px;
	background: url(/assets/img/arrow-scroll.png) center center no-repeat;
	background-size: contain;
	animation: scroll-anim .5s .5s infinite alternate;
}
.gallery .swiper-wrapper {
	/*margin:0;
	flex-wrap:nowrap;
	*/
	margin-left: 15px;
	margin-right: 15px;
	flex-wrap: wrap;
	height:auto;
	padding:20px 0 30px;
}
.large-slide {
	width:calc(100% - 30px) !important;
	padding: 3px 0;
}
.small-slide {
	width:calc(50% - 18px) !important;
	padding: 3px 0;
	margin-right:6px !important;
}
.swiper-button-next {
	background-image: url(../img/arrow-right.png) !important;
	background-size: contain !important;
	width:30px !important;
	margin-top:0 !important;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, 0, 0) translate(0, -50%);
	-moz-transform: translate3d(0, 0, 0) translate(0, -50%);
	transform: translate3d(0, 0, 0) translate(0, -50%);
	right:10px !important;
}
.swiper-button-prev {
	background-image: url(../img/arrow-left.png) !important;
	background-size: contain !important;
	width:30px !important;
	margin-top:0 !important;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, 0, 0) translate(0, -50%);
	-moz-transform: translate3d(0, 0, 0) translate(0, -50%);
	transform: translate3d(0, 0, 0) translate(0, -50%);
	left:10px !important;
}
.gallery .swiper-pagination {
	bottom:0 !important;
}
.gallery .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	background-color: #fff;
	opacity:0.35;
}
.gallery .swiper-pagination-bullet-active {
	background-color:#fff;
}
.modal-header {
	height:0;
	padding:0;
	overflow: visible;
	position: relative;
	z-index: 999;
	border: none;
}
.modal-header .close {
	position: absolute;
	font-size: 2.5rem !important;
	right:0px;
	top:-45px;
	color:#fff;
	text-shadow: none;
}
.ekko-lightbox-nav-overlay a {
	font-size: 3rem !important;
}
.modal-backdrop.show {
	opacity: .75;
}
.modal-body {
	padding:0 !important;
	position: relative;
	z-index: 998;
}
.elem-top-page {
	height: 40vw;
	width: 40vw;
	position:absolute;
	left:-60px;
	top:200px;
	background: url(../img/elementos_topo.png) center left no-repeat;
	background-size: contain;
	z-index: -1;
	display:none;
}
.elem-end-page {
	height: 80vw;
	margin-top:-100px;
	background: url(../img/elementos_footer_mobile.png) center bottom no-repeat;
	background-size: contain;
	position: relative;
	z-index: -1;
}

@media (min-width: 375px) { 
	header {
		font-size:0.75em;
		max-height: 50px;
	}
	.header {
		background: url(/assets/img/mobile-header.png) top right 15% no-repeat;
		background-size: 110% auto; 
	}
	.header-wrapper {
		padding-top:220px;
	}
	.header-wrapper ul {
		line-height: 1.2em;
	}
	.header-wrapper ul li {
		padding-left: 17px;
		background-size:11px auto;
		font-size: 0.8em;
	}
	.header-wrapper .left-column {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.header-wrapper .insta-note {
		bottom:8px;
		font-size: 0.8em;
	}
	.catalog img {
		top:-10%;
		height:120%;
	}
	.catalog .copy {
		padding-left:120px;
	}
	.schedule-intro h3, .eu-faco-intro h3 {
		font-size:1.3em;
	}
	.schedule-intro h1, .eu-faco-intro h1 {
		font-size:2em;
	}
	.schedule-intro p {
		font-size:1.1em;
	}
	.workshop-title {
		font-size: 1.5em;
		padding-left: 35px !important;
		background-size:22px auto;
		background-position:left 2px top 3px
	}
	.workshops .board {
		line-height:1.4em;
	}
	.workshops .board .board-img {
		height:180px;
	}
	.workshops .cal-add-btn {
		width:40px;
		height:40px;
	}
	.workshops .sign-up-btn::after {
		width:30px;
		height:30px;
		right:20px;
	}
	.workshops .sign-up-btn {
		font-size: 1.1em;
	}
	.workshops .live-event .sign-up-btn {
		font-size: 1.1em;
	}
	.workshops .live-event .sign-up-btn::after {
		right:7px;
	}
	.card-container p {
		width:100%;
	}
	.competition-wrapper {
		/*padding-bottom:300px;*/
	}
	
}

@media (min-width: 412px) { 
	header {
		font-size:0.85em;
		max-height: 60px;
	}
	header .copy span {
		font-size:1.3em;
	}
	header .copy-line {
		padding-top: 2px;
	}
	.header {
		background: url(/assets/img/mobile-header.png) top right 15% no-repeat;
		background-size: 105% auto; 
	}
	.header-wrapper {
		padding-top:240px;
	}
	.main-header-title {
		max-width:350px !important;
	}
	.header-wrapper ul {
		line-height: 1.3em;
	}
	.header-wrapper ul li {
		padding-left: 20px;
		background-size:13px auto;
		font-size: 0.9em;
	}
	.workshops .board-header {
		font-size: 1.1em;
	}
	.workshops .board-header span {
		font-size: 0.65em;
	}
	.workshops .board .board-img {
		height:220px;
	}
	.workshops .sign-up-btn {
		font-size: 1.10em;
	}
	.workshops .date-time {
		font-size: 1.1em;
	}
	.atcb-list {
		width:200px !important;
	}
	.elem-maos-obra-page {
		background: url(/assets/img/maos_a_obra.png) center right -50px no-repeat;
		width:350px;
		height: 350px;
		background-size: contain;
		position: absolute;
		bottom:-120px;
		right:0;
	}
	.competition-wrapper {
		/*padding-bottom:400px;*/
	}
	.brands-container .swiper-wrapper div {
		font-size: 0.5em;
	}

}

@media (min-width: 498px) { 
	.competition-wrapper {
		/*padding-bottom:500px;*/
	}
}

@media (min-width: 576px) { 
	body {
		background: #a68e79 url(/assets/img/bg.jpg) top right repeat-y;
		background-attachment:fixed;
		background-size: auto 2500px !important;
	}
	header .header-title {
		margin-right:-10px;
	}
	.header {
		background: url(/assets/img/header.png) top 60px right -50px no-repeat;
		background-size:contain; 
		min-height: 820px;
	}
	.main-header-title {
		max-width:300px !important;
	}
	.header-wrapper {
		padding-top:100px;
	}
	.header-wrapper #intro-video {
		width:100%;
		margin:30px 0;
		border:4px solid #fff;
	}
	.header-wrapper .play-btn {
		width:calc(100% - 34px);
		height:calc(100% - 70px);
		top:32px;
		z-index:99;
		left: 17px;
	}
	.header-wrapper .left-column, .header-wrapper .right-column {
		padding-right:15px;
		padding-left:15px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.header-wrapper .right-column {
		margin-top:-3px;
	}
	.header-wrapper ul {
		line-height: 1.1em;
	}
	.header-wrapper ul li {
		padding-left: 16px;
		background-position: left top 2px;
		background-size:10px auto;
		font-size: 0.8em;
	}
	.header-wrapper .insta-note {
		bottom:15px;
		font-size: 0.55em;
	}
	footer .copyright {
		background-color: #74b130;
		padding:15px 0 10px;
	}
	footer .copyright .social ul {
		position: relative;
		top:0px;
		padding-bottom:15px;
	}
	.catalog {
		position: absolute;
		left:calc(50% - 2px);
		top:358px;
		width:240px;
	}
	.catalog img {
		top:-10px;
		left:7px;
		height:70%;
	}
	.catalog .copy {
		padding:8px 55px 10px 30px;
		height:45px;
		margin:-2px 0 10px 0px;
		font-size: 0.7em;
		text-align: right;
	}
	.catalog .copy::after {
		width:32px;
		height:32px;
		top:5px;
		right:25px;
	}
	.schedule-intro {
		padding-top:45px;
	}
	.schedule-intro h3, .eu-faco-intro h3 {
		font-size:1.2em;
	}
	.schedule-intro p {
		font-size:0.9em;
	}
	.schedule-intro .global-btn {
		width:80%;
	}
	footer .copyright .social ul {
		text-align:right;
	}
	footer .copyright {
		padding-bottom: 0px;
	}
	.workshops {
		margin:60px 0 0;
		width:100%;
		max-width:100%;
	}
	.workshops .swiper-container {
		padding-left:calc(50% - 270px + 5px);
		padding-right:calc(50% - 270px + 15px);
	}
	.workshops .board-container {
		max-width:75%;
	}
	.workshops .col.cal-icon img {
		max-width:30px;
	}
	.workshops .date-time {
		font-size: 1.15em;
	}
	.elem-maos-obra-page {
		background: url(/assets/img/maos_a_obra.png) center right -50px no-repeat;
		width:420px;
		height: 420px;
		background-size: contain;
		position: absolute;
		bottom:-190px;
		right:0;
	}
	.competition {
		/*background: url(/assets/img/mobile-passatempo-bg.png) bottom left no-repeat;
		background-size:contain; 
		min-height: 800px;*/
	}
	.competition-wrapper {
		/*padding-bottom:250px;*/
	}
	.row.card-container {
		width:calc(100% + 40px);
	}
	.global-btn .fb-btn {
		padding-left:25px !important;
	}
	.gallery-wrapper {
		padding: 0 65px;
		position: relative;
		margin-top:100px;
	}
	.gallery .swiper-wrapper {
		margin:0;
		flex-wrap:nowrap;
		/*margin-left: 15px;
		margin-right: 15px;
		flex-wrap: wrap;
		height:auto;
		*/
	}
	.large-slide, .small-slide {
		width: calc(50% - 6px) !important;
		padding: 0;
		margin-right:10px !important;
	}
	.elem-end-page {
		background: url(../img/elementos_footer_dir.png) bottom right no-repeat;
		background-size: contain;
		height:350px;
		margin-top:-160px;
	}
	.elem-end-page-left {
		background: url(../img/elementos_footer_esq.png) bottom left no-repeat;
		background-size: auto 250px;
		height:350px;
	}
}

@media (min-width: 625px) {
	.elem-top-page {
		display:block;
	}
}

@media (min-width: 768px) {
	body {
		background-size: auto 3000px !important;
	}
	h1 {
		font-size:3.3em;
		letter-spacing: -0.04em;
	}
	.schedule-intro h1, .eu-faco-intro h1 {
		font-size:2.8em !important;
	}
	h2 {
		font-size:1.5em;
	}
	header .header-title {
		float:right;
		padding-right:15px;
		display: flex;
	}
	header .title-line {
		font-weight: 700;
		padding: 0;
	}
	header .copy-line {
		display:inline-block !important;
		max-width:none !important;
		width:auto !important;
		flex: none;
		padding: 12px 4px 0;
		clear: none;
	}
	header .copy span {
		font-size:1.25em;
	}
	.header {
		background-position: top 55px right -50px;
		background-size:contain; 
		height: 1050px;
	}
	.header-wrapper {
		padding-top:120px;
	}
	.main-header-title {
		max-width:350px !important;
	}
	.header-wrapper ul {
		line-height: 1.4em;
		padding-left:10px;
	}
	.header-wrapper ul li {
		padding-left: 18px;
		background-size:12px auto;
		font-size: 0.9em;
	}
	.header-wrapper .insta-note {
		bottom:5px;
		font-size: 0.8em;
	}
	footer .copyright {
		background-color: #74b130;
		padding:15px 0 5px;
	}
	footer .copyright .social ul {
		position: relative;
		top:-5px;
		padding-bottom:0px;
	}
	.catalog {
		left:calc(50% + 7px);
		top:427px;
		width:275px;
	}
	.catalog img {
		top:-25px;
		left:7px;
		height:100%;
	}
	.catalog .copy {
		height:50px;
		font-size: 0.8em;
	}
	.catalog .copy::after {
		width:33px;
		height:33px;
		top:7px;
	}
	.schedule-intro {
		padding-top:5px !important;
	}
	.schedule-intro h3, .eu-faco-intro h3 {
		font-size:1.3em;
	}
	.schedule-intro h1, .eu-faco-intro h1 {
		font-size:3em;
	}
	.schedule-intro p {
		font-size:1.05em;
		line-height: 1.4em;
	}
	
	.workshop-title {
		margin:15px 0 40px 10px !important;
	}
	.workshops {
		margin: 0px auto 0;
		width:100%;
		max-width: 720px;
	}
	.workshops .swiper-nav {
		display: none;
	}
	.workshops .swiper-container {
		padding-left:0;
		padding-right:25px;
	}
	.workshops .swiper-wrapper {
		margin-left:15px;
		margin-right:15px;
		flex-wrap:wrap;
		height:auto !important;
		transform: translate3d(0px, 0px, 0px) !important;
	}
	.workshops .board-header {
		padding-right: 75px;
	}
	.workshops .board-container {
		width:100%;
		max-width:100%;
		margin-left:0px;
		margin-bottom:15px;
		-webkit-transition: margin 0.2s ease-in-out;
		-moz-transition: margin 0.2s ease-in-out;
		transition: margin 0.2s ease-in-out;
	}
	.workshops .board-container.active {
		margin-bottom:30px;
	}
	.workshops .board {
		margin-bottom:0px;
	}
	.workshops .live-event .sign-up-btn {
		font-size: 1em;
	}
	.workshops .drop-btn {
		position:absolute;
		top:-22px;
		left:0;
		width:100%;
		height:calc(100% + 22px);
		cursor: pointer;
	}
	.workshops .drop-btn::after {
		content: "" !important;
		background: #ebbd00 url(/assets/img/arrow-w.png) center center no-repeat;
		background-size: 65% auto;
		border-radius: 50%;
		width:40px;
		height:40px;
		position: absolute;
		top: calc(50% + 4px);
		right:15px;
		-webkit-transform: rotate(90deg) translate(-50%, 0);
		-moz-transform: rotate(90deg) translate(-50%, 0);
		transform: rotate(90deg) translate(-50%, 0);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.workshops .swiper-demos .drop-btn::after {
		background-color: #75b03a;
	}
	.workshops .active .drop-btn::after {
		background: #ffe466 url(/assets/img/close-w.png) center center no-repeat;
		background-size: 55% auto;
	}
	.workshops .swiper-demos .active .drop-btn::after {
		background-color: #a5e961;
	}
	.card-container .col {
		padding:0 15px;
		margin:0 0 0 15px;
	}
	.card-wrapper img, .card-container .global-btn {
		float: right;
	}
	.row.card-container {
		margin-left:0px;
		width:100%;
		text-align: right;
	}
	.card-container .global-btn {
		width:60%;
	}
	.schedule-intro .global-btn {
		width:65%;
	}
	.swiper-mdc .cols-lg-6 {
		max-width: calc(50% - 13px);
		float:left !important;
	}
	.swiper-mdc .col-spacer {
		margin-right:25px;
	}
	.swiper-mdc .board-header .board-header-container::before {
		background-position: left -70px bottom;
		background-size: auto 120px;
	}
	.swiper-mdc .drop-btn::after, .swiper-mdc .active .drop-btn::after {
		background: #9bc03e url(/assets/img/arrow-w.png) center center no-repeat;
		background-size: 65% auto;
		border-radius: 50%;
		width:40px !important;
		height:40px !important;
		position: absolute;
		top: calc(50% + 4px) !important;
		right:15px !important;
		-webkit-transform: rotate(90deg) translate(-50%, 0);
		-moz-transform: rotate(90deg) translate(-50%, 0);
		transform: rotate(90deg) translate(-50%, 0);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.swiper-mdc .active .drop-btn::after {
		background: #9bc03e url(/assets/img/close-w.png) center center no-repeat;
		background-size: 55% auto;
	}
	.elem-maos-obra-page {
		background: url(/assets/img/maos_a_obra.png) center right -175px no-repeat;
		width:450px;
		height: 450px;
		background-size: contain;
		position: absolute;
		bottom:20px;
		right:0;
	}
	.competition {
		background-position: bottom -20px left -230px;
		background-size:auto 900px; 
		height: auto;
		min-height: inherit;
		margin-top:-50px;
	}
	.competition-wrapper {
		/*padding-bottom:80px;*/
		padding-top: 50px;
	}
	.elem-top-page {
		display:none;
	}

}


@media (min-width: 830px) {
	.elem-top-page {
		height: 30vw;
		width: 30vw;
		position:absolute;
		left:-65px;
		top:225px;
		display:block;
	}
}


@media (min-width: 910px) {
	.elem-top-page {
		left:-35px;
	}
}


@media (min-width: 992px) {
	body {
		background-size:cover;
	}
	h1 {
		font-size:4.05em;
		line-height: 0.9em;
		letter-spacing: -0.05em;
	}
	h2 {
		font-size:1.8em;
		padding-top:9px;
	}
	.select select {
		border-radius: 65px;
		height:45px;
		padding-top:12px;
		-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
	}
	.select select:hover {
		background: #999;
	}
	.select__arrow {
		height:50px;
		width:50px;
		background-size: auto 45%;
	}
	.header { 
		height: auto;
		background-size: auto 97%;
	}
	.main-header-title {
		max-width:400px !important;
	}
	.header-wrapper {
		padding-top:155px;
	}
	.header-wrapper ul {
		line-height: 1.5em;
	}
	.header-wrapper ul li {
		padding-left: 20px;
		background-position: left top 2px;
		background-size:14px auto;
		font-size: 1.05em;
	}
	.header-wrapper .right-column {
		margin-top:-2px;
	}
	.catalog {
		left:calc(50% - 75px);
		top:480px;
		width:320px;
	}
	.catalog img {
		height:120%;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	.catalog .copy {
		padding-top:8px;
		padding-right:60px;
		height:60px;
		font-size: 0.9em;
		line-height: 1.3em;
	}
	.catalog .copy::after {
		width:35px;
		height:35px;
		top:11px;
		right:30px;
	}
	.catalog:hover .copy::after {
		-webkit-animation: nudge-arrow .5s 2;
		-moz-animation: nudge-arrow .5s 2;
		animation: nudge-arrow .5s 2;
	}
	.catalog:hover img {
		-webkit-transform: translate3d(0, 0, 0) rotate(13deg) scale(1.1) translate(2px,-5px);
		-moz-transform: translate3d(0, 0, 0) rotate(13deg) scale(1.1) translate(2px,-5px);
    	transform: translate3d(0, 0, 0) rotate(13deg) scale(1.1) translate(2px,-5px);
	}
	.schedule-intro {
		padding-top:125px !important;
	}
	.schedule-intro h3, .eu-faco-intro h3 {
		font-size:1.6em;
	}
	.schedule-intro h1, .eu-faco-intro h1 {
		font-size:4em;
	}
	.schedule-intro p {
		font-size:1.05em;
		line-height: 1.4em;
	}
	.schedule-intro .global-btn {
		width:70%;
	}
	.workshops .swiper-container {
		padding:0 15px 0 0;
	}
	.workshop-title {
		font-size: 1.7em;
		padding-left: 38px !important;
		background-size:25px auto;
		background-position:left 2px top 3px;
		color:#ffe466;
	}
	.workshops {
		margin: 35px auto 0;
		max-width: 960px;
	}
	.workshops .swiper-container {
		padding:0 35px 0 0;
	}
	.workshops .swiper-container.swiper-demos {
		padding:0 25px 0 0;
	}
	.workshops .board-header {
		padding: 10px 30px 30px 30px;
		min-height:95px;
	}
	.workshops .board-header:hover span {
		color:#ebbd00;
	}
	.workshops .swiper-demos .board-header:hover span {
		color:#75b03a;
	}
	.workshops .drop-btn::after {
		width:50px;
		height:50px;
		right:30px;
	}
	.workshops .drop-btn:hover::after {
		-webkit-animation: jump-arrow .2s;
		-moz-animation: jump-arrow .2s;
		animation: jump-arrow .2s;
	}
	.swiper-mdc .drop-btn::after, .swiper-mdc .active .drop-btn::after {
		right:15px;
	}
	.swiper-mdc .drop-btn:hover::after {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}
	.workshops .col.drop-label {
		padding-top:10px;
	}
	.workshops .board-header {
		padding-right: 100px;
	}
	.workshops .board {
		padding-left: 30px;
		padding-right: 30px;
	}
	.workshops .board .board-img {
		width: calc(100% + 60px);
		margin: -15px 0 20px -30px;
	}
	.workshops .row.date-wrapper {
		margin:5px 0;
	}
	.workshops .row.live-event {
		width:calc(100% + 60px);
		margin:13px 0 -25px -30px;
		padding: 33px 30px 25px; 
	}
	.workshops .sign-up-btn {
		padding: 20px 30px;
		margin: 25px 0 -15px -30px;
		width:calc(100% + 60px);
		font-size: 1.4em;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.workshops .sign-up-btn::after {
		width:35px;
		height:35px;
		right:37px;
		-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
	}
	.workshops .sign-up-btn:hover {
		background: #fff;
		color:#8d8d8d;
	}
	.workshops .sign-up-btn:hover::after {
		background: #ebbd00 url(/assets/img/arrow-small-w.png) center center no-repeat;
		background-size: 65% auto;
		-webkit-animation: nudge-arrow-2 .5s 2;
		-moz-animation: nudge-arrow-2 .5s 2;
		animation: nudge-arrow-2 .5s 2;
	}
	.workshops .live-event .sign-up-btn:hover {
		background: #7d721a;
		color:#fff;
	}
	.workshops .live-event .sign-up-btn:hover::after {
		background: url(/assets/img/arrow-small-w.png) center center no-repeat;
		background-size: 65% auto;
		-webkit-animation: nudge-arrow-2 .5s 2;
		-moz-animation: nudge-arrow-2 .5s 2;
		animation: nudge-arrow-2 .5s 2;
	}
	.workshops .cal-add-btn {
		width:50px;
		height:50px;
		-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
	}
	.workshops .cal-add-btn:hover {
		background-color: #7d721a;
	}
	.card-container .col {
		padding:0 30px;
	}
	.card-container h4 {
		font-size:1.75em;
	}
	.card-container p {
		font-size: 1.05em;
	}
	.global-btn {
		padding-top: 13px;
		font-size:1.3em;
	}
	.global-btn, .global-btn::before {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.global-btn:hover::before {
		background:url(/assets/img/green-corner.png) top left no-repeat;
		background-size:600px;
	}
	.global-btn:hover {
		background: #9bc03e;
	} 
	.global-btn:hover div {
		color:#fff;
	}
	.global-btn::after {
		width:35px;
		height:35px;
		top: -8px;
		right:30px;
		-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
	}
	.global-btn:hover::after {
		background: #fff url(/assets/img/arrow-small-g.png) center center no-repeat;
		background-size: 65% auto;
		-webkit-animation: nudge-arrow .5s 2;
		-moz-animation: nudge-arrow .5s 2;
		animation: nudge-arrow .5s 2;
	}
	.global-btn div {
		left: 30px;
		top:-3px;
	}
	.swiper-mdc .cols-lg-6 {
		max-width: calc(50% - 17px);
	}
	.swiper-mdc .board-header .board-header-container::before {
		background-position: left -30px bottom;
		background-size: auto 120px;
		width:calc(100% - 60px);
	}
	.swiper-mdc .board-header:hover span {
		color:#73bf44;
	}
	.swiper-mdc .drop-btn::after, .swiper-mdc .active .drop-btn::after {
		right:30px !important;
	}
	.eu-faco-row .global-btn {
		width:170px;
	}
	.eu-faco-row .global-btn.agenda {
		width:128px !important; 
	}
	.eu-faco-row .global-btn::after {
		top:-3px;
		right:20px;
	}
	.elem-maos-obra-page {
		background: url(/assets/img/maos_a_obra.png) center right no-repeat;
		width:450px;
		height: 450px;
		background-size: contain;
		position: absolute;
		bottom:20px;
		right:0;
	}
	.competition {
		height:auto;
		padding-top:200px;
		margin-top:-300px;
		background-size: auto 1000px;
		background-position: bottom left -100px;
	}
	.competition-wrapper {
		/*padding-bottom:125px;*/
		padding-top:125px;
	}
	.global-btn .fb-btn {
		background: url(/assets/img/fb-icon_grey.png) top 1px left no-repeat;
		background-size: 22px auto;
		padding: 1px 0 4px 30px !important;
		height: 23px;
	}
	.global-btn:hover .fb-btn {
		background-image: url(/assets/img/fb-icon.png);
		background-size: 22px auto;
	}
	.large-slide, .small-slide {
		width: calc(33% - 5px) !important;
		padding: 0;
		margin-right:10px !important;
	}
	.brands-container .swiper-wrapper div {
		font-size: 0.55em;
	}
	.gallery-wrapper {
		max-width: 90%;
	}
	.elem-end-page {
		background: url(../img/elementos_footer_dir.png) bottom right no-repeat;
		background-size: contain;
		height:400px;
		margin-top:-200px;
	}
	.elem-end-page-left {
		background: url(../img/elementos_footer_esq.png) bottom -10px left no-repeat;
		background-size: auto 275px;
		height:400px;
	}
	.elem-top-page {
		display:none;
	}
	.swiper-partners .swiper-wrapper {
		display: flex;
		justify-content: space-between;
	}

}

@media (min-width: 1100px) { 
	.elem-top-page {
		height: 350px;
		width: 350px;
		position:absolute;
		left:-105px;
		top:300px;
		display: block;
	}
}

@media (min-width: 1150px) { 
	.elem-top-page {
		height: 350px;
		width: 350px;
		position:absolute;
		left:-75px;
		top:300px;
		display: block;
	}
	.elem-maos-obra-page {
		right:5%;
	}
}


@media (min-width: 1200px) { 
	h1 {
		font-size:4.5em;
	}
	h2 {
		font-size:2em;
		padding-bottom:10px;
	}

	.main-header-title {
		max-width:500px !important;
	}
	.header-wrapper ul {
		line-height: 1.7em;
		padding-left:20px;
	}
	.header-wrapper ul li {
		padding-left: 25px;
		background-position: left top 2px;
		background-size:18px auto;
		font-size: 1.2em;
	}
	.header-wrapper .right-column {
		margin-top:0px;
	}
	.header-wrapper .insta-note {
		bottom:0px;
		font-size: 1em;
	}
	.catalog {
		top:520px;
		width:375px;
	}
	.catalog img {
		height:140%;
		top:-30px;
	}
	.catalog .copy {
		padding-top:13px;
		padding-right:70px;
		height:75px;
		font-size: 1.05em;
	}
	.catalog .copy::after {
		width:40px;
		height:40px;
		top:15px;
		right:35px;
	}
	
	.workshops {
		max-width: 1140px;
	}
	.workshops .swiper-container {
		padding:0 55px 0 0;
	}
	.workshops .board-header {
		padding: 10px 175px 30px 45px;
	}
	.workshops .board {
		padding-right: 45px;
		padding-left: 45px;
		font-size: 1em;
		line-height: 1.45em;
	}
	.workshops .board .board-img {
		width: calc(100% + 90px);
		margin: -15px 0 25px -45px;
	}
	.workshops .row.live-event {
		width:calc(100% + 90px);
		margin:13px 0 -25px -45px;
		padding: 35px 45px 33px; 
	}
	.workshops .sign-up-btn {
		padding: 20px 45px;
		margin: 25px 0 -15px -45px;
		width:calc(100% + 90px);
	}
	.workshops .sign-up-btn::after {
		right:53px;
	}
	.workshops .drop-btn::after {
		right:46px;
	}
	.card-container .col {
		padding:0 45px;
	}
	.card-container .global-btn {
		width:60%;
	}
	.swiper-mdc .cols-lg-6 {
		max-width: calc(50% - 27px);
	}
	.swiper-mdc .board-header .board-header-container::before {
		background-position: left -30px bottom;
		background-size: auto 120px;
		width:calc(100% - 90px);
	}
	.swiper-mdc .drop-btn::after, .swiper-mdc .active .drop-btn::after {
		right:45px !important;
	}
	.eu-faco-row .global-btn {
		width:185px;
	}
	.eu-faco-row .global-btn.agenda {
		width:135px !important; 
	}
	.eu-faco-row .global-btn::after {
		top:-1px;
		right:20px;
	}
	.competition {
		background-size: auto 1000px;
		background-position: bottom left;
		height:auto;
		padding-top:200px;
		margin-top:-300px;
	}
	.competition-wrapper {
		/*padding-bottom:125px;*/
	}
	.brands-title {
		max-width: 70% !important;
	}
	p.highlight {
		line-height: 1.25em;
		font-size: 1.15em;
	}
	.elem-top-page {
		display:none;
	}
	
}

@media (min-width: 1250px) { 
	.elem-top-page {
		display:block;
		left:-100px;
		top:255px;
	}
	
}

@media (min-width: 1350px) { 
	.elem-top-page {
		display:block;
		left:-70px;
	}
	
}