/* FRONTEND CSS
*********************************************/

/*****************************************/
/*                                       */
/*  Desarrollo web por Samuel E. Cerezo  */
/*       hola@samuelcerezo.com           */
/*                                       */
/*****************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {
	margin: 0;
}

a {
	text-decoration: none;
}

.parallax-bg {
    position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
}

.main-link {
	border: 3px solid black;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    line-height: 50px;
    font-size: 0;
    font-family: 'Montserrat';
    font-weight: bold;
    position: fixed;
    top: 42px;
    right: 40px;
    color: black;
    transition: all 0.2s ease-in;
    z-index: 50;
    background-color: white;
    background-image: url(../../../images/icon-pencil.png);
        background-size: 43% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.main-link::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../../../images/icon-pencil.png);
        background-size: 43% auto;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: invert(100%);
            filter: invert(100%);
        background-color: white;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s ease-in;
}

input#phone89 {
	display: none;
}

select {
	    width: 100%;
    z-index: 10;
    position: relative;
    background-color: #ffdb00;
    border: 0;
    border-radius: 0;
    text-align: left !important;
    padding: 10px;
    display: block;
    height: 46px;
    font-size: 15px;
    -webkit-appearance: none;
}

.main-link:hover {
	background-color: black;
	color: white;
	border: 3px solid white;
}

.main-link:hover::after {
	opacity: 1;
}

.container {
	max-width: 954px;
	width: 100%;
	display: block;
	margin: auto;
	text-align: center;
}

.yellow {
	background-color: #ffdb00;
}

.header img {
	max-width: 300px;
	margin: 50px auto;
}

h1.yellow {
	margin: 0;
	font-family: 'Rozha One';
	padding: 40px 20px;
	font-size: 66px;
	line-height: 70px;
}

h1.yellow + p {
	font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    max-width: 660px;
    margin: 30px auto;
}

p.info {
	font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
}

span.yellow {
	font-family: 'Montserrat';
	font-weight: 300;
	display: inline-block;
	padding: 5px 30px;
	font-size: 22px;
}

.round-button,
#bfSubmitButton {
	border: 3px solid black;
	background: transparent !important;
	color: black !important;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 100px !important;
	padding: 20px 30px !important;
	margin: 60px 0;
	transition: all 0.2s ease-in;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Montserrat';
	font-size: 22px;
}

.round-button + br + .round-button {
	margin-top: 0 !important;
}

.block.yellow .round-button {
	margin-bottom: 10px !important;
}

.block.yellow .round-button:hover {
	color: #ffdb00 !important;
}

#bfSubmitButton span {
	font-size: 22px;
	font-weight: 600;
	font-style: normal;
}

.round-button:hover,
#bfSubmitButton:hover {
	background-color: black !important;
	color: white !important;
}

.x13 {
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
	text-align: center;
}

.x13:not(.first):not(.last) {
	padding-top: 50px;
}

.main-buttons {
	font-size: 0;
}

img[src*="arrow.png"] {
	max-width: 70px;
}

img[src*="arrow.png"] + img {
	max-width: calc(100% - 80px);
	margin: 20px 40px;
}

img[src*="arrow.png"] + img:hover {
	-webkit-transform: scale(1.1) rotate(10deg) !important;
	        transform: scale(1.1) rotate(10deg) !important;
}

h2 {
	font-family: 'Rozha One';
	font-size: 50px;
	line-height: 50px;
}

h2 sub {
	font-size: 30px;
	display: block;
	line-height: 26px;
}

.block.white .hashtag {
	display: block;
	margin-top: 60px;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
}

.title {
	font-size: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-transform: uppercase;
}

.title + img {
	max-width: 600px;
	margin: 30px auto 50px auto;
	display: block;
}

.black {
	background-color: black;
}

.block.black {
	padding: 50px 0;
	position: relative;
}

.block.black .parallax-bg {
	background-color: black;
}

.block.black p {
	margin: 0;
	font-size: 42px;
	color: white;
	font-family: 'Rozha One';
}

.block.yellow .black {
	color: #ffdb00;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    display: inline-block;
    padding: 12px 24px;
    margin-top: 40px;
    font-size: 36px;
    letter-spacing: 1px;
}

.block.yellow .hashtag {
	display: block;
    margin: 60px 0 30px 0;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 20px;
}

.block.yellow p {
	font-size: 24px;
	font-weight: 300;
	font-family: 'Montserrat';
	max-width: 700px;
	margin: auto;
}

.block.yellow .x13 {
	width: 30%;
	padding-top: 40px;
}

.block.yellow .x13 img {
	max-width: 70px;
	opacity: 0.6;
	margin: 40px 0;
}

.block.yellow .x13 em {
	background-color: white;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	font-size: 60px;
	text-align: center;
	line-height: 100px;
	font-style: normal;
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: bold;
}

.block.yellow .x13 h4 {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
	max-width: 140px;
	margin: 30px auto 10px auto;
}

.block.yellow .x13 .ah p {
	font-size: 18px;
	font-style: italic;
	margin-bottom: 60px;
}

.block.yellow h3 {
	font-weight: bold;
	font-size: 40px;
	font-family: 'Montserrat';
	margin: 0;
	padding-bottom: 50px;
}

h2.yellow {
	font-family: 'Montserrat';
	font-weight: bold;
	padding: 12px 24px;
	display: inline-block;
	margin: 80px 0;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1px;
}

h2.yellow + img {
	max-width: 460px;
	display: block;
	margin: 30px auto 60px auto;
}

form {
	max-width: 460px !important;
	display: block;
	margin: auto !important;
	font-size: 0 !important;
}

.bfQuickMode .bfElemWrap {
	text-align: center;
	margin-bottom: 20px !important;
}

.bfQuickMode input,
.ui.dropdown>.text {
	padding: 10px 0 !important;
	font-size: 16px !important;
	font-style: normal !important;
	color: black !important;
	border: 0 !important;
	background-color: transparent !important;
	-webkit-appearance: none !important;
}

.bfQuickMode input::-webkit-input-placeholder {
	color: #333 !important;
	font-weight: 300 !important;
	font-style: italic !important;
}

.bfQuickMode input:-ms-input-placeholder {
	color: #333 !important;
	font-weight: 300 !important;
	font-style: italic !important;
}

.bfQuickMode input::placeholder {
	color: #333 !important;
	font-weight: 300 !important;
	font-style: italic !important;
}

.bfQuickMode select {
	color: #333 !important;
	font-weight: 300;
	font-size: 16px !important;
}

.bfQuickMode select.active {
	color: black !important;
	font-style: normal !important;
}

.bfQuickMode * {
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 300;
	font-style: italic;
}

.bfQuickMode .bfElemWrap {
	background-color: #ffdb00 !important;
	border-radius: 0;
	border: 0;
	color: black;
	font-weight: normal;
	text-align: left;
}

.yellow a strong {
	color: black;
}

.bfQuickMode .bfLabelLeft label {
	display: none !important;
}

.sscf-form .fl_wrap label {
	color: black;
	display: block;
	width: calc(100% - 28px);
	text-align: left;
}

.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
	width: 100% !important;
	text-align: left !important;
	padding: 8px 20px !important;
	height: auto;
}

section#bfElemWrap46 {
	background: transparent !important;
}

label#bfLabel46 {
	display: block !important;
	font-size: 12px;
    width: 100%;
    font-style: normal;
    text-align: left;
}

label#bfLabel46 a {
	text-decoration: underline;
	font-style: normal;
	color: black;
}

section#bfElemWrap46 .bfRequired {
	display: none;
}

input#ff_elem46:not(:checked),
input#ff_elem46:checked {
  position: absolute;
  left: -9999px;
}
input#ff_elem46:not(:checked) + label,
input#ff_elem46:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
input#ff_elem46:not(:checked) + label:before,
input#ff_elem46:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1em; height: 1em;
  border: 1px solid black;
  background: #fff;
  border-radius: 3px;
}
/* checked mark aspect */
input#ff_elem46:not(:checked) + label:after,
input#ff_elem46:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: .2em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #e7452f;
  transition: all .2s;
}
/* checked mark aspect changes */
input#ff_elem46:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
input#ff_elem46:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

