/* @group reset & defaults */

/* @group TPG */



/* @end */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body, h1, h2, h3, h4, h5, h6, h7, p, ul, li, nav, header, footer {
	margin: 0px;
	padding: 0px;
	font-weight: normal; 
}

a, a:active, a:hover {
	text-decoration: none;
	color: inherit;
	outline: none;
}
 
ul, ol, li {
	list-style-type: none;
}

header, nav, address, section, article, footer, aside {
	display: block;
	/* HTML5 compatibility for legacy browsers and IE */
}

.imgContainer img {
	width: 100%;
	display: block;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: inline-block;
}

nav ul li ul {
	/* Hide submenus */
	display: none;
}

strong {
}

em {
}

.clear {
	clear: both;
}

.flexContainer,
.innerFlexContainer > * {
	display: flex;
	justify-content: space-between;
}

.contentViewport {
	width: 1200px;
	margin: 0rem auto 0rem auto;
}

.contentViewportWide {
	width: 1200px;
	margin: 0rem auto 0rem auto; 
}

.marginBottom-M {
	margin-bottom: 2rem;
}

.marginTop-M {
	margin-top: 2rem;
}

.marginBottom-L {
	margin-bottom: 4rem;
}

.marginTop-L {
	margin-top: 4rem;
}

.text-danger{
	color: #f44336 !important;
}

.text-success{
	color: #4CAF50 !important;
}

.text-center {
	text-align: center;
}

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

.hide,
.hideHeader header {
	display: none;
}

.hideClass{
	display: none !important;
}

.bgStyle1 {
	background-color: #000;
}

.bgStyle2 {
	background-color: #F3EFEB;
}

.bgStyle3 {
	background-color: #D7D7D7;
}

.bgStyle4 {
	background-color: #4a4442;
}

.bgStyle5 {
	background-color: #faf7f3;
}

.bgStyle9{
   color:#D45C41;
   cursor: pointer;
}

.floatRight {
	float: right;
}

.recaptchaError,
.email1Error {
	color: #FF0000;
}

/* @end */

/* @group template layouts */

body {
	padding: 0px 0px 0px 0px;
    font-family: "Roboto", sans-serif;
}

#wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: auto;
	background-color: #EFEEEB;
}

#blog.detail #wrapper #mainContentArea {
	padding-top: 0rem;
}

.stack {
	
}

.flexLayout2 .col1 {
    flex-basis: 23.7%;
    min-height: 10rem;
}
.flexLayout2 .col2 {
    flex-basis: 58.6%;
}

.flexLayout3 .col1 {
    flex-basis: 23%;
    min-height: 10rem;
}
.flexLayout3 .col2 {
    flex-basis: 47%;
}

.flexLayout3 .col3 {
    flex-basis: 25%;

}
/* 3 column layout for resources section */

.flexLayout4 .col1 {
	flex-basis: 23.6%;
}

.flexLayout4 .col2 {
	flex-basis: 42.5%;
}

.flexLayout4 .col3 {
	flex-basis: 23.6%;
}

/* 2 column layout for resources section */

.flexLayout5 .col1 {
	flex-basis: 23.6%;
	min-height: 45rem; /* ensure that columns cover the whole height of mainContentArea */
}

.flexLayout5 .col2 {
	flex-basis: 71.1%;
}

/* 3 col layout for home video section */

.flexLayout6 > *, 
.innerFlexLayout6 .listing > * {
	flex-basis: 32%;
}

/* .flexLayout7 : two columns video detail page */

.flexLayout7 .col1, 
.innerFlexLayout7 .listing > .col1 {
	flex-basis: 24.7%;
}

.flexLayout7 .col2, 
.innerFlexLayout7 .listing > .col2 {
	flex-basis: 70%;
}

/* .flexLayout8 : two columns video list page */

