@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: "Public Sans", sans-serif;
	font-size : 16px;
	overflow-x : hidden;
	color : #404040;
}

@media (min-width: 992px) {
	body {
		font-size : 20px;
	}
}

a {
	-webkit-transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -ms-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
	color : #404040;
}

p:not(:last-child) { 
	margin-bottom : 50px;
}

.visual-text p { 
	margin-bottom : 20px;
}


.color1 {
	background : #C92649;
}

.gray {
	background : #F4F3F5;
}

body#com_content-article-2255 .wystapienia {
	background : #F4F3F5;
}

.textcolor2 {
	color : #F12A55;
}

.topbanner {
    color: #ffffff;
    padding: 10px;
    font-size: 14.22px;
    white-space: nowrap;
    overflow: hidden;
}

.menu-header .navbar-nav {
	flex-direction : row;
	justify-content: flex-end;
	margin-right: 0 !important;
	display : none;
}

.menu-header .navbar-nav.action {
	display: flex;
	flex-direction : column;
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    text-align: center;
    justify-content: center;
}

.menu-header.mobile {
	z-index: 300;
	position : fixed;
}

@media (min-width: 992px) {
    .menu-header .navbar-nav {
		display : flex;
	}
}

.menu-header .navbar-nav a {
	color : #ffffff;
	margin-left : 15px;
	position : relative;
	font-size : 16px;
}

.menu-header .navbar-nav.action a {
	color : #000000;
}

body.home .menu-header:not(.fixed)::before {
	background: #010101;
	background: linear-gradient(to bottom, rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%);
	content : "";
	width  :100%;
	height : 100%;
	display : block;
	position  :absolute;
	top : -20px;
}

@media (min-width: 1200px) { 
	.menu-header .navbar-nav a {
		font-size: 20px;
	}
}

.menu-header .navbar-nav a:hover, .menu-header.fixed .navbar-nav a:hover {
	color : #F12A55;
}

.menu-header .navbar-nav .active > a {
	color : #F12A55 !important;
}

.menu-header .navbar-nav .active > a::after {
	width : 100%;
}

.menu-header .navbar-nav a::after {
	content : "";
	width : 0;
	height : 2px;
	background : #F12A55;
    -webkit-transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -ms-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
	position : absolute;
    bottom: 2px;
    left: 0;
}

.menu-header .navbar-nav a:hover::after {
	width : 100%;
}

.menu-header .menu-wrapper {
    padding-top : 10px;
}

.menu-header.fixed .menu-wrapper, body:not(.home) .menu-header .menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
	padding-top : unset;
}

.menu-header > .container > .row {
	position : relative;
}

.visual_foto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: 0;
	height : 100%;
	min-height : 100vh;
}

.visual_foto > img {
	width : 100%;
	height : 100%;
	min-height : 100vh;
	object-fit : cover;
    object-position: 70% 0;
}

@media (min-width: 992px) {
	.visual_foto > img {
		object-position: 0 0;
	}
}



body:not(.home) .visual_foto .header-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#header {
	position: relative;
}

