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

/*  fonts   */
/*generat cu https://gwfh.mranftl.com/fonts/sofia-sans?subsets=latin,latin-ext
/* sofia-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-300.svg#SofiaSans') format('svg'); /* Legacy iOS */
}
/* sofia-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-regular.svg#SofiaSans') format('svg'); /* Legacy iOS */
}
/* sofia-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-700.svg#SofiaSans') format('svg'); /* Legacy iOS */
}
/* sofia-sans-300italic - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-300italic.svg#SofiaSans') format('svg'); /* Legacy iOS */
}
/* sofia-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-italic.svg#SofiaSans') format('svg'); /* Legacy iOS */
}
/* sofia-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Sofia Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/sofia-sans-v10-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sofia-sans-v10-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sofia-sans-v10-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/sofia-sans-v10-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sofia-sans-v10-latin-ext_latin-700italic.svg#SofiaSans') format('svg'); /* Legacy iOS */
}



/*--------------------------------------------------------------
	# RESET CSS
--------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*--------------------------------------------------------------
	# THEME SPECIFIC DEFAULTS
--------------------------------------------------------------*/

:root {
	--color-can-blue: #234291;					/*var(--color-can-blue);*/
	--color-can-blue-dark: #0a2363;				/*var(--color-can-blue-dark);*/
	--color-can-yellow: #ffde13;				/*var(--color-can-yellow);*/
}




html {
    font-family: 'Sofia Sans', sans-serif;
	font-size: 16px;
}

body {
    background-color: var(--color-can-blue-dark);
    height: 100%;
    width: 100%;
    line-height: 1.2;
}

html,
body{
  height: 100%;
  width: 100%;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}






/*--------------------------------------------------------------
	# CONTENT
--------------------------------------------------------------*/

h1 {
    font-size: 3em;
    letter-spacing: -2px;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.5em;
}

h4, h5, h6 {
    font-size: 1em;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1em;
}

a {
    color:var(--color-can-yellow);
    text-decoration: none;
}




hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: rgba(255,255,255,0.20); /* Modern Browsers */
    margin: 1em 0;
}

.cover_loading {
    position: fixed;
    top:0;
    left:0;
    bottom: 0;
    right:0;
    background-color: var(--color-can-blue-dark);
/*    background-image: url(img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;*/
    z-index: 1000;
}






.page {
    display: block;
    color:#ffffff; 
    padding-left: 2.5em;
    padding-right:2.5em;
}

body::after {
    content: "";
    display: block;
    position: fixed;
    bottom: -20%;
    right: -10%;
    left: 30%;
    top: 30%;
    background-image: url(img/stea-galbena.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.15;
    background-position: right bottom;
}

.col-full {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}




.home .page{
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}
.home .content,
.home .content .col-full{
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}


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

.home .content .vertical_line{
    flex-grow: 1;
    background-color: rgba(255,255,255,0.20);
    width: 1px;
    margin: 1em 0;
}


.home .content .contest_logo img{
    max-width: 120px;
}
.home .content h1{
    margin-bottom: 0;
    margin-top: 0.5em;
    font-size: 2em;
}

.home .content h4{
    margin-bottom: 0;
    margin-top: 0.5em;
    font-weight: 300;
}
.home .contest-sections li {
    border-bottom: 1px solid rgba(255,255,255,0.20);
}
.home .contest-sections li:last-child {
    border-bottom: none;
}
.home .contest-sections li a {
    display: inline-block;
    padding: 0.5em;
    transition:  all 0.3s;
    font-size: 1.6em;
    line-height:1em;

}

.home .contest-sections li a:hover {
    color: #ffffff;
    text-shadow: rgba(255,255,255,0.5) 0px 0px 30px;

}



.header {
    display: block;
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.80);
    text-align: center;
    top:0;
    left: 0;
    z-index: 100;
}


.header-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;    
}

.header-container-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
}



.header-container-col.logo_headline  {
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0.5em;
    text-align: right;
}

.header-container-col.logo_headline h3{
    font-size: 0.8em;
    font-style: italic;
    font-weight: 300;
    opacity: 0.5;
    margin-bottom: 0;
    
}

.header-container-col.logo_img img {
    max-height: 90px;
    margin-bottom: -30%;
    margin-top: 5%;
}



.footer {
    margin-top: 6em;
  
}

.footer .footer-content {
    border-left:1px solid rgba(255,255,255,0.20);
    padding-left: 2em;
    padding-top: 2em;
    padding-bottom: 14em;
    
}



.footer p {
    padding-bottom: 0.5em;
}
.footer hr {
    margin-bottom: 2em;
}

.ue_logo  {
    max-width: 240px; 
    margin: 5em  0;
}
.ue_logo img {
    max-width: 100%;
    width: auto;
    height: auto
    
}



.footer .home_content   {
    padding-bottom: 3em;
    font-size: 1.1em;
    font-weight: 300;
    letter-spacing: 1px;
}

.footer .home_content a   {
    display: inline-block;
    padding: 0.5em 0.5em;
    margin-left: -0.5em;
}

.footer .home_content a span svg  {
    display: inline-block;
    margin-bottom: -3px;
}


.main_title {
    margin: 2em 0;
    border-left:1px solid rgba(255,255,255,0.20);
    padding: 3em 2em;
    max-width: 50%;
}
.main_title h1 {
    margin-bottom: 0em;
}


.contest_title {
    display: flex;

}
.contest_title > div {
    padding-right: 1em;
}

.contest_title a{
    color: #ffffff;
    display: block;
    
}


