body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.video_container video,.video_container audio{width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
/***************************************************
*																
*			  	   dev.design52.de						
*				Copyright by Nils Linker					
*															
*							 	created: 23.12.2017		
*							last update: 17.11.2018		
****************************************************/

* { margin: 0;	padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html{ background: url(../../files/gfx/canon.jpg) no-repeat left top; background-size: auto auto; overflow-y: scroll;}
body{ margin: 0; font: 16px/1.5 'PT Sans Narrow', sans-serif; color: #333;}

ul, ol { margin: 0; padding: 0;}
.invisible { display: none;}
/* Clearfix */
.clearfix:after{height:0;clear:both;display:block;content: ".";visibility: hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/** Helper **/
.left{ float: left;}
.left50{ float: left; width: 50%;}
.right50{ float: right; width: 50%;}

.clearing{ clear: left;}

/** Headings & Text **/
h1,h2,h3,h4{ font: 700 2em 'Courgette', sans-serif; color: #344654;}
h1{ padding: 10px 0 10px 0;}
h2{ padding: 6px 0 10px 0; font-size: 1.4em; position: relative; padding-left: 30px; line-height: 1em;}
h2:before { position: absolute; left: 0; top: 5px; content: "\272A"; color: #143441; font-size: 1.4em;}
h3{ padding: 15px 0 3px 0; font-size: 1em; position: relative; padding-left: 26px;}
h3:before { position: absolute; left: 0; top: 8px; content: "\235F"; color: #143441; font-size: 1.4em;}
h4{ padding: 10px 0 02px 0; font-size: .9em;}
p{ padding: 5px 0 15px 0; font-family: 'Nunito'; font-size: 1.2em;}

/** Links **/
a:link, a:visited { color: #666666; text-decoration: underline; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all .4s ease-in-out;}
a:hover { background: #ef9828; text-decoration: none; color: #fff; }
figure a:hover { background: transparent;}


header { height: 160px; z-index: 10;}
header .inside { max-width: 1100px; margin: 0 auto;}
header a.logo { background: url(../../files/gfx/logo_blue_small.png) no-repeat left top; width: 100px; height: 100px; text-indent: -9007em; display: inline-block; margin: 30px 15px 15px 0; 
	float: left; position: relative;}
header a.logo:hover:before { content: ''; border-radius: 50%; border: 50px solid transparent; -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.3); box-shadow: 0 0 4px 3px rgba(0,0,0,0.3);
	position: absolute; left: 0; top: 0;}
#container { position: relative; max-width: 1100px; margin: 0 auto; padding: 30px 0 30px 0; }
#main { width: 100%;}
#main > .inside { background: rgba(255, 255, 255, .7); -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); padding: 15px; border-radius: 5px; }
/* 	#main{ float: right; margin-left: 0; margin-right: 1%; width: 65%;}
	aside{ position: relative; width: 33%; float: left; margin-left: 1%;}
	aside .inside { padding-right: 15%;}
*/

.custom .mod_search { float: right; margin: 8px 0 0 0; }
.mod_search .widget-text, .mod_search .widget-submit { float: left;}
.mod_search form input { background: #acb6b8; border: 1px solid #999; border-radius: 3px; height: 35px; float: left; padding-left: 10px; color: #3e606f;}
.mod_search form input::-moz-placeholder { font-size: 1em; color: #ffffff;}
.mod_search form input:-moz-placeholder {font-size: 1em; color: #ffffff;}
.mod_search form input::-webkit-input-placeholder { font-size: 1em; color: #ffffff;}
.mod_search form input:-ms-input-placeholder { font-size: 1em; color: #ffffff;}
.mod_search > form button { display: inline-block; height: 35px; background: #dca6be; border: 1px solid #d8609d; border-radius: 5px; margin-left: 5px; 
		font-size: 0; cursor: pointer;}
.mod_search > form button:before { font: 20px/1 "FontAwesome"; margin: 0 8px 0 10px; content: "\f002"; color: #ffffff;}
.mod_search > form button:hover:before { color: #d8609d;}

/* Main Navigaton */
nav { float: right; margin: 60px 15px 0 0; overflow: visible !important;}
#navi ul { }
#navi ul li { float: left; list-style-type: none; margin: 5px; padding: 0; position: relative;}
#navi ul li a.submenu { position: relative; }
#navi ul li.submenu { padding-bottom: 5px;}
#navi ul li a.submenu:after { content: '\1F897'; position: absolute; top: 1px; right: 6px; color: #333333; -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all .4s ease-in-out;}
#navi ul li a.submenu:hover:after { color: #ffffff;}
#navi > ul > li > a:link, #navi > ul > li > a:visited, #navi > ul > li > strong { text-decoration: none; color: #333; font: 300 1.3em/2.4 'Asap Condensed', sans-serif; padding: 6px 20px; 
	background: rgba(255, 255, 255, 0.6); -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.3); box-shadow: 0 0 4px 3px rgba(0,0,0,0.3); border: 3px solid #fff; border-radius: 2px;}
#navi ul li a:hover, #navi ul li strong:hover { color: #f0f0f0; background: #feb739;}
#navi ul li strong.active { cursor: default; color: #d88f30; background: rgba(255, 255, 255, 0.8) }
#navi ul li strong.active:hover { color: #333333;}
#navi ul li ul { display: none;}

#navi ul li:hover ul { position: absolute; top: 55px; left: 0px; background: rgba(255, 255, 255, 0.8); border: 4px solid #ffffff; border-radius: 3px; display: block; padding: 8px;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5); width: 230px; z-index: 11;}
#navi ul li ul:before  { content: ''; position: absolute; top: -10px; left: 40px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; 
	border-bottom: 10px solid #ffffff; }
#navi ul li ul li { float: none; display: block; border-bottom: 1px dashed #999999; margin: 0;}
#navi ul li ul li a:link, #navi ul li ul li strong { display: block; padding: 4px 6px 4px 12px; line-height: 1.7; font-size: 1.1em; border: 0 none; background: none; text-decoration: none;
	color: #333333;}
#navi ul li ul li a:hover, #navi ul li ul li strong:hover { border: none; background: #feb739; color: #ffffff; }
#navi ul li ul li.last { border: 0;}
#navi ul li ul li strong.active { background: #94aab4; color: #ffffff; border: 0 none;}

/* Accordion */
.accordion { border-radius: 0 3px 3px 3px;}
.accordion, .toggler { background: #eeeeee; border: 1px solid #d3d3d3; border-radius: 3px; padding: 10px;}
.toggler { font: 300 1.3em 'Asap Condensed', sans-serif; color: #4b576d; width: 40%; margin-bottom: -1px; position: relative; z-index: 1; cursor: pointer;}
.toggler.active { border-bottom: none; border-radius: 3px 3px 0 0;}

/* Bildergalerie */
.ce_gallery ul { overflow: visible; padding: 5px 0 15px 8px;}
.ce_gallery > ul li { margin: 0 25px 25px 0; border: 4px solid #ffffff; border-radius: 2px; -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.3); box-shadow: 0 0 4px 3px rgba(0,0,0,0.3);}
.ce_gallery ul li:hover { border-color: #d88f30;}
.ce_gallery ul li.col_last { margin-right: 0;}
.ce_gallery ul li a img{ display: block;}

nav.pagination { clear: both; float: none;}
nav.pagination p { display: inline-block; margin-left: 10px;}
nav.pagination > ul { display: inline-block; margin: 0 auto; width: 80%; text-align: center;}
nav.pagination > ul li { display: inline-block; border: none; margin: 0 8px 0 0; }
nav.pagination > ul li a, nav.pagination > ul li strong {  text-decoration: none; font-weight: bold; color: #333333;
 padding: 5px 10px; border: 2px solid #ffffff; border-radius: 2px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.3); 
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.3);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c9c9c9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */}
nav.pagination > ul li strong.active { border-color: #d88f30; color: #d88f30; cursor: default; }
nav.pagination > ul li a:hover { color: #d88f30;}
nav.pagination > ul li a.previous { text-indent: -907em !important; line-height: 0; }
nav.pagination > ul li a.previous:after { content: '➞'; text-indent: 0; display: inline-block; line-height: 1em; }

.fixed { position: fixed; top:0; width: 100%; z-index: 400; -webkit-box-shadow: 0 5px 7px 1px rgba(0,0,0,0.4); box-shadow: 0 5px 7px 1px rgba(0,0,0,0.4);}
#container p { text-align: justify;}

/**** Formulare ****/


/* Login */
.mod_login, .new_account { width: 49%; float: left;}
.new_account a.button { text-decoration: none;}

/* Personal Data */
.mod_personalData .widget { width: 49%; display: inline-block; position: relative; z-index: 10;}
.mod_personalData .widget select#ctrl_gender { width: 90%;}
/* Contact */
.ce_form .left { width: 50%; }

#container form { margin-top: 15px;}
#container form label { display: block;}
#container form input, #container form select, #container form textarea {background: #f9f9f9; border: 1px solid #666; border-radius: 3px; width: 90%; height: 45px; display: inline-block; 
	color: #495b69; margin: 0 0 15px 4.5%; padding-left: 15px; font-size: 1em;}
#container form input::-moz-placeholder, #container form textarea::-moz-placeholder { font-size: 1em; color: #333; opacity: 1;}
#container form input:-moz-placeholder, #container form textarea:-moz-placeholder {font-size: 1em; color: #333; opacity: 1;}
#container form input::-webkit-input-placeholder, #container form textarea::-webkit-input-placeholder { font-size: 1em; color: #333; opacity: 1;}
#container form input:-ms-input-placeholder, #container form textarea:-ms-input-placeholder { font-size: 1em; color: #333; opacity: 1;}
#container form select { font-size: 1em; color: #333;}
#container form textarea { height: 200px; width: 95%; font: 300 normal 1.1em 'PT Sans Narrow', sans-serif; padding: 15px;}

form fieldset#ctrl_10 > span, form fieldset#ctrl_32 > span { width: 200px; display: inline-block;}
#container form p.error{ display: none;}
#container form input.error, form textarea.error, form select.error{ background: #ff6262;}
#container form input:hover, #container form input:focus, #container form textarea:hover, #container form textarea:focus, #container form select:hover, 
		#container form select:focus { background: #e8e8e8;}
#container form fieldset#ctrl_15 { clear: left;}
#container form fieldset { border: none;}
#container form fieldset legend { margin: 20px 0 10px 0; font-size: 1em; color: #143441;}

#container form input[type="checkbox"], #container form input[type="radio"] { display: none;}
#container form input[type="checkbox"] + label, #container form input[type="radio"] + label { display: inline-block; cursor: pointer; position: relative; padding: 4px 0 0 40px; 
		margin-bottom: 15px; }

#container form input[type="checkbox"] + label:before,
#container form input[type="radio"] + label:before { content: ''; background: #ffffff; border: 1px solid #999999; display: inline-block; width: 30px; height: 30px; 
	position: absolute; left: 0; top: 0; }

#container form input[type="radio"] + label:before { border-radius: 50%;}
#container form input[type="checkbox"] + label:before { border-radius: 3px;}

#container form input[type="checkbox"]:checked + label:before { content: '\2713'; text-shadow: 1px 1px  3px #000000; font-size: 1.3em; color: #94aab4; 
	text-align: center; line-height: 1.3em;}
#container form input[type="radio"]:checked + label:before { content: '\2022'; color: #94aab4; text-shadow: 1px 1px  3px #000000; font-size: 4em; line-height: .48em; text-align: center;}
#container form input#ctrl_7, #container form input#ctrl_13 { width: 70%; float: left;}
#container form input#ctrl_5, #container form input#ctrl_11 { width: 15%; float: left;}

#container form .widget-submit { text-align: center;}
#container form button.submit, a.button { border: 2px solid #999999; border-radius: 3px; cursor: pointer; padding: 10px 35px; display: inline-block; outline: none; position: relative; 
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: none; color: #333; text-transform: uppercase;
	font: 300 normal 1em 'Asap Condensed', sans-serif; letter-spacing: 2px;}
#container form button.submit:after, a.button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;	transition: all 0.3s;
	width: 100%; height: 0%; top: 0; left: 0; background: #000000;}
#container form button.submit:hover, #container form button.submit:active, a.button:hover { color: #fff; }
#container form button.submit:hover:after, #container form button.submit:active:after, a.button:hover:after { height: 100%;}

/* Footer */
footer { background: #333333; height: 40px;}
footer .inside { max-width: 960px; margin: 0 auto; color: #ffffff;}
footer .copy {text-align: center; font: 300 normal .8em/2.6 'PT Sans Narrow',sans-serif;}


/* Responsive */
@media only screen and (max-width: 786px) {

	#hamburger{	box-sizing: border-box;	display: block;	width: 50px; height: 45px; position: fixed; top: 10px; left: 10px;	z-index: 200; text-indent: -907em; 
	background: #333; border-radius: 3px; cursor: pointer;}
	#hamburger:before, #hamburger:after, #hamburger span{ background: #fff; content: ''; display: block; width: 30px; height: 5px; position: absolute; left: 10px;}
	#hamburger:before{ top: 10px;}
	#hamburger span{ top: 20px;}
	#hamburger:after{ top: 30px;}

	/* Hamburger animation */
	#hamburger:before,
	#hamburger:after,
	#hamburger span{ -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity;
		transition-property: transform, top, bottom, left, opacity;}
	
	.mobile_menu_trigger.active #hamburger:before, .mobile_menu_trigger.active #hamburger:after{ top: 20px;}
	.mobile_menu_trigger.active #hamburger span{ left: -50px; opacity: 0;}
	.mobile_menu_trigger.active #hamburger:before{ transform: rotate( 45deg );}
	.mobile_menu_trigger.active #hamburger:after{ transform: rotate( -45deg );}

	.custom nav { display: none;}
	header { height: auto; background: #ffffff;}
	header .mod_search { float: none; clear: both; padding: 10px 0 20px 15px; width: 100%;}
	header .mod_search input { width: 80%;}
	header .mod_search .widget-text, header .mod_search .widget-submit { float: none;}
	header a.logo { padding: 8px 0 10px 10px;}

	#main { float: none; width: auto; margin: 2%;}
	.left50 { width: 100%;}
	form input { width: 98%;}
	#container form fieldset > span { width: 100%;}

	.mobile_menu .inner {  background: #ffffff; overflow: auto !important;}
	.mobile_menu .logo { background: url(../../gfx/logo_small.png) no-repeat left top; width: 80px; height: 80px; text-indent: -9007em; display: block; margin: 15px auto;}
	.mobile_menu #mnavi ul { margin: 0; font-size: .9em;}
	#mnavi ul li a:link, #mnavi ul li strong { width: 100%; display: block; text-decoration: none; font: 300 normal 1.2em/2 'Barlow Condensed', sans-serif; padding: 6px 20px;}
	#mnavi { height: auto;}
	#mnavi ul li { border-top: 1px dashed #999999;}
	#mnavi ul li.last { border-bottom: 1px dashed #999999;}
	#mnavi ul li strong.active { border-top: 0 none; background: #91aab4; color: #ffffff; -webkit-box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,0.2); 
    box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,0.2); cursor: default;}	
	#mnavi ul li.submenu { position: relative;}
	#mnavi ul li.submenu:after { content: '↓'; position: absolute; top: 5px; right: 25px; color: #666666; font-size: 1.5em; -webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all .4s ease-in-out;}
	#mnavi ul li.submenu:hover:after { color: #ffffff;}
	
	#mnavi ul li ul { -webkit-box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,0.2); box-shadow:inset 0px 0px 6px 3px rgba(0,0,0,0.4);}
	#mnavi ul li ul li { list-style-type: none;}
	#mnavi ul li ul li a:link { padding-left: 50px;}
	#mnavi ul li ul li a:hover { -webkit-box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,0.2); box-shadow:inset 0px 0px 6px 3px rgba(0,0,0,0.4);}
}

@media only screen and (max-width: 430px) {
	h1 { font-size: 1.1em;}
	h2 { font-size: 1em;}
	h3 { font-size: .9em;}
	p { font-size: .9em;}
	#container form select { width: 90%;}
	header .inside { padding-top: 1px;}
	header a.logo { margin: 15px auto; padding: 0 none; float: none; text-align: center; display: block;}
	header .name { float: none;}
}
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 4px 4px 0px 0px;

  /* Image border */
  border: 10px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../files/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 49%;
  left: 0;
  float: left;
  background: url(../../files/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 49%;
  right: 0;
  float: right;
  background: url(../../files/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ffffff;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  color: #333333;
}

.lb-data .lb-caption {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  padding: 0 0 5px 8px;
  display: inline-block;
}

.lb-data .lb-caption a {
  color: #333333;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding: 0 0 1em 8px;
  font-size: 14px;
  color: #333333;
}

.lb-data .lb-closeContainer {
  margin-right: 6px;
}
.lb-data .lb-close { 
  position: relative; 
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  transition: transform 1s;
  }
.lb-data .lb-close:before {
    content: '';
    height: 30px;
    border-left: 4px solid #333;
    position: absolute;
    transform: rotate(45deg);
    
}

.lb-data .lb-close:after {
    content: '';
    height: 30px;
    border-left: 4px solid #333;
    position: absolute;
    transform: rotate(-45deg);
    
}

.lb-date .lb-close:before { transform: rotate(45deg);}
.lb-date .lb-close:after { transform: rotate(-45deg);}

.lb-data .lb-close:hover {
  cursor: pointer;
  transform: rotate(-135deg);
  background: transparent;
}