.topbanner.fixed, body:not(.home) .topbanner {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.menu-header {
	position : absolute;
	z-index : 3;
    left: 0;
    right: 0;
    margin: auto;
	margin-top: 20px;
}

.menu-header.fixed, body:not(.home) .menu-header {
    background: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 10;
    max-width: unset;
    top: 0;
    margin-top: 0;
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	border-bottom: solid 1px #b5b5b5;
}


@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-out-top {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}

.topbanner.slide-out {
  animation: slide-out-top 0.4s ease forwards;
}
.menu-header.slide-out {
  animation: slide-out-top 0.4s ease forwards;
}

.menu-header.fixed .navbar-nav a, body:not(.home) .menu-header a {
	color : #404040;
}

.menu-header.fixed .logo img, body:not(.home) .menu-header .logo img {
    filter: invert(1);
    margin: 5px 0;
    height: 87px;
}

.baner-header {
	position: relative;
	width: 100%;
	/* aspect-ratio: 16 / 9;  */
	overflow: hidden;
	display: flex;
    align-items: center;
	height : 100%;
	min-height : 100vh;
}

.baner-header.subpage {
	aspect-ratio: unset; 
	min-height : 690px;
}

.baner-header.subpage .visual-text {
	font-size : 16px;
}

@media (min-width: 992px) {
	.baner-header.subpage .visual-text {
		font-size : 20px;
	} 

}

.baner-header.subpage .visual_foto {
	height : 100%;
	min-height : unset;
}

.baner-header.subpage .visual_foto > img {
	height : 100%;
	min-height : unset;
}

.menu-header .item-618 a {
	color : #F12A55 !important;
}

body:not(.home) .baner-header {
	margin-top : 97px;
}


.baner-header-content {
    margin: auto;
    left: 0;
    max-height: fit-content;
    height: -moz-max-content;
    position: relative;
    z-index: 1;
    padding-top: 15%;
    z-index: 2;
	width : 100%;
	bottom : 30px;
	margin-bottom: 150px;
}

@media (min-width: 992px) {
	.baner-header-content {
		position: relative;
		bottom : unset;
	}
}

.box2 {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 30px;
    max-width: fit-content;
	width: -moz-max-content;
    margin-bottom: 20px;
} 

.box2.video-gallery {
	max-width : unset;
}

@media (min-width: 992px) {
	.box2 {
		display: grid;
		grid-template-columns: auto auto;
		grid-gap: 30px;
	}
}


body.home .h1 {
	font-size : 52px;
	font-weight : normal;
	color : #ffffff;
}

h1, .h1 {
	font-size : 8vw;
	line-height : 1;
	font-weight : 600;
}

h1 {
	margin-bottom : 120px;
	position : relative;
}

h1:after {
	content : "";
	position : absolute;
	background : #F12A55;
	display : block;
	width : 80px;
	height : 4px;
	bottom : -10px;
}

.baner-title .h1 {
	color : #ffffff;
	line-height: 1.2;
}

h2, .h2 {
	font-size : 46px;
	margin-bottom : 20px;
	font-weight : 600;
}

h2 + p {
	margin-top : 50px;
}

.gradient2 h2 + p {
	margin-top : 0;
}


h3 {
	font-size : 25px;
	margin-bottom : 40px;
}

h4 {
	font-size : 20px;	
	line-height : 1.4;
}

@media (min-width: 992px) {
	body.home .h1 {
		font-size : 100px;
		font-weight : 700;
	}

	h1, h1 {
		font-size : 68px;
		line-height : 1;
		font-weight : 600;
	}

	h2, .h2 {
		font-size : 50px;
		margin-bottom : 20px;
		font-weight : 600;
	}

	h3 {
		font-size : 28px;
		margin-bottom : 40px;
	}
	
	h4 {
		font-size : 22px;	
	}

}

@media (min-width: 1200px) {
	body.home .h1 {
		font-size : 120px;
		font-weight : 700;
	}

	h1, .h1 {
		font-size : 70px;
		line-height : 1;
		font-weight : 600;
	}

	h2, .h2 {
		font-size : 54px;
		margin-bottom : 20px;
		font-weight : 600;
	}

	h3 {
		font-size : 32px;
		margin-bottom : 40px;
	}

	h4 {
		font-size : 24px;
	}
}

.baner-header h2 {
	color : #ffffff;
}


.visual-text {
	font-size : 16px;
	color : #ffffff;
	margin : 10px 0 30px;	
}

.visual-text + .box2 {
	width : 100%;
	max-width : unset;
}

@media (min-width: 992px) {
	.visual-text {
		margin : 10px 0 30px;	
		max-width : unset;
		margin : 30px 0 60px;	
		font-size : 20px;
	}
	
	.visual-text + .box2 {
		max-width: fit-content;
		width: -moz-max-content;
	}
}

.button1 {
	color : #ffffff;
	background-color : #f12a55;
	border : solid 1px #f12a55;
	padding : 15px 24px;
	text-align  :center;
	display : inline-block;
	text-decoration : none; 
}

.button1:hover, .button1:focus {
	background-color : #BF1A3E;
	border : solid 1px #BF1A3E;
}

.button2 {
	color : #ffffff;
	background-color : transparent;
	border : solid 1px #ffffff;
	padding : 15px 24px;
	text-align  :center;
	display : inline-block;
	text-decoration : none;
	width : 100%; 
}

@media (min-width: 992px) {
	.button2 {
		width : auto;
	}
}

.button2:hover, .button2:focus {
	background-color : #BF1A3E;
	border : solid 1px #BF1A3E;
}

.button3 {
	color : #F12A55;
	background-color : transparent;
	border : solid 1px #BF1A3E;
	padding : 15px 24px;
	text-align  :center;
	display : inline-block;
	text-decoration : none;
}

.button3:hover, .button3:focus {
	background-color : #BF1A3E;
	border : solid 1px #BF1A3E;
	color : #ffffff;
}


.button4 {
	color : #404040;
	background-image : url('../images/arrow-big.svg');
	background-repeat : no-repeat;
	background-position : right 40px center;
	background-color : transparent;
	border : solid 1px #404040;
	padding : 15px 24px;
	text-align  :center;
	padding-right : 70px;
	display : inline-block;
	text-decoration : none;
	width : 100%; 

}

.button4:hover, .button4:focus {
	background-image : url('../images/arrow-big_.svg');
	background-position : right 20px center;
	color : #F12A55;
	border : solid 1px #F12A55;
}

.button5 {
	margin-top : 20px;
	font-size : 16px;
	color : #404040;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;
	text-decoration : none;
}

.button5:hover, .button5:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}