#wrap-contact-form89 .success {
	color: black !important;
}

#bfSubmitButton {
	margin: 40px auto 60px auto !important;
	display: block;
	padding: 20px 40px !important;
	box-shadow: none !important;
	outline: 0 !important;
	float: none !important;
}

#bfElemWrap36 {
	width: calc(50% - 20px);
	display: inline-block !important;
	margin-right: 20px;
}

#bfElemWrap37 {
	width: calc(50% - 20px);
	display: inline-block !important;
}

.block.black {
	background-image: url(../../../images/back-04.png);
	background-size: contain;
	background-position: center;
	background-attachment: fixed;
}

.sscf-form .fl_label {
	-webkit-transform-origin: 0 0 0 !important;
	        transform-origin: 0 0 0 !important;
}

.sscf-form .fl_wrap.populated .fl_label,
.sscf-form .fl_wrap.focused .fl_label {
	color: black !important;
	-webkit-transform: scale(.7) !important;
	        transform: scale(.7) !important;
	width: 100%;
	left: 13px;
	top: 13px;
	text-align: left;
	right: 0;
	max-width: 100%;
}

h2.yellow + p {
	margin: -30px auto 50px auto;
	display: block;
	font-size: 18px;
	font-family: 'Montserrat';
	font-weight: 300;
}

