@font-face {
    font-family: 'prelo_navigator_black';
    src: url('../fonts/PreloNavigator-Black.woff2') format('woff2'), url('../fonts/PreloNavigator-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigatorbold';
    src: url('../fonts/PreloNavigator-Bold.woff2') format('woff2'), url('../fonts/PreloNavigator-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigatorbook';
    src: url('../fonts/PreloNavigator-Book.woff2') format('woff2'), url('../fonts/PreloNavigator-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigatorextrabold';
    src: url('../fonts/PreloNavigator-Exbd.woff2') format('woff2'), url('../fonts/PreloNavigator-Exbd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigator_extralight';
    src: url('../fonts/PreloNavigator-ExtraLight.woff2') format('woff2'), url('../fonts/PreloNavigator-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigatorhairline';
    src: url('../fonts/prelonavigator-Hairline.woff2') format('woff2'), url('../fonts/prelonavigator-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigator_light';
    src: url('../fonts/prelonavigator-Light.woff2') format('woff2'), url('../fonts/prelonavigator-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigator_medium';
    src: url('../fonts/prelonavigator-medium-webfont.woff2') format('woff2'), url('../fonts/prelonavigator-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prelo_navigator_semibold';
    src: url('../fonts/prelonavigator-SemiBold.woff2') format('woff2'), url('../fonts/prelonavigator-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body * {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

.bold {
    font-family: 'prelo_navigatorbold', sans-serif;
}

h1.black {
    font-family: 'prelo_navigator_black';
    color: #FFF;
    text-align: center;
    font-size: 52px;
    width: 542px;
    margin: 0 auto;
}

.page-winners h1.black {
    width: 442px;
}

.navbar-brand {
  padding: 3px 15px;
}
.black{
    font-family: 'prelo_navigator_black';
}
.book{
    font-family: 'prelo_navigatorbook';
}
.semi-bold{
    font-family: 'prelo_navigator_semibold';
}
.extra-light{
    font-family: 'prelo_navigator_light';
}
.rules-title h1.black {
    font-family: 'prelo_navigator_black';
    color: #c627d5;
    text-align: center;
    font-size: 2.9em;
    max-width: 650px;
    width: 100%;
    margin: 7px auto;
    position: relative;
    line-height: 0.9em;
}

.after-rules{
  width: 81%;
  color: #c627d5;
  width: 81%;
  margin: 0 auto 14px;
  padding: 14px 13px;
  font-size: 1.223em;
}

.logo{
  padding-left: 27px;
}
.navSticky {
    background: url('../img/banner-top.png') no-repeat,#fabe37;
    background-position: -39px 0px;
    height: 100px;
    border: 0;
    margin-bottom: 0;
}

.navbar-invpxerse .navbar-nav {
    margin-top: 30px;
}

.navbar-inverse .navbar-nav>li>a {
    position: relative;
    /* width: 99px; */
    font-size: 1.1em;
    text-align: center;
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a .bar {
    position: absolute;
    width: 1px;
    height: 15px;
    right: 0;
    top: 12px;
    background: #FFF;
}
.light{
    font-family: 'prelo_navigator_light';
}
span.line {
    background: url('../img/menu-active.png') no-repeat;
    background-size: contain;
    width: 79px;
    height: 11px;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
}
.nav-li-menu{
  position: relative;
}
.nav-li-menu.home{
  display: none;
}
.page-participate .nav-li-menu.participate:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: 8px;
  bottom: -4px;
}
.page-rules .nav-li-menu.rules:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: -3px;
  bottom: -4px;
}

.page-prizes .nav-li-menu.prizes:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: -3px;
  bottom: -4px;
}

.page-jury .nav-li-menu.jury:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left:-7px;
  bottom: -4px;
}
.page-presskit .nav-li-menu.pressKit:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: 8px;
  bottom: -4px;
}

.page-contact .nav-li-menu.contact:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: 8px;
  bottom: -4px;
}

.page-past-editions .nav-li-menu.pastEditions:after{
  position: absolute;
  content: " ";
  background: url('../img/menu-active.png') no-repeat;
  height: 10px;
  width: 68px;
  left: 8px;
  bottom: -4px;
}

.navbar-inverse .navbar-nav>li>a.selected span.line {
    display: block;
}

.nav>li>a {
    padding: 10px 9px 10px 10px;
}

#title {
    background: #27c1ee;
    padding: 22px 0 14px;
}

.title {
    float: left;
}

.s-title{
  font-size: 0.856em;
  padding: 6px 0px 0px 21px;
}

h1 img {
    display: block;
    float: left;
    padding: 4px 0px 0 26px;
}

#my-video {
    width: 100%;
    height: 100%;
    margin-bottom: -5px;
    cursor: pointer;
}
.grow{
  transition:all 0.3s ease;
}
.grow:hover{
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.title-participate {
    background: #fdcd4e;
    height: 73px;
}

.title-participate h2 {
    display: block;
    margin: 0 auto;
    width: 334px;
    height: 73px;
    font-size: 36px;
    text-align: center;
    color: #FFF;
    background: url('../img/fundo-title.png') no-repeat;
    padding: 13px 10px 0 0px;
    background-position: -5px -60px;
    /* letter-spacing: 0.03em; */
    position: relative;
}
.title-participate h2 a{
  color: #FFF;
  text-decoration:none;
}
.title-participate h2:after {
  content:" ";
  position: absolute;
  background: url('../img/dash.png') no-repeat;
  width: 135px;
  height: 9px;
  bottom: 11px;
  left: -26px;
  right: 0;
  margin: 0 auto;
}

/* Yaku */
.linkh-participate {
	text-transform: uppercase;
	overflow: hidden;
	padding: 0 0 10px;
}


.linkh-participate span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.linkh-participate:hover span {
	color: #fdcd4e;
  opacity: 1;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.linkh-participate span:nth-child(4),
.linkh-participate:hover span:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.linkh-participate span:nth-child(3),
.linkh-participate:hover span:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.linkh-participate span:nth-child(2),
.linkh-participate:hover span:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.linkh-participate span:nth-child(2),
.linkh-participate:hover span:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.linkh-participate span:nth-child(4),
.linkh-participate:hover span:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.linkh-participate span:nth-child(11),
.linkh-participate:hover span:nth-child(11) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.linkh-participate span:nth-child(10),
.linkh-participate:hover span:nth-child(10) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.linkh-participate span:nth-child(7),
.linkh-participate:hover span:nth-child(7) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.linkh-participate span:nth-child(4),
.linkh-participate:hover span:nth-child(4) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.linkh-participate span:nth-child(6),
.linkh-participate:hover span:nth-child(6) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.linkh-participate span:nth-child(5),
.linkh-participate:hover span:nth-child(5) {
	-webkit-transition-delay: 0.10s;
	transition-delay: 0.10s;
}
.linkh-participate span:nth-child(9),
.linkh-participate:hover span:nth-child(9) {
	-webkit-transition-delay: 0.11s;
	transition-delay: 0.11s;
}

.home-participate {
    background: url('../img/fundo-home-participate.jpg') no-repeat;
    height: 917px;
    background-size: cover;
}

.home-participate-premio1 {
    position: absolute;
    left: 78px;
    top: 130px;
    background: url('../img/premio1.png') no-repeat;
    width: 529px;
    height: 287px;
}

.home-participate-premio2 {
    position: absolute;
    right: 39px;
    top: 228px;
    background: url('../img/premio2.png') no-repeat;
    width: 499px;
    height: 211px;
}

.home-participate-premio3 {
    position: absolute;
    left: 99px;
    top: 403px;
    background: url('../img/premio3.png') no-repeat;
    width: 559px;
    height: 209px;
}

.home-participate-premio4 {
    position: absolute;
    right: 90px;
    top: 680px;
    background: url('../img/premio4.png') no-repeat;
    width: 526px;
    height: 165px;
}

.navbar-inverse .navbar-collapse {
    margin-top: 40px;
}

.navbar-right {
    padding-right: 22px;
}


.leftBK {
    background-color: #aaa;
    background-image: url(../img/bg-left.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    padding: 0;
}

.rightBK {
    background-color: #aaa;
    background-image: url(../img/bg-right.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    padding: 0;
}

.page-winners .leftBK{
    background-image: url(../img/bg-left_yellow.jpg);
}

.page-winners .rightBK{
    background-image: url(../img/bg-right_yellow.jpg);
}

.page-rules .leftBK, .page-jury .leftBK, .page-past-editions .leftBK{
  background-image: url(../img/rbg-left.jpg);
}
.page-rules .rightBK, .page-jury .rightBK, .page-past-editions .rightBK{
  background-image: url(../img/rbg-right.jpg);
}



table{
  table-layout: fixed
}

.mainBlock {
    padding: 0;
    width: 980px;
}

#wrapper {
    color: #404041;
    /* display: block; */
    /* overflow: auto; */
    height: 0;
}

#footer {
  background: #fdcd4e;
  padding: 26px 43px 30px;
}

.page-rules #footer, .page-jury #footer, .page-past-editions #footer{
  background: #c627d5;
}

.social{
  padding-top: 116px;
  text-align: right;
  margin-right: -9px;
}

.logo-footer {
    width: 197px;
    height: 61px;
    display: block;
    margin: 10px 36px;
}

.footer-link,
.footer-link:hover,
.footer-link:active,
.footer-link:focus {
    display: block;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
}

.footer-link-contact {
    margin-top: 20px;
}

.footer-img {
  margin: 31px 0px 0 -9px;
}

#rules {
    padding: 50px 0 3px;
}

.rules-title-img1 {
    position: absolute;
    left: -12px;
    top: 15px;
    background: url('../img/title-img1.png');
    width: 23px;
    height: 24px;
}

.rules-title-img2 {
    position: absolute;
    left: -11px;
    top: 76px;
    background: url('../img/title-img2.png');
    width: 29px;
    height: 18px;
}

.rules-title-img3 {
    position: absolute;
    left: 43px;
    top: 77px;
    background: url('../img/title-img3.png');
    width: 120px;
    height: 8px;
}

.rules-title-img4 {
    position: absolute;
    right: -19px;
    top: 72px;
    background: url('../img/title-img4.png');
    width: 195px;
    height: 20px;
}

.rules-title-img5 {
    position: absolute;
    right: -35px;
    top: 23px;
    background: url('../img/title-img5.png');
    width: 31px;
    height: 19px;
}
.title-text{
  color: #FFF;
  text-align: center;
  font-size: 1.46em;
  margin-top: 1px;
  line-height: 23px;
}
.rules-top-images{
    text-align: center;
}
.rules-top{
    margin: 63px 0 10px;
}
.rules-top-text{
    color:#c627d5;
    font-size: 1.5em;
    line-height: 21px;
    padding:10px 0 20px 0;
}
.rulesi {
    padding-bottom: 15px;
}
.rulesi a {
    color:#c627d5;
    text-decoration:underline;
    font-size: 0.8em;
}
.rulesi.dev-base, .rulesi.brand {
    padding-right: 32px;
}
.rulesi.cmyk, .rulesi.folding{
  padding-left: 72px;
}
.rules-calendar{
    background:url('../img/calendar-bg.png') no-repeat;
    height: 403px;
    background-position: -90px 0px;
    padding: 83px 0 0;
}
.rules-calendar h2.black{
    font-family: 'prelo_navigator_black';
    color:#ffeaaf;
    font-size: 38px;
    text-align: center;
    letter-spacing: 0.6px;
}

.rules-eligibility h2{
  color: #c627d5;
  text-align: center;
  font-size: 2.9em;
  text-transform: uppercase;
}

.rules-eligibility .subtitle{
  color: #c627d5;
  text-align: center;
  font-size: 1.53em;
  margin: -7px 0 32px;
}

.phase-btn, .phase-btn:hover, .phase-btn:active, .phase-btn:focus, .phase-btn:active:focus{
  background:transparent;
  border: none;
}

.open-phase a{
  padding: 6px 0 0 240px;
  text-align: left;
  font-size: 1.45em;
  width: 100%;
}

.open-phase{
  background:url('../img/phase.png') no-repeat;
  width: 100%;
  height: 45px;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}
.phase-btn{
  position: relative;
}
.phase-btn:after{
  content: " ";
  position: absolute;
  background:url('../img/arr-phase.png') no-repeat;
  width: 14px;
  height: 10px;
  top: 16px;
  right: 256px;
  pointer-events: none;
  -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.phase-btn.collapsed:after{
  -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.open-phase:hover{
  opacity: 1;
}

.phase-list{
  color: #c627d5;
  width: 81%;
  margin: 0 auto 14px;
  list-style: decimal;
  padding: 14px 13px;
  font-size: 1.223em;
}

.phase-list li{
  line-height: 1.6em;
  margin-bottom: -1px;
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}

.participate-now{
  margin: 40px 0 66px;
}

.participate-btn{
  display: block;
  background: url(../img/participate-btn.png) -2px 3px no-repeat;
  width: 327px;
  height: 98px;
  margin: 0 auto;
  text-align: center;
  color: #ffeaaf;
  padding: 41px 0 0 5px;
  font-size: 1.7em;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

.bounce{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

.participate-btn:hover, .bounce:hover{
  color: #ffeaaf;
  text-decoration: none;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

.list-calendar{
  padding: 23px 43px;
  margin: 0 auto;
}
.list-calendar li{
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.list-calendar li.cal-s{
  padding: 0 60px 0 88px;
}

.calendar-block{
    color:#ffeaaf;
}
.calendar-title{
    font-size: 1.47em;
    margin-bottom:10px;
}
/* .calendar-block{
    margin-top: 25px;
} */
.minitext{
  font-size: 0.82em;
  padding-top: 3px;
  display: block;
}
.minitext.scnd{
  padding-bottom: 3px;
}
.calendar-text{
  font-size: 1.49em;
  line-height: 19px;
}

/** PAGE PARTICIPATE **/

/*** RETIRAR!!!!!***/
/* .mCustomScrollBox {
    overflow: visible !important;
} */
/*** RETIRAR!!!!!***/

.page-participate #footer{
  background: #27c1ee;
}

.participate-intro h1, .page-contact h1{
  color: #27c1ee;
  width: auto;
  padding: 47px 0;
  font-size: 2.87em;
  text-transform: uppercase;
  position: relative;
}

.participate-intro h3{
    color: #27c1ee;
    width: auto;
    padding: 0 0;
    font-size: 1.37em;
    text-transform: uppercase;
    position: relative;
}

.participate-intro h1:before, .participate-intro h1:after{
  content: " ";
  background: url(../img/participate-sprite.png) no-repeat;
  position: absolute;
}

.participate-intro h1:before{
  width: 300px;
  height: 20px;
  background-position: 0px -21px;
  top: 29px;
  left: 90px;
}

.participate-intro h1:after{
  width: 547px;
  height: 25px;
  background-position: 0px -88px;
  top: 93px;
  right: 104px;
}

.f-step{
  text-align: center;
  color: #27c1ee;
  font-size: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* .step-rule li{
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #fabe37;
  text-align: center;
  font-size: 1.5em;
}

.rule-cmyk, .rule-base{
  width: 175px;
}

.rule-folding{
  width: 202px;
}

.rule-brand{
  width: 253px;
} */

.fst-step{
  padding: 0 30px;
}

.arule{
  text-transform: uppercase;
  color: #fabe37;
  text-align: center;
  font-size: 1.38em;
}

.arule p{
  position: relative;
  line-height: 1em;
  padding-top: 134px;
}

.arule p:before{
  content: " ";
  background: url(../img/participate-sprite.png) no-repeat;
  position: absolute;
  height: 85px;
  width: 84px;
  top: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.arule.rule-cmyk p:before{
  background-position: -23px -178px;
}
.arule.rule-base p:before{
  background-position: -157px -178px;
}
.arule.rule-folding p:before{
  background-position: -295px -178px;
}
.arule.rule-brand p:before{
  background-position: -458px -178px;
}

.materials-btn{
  display: block;
  background: url(../img/participate-sprite.png) -13px -302px no-repeat;
  width: 327px;
  height: 98px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  padding: 38px 0 0 5px;
  font-size: 1.7em;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  position: relative;
  z-index: 9;
}

.materials-btn:hover{
  text-decoration: none;
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
  color: #ffffff;
}

.rule-brand a{
  display: block;
  color: #fabe37;
  text-decoration: underline;
  font-size: 0.5em;
  text-transform: none;
  padding-top: 5px;
}

.reg-in, .label-country, .select-country{
  display: inline-block;
  vertical-align: top;
  position: relative;
}

/* <---REGISTO--> */
.register{
  background: url(../img/bgform1.png) no-repeat;
  margin-top: -56px;
  padding: 90px 0 46px;
  position: relative;
  z-index: 3;
}
.register-block{
  padding: 30px 33px;
}
.bloco-upload{
  background: url(../img/bgform2.png) no-repeat;
  margin-top: -128px;
  padding: 108px 0 130px;
  position: relative;
  z-index: 2;
}
.bloco-upload-mo{
  background: url(../img/bgform3.png) no-repeat;
  margin-top: -144px;
  padding:92px 0 69px;
  position: relative;
  z-index: 1;
}
.step-title{
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.54em;
  letter-spacing: 0.03em;
}
.reg-in .label, .upload-btn, .upload-btnSection span {
  font-size: 1.3em;
  padding: 0;
  color: #ffffff;
}
.bloco-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'prelo_navigator_semibold';
  color: #fabe37;
}
.bloco-form ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'prelo_navigator_semibold';
  color: #fabe37;
}
.bloco-form :-ms-input-placeholder { /* IE 10+ */
  font-family: 'prelo_navigator_semibold';
  color: #fabe37;
}
.bloco-form :-moz-placeholder { /* Firefox 18- */
  font-family: 'prelo_navigator_semibold';
  color: #fabe37;
}
.bloco-form .bloco-upload ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'prelo_navigator_semibold';
  color: #27c1ee;
}
.bloco-form .bloco-upload ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'prelo_navigator_semibold';
  color: #27c1ee;
}
.bloco-form .bloco-upload :-ms-input-placeholder { /* IE 10+ */
  font-family: 'prelo_navigator_semibold';
  color: #27c1ee;
}
.bloco-form .bloco-upload :-moz-placeholder { /* Firefox 18- */
  font-family: 'prelo_navigator_semibold';
  color: #27c1ee;
}

.bloco-form input, .select-country, ul.options li{
  border: none;
  background: url(../img/participate-sprite.png) no-repeat;
  font-family: 'prelo_navigator_semibold';
  font-size:1.1em;
  color: #fabe37;
}

.bloco-form input#projectName{
  color: #27c1ee;
}

.bloco-form input#name{
  background-position: -44px -523px;
  height: 40px;
  width: 270px;
  padding: 0 10px;
}
.register-block-age{
  padding-left: 13px;
}
.bloco-form input#age{
  background-position: -410px -522px;
  height: 40px;
  width: 120px;
  padding: 0 6px;
}

.bloco-form input#email{
  background-position: -44px -633px;
  height: 40px;
  width: 166px;
  padding: 0 6px;
}

.bloco-form input#email{
  background-position: -44px -633px;
  height: 40px;
  width: 166px;
  padding: 0 7px;
}

.bloco-form .select-country{
  background-position: -259px -634px;
  height: 40px;
  width: 151px;
  padding: 0 0 0 10px;
}

.label-country, .styledSelect {
    padding-top: 10px !important;
}

.styledSelect{
  cursor: pointer;
}

ul.options{
  display: none;
  list-style: none;
  margin-left: -2px;
  height: 175px;
  overflow: hidden;
  overflow-y: scroll;
}

ul.options li{
  background-position: -45px -639px;
  height: 25px;
  width: 161px;
  padding: 0 10px;
  cursor: pointer;
}

ul.options li:last-child {
  height: 37px;
}

.uploads{
  padding: 14px 46px 0;
}

*:focus {
    outline: none !important;
}

.bloco-upload-mo .uploads{
  padding: 5px 46px 0;
  text-align: center;
}

.bloco-form input#projectName, .bloco-form input#namefileMakingOf{
  background-position: -41px -745px;
  height: 40px;
  width: 276px;
  padding: 0 13px;
}