@media (min-width: 992px) {
	.button1, .button2, .button3, .button4 {
		padding : 25px 40px;
		text-align : left;
	}
}


.padding-150 {
	padding-top : 150px;
	padding-bottom : 150px;
}


.padding-top-50 {
	padding-top : 50px;
}

.padding-50 {
	padding-top : 50px;
	padding-bottom : 50px;
}

.padding-bottom-150 {
	padding-bottom : 150px;
} 

.padding-top-25 {
	padding-top : 25px;
}

.padding-top-30 {
	padding-top : 30px;
}

.padding-top-150 {
	padding-top : 150px;
}

.padding-top-100 {
	padding-top : 100px;
}

.padding-50-150 {
	padding-top : 50px;
	padding-bottom : 150px;
}

.padding-150-50 {
	padding-top : 150px;
	padding-bottom : 50px;
}

.padding-150-100 {
	padding-top : 150px;
	padding-bottom : 100px;
} 

.padding-bottom-50 {
	padding-bottom : 50px;
}

.margin-bottom-30 {
	margin-bottom : 30px;
}
.margin-bottom-150 {
	margin-bottom : 150px;
}

.linkbox {
	font-size : 24px;
	margin-bottom : 40px;
}

.linkbox .button4 {
	margin-top : 20px;
    padding-right: 70px !important;
}

.linkbox > a:last-of-type {
	margin-top : 20px;
	font-size : 16px;
	color : #404040;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;
}

.linkbox > a:last-of-type:hover, .linkbox > a:last-of-type:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}

.linkbox1-wrapper {
	margin-bottom : 60px;
}

.linkbox1 { 
	border : solid 1px #000000;
	padding : 30px;
	margin : 20px 0;
}

.linkbox1 > ul { 
	margin-bottom : 0;
}

.linkbox1 > ul > li:not(:last-child) {
	margin-bottom : 10px;
}


@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 90%;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 90%;
    }
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 90%;
    }
}
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 90%;
    }
}
@media (min-width: 1500px) {
    .container {
        max-width: 1506px;
    }
}
.container-md, .container-sm, .container {
	max-width: 90%;
}

.hrodnowa {
	color : #ffffff;
	background: transparent radial-gradient(closest-side at 69% 50%, #652678 0%, #1e0b24 100%) 0% 0% no-repeat padding-box;
}
.sitebody {
	z-index : 5;
	position : relative;
	background : #ffffff;
	overflow-x: hidden;
}

.sitebody ul {
	list-style : none;
	padding-left : 0;
}

.sitebody ul li {
	position : relative;
	padding-left : 20px;
}

.sitebody ul li:before {
	content : "";
	width : 6px;
	height : 8px;
	display : block;
	background : #F12A55;
    position: absolute;
    left: 0;
	top: 10px;
}

.colorbox1 {
	background : rgba(255, 255, 255, .1);
	padding : 40px;
	margin-top : 50px
}

.colorbox1 .box2 {
	margin-top : 20px;
}

.button2.read span {
	display : block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/czytaj_teraz-icon.svg');
	background-repeat : no-repeat;
	background-position : right center;
	padding-right : 34px;
}

.button2.listen span {
	display : block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/posluchaj_zobaczmaterial-icon.svg');
	background-repeat : no-repeat;
	background-position : right center;
	padding-right : 34px;
}

.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  display: none !important;
}

