body > footer > p a{
	color: #6b8da7;
}
.content-links{
  display:none;
}
body > header .top .break{
	height:42px;
	width:1px;
	content:"";
	background:#e2e2e2;
	margin:0 20px;
}
body > header .top .element:last-child:after{
	margin:0 0 0 28px;
}
body > header .top .element span.text{
	font-size: 13px;
	text-align:right;
	color:var(--ldark);
}
body > header .contactelement{
	position: relative;
}
body > header .contactelement .custom{
	position: absolute;
	top: 40px;
	right: 0;
}
body > header .contactelement i{
	color: var(--main-color);
	font-size: 18px;
	margin-left: 7px;
}
body > header .top .contactelement ul{
	padding: 22px 14px;
	z-index: 2;
    position: absolute;
	right: 0;
    background: #fff;
    width: 220px;
	border-radius: 5px;
	border-top-right-radius: 0;
}
body > header .top .contactelement .custom span.text{
	font-size:13px;
}
body > header .top .contactelement .custom strong{
	display:flex;
	align-items: center;
	justify-content: flex-start;
}	
body > header .top .contactelement .custom i{
	font-size: 16px;
	margin-right: 7px;
	color: var(--main-color);
}
body > header .top .contactelement .custom li+li{
	margin-top:7px;
	padding-top:7px;
}  
body > header .top .contactelement .custom a{  
	color: #081118;
    font-size: 14px;
}
body > header .top .contactTop:after{
	content: "\f134";
	margin-left:7px;
	color: var(--llight);
}

/* social header */
header .social a,
header .contrastlist i{
	font-size: 18px;
	color: var(--darker);
}
header .social li+li,
header .contrastlist i{
	margin-left: 10px;
}

#contrast{
	margin-left:22px;
}
#contrast li+li{
	margin-left:14px;
}
#contrast a{
	font-size:0 !important;
	width:38px;
	height:38px;
	border:1px solid #e7e7e7;
	background:#fff url(../images/icons/eyeblack.png) no-repeat center;
	display:block;
}
#contrast a.yellow{
	background-color:#ffff00;
	border-color:#ffff00;
}
#contrast a.black{
	background:#000000 url(../images/icons/eyewhite.png) no-repeat center;
	border-color:#000000;
}
#size a{
	color:var(--darker);
	font-size:17px;
	font-weight: 600;
}
#size a i{
	font-size: 18px;
	color: var(--main-color);
}
#size li+li{
	margin-left:16px;
}
body > header .bottom{
	background:#081118;
	height:96px;
	display:flex;
	position:relative;
	align-items:center;
}
body > header .bottom .break{
	height:96px;
	background:#12212d;
	min-width:1px;
	margin:0 28px;
}
body > header .bottom img+img{
	margin-left:28px;
}
body > header nav{
	margin-left:60px;
}
body > header nav a,
body > header nav span{
	font-size:16px;
	color:#ffffff;
	cursor:pointer;
}
body > header nav li.deeper{
	padding-right:32px;
}
body > header nav .nav > li.active:before{
	position:absolute;
	content:"";
	width:35px;
	height:2px;
	background:#ffff00;
	bottom:0;
}
body > header nav span.separator:after{
	content: "\f134";
    position: absolute;
    margin-left: 9px;
    font-size: 18px;
	color: #63849d;
}
body > header nav .parent ul{
	display: none;
	position:absolute;
    background: #364755;
    padding: 28px 14px;
    margin-top: 10px;
    border: 1px solid #374855;
	width: 200px;
	z-index: 100;
}
body > header nav .parent.activeDividerMenu span.separator:after{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
body > header nav .parent ul li+li{
	margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #475b6c;
}
body > header nav .parent ul li a{
	font-size:15px;
}

/* breadcrumbs */
.breadcrumbs{  
    border-bottom: 1px solid var(--llgrey);
	background-color: #f9f9f9;
}
.breadcrumbs *{
	margin: 0;
	padding: 0;
	list-style: none;
}
.breadcrumbs .center{
    min-height: 100px;
    overflow: hidden;
}
.breadcrumbs h1{
    font-size: 30px;
    color: var(--darker);
	font-weight: 600;
    margin-bottom: 9px;
}
.breadcrumbs ol{
    display: flex;
    list-style: none;
    margin-top: -4px;
    font-size: 14px;
    color: var(--main-color);
}
.breadcrumbs ol li:first-child,
.breadcrumbs ol li:nth-child(2):before{
    display: none;
}
.breadcrumbs ol li+li:before{
    content:"/";
    margin: 0 9px;
}
.breadcrumbs ol a{
    color: var(--main-color);
}
.breadcrumbs .rrssb-buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.breadcrumbs .rrssb-buttons li+li{
    margin-left: 25px;
}
.breadcrumbs .rrssb-buttons li{
    padding: 0;
    width: 20px !important;
}
.breadcrumbs .rrssb-buttons li a{
    color:#1d2428;
    background: transparent;
    text-align: left;
    transition: all 200ms linear;
}
.breadcrumbs .rrssb-buttons li a:hover{
    background-color: transparent !important;
    opacity: 0.85;
}
.breadcrumbs .rrssb-buttons li a .rrssb-icon svg circle, 
.breadcrumbs .rrssb-buttons li a .rrssb-icon svg path{
    fill: var(--white) !important;
}
.breadcrumbs .rrssb-buttons li a .rrssb-icon{
    padding: 0 !important;
}
.breadcrumbs .active{
    color: #b5b5b5;
}
.com-content-article > .icons{
    display: none !important;
}
.breadcrumbs .activemore{
    display: none;
}

/* finder */
header .mod-finder{
	flex: auto;
	max-width: 350px;
	overflow: hidden;
	border-radius: 5px;
	background-color: var(--white);
}
header .mod-finder__search{
	display: flex;
}
header .mod-finder .awesomplete{
	flex: auto;
}
header .mod-finder input{
	height: 50px;
	border: none;
	font-size: 14px;
	outline: none;
	padding:0 15px;
}
header .mod-finder button{
	border: none;
    margin-right: 15px;
    font-size: 20px;
    background-color: transparent;
    display: flex;
    align-items: center;
}

/*************/
/*zalaczniki*/
#main div.attachmentsContainer, div.attachmentsContainer{
	margin-top:30px;
}