.bloco-form input#namefileMakingOf{
  background-position: -41px -856px;
}

.photo, .fileMakingOf {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.photo + label, .fileMakingOf + label {
  background: url(../img/participate-sprite.png) no-repeat;
  font-family: 'prelo_navigator_semibold';
  font-size: 1.1em;
  color: #15bff0;
  display: inline-block;
  background-position: -395px -743px;
  width: 80px;
  height: 40px;
  padding: 7px 0 0 9px;
  margin: 1px 0 0 13px;
  position: relative;
}

.other-file{
  cursor: pointer;
  position: absolute;
  top: 10px;
  font-style: normal;
  left: 214px;
  color: #de1a57 !important;
  font-size: 1em !important;
}

.fileMakingOf + label {
  color: #fabe37;
  background-position: -395px -855px;
  text-align: left;
}

label span.light{
  left: 100px;
  position: absolute;
  top: 1px;
}

.upload-btnSection {
  padding: 2px 0 0 47px;
}

/* .photo:focus + label,
.photo + label:hover {
    background-color: red;
} */

.photo + label, .fileMakingOf + label {
	cursor: pointer; /* "hand" cursor */
  padding: 10px;
}

/* .photo:focus + label, .fileMakingOf + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;

} */

.upload-btn {
  padding: 7px 0 0 47px;
}

.step-title span{
  font-size: 0.7em;
  text-transform: none;
  display: block;
  margin-top: -3px;
}

.submit-btn, .contact-submit-btn, .subscribe {
    display: block;
    background: url(../img/participate-sprite.png) -390px -328px no-repeat;
    width: 175px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 85px;
    color: #ffffff;
    padding: 17px 0 0 5px;
    text-transform: uppercase;
    font-size: 1.5em;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    position: relative;
    z-index: 9;
}

.bloco-submit{
  height: 120px;
  padding-top: 16px;
    position: relative;
}

.submit-btn{
    margin-bottom: 0px;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.submit-btn:hover, .contact-submit-btn:hover {
    text-decoration: none;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
    color: #ffffff;
}
.page-contact .error{
  position: relative;
  left: 73px;
  display: block;
}

.page-contact #status-error{
  color: #27c1ee;
  width: auto;
  padding: 47px 0;
  font-size: 2.87em;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}

.status-text{
    color: #27c1ee;
    width: auto;
    padding: 47px 0;
    font-size: 2.87em;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

#status-error{
    color: #900C3F;
    width: auto;
    padding: 47px 0;
    font-size: 1.87em;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.page-contact #status-error:after {
  content: " ";
  background: url(../img/participate-sprite.png) no-repeat;
  position: absolute;
  width: 300px;
  height: 20px;
  background-position: 0px -21px;
  top: 99px;
  left: 150px;
}

.page-contact textarea {
    resize: none;
}

/* <---REGISTO--> */

/** PAGE PRIZES **/

.intro-prizes {
    padding: 82px 0;
}

.bloco-prizes{
  background: url(../img/bg-prizes.jpg) no-repeat;
}

.intro-prizes h1, .intro-prizes p{
  color: #fabe37;
  text-align: center;
  width: auto;
}

.intro-prizes h1 {
  font-size: 2.8em;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  text-align: left;
  padding-left: 144px;
  position: relative;
}


.intro-prizes h1:before, .intro-prizes h1:after, .intro-prizes span:after, .intro-prizes p:before, .intro-prizes p:after {
  content: " ";
  background: url(../img/prizes-sprite.png) no-repeat;
  position: absolute;
}

.intro-prizes h1:before{
  width: 130px;
  height: 100px;
  background-position: 0px -25px;
  top: -46px;
  left: 100px;
}
.intro-prizes h1:after{
  width: 219px;
  height: 100px;
  background-position: -150px -14px;
  top: -46px;
  right: 218px;
}
.intro-prizes span:after{
  width: 49px;
  height: 70px;
  background-position: -366px -121px;
  top: 32px;
  right: -49px;
}

.intro-prizes p:before{
  width: 79px;
  height: 33px;
  background-position: -16px -175px;
  top: 60px;
  left: 162px;
}

.intro-prizes p:after{
  width: 139px;
  height: 40px;
  background-position: -167px -169px;
  top: 88px;
  right: 316px;
}

.intro-prizes h1 span{
  padding-left: 168px;
  position: relative;
}

.intro-prizes p {
  font-size: 1.6em;
  /* padding: 0 120px; */
  letter-spacing: 0.02em;
  line-height: 1.07em;
  position: relative;
}

.prize-imac {
    margin: -35px 85px;
}
.prize.prize-cintiq {
    margin: -154px 447px 0;
}
.prize.prize-ipad {
    margin: -26px 0 0px 109px;
}
.prize.prize-pol {
      margin: 40px 0px 40px 351px;
}

.participate-now {
    margin: 62px 0 59px;
}

.page-prizes .participate-btn{
  background: url(../img/prizes-btn.png) -2px 3px no-repeat;
  width: 257px;
  height: 68px;
  padding: 21px 0 0 5px;
}

/** PAGE JURY **/


.page-jury h1, .page-past-editions h1 {
    padding: 53px 0 0;
    font-size: 2.8em;
    position: relative;
}

.page-jury h1:before, .page-jury h2:before, .page-jury h2:after {
  content: " ";
  background: url(../img/jury-sprite.png) no-repeat;
  position: absolute;
}

.page-jury h1:before{
  width: 243px;
  height: 70px;
  background-position: -9px -15px;
  top: 25px;
  left: 165px;
}

.page-jury h2, .page-past-editions h2 {
  font-size: 1.6em;
  text-align: center;
  padding-right: 109px;
  letter-spacing: 0.033em;
  margin: -3px 0 60px;
  position: relative;
}

.page-jury h2:before{
  width: 153px;
  height: 22px;
  background-position: 1px -113px;
  top: 25px;
  left: 233px;
}

.page-jury h2:after{
  width: 119px;
  height: 52px;
  background-position: -288px -57px;
  top: -9px;
  right: 247px;
}

.img-j1{
  margin: 0px 7px;
}
.img-j2 {
    margin: 2px 0 0px -42px;
}
.img-j3 {
    margin: 6px 0 0 15px;
}
.img-j4 {
    margin: -6px 0 0 -42px;
}
.img-j5 {
    margin: 59px 0 0 46px;
}

.jury-magenta h3, .jury-magenta .jury-sub, .page-jury h1, .page-jury h2, .page-past-editions h1, .page-past-editions h2{
  color: #c827d7;
}

.jury-yellow h3, .jury-yellow .jury-sub{
  color: #fabe37;
  text-align: right;
}

.jury-yellow .jury-text{
  text-align: right;
}

.jury1 .info-jury {
    padding: 90px 70px 0 16px;
}
.jury2 .info-jury {
    padding: 105px 48px 0 107px;
}
.jury3 .info-jury {
    padding: 131px 70px 0 16px;
}
.jury4 .info-jury {
    padding: 136px 48px 0 105px;
}
.jury5 .info-jury {
    padding: 141px 79px 0 97px;
}

.jury {
    margin-bottom: 70px;
}

.info-jury h3{
  font-size: 2.26em;
  line-height: 0.9em;
  text-transform: uppercase;
}
.jury-text {
    font-size: 1.23em;
    padding-top: 13px;
    line-height: 1.16em;
}
.info-jury .jury-sub{
  text-transform: uppercase;
  font-size: 1.37em;
}


/** PAGE PAST EDITIONS **/

.page-past-editions h1 {
  text-transform: uppercase;
  width: auto;
  padding: 59px 103px 3px;
  line-height: 0.8em;
  letter-spacing: 0.01em;
  position: relative;
}

.page-past-editions h2 {
  margin: 0 auto 40px;
  padding: 0 70px;
  position: relative;
}

.doodle{
  position: relative;
}

.page-past-editions h1:before, .page-past-editions h2:before, .page-past-editions h1:after, .page-past-editions h2:after, .doodle:before, .doodle:after{
  content: " ";
  background: url(../img/past-sprite.png) no-repeat;
  position: absolute;
}

.winner1 .info-winner, .winner3 .info-winner {
    text-align: right;
}

.info-winner h3{
  font-size: 1.93em;
  line-height: 0.6em;
  text-transform: uppercase;
}
.winner-text {
  font-size: 1.23em;
  line-height: 1.16em;
  margin-top: -5px;
}
.info-winner .winner-sub{
  text-transform: uppercase;
  font-size: 1.93em;
}

.winner1 .info-winner {
    margin: 145px -20px 0 0px;
}
.winner2 .info-winner {
    margin: 62px 0px 0 -35px;
}
.winner3 .info-winner {
    margin: 105px -41px 0 0px;
}

.img-w1 {
    margin: -8px 0px 0 -68px;
}
.img-w2 {
    margin: -112px 0 0 -26px;
}
.img-w3 {
    margin: -60px 0 0 -87px;
}

.magenta{
  color: #c827d7;
}
.yellow{
  color: #fabe37;
}
.blue{
  color: #27c1ee;
}

.page-past-editions h1:before{
  width: 209px;
  height: 25px;
  background-position: -18px 1px;
  top: 35px;
  left: 123px;
}
.doodle1:before{
  width: 92px;
  height: 25px;
  background-position: -19px -60px;
  top: 46px;
  left: -7px;
}

.page-past-editions h1:after{
  width: 39px;
  height: 45px;
  background-position: -268px -10px;
  top: 35px;
  left: 818px;
}
.doodle2:after{
  width: 92px;
  height: 25px;
  background-position: -168px -76px;
  top: 23px;
  left: 13px;
}

.page-past-editions h2:before{
  width: 92px;
  height: 48px;
  background-position: -14px -116px;
  top: 13px;
  left: 42px;
}

.page-past-editions h2:after{
  width: 132px;
  height: 48px;
  background-position: -173px -120px;
  top: 39px;
  right: 141px;
}

.page-past-editions #footer {
    margin-top: 51px;
}