.slick-lightbox-close:before {
	font-size : 40px !important;
}

.slick-lightbox-slick-item-inner.iframe{
  width: 100%;
  max-width: 80%;
}

.slick-lightbox-slick-item-inner.iframe iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
}

.box5 {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}

.filmbox1 {
	border : solid 1px #404040;
	color : #707070;
	text-decoration : none;
	display: block;
/* 	height : 100%; */
}

.filmbox1 img {
	width : 100%;
}

.filmbox1 .flash {
	width : 100%;
}

.filmbox1:hover {
	border : solid 1px #C92649;
}

.filmbox1:hover .span2 {
	color : #C92649;
}

.filmbox1 > span {
	display : block;
    padding: 10px 20px;
	position : relative;
}

.boxes .filmbox1 > span {
    padding: 10px 40px;
}

.filmbox1 > .span1 {
	font-size : 24px;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 20px;
}

.filmbox1 > .span2 {
	max-width: fit-content;
    width: -moz-max-content;
    padding-right: 50px;
}


.boxes .filmbox1 > .span2 {
    margin-bottom : 20px;
}

.filmbox1 > .span2::before {
	content : "";
	display : block;
	width : 14px;
	height : 15px;
	background-image : url('../images/play-icon.svg');
	background-size: contain;
    position: absolute;
    right: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
	-webkit-transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -ms-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
}

.filmbox1:hover > .span2::before {
	background-image : url('../images/play-icon_.svg');
    right: 10px;
}

.flash {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.flash::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: white;
  opacity: 0;
  pointer-events: none;
  width : 100%;
  height : 100%;
  display : block;
}

.flash img {
	display : block;
}

.filmbox1:hover .flash::after {
  animation: flash 0.4s ease;
}

@keyframes flash {
  0%   { opacity: 0; }
  30%  { opacity: 0.6; }
  100% { opacity: 0; }
}

.content-foto {
	display: flex;
    flex-direction: column;
    justify-content: center;
}



.content-foto .text1 {
	padding : 150px 150px 150px 0;
	order : 2;
}

@media (min-width: 992px) {
	.content-foto .text1 {
		order : 1;
	}
	.content-foto.rev .text1 {
		order : 2;
	}
}


.content-foto.content-foto1 .text1 {
	padding : 150px 	0;
}

.content-foto .img-text {
	position : relative;
	order : 1;
}

@media (min-width: 992px) {
	.content-foto .img-text {
		order : 2;
	}
}


.col-img-right img {
    max-width: none;
    width: 100vw;
    position: relative;
	transform: translateY(0) translateX(-2%);
    top: unset;
	height: auto;
    object-fit: cover;
    bottom: 0;
}

@media (min-width: 576px) {
	.col-img-right img {
		transform: translateY(0) translateX(-7%);
	}
}

@media (min-width: 992px) {
	.col-img-right img {
		position: absolute;
		transform: translateY(0) translateX(-15%);
		height: 700px
	}
}



.content-foto1 .col-img-right img {
	width : auto;
}

.cols3 {
	columns : auto 3;
    column-gap: 30px; 
}

.col-img-left img {
    max-width: none;
    width: 100vw;
    position: absolute;
    transform: translateY(0) translateX(-15%);
    top: unset;
    height: 700px;
    object-fit: cover;
    bottom: 0;
}


@media (min-width: 992px) {
    .col-img-right img {
        top: 50%;
        height: 100%;
        bottom: unset;
        transform: translateX(0) translateY(-50%);
        position: absolute;
        width: 50vw;
    }
	
    .col-img-left img {
        top: 50%;
        height: 100%;
        bottom: unset;
        transform: translateX(-10%) translateY(-50%);
        position: absolute;
        width: 50vw;
		right : 0;
    }
	
	.content-foto1 .col-img-right img {
		width : auto;
	}
}