/***********************/
/*slider*/
body > section .slider{
	background:url(../images/bg/slider.jpg) no-repeat center /cover;
	position:relative;
}
body > section .slider .center{
	height:486px;    
	position: relative;
    z-index: 2;
}
body > section .slider p{
	margin:0;
	color:#ffffff;
	background:var(--darker);
	padding:12px 25px;
	display:inline-block;
}
body > section .slider h3{
	font:800 50px var(--font);
	color:#ffffff;
	margin:10px 0 0;    
	line-height: 1.2em;
}

/***********************/
/*nav left*/
body > section .multiBoxList{
	padding-top:60px;
	align-items:flex-start;
}
body > section .multiBoxList nav{
	min-width:330px;
	max-width:330px;   
	border-radius: 5px;
	overflow: hidden;
	position: sticky;
	top: 30px;
}
body > section .multiBoxList nav h3{
	padding: 20px 30px;
    font: 400 19px var(--font);
    color: #8594a1;
    background: #171e24;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}
body > section .multiBoxList nav i{
	margin-right: 9px;
}
body > section .multiBoxList nav h3 span{
    flex: auto;
}
body > section .multiBoxList nav h3 strong{
	display: block;
    font-size: 17px;
    margin-bottom: -15px;
}
body > section .multiBoxList nav h3 a{
	opacity:0;
	font-size:0;
	width:0;
	background:transparent;
}
body > section .multiBoxList nav .nav li a,
body > section .multiBoxList nav .nav li span{
	padding: 20px 50px 20px 30px;
    font: 400 16px var(--font);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #272e34;
    position: relative;
    line-height: 1.4em;
}
/* body > section .multiBoxList nav .nav li a:before,
body > section .multiBoxList nav .nav li span:before{
	content:"";
	min-width:8px;
	height:8px;
	background:#d6d6d6;
	margin-right:13px;
} */
body > section .multiBoxList nav .nav li span:after{
	content: "\f134";
    position: absolute;
    margin-left: 9px;
    font-size: 18px;
    color: #63849d;
	right: 29px;
}
body > section .multiBoxList nav .nav li.activeDividerMenu > span:after{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu > ul,
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu li.parent.activeDividerMenu > ul,
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu li.parent.activeDividerMenu > ul li.parent.activeDividerMenu ul,
body > section .multiBoxList nav .nav > li.parent.active > ul,
body > section .multiBoxList nav .nav > li.parent.active li.parent.active > ul,
body > section .multiBoxList nav .nav > li.parent.active li.parent.active > ul{
	height:auto;
	opacity:1;
	pointer-events: all;
}
body > section .multiBoxList li.parent.activeDividerMenu > span,
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu > ul span{
	background: #31393f;
}
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu > ul ul span{
  background:#e9e9e9;
}
body > section .multiBoxList nav .nav > li ul{
	padding-left: 15px;
}
body > section .multiBoxList nav .nav > li ul ul{
	background: #31393f;
}
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu ul ul a{
	background: #e9e9e9;
    padding: 20px 30px 20px 46px;
}
body > section .multiBoxList nav .nav > li.parent.activeDividerMenu ul ul ul a{
      background: #dfdfdf;
}

body > section .multiBoxList nav .nav > li ul .active a{
	    background: #1d242a;
}
body > section .multiBoxList nav .nav > li.active > a,
body > section .multiBoxList nav .nav > li.active > span,
body > section .multiBoxList nav .nav > li.active > a:hover,
body > section .multiBoxList nav .nav > li.active > span:hover,
body > section .multiBoxList nav .nav > li.activeDividerMenu > span,
body > section .multiBoxList nav .nav > li.activeDividerMenu > span:hover{
	background: #1d242a;
}
body > section .multiBoxList nav .nav > li > a:hover,
body > section .multiBoxList nav .nav > li > span:hover{
	background:#3c454c;
}
body > section .multiBoxList nav .nav > li.active > a:before,
body > section .multiBoxList nav .nav > li.active > span:before,
body > section .multiBoxList nav .nav > li.activeDividerMenu > span:before{
	background:#485c5f;
}
body > section .multiBoxList nav .nav > li.parent ul,
body > section .multiBoxList nav .nav > li.parent ul ul,
body > section .multiBoxList nav .nav > li.parent ul UL ul{
	display: none;
}
body > section .multiBoxList nav .nav{
	border-top:none;
}
body > section .multiBoxList nav .nav > li+li{
	border-top:1px solid #373f46;
}
body > section .multiBoxList nav .nav > li > *{
	background-color: #1d242a;
}
body > section .multiBoxList .content{
	margin-left:60px;
}

/***************************/
/* article list / single */
body > section .blogarticle{
	margin:-14px;
	padding:28px 0 0;
}
body > section .articleItem{
	margin:14px;
	width:330px;
}
body > section .articleItem a.single{
	display:block;
	position:relative;
	min-height:214px;
}
body > section .articleItem a img{
  display:block;
}
body > section .articleItem .info{
	position: absolute;
    left: 14px;
    bottom: 14px;
	z-index:3;
}
body > section .articleItem .info .date{
	min-width:46px;
	width:46px;
	height:46px;
	border:1px solid #fff;
	text-align:center;
	justify-content:center;
	color:#fff;
	flex-wrap:wrap;
	font-size:13px;
}
body > section .articleItem .info .date strong{
	width:100%;
	display:block;
	font-size:19px;
	margin-bottom:-15px;
}
body > section .articleItem a.single:after{
	position:absolute;
	z-index:0;
	content:"";
	top:0;
	bottom:0;
	right:0;
	left:0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 23%, rgba(0,0,0,0.55) 100%); 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0.55) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0.55) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=0 ); 
}
body > section .articleItem a.single .break{
	height:10px;
	min-width:1px;
	margin:0 10px;
	background:#485c5f;
}
body > section .articleItem a.single .title{
	color:#ffffff;
	font:400 15px var(--font);
}
body > section .articleItem a.single .new{
	position:absolute;
	top:14px;
	right:14px;
	z-index:3;
	width:85px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#d00136;
	color:#fff;
	letter-spacing:3px;
	font-size:12px;
	text-align:center;
}
body > section .articleItem a.single .new i{
	font:900 20px var(--font);
	margin-right:5px;
}
body > section .articlelist .infoBottom{
	border:1px solid #f2f2f2;
	padding:22px 28px;
	margin-top:28px;
}
body > section .articlelist .infoBottom .count{
	color:#b9b9b9;
	font-size:15px;
}
body > section .articlelist .infoBottom .break{
	height:10px;
	width:1px;
	background:#efefef;
	margin:0 10px;
}	
body > section .articlelist .infoBottom a{
	color:#081118;
	font-size:16px;
}
body > section .articlelist .infoBottom a:before{
	content:url(../images/icons/contacttop.png);
	margin-right:9px;
	height:22px;
}

