/* MY CSS STYLE FOR TEMPLATE */

/* Open Sans - regular, bold, italic, light, bolder, semi bold */
@font-face {/* regular */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {/* bold */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_bold.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {/* bold, italic */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_bold_italic.woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {/* italic */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_italic.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {/* light */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_light.woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {/* light, italic */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_light_italic.woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {/* semibold */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_semibold.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {/* semibold, italic */
    font-family: myOpenSans;
  src: url('fonts/open_sans_woff/open_sans_semibold_italic.woff');
  font-weight: 600;
  font-style: italic;
}

/* Roboto - regular, bold, italic, light, bolder, semi bold */
@font-face {/* regular */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_regular_v2.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {/* bold */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_bold_v2.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {/* bold, italic */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_bold_italic_v2.woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {/* italic */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_italic_v2.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {/* light */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_light_v2.woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {/* light, italic */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_light_italic_v2.woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {/* semibold */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_medium_v2.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {/* semibold, italic */
    font-family: myRoboto;
  src: url('fonts/roboto_woff/roboto_medium_italic_v2.woff');
  font-weight: 600;
  font-style: italic;
}

/* Segoe UI - regular, bold, italic, light, semi bold */
@font-face {/* regular */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {/* bold */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_bold.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {/* bold, italic */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_bold_italic.woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {/* italic */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_italic.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {/* light */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_light.woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {/* light, italic */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_light_italic.woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {/* semibold */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_semibold.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {/* semibold, italic */
    font-family: mySegoeUi;
  src: url('fonts/segoe_ui/segoe_ui_semibold_italic.woff');
  font-weight: 600;
  font-style: italic;
}

/* Fira Sans - regular, bold, italic, light, semi bold */
@font-face {/* regular */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_regular.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {/* bold */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_bold.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {/* bold, italic */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_bold_italic.woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {/* italic */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_italic.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {/* light */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_light.woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {/* light, italic */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_light_italic.woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {/* semibold */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_medium.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {/* semibold, italic */
    font-family: myFiraSans;
  src: url('fonts/fira_sans/fira_sans_medium_italic.woff');
  font-weight: 600;
  font-style: italic;
}

/* Ubuntu - regular, bold, italic, light, medium */
@font-face {/* regular */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {/* bold */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_bold.woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {/* bold, italic */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_bold_italic.woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {/* italic */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_italic.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {/* light */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_light.woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {/* light, italic */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_light_italic.woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {/* medium */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_medium.woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {/* medium, italic */
    font-family: myUbuntu;
  src: url('fonts/ubuntu/ubuntu_medium_italic.woff');
  font-weight: 600;
  font-style: italic;
}

/* REPAIR JCE PopUp */
.wf-mediabox-theme-light .wf-mediabox-next,
.wf-mediabox-theme-light .wf-mediabox-prev {
  background-color: transparent !important;
}
.wf-mediabox-theme-light .wf-mediabox-close {
  padding: 0px 8px !important;
  line-height: 28px;
  text-transform: none;
  vertical-align: top;
  height: 32px;
}
.wf-mediabox-theme-light .wf-mediabox-close:hover {
  color: white;
  background-color: #e12b26 !important;
}
.wf-mediabox-theme-light .wf-mediabox-close::before {
  margin: 0px;
  line-height: 14px;
  vertical-align: top;
  margin-top: 7px;
}

/* POUZITE FONTY PISMA */
body {
  font-family: myOpenSans;
}
h1,
div.blog h1,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > 
table > tbody > tr > td,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > 
table > tbody > tr > td > p,
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton,
div.myModulSearch > form > div.search > input#mod_virtuemart_search,
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.addtocart-button > input.addtocart-button,
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-input.js-recalculate {
  font-family: myOpenSans;
}
div.bfFormDiv.myMessageForm form  input,
div.bfFormDiv.myMessageForm form textarea {
  font-family: myOpenSans !important;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p.myNumber,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p:nth-child(1),
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:nth-child(1) {
  font-family: myUbuntu;
}


/* OPRAVA JCE POP UP */
#jcemediabox-popup-prev, #jcemediabox-popup-prev:visited,
#jcemediabox-popup-next, #jcemediabox-popup-next:visited {
  background-repeat: no-repeat;
  background-size: 0px 0px;
  /*transition: all 0.0s linear 0s;*/
  /*transition: none;*/
}
#jcemediabox-popup-prev, #jcemediabox-popup-prev:visited {
  background-image: url(/plugins/system/jcemediabox/themes/light/img/prev.gif);
  background-position: 100% 0%;
}
#jcemediabox-popup-next, #jcemediabox-popup-next:visited {
  background-image: url(/plugins/system/jcemediabox/themes/light/img/next.gif);
}
#jcemediabox-popup-next:hover, #jcemediabox-popup-next:visited:hover,
#jcemediabox-popup-prev:hover, #jcemediabox-popup-prev:visited:hover {
  background-size: 63px 32px !important;
}


/* BT GOOGLE MAPS MODUL */
div.bt-googlemaps button {
  background-color: white !important;
  border-radius: 0px !important;
}
div.bt-googlemaps button.gm-ui-hover-effect {
  margin-top: 1px !important;
  margin-right: 1px !important;
}


/* GOOGLE MAP PLUGIN */
div.map button {
  background-color: white !important;
  border-radius: 0px !important;
}


/* OBECNE STYLY */
body {
  /*background-color: #e2f1fb;
  background-image: url(background/background.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;*/
  color: #505050;
  font-size: 13px;
  font-weight: 100;
  font-style: normal;
  background-color: white;
}
body.myBodyClass.myIntroArticle {
  background-color: #fafafa;
}
h1,
div.blog h1,
div.productdetails-view h1 {
  letter-spacing: normal;
  font-style: normal;
  padding: 0px;
  margin-bottom: 15px;
  text-align: left;
  text-transform: none;
  border: 0px;
  position: relative;
  color: #323232;
  font-size: 32px;
  font-weight: normal;
  line-height: 44px;
}
h1 > strong,
div.blog h1 > strong {
  /*color: #5ca622;*/
}
h2, div.item-page h2 {
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  margin-bottom: 10px;
  color: #3c3c3c;
  font-size: 24px;
}
h2 {
  margin-top: 15px;
}
h2:first-child {
  margin-top: 0px;
} 
p {
  margin-bottom: 15px;
}
div.item-page > div[itemprop="articleBody"] {
  line-height: 195%;
}
div.item-page > div[itemprop="articleBody"] > p {
  text-align: justify;
}
a, a:hover, a:active, a:visited, a:focus,
.moduletable a, .moduletable a:hover, .moduletable a:active, .moduletable a:visited, .moduletable a:focus {
  /*color: #0e549b;*/
  color: #398ee5;
}
/* main content */
div#main-content-handler {
  /*margin-bottom: 0px;
  padding-bottom: 0px;*/
}
div#main-content-handler div.tmp-content-area {
  padding-top: 0px;
}
/* site colom width */
div#main-content-handler {
  position: relative;
}
body.myBodyClass.myIntroArticle div#main-content-handler:before {
  /*content: '';
  display: block;
  position: absolute;
  width: 1px;
  background-color: #e1e1e1;
  left: 63%;
  top: 63px;
  bottom: 0px;*/
}
div#main-content-handler > div.row-fluid > div.span9 {
  width: 58.5%;
}
div#main-content-handler > div.row-fluid > div.span9 + div.span3 {
  margin-left: 9%;
  width: 32.5%;
}


/* FORM REPAIR STYLE */
/*div.bfFormDiv.myInquiryForm*/
div.bfFormDiv form  input, 
div.bfFormDiv form textarea {
  border-radius: 0px !important;
  box-sizing: border-box;
}
div.bfFormDiv form input {
  height: 30px;
}
div.bfFormDiv form textarea {
  min-height: 36px;
}
div.bfFormDiv form.bfQuickMode div.controls label.control-label,
div.bfFormDiv form label {
  width: 100%; 
}
div.bfFormDiv form div.form-actions {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: transparent;
}
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton {
  font-size: 15px;
  font-weight: normal;
  border-radius: 0px !important;
  color: white !important;
  background-color: #398ee5 !important;
  margin: 0px;
  padding: 12px 23px;
  line-height: normal;
  text-transform: none;
  transition: all 0.2s linear 0s, color 0.0s linear 0.0s, text-shadow 0.0s linear 0.0s;
  box-shadow: 0px 0px 0px black inset;  
  border: 0px !important;
  /*text-shadow: 1px 0px 3px black;*/
}
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton:hover {
  /*box-shadow: 0px 0px 3px black inset;*/
  background-color: #323232 !important;
  /*color: black !important;*/
  /*text-shadow: none;*/
}
/* button upload */
div.bfFormDiv form button.btn.bfUploadButton.button {
  background-color: #eb7506 !important;
  border: 1px solid #ad5400;
}
div.bfFormDiv form button.btn.bfUploadButton.button:hover {
  background-color: white !important;
}
div.bfFormDiv form button.btn.bfUploadButton.button > i.icon-upload {
  margin-top: 2px;
}
/* INVISIBLE RECAPTCHA */
div.bfFormDiv form div#bfInvisibleReCaptchaContainer > div.grecaptcha-badge {
  z-index: 2;
  display: none;
}

/* STYLE FOR FORM myMessageForm */
div.bfFormDiv.myMessageForm form {
  margin-bottom: 0px;
}
/* label */
div.bfFormDiv.myMessageForm form.bfQuickMode div.controls label.control-label {
  font-size: 14px;
  font-weight: 100;
  color: #787878;
}
div.bfFormDiv.myMessageForm form.bfQuickMode div.controls label.control-label > i {
  display: none;
}
/* input and textarea */
div.bfFormDiv.myMessageForm form  input, 
div.bfFormDiv.myMessageForm form textarea {
  border: 0px;
  border-bottom: 1px solid #c8c8c8 !important;
  border-radius: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #323232;
  font-size: 15px;
  font-weight: 100;
}
/* send button */
div.bfFormDiv.myMessageForm form div.form-actions {
  margin-top: 20px;
}
div.bfFormDiv.myMessageForm form div.form-actions button#bfSubmitButton.bfSubmitButton {
  float: none;
} 


/* HEADER BACKGROUND */
div.global-container:before {
  content: '';
  width: 100%;
  height: 119px;
  display: block;
  background-color: white;
  position: absolute;
  z-index: -1;
  background-image: url(background/header_bg.png);
  background-size: cover;
}
header#top-handler {
  height: 74px;
  background-color: transparent !important;
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
}
body.myBodyClass.myIntroArticle header#top-handler {
  border-bottom: 0px;
}
header#top-handler.absolute {
  top: auto;
  position: absolute;
}
header#top-handler.static {
  position: relative;
  z-index: 100;  
}
header#top-handler > div.th-bgs {
  box-shadow: none;
  -webkit-box-shadow: none;
  /*box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.90);*/
  /* popup animation */
  /*position: fixed;*/
  position: relative;
  width: 100%;
  display: block;
  height: auto;
  transition: all 0.2s linear 0s;
}
header#top-handler.static > div.th-bgs {
  /*background-color: white;*/
} 
header#top-handler > div.th-bgs.myPopUp {
  height: 50px;
}
header#top-handler.static > div.th-bgs.myPopUp {
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
}
header#top-handler > div.th-bgs:before {
  background-color: transparent !important;
}


/* TOP HEADER BANNER OLD!!! */
div#myTopHeader {
  color: black;
  font-size: 15px;
  height: 80px;
}
div#myTopHeader > div.container > div.myRightSiteHeader {
  /*float: right;*/
  width: calc(100% - 141px);
  height: 80px;
  display: table;
}
div#myTopHeader a {
  color: black;
}
div#myTopHeader div.myRightSiteHeader > div.myTopSearch,
div#myTopHeader div.myRightSiteHeader > div.myTopContact {
  display: table-cell;
  vertical-align: middle;
}
div#myTopHeader div.myRightSiteHeader > div.myTopSearch {
  padding-left: 34px;
}
div#myTopHeader div.myRightSiteHeader > div.myTopContact {
  width: 150px;
}
/* TOP HEADER BANNER NEW!!! */
/* contact modul */
div.myTopTop {
  min-height: 44px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  color: #787878;
  font-weight: 100;
  font-style: normal;
  /*background-color: white;*/
}
div.myTopTop a {
  color: #787878;
}
div.myRightSiteHeader {
  float: left;
  position: relative;
  line-height: 44px;
  /* pop up top menu */
  /*transition: all 0.2s linear 0s;*/
}
div.th-bgs.myPopUp div.myRightSiteHeader {
  /*line-height: 44px;*/
}
div.myRightSiteHeader > div.myTopContact {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
/* contact modul */
div.custom.myContactModul {
  line-height: 18px;
}
div.custom.myContactModul > p,
div.custom.myContactModul > p > a {
  white-space: nowrap;
}
div.custom.myContactModul > p {
  margin-bottom: 0px;
  display: inline-block;
  margin-right: 25px;
}
div.custom.myContactModul > p:last-child {
  margin-right: 0px;
}
div.custom.myContactModul > p > a {
  vertical-align: top;
  line-height: 18px;
}
div.custom.myContactModul > p img {
  padding: 2px 0px;
  padding-right: 15px;
  width: 15px;
  vertical-align: top;
}
/* log panel */
div.myLogPanel {
  float: right;
  line-height: 44px;
  padding-left: 22px;
  background-image: url(icon/log.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  color: #398ee5;
}
div.myLogPanel a {
  color: #323232;
  cursor: pointer;
}
div.myLogPanel span.mySpacer {
  padding-left: 10px;
  margin-right: 10px;
  border-right: 1px dashed rgba(0, 0, 0, 0.20);
}
/* log panel pop up */
div#LoginForm > div.myBg {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
}
/* shop cart panel */
div.myLogPanel span.myShopCart {
  display: inline-block;
  /*background-color: black;*/
}
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart {
  float: none;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel {
  float: none;
  opacity: 1;
  text-decoration: none;
  line-height: 18px;
  display: block;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span {
  display: inline-block;
  vertical-align: top;  
}
/* shop cart panel - count */
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span.total_products {
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  color: white;
  background-color: #398ee5;
  line-height: 10px;
  padding: 3px 2px;
  margin: 1px 0px;
}
/* shop cart panel - img */
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span.myCartImg {
  line-height: 18px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span.myCartImg > img {
  display: block;
  padding: 2px 0px;
  padding-right: 5px;
  padding-left: 3px;
}
/* shop cart panel - total price */
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span.myTotal {
  color: #505050;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div.show-cart > a#cartpanel > span.myTotal > strong {
  font-weight: 600;
}
/* shop cart panel - pop up box */
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 {
  color: #323232;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 a {
  color: #398ee5;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel > div.show_cart.show-cart-link {
  padding: 13px 0px;
  text-transform: uppercase;
  font-weight: 600;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel > div.show_cart.show-cart-link > a {
  font-weight: 600;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.myTotalBox {
  line-height: 18px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.myTotalBox > span {
  padding-left: 3px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.myTotalBox > span:first-child {
  padding-left: 0px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.myTotalBox img {
  padding: 2px 0px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.product_row {
  line-height: normal;
  padding: 10px;
}
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.product_row > div.customProductData,
div.myLogPanel span.myShopCart > div#vmCartModule > div#cart-panel2 div.cartpanel div.product_row > br {
  display: none;
}


/* SEARCH MODUL */
div.myTopSearch {
  margin-top: 10px;
  width: 25%;
  float: right;
}
div.myTopSearch > form {
  margin-bottom: 0px;
}
div.myTopSearch > form > div.search.myHeaderSearch {
  height: 33px;
  line-height: 33px;
  background-color: rgba(255, 255, 255, 0.50);
  position: relative;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}
div.myTopSearch > form > div.search.myHeaderSearch > input.inputbox.myHeaderSearch {
  padding: 0px !important;
  margin: 0px;
  line-height: 31px;
  height: 31px;
  border: 0px;
  vertical-align: top;
  display: inline-block;
  border-radius: 0px !important;
  background-color: transparent;
  color: black;
  font-size: 15px;
  padding-left: 8px !important;
  padding-right: 1px !important;
  width: calc(100% - 31px);
  box-sizing: border-box;
}
div.myTopSearch > form > div.search.myHeaderSearch > input.button.myHeaderSearch {
  background-color: transparent !important;
  margin: 0px;
  padding: 0px;
  height: 31px;
  vertical-align: top;
  width: 31px;
  overflow: hidden;
  border-radius: 0px !important;
  color: transparent !important;
  background-image: url(icon/search_active.png);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 0% 50%;
}
div.myTopSearch > form > div.search.myHeaderSearch > input.button.myHeaderSearch:hover {
  /*background-color: black !important;*/
  background-color: #d04059 !important;
  background-position: 100% 50%;
}


/* LOGO MODUL */
div.myModulLogo {
  padding-bottom: 14px;
  padding-top: 15px;
  /* popup top menu */
  transition: all 0.2s linear 0s;
}
div.th-bgs.myPopUp div.myModulLogo {
  padding: 1px 0px;
}
div.custom.myLogo > p {
  margin-bottom: 0px;
  text-align: center;
}
div.custom.myLogo img {
  /*border-radius: 100%;*/
  /*border: 5px solid #d04059;*/
  /*transition: border 0.2s linear 0s;*/
  /* popup top menu */
  transition: all 0.2s linear 0s;
  /*height: 85px;*/
}
div.th-bgs.myPopUp div.custom.myLogo img {
  height: 48px;
}
div.custom.myLogo a:hover > img {
  /*border: 5px solid #fe0000;*/
}


/* TOP MENU */
div#top {

}
div#top div#site-name-handler {
  height: auto;
  width: auto;
  position: relative;
  z-index: 10;
  /* popup top menu */
  /*width: 193px;*/
}
div#top div#st-navigation {
  width: auto;
  margin: 0px;
  padding: 0px !important;
  float: none;
  display: block;
  text-align: center;
  height: 74px !important;
  line-height: 74px;
  /* popup top menu */
  transition: all 0.2s linear 0s;
}
div.th-bgs.myPopUp div#top div#st-navigation {
  height: 50px;
  line-height: 50px;
}
div#st-navigation > div.row-fluid:nth-child(1) {
  display: none;
}
div#st-navigation > div.row-fluid.mn-nav {
  position: relative;
  display: inline-block;
  width: auto;
  line-height: normal;
  /*vertical-align: middle;*/
  vertical-align: top;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu {
  float: none;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu {
  float: none;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav {
  /*display: table !important;*/
  /*width: 100%;*/
  /*height: 24px;*/
  float: none;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li {
  margin-left: 14px;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li:first-child {
  margin-left: 0px;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.myIntroPage {
  display: none;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.myIntroPage + li {
  margin-left: 0px;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a {
  text-transform: none;
  font-size: 15px;
  line-height: 16px;
  height: auto;
  padding: 29px 19px !important;
  position: relative;
  color: #323232 !important;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  opacity: 1;
  background-color: transparent;
  text-transform: uppercase;
  /* popup top menu */
  transition: all 0.2s linear 0s;
}
div.th-bgs.myPopUp div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.active > a,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.alias-parent-active > a {
  color: #398ee5 !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.active > a:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.alias-parent-active > a:before {
  content: '';
  /*background-image: url(top_menu/arrow.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;*/
  position: absolute;
  bottom: 0px;
  left: 19px;
  right: 19px;
  height: 2px;
  background-color: #398ee5;
  transition: all 0.2s linear 0s;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.active > a,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.alias-parent-active > a {
  color: #323232 !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li:hover > a,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.active:hover > a,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.alias-parent-active:hover > a {
  color: #398ee5 !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.active > a:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.alias-parent-active > a:before {
  background-color: #323232;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.active:hover > a:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav:hover > li.alias-parent-active:hover > a:before {
  background-color: #398ee5;
} 
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a > span {

}
/* sp style for link menu */
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton > a {
  background-color: #398ee5;
  color: white !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton.active > a:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton.alias-parent-active > a:before {
  background-color: white;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton:hover > a {
  background-color: #a0a0a0;
}
/* TOP MENU - level 2 and more */
ul.menu-nav#nav li ul {
  text-align: left;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
  /*display: block !important;*/
  /*visibility: visible !important;*/
  /*top: 100%;*/
}
ul.menu-nav#nav li:hover ul,
ul.menu-nav#nav li.sfHover ul {
  top: 100%;
}


/* SLIDE SHOW */
/* SLIDE SHOW - Start: background img */
section#slideshow-handler-bg {
  padding-top: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
  background-color: transparent;
}
section#slideshow-handler-bg > div.mySlideImgBg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
section#slideshow-handler-bg > div.mySlideImgBg > img {
  position: absolute;
  display: block;
  max-width: none;
  top: 0px;
  bottom: 0px;
  left: -100%;
  right: -100%;
  min-width: 100%;
  min-height: 100%;
  margin: auto auto;
  /*margin-bottom: 0px;*/
}
section#slideshow-handler-bg > div.mySlideImgBg > div.container {
  height: 100%;
}
section#slideshow-handler-bg > div.mySlideImgBg > div.container > div {
  height: 100%;
  padding: 0px 91px;
  padding-top: 100px;
  box-sizing: border-box;
}
section#slideshow-handler-bg > div.mySlideImgBg > div.container > div > div {
  height: 333px;
  width: 55%;
  margin-left: auto;
  margin-top: 233px;
  position: relative;
}
section#slideshow-handler-bg > div.mySlideImgBg > div.container > div > div > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 100%;
  max-height: 100%;
  margin-right: auto;
  margin-top: auto;
}
/* SLIDE SHOW - End: background img */
/* SLIDE SHOW - Overlayer */
div#slideshow-handler div.camera_overlayer {
  max-width: 100%;
  background-image: url(slideshow/shadow-eshop.png);
  background-position: 50% 100%;
  background-size: cover;
}
section#slideshow-handler-bg div#slideshow-handler {
  /*background-color: rgba(255, 255, 255, 0.85);*/
  /*background-image: url(slideshow/slide_bg2.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: auto 100%;*/
}
/* SLIDE SHOW - content slide show */
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div {
  height: 100%;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div {
  /*top: 0px;*/
  /*height: 100%;*/
  overflow: hidden;
  top: auto;
  bottom: 100px;
  height: auto;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container {
  /*width: 100%;*/
  /*height: 100%;*/
  height: auto;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid {
  /*height: 100%;*/
  height: auto;
  /*padding: 0px 71px;*/
  /*padding-top: 100px;*/
  box-sizing: border-box;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg {
  /*height: 100%;*/
  height: auto;
  /*background-color: rgba(224, 195, 153, 0.85);*/
  /*box-shadow: 6px 7px 28px -4px rgba(0,0,0,0.28);*/
  width: 100%;
  position: relative;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: white;
  font-weight: normal;
  box-sizing: border-box;
  position: relative;
  /*line-height: normal;*/
  line-height: 25px;
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space p {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 8px;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p:last-child {
  margin-bottom: 0px;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p.myNumber {
  font-size: 20px;
  font-weight: 100;
  display: inline-block;
  background-color: #398ee5;
  width: 31px;
  text-align: center;
  line-height: 31px;
  margin-bottom: 8px;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p:nth-child(1) {
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
  margin-bottom: 10px;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p > a {
  display: inline-block;
  background-color: #398ee5;
  color: white;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  padding: 10px 17px;
  text-decoration: none;
  margin-top: 8px;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p > a:hover {
  background-color: #323232;
}
/* SLIDE SHOW - button switch */
section#slideshow-handler-bg div.camera_pag {
  bottom: 14px;
}
.camera_wrap .camera_pag .camera_pag_ul {
  /*width: 25.65%;*/
  /*float: right;*/
  /*margin-right: 10%;*/
}
.camera_wrap .camera_pag .camera_pag_ul li {
  /*height: 11px;*/
  /*width: 11px;*/
}
.camera_wrap .camera_pag .camera_pag_ul li > span,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  /*background-color: transparent;*/
  /*border: 1px solid white;*/
  /*box-sizing: border-box;*/
  /* big button */
  /*top: 0px;*/
  /*left: 0px;*/
  /*width: 15px !important;*/
  /*height: 15px;*/
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
  /*background-color: rgba(28, 138, 208, 0.50);*/
  background-color: white;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  background-color: #5ca622;
}
/* timer */
div#slideshow-handler div.camera_pie > canvas {
  top: 15px !important;
  right: auto !important;
  left: 15px !important;
  margin: 0px;
}
/* SLIDE SHOW - SLIDE ARROW AND PLAY */
div#slideshow-handler div.camera_prev,
div#slideshow-handler div.camera_next {
  opacity: 1;
}
div#slideshow-handler div.camera_prev,
div#slideshow-handler div.camera_next {
  width: 29px;
  height: 29px;
  background-color: transparent;
  box-sizing: border-box;
  border-radius: 0px;
  margin-top: 0px;
  top: auto;
  bottom: 48px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 200% auto;
}
div#slideshow-handler div.camera_prev {
  left: calc((100% - 1206px) / 2);
  background-image: url(slideshow/arrow_left_active.png);
  background-position: 0% 50%;
}
div#slideshow-handler div.camera_next {
  left: calc(((100% - 1206px) / 2) + 39px);
  background-image: url(slideshow/arrow_right_active.png);
  background-position: 100% 50%;
}
div#slideshow-handler div.camera_prev:hover {
  background-position: 100% 50%;
}
div#slideshow-handler div.camera_next:hover {
  background-position: 0% 50%;
}
div#slideshow-handler div.camera_prev > span,
div#slideshow-handler div.camera_next > span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 0px;
  border: 2px solid white;
  transition: border 0.2s linear 0s;
}
div#slideshow-handler div.camera_prev:hover > span,
div#slideshow-handler div.camera_next:hover > span {
  border: 2px solid #398ee5;
}
div#slideshow-handler div.camera_prev > span:before,
div#slideshow-handler div.camera_next > span:before {
  display: none;
}
/* SLIDE SHOW - play and pause */
div#slideshow-handler div.camera_commands {
  opacity: 1;
}
/* SLIDE SHOW - bottom background */
/*section#slideshow-handler-bg div#slideshow-handler div.camera_fakehover:after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 34px;
  background-image: url(slideshow/bg_bottom.png);
  background-repeat: repeat-x;
  background-position: -26px 100%;
}*/


/* SLIDE MODUL BANNER */
div#mySlideModul {
  position: relative;
  z-index: 2;
  top: -90px;
  /*margin-bottom: 45px;*/
  margin-bottom: -45px;
  overflow: hidden;
}
div#mySlideModul > div.container {
  position: relative;
}
div#mySlideModul > div.container > div.myContent {
  overflow: hidden;
  width: 100%;
}
div#mySlideModul > div.container > div.myContent:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div#mySlideModul > div.container > div.myContent > div.mySpace {
  width: 1000%;
}
div#mySlideModul > div.container > div.myContent > div.mySpace:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom {
  float: left;
  width: 3.1%;
  margin-right: 0.35%;
  height: 180px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  background-image: url(top_banner/bg.jpg);
  background-repeat: repeat;
  overflow: hidden;
  position: relative;
  /*background-color: white;*/
  background-color: #f50505;
  /*color: #f50505;*/
  color: white;
  transition: color 0.2s linear 0s;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:hover {
  /*color: white;*/
  color: #f50505;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #f50505;
  /*opacity: 0;*/
  opacity: 1;
  transition: opacity 0.2s linear 0s;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:hover:before {
  /*opacity: 1;*/
  opacity: 0;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:last-child {
  margin-right: 0%;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p {
  margin-bottom: 0px;
  position: relative;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:first-child {
  height: 110px;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:first-child > img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 98%;
  max-height: 100px;
  transition: opacity 0.2s linear 0s;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:first-child > img:nth-child(1) {
  /*opacity: 1;*/
  opacity: 0;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:first-child > img:nth-child(2) {
  /*opacity: 0;*/
  opacity: 1;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:hover > p:first-child > img:nth-child(1) {
  /*opacity: 0;*/
  opacity: 1;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom:hover > p:first-child > img:nth-child(2) {
  /*opacity: 1;*/
  opacity: 0;
}
/* link */
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:nth-child(3),
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:nth-child(3) > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
div#mySlideModul > div.container > div.myContent > div.mySpace > div.custom > p:nth-child(3) > a {
  color: transparent;
  overflow: hidden;
  opacity: 0;
}
/* arrow */
div#mySlideModul > div.container > div.myArrowLeft,
div#mySlideModul > div.container > div.myArrowRight {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  background-color: #fcd112;
  transition: background-color 0.2s linear 0s;
}
div#mySlideModul > div.container > div.myArrowLeft:hover,
div#mySlideModul > div.container > div.myArrowRight:hover {
  background-color: #f50505;
}
div#mySlideModul > div.container > div.myArrowLeft.deactive,
div#mySlideModul > div.container > div.myArrowRight.deactive {
  background-color: #787878;
  cursor: default;
}
div#mySlideModul > div.container > div.myArrowLeft {
  right: 100%;
  margin-right: 30px;
  background-image: url(top_banner/arrow_left.png);
}
div#mySlideModul > div.container > div.myArrowRight {
  left: 100%;
  margin-left: 30px;
  background-image: url(top_banner/arrow_right.png);
}


/* MODUL NAVIGATION */
div#myNavigationPosition {

}
div#breadcrumb-line {
  background-color: transparent !important;
  padding: 0px 0px;
  margin: 0px;
}
div.moduletable.myNavigation {
  padding: 10px 0px;
  margin-bottom: 0px;
  color: white;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content {
  padding: 0px;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul {
  margin: 0px;
  padding: 0px !important;
  /*line-height: 100%;*/
  line-height: 24px;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li {
  margin-left: 0px;
  color: white;
  line-height: 100%;
  font-size: 18px;
  vertical-align: top;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li > a,
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li > span {
  font-size: 13px;
  color: #a0a0a0;
  font-weight: 100;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li.active > span {
  font-weight: normal;
  color: #323232;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li > span.divider {
  color: #a0a0a0;
  padding: 0px 1px;
}
div.moduletable.myNavigation > div.module-content-handler > div.module-content > ul > li > span.divider.icon-location {

}


/* MAIN CONTENT */
section#story-content {
  /*background-color: white;*/
}
section#story-content > div.container#content-handler {
  /*padding: 60px 0px;*/
  /*padding-top: 110px;*/
  box-sizing: border-box;
}
section#story-content.myActiveNavigation > div.container#content-handler {
  /*padding-top: 55px;*/
}
/* modul top-long over article */
section#top-long {
  padding-bottom: 0px;
}
section#top-long div.moduletable {
  margin-bottom: 0px;
}
section#top-long div.moduletable div.module-content {
  padding-bottom: 0px;
}
section#top-long div.moduletable div.module-content > div.custom {

}
section#top-long div.moduletable div.module-content > div.custom > p:last-child {
  /*margin-bottom: 0px;*/
}
section#top-long div.moduletable.myIntroPriceList {
  margin-bottom: 30px;
}
/* colom div style */
div.myColomText {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  /* column-rule: 4px outset #ff00ff; */
  text-align: justify;
}


/* INTRO ARTICLE */
div.item-page.myIntroArticle {
  padding-top: 40px;
  padding-bottom: 10px;
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > p.myTitle {
  color: #323232;
  font-size: 32px;
  font-weight: normal;
  line-height: 44px;
}
/* modul favourite product */
div.moduletable.myFavouriteProducts {
  margin-bottom: 15px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid {

}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li {

}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li.span2.sp20 {
  width: 18.48%;
  margin-left: 1.9%;
  margin-bottom: 1.9%;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li.span2.sp20:first-child {
  margin-left: 0%;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer {
  margin: 0px !important;
  padding: 0px;
  border: 1px solid #e6e6e6;
  background-color: white;
  text-align: center;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myImg {
  background-color: #fbfbfb;
  width: 100%;
  height: 160px;
  position: relative;
  margin-bottom: 20px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myImg > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  /*padding: 10px;*/
  box-sizing: border-box;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myTitle {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  margin-bottom: 4px;
  padding: 0px 3px;
  height: 66px;
  overflow: hidden;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myDesc {
  font-size: 13px;
  font-weight: 100;
  color: #505050;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 3px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myPrice {
  color: #505050;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-top: 15px;
  margin-bottom: 18px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myPrice span,
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myPrice span.PricebasePrice,
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myPrice span.PricesalesPrice {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myLinkButton {
  padding-bottom: 25px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myLinkButton > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  background-color: #398ee5;
  color: white;
  text-decoration: none;
  padding: 5px 22px;
}
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myLinkButton > a:hover {
  text-decoration: none;
  /* background-color: #a0a0a0; */
  background-color: #323232;
}


/* UNDER ARTICLE */
div#myUnderArticle {
  margin-top: 83px;
}
div#myUnderArticle > div.container {

}
div#myUnderArticle > div.container > div {
  float: left;
  width: 31%;
  min-height: 30px;
  margin-right: 3.5%;
}
div#myUnderArticle > div.container > div:last-child {
  margin-right: 0%;
}
div#myUnderArticle > div.container > div > div.custom {
  border: 1px solid #e5e5e5;
  font-size: 18px;
  color: #3c3c3c;
  font-weight: normal;
  font-style: normal;
}
div#myUnderArticle > div.container > div > div.custom p {
  margin-bottom: 0px;
  line-height: normal;
}
div#myUnderArticle > div.container > div > div.custom > table {
  margin-bottom: 0px;
  width: auto;
  margin: auto;
}
div#myUnderArticle > div.container > div > div.custom > table > tbody > tr > td {
  padding: 0px;
  border: 0px;
  height: 112px;
  line-height: normal;
  vertical-align: middle;
  text-align: right;
}
div#myUnderArticle > div.container > div > div.custom > table > tbody > tr > td:last-child {
  padding-left: 25px;
  text-align: left;
}


/* FOOTER */
footer#footer {
  color: white;
  font-size: 12px;
  /*background-image: url(footer/bg.jpg);*/
  /*background-repeat: repeat;*/
  /*background-position: 50% 0%;*/
  position: relative;
  margin-top: 15px;
}
section#myUnderLong3 + div.container-fluid > footer#footer {
  margin-top: 0px;
}
/*footer#footer:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 26px;
  background-image: url(footer/top_line.png);
  background-repeat: repeat-x;
  background-position: -26px 0px;
  top: -1px;
  background-size: auto 29px;  
}*/
footer#footer > div.inner-sep {
  border-top: 0px;
}
footer#footer > div.inner-sep div#footer-line {
  line-height: 20px;
  padding: 17px 0px;
  background-color: #fafafa;
  box-shadow: none;
  border: 0px;
}
footer#footer > div.inner-sep div#footer-line div.span12.tf-module {
  min-height: 0px;
}
/* baner uder footer */
div#myUnderFooter {
  padding-top: 70px;
  padding-bottom: 40px;
}
div#myUnderFooter > div.container {
  /*padding: 0px 53px;*/
  box-sizing: border-box;
}
div#myUnderFooter > div.container > div.myCover {
  display: table;
  width: 100%;
  max-width: 1060px;
  margin: 0px auto;
}
div#myUnderFooter > div.container > div.myCover > div {
  display: table-cell;
  vertical-align: top;
  /*width: 25%;*/
  width: 1%;
  padding: 0px 10px;
  text-align: right;
}
div#myUnderFooter > div.container > div.myCover > div.mySpace {
  width: auto;
  padding: 0px;
}
div#myUnderFooter > div.container > div.myCover > div.my1 {
  vertical-align: middle;
  text-align: left;
}
/* format modules */
div#myUnderFooter > div.container > div.myCover > div > div.moduletable {
  margin-bottom: 0px;
  display: inline-block;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > p.myH3 {
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 20px;
  position: relative;
  line-height: 100%;
  color: white;
  text-align: left;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > p.myH3 > span.h-cl {
  display: inline-block;
  border-bottom: 2px solid white;
  padding-bottom: 20px;
}
/*div#myUnderFooter > div.container > div > div.moduletable > div.module-content-handler > p.myH3:before {
  content: '';
  position: absolute;
  width: 26px;
  height: 2px;
  background-color: #f50505;
  opacity: 0.9;
  bottom: 0px;
}*/
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content {
  padding-bottom: 0px;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu {
  margin: 0px;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li {
  margin: 0px;
  padding: 0px;
  text-align: left;
  white-space: nowrap;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li > a {
  font-size: 18px;
  padding: 5px 0px;
  display: inline-block;
  line-height: normal;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li:first-child > a {
  padding-top: 0px;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li:last-child > a {
  padding-bottom: 0px;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li.active > a {
  font-weight: normal;
}
div#myUnderFooter > div.container > div.myCover > div > div.moduletable > div.module-content-handler > div.module-content > ul.menu > li > a:hover {
  text-decoration: underline;
}


/* under footer menu */
ul.menu.myFooterMenu {
  margin: 0px;
}
ul.menu.myFooterMenu > li {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 49%;
  padding-right: 2%;
}
ul.menu.myFooterMenu > li:nth-child(2) {
  padding-right: 0%;
}
ul.menu.myFooterMenu > li > span {
  display: none;
}
ul.menu.myFooterMenu > li > ul {

}
ul.menu.myFooterMenu > li > ul > li {
  padding: 0px;
}
footer#footer div#myUnderFooter ul.menu.myFooterMenu > li > ul > li > a {
  color: #636363;
  padding: 3px 0px;
  display: inline-block;
}
footer#footer div#myUnderFooter ul.menu.myFooterMenu > li > ul > li.active > a {
  color: black;
}
footer#footer div#myUnderFooter ul.menu.myFooterMenu > li > ul > li > a:hover {
  text-decoration: underline;
}
/* copy right */
footer#footer div.moduletable.myCopyRight > div.module-content-handler > div.module-content {

}
footer#footer div.custom.myCopyRight {
  font-size: 12px;
  color: #646464;
  font-weight: normal;
  text-align: center;
}
footer#footer div.custom.myCopyRight a {
  color: #646464;
  /*color: #484848;*/
}
footer#footer div.custom.myCopyRight > p {
  margin-bottom: 0px;
}
footer#footer div.custom.myCopyRight > p:nth-child(1) {
  float: left;
}
footer#footer div.custom.myCopyRight > p:nth-child(2) {
  float: right;
}
footer#footer div.custom.myCopyRight > p:nth-child(3) {

}
/* SOCIAL LINK IN FOOTER */
footer#footer div.moduletable.mySocialLink > div.module-content-handler > div.module-content {
  text-align: right;
}
div.custom.mySocialLink {

}
div.custom.mySocialLink:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div.custom.mySocialLink > p {
  margin-bottom: 0px;
  float: left;
  margin-right: 11px;
}
div.custom.mySocialLink > p:last-child {
  margin-right: 0px;
}
footer#footer div.custom.mySocialLink > p > a {
  display: block;
  width: 34px;
  height: 34px;
  background-color: #c8c8c8;
  border-radius: 100%;
  line-height: 34px;
  text-align: center;
  position: relative;
}
footer#footer div.custom.mySocialLink > p > a:hover {
  background-color: #636363;
}
footer#footer div.custom.mySocialLink > p > a > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
/* LOGO FOOTER */
div.custom.myLogoFooter {
  text-align: center;
  white-space: nowrap;
}
div.custom.myLogoFooter > p:last-child {
  margin-bottom: 0px;
}
div.custom.myLogoFooter > p img {

}
div.custom.myLogoFooter > hr {
  margin: 7px 0px;
  border-color: white;
}