.gradient {
	background: transparent radial-gradient(closest-side at 69% 50%, #652678 0%, #1e0b24 100%) 0% 0% no-repeat padding-box;
	color : #ffffff;
}

.graybox {
	border : solid 1px #40404040;
	background : #F4F3F5;
	height: 100%;
	padding : 7%;
    display: flex;
    flex-direction: column;
   /*  justify-content: space-between; */
	justify-content: center
}

a.graybox {
	justify-content: space-between;
}

.graybox.white {
	background : #ffffff;
	height : unset;
	flex : 1;
}

a.graybox {
	border : solid 1px #707070;
	color : #707070;
	text-decoration : none;
}

a.graybox:hover {
	color : #C92649;
	border : solid 1px #C92649;
}

a.graybox > span {
    margin-top: 20px;
    font-size: 20px;
    color: #404040;
    display: block;
    max-width: fit-content;
    width: -moz-max-content;
    background-image: url(../images/arrow-small.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 40px;
	-webkit-transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -ms-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
}

a.graybox:hover > span {
    background-image: url(../images/arrow-small_.svg);
    background-position: right 0 center;
    color: #F12A55;
}

.graybox.noborder {
	border : 0;
}

.gradient1 {
	/* background: transparent radial-gradient(closest-side at 50% 100%, #652678 0%, #1F0726 100%) 0% 0% no-repeat padding-box; */
	color : #ffffff;
	background: radial-gradient(ellipse at bottom, #511e60 0%, #1F0726 100%) no-repeat padding-box;
}

.gradient1 .filmbox1 {
    border: solid 1px #ffffff;
    color: #ffffff;
	color : #ffffff;
	height : 100%;
}

.gradient1 .filmbox1:hover {
	color : #C92649;
	border : solid 1px #C92649;
}

.gradient1 .filmbox1 > .span2::before {
	filter: brightness(100);
}

.gradient1 .filmbox1:hover > .span2::before {
	filter: unset;
}

.newsletter .form-label  {
	display : none;
}

.gradient1 .colorbox1 {
	margin-bottom : 40px;
}
.gradient2 {
	background: transparent radial-gradient(closest-side at 50% 50%, #652678 0%, #1e0b24 100%) 0% 0% no-repeat padding-box;
	color : #ffffff;
}

input[type="text"], input[type="email"], input[type="text"]:hover, input[type="email"]:hover, input[type="text"]:focus, input[type="email"]:focus {
    background: transparent;
    border-radius: 0;
    padding: 25px 40px;
	color: #ffffff;
	outline : none;
	box-shadow : none;
	border-color : #ffffff;
}

input[type="text"]::placeholder, input[type="email"]::placeholder {
	color: #ffffff;
}

.form input[type="text"], .form input[type="email"], .form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="text"]:focus, .form input[type="email"]:focus, .form textarea, .form textarea:hover, .form textarea:focus {
    background: transparent;
    border-radius: 0;
    padding: 16px 24px;
	color: #404040;
	outline : none;
	box-shadow : none;
	border-color : #404040;
	font-size : 20px
}

.form input[type="text"]::placeholder, .form input[type="email"]::placeholder, .form textarea::placeholder {
	color: #9f9f9f;
}

.form button[type="submit"] {
	color : #F12A55;
	background-color : transparent;
	border : solid 1px #BF1A3E;
	padding : 25px 40px;
	display : inline-block;
	text-decoration : none;
	max-width : fit-content;
    width: -moz-max-content;
}

.form button[type="submit"]:hover, .form button[type="submit"]:focus {
	background-color : #BF1A3E;
	border : solid 1px #BF1A3E;
	color : #ffffff;
}

.form label {
	font-size : 16px;
}


button[type="submit"] {
	color : #ffffff;
	background-color : #f12a55;
	border : solid 1px #f12a55;
	padding : 25px 40px;
	display : inline-block;
	text-decoration : none;
    border-radius: 0;
	width : 100%;
	position : relative;
}

button[type="submit"]::after {
	content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/arrow-small-white.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    left: 10px;
    top: 4px;
    bottom: 0;
    margin: auto;
}

button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:active {
	background-color : #BF1A3E !important;
	border : solid 1px #BF1A3E !important;
}

.form button[type="submit"]::after {
	display : none;
}
  
.margin-top-80 {
	margin-top : 80px
}

footer {
	background : #000000;
	color : #ffffff;
    z-index: 5;
    position: relative;
}

footer a {
	color : #ffffff;
}

footer .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
}

footer .navbar-nav a:hover, footer .navbar-nav a:focus {
	color : #F12A55;
}

.footer-menu {
	padding-top : 50px;
	padding-bottom : 50px;
	border-bottom : solid  1px #404040
}

.footer-menu .navbar-nav {
	flex-direction : column;
	align-items : center;
}

@media (min-width: 992px) {
	.footer-menu .navbar-nav {
		flex-direction : row;
	}
}

.footer-module {
	padding-top : 50px;
	padding-bottom : 110px;
}

.footer-module .sm a {

    text-decoration: none;
}

.footer-module .sm a img {
	margin-right : 10px;	
}

.footer-module .sm a:hover {
    color: #F12A55;
}


.copyright {
	text-align : right;
}

.copyright a {
	margin-left : 50px;
	text-decoration : none;
}

.copyright a:hover  {
	color : #F12A55;
}

.footer-module .box2 {
	max-width : unset;
	width : 100%;
}

.colorbox2 {
	border : solid 1px #606060;
	background : rgba(0, 0, 0, .5);
	padding : 30px;
}

.colorbox2 .text1 {
	color : #F12A55;
	font-size : 5vw; 
	font-weight : 600;
	line-height : 1;
}

.colorbox2 .text2 {
	color : rgba(255, 255, 255, .5);
	font-size : 4vw;
}

.colorbox2 .text3 {
	margin-top : 50px;
	font-size : 16px;
	color : #ffffff;
}

@media (min-width: 992px) {
	.colorbox2 .text1 {
		font-size : 3.5vw; 
	}

	.colorbox2 .text2 {
		font-size : 24px;
	}

	.colorbox2 .text3 {
		font-size : 20px;
	}
}

.box3 {
	display : grid;
	grid-template-columns : repeat(3, 1fr);
	grid-gap : 30px;
}

.breadcrumbs {
	position: absolute;
    top: 120px;
    z-index: 3;
    width: 100%;
	font-size : 16px;
}

.breadcrumbs a {
	color : #ffffff;
	text-decoration : none;
}

.breadcrumbs a:hover {
	color : #BF1A3E;
	text-decoration : underline;
}

.breadcrumbs .breadcrumb-item.active 	 {
	color : #BF1A3E;
}

.breadcrumb-item+.breadcrumb-item::before {
	content : "|";
	color : #606060;
}

.lboxes .col-md-6 {
	margin-bottom : 30px;
}

.stylebox {
	background : #F4F3F5;
	height : 100%;
	display : flex;
	flex-direction : column;
}

.moduletable:not(.stylebox2) .stylebox.stylebox1 {
	background : #FFFFFF;
}

.stylebox .button3 {
	margin-top : auto !important;
    position: relative;
    top: 30px;
/* 	max-width: fit-content;
    width : -moz-max-content; */
	width : 100%;
	text-align : center;
}

.stylebox .span1 {
	padding : 30px;
	height: 100%;
    display: flex;
    flex-direction: column;
}

.stylebox .span1 > p:last-child {
	position: relative;
    margin-top: auto;
}

.stylebox  img {
	width : 100%;
}
	
.parallax-image {
    position: fixed;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
	top: 0;
}

.hrodnowa1 {
	position : relative;
}

.hrodnowa1 {
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
	color : #ffffff;
}

.masonry {
  column-count: 2;
  column-gap: 30px;
  margin-top : 50px;
}

.brick {
  margin-bottom: 30px;
  break-inside: avoid;
  font-size : 16px;
}

.brick p:not(:last-child) {
	margin-bottom : 20px;
}

.brick p:last-child {
	margin-bottom : 0;
}

.whitebox {
	border : solid 1px #40404040;
	background : #ffffff;
	padding : 10%;
}

.whitebox.boksy-4 {
	padding : 3% 5%;
}

.masonry .graybox {
	height : unset;
	border : none;
}

.transbox {
	background : transparent;
	padding : 10%;
}

.omnie .baner-header .button2 {
	margin-right : 20px;
	margin-bottom : 20px;
}

.linkbox.articles .button4 {
	padding : 20px 65px 20px 20px;
}

.linkbox.articles .button4 .smallup {
	font-size : 16px;
	font-weight : 200;
	display : block;
	line-height : 1;
}


.boxes .col-md-6 + h3 {
	margin-top : 80px;
	margin-bottom : 30px;
}

.flexbox {
	display : flex;
	flex-direction : column;
}

.flexbox .button3 {
	margin-top : 30px;
	margin-bottom : 30px;
    position: relative;
    top: unset;
/* 	max-width: fit-content;
    width : -moz-max-content; */
	width : 100%;
	text-align : center;
}

@media (min-width: 768px) {
	.flexbox .button3 {	
		margin-top : auto !important;
		margin-bottom : unset;
		top: 30px;
	}
}

.flexcenterright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.flexcenterright h2 {
    line-height: 10px;
}


.flexcenterleft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.boxslider-wrapper {
	position : relative;
}

.boxslider-wrapper::before {
	content : "";
	position : absolute;
	width : 120px;
	height : 100%;
	background: #FFFFFF;
	background: linear-gradient(90deg, #FFFFFF, #FFFFFF00);
    z-index: 10;
    left: -3px;
}

.boxslider-wrapper::after {
	content : "";
	position : absolute;
	width : 120px;
	height : 100%;
	background: #FFFFFF;
	background: linear-gradient(90deg, #FFFFFF, #FFFFFF00);
    z-index: 10;
    right: -3px;
    top: 0;
	transform: rotate(180deg);
}

.hamburger {
	width: 38px;
	height: 38px;
	position: absolute;
	cursor: pointer;
	right : 30px;
	top : 30px;
	display : block;
	color : #ffffff;
    font-size: 14px;
    padding: 0;
    padding-top: 17px;
	transition: transform 0.3s ease, all 0.3s ease, opacity 0.3s ease;
}

.hamburger.active {
	top : 20px;
    padding-top: 27px;
}

@media (min-width: 992px) {
    .hamburger {
		display : none;
	}
}

.bar {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
	border-radius: 2px;
}

body:not(.home) .bar {
	background-color: #000000; 
}

.menu-header.fixed .bar {
	background-color: #000000;
}

.bar.top {
  top: 0;
}

.bar.bottom {
  top: 10px;
}

.hamburger.active .bar.top {
	top: 10px;
	transform: rotate(45deg);
 	background-color: #000000;
}

.hamburger.active .bar.bottom {
	top: 10px;
	transform: rotate(-45deg);
	z-index : 10;
 	background-color: #000000;
}

#gototop {
	width : 46px;
	height : 46px;
	border : solid 1px #404040;
	position : fixed;
	right : 50px;
	bottom : 50px;
	z-index : 10;
	background-color : #ffffff;
	background-image : url('../images/arrow_gotop-icon.svg');
	background-repeat : no-repeat;
	background-position : center;
	cursor : pointer;
	-webkit-transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -ms-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
    transition: 0.15s ease-in;
}

#gototop:hover, #gototop:focus {
	border : solid 1px #F12A55;
	background-image : url('../images/arrow_gotop-icon_.svg');
	background-position : center top 5px;
}

.boxes2 .text-content a {
	color : #404040;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;
	text-decoration : none;
	float : right;
}

.boxes2 .text-content a:hover, .boxes2 .text-content a:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}

.boxes2 .filmbox1 > span {
    padding: 10px 20px;
}

.boxes2 .filmbox1 > .span2 {
	padding-right : 50px;
	padding-right : 50px;
}

.formRequired {
	color : #F12A55;
}  

.sidepanel {
	width: 58.33333333%;
    background: #ffffff;
    padding: 60px;
    position: fixed;
    right: -60%; 
	height: 90vh;
	overflow-y: auto; 
    top: 5%;
    z-index: 140;
	border : solid 1px #40404040;
	-webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in; 
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

.sidepanel.pop {
    right:0; 
}

.sidepanel input[type="text"], .sidepanel input[type="email"], .sidepanel input[type="text"]:hover, .sidepanel input[type="email"]:hover, .sidepanel input[type="text"]:focus, .sidepanel input[type="email"]:focus, .sidepanel textarea, .sidepanel textarea:hover, .sidepanel textarea:focus {
    background: transparent;
    border-radius: 0;
    padding: 16px;
	color: #404040;
	outline : none;
	box-shadow : none;
	border-color : #404040;
	font-size : 18px
}

.sidepanel input[type="text"]::placeholder, .sidepanel input[type="email"]::placeholder, .sidepanel textarea::placeholder {
	color: #9f9f9f;
}


.sidepanel label {
	font-size : 16px;
}

.sidepanel.action {
    right: 0; 
}

.formRed, .formError {
	font-size : 16px;
}

.close {
	width : 48px;
	height : 48px;
	background : url('../images/close-icon.svg');
	background-position : center;
	background-repeat : no-repeat;
	position : absolute;
	top : 20px;
	right : 20px;
	cursor : pointer;
}

.banner.banner1 {
    display: flex;
    align-items: end;
	position : relative;
}

.banner.banner1 > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.banner.banner1 > .container {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    max-height: fit-content;
    height: -moz-max-content;
    position: relative;
    z-index: 1;
    padding: 5% 0;
    z-index: 2;
	color : #ffffff;
}

.banner.banner1 h2,.banner.banner1 h3 {
	margin-bottom : 5px;
}

.banner.banner1.popup {
    display: flex;
    align-items: end;
	position : relative;
	max-width: 1088px;
	max-height : 80%;
	justify-content: flex-end;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index : 300;
    width: 80%;
    height: 80%;
	aspect-ratio : 1 /1;
}
   
.banner.banner1.popup > .container {
	top: unset;
    bottom: unset;
    margin: unset;
    left: unset;
	padding : 8%;
}

.banner.banner1 a {
	margin-top : 20px;
	font-size : 16px;
	color : #ffffff;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small-white.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;  
}

.banner.banner1 a:hover, .banner.banner1 a:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}


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

body.cloth::before {
	content : "";
	width  :100%;
	height : 100%;
	background : rgba(0,0,0,.8);
	position : fixed;
	top : 0;
	left : 0;
	display : block;
	z-index : 299;
}

body.cloth {
	overflow : hidden;
}

.popup .close {
	z-index: 301;
    background: url(../images/close-icon-white.svg);
}
.popup .close:hover {
	z-index: 301;
    background: url(../images/close-icon-pink.svg);
}


.video-gallery.slider, .video-gallery.slider .slick-list, .video-gallery.slider .slick-list .slick-track {
	height : 100%;
}

.slider .slick-slide > div {
  margin-right: 20px;
}
.baner-header-content .slider .slick-slide {
	margin-right : 30px;
	height: 100%;
}

.slider .slick-track .filmbox1 {
	margin : 10px;
	height : 100%;
	margin-top: 0;
}

.video-gallery.slider .graybox {
	padding : 10px;
}

.popup a {
	margin-top : 20px;
	font-size : 16px;
	color : #ffffff;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small-white.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;  
}

.popup a:hover, .popup a:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}

