:root {
  font-size: 16px;
  font-family: 'Source Sans Pro';
  --text-primary: #707070;
  --text-secondary: #000000;
  --color-white: #fff;
  --bg-primary: #fff;
  --bg-secondary: #141418;
  --transition-speed: 600ms;
  --fill-white: rgba(255,255,255,1);
  --fill-black: rgba(0,0,0,1);
  --bg-form:#fff;
}

html { height:100%; }

.normalSize{font-size: 16px;}
.biggerSize{font-size: 18px;}
.biggestSize{font-size: 20px;}

.hide { position: absolute; top: 0; left: -10000px; width: 1px; height: 1px; }

.contrast{
	--bg: #000;
	--bg-alpha: rgba(0,0,0,.7);
	--text-primary: #FF0;
  --text-secondary: #FF0;
  --color-white: #FF0;
  --color-grey: #000;
  --color-lightgrey: #000;
  --fill-white: rgba(255,255,0,1);
  --fill-black: rgba(255,255,0,1);
  --bg-form:#000;
}

.normal{
	--bg: #fff;
	--bg-alpha: rgba(255,255,255,.7);
	--bg-primary: #fff;
	--bg-secondary: #141418;
	--color-white: #fff;
	--color-grey: #f0f0f0;
	--color-lightgrey: #fafafa;
	--fill-white: rgba(255,255,255,1);
  --fill-black: rgba(0,0,0,1);
  --bg-form:#fff;
}


body {height:100%; margin:0; padding:0; color:#707070; background-color:var(--bg); }

body::-webkit-scrollbar {
  width: 0.25rem;
}



body::-webkit-scrollbar-track {
  background: #ccc;
}

body::-webkit-scrollbar-thumb {
  background: #000;
}

* {box-sizing: border-box;}

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

p{margin:0;padding:0; line-height: 2rem; color:var(--text-primary);}

svg.arrow-right{width: 16px; height: 16px; }

.txt-on-img{color:var(--color-white); position:absolute; left:25px; bottom:30px; font-family: "Montserrat", sans; font-size: 1.375rem; font-weight:600; display: inline-block; z-index:2; padding:0 15px;}

audio {width:100%;margin-bottom:40px;}

.txt-on-img::before{ content: ' '; 
 position:absolute;
 width:0;
 height:100%;
 background: rgba(0,0,0,0.7);
 left:0;
 top:0;
 display: inline-block;
 z-index: -1;
 transition: var(--transition-speed) ease;
}

a img{transition: var(--transition-speed) ease;}

a:hover .txt-on-img::before{width:100%; height:100%;}

a:hover img{ transform: scale(1.02); }

.txt-on-img svg{fill: var(--fill-white); margin-left:20px; transition: var(--transition-speed) ease;}

a:hover .txt-on-img svg{margin-left:30px;}

.txt-shadow{background: rgb(36,36,36);
background: linear-gradient(180deg, rgba(36,36,36,0) 0%, rgba(36,36,36,0.6) 100%); position:absolute; left:0; bottom:0; width:100%; height:50%; }



#secondary-menu{display: flex; justify-content: flex-end; padding-top:30px; line-height:2rem;}

#site-options{/*padding-right:60px; display: flex; font-size:0.875rem; color:var(--text-primary);*/}
#site-options{padding-right:0px; display: flex; font-size:0.875rem; color:var(--text-primary);}

#site-options > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: baseline;
}

#site-options > span {
  margin-right:30px;
}

#site-options #letter-size-options {
  padding-right:30px; 
}

#letter-size-options #normal-size a{
  font-size:16px;
}

#letter-size-options #bigger-size a{
  font-size:18px;
}

#letter-size-options #biggest-size a{
  font-size:20px;
}

#contrast-options #high-contrast a{
   background:#000;
   border:1px solid #000;
   color:#FFFF00;
}

#contrast-options #normal-contrast a{
  color:#707070;
}

#site-options > ul li a{
  padding:10px;
  font-size:0.875rem;
  color: var(--text-primary);
}

#site-options > ul li a.active{
  border:1px solid var(--text-primary);
}

#languages{padding-left:60px; border-left:1px solid var(--text-primary)}

#languages > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

#languages > ul li a{
  padding:10px;
  font-size:0.875rem;
  color: var(--text-primary);
}

#languages > ul li a.active{
  border:1px solid var(--text-primary);
}

#social-links {margin-left:50px;}
#social-links i {margin-left:30px;}
#social-links a {color: var(--text-primary);}

#main-menu{display: flex; align-items: flex-end; margin-bottom:33px; clear:both; flex-wrap:wrap; margin-top:-30px;}

#logo{flex-grow: 2; font-size: 16px}
#logo a{color: var(--text-primary);}
#logo .logo-txt{font-family: "Montserrat", sans; font-size:22px; color: var(--text-secondary); display:block; margin-bottom:10px;}
#logo .logo-subtxt{display:block; font-size:16px;padding:0; margin:0;line-height:16px; font-weight:normal;}
#logo h1{padding:0; margin:0;}

