/*** naos overlay ***/

@font-face {
	font-family: "CodecPro";
	src:	url('/fonts/CodecProBold/font.woff2') format('woff2'),
			url('/fonts/CodecProBold/font.woff') format('woff');
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: "Bogart";
	src:	url('/fonts/BogartItalic/Bogart-Italic.woff2') format('woff2'),
			url('/fonts/BogartItalic/Bogart-Italic.woff') format('woff');
	font-style: italic;
	font-weight: 300;
}

body.has-overlay {
	height: 100%;
	overflow: hidden;
}
body.has-overlay nav.inner-width {
	margin-left: 0;
	margin-right: 0;
	width: 420px;
}
body.has-overlay nav.inner-width a.small-width {
	width: 100%;
}
body.has-overlay header {
	
}

.naos-overlay {
	background: #1a1a1a;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 1000px;
	z-index: 9999;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.naos-overlay *::selection {
	background: rgba(255,255,255,.15);
}

.naos-overlay .painter-container {
	display: none;
}

.naos-overlay .logo-container {
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%);
}
.naos-overlay .logo-container img {
	width: 33vw;
	max-width: 200px;
}

.naos-overlay .title-container h1 {
	font-size: 12vw;
	line-height: 1;
	color: white;
	text-align: center;
	font-family: 'bogart', cursive;
	font-weight: 300;
}
.naos-overlay .title-container h1 a {
	transition: opacity 150ms ease;
}
.naos-overlay .title-container h1 a:hover {
	color: white;
	opacity: .75;
}

.naos-overlay .button-container {
	display: flex;
	justify-content: center;
	margin-top: 10vw;
}
.naos-overlay .button-container a {
	display: inline-block;
	background: white;
	color: black;
	font-family: 'CodecPro', sans-serif;
	font-weight: 700;
	padding: .75em 1.5em .6em;
	transition: opacity 150ms ease;
	font-size: 20px;
}
.naos-overlay .button-container a:hover {
	opacity: .75;
}

.old-page {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
}
.old-page img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top left;
}

@media (min-width: 1000px) {
	
	.naos-overlay .logo-container {
		top: 5rem;
	}
	
	.naos-overlay .title-container h1 {
		font-size: 10rem;
	}
	
	.naos-overlay .button-container {
		margin-top: 7.5rem;
	}
}
@media (min-width: 1400px) {
	
	.naos-overlay {
		width: calc(100% - 20vw);
		left: 20vw;
	}
	.naos-overlay .logo-container {
		transform: translateX(calc(-10vw - 50%));
	}
	.naos-overlay .container {
		transform: translateX(-10vw);
	}
	
	.naos-overlay .painter-container {
		display: block;
		position: absolute;
		bottom: 0;
		left: -19.5rem;
		height: 100%;
	}
	.naos-overlay .painter-container::before {
		content: '';
		position: absolute;
		width: 3.5rem;
		height: calc(100% - 37rem);
		right: -19.8rem;
		top: 0;
		background: #1a1a1a;
	}
	.naos-overlay .painter-container img {
		width: 20rem;
		position: absolute;
		bottom: 0;
	}
}




/**************** RESET STYLES IS A GOOD THING *************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, 
menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}

main, article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {display: block;}

a{text-decoration: none; color: inherit; transition: .5s;}
a img {border: 0;}
a:hover{color: #003a6a;}

p a{text-decoration: underline;}

/*
.arrow-link{display: block; width: 40px; height: 40px; border: 1px solid white; margin-top: 1rem; position: relative; transition: .5s; overflow: hidden;}
.arrow-link:before,
.arrow-link:after{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; transition: .5s;}
.arrow-link:before{height: 3px; width: calc(50% - 2px); background: white; position: absolute; top: 0; left: -2px; right: 0; bottom: 0; margin: auto;}
.arrow-link:after{border: 3px white; border-top-style: solid; border-right-style: solid; position: absolute; height: 10px; width: 10px; display: block; top: 0; bottom: 0; left: 35%; margin: auto; transform-origin: center; transform: rotate(45deg);}
*/