/*table*/
body section table.category tr th{
    text-transform: inherit;
    font-size: 18px;
	transition: all 200ms linear;
}

/*gallery list*/
.tf-gallery-wrapper{
	margin-top: -20px;
}
.tf-gallery-wrapper .item a{
	border-radius: 5px;
	overflow: hidden;
}
.tf-gallery-wrapper .item img{
	display: block;
}
.item-page .el-gallery{
	margin-bottom: 30px;
}
.item-page > h4{
	margin: 0 0 40px;
    font-size: 24px;
    font-weight: 500;
}
.item-page > h4:first-of-type{
	margin-top: -20px;
}
.item-page .el-gallery + h4{
	margin: 0 0 15px;
}
.item-page .el-files{
	color: var(--main-color);
	list-style: square;
	padding-left: 40px;
}
.item-page .el-files > *{
	display: list-item;
}
.item-page .el-files a{
	font-size: 15px;
	font-weight: 500;
}
.gallerylist{
	margin-top: 40px !important;
}
.gallerylist .list,
.blog-items{
    margin: -10px;
	align-items: flex-start;
}
.gallerylist .item,
.blog-items .item{
    margin: 10px;
    background-color: var(--white);
    padding: 10px;
	border-radius: 5px !important;
    box-shadow: 0px 0px 20px 1px rgb(235 238 238);
    width: 260px;
    max-width: 465px;
	align-self: stretch;
	position: relative;
	padding-bottom: 60px;
}
.gallerylist .gallerycontent .item{
	padding-bottom: 10px;
}
.blog-items .item{
    max-width: 465px;
    flex: auto;
	border-radius: 5px;
	align-self: stretch;
}
.gallerylist .item > a:first-of-type,
.blog-items .item > a:first-of-type{
    max-height: 156px;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.gallerylist .item > a:first-of-type:after{
	position: absolute;
    z-index: 0;
    height: 50%;
    left: 0;
    content: "";
    width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.5606617647058824) 0%, rgba(0,0,0,0) 100%);
	bottom: 0;;
}
.singlebox.gallerylist .item > a:first-of-type:after{
    display: none !important;
}
.gallerylist span.count,
.blog-items .item .date{
    position: absolute;
    z-index: 3;
    bottom: 11px;
    left: 0;
    font-size: 14px;
    left: 0;
    right: 0;
    color: var(--white);
	justify-content: center;
	display: flex;
	align-items: center;
}
.blog-items .item .break{
    min-width: 1px;
    height: 10px;
    background: var(--main-color);
    margin: 0 15px;
}
.gallerylist .item > a{
	border-radius: 5px;
}
.gallerylist img{
    width: 100%;
	border-radius: 5px;
}
.gallerylist span.count i{
    margin-right: 11px;
    color: var(--yellow);
}
.blog-items .item .date strong{
    margin: 0 4px;
}
.gallerylist .item h2,
.blog-items .item h2{
    font: 600 20px var(--font);
    color: var(--main-color);
    margin: 25px 0 12px;
	padding: 0 20px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallerylist .item p,
.blog-items .item p{
    color: #8a8d95;
    font-size: 14px;
    line-height: 1.8em;
    padding: 0 15px;
}
.gallerylist .item a.buttonLink,
.blog-items .item a.buttonLink{
    margin: 10px auto;
	height: 36px;
	width: 60px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 20px;
	background-color: var(--main-color);
	bottom: 5px;
    left: 0;
    right: 0;
	position: absolute;
}
.gallerylist .item:hover a.buttonLink,
.blog-items .item:hover a.buttonLink{
    opacity: .8;
}
.gallerylist .pagination_next,
.betterla .pagination_next{
    margin-top: 40px;
    padding-top: 35px;
    border-top: 1px solid #eaeef6;
}
.gallerylist .pagination_next > *+*,
.betterla .pagination_next > *+*,
.gallerylist .pagination_next li+li,
.betterla .pagination_next li+li{
    margin-left: 13px;
}
.gallerylist .pagination_next a,
.betterla .pagination_next a,
.betterla .pagination_next input,
.gallerylist .pagination_next input,
.com-content-category-blog__navigation a,
.com-content-category-blog__navigation span{
    width: 38px;
    height: 38px;
    border: 1px solid #d2d2d2;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dblue);
    font-size: 16px;
    text-align: center;
}
.gallerylist .pagination_next a:not([href]),
.betterla .pagination_next a:not([href]),
.com-content-category-blog__navigation a:not([href]),
.com-content-category-blog__navigation span{
    border-color: #eaeaeb;
    color:#eaeaeb;
    cursor: no-drop;
}
.betterla .pagination_next input,
.gallerylist .pagination_next input{
    width: 60px;
    box-shadow: 0px 3px 10px 0px var(--lgrey);
}

/***************/
/* 3 elementy */
body > section .elementsSchool .school{
	width:33.3334%;
	justify-content:center;
	flex:auto;
	align-self:stretch;
	background:url(../images/offer/szkola-podstawowa.jpg) no-repeat center /cover;
}
body > section .elementsSchool .school.el-2{
	background:url(../images/offer/liceum.jpg) no-repeat center /cover;
}
body > section .elementsSchool .school.el-3{
	background:url(../images/offer/zespol-pozalekcyjny-zajec-wychowawczych.jpg) no-repeat center /cover;
}
body > section .elementsSchool .school img{
	display:block;
	margin:90px auto 0;
	border:1px solid #7e8b8d;
}
body > section .elementsSchool .school strong{
	display:block;
	padding:34px 28px;
	text-align:center;
	font-size:20px;
	color:#fff;
}
body > section .partners{
	padding:60px 28px;
}
body > section .partners .owl-item{
	justify-content:center;
}

/**********************/
/*footer*/
body > footer{
	background: rgb(8,17,24); 
	background: -moz-linear-gradient(45deg, rgba(8,17,24,1) 0%, rgba(15,30,42,1) 50%, rgba(8,17,24,1) 100%); 
	background: -webkit-linear-gradient(45deg, rgba(8,17,24,1) 0%,rgba(15,30,42,1) 50%,rgba(8,17,24,1) 100%); 
	background: linear-gradient(45deg, rgba(8,17,24,1) 0%,rgba(15,30,42,1) 50%,rgba(8,17,24,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081118', endColorstr='#081118',GradientType=1 );
}
body > footer ul.center{
	justify-content:center;
	padding:60px 28px;;
}
body > footer ul li img,
body > footer ul li a{
	display: block;
}
body > footer ul li+li{
	margin-left:100px;
}
body > footer p{
	border-top:1px solid #11202c;
	padding:55px 28px;
	color:#345269;
	font-size:14px;
	margin:0;
}

/*************************/
/*headerImage*/
body > section .headerImage{
	overflow:hidden;
	position:relative;
}
body > section .headerImage:after{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	content:"";
	background:rgba(8, 17, 24, 0.5);
}
body > section .pathimageHeader{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: scale(1.1);
}
body > section .headerImage .centerFull{
	position:relative;
	z-index:2;
	height: 300px;
}
body > section .headerImage .headerBox h1,
body > section .headerImage .headerBox h2,
body > section .headerImage .headerBox h3{
	color:#fff;
}
body > section .headerImage .headerBox p{
	color:#d4d4d4;
}

/*****************/
/*gallery list*/
body > section .gallerylist.full{
	margin-top:0;
}	
body > section .gallerylist.full ul{
	margin:-14px;
}
body > section .gallerylist.full ul li{
	margin:14px;
	max-width:300px;
}

body > section .gallerylist.full .pagination{
	margin: 60px 0 0;
    border-top: 1px solid #ececec;
    padding-top: 30px;
}
body > section .gallerylist.full .pagination strong{
	font: 900 18px var(--font);
    color: #404c55;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ececec;
}
body > section .gallerylist.full .pagination .left > *{
	font-size: 0 !important;
    width: 40px;
    height: 40px;
    border: 1px solid #ececec;
	justify-content:center;
}
body > section .gallerylist.full .pagination .left > *:last-child{
	font-size:14px !important;
}
body > section .gallerylist.full .pagination .left > *:after{
	background:url(../images/icons/next-block.svg) no-repeat center /cover;
	content:"";
	width:12px;
	height:20px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);    
	margin-left: -5px;
}
body > section .gallerylist.full .pagination .left > *:last-child{
	width:100px;
	font-size:14px;
	color: #e4e4e4;
}
body > section .gallerylist.full .pagination .left > *:last-child:after{
	background:url(../images/icons/next-block.svg) no-repeat center /cover;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-left:10px;
}
body > section .gallerylist.full .pagination .left > *+*{
	margin-left:15px;
}
body > section .gallerylist.full .pagination a{
	color: #081118 !important;
    border-color: #081118 !important;
}
body > section .gallerylist.full .pagination a:after{
	background:url(../images/icons/next.svg) no-repeat center /cover !important;
}
body > section .gallerylist.full .linkgallery{
	margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid #e8e8e8;    
	justify-content: flex-end;
    display: flex;
}
body > section .gallerylist.full .linkgallery a{
    width: 200px;
    font-size: 16px;
    height: 50px;
    border: 1px solid #081118;
    justify-content: center;
    color: #081118;
}

/********************/
/* finder */
body > section div.finder h4{
	margin:0;
}
body > section div.finder h4 a{
    color: #292929;
    font: 700 22px var(--font);
}
body > section div.finder p{
    line-height: 2em;
    color: #8e8e8e;
    margin: 0;
}
body > section div.finder li{
	padding:28px;
	box-sizing:border-box;
	border:1px solid #efefef;
}
body > section div.finder li+li{
	margin-top:28px;
}
#search-results .search-pages-counter{
	margin-top: 28px;
    padding-top: 28px;
    text-align: right;
    border-top: 1px solid #efefef;
    color: #292929;
}

/************************/
/*contrast init / yellow*/
body.yContrast,
body.yContrast > header .bottom,
body.yContrast > section .slider p,
body.yContrast > header .top .contactTop .icon,
body.yContrast > header .top .element:after,
body.yContrast > header .bottom .break,
body.yContrast > header .bottom div.finder,
body.yContrast > section .multiBoxList nav .nav > li > a,
body.yContrast > section .multiBoxList nav .nav > li > span,
body.yContrast > section .articleItem .info,
body.yContrast > section .articleItem a.single .break,
body.yContrast > section .articlelist .infoBottom .break,
body.yContrast > section .gallerylist,
body.yContrast > section .gallerylist ul li,
body.yContrast > section .elementsSchool .school,
body.yContrast > footer,
body.yContrast .autocomplete-suggestions,
body.yContrast > section .multiBoxList nav .nav > li.active > a:hover,
body.yContrast > header nav .parent ul,
body.yContrast > header .top .contactelement .custom{
    background: #000;
}
body.yContrast  > header .top .contactTop .icon{
	padding: 1px 1px;
	background:#ffff00 url(../images/icons/contacttop.png) no-repeat  center / 27px;
}
body.yContrast  > header .top .contactTop:after{
	content: url(../images/contrast/yellow/moreyellow.png);
}
body.yContrast > header .top .element span.text,
body.yContrast #size a,
body.yContrast > header nav a, 
body.yContrast > header nav span,
body.yContrast > header .bottom .finder input,
body.yContrast > header .bottom .finder ::placeholder,
body.yContrast > section .slider p,
body.yContrast > section .slider h3,
body.yContrast > section .multiBoxList nav .nav > li > a,
body.yContrast > section .multiBoxList nav .nav > li > span,
body.yContrast .headerBox p,
body.yContrast .headerBox h3, 
body.yContrast .headerBox h2, 
body.yContrast .headerBox h1,
body.yContrast > section .articleItem a.single .title,
body.yContrast > section .articlelist .infoBottom .count,
body.yContrast > section .articlelist .infoBottom a,
body.yContrast > section .gallerylist ul li .title,
body.yContrast > section .gallerylist ul li .date,
body.yContrast > section .elementsSchool .school strong,
body.yContrast > footer p,
body.yContrast > section .headerImage .headerBox h1, 
body.yContrast > section .headerImage .headerBox h2, 
body.yContrast > section .headerImage .headerBox h3,
body.yContrast > section .gallerylist.full .pagination strong,
body.yContrast > section .item-page div[itemprop="articleBody"] p, 
body.yContrast > section .item-page div[itemprop="articleBody"] h3, 
body.yContrast > section .item-page div[itemprop="articleBody"] h2, 
body.yContrast > section .item-page div[itemprop="articleBody"] h1, 
body.yContrast > section .item-page div[itemprop="articleBody"] li, 
body.yContrast > section .item-page div[itemprop="articleBody"] .text li,
body.yContrast > section .headerImage .headerBox p,
body.yContrast #search-result-empty h2,
body.yContrast > section div.finder p,
body.yContrast .autocomplete-suggestions,
body.yContrast > section div.finder h4 a,
body.yContrast #search-results .search-pages-counter,
body.yContrast > header nav ul li span.separator,
body.yContrast > header .top .contactelement .custom a,
body.yContrast > section .caption,
body.yContrast > section  .item-page a,
body.yContrast > section table tr td.list-title a,
body.yContrast > footer > p a{
	color:#ffff00;
}
body.yContrast > header nav span.separator:after{
    content: url(../images/contrast/yellow/more-darkyellow.png);
}
body.yContrast > header .bottom div.finder,
body.yContrast > section .multiBoxList nav .nav,
body.yContrast > section .multiBoxList nav .nav > li+li,
body.yContrast > section .articleItem .info .date,
body.yContrast #contrast a.black,
body.yContrast > section .articlelist .infoBottom,
body.yContrast > section .elementsSchool .school img,
body.yContrast > footer p,
body.yContrast > section .gallerylist.full .pagination strong,
body.yContrast > section .gallerylist.full .pagination,
body.yContrast .autocomplete-suggestions,
body.yContrast > section div.finder li,
body.yContrast > header nav .parent ul,
body.yContrast > header nav .parent ul li,
body.yContrast > section table,
body.yContrast > section table tr td{
	border-color: #ffff00;
}
body.yContrast > section .multiBoxList nav .nav > li > span:after{
    border-color: #ffff00 transparent transparent transparent;
}
body.yContrast > header .bottom .finder button{
	background: url(../images/contrast/yellow/searchyellow.png) no-repeat center;
}
body.yContrast > section .slider:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.9);
}
body.yContrast > section .multiBoxList nav h3,
body.yContrast > section .multiBoxList nav .nav > li > a:before,
body.yContrast > section .multiBoxList nav .nav > li > span:before,
body.yContrast > section .articleItem a.single .new,
body.yContrast > section .articleItem .info .date,
body.yContrast > section .gallerylist .owl-nav > *,
body.yContrast > section .gallerylist.full .pagination a,
body.yContrast > section .gallerylist.full .pagination .left > *,
body.yContrast a.mobile span,
body.yContrast a.mobile span:after,
body.yContrast a.mobile span:before,
body.yContrast > section .multiBoxList nav h3 a{
	background: #ffff00;
}
body.yContrast.activeMobile a.mobile span{
	background:transparent;
}
body.yContrast > section .multiBoxList nav h3,
body.yContrast > section .articleItem a.single .new,
body.yContrast > section .articleItem .info .date{
	color:#000;
}
body.yContrast > section .articleItem .info{
    padding-right: 14px;
}
body.yContrast > section .articlelist .infoBottom a:before{
	content: url(../images/contrast/yellow/contacttopyellow.png); 
}
body.yContrast > section .gallerylist .owl-nav > *,
body.yContrast > section .gallerylist.full .pagination .left > *{
	border-color:#000;
}
body.yContrast > section .gallerylist.full .pagination .left > *:after{
	background: url(../images/icons/next.svg) no-repeat center /cover !important;
}
body.yContrast > section .gallerylist .owl-nav > *:before{
	content: url(../images/contrast/yellow/more-arrowyellow.png);
	opacity:1;
}
body.yContrast > section .gallerylist ul li{
    border-bottom: 1px solid #ffff00
}
body.yContrast > section .gallerylist ul li .date:before{
	content: url(../images/contrast/yellow/calendaryellow.png);
}
body.yContrast > section .elementsSchool,
body.yContrast > section .partners img{
	border: 1px solid #ffff00;
    box-sizing: border-box;
}
body.yContrast > section .elementsSchool .school+.school{
	border-left: 1px solid #ffff00;	
}
body.yContrast > footer,
body.yContrast > section .gallerylist,
body.yContrast #search-results .search-pages-counter{
	border-top:1px solid #ffff00;
}
body.yContrast > section .headerImage:after{
	background: rgba(8, 17, 24, 0.85);
}


