@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
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, font, 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 */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'Open Sans', sans-serif; font-size:14px; color: #333; width:100%; overflow-x: hidden; font-weight: 400; background: #fff;}
img {border:0;}
a:link, a:visited, a:active {font-family: 'Open Sans', sans-serif; font-size:14px; color:#015d2c; text-decoration:none; font-weight: 400;}
a:hover {text-decoration:underline;}
.left {float:left;}
.right {float:right;}

/*bottom fix*/
html {height: 100%;}
body {position: relative;
  min-height: 100%;
  margin: 0;}

/* ----- general ----- */
.topp {width: 100%; height: 160px; margin-bottom: 0px;}
.toppin {width: 1200px; height: 160px; margin: 0 auto; position: relative;}
.topp .logo {position: absolute; top: 20px; left: 50%; margin-left: -103px; z-index: 5;}
.topp .topmenu {position: absolute; top: 89px; right: 120px; left: 0px; z-index: 3; text-align: left;}
.topp .topmenu > ul {font-size: 0;}
.topp .topmenu > ul li {display: inline-block; position: relative; padding: 24px 15px 24px 15px;}
.topp .topmenu > ul li:first-child {}
.topp .topmenu > ul li:last-child {}
.topp .topmenu > ul li a {font-size: 14px; color: #fff; font-weight: normal; font-weight: bold}
.topp .topmenu > ul li a:hover, .topp .topmenu > ul li.active a {}
.topp .topmenu > ul > li img {display: none;}
.topp .topmenu > ul > li ul {display: none; position: absolute; top: 30px; left: 50%; padding: 15px; margin-left: -110px; width: 190px; background: rgba(48,2,2,0.9);}
.topp .topmenu > ul > li:hover ul {display: block;}
.topp .topmenu > ul > li > ul::before {content: ''; position: absolute; left: 50%; margin-left: -8px; top: -16px; border: 8px solid transparent; border-bottom: 8px solid rgba(48,2,2,0.9);}
.topp .topmenu > ul > li > ul li {padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: 1px solid #7B7B7B; display: block; height: 21px; text-align: left;}
.topp .topmenu > ul > li > ul li a {display: block; color: #fff; font-size: 12px;line-height: 21px;}

.topp .socials {position: absolute; top: 65px; right: 15px; z-index: 5;}
.topp .socials .social {display: inline-block; background: #015d2c; margin: 0 0 0 10px; height: 20px; width: 20px; padding: 5px; text-align:center;}
.topp .socials .social i {font-size: 20px; line-height: 20px; color: #fff;}
.topp .socials .social a {color: #fff;}

.moduletable_lang {position:absolute; top:41px; right:15px;}
.moduletable_lang h3 {font-weight: normal; display: inline-block; margin-right:6px;}
.moduletable_lang .mod-languages_lang {display: inline-block;}
.moduletable_lang li {display: inline-block; text-align: center; padding: 3px 6px;}
.moduletable_lang li.lang-active {display: inline-block; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.5); box-shadow: 0 3px 4px 1px rgba(0,0,0,0.5);}
.moduletable_lang li a {font-size:14px; color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,0.5);}
.moduletable_lang li.lang-active a {color: #015d2c; text-shadow: 0 3px 4px rgba(0,0,0,0.0);}

.moduletable_price {position:absolute; top:5px; left:15px; z-index: 6; background: #fff;}
.moduletable_price a {font-size: 24px;}

.components {width: 1200px; margin: 20px auto 20px auto; font-size:0; vertical-align: top; padding: 0 15px; box-sizing: border-box;}
.components h1 {display:none;}
.components h2 {font-size: 36px; color: #333; display: block; padding: 10px 0 30px 0; font-weight: 300; line-height: 100%; text-align: center;}
.theone {font-size:14px; line-height: 22px;}
.theone p {margin-bottom: 20px;}
.theone img {max-width: 100%; height: auto !important;}
.theone ul {margin-bottom: 20px;}
.theone ul li {margin-left: 20px; list-style: disc;}
.theone .sigProContainer li {margin-left: 0px; list-style: none;}
.withleft {vertical-align: center; overflow: hidden;}
.withleft .cleft {float: left; width: 260px; text-align: left; font-size:14px;}
.withleft .cright {margin-left: 280px; font-size:14px; line-height: 22px;}
.withleft .cright p {margin-bottom: 20px;}
.withleft .cright img {max-width: 100%; height: auto !important;}

.bottomon {width: 100%; height: 84px; clear: both;}
.bottom {position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0; width:100%; height: 84px; background: #015d2c;}
.bottomin {position: relative; margin: 0 auto; height: 84px; width: 1200px; font-size: 0px; color: #fff; line-height: 22px; box-sizing: border-box; padding: 0 15px;}
.bottomin a {color: #fff;}
.bottomin .b1 {font-size: 14px; position: absolute; top: 32px; left: 15px;}
.bottomin .b2 {font-size: 14px; position: absolute; top: 32px; right: 15px;}

.mtitle {position: relative; overflow: hidden;}
.mtitleimg {background-image: url('/images/tmpl/prodottiok.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; bottom: 0; left: 0; height: 100%; width: 100%; transition: 0.0s ease;}
.mtitlein {width: 1200px; margin: 0 auto 0 auto; padding: 250px 0 0 0; overflow: hidden; position: relative; z-index: 2;}
.mtitlein h1 {font-size: 50px; color: #fff; display: block; padding: 20px 15px 15px 15px; box-sizing: border-box; font-weight: 700; line-height: 100%; text-align: left; text-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

/* -------------------- PAGES -------------------- */

.moduletable_slide {margin-bottom:40px;}
.slide-desc-bg-default {text-align: center; background: none;}
.slide-desc-text-default .slide-title {text-align: center; font-size: 40px; color: #fff; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; text-shadow: 0px 0px 15px #333333;}



.rsform_cont {}
.rsform_cont h2 {display: none;}
.rsform-block-ftitle {font-size: 14px; font-weight: bold; }
.formResponsive .formHorizontal .formControlLabel {display: none;}
.formResponsive .formHorizontal .formControls {margin-left: 0px;}
.formResponsive .formHorizontal p.formDescription, .formResponsive input[type="text"] {margin-bottom: 0px;}
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {background: #063;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 12px;}
.formResponsive .formHorizontal .formValidation {display: block;}
.formResponsive .formError {margin: 0; height: auto; display: block;}


/* phome */
.phome .mtitle {display: none;}

/* pcont */
.pcont {}
.pcont table {}
.pcont table td {vertical-align: top;}
.pcont .formResponsive {margin: 0 0 0 0;}
.item-pagepcont {box-sizing: border-box; padding: 0 15px;}

.formResponsive select, .formResponsive input[type="file"] {
height: 18px;
line-height: 18px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 210px;
}

.controls {text-align: center; margin: 0 0 40px 0;}
.controls button {border: 0; background: #063; color: #fff; font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight: bold; display: inline-block; margin: 0 7px 14px 7px; padding: 7px 10px;}
.controls button.mixitup-control-active {background: #fff; color: #063;}
.mix {display: inline-block; width:25%; vertical-align: top; font-size: 14px; margin-bottom: 40px; position: relative; padding:15px; box-sizing: border-box;}
.mix img {width: 100%; height: auto;}
.mix span {color: #063; font-size: 20px; text-transform: uppercase; font-weight: bold; display: block; text-align: center;}


.moduletable_width {width: 1200px; margin: 20px auto; padding: 0 15px; box-sizing: border-box;}
.moduletable_width p {margin-bottom: 10px;}
.moduletable_width h3 {font-weight: normal; font-size: 24px;}
.moduletable_width ul {list-style-type: disc; margin-bottom: 20px;}
.moduletable_width ul li {margin-left: 20px; list-style: disc;}

.moduletable_login {position: absolute !important; left: 15px !important; top: 66px !important;}
.registration {text-align: center;}
#jform_captcha > div {margin: 0 auto;}

ul.sigProSleek li.sigProThumb a.sigProLink {border: 0 !important;}
ul.sigProSleek li.sigProThumb {margin: 15px !important; padding: 0;}

.akontakty {font-size: 18px !important; display: inline-block; padding:3px;}

a.store {color: #fff; font-weight: bold; position: absolute; left: 15px; top: 66px; text-transform: uppercase; background: #e20613; padding: 3px 10px; border-radius: 3px;}
a.store:hover {text-decoration: none;}

.slicknav_menu {display:none;}

/* #Screen < 1600 ================================================== */
@media (max-width: 1600px) {


}

/* #Screen < 1200 ================================================== */
@media (max-width: 1200px) {
.toppin, .components, .bottomin, .moduletable_width, .mtitlein  {width: 960px;}
.mix {width: 33%;}



}

/* #Screen < 960 ================================================== */
@media (max-width: 960px) {
.toppin, .components, .bottomin, .moduletable_width, .mtitlein  {width: 720px;}
.slide-desc-text-default .slide-title {font-size: 24px;}





}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {
.toppin, .components, .bottomin, .moduletable_width, .mtitlein {width: 100%;}
.mix {width: 50%;}
iframe {max-width: 100%; min-height: 240px; height: auto;}

.mtitlein {padding: 90px 0 0 0;}
.mtitlein h1{font-size: 24px;}


}

/* #Screen < 600 ================================================== */
@media (max-width: 600px) {
.slide-desc-text-default .slide-title {font-size: 14px;}
.topp .logo {top: 20px; margin-left: -80px;}
.topp .logo img {width:160px; height: auto;}
.moduletable_login {top: 120px !important;}
a.store {top: 120px !important;}
.topp .socials {top: 118px;}




}

/* #Screen < 510 ================================================== */
@media (max-width: 510px) {



}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {
.mix {width: 100%;}


}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {
.ba-form input[type="text"], .ba-form input[type="email"], .ba-form textarea {width:100%;}



}