/** PAGE CONTACT **/
.page-contact h1, .c-doodle{
  position: relative;
  margin-top: 7px;
  display: block;
}
.page-contact h1{
  padding: 47px 0 37px;
}
.page-contact h1:before, .page-contact h1:after, .c-doodle:before{
  content: " ";
  background: url(../img/contact-sprite.png) no-repeat;
  position: absolute;
}
.page-contact h1:before{
  width: 39px;
  height: 51px;
  background-position: -10px -7px;
  top: 37px;
  left: 320px;
}

.page-contact h1:after{
  width: 39px;
  height: 51px;
  background-position: -121px -9px;
  top: 37px;
  right: 320px;
}


.c-doodle:before{
  width: 153px;
  height: 31px;
  background-position: -2px -75px;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.contact-form{
  width: 590px;
  margin: 0 auto;
}

.contact-form label{
  color: #27c1ee;
  font-size: 1.3em;
  padding: 0;
}

.contact-form .label-name{
  padding-left: 25px;
}


.contact-form input, .contact-form textarea{
  border: none;
  background: url(../img/contact-sprite.png) no-repeat;
  font-family: 'prelo_navigator_semibold';
  font-size: 1.1em;
  color: #ffffff;
}

.c-subject {
    padding: 5px 0 12px 25px;
}

.contact-form input.c-name{
  background-position: -15px -127px;
  height: 35px;
  width: 270px;
  padding: 0 12px;
}

.c-doodle {
    padding: 0;
}

.c-in {
    display: inline-block;
}

.in-mail {
    padding-left: 24px;
}

input.c-email {
    background-position: -379px -130px;
    height: 35px;
    width: 156px;
    padding: 0 12px;
}
input.c-subject {
  background-position: -8px -177px;
  height: 35px;
  width: 496px;
  padding: 0 22px;
}

.contact-form textarea{
  background-position: -9px -231px;
  padding: 12px 37px;
  margin: 0px;
  width: 591px;
  height: 203px;
}

.page-contact #footer{
  background: #27c1ee;
}