.arrow-link{display: block; width: 40px; height: 40px; border: 1px solid white; border-radius: 100%; margin-top: 1rem; position: relative; transition: .5s; overflow: hidden;}
.arrow-link:before{content: ">"; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.5rem;}


.arrow-link:hover{background: white;}
/*
.arrow-link:hover:before{left: 100%;}
.arrow-link:hover:after{left: 100%;}
*/

figure {position: relative;}
figure img {width: 100%;}

img{user-drag: none; -moz-user-select: none; -webkit-user-drag: none;}

p{margin-bottom: 1em;}
p:last-child{margin-bottom: 0;}

label{cursor: pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0; outline: none;}

.max-width{max-width: 1440px; width: 100%; padding: 0 30px 30px; margin: 0 auto; position: relative;}
.inner-width{width: calc(100% - ((238px + 40px) * 2)); /* max-width: 824px; */ margin: 0 auto; display: block;} /* max-width - ((nav-width + nav-margin) * 2) */
.small-width{width: calc(50% - 10px); display: block; margin: 0 auto;}


/*
.max-width{border: 1px solid green;}
.inner-width{border: 1px solid blue;}
.small-width{border: 1px solid red;}
*/

ul{list-style: none;}

.no-padding{padding: 0;}

div[class^=bp-]{display: none;}