.flexLayout8, 
.innerFlexLayout8 .listing {
	/*padding-left: 2.4%;
	padding-right: 2.4%;*/
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexLayout8 > *, 
.innerFlexLayout8 .listing > * {
	flex-basis: 31.5%;
}

.flexLayout9 > *, 
.innerFlexLayout9 .listing > * {
	flex-basis: 48.5%;
}

/* flexLayout10 : three column, second column large */

.flexLayout10 > .col1, 
.innerFlexLayout10 .listing > .col1 {
	flex-basis: 23%;
}

.flexLayout10 > .col2, 
.innerFlexLayout10 .listing > .col2 {
	flex-basis: 49%;
}

.flexLayout10 > .col3, 
.innerFlexLayout10 .listing > .col3 {
	flex-basis: 23%;
}

/* flexLayout11: 2 column layout; */

.flexLayout11 > .col1{
	flex-basis: 30.5%;
}

.flexLayout11 > .col2{
	flex-basis: 67.5%;
}


/* @end */

/* @group Default looks per element */


/* @group Prev/Next Navigation buttons */


/* @end */


/* @group generic text elements */


/* @end */

/* @group Tags & Filter Tags */

.activeFilter {
	background-color: #D45C41 !important;
	border-color: #D45C41;
	color: #FFF !important;
}

.activeFilter2 {
	color: #FFF;
}

/* @end */

/* @group of Atoms */

.tagsGroup {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0.5rem 0rem 0rem 0rem;
}

.tag {
  margin: 0rem 0.4rem 0.5rem 0rem;
  padding: 0.3rem 1.2rem 0.3rem 1.2rem;
  background-color: #FFF;
  font-weight: 500;
  font-size: 0.9rem;
  color: #D45C41;
  position: relative;
  display: inline-block;
  border-radius: 0.7rem;
  border: 1px solid #D45C41;
  cursor: pointer;
}


/* @group Molecules */

/* @group Article Styles */

/* .articleStyle1 : video */




/* @end */

/* @group Carousel Styles */



/* @end */

/* @group Tooltip Styles */



/* @end */

/* @group Video Styles */



/* @end */

/* @end */

/* @group header */

#wrapper > header {
	background-color: #EFEEEB;
	border-bottom: 2px solid #FFF;
}

#wrapper > header > div > #btnHeader {
	width: px;
	height: px;
	display: block;
	font-size: 0px;
}

#wrapper > header .stack.logo {
	padding: 0.7rem 0rem 0.7rem 0rem;
}

#wrapper > header .logo .col1 {
	flex-basis: 100%;
	text-align: center;
	display: flex;
	justify-content: space-between;
}

#wrapper > header .logo .col1 h4 {
	color: #D49F41;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
}

#wrapper > header .stack.logo .col2 {
	flex-basis: 49%; 
}

#wrapper > header .stack.logo .col1 .iso {
	/* badge logo container */
	flex-basis: 25%;
}

#wrapper > header .logo .col1 .iso img {
	/* badge logo */
	width: 100%;
}

#wrapper > header .stack.logo .col1 .logo {
	/* text logo container */
	padding: 0.5rem 0rem 0rem 0rem;
	flex-basis: 100%;
	text-align: center;
	align-items: flex-end;
	align-content: flex-end;
}

#wrapper > header .logo .col1 .logo img {
	/* text logo */
	width: 30%;
}

#wrapper > header .logo .col1 h1 {
	font-size: 0rem;
}

#wrapper > header .logo .col2 .body {
	display: flex;
	align-content: flex-start;
}

#wrapper > header .logo .col2 .body > div {
	flex-basis: 35%;
}

#wrapper > header .logo .col2 .body > div h3 {
	color: #D49F41;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0.1rem;
}

#wrapper > header .logo .col2 .body > div p {
	font-size: 0.9rem;
	color: #4A4442;
	letter-spacing: 0.1rem;
}

#wrapper > header .separator {
	height: 0.4rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7eda4+0,d09632+100 */
	background: #f7eda4; /* Old browsers */
	background: -moz-linear-gradient(left, #f7eda4 0%, #d09632 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f7eda4 0%,#d09632 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f7eda4 0%,#d09632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eda4', endColorstr='#d09632',GradientType=1 ); /* IE6-9 */
} 

#wrapper > header .stack.menu {
	height: 3.5rem;
	background-color: #4A4442;
}



/* @end */

/* @group TableStyleX */

.tableStyle1 {
	width: 100%;
	border-collapse: collapse;
}

.tableStyle1 tr {
	display: flex;
	justify-content: space-between;
}

.tableStyle1 tr td {
	flex-basis: 65%;
}