.contest_title h2{
    margin: 0;
    text-transform: uppercase;
    font-size: 1.4em;

}
.contest_title h4{
    font-weight: 300;
    margin-bottom: 0;
    font-size: 0.9em;

}
.contest_title .home-button {
margin-left: calc(0.5em + -24px);
}



.contest_title .home-button a{
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    border: 2px solid var(--color-can-yellow);
    border-radius: 100%;
    color: var(--color-can-yellow);
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 3px;

}

.contest_title .home-button a:hover{
    transform: scale(0.9);

}


.content p{
    margin-bottom: 0.5em;

}
.content a{
	cursor: pointer;
}

.content button {
    padding: 0.5em 1em;
    margin: 1em;
    background-color: var(--color-can-yellow);
    cursor: pointer;
    border-radius: 24px;
      border-style: none;
      box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
      box-sizing: border-box;
}


.container_pin{
    padding: 1em;
    display: none;
}

.container_pin p{
    margin-bottom: 0.5em;

}

.container_pin .ok_pin{
    display: none;
}


.works {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
    
.works .participant,
.three_prizes > div{
    width: 28%;
    margin-right: 8%;
    position: relative;
    margin-bottom: 8%;
}
.works > div:nth-child(3n+3),
.three_prizes > div:nth-child(3n+3){  
    margin-right: 0;
}
.works .participant a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    transition: all 0.3s;
    color:#ffffff;
}



.works .participant a.link_activ img {
    box-shadow: 0px 0px 40px 1px #1f5eff;
    
}

.works .participant a:not(.first_page) {
    opacity: 0;
    top:0;
    position: absolute;
    z-index: -1;
}


.works .participant a span {
    display: block;
    padding-bottom: 0.5em;
}
.works .participant a span.titlu {
    font-size: 1.1em;   
}
.works .participant a span.autor {
    font-size: 0.9em;
    padding-bottom: 0.1em;
    text-transform: capitalize;
    
}
.works .participant a span.tara {
    font-size: 0.8em;
    font-weight: 300;
}

.works .participant a span.imagine {
    height: 260px;
}

.works .participant a span.imagine img {
    max-width: 100%;
    max-height: 100%;
}


/**-----winners_page-----------*/


.winners_page .contest_title .contest_title_headings {
    flex-grow: 1;
    text-align: center;
    
} 
.winners_page .main_title {
    max-width: none; 
    text-align: center;
    border-top:1px solid rgba(255,255,255,0.20);
    border-left: none;

}


.grand_prize{
    text-align: center;
}
.grand_prize > .works{
    justify-content: center;
}

.grand_prize .works .participant a span.imagine{
    height: 360px;
}

.grand_prize .participant,
.three_prizes .participant{
    width: auto;
    margin-right: 0;
    margin-left: 0;
}
.three_prizes {
    display: flex;
    flex-wrap: wrap;
}

.prize_title {
    color: var(--color-can-yellow);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.4em;
}


.the_jury {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
}
.the_jury li {
    margin: 1em 0;
    font-weight: 300;
}
.the_jury h3{
    color: var(--color-can-yellow);
    margin-bottom: 0;
}

.partners ul  {
    display: flex;
    flex-wrap: wrap;

}

.partners ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 5%;
    width: 100%;
}

.partners ul li .partner_logo {
    background-color: rgba(255,255,255,1);
    padding: 1em;
    text-align: center;
    width: 25%;
    min-height: 150px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.partners ul li img {
    max-width: 100%;
    height: auto;
    max-height: 120px;
    width: auto;
    
}
.partners ul li .partner_name {
    padding: 1em;
    border-top:1px solid rgba(255,255,255,0.25);
    font-size: 1.2em;
}

.partners ul li .partner_country {
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 300;
}

/*---fancybox---*/
.carousel__button.is-close,
.fancybox__nav .carousel__button {
    background: rgba(0,0,0,0.50);
}
.carousel__button.is-close{
	top:50px;
	right:25px;
}
.fancybox__nav .carousel__button {
    border-radius: 0;
}
.fancybox__nav .carousel__button.is-prev{
    left:0;
}
.fancybox__nav .carousel__button.is-next{
    right:0;
}

.carousel__dots {
    top: calc(100% + 0rem);
}

/*--------mobil---------*/
@media screen and (max-width: 740px) {
    
    .col-full {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    
    

    .header-container-col.logo_img img {
        max-height: 70px;
        margin-bottom: -25%;
        margin-top: 0%;
        margin-right: 1em;
    }
    
    .header-container-col.logo_headline  {
        display: none;
    }
    
    
    .main_title {
        max-width: 100%;
    }    

    
    .works > div:nth-child(3n+3),
    .three_prizes > div:nth-child(3n+3){  
        margin-right: 10%;
    }
    .works .participant,
    .three_prizes > div{
        width: 45%;
        margin-right: 10%;
        margin-bottom: 10%;
    }  
    .works > div:nth-child(2n),
    .three_prizes > div:nth-child(2n) {
        margin-right: 0;
    }
    
    .grand_prize .participant {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        
    }
    .three_prizes {
        display: flex;
    }
    .three_prizes > div .works .participant{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 0%;
    }  
    .works .participant a span.imagine,
    .grand_prize .works .participant a span.imagine{
        height: 180px;
    }
    
    .prize_title {
        font-size: 1.2em;
    }
    
    
    body::after {
        bottom: -10%;
        right: -20%;
        left: -10%;
        top: 20%;
    }

    .partners ul li {

        flex-direction: column;
        flex-wrap: nowrap;
    }

    .partners ul li .partner_logo {
        padding: 1em;
        width: 150px;
        height: 150px;
    }
    .partners ul li .partner_name {
        padding: 1em 0;
    }

}