.c-message {
    margin-bottom: 18px;
}
.contact-submit-btn {
    margin-bottom: 62px;
}

.error {
  position: absolute;
  color: #ffffff;
  background-color: #ff0015;
  padding: 0 15px 0 10px;
  font-size: 1.1em;
  left: 43px;
}

#country{
  height: 40px;
  width: 163px;
  padding: 0 0px 0 15px;
  border: none;
  background: url(../img/participate-sprite.png) no-repeat;
  background-position: -259px -634px;
  font-family: 'prelo_navigator_semibold';
  font-size: 1.1em;
  color: #fabe37;
}

#country option{
  width:150px !important;
}

.error#error-country{
  right: -25px;
  left: 66px;
}

.error#error-age{
  right: -28px;
}

.error#error-title {
    left: 139px;
}

.error#error-photo {
    left: 136px;
    right: -71px;
}

.error#error-photoMakingOf{
    left: 134px;
    right: -100px;
  }

.error:before{
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ff0015 transparent;
  position: absolute;
  top: -6px;
  left: 4px;
}

.material{
  text-align: center;
  margin: 30px 0 60px;
}

.material p{
  text-align: center;
  color: #27c1ee;
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.material span{
  text-align: center;
  color: #27c1ee;
  font-size: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 30px;
  display: block;
}

.down-img{
  width: 330px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.down-pdf {
    font-size: 1.6em;
    text-align: center;
    letter-spacing: 0.033em;
    position: relative;
    color: #c827d7;
    padding: 10px 0 20px;
    display: block;
}

.down-pdf:hover {
    color: #c827d7;
}
.blue, .blue:hover {
    color: #27c1ee;
}
.material-bold{
      padding-bottom: 30px;
}

.material-w p{
  margin: 30px 0;
}

.material-w .down-pdf{
  padding: 10px 0 0px;
}

.overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1200;
    background: rgba(250,190,55,0.99) ;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0.9;
}

.overlay .subscribe{
  border: none;
  padding: 6px 0 0 0px;
}



.formSubscribe{
  width: 691px;
  margin: 10% auto 0;
  position: relative;
}

.overlay .bigFont{
  color: #27c1ee;
  width: auto;
  font-size: 2.87em;
  text-transform: uppercase;
  position: relative;
}
.overlay .smallFont{
  text-align: center;
  color: #257086;
  font-size: 1.6em;
  letter-spacing: 0.02em;
}

.overlay .label-email {
    font-size: 1.3em;
    padding: 0;
    color: #ffffff;
}

.overlay input{
  border: none;
  background: url(../img/pop-sprite.png) no-repeat;
  font-family: 'prelo_navigator_semibold';
  font-size: 1.1em;
  color: #fabe37;
  background-position: -10px -10px;
  height: 50px;
  width: 240px;
  padding: 0 21px;
  position: relative !important;
  left: 0;
}

.close {
    float: right;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #9e7500;
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -20px;
    opacity: 1;
}

#newsletter_register{
  position: relative;
}