.cross{width: 20px; height: 20px; position: relative; cursor: pointer;}
.cross:before,
.cross:after{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; display: block; position: absolute; width: 141.4213562373095%; height: 2px; left: 50%; top: 50%; transform-origin: center; background: #003a6a; transition: .5s;}
.cross:before{transform: translate(-50%, -50%) rotate(-45deg);}
.cross:after{transform: translate(-50%, -50%) rotate(45deg);}

.cross:hover:before{transform: translate(-50%, -50%) rotate(45deg)}
.cross:hover:after{transform: translate(-50%, -50%) rotate(-45deg)}
/******* FONTS ********/

html {font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.38461538461544; color: #424d54;  /* 17 / 16 */ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; height: 100%;}
body{min-height: 100%; position: relative; padding-bottom: 39px;}
h1,
.nav-widget article,
.nav-widget address,
.tiles .tile-text .text,
.main-header .claim,
.default-content h2{font-family: Georgia,Times,"Times New Roman",serif; font-style: italic; letter-spacing: 0.015em; font-weight: normal; font-size: 1rem; margin: 0;}

h2, .default-content h2{font-size: 1.5384615384616rem;}
h3{font: inherit;}

/** SMALL **/

.main-footer nav,
.news-block figure figcaption{font-size: 0.7692307692308rem;}

.hidden{ opacity: 0; visibility: hidden; pointer-events: none;}

/****** LISTS ******/

ul.link-list>li{padding-left: 17px; position: relative;}
ul.link-list>li:before{content: '.'; font-size: 0; line-height: 0; background: url(/images/hm-list-icon.svg); background-size: cover; width: 9px; height: 9px; display: block; position: absolute; left: 0; top: 3px; transform-origin: center center;}
ul.link-list>li.has-children:before{transform: rotate(90deg);}

/******* HEADER ********/

.logo{margin-bottom: 100px;}
.logo img{display: block;width: 100%;}

.main-header{ background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; position: relative; margin-top: -50px; margin-bottom: 10px;}
.main-header .image{background-size: cover; background-position: center center; position: absolute; width: 100%; height: 100%; animation: fadeIn 1s;}
.main-header .image:nth-child(n+2){left: 100%;}
.main-header .image img{display: none;}
.main-header .inner-width{color: white; position: relative;}
.main-header .claim{font-size: 1.5384615384616rem; }
.main-header .image .shadow{height: 180px; width: 100%; display: block; opacity: 0.65; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}

.main-header .star-heading{position: relative;}
.main-header .star-heading:nth-child(n+2){left: 100%; position: absolute; white-space: nowrap; top: 0; opacity: 0;}
.main-header .star-nav{position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; line-height: 1; width: calc(100% - ((238px + 70px) * 2)); }
.main-header .star-nav button{-webkit-appearance: none; background: none; border: 1px solid white; width: 1rem; height: 1rem; vertical-align: bottom; display: inline-block; margin-right: 5px; position: relative; cursor: pointer; transition: .5s;}
/* .main-header .star-nav button.active:before{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; width: 0.7rem; height: 0.7rem; background: #003a6a; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 100%; pointer-events: none;} */
.main-header .star-nav button.active,.main-header .star-nav button.active:hover{background: white; pointer-events: none;}
.main-header .star-nav button:hover{background: #003a6a;}

.main-header .max-width{padding: 30px;}
.main-header .nav-widget{top: 30px;}

.nav-widget .social-media {padding: 30px 0 20px 0; border-top: 1px solid #dfdfdf; display: flex;}
.nav-widget .social-media .sm-link {display: inline-flex; margin-bottom: 10px;}
.nav-widget .social-media li {margin-left: 10px;}
.nav-widget .social-media li:first-child {margin-left: 0px;}
.nav-widget .social-media img {width: 15px; height: 15px;}
.nav-widget .social-media span {line-height: 20px; margin-left: 5px; display: none;}

@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}


.loader{width: 30px; height: 40px; background: lightblue; position: fixed; left: 50%; top: 50%; z-index: 100000;}
.loader span{background: black; display: block; position: absolute; }
.loader span:nth-child(1){width: 1px; height:75%; left: 0; bottom: 0;}
.loader span:nth-child(2){width: 100%; height: 1px; left: 0; top: 25%;}
.loader span:nth-child(3){width: 1px; height: 75%; right: 0; bottom: 0;}
.loader span:nth-child(4){width: 141.4213562373095049%; height: 1px; right: 0; bottom: 0; transform: rotate(45deg) translate(1px, 1px); transform-origin: bottom right;}
.loader span:nth-child(5){width: 100%; height: 1px; top: 15%; left: 0; transform: rotate(-45deg) translate(0, -1px); transform-origin: top left;}
/* .loader span:nth-child(4){width: 100%; height: 1px; left: 0; bottom: 0;} */

/****** NAVIGATION *****/
.nav-widget.hidden{float: left; position: static;}

.nav-widget{background: white; width: 238px; padding: 20px; margin-right: 40px; position: absolute; left: 30px; top: -20px; z-index: 10;}
.nav-widget header,
.nav-widget nav,
.nav-widget header{padding: 20px 0; position: relative;}
.nav-widget nav{padding: 30px 0; letter-spacing: 0.05em;}
.nav-widget nav li:before{top: 7px;}
.nav-widget nav li.active>a{color: #dfdfdf;}

.nav-widget nav a{color: #003a6a;line-height: 1.84615384615392;}
.nav-widget nav .level-1>a{text-transform: uppercase; font-weight: bold;}

.nav-widget article{padding: 0 0 30px;}
.nav-widget address{padding-bottom: 30px;}

.nav-widget header .toggle{position: absolute; top: 0; bottom: 0; width: 11px; right: 0;}
.nav-widget header .toggle:before,
.nav-widget header .toggle:after{content:"."; font-size: 0; line-height: 0; letter-spacing: 0;}
.nav-widget header .toggle:before,
.nav-widget header .toggle:after,
.nav-widget header .toggle .line{position: absolute;  background: #424d54; top: 50%; transform: translateY(-50%); cursor: pointer;}
.nav-widget header .toggle .line{right: 0; height: 1px; width: 11px;}
.nav-widget header .toggle:after{right: 5px; width: 1px; height: 11px; display: none;}

.toggle-nav{display: none;}

.toggle-nav:checked + .nav-widget{height: 98px; overflow: hidden;}
.toggle-nav:checked + .nav-widget header .toggle:after{display: block;}

/****** TILES ********/

.tiles{width: calc(100% + 10px); left: -5px; position: relative;}
.tiles .tile{display: block; padding-top: 36%; margin: 0 5px 10px; float: left; position: relative; color: white;}
.tiles .tile .caption{position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px; font-weight: 600; letter-spacing: 0.015em;}
.tiles .tile .caption.icon{padding-left: 30px;}
.tiles .tile .caption.icon:before{content: '.'; font-size: 0; line-height: 0; background-image: url(/images/hm-link-icon.svg);  background-repeat: no-repeat; background-size: cover; width: 9px; height: 9px; display: block; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; transform-origin: center center; transition: .5s;}

.tiles .tile-big{width: calc(50% - 10px);}
.tiles .tile-small{width: calc(25% - 10px);}

.tiles .tile-image{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.tiles .tile-image.shadow:before{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.tiles .tile-image.shadow:before{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; display: block; height: 50px; width: 100%; position: absolute; bottom: 0;transition: .5s;}
.tiles .tile-image.shadow:hover:before{height: 100%;}

.tiles .tile-text{background: #003a6a; transition: .5s;}
.tiles .tile-text .text{position: absolute; top: 0; width: 100%; padding: 10px;}
.tiles .tile-text:hover{background-color: white; color: #003a6a;}
.tiles .tile-image.no-shadow:hover{background-image: url(/images/white.svg)!important; color: #003a6a;}
.tiles .tile-text:hover .caption.icon:before,
.tiles .tile-image.no-shadow:hover .caption.icon:before{background-image: url(/images/hm-list-icon.svg);}

.tiles .tile-list{color: black; font-weight: 600; border: 1px solid #dfdfdf;}
.tiles .tile-list .list-wrap{position: absolute; top: 0; padding: 10px; height: 100%; width: 100%;}
.tiles .tile-list h3{margin-bottom: 1rem;}
.tiles .tile-list ul{ overflow: auto; max-height: calc(100% - 17px - 1rem); width: 100%;}
.tiles .tile-list ul li{position: relative; padding-left: 20px; pointer-events: none;}
.tiles .tile-list ul li a{pointer-events: all;}
.tiles .tile-list ul li:before{content: '.'; font-size: 0; line-height: 0; background: url(/images/hm-list-icon.svg); background-size: cover; width: 9px; height: 9px; display: block; position: absolute; left: 0; top: 3px; transform-origin: center center; transition: .5s;}
.tiles .tile-list ul li:hover:before{left: 5px;}

.tiles .tile-portrait{overflow: hidden;}
.tiles .tile-portrait article{position: absolute; bottom: 1.38461538461544rem; bottom: calc(10px + 1.38461538461544rem); transform: translateY(100%); padding: 0 10px 10px; transition: .5s;}
.tiles .tile-portrait article h3{font-weight: 600; letter-spacing: 0.015em; margin-bottom: 1rem;}
.tiles .tile-portrait a:hover {color: #dfdfdf;}

.tiles .tile-portrait:hover article{bottom: 0; transform: translateY(0);}

.main-footer {position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 0;}
.main-footer nav{background: #003a6a; color: white; text-align: center; font-weight: 600; padding: 10px;}
.main-footer nav a:hover{color: #dfdfdf; text-decoration: underline;}

/******** CONTENT ******/

.content{margin-bottom: 100px; column-count: 2; column-gap: 10px;}

.gallery{width: 100%; white-space: nowrap; text-align: center; margin-bottom: 5px; position: relative; overflow: hidden;}
.gallery.full-gallery{position: fixed; height: 100%; top: 0; background: rgba(255,255,255,0.8); z-index: 11;}
.gallery.full-gallery .gallery-slider{top: 50%; transform: translateY(-50%);}
.gallery.full-gallery.show-arrows{padding-top: 0;}

.close-gallery{position: absolute; top: 20px; right: 20px; z-index: 1;}

.gallery .gallery-slider{display: inline-block; position: relative;height: 400px;}
.gallery.no-map{margin-bottom: 100px;}
.gallery .img-box{height: 100%; display: inline-block; margin-right: 10px; position: relative;}
.gallery img{width: auto; height: 100%; display: block; transition: .5s; cursor: pointer;}

.gallery.show-arrows{padding-top: 35px;}
.gallery.show-arrows .gallery-arrows{display: block;}
.gallery .gallery-arrows{position: absolute; top: 0; left: 0; right: 0; display: none; height: 25px;}
.gallery .gallery-arrows button{width: 25px; height: 25px; display: block; border: none; background: url(/images/hm-list-icon-big.svg); background-size: cover; position: absolute; top: 0; cursor: pointer;}
.gallery .gallery-arrows button.left{left: 0; transform-origin: center; transform: rotate(-180deg);}
.gallery .gallery-arrows button.right{right: 0;}

.gallery.full-gallery .gallery-arrows{width: 100%; top: 50%; transform: translateY(-50%); z-index: 1;}
.gallery.full-gallery .gallery-arrows button{ background: url(/images/hm-link-icon.svg);}
.gallery .gallery-arrows button.left{left: 30px}
.gallery .gallery-arrows button.right{right: 30px;}

.gallery.animating .gallery-arrows{pointer-events: none;}

/*
.gallery-slider .img-box:after{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; display: block; position: absolute; height: 100%; width: 100%; top: 0; mix-blend-mode: color; background: #003a6a; transition: .5s; opacity: 0;}
.gallery-slider:hover .img-box:after{opacity: 1;}
.gallery-slider:hover .img-box:hover:after{opacity: 0;}
*/

.view{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.view .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8);}
.view figcaption{position: absolute; top: 0; text-align: center; width: 100%; position: absolute; top: 100%;}
.view figcaption span{background: white; display: inline-block;  padding: 10px;}
.view figure{width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; background-size: contain; background-position: center center; background-repeat: no-repeat;}
/*
.view figure img{width: auto; height: auto; display: block; margin: auto;}
.view figure img.landscape{width: 100%;}
.view figure img.portrait{height: 100%;}
*/

 @media screen and (orientation:portrait) {
	 .view figure img.landscape{width: 100%; height: auto;}
	 .view figure img.portrait{height: 100%; width: auto;}
 }

.view figure figcaption{text-align: center; padding-top: 5px;}

.more-projects{margin-bottom: 100px; font-weight: 600;}
.more-projects .small-width{border-top: 1px solid #dfdfdf; padding-top: 20px;}

.default-content{ margin-bottom: 100px;}
.default-content figure{margin-bottom: 1rem;}
.default-content h2{margin-bottom: 1em;}
.default-content header{min-height: 480px; color: white; background: #003a6a; padding: 0 20px;}
.default-content header h2{padding-top: 3em;}
.default-content ul, .default-content ol{list-style: initial; padding-left: 1rem;}

.fix-me-ghost{margin-top: 1.5rem;}

/******** MAP ******/

.map{height: 400px; width: 100%; margin-bottom: 100px;}
.map #map{width: 100%; height: 100%;}
/*
.map.disabled:after{content: "Klicken um zu interagieren"; position: absolute; width: 100%; height: 100%; background: rgba(0, 58, 106, 0.9); color: white; text-align: center; font-size: 1rem; padding-top: 40px; opacity: 0; transition: .5s; cursor: pointer; top: 0; font-size: 1.5384615384616rem; box-sizing: border-box;}
.map.disabled:hover:after{opacity: 1;}
*/

/******** TEAM *******/

.team-listing{margin-top: -90px; margin-bottom: 90px;}

/******* NEWS ******/

.news-block{margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dfdfdf;}
.news-block[data-images]{cursor: pointer;}
.news-block:last-child{margin-bottom: 0; padding-bottom: 0; border: none;}
.news-block figure{margin-bottom: 30px; position: relative;}
.news-block figure .more-images{float: right; position: relative;}
.news-block figure .more-images:before,
.news-block figure .more-images:after{content: "."; font-size: 0; line-height: 0; letter-spacing: 0; height: 7px; width: 10px;  border: 1px solid; border-radius: 2px; display: block; background: white;}
.news-block figure .more-images:before{margin-bottom: -7px; margin-left: 2px;}

.news-block figure figcaption{ border-bottom: 1px solid #dfdfdf; padding: 10px 0;}
.news-block h2{font-size: 1rem; margin-bottom: 1rem;}
.news-block h2 time{font-weight: normal;}

.pagination a,.pagination .current{border: 1px solid #dfdfdf; color: #dfdfdf; vertical-align: bottom; display: inline-block; width: 2rem; height: 2rem; margin-right: 5px; padding: 4px 8px; position: relative; cursor: pointer; transition: .5s;}
.pagination .current{background: #003a6a; color: white;}
.pagination a:hover{background: #dfdfdf; color: white;}

/******* Misc *******/

.video{width: 100%; padding-top: 56.25%; position: relative;}
.video iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.video:empty{display: none;}

.cf:after{content: "."; font-size: 0; line-height: 0; clear: both; display: block; visibility: hidden; opacity: 0;}

@media all and (max-width: 1280px){
	div.bp-1280{display: block;}
	
	.inner-width{width: calc(100% - ((238px + 40px + 10px))); margin-left: 278px;}
	.small-width{    margin-left: calc((25% + 5px) - (238px + 30px)/2);}
	
	.logo.inner-width, .main-footer .inner-width, .logo.inner-width .small-width, .main-footer .inner-width .small-width{margin-left: auto;}
/*
	.logo.inner-width .small-width{position: relative;}
	.logo.inner-width .small-width:before{content: "."; font-size: 0; line-height: 0; width: 1px; background: red; height: 100vh; display: block; position: absolute; left: 0; top: 0;}
	.logo.inner-width .small-width:after{content: "."; font-size: 0; line-height: 0; width: 1px; background: red; height: 100vh; display: block; position: absolute; right: 0; top: 0;}
*/
	
}

@media all and (max-width: 920px){
	div.bp-920{display: block;}
	.main-header{padding-top: 98px;}
	.main-header, .main-header .max-width{min-height: 400px; margin-top: 0;}
	.main-header .star-nav{right: auto; width: 100%; padding: 0 30px;}
	
	.small-width{margin-left: auto;}
	
	.nav-widget.hidden{display: none;}
	.inner-width{width: 100%; margin: 0;}
	.nav-widget, .main-header .nav-widget{padding: 20px 30px; position: relative; top: 0; left: 0; width: 100%; transition: .5s;}
	.main-header .nav-widget{top: -30px; margin-top: -98px; width: calc(100% + 60px); left: -30px;}
	
	.nav-widget header .toggle{padding-left: 50px;}
	.nav-widget header .toggle:before, .nav-widget header .toggle:after, .nav-widget header .toggle .line{transform: none; width: 20px;  height: 2px; right: 0; }
	
	.nav-widget header .toggle:before{top: 35%;}
	.nav-widget header .toggle:after{top: 65%; margin-top: 1px;}
	
	.toggle-nav:not(:checked) + .nav-widget{height: 98px; overflow: hidden;}
	.toggle-nav:not(:checked) + .nav-widget header .toggle:after{display: block;}
	
	.toggle-nav:checked + .nav-widget{height: auto;}
	.toggle-nav:checked + .nav-widget header .toggle:before,
	.toggle-nav:checked + .nav-widget header .toggle:after{display: none;}
	
	.gallery.full-gallery .gallery-slider{top: 0; transform: none; height: 100%; overflow: auto; padding-top: 60px;}	
	
	.gallery{padding: 0 30px; height: auto;}
	.gallery-slider{display: block; width: 100%;}
	.gallery-slider .img-box{display: block; margin: 0 0 30px;	width: 100%; height: auto; text-align: center; background: none;}
	.gallery-slider .img-box img{height: auto; max-width: 100%; display: inline-block;}
}
    
    
@media all and (max-width: 768px){
	.small-width{width: 100%;}
	.inner-width{max-width: 70%; margin: 0 auto;}
	.tiles .tile{padding-top: 72%;}
	.tiles .tile-big{width: calc(100% - 10px);}
	.tiles .tile-small{width: calc(50% - 10px);}
	.tiles .tile-small.tile-hidden{display: none;}
	
	
	.link-list li{padding: 5px 0;}
	
	ul.link-list>li:before{top: 7px;}
	.nav-widget nav li:before {top: 13px;}
}
    
    
@media all and (max-width: 600px){
	.inner-width{max-width: 100%;}
}


@media all and (max-width: 480px){
	.content{column-count: 1;}
}