/*Cascading Style Sheets, Author: stronylodz.com, ngside.com, Version: CSS-A-Rev-11-21-β, All rights reserved*/

/*
img: #464646 #777777
font: #222222 #d9d9d9 
color: #777777
border: #494949 #dddddd
background: #2b2b2b #464646
*/

.font10 { font-size: 10px;} .font11 { font-size: 11px;} .font12 { font-size: 12px;} .font13 { font-size: 13px;} .font14 { font-size: 14px;} .font15 { font-size: 15px;} .font16 { font-size: 16px;} .font17 { font-size: 17px;} .font18 { font-size: 18px;} .font19 { font-size: 19px;} .font20 { font-size: 20px;} .font21 { font-size: 21px;} .font22 { font-size: 22px;} .font23 { font-size: 23px;} .font24 { font-size: 24px;} .font25 { font-size: 25px;} .font26 { font-size: 26px;} .font27 { font-size: 27px;} .font28 { font-size: 28px;} .font29 { font-size: 29px;} .font30 { font-size: 30px;} .font31 { font-size: 31px;} .font32 { font-size: 32px;} .font33 { font-size: 33px;} .font34 { font-size: 34px;} .font35 { font-size: 35px;} .font36 { font-size: 36px;} .font37 { font-size: 37px;} .font38 { font-size: 38px;} .font39 { font-size: 39px;} .font40 { font-size: 40px;} .font42 { font-size: 42px;} .font44 { font-size: 44px;} .font46 { font-size: 46px;} .font48 { font-size: 48px;} .font50 { font-size: 50px;} .font55 { font-size: 55px;} .font60 { font-size: 60px;} .font65 { font-size: 65px;} .font70 { font-size: 70px;} strong { font-weight: bold; } em { font-style: italic; } img { border: 0px; } p { display: block; padding: 0; margin: 0; } .cf { clear:both; } body { margin: 0; padding: 0; } div, article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section { display: block; margin: 0; padding: 0; }

.size-small { max-width: 1100px; }
.size { max-width: 1300px; }
.size-big { max-width: 1500px; }