.overlay label#register_email-error {
    top: 40px;
    left: 200px;
    right: 50px;
}
.overlay .inputField {
  width: 290px;
  margin: 40px auto 0;
}

.overlay .inputField.check{
    margin: -20px auto 40px;
    color: #ffffff;
}
.overlay .inputField.check input{
  width: 15px;
  top: 16px;
}
.prize-mob{
  display: none;
}

.jury-mob, .winner-mob{
  display: none;
}
.jury-nmob, .winner-nmob{
  display: block;
}

@media screen and (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

.home-participate .prize-imac {
    margin: 70px 85px 0;
}


/** RESPONSIVE PARTICIPATE **/
@media screen and (max-width: 1199px) {
  .fst-step {
      padding: 0 ;
  }
}

@media screen and (max-width: 991px) {

    .backshort {
        left: 0 !important;
        right: 0;
        margin: 0 auto;
        width: 230px !important;
    }
    .page-shortlist h2{
        width: 330px;
        margin: 20px auto 50px !important;
        line-height: 1.4em;
        padding-right: 95px !important;
        padding-left: 12px;
    }
    .page-shortlist h1:before, .page-shortlist h2:before{
        display:none;
    }
    .page-shortlist h2:after {
        top: -13px !important;
        right: -11px !important;
    }
  .nav-li-menu.home{
    display: block;
  }
  .home-participate {
    height: auto;
  }
  .mainBlock {
    width: 100%;
  }
  .leftBK, .rightBK{
    display: none;
  }
  .register {
      background: url(../img/bgform-mob1.png) no-repeat;
      padding: 90px 0 109px;
  }
  .bloco-upload {
      background: url(../img/bgform-mob2.png) no-repeat;
      margin-top: -188px;
      padding: 149px 0 190px;
  }
  .bloco-upload-mo {
      background: url(../img/bgform-mob3.png) no-repeat;
      margin-top: -334px;
      padding: 222px 0 79px;
  }
  .participate-intro h1 {
    width:80%;
    font-size: 4em;
    line-height: 0.9em;
  }
  .participate-intro h1:before {
    left: 0;
  }
  .participate-intro h1:after {
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
  }
  .reg-in .label, .upload-btn, .upload-btnSection span {
    font-size: 1.6em;
  }
  .arule p {
    padding: 134px 70px 0;
  }
  .step-title {
    font-size: 2em;
  }
  .register-block {
    width: 586px;
    margin: 0 auto;
  }
  .register-block-email, .register-block-country{
    margin-top: 33px;
  }
  .register-block-email{
    padding-left: 50px;
  }
  .fst-step {
      padding: 40px 0 30px;
  }
  .uploads{
    width: 740px;
    margin: 0 auto;
  }
  .uploads, .text-block-storyTitle{
    display: block;
    padding: 20px 42px;
  }
  .upload-btnSection {
    padding: 2px 0 0 277px;
  }
  .bloco-upload-mo .upload-btnSection {
    padding: 30px 0;
  }
  .error {
    left: 63px;
  }
  .error#error-email{
    left: 103px;
  }
  .error#error-title {
    left: 214px;
  }
  .error#error-photo {
      left: 376px;
      right: -71px;
  }
  .prize-imac {
    margin: -35px 0px;
    float: left;
  }
  .prize.prize-cintiq, .home-participate-premio2 {
      margin: 0px 0 0 0;
      float: right;
  }
  .prize.prize-ipad {
      margin: 0px 0 0px -50px;
      float: left;
  }
  .prize.prize-pol {
      margin: 40px 0px 40px 0px;
      float: right;
  }
  .intro-prizes{
    width: 90%;
    margin: 0 auto;
  }
  .bloco-prizes {
    background-size: cover;
  }
  .intro-prizes h1 {
    width: 380px;
    padding: 0;
    line-height: 1.2em;
  }
  .intro-prizes h1:after {
    width: 189px;
    height: 57px;
    background-position: -150px -50px;
    top: 43px;
    right: 141px;
  }
  .intro-prizes h1:before {
      left: -50px;
  }
  .intro-prizes p {
    width: 410px;
    margin: 20px auto 0;
  }
  .intro-prizes p br{
    display: none;
  }
  .intro-prizes p:before {
    top: 120px;
    left: 92px;
  }
  .intro-prizes p:after {
    top: 108px;
    right: -44px;
  }
  .intro-prizes span:after {
      top: 42px;
      right: -55px;
  }
  .page-jury h2:after {
    right: 31px;
    top: 26px;
  }
  .jury-list, .jury-yellow h3, .jury-yellow .jury-sub, .jury-yellow .jury-text{
    text-align: center;
  }
  .jury-list img {
    margin: 0 auto !important;
    width: 320px;
    height: auto;
}
.info-jury {
    padding: 0 !important;
    width: 90%;
  margin: 13px auto 40px;
}
.jury-nmob{
  display: none;
}
.jury-mob{
  display: block;
}
.page-jury h1{
  width: 170px !important;
}
.page-jury h2 {
  width: 330px;
  margin: 20px auto 50px;
  line-height: 1.4em;
  padding-right: 95px;
  padding-left: 12px;
}
.page-jury h1:before {
    left: -15px;
}
.page-jury h2:before {
    width: 153px;
    height: 22px;
    background-position: 1px -113px;
    top: 19px;
    left: -1px;
}