#logo .logo-txt-hide{display:none;}
#logo h1 a:hover img{ transform: scale(1.00); vertical-align:bottom;}
#logo h1 img{ vertical-align:bottom;}
#logo h1 img.logo-img-contrast{ display:none;}

.contrast #logo h1 img.logo-img-contrast{ display:inline-block;}
.contrast #logo h1 img.logo-img{ display:none;}

#main-navigation{flex-grow: 7; overflow:hidden;}

#main-navigation > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height:55px;
  
  transition:var(--transition-speed) ease-out;
}
#main-navigation .open{
	margin-top:0;
}
#main-navigation .fade-in{
	opacity:1;
}

#main-navigation > ul li{
  margin-left:70px;
  font-size:1rem;
  transition:all var(--transition-speed) ease-out 0.6s;
}

#main-navigation > ul li a{
  color: var(--text-primary);
  transition: var(--transition-speed) ease;
}

#main-navigation > ul li a::after{
  content: ' '; 
  display: block;
  border-bottom:1px solid #fff;
  width:0;
  margin:0 auto;
  transition: var(--transition-speed) ease;
}

#main-navigation > ul li a:hover{
  color: var(--text-secondary);
  /*border-bottom:1px solid #000;*/
}

#main-navigation > ul li a:hover:after{
  width:100%;
  border-bottom:1px solid var(--text-secondary);
}

#search-bar{flex-grow: 1; text-align: right; }

#search-bar a{display:block; float:right; color: var(--text-primary); width:20px; height:20px; border:1px solid #fff; text-align:center; line-height:20px;}

#mobile-navigation a{display:none; float:right; color: var(--text-primary); width:20px; height:20px; border:1px solid #fff; text-align:center; line-height:20px;}

#search-form{width:100%; display:block;clear:both; padding-top:20px; height:0; overflow:hidden; transition: var(--transition-speed) ease;}

#search-form.open{height:60px; }

#search-form input{width:85%; display:inline-block; height:40px; border:1px solid var(--text-primary); color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 1rem;padding:5px 15px;}

#search-form button{display:inline-block;cursor: pointer; color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1rem; font-weight:700; vertical-align:middle;border:0; background:none; text-align:right; float:right; display:inline-block; width:15%; height:40px;}

#search-form svg{fill: var(--fill-black); margin-left:20px; transition: var(--transition-speed) ease; vertical-align:middle; float:right; display:inline-block;}

#search-form button:hover svg{margin-left:10px;}


#category-boxes{display: flex; flex-wrap: wrap; justify-content: space-between;}

#category-boxes .category-box{margin-bottom:80px; position:relative; }

#category-boxes a{display: block; z-index:1; overflow:hidden; line-height:0;}

#category-boxes a img{z-index:1; transition: var(--transition-speed) ease; max-width:100%; height:auto;}



#start-boxes{display: flex; flex-wrap: wrap; justify-content: space-between;}

#start-boxes .start-box{margin-bottom:80px; width:452px;  position:relative;}

#start-boxes .start-box img{float:left; }

#start-boxes .start-box p{margin-bottom:20px;}





.more-categories {position:relative; text-align:right; margin-bottom:80px;margin-top:-40px; clear: both;}
.more-categories p.read-more {margin-top:30px;}
.more-categories p.read-more a{color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1rem; font-weight:700; vertical-align:middle;}

.more-categories p.read-more a svg{fill: var(--fill-black); margin-left:20px; transition: var(--transition-speed) ease; vertical-align:middle;}

.more-categories p.read-more a:hover svg{margin-left:30px;}

#start-boxes .start-box p.read-more {margin-top:30px;}
#start-boxes .start-box p.read-more a{color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1rem; font-weight:700; vertical-align:middle;}



#start-boxes .start-box p.read-more a svg{fill: var(--fill-black); margin-left:20px; transition: var(--transition-speed) ease; vertical-align:middle;}

#start-boxes .start-box p.read-more a:hover svg{margin-left:30px;}

#start-boxes a{display: block; z-index:1; overflow:hidden; line-height:0;}

#start-boxes a.full-img{width:452px; height:452px; position: relative;}

#start-boxes a img{z-index:1; transition: var(--transition-speed) ease; width:100%; height:auto;}



#start-boxes .start-box .txt-on-img{font-size:1rem; }

#start-boxes .start-box .txt-on-img svg{vertical-align:middle;}

#start-boxes .start-podcast{display:block; width:100%; position:relative; clear:both; margin-bottom:15px; height:140px; }

#start-boxes .start-podcast .podcast-img {display:flex; align-items: center; justify-content: center; position:relative; float:left; width:140px; height:140px; border:1px solid var(--text-primary); margin-right:30px;color:var(--text-primary); }

#start-boxes .start-podcast .podcast-img i{font-size:42px; color:var(--text-primary);}

#start-boxes .start-podcast .podcast-img svg{fill:var(--text-secondary); transition: var(--transition-speed) ease;}

#start-boxes .start-podcast .podcast-img.audio svg{fill:var(--text-secondary); transition: var(--transition-speed) ease;}

#start-boxes .start-podcast a:hover .podcast-img svg{ transform: scale(1.2);}