.tableStyle1 tr td.labelCol {
	flex-basis: 33%;
  	text-align: right;
  	align-self: center;
}

/* @end */

/* @group forms */

/* formStyle2 : winners Page; */

.formStyle2 input[type="text"], 
.formStyle2 input[type="url"],
.formStyle2 input[type="number"],
.formStyle2 textarea {
  	width: 100%;
  	margin: 0.5rem auto 0.5rem auto;
  	padding: 0.7rem 1rem 0.7rem 1rem;
  	display: block;
  	font-size: 0.9rem;
  	font-weight: 500;
  	color: #000000;
  	background-color: #FFFFFF;
 	border: 1px solid #353535;
}

.formStyle2 select {
  	width: 100%;
  	margin: 0.5rem auto 0.5rem auto;
  	padding: 0.5rem 1rem 0.5rem 1rem;
  	display: block;
  	font-size: 0.9rem;
  	font-weight: 400;
  	color: #000000;
  	background-color: #FFFFFF;
  	border: 1px solid #353535;
}

.formStyle2 label {
  	margin: 0rem 0% 0.5rem 5%;
  	font-family: "Roboto Condensed", sans-serif;
  	font-size: 0.9rem;
  	font-weight: 500;
  	color: #151523;
  	letter-spacing: 0.04rem;
  	line-height: 2;
}

.formStyle2 label.error {
  	margin: -0.5rem 0% 0.5rem 0%;
  	font-family: "Roboto Condensed", sans-serif;
  	font-size: 0.9rem;
  	font-weight: 500;
  	color: #FE345B;
  	letter-spacing: 0.04rem;
  	line-height: 0;
}

.formStyle2 .inLineFields input[type="text"] {
    display: inline-block;
    width: 48%;
    margin-right: 3%;
    box-sizing: border-box;
}

.formStyle2 .inLineFields input[type="text"]:last-child {
    margin-right: 0;
}

.formStyle2 .disclaimer{
	margin: 0.5rem 0% 0.5rem 0%;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	color: #151523;
	text-align: right;
	letter-spacing: 0.04rem;
	line-height: 1.5;}

/* @end */

/* @group jQuery Fancybox overrides */



/* @end */

/* @group Menus */

,menu .col1 {
    flex-basis: 65%;
}

.menu .col2 {
    flex-basis: 35%;
    text-align: right;
}

.menu nav > ul {
	position: relative;
}

.menu nav > ul > li {
	height: 3.5rem;
	position: relative;
}

.menu nav > ul > li > a {
	height: 3.5rem;
	padding: 1.1rem 0.5rem 1rem 0.5rem;
	color: #A19592;
	text-transform: uppercase;
	display: block;
	position: relative;
	font-size: 0.8rem;
}

.menu nav > ul > li:hover > a {
	color: #e8e5e4;
	background-color: #2d2927;
}

.menu nav > ul > li > a img {
	margin-right: 0.5rem;
	height: 1rem;
	margin-bottom: 0.3rem;
	vertical-align: middle;
}

ul.userTools {
	/*display: none;*/
}

/* sub menus */

nav.main ul li ul {
	width: 12rem;
	display: none;
	background-color: #2d2927;
	position: absolute;
	left: 0rem;
	top: 3.5rem;
	z-index: 100;
}

nav.main ul li:hover ul {
	display: block;
}

nav.main ul li ul li {
	display: block;
}

.menu ul li ul li a {
	display: block;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	border-bottom: 1px solid #A19592;
	color: #A19592;
	font-size: 0.9rem;
}

nav.main ul li ul li:last-of-type a {
	border-bottom: 0px;
}

nav.main ul li ul li a:hover {
	color: #e8e5e4;
}

nav.main ul li ul li svg {
	display: none;
}

/* User Menu */

.userMenu {
	height: 2rem;
	background-color: #c09b59; 
}

.userMenu ul {
	height: 2rem;
	display: flex;
	justify-content: flex-start;
}

.userMenu ul li {
	height: 2rem;
}

.userMenu ul li a {
	height: 2rem;
	padding: 0.5rem 0.5rem 0rem 0.5rem;
	display: block;
	font-size: 0.9rem;
	text-transform: uppercase;
	color: #494442;
}

