/*
Theme Name: Glasd Koller AG 2023
Theme URI: http://glaskoller.ch
Programmierung: Peter Lütolf, wumm.ch
Desing: http://pixel-love.ch

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
.center {
	text-align: center;
}
::-webkit-scrollbar {
  display: none;
}
	




#example-1 > div > div.eocjs-newsticker-one > img:nth-child(15) {
	  filter: grayscale(100%);
	
}
.gfield.gform_validation_container{
	display: none;
}
#field_3_13{
	padding: 20px 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
 
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html, body {
  margin: 0;
  padding: 0;
  height:100%;
  font-size: 100%;
font-family: 'Nunito Sans', sans-serif;

  -webkit-text-size-adjust: 100%;


  -ms-text-size-adjust: 100%;


}



body.sticky-nav  div.container.second  {
	padding-top: 39px;
 
}


body.page-template-_kontakt  div.container.second  {
	padding-top: 12.5%;
 
}

body.home.sticky-nav .rest {
	z-index: 1;
	position: static;
	margin-top: -43px;
}


.home #slides-box-smal {
    background-color: #000;
    position: relative;
}

.page-template-_referenzen .abstand-top,
.single-referenzen .abstand-top{
    padding-top: 60px !important;
    margin-top: 12.5% !important;
}


.single-referenzen .nav.desktop {
    z-index: 2;
    position: fixed;
    width: 100%;
    margin-top: inherit !important;
}


.container {
	opacity: 0;
		  -webkit-transition: opacity 0.2s ease-in-out 0.0s;
  -moz-transition:opacity 0.2s ease-in-out 0.0s;
  -o-transition: opacity 0.2s ease-in-out 0.0s;
  transition: opacity 0.2s ease-in-out 0.0s;
}

body.load .container {
	opacity: 1;
}

body {
	background-color: #000;		  
	-webkit-transition: background-color 0.2s ease-in-out 0.0s;
  -moz-transition:background-color 0.2s ease-in-out 0.0s;
  -o-transition: background-color 0.2s ease-in-out 0.0s;
  transition: background-color 0.2s ease-in-out 0.0s;
}
body.load {
	background-color: #fff;
}

.footer {
	position:relative;}
.disclaimer {
	position:absolute;
	right:10px;
	bottom:10px;
	}
a.disclaimer {
	color:#fff !important;
	}	
.full {
	width:100%;
	height:auto;}
ol,
ul, li {
  list-style: none;
}
sup {
    vertical-align: top; 
	font-size: 0.6em;
}

.header-mobile {
	display: none;
}

svg.logo_big{
  filter: drop-shadow(5px 5px 5px rgb(0 0 0 / 0.9));
}


.toggle  svg.toggle-o{
  filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 0.5));
}



/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
  padding: 0;
  margin: 0;
  background: #ffffff;
  font-weight:300;
  letter-spacing:0.01em;
 

  font-size: 15px;

}
body.blue {
	background:url(images/verl.png) repeat-x;}



/* typography
-------------------------------------------------------------- */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;

}


.home h1 {
 
  	font-size: 30px;

	display:block;
	font-weight: 600;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 1em;
	color: #DBD0AF;
}

h2.center {
 
  	font-size: 30px;

	display:block;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
}



h1 {
 
  	font-size: 30px;

	display:block;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
}

h2 {
 font-weight: 100;
  font-size: 20px;
  line-height:27px;

}
h3 {
    font-size: 20px;
  line-height:27px;
	color: #848276;
}

h4 {
  line-height: 30px;
  font-size: 15px;

}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.titel-big {
	    font-size: 25px;
		font-weight:700;

	}
/* Text elements */
p {
  	
    font-size: 19px;
    font-weight: 300;

    line-height: 22px;
	padding-bottom: 1em;
   
}


textarea {
	width:100%;}
ul,
ol {
  margin: 0;
}
ul {
  list-style: disc;
}
.clear {
	clear:both;}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: 900;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}

/* Links */
a {
  color: #000;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #999;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}



.bold {
	font-weight:500;}
	
.gform_body > ul > li input {
	padding:10px;
	}	

.gform_body > ul > li.gfield_error input {
	background-color:#9cd8f7;
	}

	
.gform_body > ul > li {
	width:50%;
	float:left;
	box-sizing:border-box;
	
	display:inline;}	
	
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]

{
	border:1px solid #000;
	padding:10px;
	font-weight:600;
	text-transform:uppercase;
	}
	