#start-boxes .start-podcast .podcast-txt{display:flex; position:relative; float:left;   align-items: center; height:140px; width:280px;}

#start-boxes .start-podcast .podcast-txt p {color:var(--text-secondary); padding:0; line-height:1.5; margin:0; font-weight:700; font-family: "Montserrat", sans; font-size: 1rem;}

#start-boxes .start-podcast .podcast-txt p  span{color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 0.875rem;}


#popular-boxes{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:80px; clear:both;}

#popular-boxes .popular-box{width:240px;}

#popular-boxes .popular-box .img-wrapper{display:block; overflow:hidden; height:240px; margin-bottom:30px;}

#popular-boxes .popular-box .img-wrapper img{transition: var(--transition-speed) ease; max-width:100%; height:auto;}

#popular-boxes .popular-box a:hover .img-wrapper img{ transform: scale(1.05); }

#popular-boxes .popular-box p.image-title{color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 0.875rem; font-weight:700; font-style:italic; line-height:1.5em }

#popular-boxes .popular-box p.image-info{color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 1rem; font-weight:normal; font-style:normal; line-height:1.5em }


.title-with-spacing-center{text-align:center;margin-bottom:40px; clear:both;}
.title-with-spacing-center h2{font-size:1.375rem; font-weight:700; padding:0; margin:0; color: var(--text-secondary);}
.title-with-spacing-center h2:before{content: ' '; 
  display: inline-block;
  border-bottom:1px solid var(--text-primary);
  width:33px;
  vertical-align:middle;
  margin-right:40px;
 }
.title-with-spacing-center h2:after{content: ' '; 
  display: inline-block;
  border-bottom:1px solid var(--text-primary);
  width:33px;
  vertical-align:middle;
  margin-left:40px;
 }

.title-with-spacing-left{text-align:left;margin-bottom:40px; display:block; width: 100%;}
.title-with-spacing-left.inline{display:inline-block; width: auto;}
.title-with-spacing-left h2{font-size:1.375rem; font-weight:700; padding:0; margin:0; color: var(--text-secondary);}
.title-with-spacing-left h2:before{content: ' '; 
  display: inline-block;
  border-bottom:1px solid var(--text-primary);
  width:24px;
  vertical-align:middle;
  margin-right:34px;
 }


#footer{display: flex; flex-wrap: wrap; justify-content: space-between; height:50px; background:#000; align-items: center; margin-bottom:80px;}

#footer .footer-box, #footer .footer-box a{font-size:12px; color:var(--color-white);}
#footer .footer-box.copyrights{margin-left:30px;}
#footer .footer-box.made-by{margin-right:30px;}
#footer .footer-box.social-links a{margin:0 15px; display:inline-block;}

#footer-logotypes{display: block;   position:relative; }

#footer-logotypes .footer-logotypes-left{width:30%;  position:relative; float:left; margin-right:2%; }

#footer-logotypes .footer-logotypes-right{width:68%;  position:relative; float:right; }

#footer-logotypes .footer-logotypes-left ul{list-style:none;display: flex; justify-content: space-between; margin:0;margin-bottom:20px; padding-inline-start: 0px;}

#footer-logotypes .footer-logotypes-right ul{list-style:none;display: flex; justify-content: space-between; margin:0;margin-bottom:20px; padding-inline-start: 0px; width:100%; float:left;}

#footer-logotypes li img{max-width:100%;}

#top, #main, #footer, #footer-logotypes{width:1516px; margin:0 auto; clear: both;position:relative;}
#main{overflow:hidden;}
#pano{width:100%;height:650px; margin:20px auto; margin-bottom:70px; transition: left var(--transition-speed) ease;}
#main .pano-hidden{height:0; margin:0 auto;}
#main .pano-fixed{position:absolute; top:0; left:-120%; width:1516px; padding:0; z-index:98; margin:0; -webkit-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.35);
box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.35);}

#pano-close {position:absolute; top:0; right:0; width:50px; height:50px; background:#fff; padding:0; margin:0; z-index:9999; display:none; align-items:center; justify-content:center; font-size:24px; border:0; border-left:1px solid #000; cursor: pointer;}

#pano-back a{display: block; line-height:0; width:100%; margin-bottom:80px; text-align:right;}

#pano-back a .img-wrapper{position:relative; display: block; overflow:hidden; line-height:0; width:100%;  z-index:-1; }

#pano-back a span{color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1rem; font-weight:700; vertical-align:middle; }

#pano-back a span svg{fill: var(--fill-black); margin-left:20px; transition: var(--transition-speed) ease; vertical-align:middle;}

#pano-back a:hover span svg{margin-left:30px;}


#pano-back a .img-wrapper .pano-icon svg{display:inline-block;margin:0 auto; width:62px; height:63px; vertical-align:middle;}

#pano-back a .img-wrapper .pano-icon{position:absolute; top:0; left:0; z-index:2; width: 100%;	height: auto; line-height:0; top:50%; margin-top:-32px; text-align: center;}
	


#left-main-col{float:left; position:relative; width:320px; margin-right:80px; margin-bottom:80px;}

#left-main-col .start-box{margin-bottom:80px; width:100%;  position:relative;}