/* TABLE ZBOZI COMPONET */
div.myZboziFields {

}
div.myZboziFields > table.myZboziList {

}
div.myZboziFields > table.myZboziList > tbody > tr > td {
  border: 1px solid #d2d2d2;
  text-align: center;
  color: #3c3c3c;
  vertical-align: top;
  line-height: 18px;
  padding: 12px 15px;
}
div.myZboziFields > table.myZboziList > tbody > tr:nth-child(2n+3) > td {
  background-color: #f5f5f5;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(1) {
  text-align: left;
  width: 43%;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(2) {
  width: 23%;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(3) {
  width: 23%;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(4) {
  width: 11%;
}
div.myZboziFields > table.myZboziList > tbody > tr:first-child > td {
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  border: 0px;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(4) > a {
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  color: transparent;
  border-radius: 100%;
  vertical-align: top;
  line-height: 18px;
  background-image: url(icon/arrow_down.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px auto;
  background-color: #f40606;
  transition: background-color 0.2s linear 0s;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(4) > a:hover {
  background-color: #787878;
}
div.myZboziFields > table.myZboziList > tbody > tr > td:nth-child(4) > span.myNoFile {
  color: #f40606;
}


/* ZBOZI LIST MENU */
div.moduletable.myZboziListMenuModul {
  /*margin-bottom: 20px;*/
}
div.moduletable.myZboziListMenuModul > div.module-content-handler {

}
div.moduletable.myZboziListMenuModul > div.module-content-handler > div.module-content {
  padding: 0px;
}
ul.menu.myZboziListMenu {
  margin: 0px;
}
ul.menu.myZboziListMenu > li {
  margin: 0px;
  padding: 0px;
  padding-bottom: 1px;
}
ul.menu.myZboziListMenu > li > a {
  display: block;
  line-height: normal;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  position: relative;
  background-color: #f5f5f5;
  color: #3c3c3c;
  transition: all 0.2s linear 0s;
}
ul.menu.myZboziListMenu > li.active > a {
  background-color: #f50506;
  color: white;
  padding-left: 35px;
}
ul.menu.myZboziListMenu > li.active > a:before {
  content: '';
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 20px;
  width: 2px;
  background-color: white;
  transition: all 0.2s linear 0s;
}
ul.menu.myZboziListMenu:hover > li.active > a {
  background-color: #f5f5f5;
  color: #3c3c3c;
}
ul.menu.myZboziListMenu:hover > li.active > a:before {
  background-color: #3c3c3c;
}
ul.menu.myZboziListMenu > li > a:hover,
ul.menu.myZboziListMenu:hover > li.active > a:hover {
  background-color: #f50506;
  color: white;
}
ul.menu.myZboziListMenu:hover > li.active > a:hover:before {
  background-color: white;
}


/* TABLE MAP IN CONTACT ARTICLE */
table.myContactMap {
  width: 100%;
  margin-bottom: 25px;
}
table.myContactMap:last-child {
  margin-bottom: 0px;
}
table.myContactMap > tbody {

}
table.myContactMap > tbody > tr {

}
table.myContactMap > tbody > tr > td {
  padding: 0px;
  border: 0px;
  vertical-align: top;
  padding: 25px 0px;
  border-top: 1px solid #e4e4e4;
}
table.myContactMap > tbody > tr:first-child > td {
  padding-top: 0px;
  border-top: 0px;
}
table.myContactMap > tbody > tr:last-child > td {
  padding-bottom: 0px;
}
table.myContactMap > tbody > tr > td:nth-child(1) {
  width: 34%;
  padding-right: 4%;
}
table.myContactMap > tbody > tr > td:nth-child(2) {
  width: 66%;
}
table.myContactMap > tbody > tr > td > hr {
  border-color: #e4e4e4;
  margin: 10px 0px;
}
table.myContactMap > tbody > tr > td > p:last-child {
  margin-bottom: 0px;
}
table.myContactMap > tbody > tr:nth-child(1) > td:nth-child(1) > p {
  margin-bottom: 15px;
}
table.myContactMap > tbody > tr:nth-child(1) > td:nth-child(1) > p:last-child {
  margin-bottom: 0px;
}
table.myContactMap > tbody > tr:nth-child(2) > td:nth-child(2) {
  text-align: center;
  vertical-align: middle;
}
table.myContactMap > tbody > tr:nth-child(2) > td:nth-child(2) img {
  margin: 25px 0px;
  margin-right: 25px;
}
table.myContactMap > tbody > tr:nth-child(2) > td:nth-child(2) img:last-child {
  margin-right: 0px;
}
/* FORM MODUL IN CONTACT ARTICLE */
table.myContactMap + div div.bfFormDiv.myMessageForm {
  border-top: 1px solid #e4e4e4;
  padding-top: 17px;
}


/* BLOG AKTUALITY */
div.blog.myNewsBlog {

}
div.blog.myNewsBlog > div.items-row {
  margin-bottom: 20px;
}
div.blog.myNewsBlog > div.items-row > div.span12 > div.item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 20px;
}
div.blog.myNewsBlog > div.category-desc + div.items-row > div.span12 > div.item {
  border-top: 0px;
  padding-top: 0px;
}
/* BLOG AKTUALITY - image */
div.blog.myNewsBlog > div.items-row > div.span12 > div.item .pull-left.item-image {
  width: 68px;
  margin-right: 24px;
}
/* BLOG AKTUALITY - title */
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > p.myTitleArticle {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: black;
  margin-bottom: 15px;
}
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > p.myTitleArticle span.myDate {
  color: #26376c;
}
/* BLOG AKTUALITY - content */
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > div.myContent {

}
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > div.myContent > p:last-child {
  margin-bottom: 0px;
}
/* BLOG AKTUALITY - readmore */
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > p.myReadmore {
  margin-bottom: 0px;
  text-align: right;
  padding-right: 20px;
  margin-top: 10px;
}
div.blog.myNewsBlog > div.items-row > div.span12 > div.item > p.myReadmore > a {
  font-weight: 600;
  font-size: 14px;
}


/* MY BOTTOM ARTICLE */
div#myBottomArticle {
  padding-top: 55px;
}
div#myBottomArticle > hr {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 0px;
  margin: 0px -40px;
  margin-bottom: 45px;
}
div#myBottomArticle > div.moduletable {

}


/* NEWS MODUL */
div.moduletable.myNewsModul {
  margin-top: 63px;
  margin-bottom: 0px;
}
div.moduletable.myNewsModul > div.module-content-handler {

}
div.moduletable.myNewsModul > div.module-content-handler > div.module-content {
  padding: 0px;
}
/* MY MODUL NEWS BLOG */
div.newsflash.myNewsModul {

}
div.newsflash.myNewsModul:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.newsflash.myNewsModul > div.myArticle {
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
div.newsflash.myNewsModul > div.myArticle:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
/* Layout (Rozvržení) */
div.newsflash.myNewsModul > div.myArticle > div.myLeft {
  float: left;
  width: 68px;
  margin-right: 24px;
  height: 102px;
  overflow: hidden;
  position: relative;
}
div.newsflash.myNewsModul > div.myArticle > div.myRight {

}
/* title */
div.newsflash.myNewsModul > div.myArticle > div.myRight > p.myTitleArticle {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 14px;
}
div.newsflash.myNewsModul > div.myArticle > div.myRight > p.myTitleArticle a {
  color: #323232;
}
/* content */
div.newsflash.myNewsModul > div.myArticle > div.myRight > div.myArticleContent {
  line-height: 20px;
  font-size: 13px;
  font-weight: normal;
  text-align: justify;
  height: 60px;
  overflow: hidden;
}
div.newsflash.myNewsModul > div.myArticle > div.myRight > div.myArticleContent.myNoLink {
  height: 80px;
}
div.newsflash.myNewsModul > div.myArticle > div.myRight > div.myArticleContent p {
  margin-bottom: 0px;
}
/* read more */
div.newsflash.myNewsModul > div.myArticle > div.myRight > a.readmore {
  display: inline-block;
  color: #398ee5;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  background-image: url(icon/readmore.png);
  background-repeat: no-repeat;
  background-position: 100% 55%;
  padding-right: 13px;
}



/* BOTTOM LONG ARTICLE POSITION */
div#myUnderLongArticle {

}
div#myUnderLongArticle > hr {
  margin: 0px 30px;
  /*margin-bottom: 20px;*/
}
div#myUnderLongArticle > div.moduletable {
  margin-bottom: 0px;
}
div#myUnderLongArticle > div.moduletable > div.module-content-handler {

}
div#myUnderLongArticle > div.moduletable > div.module-content-handler > div.module-content {
  padding-bottom: 0px;
}
/* for all modules vm slide menu */
div.myVMSlideMenu {
  padding: 20px 40px;
}
div.myVMSlideMenu div.mySpace {

}
div.myVMSlideMenu div.mySpace:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div.myVMSlideMenu div.myCatCover {
  width: 25%;
  float: left;
  padding: 30px 0px;
  box-sizing: border-box;
}
div.myVMSlideMenu div.myCatCover > p {
  margin-bottom: 0px;
}
div.myVMSlideMenu div.myCatCover > p:nth-child(1) > a {
  display: block;
  width: 200px;
  height: 200px;
  margin: auto;
  position: relative;
}
div.myVMSlideMenu div.myCatCover > p:nth-child(1) > a > img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
div.myVMSlideMenu div.myCatCover > p:nth-child(2) {
  text-align: center;
  min-height: 54px;
  line-height: 50px;
  margin-top: -35px;
  position: relative;
}
div.myVMSlideMenu div.myCatCover > p:nth-child(2) > a {
  display: inline-block;
  background-color: rgba(224, 195, 153, 0.9);
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 75px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 22px;
  text-decoration: none;
  vertical-align: middle;
}