body .gform_wrapper .top_label div.ginput_container {
	width:100% !important;
	box-sizing:border-box;
	padding-right:20px;
}	
body .gform_wrapper .top_label div.ginput_container input {
	width:100% ;
}	
.gform_wrapper ul li.gfield {
	clear:none;
	}	
	
.gform_wrapper ul li.gfield:nth-of-type(2n+0) {
	float:right;
	}	
/* slider
-------------------------------------------------------------- */

span.headline,
h1.headline {
	margin: 0 5%;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	text-shadow:0 0 8px #000;
	display:block;
	position:absolute;
	width:90%;
	line-height: 27px;

	bottom:45%;
	}

/* slider
-------------------------------------------------------------- */

.raster {
	display: flex;
	flex-wrap: wrap;
}

body.page-template-_firma .raster{ 
	padding: 10px;
	
}

.raster > article {
	width:33.333%;

	box-sizing:border-box;
	padding:10px;} 



	
.raster.kunden > article {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding:10px;} 	
.raster.kunden > article > img {
	width:100%;} 
	
.raster.kunden > .clear {
	display:none;}
	 	
.raster.kunden > div.clear:nth-of-type(4n+0) {
	display:block;}		
	
	
.page-template-_kontakt iframe {
	width:100%;}	
	
.gf_browser_chrome.gform_wrapper {
	text-align:left;}	
	
.page-template-_kontakt .gform_title	 {
	display:none;
	}

/* content
-------------------------------------------------------------- */
#map,
#map2 {
    height: 50%;
    width: 100%;
	margin-bottom:0px;
}

.gm-style-cc,
.gm-svpc {
	display:none !important;}


.abstand {
	padding:0.5%;}
	
#einleitung.abstand {
	padding:0.5%;
	margin:40px 12.5% 40px 12.5%;}
	
	
#einleitung.abstand p {
	font-size:20px;
	 line-height:27px;
	 font-weight:100;}
	

.container.second {
	display:block;
	position:relative;
	
	margin:0;

	
	}
.container {
	display:block;
	position:relative;
	
	margin:0;
	
	
	}
.container.top {
	display:block;
	position:fixed;
	z-index:200;
	width:100%;
	box-sizing:border-box;
	top:0;
	
	
	margin:0;

	padding: 0px 0 0 0;
	height:130px;
	box-sizing:border-box;
	
	
	
	}	

.container.top  .content {
    position: relative;
	padding-bottom:50px;
	margin:0 auto 0px auto;
	padding:0 30px;
	box-sizing:border-box;

	max-width:1300px;
	min-height: 80px;


	
}

.content {
    position: relative;
	padding-bottom:0px;
	padding-top:00px;
	box-sizing:border-box;	
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 3%;
}

.content .box-content {
    position: relative;
	padding-bottom:50px;
	margin: 40px 12.5% 0 12.5%;
	width:auto;
}

.content .box-content h1 {
	font-weight:100;
}


article .abstand > img,
article .abstand a > img  {
	width:100%;
	}

article .abstand {
	position:relative;}


 
.block-teaser {
	
	width:32.333%;
	float:left;
	margin:0.5%;
	margin-top:60px;
	}
.page-template-_referenzliste .content {

	width:100%;
	margin:0;
	max-width:inherit;

	}
.page-template-_referenzliste .block div.bold {
	
	padding:0 10px;
	padding-top:20px;
	display:block;
	margin-bottom:20px;
	font-size:20px;

	}
.page-template-_referenzliste .block .left div.bold {
	font-weight:600;
	padding:0 10px;
	padding-top:00px;
	margin-top:00px;
	font-size:20px;
	
	display:block;

	}	
.page-template-_referenzliste .block span.bold {
	font-weight:600;
	


	}		
.page-template-_referenzliste .block {
	
	margin:1%;
	width:auto;

	}

.page-template-_referenzliste .left {
	width:48%;
	float:left;
	text-align:right;



	}

.page-template-_referenzliste .right
{
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:30%;
	margin-right:20%;
	float:right;

	text-align:left;
	padding-bottom:50px;

	}
	

		
.page-template-_referenzliste .right > div.kunde {
	padding-left:10px;
	margin-bottom:15px;
	padding-top:15px;
	background:url(images/strich.jpg) no-repeat left top;
	
	}
	
.home .right > div.kunde {
	padding-left:10px;
	padding-bottom:20px;
	padding-top:20px;
	background:url(images/strich.jpg) no-repeat left bottom;
	
	}
	