#left-main-col .start-box img{float:left; }

#left-main-col .start-box p{margin-bottom:20px;}

#left-main-col .start-podcast{display:block; width:100%; position:relative; clear:both; margin-bottom:30px; float:left; }

#left-main-col .start-podcast .podcast-img {display:flex; align-items: center; justify-content: center; position:relative; float:left; width:50px; height:50px; border:1px solid var(--text-primary); margin-right:10px;color:var(--text-primary); }

#left-main-col .start-podcast .podcast-img i{font-size:24px; color:var(--text-primary);}

#left-main-col .start-podcast .podcast-img svg{fill:var(--text-secondary); transition: var(--transition-speed) ease; width:24px;}
#left-main-col .start-podcast .podcast-img.audio svg{fill:var(--text-secondary); transition: var(--transition-speed) ease; width:24px;}

#left-main-col .start-podcast a{float:left; position:relative; width:100%;}

#left-main-col .start-podcast a:hover .podcast-img svg{ transform: scale(1.2);}

#left-main-col .start-podcast .podcast-txt{display:inline-block; position:relative; float:left;   align-items: center; width:260px;}

#left-main-col .start-podcast .podcast-txt p {color:var(--text-secondary); padding:0; line-height:1.5; margin:0; font-weight:700; font-family: "Montserrat", sans; font-size: 1rem;}

#left-main-col .start-podcast .podcast-txt p  span{color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 0.875rem;}


.side-menu {
	clear:both;
}

#side-menu.open{

	
}

#side-menu{
	transition:margin  var(--transition-speed) ease;
}

#side-menu, #side-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:58px;
	
}

#side-menu li { margin-bottom:48px; transition:  var(--transition-speed) ease; }

#side-menu li a {color:var(--text-secondary);  font-family: "Montserrat", sans; font-size: 1rem; font-weight:700;display: inline-block;  width:238px;}

#side-menu li.active a::after{
   width:100%;
  border-bottom:1px solid var(--text-secondary);
}

#side-menu li a::after{
  content: ' '; 
  display: block;
  border-bottom:1px solid #fff;
  width:0;
  margin:0;
  transition: var(--transition-speed) ease;
}

#side-menu li a:hover:after{
  width:100%;
  border-bottom:1px solid var(--text-secondary);
}



#side-menu li ul li a {color:var(--text-secondary);  font-family: "Montserrat", sans; font-size: 1rem; font-weight:normal; display: inline-block; }

#side-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:24px;
	margin-top:48px;
	transition:all var(--transition-speed) ease;
}

#side-menu .sub-side-menu{
	height:0;
	overflow:hidden;
	margin-top:48px;
	transition:all var(--transition-speed) ease;
}

#side-menu .sub-close{
	/*max-height:0;*/
	height:0;
	margin-top:0;
	transition:all var(--transition-speed) ease;
}

#side-menu li .icon{width:24px;}

#side-menu li .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	 font-family: "FontAwesome"; font-weight: 900; content: "\f067"; width:20px; height:25px; color:var(--text-secondary);
	 cursor: pointer;
}

#side-menu li .icon.minus::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	 font-family: "FontAwesome"; font-weight: 900; content: "\f068"; width:20px; height:25px; color:var(--text-secondary);
}

#side-menu li .icon.nochildren::before {
    content: ""; width:0px; height:0px; line-height:0px;padding:0;margin:0;
}

#mobile-side-menu a{display:none; float:right; color: var(--text-primary); width:20px; height:20px; border:1px solid #fff; text-align:center; line-height:20px;}

#right-main-col{float:right; position:relative; width:1116px; margin-bottom:80px; display:flex; flex-wrap: wrap; }

.image-box{width:320px; margin-bottom:40px;margin-right:78px;}

.image-box:nth-child(3n+1){margin-right:0;}

.image-box{} .img-wrapper{display:block; overflow:hidden; height:320px; margin-bottom:30px;}

.image-box{} .img-wrapper img{transition: var(--transition-speed) ease; max-width:100%; height:auto;}

.image-box{} a:hover .img-wrapper img{ transform: scale(1.05); }

.image-box{} p.image-title{color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 0.875rem; font-weight:700; font-style:italic; line-height:1.5em }

.image-box{} p.image-info{color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 1rem; font-weight:normal; font-style:normal; line-height:1.5em }


.image-box{} p.image-title::after{
  content: ' '; 
  display: block;
  border-bottom:1px solid #fff;
  width:0;
  margin:0;
  transition: var(--transition-speed) ease;
}

.image-box{} a:hover p.image-title:after{
  width:100%;
  border-bottom:1px solid var(--text-secondary);
}

.image-box.av .img-wrapper{border:1px solid var(--text-primary); display:flex; align-items: center; justify-content: center; }

.image-box.av .img-wrapper svg{transform: scale(2); fill:var(--text-secondary); transition: var(--transition-speed) ease;}

.image-box.av .img-wrapper.audio svg{transform: scale(2); fill:var(--text-secondary); transition: var(--transition-speed) ease;}

.image-box.av a:hover .img-wrapper svg{ transform: scale(2.5);}




.float-left{float:left;}