.sidepanel.pop a {
	margin-top : 20px;
	font-size : 16px;
	color : #404040;
	display: block;
    max-width: fit-content;
	width: -moz-max-content;
	background-image : url('../images/arrow-small.svg');
	background-repeat : no-repeat;
	background-position : right 10px center;
	padding-right : 40px;
}

.sidepanel.pop a:last-of-type:hover, .sidepanel.pop a:last-of-type:focus {
	background-image : url('../images/arrow-small_.svg');
	background-position : right 0 center;
	color : #F12A55;
}

.strong {
	font-weight : 700;
}

.img-full > img {
	width : 100%;
}

.center {
	text-align  :center;
}

.kurs-logo {
	max-height : 60px;
/* 	margin-top : 100px */
}

.slick-lightbox-custom {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #000;
  padding: 0;
  border-radius: 8px;
  max-width: 90vw;
  max-height: 90vh;
}
.slb-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 9998;
}
.slb-close {
  position: absolute;
  top: 5px;
  right: 10px;
  background: transparent;
  border: none;
  color: white;
  font-size: 32px;
  cursor: pointer;
}

.whitebox .boxslider .slick-slide {
	margin : 0 15px;
}

.row>* {
		padding-left : 15px;
		padding-right : 15px;
}

.colb .row>* {
		padding-left : 25px; 
		padding-right : 25px;
}

@media (max-width: 991px) {
	.set-1 .col-img-right {
		display : none;
	}
	
	.set-2 .content-foto .text1 {
		padding-left: unset;
		padding-right: unset;
	}
		
	.filmbox1.video-item {
		margin-bottom : 50px;
	}
	
	.baner-header-content {
		padding-top  :30%;
		margin-bottom: 50px;
	}
	
	.masonry {
		column-count: 1;
	}
	
	.col-img-left img {
		position : relative;
	}
}