@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-BoldItalic.eot');
	src: local('../webfonts/Gotham Pro Bold Italic'), local('../webfonts/GothamPro-BoldItalic'),
		url('../webfonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-BoldItalic.woff') format('woff'),
		url('../webfonts/GothamPro-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-Italic.eot');
	src: local('../webfonts/Gotham Pro Italic'), local('../webfonts/GothamPro-Italic'),
		url('../webfonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-Italic.woff') format('woff'),
		url('../webfonts/GothamPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-Medium.eot');
	src: local('../webfonts/Gotham Pro Medium'), local('../webfonts/GothamPro-Medium'),
		url('../webfonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-Medium.woff') format('woff'),
		url('../webfonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-BlackItalic.eot');
	src: local('../webfonts/Gotham Pro Black Italic'), local('../webfonts/GothamPro-BlackItalic'),
		url('../webfonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-BlackItalic.woff') format('woff'),
		url('../webfonts/GothamPro-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-Bold.eot');
	src: local('../webfonts/Gotham Pro Bold'), local('../webfonts/GothamPro-Bold'),
		url('../webfonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-Bold.woff') format('woff'),
		url('../webfonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-LightItalic.eot');
	src: local('../webfonts/Gotham Pro Light Italic'), local('../webfonts/GothamPro-LightItalic'),
		url('../webfonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-LightItalic.woff') format('woff'),
		url('../webfonts/GothamPro-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro-Light.eot');
	src: local('../webfonts/Gotham Pro Light'), local('../webfonts/GothamPro-Light'),
		url('../webfonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro-Light.woff') format('woff'),
		url('../webfonts/GothamPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}



@font-face {
	font-family: 'Gotham Pro';
	src: url('../webfonts/GothamPro.eot');
	src: local('../webfonts/Gotham Pro'), local('../webfonts/GothamPro'),
		url('../webfonts/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/GothamPro.woff') format('woff'),
		url('../webfonts/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



html{
	
	font-size:16px;
	min-height: 100%;
    background-color: #fff;
}

body{
	font-family: 'Gotham Pro', sans-serif;
	min-height:100vh;
	color:#2A302F;
	font-size:1.125rem;
	line-height:1.313;
	font-weight: 300;
}

b, strong{
	font-weight:700;
}

.cl-violet{
	color: #a46791;
}
.cl-blue{
	color: #255480;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    color: #2A302F;
}

.styled-list{
	list-style: none;
	margin-left:0;
	padding-left:0;
}
.styled-list > li{
	margin-bottom:1rem;
	padding-left: 2rem;
	position:relative;
}

.styled-list > li:before{
	content:'';
	display:block;
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	width:8px;
	height:8px;
	border-radius:4px;
	background:#a46791;
	
}

.lead{
	
 padding: 1rem; 	
 box-shadow:-5px 6px 0 #104d9924;
	background: rgb(244,244,244);
background: -moz-linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
background: -webkit-linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
background: linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ffffff",GradientType=1);
padding:2rem;
margin:2rem 0;

	/* line-height:1.66em; */
}

.lead-text{
	/* color:#327dc3; */
font-weight: 500;
font-size:1.66rem;
}


.quote{
	font-size:1.125rem;
	line-height:1.66em;
	font-style:italic;
}

.quote-autor{
	font-size:0.875em;
	font-style:normal;
	margin-top:2rem;
	line-height:1.3em;
}

.img-shadow{
	box-shadow:-5px 6px 0 #104d9924
}

.section-title{
	font-size:2.25rem;
	line-height:1em;
	color:#2A302F;
	text-transform:uppercase;
	margin:0 0 2rem 0;
	font-weight:700;
	position:relative;
}

.section-subtitle{
	font-size:2rem;
	line-height:1em;
	color:#a46791;
	text-transform:uppercase;
	margin:0 0 2rem 0;
	font-weight:700;
}

.page-section{
	padding:4rem 0 4rem 0;
}

.title-bg{
	position:relative;
}

.title-bg:after{
	/* content:'';
	display:block;
	height:2rem;
	background:#ddd; */
}

@media(min-width:1200px){
	.lead-text{
		font-size:1.5rem;
	}

	.quote{
		font-size:1.5rem;
		padding-left:2rem;
		padding-top:2rem;
		padding-bottom:2rem;
		border-left:4px solid #005483;
		
	}
	.page-section{
		padding:8rem 0 8rem 0;
	}
	.section-title{
		font-size:3rem;
		line-height:1em;
	}
	
	.quote-autor{
		font-size:1.125rem;
		font-style:normal;
		margin-top:2rem;
		line-height:1.3em;
	}
}

.link-login{
padding-left: 21px!important;
    padding-right: 3px!important;
    background: url(../img/logout.svg)1px 9px no-repeat;
 
}

@media(min-width:1200px){
	.link-login{
		margin-left:10px;
	}
}

.slogan-big{
	font-size:0.8rem;
	font-weight:bold;
	display:block;
	color:#2A302F;
}


.slogan-small{
	font-size:0.66rem;
	font-weight:normal;
	display:inline-block;
	color:#2A302F;
}

@media(min-width:1200px){
	.slogan-big{
		font-size:1.25rem;
		font-weight:bold;
		display:block;
		color:#2A302F;
	}


	.slogan-small{
		font-size:1.03rem;
		font-weight:normal;
		display:inline-block;
		color:#2A302F;
	}
}


.main-header-wrap {
	background: url(../img/header-bg.png)bottom center repeat-x #d4edf4;
    padding: 1rem  0;
}

.navbar-brand{
	margin-right: 1rem;	
}

.navbar-brand img{
	max-width:60px;
	height:auto;
}

.slogan{
	margin-left:1rem;
	line-height: 1rem;
}
@media(min-width:1400px){
	.navbar-brand{
		margin-right: 4rem;	
	}
	
	.navbar-brand img{
		max-width:127px;
	}
	
	.slogan{
		margin-left:2rem;
	}
	
	.main-header-wrap {
	background: url(../img/header-bg.png)bottom center repeat-x #d4edf4;
		padding: 3rem  0;
	}
}

.nav-toggle-btn{
	margin-left:auto;
	cursor:pointer;
}

.main-menu{
	margin-left: auto;
    flex: 0 0 100%;
}

.navbar-nav .nav-link{
	color:#2A302F;
	font-weight:bold;
	font-size:1rem;
}

a{
	color:#005483;
}

.navbar-nav .nav-link:hover{
	color:#005483;
}

@media (min-width: 1200px){
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: 1.1rem;
		padding-left: 1.1rem;
	}
}

@media (min-width: 1400px){
	.container {
		max-width: 1330px;
	}
}

.main-menu{
	flex-direction: column;
    align-items: flex-end;
}

.main-menu .nav-item:last-of-type .nav-link{
	padding-right:0;
}

.header-contacts{
	    margin-top: 0.5rem;
		font-weight:bold;
}

@media(min-width:1200px){
	.header-contacts{
		font-size: 2rem;
	}
}

 

.section-about{
	padding:1rem 0rem;
background: rgb(220,246,255);
background: -moz-linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
background: -webkit-linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
background: linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dcf6ff",endColorstr="#ffffff",GradientType=1);
	background-size:138px;
}

@media(min-width:991px){
	.section-about {
		padding: 2rem 0 6rem  0rem;
		
		background-size: contain;
	}
}

.peoples-list{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.people-list-item{
	flex-basis: 320px;
	min-width:320px;
	text-align:center;
   /*  max-width: 20%; */
    padding-right: 2rem;
}
.section-benefits .peoples-list{
	 align-items:initial;
}
.section-benefits .people-list-item{
	margin-right: 2px;
    padding: 1rem;
	box-shadow:-5px 6px 0px #10317a14;
	background: rgb(244,244,244);
background: -moz-linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
background: -webkit-linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
background: linear-gradient(2deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ffffff",GradientType=1);
}

.people-item-name{
	font-weight:bold;
	margin:0.7rem 0;
	color: #a46791;
}

.js-perfectscrollbar{
/* 	width:100%; */
	position:relative;
	padding-bottom:1rem;
}


.js-perfectscrollbar{
	padding-left: 15px;
	margin-left:0;
	margin-top:2rem;
}		 


@media (min-width: 576px){
		.js-perfectscrollbar{
		padding-left: 50%;
		margin-left: -255px;
	}
}

@media (min-width: 768px){
		.js-perfectscrollbar{
		padding-left: 50%;
		margin-left: -345px;
	}
}

@media (min-width: 992px){
		.js-perfectscrollbar{
		padding-left: 50%;
		margin-left: -465px;
	}
}

@media (min-width: 1200px){
	.js-perfectscrollbar{
		padding-left: 50%;
		margin-left: -555px;
	}
}

@media (min-width: 1400px){
	.js-perfectscrollbar{
		padding-left: 0;
		margin-left: 0;
		overflow: visible!important;
		max-width: 1330px;
		margin: 0 auto;
	}
	
	.section-benefits .peoples-list{
		    flex-wrap: wrap;
	}
	
	.section-benefits .people-list-item{
		flex-basis: 33%;
    min-width: 33%;
	}
}

/*section goals*/
.section-goals{
		padding:5rem 0rem;
background: rgb(220,246,255);
background: -moz-linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
background: -webkit-linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
background: linear-gradient(2deg, rgba(220,246,255,1) 0%, rgba(255,255,255,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dcf6ff",endColorstr="#ffffff",GradientType=1);
	background-size:138px;
}
.goals-col-title{
	padding-right:0rem;
}

.goals-col-benefits{
	margin-top:3rem;
}

.section-golas-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin-bottom:4rem;
	text-align: center;
}

.section-golas-item:last-of-type{
	margin-bottom:0;
}

.goals-item-image{
	padding-bottom:1rem;
}


@media(min-width:992px){
	.goals-col-title{
		padding-right:5rem;
	}
	
	.goals-col-benefits{
		margin-top:0rem;
	}


	.section-golas-item{
		display:flex;
		align-items:center;
		justify-content:flex-start;
		flex-direction:row;
		margin-bottom:6rem;
		text-align: left;
	}

	.section-golas-item:last-of-type{
		margin-bottom:0;
	}

	.goals-item-image{
		padding-right:1rem;
	}
}

/*section nominations*/

.section-nominations{
	padding:6rem 0;
	background:url(../img/nominations-bg.svg) top left no-repeat;
	background-size:cover;
	color:#fff;
}

.section-nominations .section-title{
	color:#fff;
}

.section-nominations a{
	color:#fff;
}

.nominations-list-item{
	margin-bottom:3rem;
	position:relative;
	padding-left:2rem;
	padding-top:1rem;
}

.nominations-list-item:last-of-type{
	margin-bottom:0;
}

.nominations-list-item-number{
	position:absolute;
	top:5px;
	left:0px;
	font-size:2.25rem;
	line-height:1em;
	color:#005483;
	font-weight:500;
}

.nominations-list-item-text{
	font-size:1.5rem;
}

.nomination-list-item-subtext{
	margin-top:1rem;
}

.nomination-list-item-subtext > p {
	color:#F6BABD;
}

.nomination-list-link{
	display:inline-block;
    padding-left:30px;
	background:url(../img/la_long-arrow-alt-right.svg)center left no-repeat;
	margin-left: 1rem;
}

@media(min-width:992px){
	.section-nominations{
		background-position:top center;
		padding-top:8rem
	}
	.section-title{
		margin-bottom:6rem;
	}
	.nominations-list-item-number{
		font-size:4.5rem;
	}
	
	.nominations-list-item{
		padding-left: 4rem;
		padding-right: 2rem;
	}
}

@media(min-width:1200px){
	.nomination-list-item-subtext{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.nomination-list-item-subtext > p{
		margin-bottom:0;
	}
}

/*section -participation*/

.section-participation{
	background: #F6BABD;
}

.section-participation .lead{
	font-size: 1.5rem;
	margin-bottom:3rem;
}

.btn-participation{
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    background: #005483;
    box-shadow: 8px 8px 0px #1b3884;
    padding: 1rem 1.4rem;
    width: 100%;
    max-width: 370px;
    font-weight: 500;
    font-size: 1rem;
}

@media(min-width:1200px){
	.section-participation .section-title{
		margin-bottom:0;
	}
	
	.col-participation-btn{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}

.section-participation-questions{
	margin-top:4rem;
}

.section-participation-q-item{
	background:#fff;
	padding:2.5rem 3rem;
	margin-bottom:2px;
}

.section-participation-q-title{
	color: #005483;
	font-weight:500;
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-bottom:1.5rem;
}

@media(min-width:992px){
	.section-participation-questions{
		margin-top:6rem;
	}
	
	.section-participation-questions > .row{
		margin-left: -1px;
		margin-right: -1px;
	}
	
	.section-participation-questions > .row .col-lg-4{
		padding-left:1px;
		padding-right:1px;
	}
	
	.section-participation-q-item{
		height:100%;
	}
}

/*section dates*/
.section-konkurs-date{
	background: #F7F7F7;
}

.dates-list{
	display: flex;
	flex-wrap:wrap;
}

.dates-list-item{
	background: #FFFFFF;
	border: 1px solid #F7F7F7;
	padding: 1rem 1rem;
	flex:1 1 100%;
	min-width: 300px;
	flex-basis: 300px;
	border-left: 4px solid #c2dff1;	
}

.dates-month{
	font-weight:700;
	text-transform:uppercase;
	/* margin-bottom:1rem; */
}
.dates-num{
	text-transform: uppercase;
	font-size:4.5rem;
	color: #005483;
	font-weight:bold;
}

.dates-day{
	text-transform: uppercase;
}

.dates-day:after{
	content:'';
	display:block;
	width: 8px;
	height:1px;
	margin:1rem  auto;
	background-color: #005483;
}

.dates-text{
	font-weight:500;
	margin-top:0.5rem;

}

/* section-contacts */

.section-contacts{
	background: #005483;
	color:#fff;
}

.section-contacts .section-title{
	color:#fff;
}

.section-contacts a{
	color:#fff;
	font-weight:bold;
	font-size:2rem;
}


@media(min-width:1200px){
	.section-contacts a{
		 
		font-size:3rem;
	}
}

.contacts-title{
	font-weight:700;
	margin-bottom:0.7rem;
}

.section-contacts p{
	margin-bottom:0.7rem;
}

.main-footer {
	padding:2rem 0;
	 
}

.footer-menu{
	margin-left:auto;
}

.footer-menu a{
	color:#2A302F;
	font-size:1rem;
}

@media(min-width:1200px){
	.section-benefits-title .section-subtitle{
		text-align:center;
	}
}

.section-differences-item{
	height:100%;
	margin:0 0 2rem 0;
}

/**************** Gallery Section ****************/

.album-photo-i-mas {
        width: 25%;
    padding-top: 24%;
    overflow: hidden;
   
    background: #000;
}
 @media (max-width: 991px){
	.album-photo-i-mas {
		 width: 50%;
		padding-top: 50%;		 
	}	
}

@media (max-width: 450px){
	.album-photo-i-mas {
		 width: 100%; 
		 padding-top: 60%;	
	}	
}


.album-photo-wrap-link {
	padding: 0px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;	
}

.portfolio-item-desc{
	position:absolute;
	top:0;
	width:100%;
	padding:1rem;

	font-size: 1.2rem;
	color:#fff;
	text-shadow: 0 0 15px #000;
	z-index: 2;
}
.portfolio-item-name{
	font-weight:bold;
}
.portfolio-item-text{
	font-size:1rem;
	font-weight: normal;
	    margin-top: 0.5rem;
}

.img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.album-photo-wrap-link img{
	position:absolute; 
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	min-height:350px;
	min-width:450px;
	opacity: 0.8;
	transition:0.5s;
}
.album-photo-wrap-link:hover img{
	transform: scale(1.1);
}


@media (max-width: 460px){
	.album-photo-wrap-link img{
		/* min-height:250px;
		min-width:250px; */
	}	
}


.lazy-loaded {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
}