#photo-slider {width:100%; height:680px; position:relative; margin:0 0 60px 0; padding:0; overflow: hidden; border:1px solid var(--color-grey);}

#photo-slider:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

#photo-slider .arrow-right{position:absolute; top:calc(50% - 25px); right:0; width:50px; height:50px; background:#fff; font-family:"FontAwesome"; font-size:18px; }

#photo-slider .arrow-right a{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}

#photo-slider .arrow-left{position:absolute; top:calc(50% - 25px); left:0; width:50px; height:50px; background:#fff; font-family:"FontAwesome"; font-size:18px; display:flex; justify-content:center; align-items:center;}

#photo-slider .arrow-left a{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}

#photo-slider.slider-small {width:100%; height:500px; }

#photo-slider .photo-holder {width:100%; position:absolute; text-align:center; background:var(--bg-white); margin:0; padding:0; height:100%; cursor:pointer;  visibility:hidden; top:0; left:0; display: block;
   }

#photo-slider .photo-holder:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

#photo-slider .photo-holder {height:680px;line-height:680px; }
#photo-slider.slider-small .photo-holder {height:500px;line-height:500px;}

#photo-slider .photo-holder .photo-holder-img{display:flex; justify-content:center; align-items:center; }

#photo-slider .photo-holder.slideToLeft { left:0 !important;}

#photo-slider .photo-holder iframe{height:680px;}

#photo-slider .photo-holder img {display:inline-block; max-width:100%; height:auto; margin:0 auto; padding:0;vertical-align:middle;padding:10px;}

#photo-slider .photo-holder::after{content: '\f00e'; position:absolute; top:0; right:0; width:50px; height:50px; background:#fff; font-family:"FontAwesome"; font-size:18px; display:flex; justify-content:center; align-items:center; transition:left; color:#000;}

#photo-slider .photo-holder.video-content::after{content: ''; position:absolute; top:0; right:0; width:0px; height:0px; background:#fff; font-family:"FontAwesome"; font-size:18px; display:flex; justify-content:center; align-items:center; transition:left; display:none;}

#photo-slider.slider-small .photo-holder img {}

#photo-slider .img-desc {display:flex; justify-content:center; align-items:center; background-color:var(--color-lightgrey); width:100%;}

#photo-slider .img-desc p{line-height:1rem; padding:20px 10px; }

#fullscr-slider {position:fixed; top:0; left:0; width:100vw; height:100vh; background:var(--bg); border:2vw solid var(--bg); display:none;z-index:997;}

#fullscr-slider:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

#fullscr-slider .photo-holder{position: relative; overflow: hidden; top:0; left:0; width:100%; height:100%; background:var(--bg); }

#fullscr-slider .photo-holder.mobile{overflow: auto; width:auto; height:auto;}

#fullscr-slider .photo-holder img{position: absolute;  display:block; }

#fullscr-slider .photo-holder img.mobile{position: relative;  display:block; }

#fullscr-slider  .img-desc {position:absolute; left:0; bottom:0; background:var(--bg-alpha); width:100%; height:10px; display:flex; justify-content:center; align-items:center; }

#fullscr-slider  .img-desc p{line-height:1rem; padding:10px; text-align:center;}

#loading-gif{position: absolute;  left:calc(50% - 80px); top:calc(50% - 80px); width:160px; height:160px;z-index:998;}

#closeFllScr{top:0; right:0; width:50px; height:50px; display:none; justify-content:center; align-items:center; z-index:999; cursor:pointer; position: fixed; border:0px solid var(--text-primary);  color: var(--text-secondary);   font-size: 18px;   background:var(--bg);}

.img-title{ clear:both; position:relative; width:100%;}

.img-title h2{margin:0; padding:0; color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1.5rem; font-weight:700; font-style:italic; line-height:2em; width:80%;}

.separator-with-line{border-bottom:1px solid var(--text-primary); margin-bottom:54px; margin-top:40px; clear:both; width:100%; height:1px;}
		
.separator-with-line.img-description-separator{margin-bottom:0px; margin-top:0px; height:1px; border-bottom:0;}

.separator-with-line.img-description-separator.open{margin-bottom:0px; margin-top:40px; clear:both; width:100%; height:1px; border-bottom:1px solid var(--text-primary);}
		
.info-table {width:100%; margin-bottom:80px;}

.info-table ul{list-style: none;padding: 0;margin: 0; width:100%;}

.info-table ul li{list-style: none;padding: 0;margin: 0; width:100%; color:var(--text-secondary); font-family: "Source Sans Pro", sans; font-size: 1rem; font-weight:700; margin-bottom:24px; }

.info-table ul li .left-col{width:30%; display: inline-block; vertical-align:top;}

.info-table ul li .right-col{width:70%; display: inline-block; vertical-align:top;}

.img-description{column-count: 2; column-gap: 8%; width:100%;  position:relative; overflow:hidden; height:0; transition: var(--transition-speed) ease;}

.txt-description{column-count: 1; column-gap: 0; width:100%;  position:relative; }

.txt-description.kontakt{column-count: 1; column-gap: 0%; width:100%;  position:relative; }