.userMenu ul li a:hover {
	color: #FFF;
}

.userMenu ul li a img {
	height: 1.3rem;
	display: none;
}

/* headerTop menu */

nav.tools ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav.tools ul li {
	padding: 0rem 2% 0rem 0%;
	align-self: center;
	border-right: 1px solid #C28838;
	flex-basis: 32%;
} 

nav.tools ul li a {
	padding: 0rem 0% 0rem 0%;
	font-size: 0.7rem;
	font-weight: 700;
	color: #979297;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

nav.tools ul li.current a {
  color: #C28838;
}

nav.tools ul li:nth-child(3) {
	border-right: 0px;
}

nav.tools ul li:nth-child(1) {
	text-align: right;
}


/* Footer Menu */

#wrapper > footer nav.secondary {
	padding: 0.6rem 0rem 2rem 0rem;
	text-align: right;
}

#wrapper > footer nav.secondary ul li a {
	padding: 0rem 0.5rem 0rem 0.5rem;
	font-size: 1rem;
	color: #F3EDE6;
}

#wrapper > footer nav.secondary ul li:hover a {
	color: #d35b40;
}

#wrapper > footer nav.secondary ul li ul {
	/* No submenus in footer menu */
	display: none;
}

/* @end */

/* @group secondary Menu Header */

/* @end */

/* @group Social Sharing */


/* @end */

/* @group generic styles */

.headerStyle1 h1 {
	margin: 0rem 0rem 0.5rem 0rem;
	font-family: 'roboto-condensed', sans-serif;
	font-size: 2.5rem;
	color: #151523;
	text-align: center;
}

.headerStyle1 p, 
.headerStyle1 .subTitle {
	margin: 0rem 0rem 1rem 0rem;
	font-size: 0.8rem;
	color: #151523;
	text-transform: uppercase;
	text-align: center;
}
/* @end */

/* @group Buttons */

.btn.square, 
.btn.rectangle {
	display: inline-block;
	margin: 0rem 0% 0.5rem 0%;
	padding: 0.8rem 1.5rem 0.8rem 1.5rem;
	border-radius: 0.2rem;
	background-color: #FE345B;
	font-weight: 800;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #FFF;
	border: 0px;
}

.btn.square.light, 
.btn.rectangle.light {
	padding: 0.4rem 0.9rem 0.3rem 0.8rem;
	color: #FFF;
	border: 1px solid #FFF;
	background-color: transparent;
	border-radius: 0rem;
}

.btn.rectangle {
	margin: 1rem 0rem 0.3rem 0rem;
	padding: 0.4rem 2rem 0.4rem 2rem;
	display: inline-block;
	font-weight: 700;
	color: #FFF !important;
	background-color: #FE345B;
	border: 0px;
	border-radius: 0.5rem;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.btn.fullWidth {
	width: 100%;
}

/* btnStyle1 : company brand page */

.btnStyle1 {
	margin: 1rem 3% 1rem 0%;
 	padding: 0.7rem 5% 0.7rem 5%;
  	display: inline-block;
  	color: #202020;
  	background-color: #D49F41;
  	border: 1px solid #D49F41;
  	font-size: 0.9rem;
  	font-weight: 700;
  	letter-spacing: 0.1rem;
  	cursor: pointer;
}

/* btnStyle2 : company brand page */

.btnStyle2,
.innerBtnStyle2 .btn {
	width: 100%;
	padding: 0.5rem 0% 0.5rem 0%;
	margin: 0.5rem 0% 0.5rem 0%;
	display: inline-block;
	background-color: #F3EFEB;
	color: #202020;
	text-transform: uppercase;  
	font-size: 0.8rem;
	font-weight: 800;
	border: 1px solid #F3EFEB;	
	text-align: center;
	letter-spacing: 0.05rem;
}
/* @end */

/* @group Footer */
#wrapper > footer .footerNavMenuContainer  {
	background-color: #151522;
	color: #FFF;
}

#wrapper > footer .footerNavMenuContainer > div {
	padding: 4rem 5% 4rem 5%;
}

#wrapper > footer h2 {
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 600;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

#wrapper > footer article .body {
	display: flex;
	justify-content: space-between;
}

#wrapper > footer article .body .col1 {
	flex-basis: 20%;
}

