@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.work-sans {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{
	min-height: 100vh;
	font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.middle{
  display: flex;
    align-items: center;
}
.middle-middle{
  justify-content: center;
}
.middle-left{
  justify-content: left;
}
.middle-right{
  justify-content: flex-end;
}
.middle-bottom{
  display: flex;
    align-items: flex-end !important;
}
.pointer{
	cursor: pointer;
}
.text-grey{
	color: #838383;
}
.col-xs-6{
	width: 50% !important;
}

.font-10{
	font-size: 10px;
}
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.font-22{
	font-size: 22px;
}
.font-24{
	font-size: 24px;
}
.font-36{
	font-size: 36px;
}
.font-48{
	font-size: 48px;
}

.bg-lightBlue{
	/*background: url(../svg/bgLeft.svg) top left repeat-y, url(../svg/bgRight.svg) top right repeat-y, linear-gradient(rgba(183, 194, 204, .9), rgba(183, 194, 204, .9)), url(../img/bg.jpeg) center;*/
	background: url(../svg/bgLeft.svg) top left repeat-y, url(../svg/bgRight.svg) top right repeat-y, linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url(../img/bg.jpeg) center;
	background-size: 25vw, 25vw, cover, cover;
	background-blend-mode: color-dodge, color-dodge, normal, normal;
}
.bg-lightBlue-noImg{
	background: url(../svg/bgLeft.svg) top left repeat-y, url(../svg/bgRight.svg) top right repeat-y, rgba(237, 244, 249, 1);
	background-size: 25vw, 25vw. cover;
	background-blend-mode: color-dodge, color-dodge, normal;
}
.bg-lightBlue-flat{
	background: rgba(237, 244, 249, 1);
}
.bg-darkRed{
	background: #520c05;
}
.rounded-0111{
	border-radius: 0% 20% 20% 20%;
}
.rounded-1011{
	border-radius: 20% 0% 20% 20%;
}
.rounded-1101{
	border-radius: 20% 20% 0% 20%;
}
.rounded-1110{
	border-radius: 20% 20% 20% 0%;
}

.main-square{
	width: 100%;
}
.rounded-0111-big{
	border-radius: 0px 30px 30px 30px;
}
.rounded-1011-big{
	border-radius: 30px 0px 30px 30px;
}
.rounded-1101-big{
	border-radius: 30px 30px 0px 30px;
}
.rounded-1110-big{
	border-radius: 30px 30px 30px 0px;
}

.border-grey{
	border: 2px solid #838383;
}

.counter{
	font-size: 1.5em;
}
.btn-judges{
	background: #c3000a;
	border: 2px solid #c3000a;
	color: #FFF;
	border-radius: 0px 15px 0px 15px;
}

.btn-cnk:hover, .btn-cnk.active{
	background: #c3000a;
	border: 2px solid #c3000a;
	color: #FFF;
}
.btn-cnk:hover img, .btn-cnk.active img{
	filter: invert(1);
}
.btn-register{
	background: #c3000a;
	border: 2px solid #c3000a;
	color: #FFF;
}
.btn-register:hover{
	background: transparent;
	border: 2px solid #838383;
	color: #838383 !important;
}

.red{
	color: #c3000a;
}
.bg-red{
	background: #c3000a;
}
.bg-grey{
	background: #838383;
}
.tab{
	transition: all .5s ease;
}
.tab .description{
	transition: all .5s ease;
	display: none;
}
.tab.open .description{
	display: block;
}

.toggler{
	top: 30px; right: 15px; width: 35px; height: 35px;
}
.toggler.close{
	transform: rotate(-90deg);
}
.bold{
	font-weight: bold;
}
.lineh1{
	line-height: 1;
}
.lineh1-2{
	line-height: 1.2;
}

.btn-upload, .btn-upload:hover{
	border: 2px !important;
	border-style: dashed !important;
	height: auto;
	width: 320px;
}

footer{
	/*background: rgba(0, 0, 0, 0.1);*/
	background: #eee;
	position: fixed;
	bottom: 0;
}
#weBlock h1{
	font-size: 5.5rem; font-family: 'Century Gothic'; font-weight: bold; font-style: normal;
}
.square-holder p{
	line-height: .5;
}
.square-holder p .small{
	font-size:16px
}
.slogan1{
	font-size: 3.5rem; font-family: 'Century Gothic'; font-weight: bold; font-style: normal;
}
.slogan2{
	font-size: 5.8rem; font-family: 'Century Gothic'; font-weight: bold; font-style: normal;
}

.talentTitle{
	max-width: 100%;
  height: auto;
}
.dress-code img{
	border-radius: 10px;
}

.admin-masonry-container {
  -webkit-column-count: 8;
  -moz-column-count: 8;
  column-count: 8;
    
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.masonry-container {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
    
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.masonry-item {
  display: block; /* inline-block */
  width: 100%;
  margin: 5px 0;
}

.masonry-item img {
  display:block;
  width: 100%;
  border-radius: 15px;
  box-shadow: 0px 0px 5px #ccc;
}

.logos{
	height: 25px;
}

main{
	padding-bottom: 50px;
}

.show-sm{
	display: none;
}
.hide-sm{
	display: flex;
}

@media (max-width: 1200px) {
	#weBlock h1{
		font-size: 5rem;
	}
}
@media (max-width: 960px) {
	#weBlock h1{
		font-size: 3rem;
	}
}
@media (max-width: 480px) {
	.show-sm{
		display: flex;
	}
	.hide-sm{
		display: none;
	}
	header.pt-5{
		padding-top: 10px !important;
	}
	header.pb-5{
		padding-bottom: 10px !important;
	}
	main{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.w-50{
		width: 100% !important;
	}
	.filter{
		font-size: 12px !important;
	}
	.jconfirm .jconfirm-box div.jconfirm-closeIcon{
		opacity: 1 !important;
		background: #FFF;
	}
	.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{
		background-color: #FFF !important;
    opacity: .75 !important;
	}

	.bg-lightBlue{
		/*background: url(../svg/bgLeft.svg) top left repeat-y, linear-gradient(rgba(183, 194, 204, .9), rgba(183, 194, 204, .9)), url(../img/bg.jpeg) center;*/
		background: url(../svg/bgLeft.svg) top left repeat-y, linear-gradient(rgba(255,255,255, .9), rgba(255,255,255, .9)), url(../img/bg.jpeg) center;
		background-size: contain, cover, cover;
		background-blend-mode: color-dodge, normal, normal
	}
	#counter{
		margin-bottom: 0px;
	}
	.hide-mobile{
		display: none;
	}
	.square-holder{
		display: inline-flex;
	}
	.main-square{
		width: 25%;
        margin: 5px !important;
        height: 90px !important;
	}
	.main-square .small{
		font-size:.75rem;
	}
	#weBlock{
		width: 33.333333%;
	}
	#faceBlock{
		width: 66.666666%;
	}
	.content-square{
		height: 90px !important;
	}
	#weBlock h1{
		font-size: 3.5rem;
	}
	.slogan1{
		font-size: 2.4rem;
	}
	.slogan2{
		font-size: 4.1rem;
	}
	.description{
		margin-top: 1.5rem;
	}
	.talentTitle{
		width: 250px !important;
	  height: auto;
	}

	.masonry-container {
	  -webkit-column-count: 2;
	  -moz-column-count: 2;
	  column-count: 2;
	    
	  -webkit-column-gap: 15px;
	  -moz-column-gap: 15px;
	  column-gap: 15px;
	}


	footer{
		position: relative !important;
	}
}