.txt-description.biografia, .txt-description.o-projekcie{column-count: 2; column-gap: 8%; width:100%;  position:relative; }

.img-description.open{height:auto; margin-top:40px;}

.img-description.txt-form, .txt-description.txt-form {column-count:1; column-gap: 0; }

.img-description p, .txt-description p{margin-bottom:40px; line-height: 2.125rem;}

.txt-description img{display:block; float:none; position:relative; max-width:100%; height:auto; /*margin:0 auto 20px auto;*/}

.txt-description a{color:var(--text-secondary); }

.txt-description a:hover{color:var(--text-secondary); text-decoration:underline;}

.inner-column{float:left;position:relative;width:46%; }

.inner-column:first-child{margin-right:8%;}

.txt-form p{padding:0;margin-bottom:20px; float: left;   width: 100%;}

.txt-form input{background-color:var(--bg-form); height:40px; width:100%; border:1px solid var(--text-primary);color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 1rem;padding:5px 15px;}

.txt-form button.submit{cursor: pointer; color:var(--text-secondary); font-family: "Montserrat", sans; font-size: 1rem; font-weight:700; vertical-align:middle;border:0; background:none; text-align:right; float:right; display:inline-block; width:auto;}

.txt-form svg{fill: var(--fill-black); margin-left:20px; transition: var(--transition-speed) ease; vertical-align:middle; float:right; display:inline-block;}

.txt-form button.submit:hover svg{margin-left:30px;}

.txt-form textarea{background-color:var(--bg-form);width:100%; border:1px solid var(--text-primary);color:var(--text-primary); font-family: "Source Sans Pro", sans; font-size: 1rem;padding:5px 15px;}

.txt-form .alert{width:100%; border:1px solid var(--text-primary);font-family: "Source Sans Pro", sans; font-size: 1rem; padding:5px 15px; clear:both; margin-top:20px; position:relative;}

.img-description-btn {display: inline-block;   position: absolute; top:0px;right:0;   border:1px solid var(--text-primary);  color: var(--text-secondary);   cursor: pointer;     border-radius: 10px;  font-size: 18px;   background:#fff;  vertical-align:middle;  float:right; }

.img-description-btn a{ display:block; padding: 10px 13px; }

.img-description-btn a img{transition: none; transform:none; }


#top-btn {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 20px;
  z-index: 99; 
  border:1px solid var(--text-primary);
  color: #000; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px;
  font-size: 18px; 
  background:#fff;
}

#top-btn svg{
  width:16px;
  fill:var(--bg-secondary);
}

#top-btn:hover {
  background-color: #f0f0f0;
}

@media only screen and (min-width: 1650px) {
	
	
}

@media only screen and (max-width: 1649px) {
	#top, #main, #footer,#footer-logotypes{width:1200px; margin:0 auto;}
	#pano{width:100%;height:550px; margin:20px auto; margin-bottom:70px;}
	#main .pano-fixed{width:1200px;}
	
	#category-boxes .category-box{margin-bottom:40px; width:358px; }
	#category-boxes .category-box.double-size{width:779px; }
	
	#start-boxes .start-box{margin-bottom:40px; width:358px; }
	
	#start-boxes a.full-img{width:100%; height:auto;}
	
	#start-boxes .start-podcast .podcast-img{width:23%; height:80px; margin-right:2%;}
	#start-boxes .start-podcast .podcast-img i{font-size:24px; }
	#start-boxes .start-podcast .podcast-txt{height:auto; width:74%}
	
	#popular-boxes .popular-box{width:200px;}
	#popular-boxes .popular-box .img-wrapper{height:auto; }
	
	#left-main-col{width:300px; margin-right:20px; }
	
	#left-main-col .start-podcast .podcast-txt{width:240px;}
	
	#right-main-col{width:880px; }
	
	.image-box{width:280px; margin-right:20px;}
	.image-box .img-wrapper{height:280px; margin-bottom:30px;}

	
	
	.info-table ul li .left-col{width:40%; }

	.info-table ul li .right-col{width:60%; }
	
	#photo-slider {height:500px; }
	#photo-slider .photo-holder {height:500px;line-height:500px;}
	#photo-slider.slider-small .photo-holder {height:500px;line-height:500px;}
	
	#photo-slider .photo-holder iframe{height:500px;}

	#side-menu li a {width:218px;}

	
	

}