.home .block.kunden {
	margin-top:50px;
	
	}
	
	
			
.page-template-_referenzliste .right a {
	float:right;
	
	}



.page-template-_referenzliste .content .einleitung {
	text-align:center;
	margin:100px 12.5% 0;
}

.logo {
	width:375px;
	height:auto;
	max-width:90%;
	}
.gross  {
	width:80%;
	margin: 0 auto;
	}	
.gross p {
		font-size:19px;
		line-height:1.6;}			
.logo-footer {
	width:auto;
	height:37px;
	float:left;
	margin:37px;}	


.center {
		text-align:center;
	
		}

a.link.mail {
	border: 1px solid #000;
	padding:5px 10px;
	margin-top:20px;
	display:inline-block;
	  -webkit-transition:  0.25s ease-in-out;
  -moz-transition:  0.25s ease-in-out;
  -o-transition:  0.25s ease-in-out;
  -ms-transition:  0.25s ease-in-out;
  transition:  0.25s ease-in-out;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
	background-color: #004c93;
	color: #fff;
	    font-size: 19px;

}
  


a.link.mail:hover {


}
  



a.link {
	border: 1px solid #000;
	padding:5px 10px;
	margin-top:20px;
	display:inline-block;
	  -webkit-transition:  0.25s ease-in-out;
  -moz-transition:  0.25s ease-in-out;
  -o-transition:  0.25s ease-in-out;
  -ms-transition:  0.25s ease-in-out;
  transition:  0.25s ease-in-out;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;

}
  
  a.link:hover {
	 background-color:#ccccff;
	 color:#000;
	 border: 1px solid #000;
	 }  	

a.link.fix {
	border: 1px solid #000;
	padding:5px 10px;
	margin-top:20px;
	display:inline-block;
	  -webkit-transition:  0.25s ease-in-out;
  -moz-transition:  0.25s ease-in-out;
  -o-transition:  0.25s ease-in-out;
  -ms-transition:  0.25s ease-in-out;
  transition:  0.25s ease-in-out;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
  width:150px;
  margin:0 10px;}
  
  
 a.link.fix:hover {
	 background-color:#ccccff;
	 color:#000;
	 
	 } 
  

section.black a.link.fix {
	border: 1px solid #fff;
	padding:5px 10px;

	display:inline-block;
	  -webkit-transition:  0.25s ease-in-out;
  -moz-transition:  0.25s ease-in-out;
  -o-transition:  0.25s ease-in-out;
  -ms-transition:  0.25s ease-in-out;
  transition:  0.25s ease-in-out;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
  width:150px;
  margin:0 0px 0 0;
	color: #000;
	background-color: #fff;
	text-align: center;
	
	}
  
  
 section.black a.link.fix:hover {
	 background-color:#000;
	 color:#fff;
	 
	 } 
  


  	
.page-template-_referenzen 	.link {
	background-color:#faf8f8;
  }
  	.link:hover {
	background-color:#fff;  
	border: 1px solid #ccc;
	padding:5px 10px;
	margin-top:20px;
	display:inline-block;
	color:#ccc;
	  -webkit-transition:  0.25s ease-in-out;
  -moz-transition:  0.25s ease-in-out;
  -o-transition:  0.25s ease-in-out;
  -ms-transition:  0.25s ease-in-out;
  transition:  0.25s ease-in-out;
  }
		
/* navigation top
-------------------------------------------------------------- */
footer  {
	text-align:center;
	padding-top:0px;
	
	}