.material {
    margin-top: 50px;
}
.down-img {
    width: 240px;
  }
  .page-contact h1 {
    padding: 47px 0 37px;
    width: 290px;
  }
  .page-contact h1:before {
    left: -20px;
}
.page-contact h1:after {
    right: -19px;
}
.winner2 .info-winner {
    margin: 62px 0px 0 5px;
}
.img-w2 {
    margin: -112px 0 0 -126px;
}
.info-winner{
  text-align: center !important;
margin: 0 !important;
}
.winner-list {
    text-align: center;
}
.winner-list img{
  margin: 0 auto;
  width: 490px;
  height: auto;
}
.doodle1:before {
    top: 106px;
    left: -17px;
}
.page-past-editions h2 {
  width: 310px;
  padding: 0;
}
.page-past-editions h2:before {
    top: 91px;
    left: -20px;
}
.page-past-editions h1 {
  width: 300px;
  padding: 59px 0;
}
.page-past-editions h2:after {
  right: 21px;
      top: -40px;
}
.winner-list .col-sm-6 {
    width: 100%;
}
.winner-mob{
  display: block;
}
.winner-nmob{
  display: none;
}
}

@media screen and (max-width: 767px) {
  .participate-intro h1, .page-contact h1 {
    font-size: 3em;
    padding: 48px 0 39px;
  }
  .participate-intro h1:before, .participate-intro h1:after {
    background-size: 420px;
  }
  .participate-intro h1:before {
    background-position: 20px -13px;
    width: 240px;
  }
  .participate-intro h1:after {
    background-position: -27px -61px;
    width: 260px;
  }
  .f-step {
    font-size: 2em;
  }
  .f-step span{
    display: block;
  }
  .reg-in {
    display: block;
    padding: 0;
    margin: 9px 0;
  }
  .register, .bloco-upload,  .uploads{
    background-position: center top;
  }
  .register {
      padding: 60px 0 89px;
  }
  .register-block {
    width: 416px;
    padding: 10px 42px;
  }
  .uploads{
    width: 530px;
  }
  .upload-btnSection {
    padding: 0;
  }
  .bloco-upload-mo .upload-btnSection {
    padding: 0 0px 40px;
  }
  .error {
    left: 0 !important;
    position: relative;
}
.overlay label#register_email-error {
    top: -29px;
    left: 67px !important;
    right: 50px;
}
}