body > div.bfClearfix > div:nth-child(5) {
	margin-bottom: 20px;
	margin-top: -20px;
	font-size: 10px;
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 300;
}

.yellow.content {
	font-family: 'Rozha One';
	padding: 30px 60px;
	margin-bottom: 40px;
	display: block;
	font-size: 60px;
}

.yellow.content + img {
	max-width: 460px;
	margin: 60px auto;
	display: block;
}

.participate-wrapper {
	position: relative;
	padding: 40px 0;
}

.participate-wrapper img {
	max-width: 500px;
}

.participate-wrapper .prev {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 60px;
	cursor: pointer;
}

.participate-wrapper .next {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 60px;
	cursor: pointer;
}

.yellow.particpate {
	background-image: url(../../../images/back-05.png);
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

.yellow.particpate .parallax-bg {
	background-color: #ffdb00;
}

.yellow.particpate .container {
	font-family: 'Montserrat';
}

.particpate .hashtag {
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	margin-top: -20px !important;
}

.particpate h6 {
	margin: 0;
	padding-bottom: 40px;
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 32px;
	text-transform: uppercase;
}

.particpate .round-button {
	margin: 30px 0;
	padding: 20px 50px !important;
}

.share {
	padding-bottom: 60px;
}

.share > div {
	margin-bottom: 20px;
	display: block;
}

.share a {
	color: black;
	font-size: 0;
	background-color: white;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	line-height: 52px;
	text-align: center;
	margin: 0 8px;
	display: inline-block;
	transition: all 0.3s ease-in;
}

.share a:hover {
	background-color: black;
	color: #ffdb00;
}

.share a::before {
	font-size: 28px;
}

.grey {
	background-color: #2d2d2d;
}

.block.grey p {
	color: white !important;
	font-size: 21px !important;
	line-height: 24px;
}

.block.grey p.yellow-color {
	font-size: 48px !important;
	color: #ffdb00 !important;
	line-height: 50px;
	font-weight: 300;
	font-family: 'Rozha One';
}

.block.grey .container > p.yellow-color:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 80px !important;
}

.block.grey img {
	max-width: 600px;
	margin: 0 auto 40px auto;
}

.block.yellow.particpate .title {
	padding: 40px 0;
	font-family: 'Rozha One' !important;
	font-size: 44px;
	max-width: 600px;
	text-transform: none;
}

.block.apem {
	padding: 50px 0;
}

.block.apem img {
	    background-color: #ffdb00;
    padding: 10px 20px;
    max-width: 100px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.block.apem p {
	font-size: 48px !important;
	color: black !important;
	line-height: 50px;
	font-weight: 300;
	font-family: 'Rozha One';
}

.block.apem sub {
	padding-bottom: 40px !important;
	font-size: 22px;
	display: inline-block;
	line-height: 26px;
	font-family: 'Montserrat';
}

#bfQuickModeSection75663 > em {
	font-size: 12px;
	font-family: 'Montserrat';
	display: block;
	text-align: center;
	font-weight: 300;
	font-style: italic;
}

.logos {
	padding: 60px 0;
	font-size: 0;
}

.response {
	    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    margin-top: 20px;
}

.logos img {
	width: 15%;
	margin: 0 5% !important;
	display: inline-block;
}

.copyright {
	    text-align: center;
    border-top: 1px solid #575756;
    padding: 20px 0;
    font-size: 12px;
    color: #575756;
    font-weight: 300;
	font-family: 'Montserrat';
}

.sscf-success-message {
	margin: 60px auto;
	text-align: center;
}

.sscf-success-message * {
	color: black !important;
	font-family: 'Montserrat';
}

.sscf-error {
	position: absolute !important;
	top: 100%;
	right: 0 !important;
	margin-top: 10px;
	left: -10px;
	text-align: right !important;
}

.mod-sppoll {
	display: none;
}

.votes {
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 24px;
}

.yellow.content + img[src*="main-05"] {
	max-width: 600px;
}

.particpate .round-button:hover {
	color: #ffdb00 !important;
}

.participate-wrapper img.animate {
	opacity: 0 !important;
}

p.sub {
	    font-size: 11px;
    line-height: 18px;
    font-family: 'Montserrat';
    font-weight: 300;
}