.linefooter {
	border-top: 4px solid #848276;
	border-bottom: 4px solid #ffffff;
	display: block;
	margin-bottom: 50px;
	
	
}
.verlauf {
	background-image: linear-gradient(to right, #c8e6db, #69ba9c);
	}	
.linie {
	height:10px;
	width:100%;
	display:block;}	
.linie.top {
	margin-top:20px;}		
header .nav-box {
	float:right;
	padding:50px 0 0 0 ;
	

	
	}
	


nav > div {

	

	}
footer nav > div {

	margin-right:26.5%;
	width:23%;
	float:right;

	

	}	
.adresse-nav {
	position:relative;
	
	margin-left:83px;
	display:inline-block;
	color:#bbb9b9;


	}

.adresse-nav a {
	
	color:#ccc;


	}


.stellen {
	position:absolute;
	right:0;
	bottom:0;
	width:200px;
	height:200px;
	background-image:url(images/stellen.jpg);
	}

.stellen a {
	position:absolute;
	right:40px;
	bottom:40px;
	
	}


nav > div {
	background-color: #fff;
	text-align: center;
	
	

	}


nav.desktop  .menu-menu-1-container {

	
	border-bottom: 4px solid #848276;
	}



nav .current-menu-item 	 a {
	
	color:#333;
	font-weight:600;
	
	
	}
	

	
nav a {
	
	color:#848276;
	font-weight:100;
	
	display:block;
	
		border-left:1px solid #bbb9b9;
		padding-left:10px;	
	

	padding-right:10px;
	}
	
nav > div > ul > li {
	display:inline-block;
	line-height:35px;
		
	}
	

	
	nav > div > ul > li.current-menu-item > a 	  {
	

	
	z-index: 100;
	position: relative;
	
	
	
	}	
nav > div > ul  {
	
	}	
nav > div > ul > li > a {
	font-weight:600;
	display:block;
	font-size: 20px;
	
	}
		

header {
  padding: 0;

  margin: 0 auto;

  z-index:100;
  width:100%;
  z-index:200;


}

header.center.hoch {
  height:100%;

  box-shadow: 0px -4px 69px #000;
  -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

#slides-box {
	position: relative;

	overflow: hidden;

}


body.sticky-nav  #slides-box {
    position: relative;
    overflow: hidden;
	opacity: 0;

}


.nav.desktop {
	 position: -webkit-sticky; /* Safari */
  position: sticky;
  top: -0px;
	margin-top: -12.5%;
	

}

#slides-box-smal .rslides > div {
    width: 100%;	
    overflow: hidden;

}

#slides-box-smal 
{
background-color: #fff;
	position: relative

}

#slides-box-smal 
{
background-color: #fff;
	position: relative

}

 #slides-box-smal .logo_big
{
	opacity: 0;
	position: absolute;
	z-index: 2;
	width: 50%;
	bottom: 50%;
  	left: 50%;
	margin-left: -25%;
	margin-bottom: -20%;
	-webkit-transition: opacity 0s ease-in-out 0s;
  	-moz-transition:opacity 0s ease-in-out 0s;
  	-o-transition: opacity 0s ease-in-out 0s;
  	transition: opacity 0s ease-in-out 0s;
	display: none;

}
.spalten {
	column-count: 2;
}
.spalten3{
	column-count: 3;

}
.spalten3 ul li{
	list-style-type: disc;

}
.spalten3 ul {
	margin-left: 17px;

}
body.animatelogo #slides-box-smal .logo_big,
body.page-template-_seite #slides-box-smal .logo_big,
body.page-template-_referenzen #slides-box-smal .logo_big,
body.page-template-_kontakt #slides-box-smal .logo_big,
body.single-referenzen #slides-box-smal .logo_big
{
	display: block;
	position: absolute;
	z-index: 2;
	width: 13%;
	bottom: 8%;
    left: 3%;
	margin-left: -0%;
	margin-bottom: -0%;
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out 0.2s;
  	-moz-transition:opacity 0s ease-in-out 0.2s;
  	-o-transition: opacity 0s ease-in-out 0.2s;
  	transition: opacity 0s ease-in-out 0.2s;

}


.abstand-top {
	padding-top: 60px !important;
}


#slides-box .logo_big {
	opacity: 1;
	position: absolute;
	z-index: 2;
	width: 50%;
	bottom: 50%;
  	left: 50%;
	margin-left: -25%;
	margin-bottom: -20%;
	-webkit-transition: all 0.2s ease-in-out, opacity 0s ease-in-out 0s;
  	-moz-transition:all 0.2s ease-in-out, opacity 0s ease-in-out 0s;
  	-o-transition: all 0.2s ease-in-out, opacity 0s ease-in-out 0s;
  	transition: all 0.2s ease-in-out, opacity 0s ease-in-out 0s;
}


body.animatelogo #slides-box .logo_big {
	position: absolute;
	z-index: 2;
	width: 13%;
	bottom: 8%;
    left: 3%;
	margin-left: -0%;
	margin-bottom: -0%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out, opacity 0s ease-in-out 0.2s;
  	-moz-transition:all 0.4s ease-in-out, opacity 0s ease-in-out 0.2s;
  	-o-transition: all 0.4s ease-in-out, opacity 0s ease-in-out 0.2s;
  	transition: all 0.4s ease-in-out, opacity 0s ease-in-out 0.2s;
}

body > div.container.second > div.content