@media screen and (max-width: 610px) {
  .c-in {
    display: block;
  }
  input.c-subject {
    background-position: -15px -127px;
  width: 296px;
  }
  .contact-form textarea {
      background-position: -9px -151px;
      width: 411px;
      height: 163px;
      background-size: 430px;
  }
  .contact-form {
      width: 313px;
  }
}

@media screen and (max-width: 550px) {
  .formSubscribe {
    width: 80%;
}
.contact-form textarea {
    background-position: -9px -121px;
    width: 311px;
    height: 123px;
    background-size: 330px;
}
.contact-form input.c-name, input.c-email, input.c-subject {
    background-position: 5px -82px;
    height: 35px;
    width: 230px;
    background-size: 440px;
}

  .register {
    margin-top: -46px;
    padding: 40px 0 99px;
  }
  .reg-in.register-block-name label, .reg-in.text-block-storyTitle label{
    display: block;
    text-align: left;
  }
  .register-block {
    width: 328px;
    padding: 4px 29px;
  }
  .uploads {
    width: 100%;
  }
  label span.light {
      position: absolute;
      top: auto;
      bottom: -40px;
      left: -90px;
  }
  .bloco-upload {
    padding: 149px 0 100px;
  }
  .bloco-upload-mo {
    margin-top: -254px;
    padding: 232px 0 79px;
  }
  .prize-mob{
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto !important;
    float: none !important;
    padding: 40px 0;
  }
  .prize-nmob{
    display: none;
  }
  .intro-prizes h1:after {
    width: 134px;
    height: 46px;
    background-position: -113px -35px;
    top: 99px;
    right: 116px;
    background-size: 315px;
}
.intro-prizes h1 {
    width: 100%;
    padding: 0;
    line-height: 1.2em;
    text-align: center;
}
.intro-prizes h1:before {
    left: 20px;
}
.intro-prizes {
    width: 290px;
    margin: 0 auto;
}
.intro-prizes p:before {
    top: 172px;
    left: -8px;
}
.intro-prizes p:after {
    top: 199px;
    right: 56px;
}
.intro-prizes p {
    width: 100%;
    margin: 20px auto 0;
}
.winner-list img {
    margin: 20px auto;
    width: 310px;
    height: auto;
}
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.loader {
    display: none;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 100px;
    top: 0;
}

.loader img{
        width: 100px;
}

.simplebar-track {    z-index: 21 !important;}

.time-up{
    padding: 40px 40px;
}

.page-shortlist h1 {
    padding: 53px 0 0;
    color: #27c1ee;
    width: auto;
    font-size: 2.87em;
    text-transform: uppercase;
    position: relative;
}

.page-shortlist h1:before, .page-shortlist h2:before, .page-shortlist h2:after {
    content: " ";
    background: url(../img/shortlist-sprite.png) no-repeat;
    position: absolute;
}

.page-shortlist h1:before{
    width: 533px;
    height: 70px;
    background-position: -9px -15px;
    top: 25px;
    left: 243px;
}

.page-shortlist h2 {
    font-size: 1.6em;
    text-align: center;
    padding-right: 109px;
    letter-spacing: 0.033em;
    margin: 7px 0 60px;
    position: relative;
    color: #27c1ee;
}

.page-shortlist h2:before{
    width: 153px;
    height: 22px;
    background-position: 1px -113px;
    top: 25px;
    left: 233px;
}

.page-shortlist h2:after{
    width: 119px;
    height: 88px;
    background-position: -288px -57px;
    top: -43px;
    right: 214px;
}

.backshort{
    position: absolute;
    background: url(../img/back-shortlist.png) no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0px;
    left: 25px;
}

.page-shortlist h4, .page-shortlist h5{
    color: #27c1ee;
}

.img-short{
    padding: 40px 0 50px;
    position: relative;
    left: -6px;
}

.img-short{
    cursor:pointer;
}

body .modal-dialog { /* Width */
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.modal.in{
    text-align: center;

}

#overlayBlackTransparent {
    width: 100%;
    z-index: 586;
    opacity: .85;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
}

.bloco-winners{
    background: url(../img/bg-prizes.jpg) no-repeat;
    /* padding-bottom: 60px; */
}

.page-winners .container {
    padding: 0;
}

@media screen and (min-width: 992px) {
  .page-winners .container {
    width:100%;
  }
}


.page-winners .intro-prizes {
    padding: 82px 0 0;
}

.winner-data{
    display: block;
}

.winners h4, .winners h5 {
    color: #F9BD46;
}

.img-winner {
    padding: 10px 0 16px;
    position: relative;
}

.back-video{
  background: url(../img/video.png) no-repeat center;
  position: relative;
  top: -190px;
  left: 50px;
  margin-bottom: -100px;
  height: 300px;
}

.back-video video{
  position: absolute;
  left: -135px;
  right: 0;
  margin: 0 auto;
  top: 29px;
}

.not-first.img-winner{
  top: -200px;
}

.not-first.second-winner{
  left: -70px;
}

.not-first.third-winner{
  right: -70px;
}

@media screen and (max-width: 991px) {
  .page-winners h1.black {
    width: 319px !important;
  }
  .page-winners .title.s-title {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .bloco-winners {
    background-size: cover;
  }
  .not-first.img-winner {
    top: 0;
    left: 0;
    right: 0;
  }
  .page-winners .title.s-title {
    display: block;
    clear: both;
    padding-left: 0;
  }
  .back-video{
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    left: 0px;
  }

}

@media screen and (max-width: 595px) {
  .back-video{
    background: url(../img/video-mob.png) no-repeat center;
    position: relative;
    top: 0px;
    left: 0;
    margin-bottom: 40px;
    height: 320px;
  }
  .back-video video{
    width: 290px;
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 34px;
    height: 163px;
  }

}