/***********************/
/* dark contrast */
body.dContrast,
body.dContrast > header .bottom,
body.dContrast > section .slider p,
body.dContrast > header .top .contactTop .icon,
body.dContrast > header .top .element:after,
body.dContrast > header .bottom .break,
body.dContrast > header .bottom div.finder,
body.dContrast > section .multiBoxList nav .nav > li > a,
body.dContrast > section .multiBoxList nav .nav > li > span,
body.dContrast > section .articleItem .info,
body.dContrast > section .articleItem a.single .break,
body.dContrast > section .articlelist .infoBottom .break,
body.dContrast > section .gallerylist,
body.dContrast > section .gallerylist ul li,
body.dContrast > section .elementsSchool .school,
body.dContrast > footer,
body.dContrast > section .multiBoxList nav .nav > li.active > a:hover,
body.dContrast > header nav .parent ul,
body.dContrast > header .top .contactelement .custom{
    background: #000;
}
body.dContrast  > header .top .contactTop .icon{
	padding: 1px 1px;
	background:#ffffff url(../images/icons/contacttop.png) no-repeat  center / 27px;
}
body.dContrast  > header .top .contactTop:after{
	content: url(../images/contrast/dark/moredark.png);
}
body.dContrast > header .top .element span.text,
body.dContrast #size a,
body.dContrast > header nav a, 
body.dContrast > header nav span,
body.dContrast > header .bottom .finder input,
body.dContrast > header .bottom .finder ::placeholder,
body.dContrast > section .slider p,
body.dContrast > section .slider h3,
body.dContrast > section .multiBoxList nav .nav > li > a,
body.dContrast > section .multiBoxList nav .nav > li > span,
body.dContrast .headerBox p,
body.dContrast .headerBox h3, 
body.dContrast .headerBox h2, 
body.dContrast .headerBox h1,
body.dContrast > section .articleItem a.single .title,
body.dContrast > section .articlelist .infoBottom .count,
body.dContrast > section .articlelist .infoBottom a,
body.dContrast > section .gallerylist ul li .title,
body.dContrast > section .gallerylist ul li .date,
body.dContrast > section .elementsSchool .school strong,
body.dContrast > footer p,
body.dContrast > section .headerImage .headerBox h1, 
body.dContrast > section .headerImage .headerBox h2, 
body.dContrast > section .headerImage .headerBox h3,
body.dContrast > section .gallerylist.full .pagination strong,
body.dContrast > section .item-page div[itemprop="articleBody"] p, 
body.dContrast > section .item-page div[itemprop="articleBody"] h3, 
body.dContrast > section .item-page div[itemprop="articleBody"] h2, 
body.dContrast > section .item-page div[itemprop="articleBody"] h1, 
body.dContrast > section .item-page div[itemprop="articleBody"] li, 
body.dContrast > section .item-page div[itemprop="articleBody"] .text li,
body.dContrast #search-result-empty h2,
body.dContrast > section div.finder p,
body.dContrast > section div.finder h4 a,
body.dContrast #search-results .search-pages-counter,
body.dContrast > header .top .contactelement .custom a,
body.dContrast > section .caption,
body.dContrast > section  .item-page a,
body.dContrast > section table tr td.list-title a,
body.dContrast > footer > p a{
	color:#ffffff;
}
body.dContrast > header nav span.separator:after{
    content: url(../images/contrast/dark/more-darkdark.png);
}
body.dContrast > header .bottom div.finder,
body.dContrast > section .multiBoxList nav .nav,
body.dContrast > section .multiBoxList nav .nav > li+li,
body.dContrast > section .articleItem .info .date,
body.dContrast #contrast a.black,
body.dContrast > section .articlelist .infoBottom,
body.dContrast > section .elementsSchool .school img,
body.dContrast > footer p,
body.dContrast > section .gallerylist.full .pagination strong,
body.dContrast > section .gallerylist.full .pagination,
body.dContrast > header nav .parent ul,
body.dContrast > section table,
body.dContrast > section table tr td{
	border-color: #ffffff;
}
body.dContrast > section .multiBoxList nav .nav > li > span:after{
    border-color: #ffffff transparent transparent transparent;
}
body.dContrast > header .bottom .finder button{
	background: url(../images/contrast/dark/searchdark.png) no-repeat center;
}
body.dContrast > section .slider:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.9);
}
body.dContrast > section .multiBoxList nav h3,
body.dContrast > section .multiBoxList nav .nav > li > a:before,
body.dContrast > section .multiBoxList nav .nav > li > span:before,
body.dContrast > section .articleItem a.single .new,
body.dContrast > section .articleItem .info .date,
body.dContrast > section .gallerylist .owl-nav > *,
body.dContrast > section .gallerylist.full .pagination a,
body.dContrast > section .gallerylist.full .pagination .left > *,
body.dContrast .headerBox p:before,
body.dContrast > header nav .nav > li.active:before{
	background: #ffffff;
}
body.dContrast > section .multiBoxList nav h3,
body.dContrast > section .articleItem a.single .new,
body.dContrast > section .articleItem .info .date{
	color:#000;
}
body.dContrast > section .articleItem .info{
    padding-right: 14px;
}
body.dContrast > section .articlelist .infoBottom a:before{
	content: url(../images/contrast/dark/contacttopdark.png); 
}
body.dContrast > section .gallerylist .owl-nav > *,
body.dContrast > section .gallerylist.full .pagination .left > *{
	border-color:#000;
}
body.dContrast > section .gallerylist.full .pagination .left > *:after{
	background: url(../images/icons/next.svg) no-repeat center /cover !important;
}
body.dContrast > section .gallerylist .owl-nav > *:before{
	content: url(../images/contrast/yellow/more-arrowyellow.png);
	opacity:1;
}
body.dContrast > section .gallerylist ul li{
    border-bottom: 1px solid #ffffff
}
body.dContrast > section .gallerylist ul li .date:before{
	content: url(../images/contrast/dark/calendardark.png);
}
body.dContrast > section .elementsSchool,
body.dContrast > section .partners img{
	border: 1px solid #ffffff;
    box-sizing: border-box;
}
body.dContrast > section .elementsSchool .school+.school{
	border-left: 1px solid #ffffff;	
}
body.dContrast > footer,
body.dContrast > section .gallerylist{
	border-top:1px solid #ffffff;
}
body.dContrast > section .headerImage:after{
	background: rgba(8, 17, 24, 0.85);
}