@media only screen and (max-width: 1280px) {
	#top, #main, #footer,#footer-logotypes{width:960px; margin:0 auto;}
	#pano{width:100%;height:450px; margin:20px auto; }
	#main .pano-fixed{width:960px;}
	
	#category-boxes .category-box{margin-bottom:40px; width:285px; }
	#category-boxes .category-box.double-size{width:620px; }
	
	#start-boxes .start-box:first-child{margin-bottom:40px; width:100%; }
	#start-boxes .start-box{margin-bottom:40px; width:49%; }
	
	
	
	#start-boxes .start-podcast .podcast-img{width:23%; height:80px; margin-right:2%;}
	#start-boxes .start-podcast .podcast-img i{font-size:24px; }
	#start-boxes .start-podcast .podcast-txt{height:auto; width:74%}
	
	#popular-boxes .popular-box{width:160px;}
	
	#footer-logotypes ul li{width:160px;}
	
	#left-main-col{width:300px; margin-right:20px; }
	#right-main-col{width:640px; }
	
	.image-box:nth-child(3n+1){margin-right:auto;}

	.image-box{width:300px; margin-right:40px; }
	.image-box .img-wrapper{height:300px; margin-bottom:30px;}

	
	.image-box:nth-child(2n+1){margin-right:0;}

	
	
	.info-table ul li .left-col{width:50%; }

	.info-table ul li .right-col{width:50%; }

	.img-description, .txt-description{column-count: 1; column-gap: 0; }
	
	#photo-slider {height:450px; }

	#photo-slider.slider-small {height:450px; }
	
	#photo-slider .photo-holder {height:450px;line-height:450px;}
	#photo-slider.slider-small .photo-holder {height:450px;line-height:450px;}
	
	#photo-slider .photo-holder iframe{height:450px;}
	
	#search-bar{flex-grow: 5}
}


@media only screen and (max-width: 1024px) {
	#top, #main, #footer,#footer-logotypes{width:96%; margin:0 auto;}
	#pano{width:100%;height:400px; margin:20px auto; }
	#main .pano-fixed{width:100%;}
	
	#category-boxes .category-box{width:452px;  }
	#category-boxes .category-box.double-size{width:100%; }
	
	#start-boxes {clear:both;}
	#start-boxes .start-podcast .podcast-img{width:23%; height:80px; margin-right:2%;}
	#start-boxes .start-podcast .podcast-img i{font-size:24px; }
	#start-boxes .start-podcast .podcast-txt{height:auto; width:74%}
	
	#popular-boxes .popular-box{width:140px;}
	
	#left-main-col{width:32%; margin-right:2%; }
	
	#left-main-col .start-podcast .podcast-txt{width:80%; padding-left:10px;}
	
	#left-main-col .start-podcast .podcast-img {width:20%; height:50px; margin:0; }
	
	#right-main-col{width:66%; justify-content:space-between;}
	
	.image-box{width:280px; margin-right:auto;}
	.image-box .img-wrapper{height:auto; margin-bottom:30px;}

	.image-box:nth-child(2n+1){margin-right:0;}
	
	
	
	#main-menu{float: left;   width: 100%;   flex-wrap: wrap; display: flex;   align-items: flex-start; margin-top: 20px; margin-bottom:0px; }
	#logo{order: 1}
	
	#main-navigation{width: 100%; order: 5; margin-top:20px; display:block; position:relative; }
	
	
	#main-navigation > ul {
	   justify-content: flex-start;
	  align-items: flex-start;
	  flex-direction: column; 
	  justify-content: space-around;
	  height:auto;
	  position:relative;
	  margin-top:-100%;
	  border:1px solid var(--text-primary); 
	}


	#main-navigation > ul li{
	  margin-left:0px;
	  text-align:center;
	  display:block;
	  width:100%;
	  opacity:0;
	}
	
	#main-navigation > ul li a{
	  padding:15px 0;
	  display:block;
	}
	
	#search-bar {flex-grow: 1; order: 2; margin-top: 40px;}
	
	
	
	
	#mobile-navigation{float:right; display:inline-block; order: 3; margin-top: 40px;}
	
	#search-bar a{display:block;  color: var(--text-primary); width:50px; height:50px; border:1px solid var(--text-primary); text-align:center; line-height:50px;}

	#mobile-navigation a{display:block; float:right; color: var(--text-primary); width:50px; height:50px; border:1px solid var(--text-primary); text-align:center; line-height:50px; margin-right:-1px;}
	
	#mobile-navigation a .fa{line-height:50px;}
	#search-bar a .fa{line-height:50px;}
	
	#photo-slider .photo-holder iframe{/*height:300px;*/}
	
	.inner-column{width:100%; }

	.inner-column:first-child{margin-right:0%;}
	
	#search-form{order:4;}
}

