/* ============================ Reset css rules ========================== */

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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
  display: table;
}

/* ============================ Basic Classes ============================ */

.last{ margin-right: 0px !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.clear{ clear: both; }

.row { width: 100%; display: block; position: relative; clear: both; =zoom: 1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.row-main { width: 980px; margin: 0 auto; padding: 0 10px; }

.col { position: relative; float: left; left: 100%; }

.col-1-2 { width: 490px; margin-left: -980px; }
.col-2-2 { width: 490px; margin-left: -490px; }

/* ============================ basic style ============================ */

body { background: #fff; font-family: 'OpenSansRegular', sans-serif; font-size: 14px; letter-spacing: 0; text-align: left; color: #152f4e; line-height: 1.3; }

.header { padding: 25px 0; position: fixed; width: 100%; height: 40px; top: 0; z-index: 100; }
.header.dark { background: #152f4e; }

.content {  }

.footer { padding: 50px 0; background: url('../img/bg-footer.jpg') repeat scroll 50% 0 transparent; font-size: 15px; color: #fff; text-align: center; min-width: 1000px; }

.logo h1 { margin: 5px 0 0 0; float: left; }
.logo h1 img { display: block; }
.cz .logo h1 { margin-right: 120px; }
.en .logo h1 { margin-right: 60px; }
.de .logo h1 { margin-right: 70px; }

.main-menu { float: left; margin-top: 7px; }
.main-menu ul { margin: 0; }
.main-menu ul li { background: none; float: left; margin: 0; padding: 0; }
.main-menu ul li a { text-transform: uppercase; padding: 6px 10px; font-size: 18px; font-family: 'OpenSansSemibold', sans-serif; text-decoration: none; color: #fff; margin: 0 5px; }
.main-menu ul li a.active, .main-menu ul li a:hover { background: #fff; color: #152f4e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.languages { float: right; }
.languages a { display: block; float: left; text-transform: uppercase; font-family: 'OpenSansSemibold', sans-serif; font-size: 15px; width: 37px; height: 38px; line-height: 38px; background: url('../img/bg-languages.png') no-repeat scroll 0 0 transparent; text-align: center; color: #fff; text-decoration: none; }
.languages a.active, .languages a:hover { background-position: 0 -38px; color: #152f4e; }
.languages a + a { margin-left: 10px; }

.section { padding: 85px 0 50px 0; }
.section.slider { padding: 0; }
.section.contact { padding-bottom: 0; }
.pattern { background: url('../img/bg-blue-light-pattern.jpg') repeat scroll 50% 0 transparent; min-width: 1000px; }

.slider .slider-text { width: 334px; height: 334px; text-align: center; color: #fff; font-size: 20px; text-shadow: 2px 1px 1px #172331; padding: 50px; text-align: center; top: 15%; background: url('../img/bg-slider-text.png') no-repeat scroll 0 0 transparent; margin: 0 auto; position: absolute; z-index: 2; left: 50%; margin-left: -217px; }
.slider .slider-text img { display: inline-block; margin-bottom: 30px; }
.caroufredsel_wrapper { min-width: 1000px; }
.list-carousel { position: relative; }
.list-carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list-carousel li { width: 100%; height: 100%; min-width: 1000px; overflow: hidden; position: relative; padding: 0; display: inline-block; text-align: center; float: left; margin: 0; background: none; }
.list-carousel.responsive { width: auto; margin-left: 0; }
.list-carousel .pages { position: absolute; bottom: 20px; width: 100%; z-index: 10; }
.list-carousel .pages .pager { display: table; margin: 0 auto 20px auto; }
.list-carousel .pages .pager a { display: block; float: left; width: 27px; height: 27px; background: url('../img/bg-page.png') no-repeat scroll 0 0 transparent; text-indent: -9999px; }
.list-carousel .pages .pager a + a { margin-left: 13px; }
.list-carousel .pages .pager a:hover, .list-carousel .pages .pager a.selected { background-position: 0 -27px; }
.list-carousel .scroll-ico { display: table; margin: 0 auto; width: 78px; height: 78px; background: url('../img/bg-scroll.png') no-repeat scroll 0 0 transparent; }

.annotation { font-size: 17px; text-align: center; }
.annotation h2 { font-size: 30px; }
.annotation .annot { padding: 70px 0; }
.annotation .annot:before, .annotation .annot:after { display: block; position: absolute; left: 0; content: " "; background: url('../img/bg-line-spiral.png') no-repeat scroll 50% 0 transparent; width: 100%; height: 16px; }
.annotation .annot:before { top: 0; }
.annotation .annot:after { bottom: 0; }

.offer { text-align: center; }
.offer ul { display: table; margin: 60px auto; }
.offer ul li:first-child { margin: 0; padding: 0; }
.offer ul li { background: none; position: relative; float: left; color: #152f4e; font-family: 'OpenSansSemibold', sans-serif; margin: 0 0 0 48px; padding: 0 0 0 49px; text-transform: uppercase; font-size: 20px; }
.offer ul li:first-child:before { display: none; }
.offer ul li:before { display: block; width: 1px; height: 60px; background: #d0d5dc; position: absolute; top: 55px; content: " "; left: 0; }
.offer ul li a { margin-bottom: 25px; color: #152f4e; display: block; text-decoration: none; width: 172px; }
.offer ul li a .offer-img { background: url('../img/bg-offer-items.png') no-repeat scroll 0 0 transparent; width: 172px; height: 172px; margin-bottom: 25px; }
.offer ul li a.cloths .offer-img { background-position: 0 0; }
.offer ul li a.dosing-systems .offer-img { background-position: -172px 0; }
.offer ul li a.hygiene .offer-img { background-position: -344px 0; }
.offer ul li a.health .offer-img { background-position: -516px 0; }
.offer ul li a.cloths:hover .offer-img { background-position: 0 -172px; }
.offer ul li a.dosing-systems:hover .offer-img { background-position: -172px -172px; }
.offer ul li a.hygiene:hover .offer-img { background-position: -344px -172px; }
.offer ul li a.health:hover .offer-img { background-position: -516px -172px; }

.trademarks .trademark-item { padding: 60px 0 40px 0; display: inline-block; }
.trademarks .trademark-item + .trademark-item { border-top: 1px solid #247eb2; }
.trademarks .trademark-item .item-img { width: 215px; text-align: center; float: left; }
.trademarks .trademark-item .item-img img { max-width: 175px; }
.trademarks .trademark-item .item-text { float: left; width: 635px; }
.trademarks .trademark-item .item-text p { font-size: 15px; font-family: 'OpenSansBold', sans-serif; margin-bottom: 0; }
.trademarks .trademark-item .item-link { width: 130px; float: left; }
.trademarks .trademark-item .item-link a { float: right; padding-top: 20px; display: block; width: 76px; height: 54px; background: url('../img/btn-round.png') no-repeat scroll 0 0 transparent; text-align: center; font-size: 15px; text-transform: uppercase; color: #fff; text-decoration: none; font-family: 'OpenSansSemibold', sans-serif; }
.trademarks .trademark-item .item-link a:hover { background-position: 0 -74px; }

.contact { font-size: 15px; font-family: 'OpenSansLight', sans-serif; text-align: left; }
.contact h2 { margin-bottom: 60px; }
.contact h3 { margin-top: 0; }
.contact .address { padding-left: 85px; }
.contact .address .btn { margin-top: 35px; }
.contact .map { height: 400px; width: 100%; position: relative; margin: 80px 0 0 0; min-width: 1000px; }
.contact .gmap { height: 400px; width: 100%; min-width: 1000px; }

/* ======================== Buttons styling ======================= */

a.btn { display: inline-block; position: relative; height: 70px; line-height: 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 0 60px 0 30px; font-size: 15px; }
a.btn:after { display: block; position: absolute; right: 30px; top: 29px; content: " "; width: 9px; height: 11px; background: url('../img/btn-arrow.png') no-repeat scroll 0 0 transparent; }
.blue { background: #152f4e; }
.blue:hover { background: #247eb2; }

.msg { padding: 10px 15px 10px 40px; margin-bottom: 20px; border-width: 1px; border-style: solid; font-weight: bold; }
.success { background: url("../img/msg-success.png") scroll 10px 50% no-repeat #E4FFCA; border-color: #4f8a10; color: #4f8a10; }
.error { background: url("../img/msg-error.png") scroll 10px 50% no-repeat #FFCFD1; border-color: #d5121d; color: #d5121d; }
.warning { background: url("../img/msg-warning.png") scroll 10px 50% no-repeat #feefb3; border-color: #9f6000; color: #9f6000; }
.info { background: url("../img/msg-info.png") scroll 10px 50% no-repeat #bde5f8; border-color: #00529b; color: #00529b; }

.copyright { margin-bottom: 20px; }  
.developed-by { width: 100px; display: block; margin: 0 auto; }
a.creator { width: 87px; margin-top: 10px; height: 0; padding: 18px 0 20px 0; display: inline-block; background: url("../img/sherwood.png") no-repeat scroll 0 0 transparent; text-indent: -9999px; }
a.creator:hover { background-position: 0 -38px; }