body > div.container.second > div.content {
	z-index: 0;
}

.flex {
	display: flex;
}
.flex > div {
	width: 50%;
	text-align: left;
}

body > div.container.second > section > div > div > div.left {
	box-sizing: border-box;
	padding-right: 20px;
}
.nav.desktop.akk {
	z-index: 2;
	position: fixed;
	width: 100%;
	margin-top:  inherit !important;
}



section.black {
	background-color: #000;
	color: #fff;
	padding: 100px 0;
}


.logo_glaskoller {
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0;
	width: 160px;
	padding: 20px 40px 10px 20px;
	z-index: 2;
	background: rgb(255,255,255);
	
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	
		  -webkit-transition: all 0.2s ease-in-out 0.0s;
  -moz-transition:all 0.2s ease-in-out 0.0s;
  -o-transition: all 0.2s ease-in-out 0.0s;
  transition: all 0.2s ease-in-out 0.0s;
	
	
}





body.animatelogo2 .logo_glaskoller {
	opacity: 0;
	left: -300px;
		  -webkit-transition: all 0.2s ease-in-out 0.0s;
  -moz-transition:all 0.2s ease-in-out 0.0s;
  -o-transition: all 0.2s ease-in-out 0.0s;
  transition: all 0.2s ease-in-out 0.0s;
}



.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
   z-index: 0;
}
header .nav-box {
	display: none;
}


/* referenzen
-------------------------------------------------------------- */
	
.subnav {
		position:absolute;
	top:0px;
	width:75%;
	margin: 0px;
	padding:105px 12.5% 0 12.5%;
	background-color:#fff;
	z-index:3;

}	
	
	
	
.subnav.sticky {
	position:fixed;
	top:0px;
	width:75%;
	margin: 0;
	padding:23px 12.5% 0 12.5%;

}	
	


.home  .content #timeline {
	margin-top: 0px;	 
}

.abstand.titel {
	margin-top:60px;}
.subnav ul.menu > li {
	display:none;
	}


.subnav .menu li.current-menu-ancestor {
	display:block;
	
	}


.subnav ul.menu li.current-menu-ancestor li,
.subnav ul.menu li.current-menu-ancestor > a
 {
	display:inline-block;
	margin-right:1vw;

	
	}
.subnav ul.menu li.current-menu-ancestor > a
 {
	 float:left;
	 margin-left:0.66%;
	 display:none;
	 
	}
	
.subnav ul.menu li.current-menu-ancestor .sub-menu {
	display:block;
	padding-bottom:10px;
	margin:0 0.66%;
	border-bottom: 1px solid #000;
	
	}		
a.image-button {
	display:block;}



#timeline article {
	position:relative;
	
	display:block;
}


#timeline article img {
	width:100%;
	height:auto;
	opacity:1;
	 transition: opacity .25s linear;
     transition-delay:0s ;}
	


#timeline article:hover img,
#timeline article:active img {
	width:100%;
	height:auto;
	opacity:0;
	 transition: opacity .25s linear;
     transition-delay:0s ;

}

	
#timeline article .inhalt {
	opacity:0;
	position:absolute;
	display:block;

	left:0%;
	right:0%;
	top:0%;
	bottom:0%;

	background:#faf8f8;
	text-align:center;
	padding:0;
	margin:0;
	}
	
	
	
#timeline .abstand {
	margin:0% 2% 4% 2%;
	padding:0;
	position:relative;
	display:block;}
	
	
	
		
#timeline article .inhalt .text {
	padding:20px;
	text-align:center;

	}	
#timeline article:hover .inhalt {
	opacity:1;}

.block {
	width:100%;
	display:block;
	position:relative;
}
.block .abstand {
   padding: 10px;

}
 .box img {
	width:100%;
	height:auto;}
	
 .box {
	float:left;
	display:block;

	margin:.5%;

	}
	
.map {
	width:100%;
	height:300px;}

.text h1 {
	display: block;

    line-height: 27px;
    margin: 10px 0;
	}

.text  {
	margin:20px 0.5% 30px 0.5%;}


.single-referenzen .box.text  {
	}