/* MY TOP ARTICLE MUDULE POSITION */
div#myTopArticle {
  background-color: #5ca622;
  color: white;
  font-size: 13px;
  padding: 80px 0px;
}
div#myTopArticle > div.container {

}
div#myTopArticle > div.container > div.myCover {
  display: table;
  width: 100%;
}
div#myTopArticle > div.container > div.myCover > div {
  display: table-cell;
  vertical-align: middle;
}
div#myTopArticle > div.container > div.myCover > div.my1,
div#myTopArticle > div.container > div.myCover > div.my3 {
  width: 28%;
}
div#myTopArticle > div.container > div.myCover > div.my1 {

}
div#myTopArticle > div.container > div.myCover > div.my2 {
  width: 44%;
  padding: 0px 2%;
}
div#myTopArticle > div.container > div.myCover > div.my3 {

}
div#myTopArticle > div.container > div.myCover > div > div.custom > table:last-child,
div#myTopArticle > div.container > div.myCover > div > div.custom > p:last-child {
  margin-bottom: 0px;
}
/* left */
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table {
  width: 100%;
  display: block;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody {
  display: block;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr {
  display: table;
  margin-bottom: 46px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr:last-child {
  margin-bottom: 0px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  line-height: normal;
  font-size: 13px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td:nth-child(1) {
  padding-right: 10px;
  width: 53px;
  border-right: 1px solid rgba(224, 224, 224, 0.40);
  text-align: center;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td:nth-child(2) {
  padding-left: 10px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td > p {
  margin-bottom: 5px;
  line-height: normal;
  font-size: 13px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td > p:last-child {
  margin-bottom: 0px;
}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td:nth-child(1) > p > img {

}
div#myTopArticle > div.container > div.myCover > div.my1 > div.custom > table > tbody > tr > td:nth-child(2) > p:nth-child(1) {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
/* right */
div#myTopArticle > div.container > div.myCover > div.my3 > div.custom > p {
  line-height: 175%;
  margin-bottom: 15px;
}
div#myTopArticle > div.container > div.myCover > div.my3 > div.custom > p:last-child {
  margin-bottom: 0px;
}
div#myTopArticle > div.container > div.myCover > div.my3 > div.custom > p:nth-child(1) {
  font-size: 35px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}
div#myTopArticle > div.container > div.myCover > div.my3 > div.custom a {
  color: white;
}
div#myTopArticle > div.container > div.myCover > div.my3 > div.custom > p:last-child > a {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: normal;
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
  background-image: url(top_banner/href_icon.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  line-height: 22px;
}


/* ARTICLE CONTENT POSITION */
div.myContainerContent {
  /*background-image: url(content/shadow.png);*/
  background-repeat: no-repeat;
  background-position: 50% 0%;
}
div.item-page > div[itemprop="articleBody"] > p:last-child,
div.item-page > div[itemprop="articleBody"] > table:last-child,
div.item-page > div[itemprop="articleBody"] > ul:last-child {
  margin-bottom: 0px;
}
/* main page special text italic */
div.item-page.myIntroArticle > div[itemprop="articleBody"] > h1 {
  /*margin-bottom: 66px;*/
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks {
  font-style: normal;
  text-align: center;
  display: block;
  max-width: 666px;
  margin: 0px auto;
  position: relative;
  padding: 36px 53px;
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks:before,
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks:after {
  content: '';
  position: absolute;
  width: 53px;
  height: 36px;
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks:before {
  background-image: url(content/uvozovka_left.png);
  top: 0px;
  left: 0px;
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks:after {
  background-image: url(content/uvozovka_right.png);
  /*bottom: 0px;*/
  /*right: 0px;*/
  bottom: 5px;
  right: 30px;
}
div.item-page.myIntroArticle > div[itemprop="articleBody"] > .myQuotationMarks > p:last-child {
  margin-bottom: 0px;
}


/* BOTTOM SHORT BANNER */
div#myUnderShortArticle {

}
div#myUnderShortArticle > div.container {

}
div#myUnderShortArticle > div.container > div.myContainer {
  max-width: 1040px;
  margin: 0px auto;
}
/* top special arrow */
div#myUnderShortArticle > div.container > div.myContainer > div.mySpArrow {
  height: 10px;
  background-image: url(bottom_banner/arrow.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
  position: relative;
}
div#myUnderShortArticle > div.container > div.myContainer > div.mySpArrow:before,
div#myUnderShortArticle > div.container > div.myContainer > div.mySpArrow:after {
  content: '';
  position: absolute;
  background-color: #e4e4e4;
  height: 2px;
  width: calc((100% - 124px)/2);
  bottom: 0px;
}
div#myUnderShortArticle > div.container > div.myContainer > div.mySpArrow:before {
  left: 0px;
}
div#myUnderShortArticle > div.container > div.myContainer > div.mySpArrow:after {
  right: 0px;
}
/* content bottom logs */
div.custom.myBottomLogos {
  padding-top: 30px;
  padding-bottom: 95px;
}
div.custom.myBottomLogos > table {
  width: 100%;
  margin-bottom: 10px;
}
div.custom.myBottomLogos > table:last-child {
  margin-bottom: 0px;
}
div.custom.myBottomLogos > table > tbody > tr > td {
  border: 0px;
  padding: 10px 0px;
  vertical-align: middle;
  width: 1%;
  /* center middle image */
  width: 187px;
  text-align: center;
}
div.custom.myBottomLogos > table > tbody > tr > td:first-child {
  text-align: left;
}
div.custom.myBottomLogos > table > tbody > tr > td:last-child {
  text-align: right;
}
div.custom.myBottomLogos > table > tbody > tr > td:nth-child(2n+0) {
  width: auto;
}
div.custom.myBottomLogos > table > tbody > tr > td img {
  max-width: none;
}


/* VERTICAL MENU */
div.moduletable.myVerticalMenu {

}
div.moduletable.myVerticalMenu > div.module-content-handler {

}
div.moduletable.myVerticalMenu > div.module-content-handler > p.myH3 {
  margin-bottom: 0px;
  background-color: #f64d15;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 13px 13px;
  line-height: 18px;
  border-bottom: 1px solid white;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content {
  padding: 0px;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu {
  margin: 0px;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li {
  margin: 0px;
  padding: 0px;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li > a {
  display: block;
  padding: 12px 13px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 14px;
  font-weight: 100;
  background-color: white;
  line-height: 17px;
  text-decoration: none;
  position: relative;
  transition: all 0.2s linear 0s;
  color: #505050;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li:last-child > a {
  border-bottom: 0px;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li > a:before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 3px;
  left: 0px;
  background-color: #f64d15;
  transition: all 0.2s linear 0s;
  opacity: 0;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li.active > a {
  font-weight: 600;
  color: #f64d15;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li.active > a:before {
  opacity: 1;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu:hover > li.active > a {
  color: #505050;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu:hover > li.active > a:before {
  opacity: 0;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li > a:hover,
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu:hover > li.active > a:hover {
  text-decoration: none;
  color: #f64d15;
}
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu > li > a:hover:before,
div.moduletable.myVerticalMenu > div.module-content-handler > div.module-content > ul.menu:hover > li.active > a:hover:before {
  opacity: 1;
}


/* VIRTUE MART */

/* VM CATEGORY */
div.category-view {

}
div.category-view > div.category_description {
  background-color: transparent;
  padding: 0px;
}
/* main content eshop */
div.category-view > div.vendor-store-desc {
  padding: 0px;
}
/* category list and same for product list */
div.category-view > div.category-view {

}
div.category-view > div.category-view > div.row,
div.category-view > div.browse-view > div.row {
  display: block;
  padding: 0px;
}
div.category-view > div.category-view > div.horizontal-separator,
div.category-view > div.browse-view > div.horizontal-separator {
  margin: 0px;
  height: 0px;
}
div.category-view > div.browse-view > div.row > div.product.vm-col-4 {
  width: 23.5%;
  margin-left: 2%;
  margin-bottom: 2%;
  min-width: 0px;
}
div.category-view > div.browse-view > div.row > div.product.vm-col-4:first-child {
  margin-left: 0%;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer {
  margin: 0px !important;
  padding: 0px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background-color: white !important;
  text-align: center;
}
/* img */
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.vm-product-media-container {
  background-color: #fbfbfb;
  width: 100%;
  height: 160px;
  position: relative;
  margin-bottom: 20px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.vm-product-media-container img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  /*padding: 10px;*/
  box-sizing: border-box;
}
/* title */
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  margin-bottom: 4px;
  padding: 0px 3px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle > a {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  display: inline-block;
  text-decoration: none;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle > a:hover {
  text-decoration: none;
  color: #398ee5;
}
/* short description */
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myProductShortDesc {
  font-size: 13px;
  font-weight: 100;
  color: #505050;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 3px;
}
/* price */
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myPrice {
  color: #505050;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-top: 15px;
  margin-bottom: 18px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myPrice span {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}
/* detail button */
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton {
  padding-bottom: 25px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  background-color: #398ee5;
  color: white;
  text-decoration: none;
  padding: 5px 22px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton > a:hover {
  text-decoration: none;
  background-color: #323232;
}
/* VIRTUE MART - VM CATEGORY - page switch */
div.vm-pagination {
  float: none;
}
div.vm-pagination ul {
  float: none;
  display: table;
  width: 100%;
  padding-top: 0px;
}

/* VM PRODUCT DETAIL */
div.myVmMenu.span3 + div.myRight.span9 > div.row-fluid {
  padding-top: 10px;
}
div.productdetails-view.productdetails div.row-fluid > div.myLeftSite {
  float: left;
  width: 45%;
}
div.productdetails-view.productdetails div.row-fluid > div.myRightSite {
  float: left;
  width: 50%;
  margin-left: 5%;
  padding-top: 0px !important;
}
/* title product */
div.productdetails-view.productdetails div.myRightSite > div.mySpacerRightSite > h1 {
  line-height: 100%;
  /*margin-bottom: 20px;*/
}
/* short description */
div.productdetails-view.productdetails div.myProductShortDesc {
  text-align: center;
  font-size: 18px;
  line-height: normal;
  padding: 10px 0px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 13px;
}
/* full description */
div.productdetails-view.productdetails div.myProductFullDesc {
  line-height: 24px;
  font-weight: normal;
  /*text-align: justify;*/
  text-align: left;
}
div.productdetails-view.productdetails div.myProductFullDesc:after,
div.productdetails-view.productdetails div.myProductFullDesc > div.myPart1:after,
div.productdetails-view.productdetails div.myProductFullDesc > div.myPart2 > div:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.productdetails-view.productdetails div.myProductFullDesc > div.myPart2 {
  overflow: hidden;
}
div.productdetails-view.productdetails div.myProductFullDesc span.myReadMore {
  color: #398ee5;
  text-decoration: underline;
  cursor: pointer;
  display: none;  
}
div.productdetails-view.productdetails div.myProductFullDesc span.myReadMore:hover {
  text-decoration: none;  
}
div.productdetails-view.productdetails div.myProductFullDesc span.myReadMore.myClose {
  display: table;
  margin-left: auto;
}
div.productdetails-view.productdetails div.myProductFullDesc p > span.myReadMore.myClose {
  display: inline;
  margin-left: 0px;
}
/* price and cart */
div.productdetails-view.productdetails div.myActionLine {
  padding-top: 10px;
}
div.productdetails-view.productdetails div.myActionLine:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
/* price */
div.productdetails-view.productdetails div.myActionLine > div.myPrice {
  color: #323232;
  font-size: 23px;
  font-weight: normal;
  line-height: 44px;
  float: left;
}
div.productdetails-view.productdetails div.myActionLine > div.myPrice span.PricesalesPrice {
  font-size: 23px;
  font-weight: normal;
}
/* cart */
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area {

}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form {
  margin-bottom: 0px;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form div.addtocart-bar {
  height: auto;
  text-align: center;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity {
  display: inline-block;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityTitle {
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 100;
  color: #323232;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox {
  display: inline-block;
  border-bottom: 1px solid #c8c8c8;
  padding-top: 1px;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-input.js-recalculate {
  width: 29px;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  padding: 0px !important;
  line-height: 42px;
  height: auto;
  border: 0px;
  background: transparent;
  border-radius: 0px !important;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-minus,
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-plus {
  padding: 0px;
  margin: 0px;
  height: 42px;
  width: 11px;
  border: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 200% auto;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-minus:hover,
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-plus:hover {
  background-position: 100% 50%;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-minus {
  background-image: url(vm_cart/minus_active.png);
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.myQuantity > span.myQuantityBox > input.quantity-controls.quantity-plus {
  background-image: url(vm_cart/plus_active.png);
}
/* cart button */
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.addtocart-button {
  float: right;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.addtocart-button > input.addtocart-button {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #398ee5 !important;
  color: white !important;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  padding: 12px 20px;
  padding-right: 43px;
  background-image: url(vm_cart/vm_cart.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  letter-spacing: 0px;
}
div.productdetails-view.productdetails div.myActionLine > div.addtocart-area > form span.addtocart-button > input.addtocart-button:hover {
  background-color: #323232 !important;
}
/* my Availability and Ask button */
div.productdetails-view.productdetails hr.myHr {
  border-color: #f4f4f4;
  margin-top: 24px;
  margin-bottom: 0px;
}
div.productdetails-view.productdetails div.myAvailabilityAsk {
  padding: 19px 0px;
}
/* availability */
div.productdetails-view.productdetails div.myAvailabilityAsk > div.availability {
  text-align: left;
  margin: 0px;
  float: left;
  font-size: 13px;
  color: #323232;
  font-weight: 600;
  line-height: 20px;
  padding-left: 27px;
  background-image: url(vm_availability/availability-att.png);
  background-repeat: no-repeat;
  background-position: 0px 50%;
}
div.productdetails-view.productdetails div.myAvailabilityAsk > div.availability.myOK {
  background-image: url(vm_availability/availability.png);
}
/* ask button */
div.productdetails-view.productdetails div.ask-a-question {
  text-align: right;
  line-height: 20px;
  margin: 0px;
}
div.productdetails-view.productdetails div.ask-a-question > a.ask-a-question {
  padding: 0px;
  display: inline-block;
  line-height: 20px;
  color: #398ee5 !important;
  font-size: 13px;
  font-weight: 100;
  text-decoration: underline !important;
  margin: 0px;
  border-radius: 0px !important;
  border: 0px;
  transition: background 0.2s linear 0s;
  background: transparent !important;
  vertical-align: top;
}
div.productdetails-view.productdetails div.ask-a-question > a.ask-a-question:hover {
  text-decoration: none !important;
}
/* images product */
div.productdetails-view.productdetails div.main-image {
  padding: 0px;
}
div.productdetails-view.productdetails div.main-image > div.product-details-image-handler {
  border: 0px;
  background-color: #f0f0f0;
  padding: 0px;
  /*padding: 10px;*/
}
div.productdetails-view.productdetails div.main-image > div.product-details-image-handler img {
  max-width: 100%;
  max-height: none;
}
/* additional images product */
div.productdetails-view.productdetails div.additional-images {
  margin: 0px -5px;
  padding-bottom: 10px;
}
div.productdetails-view.productdetails div.additional-images > div.floatleft {
  width: 33.33%;
  /*height: 82px;*/
  height: 92px;
  padding: 0px 5px;
  padding-top: 10px;
  box-sizing: border-box;
}
div.productdetails-view.productdetails div.additional-images > div.floatleft:nth-child(3n+0) {
  width: 33.34%;
}
div.productdetails-view.productdetails div.additional-images > div.floatleft > a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #f0f0f0;
}
div.productdetails-view.productdetails div.additional-images > div.floatleft > a > img {
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
/* tilte pop up image */
div#fancybox-title.fancybox-title-inside {
  display: none !important;
}
/* VM PRODUCT - CUTOM FILELD PARAMS */
div.myCustomFieldsParams {
  margin-top: 10px;
  padding-bottom: 15px;
}
div.myCustomFieldsParams > div.myTable {
  display: table;
  width: 100%;
  border-spacing: 0px;
  /*border-collapse: separate;*/
  border-collapse: collapse;
}
div.myCustomFieldsParams > div.myTable > div.myRow {
  display: table-row;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div {
  display: table-cell;
  border: 1px solid #c8c8c8;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  /*padding: 10px 3px;*/
  padding: 5px 2px;
  vertical-align: middle;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader {
  background-color: #f8f8f8;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #323232;
  line-height: 20px;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader .myImg,
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader .myTitle {
  vertical-align: top;
  line-height: 20px;
  display: inline-block;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader .myImg {
  height: 20px;
  position: relative;
  margin-right: 7px;
  /*width: 17px;*/
  width: auto;
  display: none;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader .myImg > img {
  /*position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;*/
  max-height: 100%;
  display: block;
  /*height: 100%;*/
  height: auto;
}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myHeader .myTitle {

}
div.myCustomFieldsParams > div.myTable > div.myRow > div.myVal {
  color: #787878;
  border-bottom: 2px solid #ababab;
}
div.myCustomFieldsParams > div.myTable > div.myRow:last-child > div.myVal {
  border: 1px solid #c8c8c8;
}
div.myCustomFieldsParams > div.myTable.myCol4 > div.myRow > div.myEmpty {
  border: 1px solid transparent;
}
div.myCustomFieldsParams > div.myTable.myCol1 > div.myRow > div {
  width: 100%;
}
div.myCustomFieldsParams > div.myTable.myCol2 > div.myRow > div {
  width: 50%;
}
div.myCustomFieldsParams > div.myTable.myCol3 > div.myRow > div {
  width: 33.33%;
}
div.myCustomFieldsParams > div.myTable.myCol4 > div.myRow > div {
  width: 25%;
}


/* NEW CSS STYLES */
div#myTopBanner1.container {
  /*margin-top: -110px;*/
  position: relative;
  z-index: 2;
  background-color: white;
  top: -110px;
  margin-bottom: -110px;
}
div#myTopBanner1.container > div.myCover {

}
div#myTopBanner1.container div.custom.myBottomSlideShow {

}
div#myTopBanner1.container div.custom.myBottomSlideShow > table {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody,
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr {
  display: block;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td {
  display: block;
  padding: 0px;
  float: left;
  border: 0px;
  box-sizing: border-box;
  text-align: center;
  padding: 17px 10px;
  position: relative;
  width: 7.70%;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  background-color: #f9f9f7;
  height: 107px;
  margin-top: -17px;
  margin-left: -12px;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:first-child:before {
  display: none;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:nth-child(n+4) {
  width: 7.69%;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p {
  margin-bottom: 0px;
}
/* img */
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:nth-child(1) {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 10px;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:nth-child(1) > img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.2s linear 0s;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:nth-child(1) > img:nth-child(1) {
  opacity: 1;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:nth-child(1) > img:nth-child(2) {
  opacity: 0;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:hover > p:nth-child(1) > img:nth-child(1) {
  opacity: 0;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:hover > p:nth-child(1) > img:nth-child(2) {
  opacity: 1;
}
/* text */
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:nth-child(2) {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #323232;
  text-decoration: none;
  transition: all 0.2s linear 0s;
}
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td:hover > p:nth-child(2) {
  /*color: #a0a0a0;*/
  text-decoration: underline;
}
/* link */
div#myTopBanner1.container div.custom.myBottomSlideShow > table > tbody > tr > td > p:last-child > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  color: transparent;
  text-align: center;
}


/* ADD NEW POSITION myUnderLong1 */
section#myUnderLong1 {
  height: 500px;
  overflow: hidden;
  background-image: url(banners/kompletni_instalace_bg2.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
section#myUnderLong1 > div.container {
  height: 100%;
}
div.custom.myBanner1 {
  height: 100%;
  color: white;
  font-size: 18px;
  font-weight: normal;
}
div.custom.myBanner1 p {
  margin-bottom: 15px;
}
div.custom.myBanner1 p:last-child {
  margin-bottom: 0px;
}
div.custom.myBanner1 a {
  color: white;
}
div.custom.myBanner1 > table {
  margin-bottom: 0px;
  height: 100%;
}
div.custom.myBanner1 > table > tbody > tr > td {
  border: 0px;
  vertical-align: middle;
  padding: 0px;  
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) {
  padding-top: 43px;
  /*width: 43%;*/
  width: 39%;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:first-child {
  font-size: 45px;
  font-weight: 600;
  line-height: normal;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:last-child > a {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  padding: 15px 21px;
  background-color: #398ee5;
  transition: all 0.2s linear 0s;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:last-child > a:active,
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:last-child > a:visited,
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:last-child > a:focus {
  text-decoration: none;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:last-child > a:hover {
  text-decoration: none;
  /*background-color: #a0a0a0;*/
  background-color: #323232;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(2) {
  text-align: right;
}
div.custom.myBanner1 > table > tbody > tr > td:nth-child(2) > p {
  margin-bottom: 0px;
}


/* BR PRODUCTS SLIDER */
div.slick-slider.myBrProductSlider {
  margin-bottom: 0px;
  padding-bottom: 54px;
  /*margin: 0px -15px;*/
  margin-left: -15px;
}
/* slide button */
div.slick-slider.myBrProductSlider > ul.slick-dots {
  margin: 0px;
  bottom: 21px;
  line-height: 0px;
}
div.slick-slider.myBrProductSlider > ul.slick-dots > li {
  width: auto;
  height: auto;
  margin: 0px 5px;
  line-height: normal;
  vertical-align: top;
}
div.slick-slider.myBrProductSlider > ul.slick-dots > li > button {
  margin: 0px;
  width: 12px;
  height: 12px;
  padding: 0px;
  border-radius: 0px !important;
  background-color: transparent !important;
}
div.slick-slider.myBrProductSlider > ul.slick-dots > li > button:before {
  content: '';
  width: 12px;
  height: 4px;
  background-color: #696969;
  color: transparent;
  opacity: 1;
  margin: 4px 0px;
}
div.slick-slider.myBrProductSlider > ul.slick-dots > li.slick-active > button:before,
div.slick-slider.myBrProductSlider > ul.slick-dots > li:hover > button:before {
  background-color: #398ee5 !important;
}
/* products */
div.slick-slider.myBrProductSlider > div.slick-list {

}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track {

}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product {
  padding: 0px 15px;
  box-sizing: border-box;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer {
  background-color: white;
}
/* img */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myImg {
  width: 100%;
  height: 153px;
  /*background-color: #f1f1f1;*/
  background-color: rgba(241, 241, 241, 0.3);
  position: relative;
  margin-bottom: 20px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myImg > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  /*max-height: 146px;*/
  /*max-width: 277px;*/
  /*padding: 10px;*/
  box-sizing: border-box;
}
/* title */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myTitle {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  margin-bottom: 4px;
  padding: 0px 3px;
}
/* description */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myDesc {
  font-size: 13px;
  font-weight: 100;
  color: #505050;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 3px;
}
/* price */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myPrice {
  color: #505050;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-top: 15px;
  margin-bottom: 18px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myPrice span.PricesalesPrice,
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myPrice span.PricebasePrice {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}
/* button */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton {
  padding-bottom: 25px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  background-color: #398ee5;
  color: white;
  text-decoration: none;
  padding: 5px 22px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton > a:hover {
  text-decoration: none;
  /*background-color: #a0a0a0;*/
  background-color: #323232;
}


/* ADD NEW POSITION myTopProducts */
section#myTopProducts {
  background-color: #1e1e1e;
  /*background-image: url(top_products/bg_top_products.png);*/
  background-image: url(top_products/bg_top_products.jpg);
  background-size: cover;
  padding: 40px 0px;
}
section#myTopProducts > div.container {
  overflow: hidden;  
}
div.myProductSliderWithCount {
  position: relative;
}
div.myProductSliderWithCount:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div.myProductSliderWithCount > div.myLeft {
  width: 79%;
  float: left;
  overflow: hidden;
}
div.myProductSliderWithCount > div.myRight {
  width: 16.5%;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: table;
  margin: auto 0px;
}
/* products counter */
div#myProductsCounter {
  color: #c1c1c1;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
}
div#myProductsCounter > div.myTitle {
  color: white;
  font-size: 33px;
  line-height: 34px;
  font-weight: bold;
  padding-bottom: 15px;
}
/* products counter - arrow */
div#myProductsCounter > div.myArrow {
  display: table;
  width: 100%;
  margin-top: 39px;
}
div#myProductsCounter > div.myArrow > span {
  width: 29px;
  height: 29px;
  background-color: transparent;
  box-sizing: border-box;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 200% auto;
  display: block;
  color: transparent;
  border: 2px solid white;
  float: left;
  cursor: pointer;
  transition: all 0.2s linear 0s;
}
div#myProductsCounter > div.myArrow > span:hover {
  border: 2px solid #398ee5;
}
div#myProductsCounter > div.myArrow > span.myBack {
  background-image: url(slideshow/arrow_left_active.png);
  background-position: 0% 50%;
  margin-right: 10px;
}
div#myProductsCounter > div.myArrow > span.myNext {
  background-image: url(slideshow/arrow_right_active.png);
  background-position: 100% 50%;
}
div#myProductsCounter > div.myArrow > span.myBack:hover {
  background-position: 100% 50%;
}
div#myProductsCounter > div.myArrow > span.myNext:hover {
  background-position: 0% 50%;
}
/* products views */
div.myProductSliderWithCount div.slick-slider.myBrProductSlider {
  padding-bottom: 0px;
}


/* ADD NEW POSITION myUnderLong2 */
section#myUnderLong2 {
  background-color: #282828;
  padding-top: 50px;
}
section#myUnderLong2 > div.container {
  overflow: hidden;  
} 


/* ADD NEW POSITION myUnderFooter */
section#myUnderFooter {
  background-color: white;
}
section#myUnderFooter > div.container > div.myLeft,
section#myUnderFooter > div.container > div.myRight {
  float: left;
}
section#myUnderFooter > div.container > div.myLeft {
  width: 60%;
}
section#myUnderFooter > div.container > div.myRight {
  margin-left: 5%;
  width: 35%;
}
/* title for both modules */
div.bfFormDiv.myMessageForm form p.myTitle,
div.custom.myUnderFooterContact > p.myTitle {
  font-size: 32px;
  font-weight: normal;
  line-height: 44px;
  margin-bottom: 0px;
  padding-top: 50px;
  padding-bottom: 40px;
}
/* MY FOOTER FORM STYLES */
div.bfFormDiv.myMessageForm form p.myTitle {
  color: #323232;
}
/* MY UNDER CONTACT MODUL STYLES */
div.custom.myUnderFooterContact {
  min-height: 611px;
  background-color: #4283c5;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 38px;
  color: white;
  font-size: 15px;
  line-height: normal;
  font-weight: 100;
}
div.custom.myUnderFooterContact > p:last-child,
div.custom.myUnderFooterContact > table:last-child {
  margin-bottom: 0px;
}
div.custom.myUnderFooterContact > p.myTitle {
  color: white;
}
div.custom.myUnderFooterContact > table {
  width: 100%;
  margin-bottom: 0px;
}
div.custom.myUnderFooterContact > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  vertical-align: top;
  padding-top: 28px;
  line-height: 22px;
}
div.custom.myUnderFooterContact > table > tbody > tr:first-child > td {
  padding-top: 0px;
}
div.custom.myUnderFooterContact > table > tbody > tr > td:first-child {
  text-align: center;
  padding-right: 17px;
  line-height: normal;
}
div.custom.myUnderFooterContact > table > tbody > tr > td > p {
  margin-bottom: 0px;
}
div.custom.myUnderFooterContact > table > tbody > tr > td a {
  color: white;
}
/* social link styles */
div.custom.myUnderFooterContact > div.mySocialLink {
  padding-top: 50px;
}
div.custom.myUnderFooterContact > div.mySocialLink:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
div.custom.myUnderFooterContact > div.mySocialLink > p {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative;
}
div.custom.myUnderFooterContact > div.mySocialLink > p > a {

}
div.custom.myUnderFooterContact > div.mySocialLink > p img {
  display: block;
  transition: opacity 0.2s linear 0s;
}
div.custom.myUnderFooterContact > div.mySocialLink > p > a > img:nth-child(1) {
  opacity: 1;
}
div.custom.myUnderFooterContact > div.mySocialLink > p > a:hover > img:nth-child(1) {
  opacity: 0;
}
div.custom.myUnderFooterContact > div.mySocialLink > p > a > img:nth-child(2) {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
}
div.custom.myUnderFooterContact > div.mySocialLink > p > a:hover> img:nth-child(2) {
  opacity: 1;
}


/* VM SEARCH MODUL right in top menu */
div.myModulSearch {
  float: right;
  line-height: 74px;
  height: 74px;
  position: relative;
  z-index: 10;
}
div.myModulSearch > form {
  margin: 0px;
}
div.myModulSearch > form > div.search {
  height: 30px;
  position: relative;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
/* button */
div.myModulSearch > form > div.search > input.button {
  border-radius: 0px !important;
  padding: 7px 6px 6px 7px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  background-color: transparent !important;
}
div.myModulSearch > form > div.search > input.button:hover {
  background-color: #a0a0a0 !important;
}
/* text input */
div.myModulSearch > form > div.search > input#mod_virtuemart_search {
  font-size: 14px;
  font-weight: 100;
  color: #a0a0a0;
  line-height: 28px;
  height: 28px;
  box-sizing: content-box;
  margin: 0px;
  border-radius: 0px !important;
  border: 0px !important;
  border-bottom: 1px solid rgba(200, 200, 200, 0.40) !important;
  width: 150px;
  padding: 0px 5px !important;
  padding-top: 1px !important;
  padding-left: 30px !important;
  vertical-align: top;
}


/* MODUL REVIEW */
section#myUnderLong3 {
  background-color: #fafafa;
}
section#myUnderLong3:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
section#myUnderLong3 > div {
  float: left;
  min-height: 3px;
}
section#myUnderLong3 > div.myLeft {
  width: 47%;
}
div.custom.myReviewImg > table {
  margin-bottom: 0px;
  width: 100%;
  display: block;
  height: 436px;
}
div.custom.myReviewImg > table > tbody,
div.custom.myReviewImg > table > tbody > tr {
  display: block;
}
div.custom.myReviewImg > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  display: block;
  float: left;
  width: 33.33%;
  height: 218px;
}
div.custom.myReviewImg > table > tbody > tr > td:first-child {
  width: 33.34%;
}
div.custom.myReviewImg p {
  margin-bottom: 0px;
  height: 100%;
}
div.custom.myReviewImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* right site */
section#myUnderLong3 > div.myRight {
  width: 53%;
  height: 436px;
  overflow: hidden;
}
section#myUnderLong3 > div.myRight > div.custom {
  height: 100%;
  position: relative;
  background-size: cover;
}
section#myUnderLong3 > div.myRight > div.custom > table {
  width: calc(100% - (((100% * (100/53)) - 1206px) / 2));
  margin-bottom: 0px;
  /*position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto 0px;*/
  max-width: none;
  height: 100%;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td {
  border: 0px;
  padding: 0px 8%;
  color: #282828;
  font-size: 16px;
  text-align: justify;
  font-weight: normal;
  vertical-align: middle;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1) {
  font-size: 18px;
  font-style: italic;
  padding: 0px 8.5%;
  padding-top: 24px;
  padding-bottom: 7px;
  position: relative;
  margin-bottom: 45px;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1):before,
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1):after {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1):before {
  background-image: url(review/mark_left.png);
  width: 35px;
  height: 22px;
  top: 0px;
  left: 0px;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1):after {
  background-image: url(review/mark_right.png);
  width: 34px;
  height: 22px;
  bottom: 0px;
  right: 0px;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(1):before {
  background-image: url(review/mark_left.png);
  width: 35px;
  height: 22px;
  top: 0px;
  left: 0px;
}
section#myUnderLong3 > div.myRight > div.custom.myNoQuotes > table > tbody > tr > td > p:nth-child(1):after,
section#myUnderLong3 > div.myRight > div.custom.myNoQuotes > table > tbody > tr > td > p:nth-child(1):before {
  display: none;
}
section#myUnderLong3 > div.myRight > div.custom > table > tbody > tr > td > p:nth-child(2) {
  text-align: right;
}


/* VM MENU */
/* level all */
ul.myVMmenu ul {
  margin: 0px;
  padding-bottom: 15px;
}
ul.myVMmenu li {
  list-style: none;
}
ul.myVMmenu li.myClose > div:nth-child(2) {
  height: 0px;
  overflow: hidden;
}
ul.myVMmenu li > div:nth-child(1) {
  position: relative;
}
ul.myVMmenu li > div > span.myArrow {
  position: absolute;
  width: 10px;
  height: 20px;
  top: 10px;
  right: 3px;
  cursor: pointer;
  box-sizing: border-box;
  /*padding: 5px;*/
  padding: 5px 0px;
}
ul.myVMmenu ul.level2 > li > div > span.myArrow {
  top: 3px;
}
ul.myVMmenu li > div > span.myArrow:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url(vmmenu/arrow.png);
  background-position: -30px 50%;
}
ul.myVMmenu li > div > span.myArrow:hover:before {
  background-position: -20px 50%;
}
ul.myVMmenu li.myOpen > div > span.myArrow:before {
  background-position: 0px 50%;
}
ul.myVMmenu li.myOpen > div > span.myArrow:hover:before {
  background-position: -10px 50%;
}
ul.myVMmenu li > div > span.myArrow + a {
  margin-right: 26px;
}
ul.myVMmenu li > div > a {
  font-size: 14px;
  color: #505050;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  display: block;
}
ul.myVMmenu li.myActive > div > a {
  color: #398ee5;
}
ul.myVMmenu li.myCurrent > div > a {
  text-decoration: underline;
}
ul.myVMmenu:hover li.myCurrent > div > a {
  text-decoration: none;
}
ul.myVMmenu:hover li.myCurrent > div > a:hover {
  text-decoration: underline;
}
ul.myVMmenu li > div > a:hover {
  /*color: #398ee5;*/
  text-decoration: underline;
}
/* level 1 */
ul.myVMmenu {
  margin: 0px;
  margin-bottom: 30px;
}
ul.myVMmenu > li {
  border-bottom: 1px solid #e6e6e6;
}
ul.myVMmenu > li > div > a {
  font-size: 15px;
  color: #282828;
  padding: 10px 0px;
}
/* level 2 */ 
ul.myVMmenu > li > div > ul > li > div > a {
  padding: 3px 0px;
  /*padding-left: 25px;*/
  padding-left: 13px;
}
/* level 3 */
ul.myVMmenu > li > div > ul > li > div > ul > li > div > a {
  padding: 3px 0px;
  padding-left: 26px;
}


/* VM RESOLUTION */
div.myVmMenu.span3 {
  /*width: 17.5%;*/
  width: 210px;
}
div.myVmMenu.span3 + div.category-view.span9 {
  clear: none;
  margin-left: 3.5%;
  /*width: 79%;*/
  width: calc(100% - 210px - 3.5%);
}
div.myVmMenu.span3 + div.myRight.span9 {
  margin-left: 3.5%;
  /*width: 79%;*/
  width: calc(100% - 210px - 3.5%);
}


/* RELATED PRODUCTS */
div.my-product-related-products {
  border-top: 1px solid #e5e5e5;
  margin-top: 15px;
}
/* title */
div.my-product-related-products > div.myTitle {
  color: #323232;
  font-size: 26px;
  font-weight: normal;
  line-height: normal;
  padding: 20px 0px;
}
/* product spacer */
div.my-product-related-products > div.myFieldType-R {
  width: 18.48%;
  margin-left: 1.9%;
  margin-right: 0%;
  margin-bottom: 1.9%;
  float: left;
  clear: none;
  display: block;
}
div.my-product-related-products > div.myFieldType-R:nth-child(5n+2) {
  margin-left: 0%;
}
/* for my product related conteiner */
div.my-related-product-container {
  border: 1px solid #e6e6e6;
  background-color: white !important;
  text-align: center;
}
/* for my product related conteiner - img */
div.my-related-product-container > div.myImg {
  background-color: #fbfbfb;
  width: 100%;
  height: 160px;
  position: relative;
  margin-bottom: 20px;
}
div.my-related-product-container > div.myImg img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
/* for my product related conteiner - title */
div.my-related-product-container > div.myTitle {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  margin-bottom: 4px;
  padding: 0px 3px;
}
div.my-related-product-container > div.myTitle > a {
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  line-height: 22px;
  display: inline-block;
  text-decoration: none;
}
div.my-related-product-container > div.myTitle > a:hover {
  text-decoration: none;
  color: #398ee5;
}
/* for my product related conteiner - short desc */
div.my-related-product-container > div.myShortDesc {
  font-size: 13px;
  font-weight: 100;
  color: #505050;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 3px;
}
/* for my product related conteiner - price */
div.my-related-product-container > div.myPrice {
  color: #505050;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-top: 15px;
  margin-bottom: 18px;
}
div.my-related-product-container > div.myPrice span {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}
/* for my product related conteiner - detail button */
div.my-related-product-container > div.myVmDetailsButton {
  padding-bottom: 25px;
}
div.my-related-product-container > div.myVmDetailsButton > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  background-color: #398ee5;
  color: white;
  text-decoration: none;
  padding: 5px 22px;
}
div.my-related-product-container > div.myVmDetailsButton > a:hover {
  text-decoration: none;
  background-color: #323232;
}


/* VP one Cart for vm */
button#proopc-order-submit,
button#proopc-task-savecoupon,
button#proopc-task-guestcheckout,
button#proopc-task-loginajax {
  background: #398ee5 !important;
  color: white !important;
  border: 0px;
  text-shadow: none;
}
button#proopc-order-submit:hover,
button#proopc-task-savecoupon:hover,
button#proopc-task-guestcheckout:hover,
button#proopc-task-loginajax:hover {
  background: #323232 !important;
  color: white !important;
}
button#proopc-task-guestcheckout,
button#proopc-task-loginajax {
  padding-top: 7px;
  padding-bottom: 7px;
}
/* VP one Cart for vm - button reload and detele product */
button.proopc-btn.proopc-task-updateqty,
button.remove_from_cart.proopc-btn.proopc-task-deleteproduct {
  border: 0px;
}
button.proopc-btn.proopc-task-updateqty {
  background: #31af49 !important;
  margin-right: 0px;
  margin-top: 0px;
}
button.remove_from_cart.proopc-btn.proopc-task-deleteproduct {
  background: #ed750b !important;
}
button.proopc-btn.proopc-task-updateqty:hover,
button.remove_from_cart.proopc-btn.proopc-task-deleteproduct:hover {
  background: #9f9f9f !important;
}
button.proopc-btn.proopc-task-updateqty > i,
button.remove_from_cart.proopc-btn.proopc-task-deleteproduct > i {
  margin-top: 2px;
}
/* ONE PAGE CART - fancybox-content */
div#fancybox-content button.fancy-close {
  width: 20px;
  opacity: 1;
  font-size: 19px;
}
div#fancybox-content .fancy-tos-head > h3.fancy-tos-title {
  line-height: normal;
}
/* ONE PAGE CART - error message */
div#ProOPC .proopc-error-msg {
  background-color: white;
  color: #B00002;
}
/* ONE PAGE CART - error message - button close */
div#ProOPC button.close[type="button"] {
  padding: 0px;
  opacity: 1;
  line-height: 16px;
  height: 16px;
  vertical-align: top;
  padding-bottom: 4px;
  box-sizing: content-box;
  margin: 0px;
  margin-top: 1px;
}
/* VP one Cart for vm - button in intro */
div#ProOPC div.proops-login-inputs button#proopc-task-guestcheckout,
div#ProOPC div.proops-login-inputs button#proopc-task-loginajax {
  margin-left: 0px;
  margin-right: 0px;
}
/* ONE PAGE CART - input intro */
div#ProOPC .proopc-input-append input[type="text"],
div#ProOPC .proopc-input-append input[type="email"],
div#ProOPC .proopc-input-append input[type="password"] {
  border-radius: 0px !important;
  width: 100% !important;
  box-sizing: border-box;
  min-height: 30px;
}
#ProOPC textarea,
#ProOPC input[type="text"],
#ProOPC input[type="password"],
#ProOPC input[type="datetime"],
#ProOPC input[type="datetime-local"],
#ProOPC input[type="date"],
#ProOPC input[type="month"],
#ProOPC input[type="time"],
#ProOPC input[type="week"],
#ProOPC input[type="email"],
#ProOPC input[type="url"],
#ProOPC input[type="search"],
#ProOPC input[type="tel"],
#ProOPC input[type="color"],
#ProOPC .uneditable-input {
  border-radius: 0px !important;
  width: 100% !important;
  box-sizing: border-box;
  min-height: 36px;
  border-width: 1px !important;
}
div#ProOPC select {
  height: 36px;
  border-radius: 0px !important;
  border-width: 1px !important;
}
/* psc and city */
div#ProOPC div.proopc-row.group-enabled div.zip-group {
  width: 30%;
}
div#ProOPC div.proopc-row.group-enabled div.city-group {
  width: 67%;
  margin-left: 3%;
}

/* ARTICLE CONTACT - table for rerson contacts */
table.myContactPerson {
  width: auto;
}
table.myContactPerson td {
  border: 0px;
}
table.myContactPerson td:first-child {
  padding-left: 0px;
}
table.myContactPerson td:last-child {
  padding-right: 0px;
}


/* change 15.05.2020 */
div.vmgroup.myFavouriteProducts > ul.vmproduct.product-details.row-fluid > li > div.spacer > div.myTitle,
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle {
  height: 66px;
  overflow: hidden;
}