p.required {
	    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: italic;
    text-align: center;
    margin: 0;
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
		width: calc(100% - 30px);
	}
	.title + img {
		max-width: 400px;
	}
	.block.black p,
	h2.yellow {
		font-size: 32px;
	}
	.yellow.content {
		font-size: 46px;
	}
	.yellow.content + img {
		max-width: 300px;
	}
	.participate-wrapper img {
		max-width: 400px;
	}
	.block.grey img {
		max-width: 300px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 767px) {
	h1.yellow {
		font-size: 48px;
		line-height: 48px;
	}
	h1.yellow + p,
	p.info {
		font-size: 20px;
	}
	span.yellow {
		font-size: 18px;
	}
	img[src*="arrow.png"] + img {
		max-width: calc(100% - 20px);
		margin: 20px 10px;
	}
	img[src*="arrow.png"] {
		max-width: 40px;
	}
	h2 {
		font-size: 22px;
		line-height: 22px;
	}
	h2 sub {
		font-size: 18px;
		line-height: 20px;
	}
	.block.black {
		padding: 30px 0;
	}
	h2.yellow {
		margin: 30px 0 50px 0;
	}
	.round-button {
		margin: 30px 0;
	}
	.title {
		font-size: 22px;
	}
	.title + img {
		max-width: 300px;
	}
	.block.yellow .black {
		font-size: 20px;
	}
	.block.yellow p {
		font-size: 18px;
	}
	.block.yellow .x13 {
		width: 48%;
	}
	.block.yellow .x13 h4 {
		font-size: 18px;
	}
	.block.yellow .x13  > img {
		display: none;
	}
	.ah {
		min-height: 210px;
	}
	p.sub {
		font-size: 10px;
	}
	.block.yellow .x13 .ah p {
		font-size: 16px;
	}
	.block.yellow .x13.last {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.block.yellow .x13.last .ah {
		width: 48%;
		display: inline-block;
	}
	.block.yellow h3 {
		font-size: 30px;
	}
	h2.yellow + img {
		max-width: 260px;
	}
	form {
		padding: 0 20px;
	}
	#formBody89 > div:nth-child(4),
	#formBody89 > div:nth-child(5) {
		width: 100%;
		margin-right: 0 !important;
	}
	body > div:nth-child(4) > div:nth-child(2) > div > h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.yellow.content {
		font-size: 40px;
		line-height: 44px;
		padding: 20px;
	}
	.block.yellow.particpate .title {
		font-size: 32px;
		line-height: 40px;
	}
	.participate-wrapper img {
		max-width: 260px;
	}
	.particpate h6 {
		font-size: 20px;
	}
	.block.yellow .hashtag {
		margin: 40px 0 10px 0;
		font-size: 16px;
	}
	.block.grey p.yellow-color,
	.block.apem p {
		font-size: 38px !important;
		line-height: 42px;
	}
	body {
		overflow-x: hidden;
	}
	p.sub {
		width: calc(100vw - 30px);
	    left: 50%;
	    position: relative;
	    -webkit-transform: translateX(-50%);
	            transform: translateX(-50%);
	}
	h2.yellow {
		font-size: 20px !important;
		line-height: normal !important;
	}
	.parallax-bg {
		background-size: 150% auto !important;
	}
	.block.white span.yellow {
		font-size: 18px !important;
		display: block;
		padding: 5px 0;
	}
	.header img {
		max-width: 200px;
		margin: 50px auto 50px 0;
	}
	.header {
		text-align: left;
	}
	.yellow.content + img[src*="main-05"] {
		max-width: 100%;
		margin: 40px auto;
	}
	.block.white .x13 {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 !important;
	}
	img[src*="arrow.png"] + img {
		max-width: 120px;
		margin: 0 30px 0 0;
		vertical-align: middle;
	}
	img[src*="arrow.png"] {
		display: none;
	}
	.block.white h2:not(.yellow) {
		display: inline-block;
		width: calc(100% - 150px);
		text-align: left;
		font-size: 28px;
		line-height: 28px;
		vertical-align: middle;
		margin: 0;
	}
	.block.white h2 sub {
		font-size: 22px;
		line-height: 26px;
	}
	.block.white .x13.first {
		padding-top: 30px !important;
	}
	.block.white .x13.last {
		padding-bottom: 30px !important;
	}
	p.sub {
		line-height: 13px;
		margin-top: 30px;
	}
	.logos {
		padding: 40px 0;
	}
	.logos img {
		margin: 5% 10% !important;
		width: 30%;
	}
	.sscf-form .fl_wrap label {
		text-align: left;
	}
	p.required {
		font-size: 10px;
		text-align: left;
	}
}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}