/*font, color, layout*/
html { background-color: #ffffff; }
body { line-height: 1.7em; font-size: 14px; text-align: left; color: #222222; }
h1 { display: block; line-height: 35px; margin: 0 0 15px 0; padding: 0; font-size: 30px; color: #222222; letter-spacing: 1px; text-transform: none; }
.h1 { display: block; line-height: 35px; margin: 0 0 15px 0; padding: 0; font-size: 30px; color: #222222; letter-spacing: 1px; text-transform: none; }
.h { display: block; line-height: 35px; margin: 0 0 15px 0; padding: 0; font-size: 30px; color: #222222; letter-spacing: 1px; text-transform: none; } /*?*/
	@media only screen and (max-width:499px) {
	h1, .h1, .h { line-height: 30px; font-size: 25px; }
	}
h1.h1-title { line-height: 25px; font-size: 25px; }
h1.h1-product-name { line-height: 25px; font-size: 25px; }
	@media only screen and (max-width:499px) {
	h1.h1-title, h1.h1-product-name { }
	}

h2 { display: block; line-height: 25px; margin: 0 0 15px 0; padding: 0; font-size: 24px; color: #222222; letter-spacing: 1px; text-align: left; }
h3 { display: block; line-height: 18px; margin: 0 0 10px 0; padding: 0; font-size: 18px; color: #222222; letter-spacing: 1px; text-align: left; }
.h-small { display: block; line-height: 20px; margin: 0 0 5px 0; padding: 0; font-size: 17px; color: #777777; letter-spacing: 2px; text-transform: uppercase; }

.h-footer { display: inline-block; line-height: 20px; margin: 0 0 10px 0; padding: 0; font-size: 20px; color: #ffffff; letter-spacing: 1px; text-transform: none; }
a { color: #222222; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #777777; text-decoration: underline; }
input, textarea { font-size: 15px; color: #222222; text-align: left; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #494949; background-color: #ffffff; }
.star { font-size: 16px; color: #ff0000; }



/*section-nav*/
/*font*/
.section-header a.menu-button { font-size: 17px; letter-spacing: 1px; text-transform: none; }
.section-header a.submenu-button { font-size: 15px; letter-spacing: 1px; text-transform: none; }

/*color*/
.section-header { background: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); } 
.section-header .content { color: #222222; }
.section-header a.menu-button { color: #222222; } 
.section-header a.menu-button:hover, .section-header a.menu-button.active { color: #777777; } 

.section-header ul li ul.menu-list { border-width: 0 1px 1px 1px; border-style: solid; border-color: #eaeaea; background-color: #ffffff; }
.section-header ul li ul li ul.menu-list { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #eaeaea; background-color: #ffffff; }
.section-header a.submenu-button { color: #222222; }
.section-header a.submenu-button:hover, .section-header a.submenu-button.active { color: #777777; }

.section-header a.button-show { background-color: transparent; background-image: url('graphics/button-show-hide.png'); } 
.section-header a.button-show:hover { background-color: transparent; }
.section-header a.button-hide { background-color: transparent; background-image: url('graphics/button-show-hide.png'); } 
.section-header a.button-hide:hover { background-color: transparent; }


.section-header .socialmedia a { border-color: #D9D9D9; background-color: transparent; }
.section-header .socialmedia a:hover { border-color: #828282; background-color: transparent; }
.section-header .socialmedia { float: right; margin: 0 0 0 20px; }
a.button-socialmedia, a.button-socialmedia:hover { display: inline-block; width: 50px; height: 50px; margin: 0; text-decoration: none; }

.section-header .socialmedia { margin: 5px 0 0 0; }
.section-header .socialmedia a { display: inline-block; width: 50px; height: 50px; margin: 0 0 0 20px; padding: 0; text-decoration: none; border-width: 1px; border-style: solid; background-repeat: no-repeat; background-position: top; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.section-header .socialmedia a:hover { text-decoration: none; background-position: bottom; }

a.button-facebook { background: url('graphics/socialmedia-facebook-top.png') no-repeat top; } a.button-facebook:hover { background: url('graphics/socialmedia-facebook-top.png') no-repeat bottom; }
a.button-youtube { background: url('graphics/socialmedia-youtube.png') no-repeat top; } a.button-youtube:hover { background: url('graphics/socialmedia-youtube.png') no-repeat bottom; }
a.button-google { background: url('graphics/socialmedia-google.png') no-repeat top; } a.button-google:hover { background: url('graphics/socialmedia-google.png') no-repeat bottom; }
a.button-blogger { background: url('graphics/socialmedia-blogger.png') no-repeat top; } a.button-blogger:hover { background: url('graphics/socialmedia-blogger.png') no-repeat bottom; }
a.button-instagram { background: url('graphics/socialmedia-instagram.png') no-repeat top; } a.button-instagram:hover { background: url('graphics/socialmedia-instagram.png') no-repeat bottom; }
a.button-linkedin { background: url('graphics/socialmedia-linkedin.png') no-repeat top; } a.button-linkedin:hover { background: url('graphics/socialmedia-linkedin.png') no-repeat bottom; }
@media only screen and (max-width:799px) { .section-header .socialmedia { margin: 0; } }


/*layout*/
.section-header { position: fixed; top: 0; left: 0; right: 0; z-index: 5000; } 
.section-header .content { width: 95%; margin: 0 auto; box-sizing: border-box; } 
	@media only screen and (min-width:800px) { .section-header .content { height: 100px; padding: 15px 0; } } 
	@media only screen and (max-width:799px) { .section-header .content { height: 60px; padding: 5px 0; } } 
	.section-header .logo { float: left; }
	.section-header .logo img { display: block; margin: 0 0 10px 0; max-height: 70px; }
	@media only screen and (min-width:800px) { } 
	@media only screen and (max-width:799px) { .section-header .logo img { height: 40px; margin: 5px 0; } } 
	.section-header .nav { float: right; margin: 15px 0; }
	.section-header ul { display: block; margin: 0; padding: 0; list-style: none; text-align: center; } 
	.section-header ul li { display: inline-block; margin: 0; margin: 0 0 0 20px; position: relative; list-style: none; }
	.section-header ul li:first-child { margin: 0; } 
	.section-header ul li a.menu-button { display: block; line-height: 40px; padding: 0; white-space: nowrap; text-decoration: none; border-width: 0; border-style: solid; } 
	.section-header ul li a.menu-button:hover { text-decoration: none; } 
	.section-header ul li:first-child { } 
	.section-header ul li ul { visibility: hidden; height: auto; margin: 0; padding: 10px 0; position: absolute; left: 0; text-align: left; } 
	.section-header ul li ul li, .section-header ul li ul li:first-child { display: list-item; float: none; margin: 0; padding: 5px 0; border-right: none; } 
	.section-header ul li ul li a.submenu-button { line-height: 20px; float: none; margin: 0; padding: 0 20px; white-space: nowrap; text-decoration: none; border: none; } 
	.section-header ul li ul li a.submenu-button:hover { text-decoration: none; border: none; } 
	.section-header ul li ul li ul { visibility: hidden; height: auto; margin: 0 0 0 2px; padding: 10px 0; position: absolute; left: 0; text-align: left; } 
	.section-header ul li ul li ul li, .section-header ul li ul li ul li:first-child { display: list-item; float: none; margin: 0; padding: 5px 0; border-right: none; } 
	.section-header ul li ul li ul li a.submenu-button { line-height: 20px; float: none; margin: 0; padding: 0 20px; white-space: nowrap; text-decoration: none; border: none; } 
	.section-header ul li ul li ul li a.submenu-button:hover { text-decoration: none; border: none; } 
	.section-header .downarrowclass { position: absolute; bottom: 5px; left: 0px; } .section-header .rightarrowclass { position: absolute; top: 20px; right: 5px; }
	@media only screen and (min-width:800px) { } 
	@media only screen and (max-width:799px) { .section-header .nav { display: none; } } 
	.section-header .menu-buttons { float: right; margin: 5px 0 0 30px; }
	.section-header a.button-show { display: block; width: 40px; height: 40px; text-decoration: none; box-sizing: border-box; background-repeat: no-repeat; background-position: top left; } 
	.section-header a.button-hide { display: block; width: 40px; height: 40px; text-decoration: none; box-sizing: border-box; background-repeat: no-repeat; background-position: bottom left; } 
	@media only screen and (min-width:800px) { .section-header .menu-buttons { display: none; } } 
	@media only screen and (max-width:799px) { } 
	
	/*margin dla fixed*/
	.margin { height: 100px; }
	@media only screen and (max-width:799px) { .margin { height: 60px; } }



/*section-navmob*/
/*font*/
.section-navmob a.navmob-button { font-size: 17px; letter-spacing: 1px; text-transform: none; }
.section-navmob dd dt a.navmob-button { font-size: 15px; letter-spacing: 1px; text-transform: none; }

/*color*/
.section-navmob { } 
.section-navmob .list-navmob { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color: #ffffff; }
.section-navmob .content { color: #222222; background-color: transparent; } 
.section-navmob a.navmob-button { color: #222222; border-color: #dddddd; } 
.section-navmob a.navmob-button:hover, .section-navmob a.navmob-button.active { color: #777777; }
.section-navmob dd dt a.navmob-button { /*background-image: url('graphics/navmob-button.png');*/ }

/*layout*/
.section-navmob { } 
@media only screen and (min-width:800px) { .section-navmob { display: none; } } 
@media only screen and (max-width:799px) { } 
.section-navmob .list-navmob { position: fixed; top: 60px; left: 0; right: 0; overflow: auto; z-index: 4000; } 
.section-navmob .content { width: 95%; margin: 10px auto; }
	.section-navmob a.navmob-button { display: block; line-height: 50px; text-align: center; text-decoration: none; border-width: 1px 0 0 0; border-style: solid; } 
	.section-navmob a.navmob-button.active, .section-navmob a.navmob-button:hover { text-decoration: none; }
	.section-navmob a.navmob-button.first { border-width: 0; } 
	.section-navmob dd dt a { display: block; margin: 0 0 0 10px; padding: 0 0 0 0px; text-decoration: none; background-position: top left; background-repeat: no-repeat; } 
	.section-navmob dd dt a.active, .section-navmob dd dt a:hover { text-decoration: none; background-position: bottom left; } 
	.section-navmob dd dt a.navmob-button { line-height: 40px; }
	.section-navmob dd dd a { display: block; margin: 0 0 0 20px; padding: 0 0 0 0px; text-decoration: none; } 
	.section-navmob dd dd a.active, .section-navmob dd dd a:hover { text-decoration: none; } 
	dl { margin-top: 0; margin-bottom: 0; margin-left: 0; border-bottom: 0; } dt { margin: 0; } dd { margin-bottom: 0; margin-left: 0; } 



/*banner-home*/
/*font*/
.banner-home .slogan { line-height: 2em; font-size: 15px; }

/*color*/
.banner-home .slogan { color: #ffffff; background-color: rgba(10, 10, 10, 0.8); }
.banner-home .slogan h1, .banner-home .slogan h2, .banner-home .slogan h3 { color: #ffffff; }

/*layout*/
.banner-home { }
.banner-home .content { position: relative; height: calc(100vh - 100px); position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	@media only screen and (max-width:799px) { .banner-home .content { height: calc(100vh - 60px); } }
	.banner-home .slogan-wrapper { position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; }
	.banner-home .slogan { max-width: 700px; margin: 0 auto; padding: 50px 30px; text-align: center; }
	.banner-home .slogan h1, .banner-home .slogan h2, .banner-home .slogan h3 { text-align: center; }
	@media only screen and (min-width:700px) { }
	@media only screen and (max-width:699px) {
	.banner-home .slogan { padding: 20px 20px; }
	}



/*banner*/
/*font*/
.banner .slogan { line-height: 2em; font-size: 15px; }
.banner .slogan .h-banner1 { font-size: 30px; letter-spacing: 1px; text-transform: none; }
.banner .slogan .h-banner2 { font-size: 24px; letter-spacing: 1px; text-transform: none; }
a.button-banner, a.button-banner:hover { font-size: 15px; text-transform: none; letter-spacing: 1px; }

/*color*/
.banner { background: #ffffff; }
.banner .slogan { color: #ffffff; background-color: rgba(0, 0, 0, 0.7); }
.banner .slogan.single { color: #ffffff; background-color: #2b2b2b; }
a.button-banner { color: #d9d9d9; border-color: #494949; background-color: transparent; background-image: url('graphics/button-readmore2.png'); }
a.button-banner:hover { color: #ffffff; border-color: #ffffff; background-color: transparent; }

/*layout*/
.banner { margin: 0; }
.banner .content { position: relative; }
	.banner .content .singleImage { display: block; max-width: 100%; margin: 0; }
	.banner ul.bjqs { display: none; overflow: hidden; margin: 0; padding: 0; position: relative; list-style: none; }
	.banner li.bjqs-slide {  display: none; position: absolute; }
	.banner ul.bjqs-controls { margin: 0; padding: 0; list-style: none; z-index: 9999; }
	.banner ul.bjqs-controls.v-centered li a { display: block; width: 40px; height: 40px; position: absolute; z-index: 2000; background: url('graphics/banner-arrow.png') no-repeat; }
	.banner ul.bjqs-controls.v-centered li a:hover { background: /*#777777*/ url('graphics/banner-arrow.png') no-repeat; }
	.banner ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; background-position: right; }
	.banner ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; background-position: left; }
	.banner .slogan-wrapper { }
	.banner .slogan { margin: 0 auto; padding: 30px 30px; text-align: center; box-sizing: border-box; }
	@media only screen and (min-width:1000px) {
	.banner .slogan-wrapper { position: absolute; bottom: 0; left: 0; right: 0; }
	.banner .slogan-wrapper.single { position: absolute; bottom: 0; left: 0; right: 0; }
	.banner .slogan { max-width: 700px; }
	.banner .slogan.single { max-width: 700px; }
	}
	@media only screen and (max-width:999px) {
	.banner .slogan-wrapper { position: absolute; bottom: 0; left: 0; right: 0; }
	.banner .slogan-wrapper.single { position: relative; }
	.banner .slogan { max-width: 700px; padding: 20px 20px; }
	.banner .slogan.single { max-width: 100%; padding: 20px 20px; }
	}
	.banner .slogan .h-banner1 { display: block; line-height: 35px; margin: 0 0 10px 0; padding: 0; }
	.banner .slogan .h-banner2 { display: block; line-height: 25px; margin: 0 0 10px 0; padding: 0; }
	.banner .slogan .banner-txt { }
	@media only screen and (max-width:999px) {
	.banner .slogan { line-height: 1.8em; font-size: 14px; }
	.banner .slogan .h-banner1 { line-height: 30px; font-size: 25px; }
	.banner .slogan .h-banner2 { line-height: 20px; font-size: 19px; }
	}
	@media only screen and (max-width:799px) {
	.banner .slogan { display: none; }
	.banner .slogan.single { display: block; }
	}
	a.button-banner { display: inline-block; line-height: 40px; margin: 20px 0 0 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; }
	a.button-banner:hover { text-decoration: none; background-position: left bottom; }	
	.banner a.banner-link, .banner a.banner-link:hover { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; z-index: 2000; }



/*banner-cropped*/
/*font*/

/*color*/

/*layout*/
.banner-cropped { margin: 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
	.banner-cropped .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.25); }
	.banner-cropped .content { width: 95%; margin: 0 auto; position: relative; }
	.banner-cropped .container { margin-top: -50px; position: absolute; top: 50%; left: 0; }
	.banner-cropped .h1 { display: block; line-height: 60px; margin: 0; padding: 0; font-size: 55px; letter-spacing: 1px; text-transform: none; }
	.banner-cropped .crumbs { line-height: 30px; margin: 10px 0 0 0; }

	.crumbs a.crumb { display: inline-block; line-height: 30px; margin: 0; padding: 0 10px 0 15px; font-size: 18px; text-decoration: none; background-image: url('graphics/crumb.png'); background-repeat: no-repeat; background-position: left center; }
	.crumbs a.crumb:hover { text-decoration: underline; }
	.crumbs a.crumb.first { padding: 0 10px 0 0; background-image: none; }
	.crumbs .crumb-active { display: inline-block; line-height: 30px; margin: 0; padding: 0 10px 0 15px; font-size: 18px; background-image: url('graphics/crumb.png'); background-repeat: no-repeat; background-position: left center; }


	@media only screen and (min-width:1000px) {
	.banner-cropped .content { height: 500px; }
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.banner-cropped .content { height: 400px; }
	}
	@media only screen and (max-width:699px) {
	.banner-cropped .content { height: 300px; }
	}


	


/*main*/
/*font*/
a.button-readmore, a.button-readmore:hover { font-size: 15px; text-transform: none; letter-spacing: 1px; }
a.button-readmore2, a.button-readmore2:hover { font-size: 15px; text-transform: none; letter-spacing: 1px; }
a.button-back, a.button-back:hover { font-size: 15px; text-transform: none; letter-spacing: 1px; }

/*color*/
a.button-readmore { color: #222222; border-color: #464646; background-color: transparent; background-image: url('graphics/button-readmore.png'); }
a.button-readmore:hover { color: #ffffff; border-color: #777777; background-color: #777777; }
a.button-readmore2 { color: #d9d9d9; border-color: #494949; background-color: transparent; background-image: url('graphics/button-readmore2.png'); }
a.button-readmore2:hover { color: #ffffff; border-color: #ffffff; background-color: transparent; }
a.button-back { color: #222222; border-color: #464646; background-color: transparent; background-image: url('graphics/button-back.png'); }
a.button-back:hover { color: #ffffff; border-color: #777777; background-color: #777777; }

/*layout*/
.main { }
	a.button-readmore { display: inline-block; line-height: 40px; margin: 20px 0 0 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; } 
	a.button-readmore:hover { text-decoration: none; background-position: left bottom; }
	a.button-readmore2 { display: inline-block; line-height: 40px; margin: 20px 0 0 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; }
	a.button-readmore2:hover { text-decoration: none; background-position: left bottom; }
	a.button-back { display: inline-block; line-height: 40px; margin: 20px 0 0 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; } 
	a.button-back:hover { text-decoration: none; background-position: left bottom; }



/*section-home*/
/*font*/

/*color*/
.section-home-content-2 a.button-all { color: #222222; border-color: #464646; background-color: transparent; background-image: url('graphics/button-all.png'); }
.section-home-content-2 a.button-all:hover { color: #ffffff; border-color: #777777; background-color: #777777; }

/*layout*/
.section-home { }
.section-home-content { width: 95%; margin: 0 auto; padding: 30px 0 10px; box-sizing: border-box; } /*dla section-home-top i section-home-bottom*/
.section-home-content-2 { position: relative; width: 95%; margin: 0 auto; padding: 30px 0 0; box-sizing: border-box; } /*dla section-products*/
.section-home-content-2 a.button-all { display: inline-block; line-height: 40px; margin: 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; }
.section-home-content-2 a.button-all:hover { text-decoration: none; background-position: left bottom; }
@media only screen and (min-width:700px) {
.section-home-content-2 a.button-all { position: absolute; top: 20px; right: 0; }
}
@media only screen and (max-width:699px) {
.section-home-content-2 a.button-all { margin: 0 0 20px 0; }
}





/*section-home-top*/
/*font*/
.section-home-top .right { line-height: 2em; font-size: 15px; }
.section-home-top .left-bottom { line-height: 2em; font-size: 15px; }

/*color*/
.section-home-top .right { color: #ffffff; background-color: #2b2b2b; }
.section-home-top .right h1, .section-home-top .right h2, .section-home-top .right h3 { color: #ffffff; }

.section-home-top .left-bottom h1, .section-home-top .left-bottom h2, .section-home-top .left-bottom h3 { color: #ffffff; }
.section-home-top .left-bottom { color: #ffffff; background-color: #2b2b2b; }

/*layout*/
.section-home-top { margin: 0 0 40px 0; }
	.section-home-top .left { box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.section-home-top img { max-width: 100%; }
	
	.section-home-top .right-bottom { box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-size: contain; }
	
	.section-home-top .right { box-sizing: border-box; }
	.section-home-top .right .container { }
	
	.section-home-top .left-bottom { box-sizing: border-box; }
	.section-home-top .left-bottom .container { }
	@media only screen and (min-width:1000px) {
	.section-home-top .left { display: table-cell; width: 50%; }
	.section-home-top .right { display: table-cell; float: none; width: 50%; }
	.section-home-top .right .container { padding: 50px 30px; }
	
	.section-home-top .right-bottom { display: table-cell; width: 50%; }
	.section-home-top .left-bottom { display: table-cell; float: none; width: 50%; }
	.section-home-top .left-bottom .container { padding: 50px 30px; }
	
	
	
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.section-home-top .left { display: table-cell; width: 50%; }
	.section-home-top .right { display: table-cell; float: none; width: 50%; }
	.section-home-top .right .container { padding: 50px 30px; }
	}
	@media only screen and (max-width:699px) {
	.section-home-top .left { height: 0; padding: 0 0 100% 0; }
	.section-home-top .right { margin: 0; }
	.section-home-top .right .container { padding: 20px 20px; }
	}



/*section-home-bottom*/
/*font*/

/*color*/

/*layout*/
.section-home-bottom { margin: 0 0 40px 0; }
	.section-home-bottom .left { padding: 0; box-sizing: border-box; }
	.section-home-bottom .center { padding: 0; box-sizing: border-box; }
	.section-home-bottom .right { padding: 0; box-sizing: border-box; }
	.section-home-bottom img { max-width: 100%; }
	@media only screen and (min-width:1000px) {
	.section-home-bottom .left { float: left; width: calc(33.33% - 20px); }
	.section-home-bottom .center { float: left; width: calc(33.33% - 20px); margin: 0 0 0 30px; }
	.section-home-bottom .right { float: left; width: calc(33.33% - 20px); margin: 0 0 0 30px; }
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.section-home-bottom .left { float: left; width: calc(33.33% - 20px); }
	.section-home-bottom .center { float: left; width: calc(33.33% - 20px); margin: 0 0 0 30px; }
	.section-home-bottom .right { float: left; width: calc(33.33% - 20px); margin: 0 0 0 30px; }
	}
	@media only screen and (max-width:699px) {
	.section-home-bottom .left { margin: 0 0 30px 0; }
	.section-home-bottom .center { margin: 0 0 30px 0; }
	.section-home-bottom .right { margin: 0; }
	}



/*section-home-parallax*/
/*font*/
.section-home-parallax .slogan { line-height: 2em; font-size: 15px; }

/*color*/
.section-home-parallax .slogan { color: #ffffff; background-color: rgba(10, 10, 10, 0.8); }
.section-home-parallax .slogan h1, .section-home-parallax .slogan h2, .section-home-parallax .slogan h3 { color: #ffffff; }

/*layout*/
.section-home-parallax { position: relative; height: 700px; }
	.section-home-parallax .slogan-wrapper { position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; }
	.section-home-parallax .slogan { max-width: 700px; margin: 0 auto; padding: 50px 30px; text-align: left; }
	.section-home-parallax .parallaxParent { overflow: hidden; width: 100%; position: absolute; top: auto; left: auto; }
	.section-home-parallax .parallaxParent >* { height: 200%; position: relative; top: -100%; }
	@media only screen and (min-width:700px) {
	.section-home-parallax .parallaxParent { height: 700px; }
	}
	@media only screen and (max-width:699px) {
	.section-home-parallax .parallaxParent { height: 700px; }
	.section-home-parallax .slogan { padding: 20px 20px; }
	}



/*section-products*/
/*font*/

/*color*/

/*layout*/
.section-products { }
.section-products .products-list { margin: 25px 0; }


/*section-subpage*/
/*font*/

/*color*/

/*layout*/
.section-subpage { }
.section-subpage-content { width: 95%; margin: 0 auto; padding: 30px 0 30px; box-sizing: border-box; }



/*section-contact*/
/*font*/
.section-contact .contact-form input.button-send { font-size: 15px; text-transform: none; letter-spacing: 1px; }

/*color*/
.section-contact .contact-form { color: #ffffff; background: #2b2b2b; }
.section-contact .contact-form .positioning .element { background: #2b2b2b; }
.section-contact .contact-form h2 { color: #ffffff; }
.section-contact .contact-form input { color: #ffffff; border-color: #494949; background-color: transparent; }
.section-contact .contact-form textarea { color: #ffffff; border-color: #494949; background-color: transparent; }
.section-contact .contact-form input.button-send { color: #d9d9d9; border-color: #494949; background-color: transparent; background-image: url('graphics/button-send.png'); }
.section-contact .contact-form input.button-send:hover { color: #ffffff; border-color: #ffffff; background-color: transparent; }

/*layout*/
.section-contact { }
.section-contact-content { width: 95%; margin: 0 auto; padding: 30px 0 30px; box-sizing: border-box; }
	.section-contact .contact-data { }
	.section-contact .contact-form { padding: 15px; box-sizing: border-box; }
	.section-contact .contact-form input { display: block; width: 100%; height: 50px; margin: 0 0 5px 0; padding: 0 5px; box-sizing: border-box; border-width: 0 0 2px 0; border-style: solid; }
	.section-contact .contact-form textarea { display: block; width: 100%; height: 150px; margin: 0 0 5px 0; padding: 5px; box-sizing: border-box; border-width: 0 0 2px 0; border-style: solid; }	
	.section-contact .contact-form .positioning { height: 20px; padding: 3px 0; position: relative; }
	.section-contact .contact-form .positioning .element { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /*mask: honeypot*/
	.section-contact .contact-form input.nick { display: block; width: 80%; height: 20px; margin: 0 auto; padding: 0 5px; box-sizing: border-box; } /*honeypot*/
	.section-contact .contact-form input.button-send { display: inline-block; width: auto; height: 42px; margin: 0; padding: 0 10px 0 40px; text-decoration: none; cursor: pointer; outline: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; }
	.section-contact .contact-form input.button-send:hover { text-decoration: none; background-position: left bottom; }
	::-webkit-input-placeholder { font-size: 14px; color: #d9d9d9; font-style: italic; opacity: 1; } :-moz-placeholder { font-size: 14px; color: #d9d9d9; font-style: italic; opacity: 1; } ::-moz-placeholder { font-size: 14px; color: #d9d9d9; font-style: italic; opacity: 1; } :-ms-input-placeholder { font-size: 14px; color: #d9d9d9; font-style: italic; opacity: 1; }
	@media only screen and (min-width:1000px) {
	.section-contact .contact-data { float: left; width: calc(50% - 10px); margin: 0; }	
	.section-contact .contact-form { float: left; width: calc(50% - 10px); margin: 0 0 0 20px; }
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.section-contact .contact-data { margin: 0 0 30px 0; }	
	.section-contact .contact-form { margin: 0; }
	}
	@media only screen and (max-width:699px) {
	.section-contact .contact-data { margin: 0 0 30px 0; }	
	.section-contact .contact-form { margin: 0; }
	}







/*news*/
/*font*/
a.h-button { font-size: 30px; text-transform: none; letter-spacing: 1px; }
a.button-all { font-size: 15px; text-transform: none; letter-spacing: 1px; }

/*color*/
.news { background-color: #ffffff; }
.news .content { color: #222222; background-color: transparent; }
.news a.h-button { color: #222222; }
.news a.h-button:hover { color: #777777; }
.news a.button-all { color: #222222; border-color: #464646; background-color: transparent; background-image: url('graphics/button-all.png'); }
.news a.button-all:hover { color: #ffffff; border-color: #777777; background-color: #777777; }

/*layout*/
.news { }
.news .content { width: 95%; margin: 0 auto; padding: 20px 0 0 0; position: relative; text-align: center; box-sizing: border-box; }
	.news a.h-button { display: inline-block; line-height: 40px; margin: 0 0 20px 0; padding: 0; text-decoration: none; }
	.news a.h-button:hover { text-decoration: none; }
	.news a.button-all { display: inline-block; line-height: 40px; margin: 0; padding: 0 10px 0 40px; text-decoration: none; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: left top; }
	.news a.button-all:hover { text-decoration: none; background-position: left bottom; }
	@media only screen and (min-width:700px) {
	.news a.button-all { position: absolute; top: 20px; right: 0; }
	}
	@media only screen and (max-width:699px) {
	.news a.button-all { margin: 0 0 20px 0; }
	}



/*section-info-home*/
/*font*/
.section-info-home .box h3 { font-size: 15px; }

/*color*/
.section-info-home { background-color: #2b2b2b; }
.section-info-home .content { color: #d9d9d9; background-color: transparent; }
.section-info-home .container { border-color: #494949; }
.section-info-home .box { border-color: #494949; }
.section-info-home .box h3 { color: #ffffff; }

/*layout*/
.section-info-home { padding: 0 1px 0 0; box-sizing: border-box; }
.section-info-home .content { width: 95%; margin: 0 auto; padding: 30px 0 30px 0; box-sizing: border-box; }
	.section-info-home .container { box-sizing: border-box; border-width: 1px 0 0 1px; border-style: solid; }
	.section-info-home .box { float: left; margin: 0; padding: 10px; position: relative; text-align: center; box-sizing: border-box; border-width: 0 1px 1px 0; border-style: solid; }
	.section-info-home .box a.button-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; }
	.section-info-home .box h3 { text-align: center; }
	@media only screen and (min-width:800px) {
	.section-info-home .box { width: 25%; }
	}
	@media only screen and (max-width:799px) {
	.section-info-home .box { width: 50%; }
	}



/*map*/
/*font*/

/*color*/
.map { background: #ffffff; }

/*layout*/
.map { }
.map .content { height: 400px; }



/*section-footer-top*/
/*font*/
.section-footer-top a.menu-footer-button { font-size: 14px; letter-spacing: 1px; text-transform: none; }
.section-footer-top .box-D { font-size: 14px; letter-spacing: 1px; }

/*color*/
.section-footer-top { background-color: #2b2b2b; }
.section-footer-top .content { color: #d9d9d9; border-color: #494949; background-color: transparent; }
.section-footer-top a.menu-footer-button { color: #d9d9d9; background-image: url('graphics/menu-footer-button.png'); }
.section-footer-top a.menu-footer-button:hover, .section-footer-top a.menu-footer-button.active { color: #ffffff; }
.section-footer-top .socialmedia a { border-color: #494949; background-color: transparent; }
.section-footer-top .socialmedia a:hover { border-color: #ffffff; background-color: transparent; }
a.button-facebook { background-image: url('graphics/socialmedia-facebook.png'); background-repeat: no-repeat; background-position: top; } 
a.button-facebook:hover { background-position: bottom; }
a.button-youtube { background-image: url('graphics/socialmedia-youtube.png'); background-repeat: no-repeat; background-position: top; }
a.button-youtube:hover { background-position: bottom; }
a.button-google { background-image: url('graphics/socialmedia-google.png'); background-repeat: no-repeat; background-position: top; }
a.button-google:hover { background-position: bottom; }
a.button-blogger { background-image: url('graphics/socialmedia-blogger.png'); background-repeat: no-repeat; background-position: top; }
a.button-blogger:hover { background-position: bottom; }
a.button-instagram { background-image: url('graphics/socialmedia-instagram.png'); background-repeat: no-repeat; background-position: top; }
a.button-instagram:hover { background-position: bottom; }
a.button-twitter { background-image: url('graphics/socialmedia-twitter.png'); background-repeat: no-repeat; background-position: top; }
a.button-twitter:hover { background-position: bottom; }

/*layout*/
.section-footer-top { }
.section-footer-top .content { width: 95%; margin: 0 auto; padding: 30px 0 30px 0; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; }	
	.section-footer-top .box-A { line-height: 30px; }
		.section-footer-top .box-A .logo { display: inline-block; }
		.section-footer-top .box-A .logo img { display: block; max-width: 100%; margin: 0; }
		.section-footer-top .socialmedia { margin: 10px 0 0 0; }
		.section-footer-top .socialmedia a { display: inline-block; width: 50px; height: 50px; margin: 0 10px 0 0; padding: 0; text-decoration: none; border-width: 1px; border-style: solid; background-repeat: no-repeat; background-position: top; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
		.section-footer-top .socialmedia a:hover { text-decoration: none; background-position: bottom; }
	.section-footer-top .box-B { }
	.section-footer-top .box-C { }
		.section-footer-top .menu-footer { }
		.section-footer-top .menu-footer ul { display: block; margin: 0; padding: 0; list-style: none; }	
		.section-footer-top .menu-footer ul li { display: block; margin: 0; padding: 0; list-style: none; }	
		.section-footer-top a.menu-footer-button { display: block; line-height: 30px; margin: 0; padding: 0 0 0 15px; text-decoration: none; background-repeat: no-repeat; background-position: left top; }
		.section-footer-top a.menu-footer-button:hover { text-decoration: none; background-position: left bottom; }
	.section-footer-top .box-D { line-height: 30px; }
	.section-footer-top .h-footer { display: block; }
	.section-footer-top .cf1 { }
	@media only screen and (min-width:1000px) {
	.section-footer-top .box-A { float: left; width: calc(30% - 15px); text-align: left; }
	.section-footer-top .box-D { float: right; width: calc(20% - 15px); margin: 0 0 0 20px; text-align: right; }
	.section-footer-top .cf1 { display: none; }
	.section-footer-top .box-B { float: left; width: calc(25% - 15px); margin: 0 0 0 20px; text-align: left; }
	.section-footer-top .box-C { float: left; width: calc(25% - 15px); margin: 0 0 0 20px; text-align: left; }	
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.section-footer-top .box-A { float: left; width: calc(50% - 10px); text-align: center; }
	.section-footer-top .box-D { float: left; width: calc(50% - 10px); margin: 0 0 0 20px; text-align: center; }
	.section-footer-top .cf1 { clear: both; }
	.section-footer-top .box-B { float: left; width: calc(50% - 10px); margin: 30px 0 0 0; text-align: center; }
	.section-footer-top .box-C { float: left; width: calc(50% - 10px); margin: 30px 0 0 20px; text-align: center; }
	.section-footer-top a.menu-footer-button { background-image: none; padding: 0; }
	}
	@media only screen and (min-width:500px) and (max-width:699px) {
	.section-footer-top .box-A { text-align: center; }
	.section-footer-top .box-D { margin: 30px 0 0 0; text-align: center; }
	.section-footer-top .cf1 { clear: both; }
	.section-footer-top .box-B { float: left; width: calc(50% - 10px); margin: 30px 0 0 0; text-align: center; }
	.section-footer-top .box-C { float: left; width: calc(50% - 10px); margin: 30px 0 0 20px; text-align: center; }
	.section-footer-top a.menu-footer-button { background-image: none; padding: 0; }
	}
	@media only screen and (max-width:499px) {
	.section-footer-top .box-A { text-align: center; }
	.section-footer-top .box-D { margin: 30px 0 0 0; text-align: center; }
	.section-footer-top .cf1 { clear: both; }
	.section-footer-top .box-B { margin: 30px 0 0 0; text-align: center; }
	.section-footer-top .box-C { margin: 30px 0 0 0; text-align: center; }
	.section-footer-top a.menu-footer-button { background-image: none; padding: 0; }
	}



/*section-footer-bottom*/
/*font*/
.section-footer-bottom { font-size: 13px; }
.section-footer-bottom .copyright { font-size: 12px; }
.section-footer-bottom a.webdesign { font-size: 12px; }

/*color*/
.section-footer-bottom { background-color: #2b2b2b; }
.section-footer-bottom .content { color: #d9d9d9; background-color: transparent; }
.section-footer-bottom .copyright { color: #d9d9d9; }
.section-footer-bottom a.webdesign { color: #d9d9d9; }
/*cookie_info: color*/
.cookie_info { color: #ffffff; background-color: #464646; } 
.cookie_info .cookie_info_button { color: #ffffff; }
.cookie_info .cookie_info_ok { color: #ffffff; }

/*layout*/
.section-footer-bottom { }
.section-footer-bottom .content { width: 95%; margin: 0 auto; padding: 10px 0; text-align: center; box-sizing: border-box; }
	.section-footer-bottom .copyright { display: inline-block; line-height: 30px; margin: 0 10px; }
	.section-footer-bottom a.webdesign, .section-footer-bottom a.webdesign:hover { display: inline-block; line-height: 30px; margin: 0 10px; text-decoration: none; }
	/*cookie_info*/
	.cookie_info { display: block; width: 250px; line-height: 16px; padding: 10px; position: fixed; bottom: 20px; left: 20px; font-weight: 400; font-size: 11px; z-index: 99999; border-radius: 10px; } 
	.cookie_info .cookie_info_button { display: block; height: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0 0 0 30px; font-size: 11px; text-decoration: none; background: url('graphics/cookie-info-button.png') no-repeat left; }
	.cookie_info .cookie_info_ok { display: block; height: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0 0 0 30px; font-size: 11px; text-decoration: none; background: url('graphics/cookie-info-ok.png') no-repeat left; }

a.telefon { display: block; width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; text-decoration: none; z-index: 2000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #464646; background-image: url('graphics/telefon.png'); background-repeat: no-repeat; background-position: center center; } 
a.telefon:hover { text-decoration: none; }
@media only screen and (min-width:700px) { a.telefon { display: none; } }





/*modules*/



/*editor*/
.editor { margin: 0 0 20px 0; padding: 0; }
.editor img { max-width: 100%; }



/*articles*/
/*font*/
.articles .date { font-size: 25px; letter-spacing: 1px; }
.articles a.title { font-size: 20px; text-transform: none; }
.articles .introduction { line-height: 1.7em; font-size: 14px; }

/*color*/
.articles .date { color: #d9d9d9; background: #2b2b2b; }
.articles a.title { color: #222222; } 
.articles a.title:hover { color: #777777; }
.articles .introduction { color: #222222; }
.articles a.button-more { border-color: #464646; background-color: transparent; background-image: url('graphics/button-more.png'); }
.articles a.button-more:hover { border-color: #777777; background-color: #777777; }

/*layout*/
.articles { }
.articles .container { clear: both; }
	.articles .box { position: relative; box-sizing: border-box; text-align: left; }
	.articles .top { min-height: 30px; position: relative; }
	.articles .photo { }
	.articles .photo img { display: block; width: 100%; }
	.articles .date-wrapper { height: 40px; position: absolute; bottom: -10px; left: 0; right: 0; text-align: center; z-index: 100; }
	.articles .date { display: inline-block; line-height: 40px; padding: 0 10px; }
	.articles .bottom { padding: 20px 20px 0 20px; }
	.articles a.title, .article a.title:hover { display: block; line-height: 25px; margin: 0 0 10px 0; text-decoration: none; }
	.articles .introduction { }
	.articles a.button-more { display: inline-block; width: 40px; height: 40px; margin: 10px 0 0 0; padding: 0; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-width: 1px 1px 1px 1px; border-style: solid; background-repeat: no-repeat; background-position: center top; }
	.articles a.button-more:hover { text-decoration: none; background-position: center bottom; }
	@media only screen and (min-width:1000px) {
	.articles .container { margin: 0 0 0 -1px; }
	.articles .box { float: left; width: calc(50% - 1px); margin: 0 0 20px 1px; }
	.articles .cf1 { clear: both; }
	}
	@media only screen and (min-width:800px) and (max-width:999px) {
	.articles .container { margin: 0 0 0 -1px; }
	.articles .box { float: left; width: calc(50% - 1px); margin: 0 0 20px 1px; }
	.articles .cf1 { clear: both; }
	}
	@media only screen and (max-width:799px) {
	.articles .container { }
	.articles .box { width: 100%; margin: 0 0 30px 0; }
	.articles .cf1 { display: none; }
	}



/*article*/
/*font*/
.article .date { font-size: 25px; letter-spacing: 1px; }
.article .introduction { line-height: 1.7em; font-size: 14px; }

/*color*/
.article .date { color: #d9d9d9; background: #2b2b2b; }

/*layout*/
.article { margin: 0 0 20px 0; }
.article .date { display: inline-block; line-height: 40px; margin: 0 0 20px 0; padding: 0 10px; }

.article h1.h1-title { }
.article .introduction { margin: 0 0 20px 0; text-align: left; }
.article .fb { margin: 0 0 20px 0; text-align: left; }

.article .photo-main { }
.article .photo-main img { display: block; width: 100%; }
@media only screen and (min-width:1000px) {
.article .photo-main { float: left; max-width: 31.33%; margin: 0 30px 30px 0; }
}
@media only screen and (min-width:800px) and (max-width:999px) {
.article .photo-main { float: left; max-width: 47.5%; margin: 0 30px 30px 0; }
}
@media only screen and (max-width:799px) {
.article .photo-main { margin: 0 0 30px 0; }
}


.article .table-files .table-file-name a.link { line-height: 20px; font-size: 15px; }
.article .table-files .table-file-name .txt { line-height: 20px; font-size: 13px; }

.article .table-files .table-file { border-top: 1px solid #dddddd; }
.article .table-files .table-file:last-child { border-bottom: 1px solid #dddddd; }
.article .table-files .table-file-name a.link { color: #777777; }
.article .table-files .table-file-name a.link:hover { color: #222222; }
.article .table-files .table-file-name .txt { color: #222222; }

.article .table-files { max-width: 700px; margin: 0 0 20px 0; } 
.article .table-files .table-file { }
.article .table-files .table-file-icon { float: left; width: 50px; padding: 5px 0; box-sizing: border-box; } 
.article .table-files .table-file-name { float: left; width: calc(100% - 70px); margin: 0 0 0 20px; padding: 5px 0; box-sizing: border-box; }
.article .table-files .table-file-name a.link { display: block; text-decoration: none; }
.article .table-files .table-file-name a.link:hover { text-decoration: none; }
.article .table-files .table-file-name .txt { display: block; }


/*article-gallery*/
/*font*/
.article-gallery .photo .alt { line-height: 17px; font-size: 12px; font-style: italic; }

/*color*/
.article-gallery .photo .alt { color: #777777; }

/*layout*/
.article-gallery { margin: 0 0 20px 0; }
.article-gallery .container { }
.article-gallery .photo { margin: 0 0 30px 0; }
.article-gallery .photo img { display: block; width: 100%; }
.article-gallery .photo .alt { display: block; margin: 5px 0 0 0; }
@media only screen and (min-width:1000px) {
.article-gallery .container { margin: 0 0 0 -20px; }
.article-gallery .photo { float: left; width: calc(33.33% - 20px); margin: 0 0 20px 20px; }
.article-gallery .cf1 { clear: both; }
.article-gallery .cf2 { display: none; }
}
@media only screen and (min-width:800px) and (max-width:999px) {
.article-gallery .container { margin: 0 0 0 -20px; }
.article-gallery .photo { float: left; width: calc(50% - 20px); margin: 0 0 20px 20px; }
.article-gallery .cf1 { display: none; }
.article-gallery .cf2 { clear: both; }
}
@media only screen and (max-width:799px) {
.article-gallery .container { }
.article-gallery .photo { margin: 0 0 20px 0; }
.article-gallery .cf1 { display: none; }
.article-gallery .cf2 { display: none; }
}


/*article-movies*/
/*font*/

/*color*/

/*layout*/
.article-movies { margin: 0 0 20px 0; }
.article-movies .box { padding: 0 0 20px 0; }





/*gallery*/
/*font*/
.gallery .photo .alt { line-height: 17px; font-size: 12px; font-style: italic; }

/*color*/
.gallery .photo .alt { color: #777777; }

/*layout*/
.gallery { margin: 0 0 20px 0; }
.gallery .container { }
.gallery .photo { margin: 0 0 30px 0; }
.gallery .photo img { display: block; width: 100%; }
.gallery .photo .alt { display: block; margin: 5px 0 0 0; }
@media only screen and (min-width:1000px) {
.gallery .container { margin: 0 0 0 -20px; }
.gallery .photo { float: left; width: calc(33.33% - 20px); margin: 0 0 20px 20px; }
.gallery .cf1 { clear: both; }
.gallery .cf2 { display: none; }
}
@media only screen and (min-width:800px) and (max-width:999px) {
.gallery .container { margin: 0 0 0 -20px; }
.gallery .photo { float: left; width: calc(50% - 20px); margin: 0 0 20px 20px; }
.gallery .cf1 { display: none; }
.gallery .cf2 { clear: both; }
}
@media only screen and (max-width:799px) {
.gallery .container { }
.gallery .photo { margin: 0 0 20px 0; }
.gallery .cf1 { display: none; }
.gallery .cf2 { display: none; }
}





/*movies*/
/*font*/

/*color*/

/*layout*/
.movies { margin: 0 0 20px 0; }
	.movies .box { padding: 0 0 20px 0; }
	.video-container { position: relative; padding-bottom: 49%; padding-top: 30px; height: 0; overflow: hidden;  }
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }




/*files*/
/*font*/
.files .table-files .table-file-name a.link { line-height: 20px; font-size: 15px; }
.files .table-files .table-file-name .txt { line-height: 20px; font-size: 13px; }

/*color*/
.files .table-files .table-file { border-top: 1px solid #dddddd; }
.files .table-files .table-file:last-child { border-bottom: 1px solid #dddddd; }
.files .table-files .table-file-name a.link { color: #777777; }
.files .table-files .table-file-name a.link:hover { color: #222222; }
.files .table-files .table-file-name .txt { color: #222222; }

/*layout*/
.files { margin: 0 0 20px 0; }
.files .table-files { max-width: 700px; margin: 0 0 20px 0; } 
.files .table-files .table-files-description { margin: 0 0 10px 0; }
.files .table-files .table-file { }
.files .table-files .table-file-icon { float: left; width: 50px; padding: 5px 0; box-sizing: border-box; } 
.files .table-files .table-file-name { float: left; width: calc(100% - 70px); margin: 0 0 0 20px; padding: 5px 0; box-sizing: border-box; }
.files .table-files .table-file-name a.link { display: block; text-decoration: none; }
.files .table-files .table-file-name a.link:hover { text-decoration: none; }
.files .table-files .table-file-name .txt { display: block; }





/*products-list*/
/*font*/
.products-list a.products-list-name { font-size: 16px; text-transform: none; }
.products-list .products-list-category-name { font-weight: 400; font-size: 12px; text-transform: lowercase; }

/*color*/
.products-list a.products-list-name { color: #d9d9d9; background-color: rgba(0, 0, 0, 0.7); }
.products-list a.products-list-name:hover { color: #ffffff; }
.products-list .products-list-box:hover a.products-list-name { color: #ffffff; }

/*layout*/
.products-list { }
	.products-list ul { display: block; margin: 0; padding: 0; list-style: none; }
	.products-list li { display: block; margin: 0; padding: 0; position: relative; list-style: none; }
	.products-list .products-list-box { position: relative; height: 0; padding: 0 0 100% 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.products-list a.products-list-mask, .products-list a.products-list-mask:hover { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; z-index: 100; }
	.products-list a.products-list-name, .products-list a.products-list-name:hover { display: block; line-height: 20px; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 5px; text-align: center; text-decoration: none; z-index: 200; }
	.products-list .products-list-category-name { display: block; line-height: 15px; }
	@media only screen and (min-width:1000px) {
	.products-list ul { margin: 0 0 0 -1px; }
	.products-list li { float: left; width: calc(25% - 1px); margin: 0 0 1px 1px; }
	.products-list .cf1 { clear: both; width: 100%; height: 0px; margin: 0; padding: 0; border: none; } 
	.products-list .cf2 { display: none; } 
	.products-list .cf3 { display: none; } 
	}
	@media only screen and (min-width:700px) and (max-width:999px) {
	.products-list ul { margin: 0 0 0 -1px; }
	.products-list li { float: left; width: calc(33.33% - 1px); margin: 0 0 1px 1px; }
	.products-list .cf1 { display: none; } 
	.products-list .cf2 { clear: both; width: 100%; height: 0px; margin: 0; padding: 0; border: none; } 
	.products-list .cf3 { display: none; }
	}
	@media only screen and (min-width:500px) and (max-width:699px) {
	.products-list ul { margin: 0 0 0 -1px; }
	.products-list li { float: left; width: calc(50% - 1px); margin: 0 0 1px 1px; }
	.products-list .cf1 { display: none; } 
	.products-list .cf2 { display: none; } 
	.products-list .cf3 { clear: both; width: 100%; height: 0px; margin: 0; padding: 0; border: none; } 
	}
	@media only screen and (max-width:499px) {
	.products-list ul { }
	.products-list li { width: 100%; margin: 0 0 1px 0; }
	.products-list .cf1 { display: none; } 
	.products-list .cf2 { display: none; } 
	.products-list .cf3 { display: none; } 
	}



/*product*/
/*font*/
.product-parameters .option { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.product-parameters .table-name { font-size: 14px; } 
.product-parameters .table-value { font-size: 14px; } 
.product-parameters .table-files .table-file-name a.link { font-size: 15px; }
.product-parameters .table-files .table-file-name .txt { font-size: 13px; }
.product-gallery .photo .alt { font-size: 13px; font-style: italic; }

/*color*/
.product-parameters .option { color: #ffffff; background-color: #2b2b2b; }
.product-parameters .table .tr { border-bottom: 1px solid #dddddd; } 
.product-parameters .table .tr:first-child  { border-top: 1px solid #dddddd; } 
.product-parameters .table .table-photo { border-top: 1px solid #dddddd; } 
.product-parameters .table-files .table-file { border-top: 1px solid #dddddd; }
.product-parameters .table-files .table-file:last-child { border-bottom: 1px solid #dddddd; }
.product-parameters .table-files .table-file-name a.link { color: #222222; }
.product-parameters .table-files .table-file-name a.link:hover { color: #777777; }
.product-parameters .table-files .table-file-name .txt { color: #222222; }
.product-gallery .photo .alt { color: #222222; }

/*layout*/
.product { margin: 0 auto; }

	/*product-photos*/
	.product-photos { margin: 0 0 30px 0; } 
		.product-photos .photo { text-align: center; } 
		.product-photos .photo img { max-width: 100%; }
		
	/*product-parameters*/
	.product-parameters { margin: 0 0 30px 0; text-align: center; } 
		.product-parameters .option { display: inline-block; line-height: 25px; margin: 0 0 10px 0; padding: 0 5px; } 
		.product-parameters h1.h1-product-name { text-align: center; } 
		.product-parameters .introduction { margin: 20px 0 20px 0; text-align: center; } 
		.product-parameters .introduction img { display: block; max-width: 100%; } 	
		.product-parameters .fb { margin: 0 0 20px 0; text-align: center; }
		.product-parameters .table-wrapper { width: 100%; max-width: 500px; margin: 0 auto; text-align: center; }
		.product-parameters .table { display: inline-block; width: 100%; margin: 0 0 20px 0; } 
		.product-parameters .table .tr { }
		.product-parameters .table .table-name { float: left; width: 40%; line-height: 30px; padding: 5px; box-sizing: border-box; text-align: left; } 
		.product-parameters .table .table-value { float: left; width: 60%; line-height: 30px; padding: 5px; box-sizing: border-box; text-align: right; }
		.product-parameters .table-files-wrapper { width: 100%; max-width: 500px; margin: 0 auto; text-align: center; }
		.product-parameters .table-files { display: inline-block; width: 100%; margin: 0 0 20px 0; text-align: left; } 
		.product-parameters .table-files h3 { text-align: center; }
		.product-parameters .table-files .table-file { }
		.product-parameters .table-files .table-file-icon { float: left; width: 50px; padding: 5px 0; box-sizing: border-box; } 
		.product-parameters .table-files .table-file-name { float: left; width: calc(100% - 70px); margin: 0 0 0 20px; padding: 5px 0; box-sizing: border-box; }
		.product-parameters .table-files .table-file-name a.link { display: block; line-height: 20px; text-decoration: none; }
		.product-parameters .table-files .table-file-name a.link:hover { text-decoration: none; }
		.product-parameters .table-files .table-file-name .txt { display: block; line-height: 20px; }
	
	/*product-gallery*/
	.product-gallery { } 
		.product-gallery .photo { text-align: center; } 
		.product-gallery .photo img { display: block; max-width: 100%; margin: 0; }
		.product-gallery .photo .alt { line-height: 20px; margin: 0 0 5px 0; text-align: center; }
		.product-gallery .cf1 { }
		@media only screen and (min-width:1000px) { 
		.product-gallery { margin: 0 0 0 -1px; } 
		.product-gallery .photo { float: left; width: calc(50% - 1px); margin: 0 0 1px 1px; } 
		.product-gallery .cf1 { clear: both; } 
		}
		@media only screen and (min-width:700px) and (max-width:999px) { 
		.product-gallery { margin: 0 0 0 -1px; } 
		.product-gallery .photo { float: left; width: calc(50% - 1px); margin: 0 0 1px 1px; } 
		.product-gallery .cf1 { clear: both; } 
		}
		@media only screen and (max-width:699px) { 
		.product-gallery { } 
		.product-gallery .photo { margin: 0 0 1px 0; } 
		.product-gallery .cf1 { display: none; } 
		}
	
	/*product-movies*/
	.product-movies { margin: 20px 0 0 0; } 
		.product-movies .movie { padding: 0 0 20px 0; } 
	
	/*product-description*/
	.product-description { margin: 0 0 20px 0; }



/*contents-list*/
/*font*/
.contents-list h2 { }
.contents-list .box-B { line-height: 2em; font-size: 15px; }

/*color*/

/*layout*/
.contents-list { margin: 40px 0 0 0; }
	.contents-list .contents-list-box { }
	.contents-list .box-A { }
	.contents-list .box-B { }
	
	/*.contents-list .box-C { }*/
	@media only screen and (min-width:1000px) { 
	.contents-list .contents-list-box { margin: 0 0 40px 0; }
	.contents-list .box-A { float: left; width: calc(25% - 10px); }
	.contents-list .box-B { float: left; width: calc(75% - 10px); margin: 0 0 0 20px; }
	}
	@media only screen and (min-width:700px) and (max-width:999px) { 
	.contents-list .contents-list-box { margin: 0 0 40px 0; }
	.contents-list .box-A { margin: 0 0 30px 0; }
	.contents-list .box-B { }
	}
	@media only screen and (max-width:699px) { 
	.contents-list .contents-list-box { margin: 0 0 40px 0; }
	.contents-list .box-A { margin: 0 0 30px 0; }
	.contents-list .box-B { }
	}



/*paging*/
.paging { margin: 20px 0 0 0; }
.paging .prev { display: inline-block; line-height: 20px; margin: 0 3px; padding: 5px; font-weight: 400; font-size: 14px; color: #222222; text-decoration: none; border: 2px solid #222222; background-color: #ffffff; }
.paging .page { display: inline-block; line-height: 20px; margin: 0 3px; padding: 5px; font-weight: 400; font-size: 14px; color: #222222; text-decoration: none; border: 2px solid #222222; background-color: #ffffff; }
.paging .active { display: inline-block; line-height: 20px; margin: 0 3px; padding: 5px; font-weight: 400; font-size: 14px; color: #ffffff; text-decoration: none; border: 2px solid #2BACFC; background-color: #2BACFC; }
.paging .next { display: inline-block; line-height: 20px; margin: 0 3px; padding: 5px; font-weight: 400; font-size: 14px; color: #222222; text-decoration: none; border: 2px solid #222222; background-color: #ffffff; }



/*fancybox*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav,.fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('graphics/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('graphics/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('graphics/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('graphics/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('graphics/fancybox_sprite@2x.png'); background-size: 44px 152px; }
#fancybox-loading div { background-image: url('graphics/fancybox_loading@2x.gif'); background-size: 24px 24px; } 
}