/* panel menu - lewe link */
.moreBoxMenu{
	display: none;
	margin-top: 40px !important;
}
.moreBoxMenu a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border: 1px solid var(--main-color);
	width: 100%;
	border-radius: 5px;
	color: var(--main-color);
	font-size: 18px;
}
.moreBoxMenu a i{
	margin-left: 6px;
	line-height: 0;
	font-size: 20px;
	position: relative;
	margin-top: 2px;
}


/***************************/
/* rwd */
@media all and (max-width:1660px){
	body > header .logo img{
		max-width: 160px;
	}
	body > header .bottom > .centerFull > img{
		height: 50px;
	}
}
@media all and (max-width:1560px){
	body > header nav a, 
	body > header nav span{
		font-size: 15px;
	}
	body > header .bottom div.finder{
		max-width:200px;
		min-width:200px;
	}
	body > header .bottom div.finder input{
		font: 12px var(--font);
	}
	body > header .bottom div.finder button{
		display:none;
	}
}
@media all and (max-width:1360px){
	body > header .bottom .break{
		margin:0 14px;
	}
	body > header nav{
		margin-left:28px;
	}
	body > header .bottom div.finder{
		max-width:100%;
		min-width:auto;
	}
	body > header .bottom div.finder button{
		display:block;
	}
}
@media all and (max-width:1260px){
	body > header .bottom .break{
		margin:0 28px;
	}
}
@media all and (max-width:1070px){
	.searchbox #exp, .searchbox #search-e{
		display: none;
	}
}
@media all and (max-width:980px){
	.breadcrumbs nav{
		display: none;
	}
	.breadcrumbs .center{
		padding: 20px 30px;
	}
	.breadcrumbs h1{
		font-size: 25px;
	}
}
@media all and (max-width:925px){
	body > header .bottom .custom:nth-child(7),
	body header .mod-finder,
	body > header .bottom span.break:nth-child(6){
		display:none;
	}
}
@media all and (max-width:880px){
	body > header .fbelement{
		display:none;
	}
	.headerBox h3, 
	.headerBox h2, 
	.headerBox h1{
		font-size:8vw;
	}
}
@media all and (max-width:770px){
	body > section .slider h3{
		font-size: 9vw;
		text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3);
	}
	body > section .slider .center .text{
		text-align:center;
		margin:0 auto;
	}
	body > section{
		overflow-x:hidden !important;
	}
	body > section .multiBoxList nav{
		margin-left: -358px;
	}
	body > section .multiBoxList .content{
		margin-left:0;
		padding-left:28px;
	}
	body > section .multiBoxList.active nav{
		margin-left:0;
	}
	.moreBoxMenu{
		display: flex;
	}
	body > section .multiBoxList nav{
		position: static;
		overflow: inherit;
	}
	body > section .multiBoxList.active .content{
		margin-right:-358px;
	}
	body > section .multiBoxList ul{
		overflow: hidden;
	}
	body > section .multiBoxList.active nav h3{
		position: inherit;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	body > section .multiBoxList .left > ul{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	body > section .multiBoxList.active nav h3 a{
		right: 0;
	}
	body > section .multiBoxList.active nav h3 a:after{
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	body > section .multiBoxList nav h3 a{
		position: absolute;
		width: 150px;
		height: 70px;
		background: #fff;
		right: -150px;
		margin-top: -113px;
		z-index: 3;
		opacity: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		color: #081118;
	}
	body > section .multiBoxList nav h3 a:after{
		content:url(../images/icons/more-arrow.png);
		margin-left:10px;    
		height: 17px;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@media all and (max-width:700px){
	body > header .top .contactelement,
	.searchbox #exp, .searchbox #search-e{
		display:none;
	}
	body > section .elementsSchool{
		flex-wrap:wrap;
	}
	body > section .elementsSchool .school{
		width:100%;
	}
	body > section .elementsSchool .school img{
		margin: 28px auto 0;
	}
}
@media all and (max-width:650px){
	.betterla .item{
		flex-wrap: wrap;
	}
	.betterla .item > .text{
		width: 100%;
	}
	.betterla .item a.img{
		max-width: 100%;
		width: 100%;
		min-width: 300px;
	}
}
@media all and (max-width:590px){
	body > header .bottom{
		height:auto;
	}
	body > header .bottom .centerFull{
		flex-wrap: wrap;
		padding: 14px 28px;	
	}
	body > header .bottom .break{
		display:none;
	}
	body > header nav{
		margin-top: 14px;
		border-top: 1px solid #142431;
		padding-top: 14px;
		width: 100%;
		margin-left: 0;
		justify-content: center;
		text-align: center;
		display: flex;
	}
	body > header nav > a.mobile{
		display: flex;
		width: 100%;
		justify-content: center;
		padding: 5px;
	}
	body > header nav div{
		top: 233px;
	}
}
@media all and (max-width:500px){
	body > header .top{
		justify-content:center;
	}
	body > header .top .element span.text,
	body > header .top .element:last-child:after{
		display:none;
	}
	#contrast{
		margin-left:0;
	}
	body > section .slider .center{
		height:260px;
	}
	body > section .slider p{
		padding: 8px 28px;
		font-size: 14px;
	}
	body > footer ul li+li{
		margin-left:40px;
	}
	.offermainlist{
		margin-top: 40px !important;
	}
}
@media all and (max-width:430px){
	body > header .bottom > .centerFull a.logo{
		margin:0 auto;
	}
	body > header .bottom > .centerFull > img,
	.searchbox button{
		display:none;
	}
	body > section .multiBoxList.active nav{
		min-width: 100%;
	}
	body > section .articleItem{
		width:100%;
	}
	.betterla .item a.img{
		min-width: 270px;
	}
}
@media all and (max-width:400px){
	body > header .top .element:after{
		margin:0 14px;
	}	
	.offermainlist .item i{
		display: none;
	}
}