#wrapper > footer article .body .col2 {
	flex-basis: 28%;
}

#wrapper > footer article .body .col3 {
	flex-basis: 19%;
}

#wrapper > footer article .body .col4 {
	flex-basis: 17%;
}

#wrapper > footer article .body div ul {
	margin: 0rem 0rem 1rem 0rem;
}

#wrapper > footer article .body div ul li,
#wrapper > footer article .body div p {
	margin: 0rem 0rem 0.5rem 0rem;
	font-weight: 300;
	font-size: 0.8rem;
	color: #999999;
	letter-spacing: 0.04rem;
}

#wrapper > footer .footerMenuContainer article .body div ul li:hover {
	color: #FFF;
}

#wrapper > footer h3 {
	border-top: 1px solid #999999;
	margin: 0rem 0rem 1rem 0rem;
	padding: 1rem 0rem 0rem 0rem;
	font-weight: 600;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

#wrapper > footer .newsletterRegistrationForm {
	position: relative;
}

#wrapper > footer .newsletterRegistrationForm form input[type="email"] {
	width: 17.5rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-weight: 300;
	font-size: 0.9rem;
	color: #fff;
	background-color: #666666;
	border: 0px;
	position: absolute;
	top: -3rem;
}

#wrapper > footer .newsletterRegistrationForm form input[type="email"]::-webkit-input-placeholder {
  color: #FFF;
}

#wrapper > footer .newsletterRegistrationForm #btnSubmitSubscribe-defaultNewsletter {
	background-color: #666666;
	border: 0px;
	font-size: 1.2rem;
	color: #FFF;
	position: absolute;
	top: -2.8rem;
	left: 17%;
}

#wrapper > footer .footerFooterContainer {
	padding: 2rem 0% 2rem 0%;
}

#wrapper > footer .footerFooterContainer .body p {
	font-weight: 400;
} 

#wrapper > footer .footerFooterContainer .body .col3 ul,
#wrapper > footer .footerFooterContainer .body .col4 ul {
	display: flex;
}

#wrapper > footer .footerFooterContainer .body .col3 ul li,
#wrapper > footer .footerFooterContainer .body .col4 ul li {
	padding: 0rem 3% 0rem 3%;
	font-weight: 400;
}

#wrapper > footer .footerFooterContainer .body .col4 ul li {
	font-size: 1.7rem;
}

#wrapper > footer .footerFooterContainer .body .col4 ul li a i {
	color: #999999;
}
/* @end */

/* @end */

/* @group Default looks per view */

/* @group Home */

#home .stack1 {
	position: relative;
}

#home .stack1 > img {
	position: absolute;
	bottom: 2rem;
	right: 23%;
	width: 7%;
}


/* @end */




/* @group Detail */



/* @end */


/* @group List */


/* @end */

/* @group Form */



/* @end */

/* @end */

/* @group Default looks per section */

/* @group Home */



/* Home screen modal */



/* @end */

/* @group Judges */



/* @end */

/* @group Contacto */



/* @end */

/* @group Gen */

/* @end */

/* @group productBrands (Media Partners & Sponsors) */



/* @end */

/* @group Blog */




/* @end */

/* @group medal stickers */

/* @end */

/* @group box */



/* @end */
/* @end */

/* @group signUp form */



/* @group forms */



/* @end */
/* TODO: TEMP properly separate light and dark themes */



/* @end */
/* Menu css */





/* Body of participants  */


/* @end */

/* @group Sola */

/* @end */

/* @group Special View */


/* @group Resources */





/* @end */

/* @group Password Retrieval Standalone */



/* @end */

/* resetPassword design start */



/* resetPassword design end */
/* @group Banners */



/* @end */
/* @group Blog Post Detail Page Text Bottom */

/* @end */
/* @group Go to top*/

/* When the user clicks on the button, scroll to the top of the document */


/* @end */

/* @group Show Counter */



/* @end */

/* @group newsletter Subscription Modal */



/* @end */
/* @end */

/* Newsletter subscription Form */


/* @end */

/* @group Related Purchases molecules */



/* @end */
/* @group manual User Payments Form Modal */



/* @end */



/* @end */

/* @group Webinars Sale Point */


/* @end */