.single-referenzen .box.text.line  {
	margin:0.5%;
	padding:10px 0 30px 0;
	border-top:1px solid #333;}
	
	
.box.text  {

	border-top:none;}
	
	
.box.text ul li  {
	list-style-type:disc;
	margin-left:16px;
	margin-top:8px;}
	
			
	
.zwei .text-zweier	{
	margin:20px 0 30px 0;}

/* footer
-------------------------------------------------------------- */



footer nav {
	
	vertical-align:top;
	
	text-align:left;
	
	
    padding-bottom: 50px;

    position: relative;
	padding-top:10px;
  
	

	}

footer nav a {
	
	color:#bbb9b9;
	font-weight:100;
	
	
	}
	
.content {
    position: relative;
    padding-bottom: 0px;
    padding-top: 0px;
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3%;
}

footer {
  padding: 0;

  
  margin: 0px auto 0 auto;
  position:relative;


  width:100%;
  z-index:1;

	background-color: #DBD0AF;
	text-align: left;



}





.page-template-_kontakt .footer {
 
  margin: 0;



}








/* referenzen
-------------------------------------------------------------- */





.referenzen {
	margin:50px 0 0 50%;
	padding-left:4px;
	width:30%;
	border-bottom:1px solid #000;
	}
.referenzen li {
	border-top:1px solid #000;
	padding:6px 0;
	}	


.referenzen li h3 {
	line-height:20px;
	font-weight:200;
	font-size:18px;
	
	}	
.referenzen li h4 {
	font-size:14px;
	line-height:20px;
	font-weight:200;
	}				
	



	









	
	




/* ................................................fullscreen slides */


.slid[data-news-visible=show] {
	border: 2px solid #000;
}

.news[data-news-visible=hide] {
border: 0px solid #000;
}




.slogan {
	margin:auto;
	position:relative;
	vertical-align:central;
	text-align:center;
	
	display:block;
	padding-top:45vh;
	margin-top:-75px;
	font-size:80;
	font-weight:100;
	color:#fff;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
	margin-right:2%;

	opacity:.8;
	}
	

#slides {
  position: relative;

  z-index:1;
  
	overflow:hidden;

 
}

#slides .slides-container > div {
	padding-bottom:60px !important;
}


#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  border: 2px solid #222;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background: #222;
}




/* ................................................rslides */





.rslides {
  margin: 0 auto 40px;
  }


.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }




/* -----------------------------------------------------------------------------

  CONTAINER OBJECTS
  
----------------------------------------------------------------------------- */
.o-container {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 960px;
}

@media all and (min-width: 480px) {
  .o-container {
    padding: 0 24px;
  }
}
@media all and (min-width: 720px) {
  .o-container {
    padding: 0 48px;
  }
}
/* -----------------------------------------------------------------------------

  GRID OBJECT
  
----------------------------------------------------------------------------- */
.o-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.o-grid__item {
	display:inline-block;
	background-image:url(images/bollinger-box-37.svg);

}

/* -----------------------------------------------------------------------------

  HEADER OBJECT
  
----------------------------------------------------------------------------- */
.o-header {
  margin: 0;
  padding: 0;
}

.o-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #3b3b3b;
}

.o-header-nav__link {
  padding: 12px;
  color: #fff;
}

.o-header-nav__link:hover {
  color: #fff;
  background-color: #080808;
}

.o-header__title {
  margin: 24px;
  padding: 0;
  color: #818181;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
}

@media all and (min-width: 480px) {
  .o-header__title {
    margin: 36px;
    font-size: 42px;
  }
}
/* -----------------------------------------------------------------------------

  MAIN OBJECT
  
----------------------------------------------------------------------------- */
.o-main {
  /**/
}

/* -----------------------------------------------------------------------------

  SUB-NAVIGATION OBJECT
  
----------------------------------------------------------------------------- */
.o-sub-nav {
  margin: 0 0 24px 0;
  padding: 0;
}

.o-sub-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.o-sub-nav__item {
  margin: 0;
  padding: 4px;
}

.o-sub-nav__link {
  display: block;
  margin: 0;
  padding: 4px 24px;
  border: solid 2px #3b3b3b;
}

.o-sub-nav__link:hover,
.o-sub-nav__item.active .o-sub-nav__link {
  color: #fff;
  background-color: #3b3b3b;
}

@media all and (min-width: 720px) {
  .o-sub-nav {
    margin: 0 0 48px 0;
  }
}
/* -----------------------------------------------------------------------------

  FOOTER OBJECT
  
----------------------------------------------------------------------------- */
.o-footer {
  padding: 12px 0;
  text-align: center;
}

@media all and (min-width: 480px) {
  .o-footer {
    padding: 24px 0;
  }
}
@media all and (min-width: 720px) {
  .o-footer {
    padding: 48px 0;
  }
}