@media only screen and (max-width: 960px) {
	#top, #main, #footer,#footer-logotypes{width:96%; margin:0 auto;}
	#pano{width:100%;height:400px; margin:20px auto; }
	
	#category-boxes {display:block; }
	#category-boxes .category-box{margin-bottom:20px; width:50%; float:left; }
	#category-boxes .category-box.double-size{width:100%; }
	
	#start-boxes {clear:both;}
	#start-boxes .start-podcast .podcast-img{width:23%; height:80px; margin-right:2%;}
	#start-boxes .start-podcast .podcast-img i{font-size:24px; }
	#start-boxes .start-podcast .podcast-txt{height:auto; width:74%}
	
	#popular-boxes .popular-box{width:120px;}
	
	#footer-logotypes ul li{width:120px;}
	
	#left-main-col{width:32%; margin-right:2%; }
	#right-main-col{width:66%; }
	
	.image-box{width:240px; }
	.image-box .img-wrapper{height:240px; margin-bottom:30px;}
	
	#footer{flex-direction: column; justify-content: space-around; height:auto; margin-bottom:80px;}
	
	#footer .footer-box{padding:10px 0;}
	#footer .footer-box.copyrights{margin-left:0px;}
	#footer .footer-box.made-by{margin-right:0px;}
	#footer .footer-box.social-links a{margin:0 15px; }
	
	
	#photo-slider {height:350px; }

	#photo-slider.slider-small {height:350px; }
	
	#photo-slider .photo-holder {height:350px;line-height:350px;}
	#photo-slider.slider-small .photo-holder {height:350px;line-height:350px;}
	
	#photo-slider .photo-holder iframe{height:350px;}

	#side-menu li a {width:80%;}
	
}
@media only screen and (max-width: 800px) {
	#secondary-menu{display: block;clear:both; padding-top:10px; line-height:2rem; float:left; width:100%;}
	#site-options{padding-right:0px; margin-bottom:20px;}
	#languages {padding-left: 0px; border-left: 0; display: inline-block; float:left; width:48%;}
	#social-links {margin-left: 0px; display: flex; justify-content:flex-end; float:right; width:48%;}
	
	.image-box{width:200px; }
	.image-box .img-wrapper{height:200px; }
	
	#search-form input{width:75%; }

	#search-form button{width:25%; }
}

@media only screen and (max-width: 639px) {
	#top, #main, #footer,#footer-logotypes{width:96%; margin:0 auto;}
	#pano{width:100%;height:300px; margin:20px auto; margin-bottom:50px; float: left;}
	
	#secondary-menu{display: block;clear:both; padding-top:10px; line-height:2rem; float:left; width:100%;}
	#site-options{padding-right:0px; margin-bottom:20px;}
	#languages {padding-left: 0px; border-left: 0; display: inline-block; float:left; width:48%;}
	#social-links {margin-left: 0px; display: flex; justify-content:flex-end; float:right; width:48%;}
	
	
	
	#mobile-side-menu a{display:block; float:right; color: var(--text-primary); width:50px; height:50px; border:1px solid var(--text-primary); text-align:center; line-height:50px; margin-right:0px; margin-top:-10px;}
	
	#mobile-side-menu a .fa{line-height:50px;}
	
	.side-menu{clear: both;
    display: block;
    position: relative;
    overflow: hidden;}
	
	#side-menu{display:block; margin-top:-100%;}
	
	
	
	#start-boxes .start-box{margin-bottom:20px; width:100%; }
	
	#popular-boxes{display:block; }
	#popular-boxes .popular-box{width:240px; margin: 0 auto; margin-bottom:40px;}
	#footer-logotypes ul{display:block; }
	#footer-logotypes ul li{width:auto; margin: 0 auto; }

	#footer-logotypes .footer-logotypes-left{width:100%;  margin-right:0%; }

	#footer-logotypes .footer-logotypes-right{width:100%; }

	#footer-logotypes .footer-logotypes-right ul{width:100%; }
	
	#left-main-col{width:100%; margin-right:2%; margin-bottom:20px;}
	#right-main-col{width:100%; }
	
	.image-box{width:320px; margin-right:auto; margin-left:auto;}
	.image-box .img-wrapper{height:320px; margin-bottom:30px;}
	.image-box:nth-child(3n+1) { margin-right: auto;}
	.image-box:nth-child(2n+1) { margin-right: auto;}
	
	
	#left-main-col .title-with-spacing-left{float:left;}
	
	.more-categories {margin-top:0px; }
	
	#pano-back {display: block;    float: left;    position: relative;    width: 100%;    margin: 20px 0;}
	#pano-back a .img-wrapper {  display: inline-block;    float: left;  line-height: 0;  width: 100px;  height: 100px;}
	#pano-back a span {float: left;    margin-left: 20px;    height: 100px;    line-height: 100px;}
	
	
	.title-with-spacing-center {float:left;}
	.title-with-spacing-center h2:before{ width:24px;  margin-right:34px; }
	.title-with-spacing-center h2:after{display:none;}
	
	
	
}

@media only screen and (max-width: 480px) {
	#top, #main, #footer,#footer-logotypes{width:96%; margin:0 auto;}
	
	#pano{width:100%;height:300px; margin:20px auto; margin-bottom:50px;}
	
	#category-boxes .category-box{width:100%;  }
	#category-boxes .category-box.double-size{width:100% }
	
	.image-box{width:280px; }
	.image-box .img-wrapper{height:280px; margin-bottom:30px;}
	
	.info-table ul li .left-col{width:100%; }

	.info-table ul li .right-col{width:100%; }
	
	#search-form input{width:65%; }

	#search-form button{width:35%; }
	
	#photo-slider {height:250px; }

	#photo-slider.slider-small {height:250px; }
	
	#photo-slider .photo-holder {height:250px; line-height:250px;}
	#photo-slider.slider-small .photo-holder {height:250px;line-height:250px;}
	
	#photo-slider .photo-holder iframe{height:250px;}
}

@media only screen and (max-width: 320px) {
	#search-form input{width:60%; }

	#search-form button{width:40%; }
}


a.btn-show-more
{
    margin: 0 auto;
    border: 1px solid gray;
    padding: 20px;
    display: block;
    width: auto;
    text-align: center;
}