/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 37px;
  height: 37px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
		  z-index:10;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 8px;
  right: 8px;
  height: 1px;
  background: #000;;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: "";
}

.c-hamburger span::before {
  top: -9px;
}

.c-hamburger span::after {
  bottom: -9px;
}

	
	
	
	
/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {

	background-color:transparent;
	}
.o-grid__item  {

	position:fixed;
	z-index:4;
	left:37px;
	top:37px;
		width:37px;
		height:37px;

	}	



.back.no {
	display:none;
	opacity:0;
	transition: opacity .5s linear;
     transition-delay:0s ;
	}
	
.back {
	height:37px;
	width:37px;
	left:83px;
	top:37px;
	position:fixed;
	display:block;
	
	z-index:200;
	opacity:1;
	transition: opacity .5s linear;
     transition-delay:5s ;
	}

.back:hover {
	opacity:.5;
	transition: opacity .25s linear;
     transition-delay:0s ;
	}	
	
.back a {

	display:block;
	
	}
	
		
	
	
.home .logo-box .font {
	height:37px;
	width:171px;
	position:fixed;
	top:37px;
	left:37px;
	z-index:3;
	opacity:1;
	background-image:url(images/bollinger-logo-37.svg);

 transition: opacity .25s linear;
     transition-delay:0s ;

	}
	
	
.logo-box .font {
	height:37px;
	width:171px;
	position:fixed;
	top:37px;
	left:37px;
	z-index:3;
	opacity:0;
	background-image:url(images/bollinger-logo-37.svg);

 transition: opacity .25s linear;
     transition-delay:0s ;

	}
.logo-box .font.nix {

	opacity:1;
	background-image:url(images/bollinger-logo-37.svg);

 transition: opacity .25s linear;
     transition-delay:0s ;

	}
	
	
		
.logo-box.nix .font {
	opacity:0;
	background-image:url(images/bollinger-logo-37.svg);

  transition: opacity .25s linear;
     transition-delay:0s ;
	}	
	
.logo-box.nix .font.nix {
	opacity:1;
	background-image:url(images/bollinger-logo-37.svg);

  transition: opacity .25s linear;
     transition-delay:0s ;
	}	
	
		
.logo-box.nix .c-hamburger--htx span {
	opacity:1;
 	transition: opacity 0.25s linear;
   	transition-delay:0s;

	}	
	
.logo-box.nix .akk .c-hamburger--htx span {
	opacity:1;
 	transition: opacity 0.25s linear;
   	transition-delay:0s;

	}		

.c-hamburger--htx:hover {

	background-color:transparent;
	

	}
		

.c-hamburger--htx span {
	opacity:1;
 	transition: opacity 0.25s linear;
   	transition-delay:0s;

	}	
	
.home .c-hamburger--htx span {
	opacity:0;
 	transition: opacity 0.25s linear;
   	transition-delay:0s;

	}	
		
.c-hamburger--htx:hover  span {
 	transition: opacity .25s linear;
    transition-delay:0s ;
	opacity:1;
	}	
.c-hamburger--htx.nix  span {
 	transition: opacity .25s linear;
    transition-delay:0s ;
	opacity:1;
	}		
	
.c-hamburger--htx.is-active	span{
 transition: opacity 0s linear;
   transition-delay:0s;
	opacity:1;
	}	
.c-hamburger--htx.is-active	{


	}	

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  	background-color:transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}







.eocjs-newsticker img {
	width: auto;
	max-width: 200px;
	height: 80px;
	padding-right: 50px;
	object-fit: contain;
 

	  filter: grayscale(100%);
}

/* eocjsNewsticker v0.7.1 */

.eocjs-newsticker {
  padding: 10px 0;
  background-color: #fff;
	margin-top: 30px;

}
.eocjs-newsticker .eocjs-newsticker-containe > div {
  height: 80px;;

}
.eocjs-newsticker .eocjs-newsticker-container {
  position: relative;
  height: 80px;
  overflow: hidden;
}

.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  line-height: 80px;
  white-space: nowrap;
}






/* -----------------------------------------------------------------------------

hamburger
  
----------------------------------------------------------------------------- */
#carbonads {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 1000;
  padding: 24px 12px 12px 12px;
  width: 154px;
  background-color: #fff;
  line-height: 1.1;
  border: solid 1px #e7e7e7;
}

.carbon-wrap {
  display: block;
  margin: 0 0 4px 0;
}

.carbon-img {
  display: block;
  margin: 0 0 4px 0;
  padding: 0;
  width: 130px;
  height: 100px;
}

.carbon-text {
  color: #818181;
  font-size: 12px;
}

.carbon-poweredby {
  font-size: 10px;
  font-style: italic;
}

.carbonad__close {
  display: block;
  position: absolute;
  top: 0;
  left: 8px;
  height: 24px;
  font-size: 11px;
  line-height: 24px;
}






.column {
    float: left;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #timeline[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 800px) {
    #timeline[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 801px) {
    #timeline[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}





/* #Media Queries
================================================== */

.rslides > div {
	width:100%; 
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.toggle {
	display:none;
	cursor:pointer;
	}





/* #Media Queries
========================================================================================================== */

@media screen and (max-width: 999px) {

	.raster > article {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
}
	
	
	.nav.desktop {
  
    margin-top: -16.666%;
}

	
.flex > div {
    width: 100%;
    text-align: left;
}	
.flex  {
    display: block;
}	
		
	

}


/* #Media Queries
========================================================================================================== */



@media screen and (max-width: 700px) {

		.raster > article {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
	
	
	
body.page-template-_firma 		.raster > article {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
}
		
	
	
	
	
		.nav.desktop {
  
    margin-top: -33.333%;
}

	
	.toggle {
    display: block;
	width: 40px;
	position: fixed;
	right: 20px;
	top: 20px;
		z-index: 9999;

}
	.toggle .toggle-o .st0 {
    fill: #FFFFFF !important;
} 	
	.toggle .toggle-x .st0 {
    fill: #000000 !important;
} 	
		
	
	
.toggle.off .toggle-x,
.toggle.on .toggle-o{
    display: none;
}
.toggle.on .toggle-x,
.toggle.off .toggle-o{
    display: block;
}	
	
	
	
.nav-box-mobile {
	height: 100%;
		
	}
	
	
.header-mobile {
	position: fixed;
	height: 100%;
	background-color: #fff;
	padding-top: 130px;
	box-sizing: border-box;

	
	}	
.header-mobile.akk {
	display: block;
	}	
	
.header-mobile a {
	font-size: 30px;
		
	
	}	
	
.header-mobile	nav > div > ul > li {
    display: block;
    line-height: 1.6;
}
	
body > div.container.second > nav > div.menu-menu-1-container {
		display: none;
	}
	
	#slides-box > img.logo_glaskoller {
		width: 120px;
	}
	
	
}


/* #Media Queries
========================================================================================================== */



@media screen and (max-width: 600px) {
.spalten {
    column-count: 1;
}
#slides-box > img.logo_glaskoller {
		width: 80px;
	}

}





/* #Media Queries
========================================================================================================== */




a.swipebox{position:relative;display:block;}
a.swipebox > div{position:absolute;left:0;right:0;top:0;bottom:0;}
html.swipebox-html.swipebox-touch{overflow:hidden !important;}
#swipebox-overlay img{border:none !important;}
#swipebox-overlay{width:100% !important;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#swipebox-container{position:relative;width:100%;height:100%;}
#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;padding:50px 50px 50px 50px;box-sizing:border-box;}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:top;}
#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0;}
#swipebox-slider .slide-loading{background:url(images/but/loader.gif) no-repeat center center;}
#swipebox-bottom-bar,
#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;}
#swipebox-bottom-bar{bottom:0px;width:100%;left:0px;}
#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0, -0px, 0);transform:translate3d(0, -0px, 0);}
#swipebox-top-bar{top:0px;}
#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);}
#swipebox-title{display:block;width:100%;text-align:center;}
#swipebox-prev,
#swipebox-next,
#swipebox-close{background-image:url(images/but/icons.svg);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0;
background-image:url(images/but/icons.svg) !important;}
#swipebox-arrows{display:block;margin:0 auto;width:105px;;height:50px;}
#swipebox-prev{background-position:-42px 13px;float:left;}
#swipebox-next{background-position:-78px 13px;float:right;}
#swipebox-close{background-position:15px 12px;right:0%;margin-left:0px;position:absolute;z-index:10000;}
.swipebox-no-close-button #swipebox-close{display:none;}
#swipebox-prev.disabled,
#swipebox-next.disabled{opacity:0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565;box-shadow:inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565;box-shadow:inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1;}
@-webkit-keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@-webkit-keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@media screen and (min-width:800px){
	#swipebox-close{right:0px;}
#swipebox-arrows{width:150px;}
}
#swipebox-overlay{background:#ffffff;}

}