/* MY CSS STYLE FOR TEMPLATE */

/* Roboto - Regular 400, Italic, Bold 700, Light 300, Thin 100, Medium 500, Black 900 */
@font-face {/* Regular 400 */
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-regular.woff') format('woff');;
  font-weight: normal;
  font-style: normal;
}
/* Italic */
/*@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-italic.woff') format('woff');;
  font-weight: normal;
  font-style: italic;
}   */
/* Bold 700 */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-bold.woff') format('woff');;
  font-weight: bold;
  font-style: normal;
} */
/* Bold 700, italic */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-bolditalic.woff') format('woff');;
  font-weight: bold;
  font-style: italic;
} */
/* Light 300 */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-light.woff') format('woff');;
  font-weight: 300;
  font-style: normal;
} */
/* Light 300, italic */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-lightitalic.woff') format('woff');;
  font-weight: 300;
  font-style: italic;
} */
/* Thin 100 */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-thin.woff') format('woff');;
  font-weight: 100;
  font-style: normal;
} */
/* Thin 100, italic */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-thinitalic.woff') format('woff');;
  font-weight: 100;
  font-style: italic;
} */
@font-face {/* Medium 500 */
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-medium.woff') format('woff');;
  font-weight: 500;
  font-style: normal;
}
/* Medium 500, italic */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-mediumitalic.woff') format('woff');;
  font-weight: 500;
  font-style: italic;
} */
/* Black 900 */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-black.woff') format('woff');;
  font-weight: 900;
  font-style: normal;
} */
/* Black 900, italic */
/*
@font-face {
    font-family: myRoboto;
  font-display: swap;
  src: url('/templates/add-fonts/roboto/roboto-blackitalic.woff') format('woff');;
  font-weight: 900;
  font-style: italic;
} */

/* PlayfairDisplaySC - Regular 400, Italic, Bold 700, Black 900 */
@font-face {/* Regular 400 */
    font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-regular.woff') format('woff');;
  font-weight: normal;
  font-style: normal;
}
/* Italic */
/*
@font-face {
    font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-italic.woff') format('woff');;
  font-weight: normal;
  font-style: italic;
} */
/* Bold 700 */
/*
@font-face {
    font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-bold.woff') format('woff');;
  font-weight: bold;
  font-style: normal;
} */
/* Bold 700, italic */
/*
@font-face {
    font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-bolditalic.woff') format('woff');;
  font-weight: bold;
  font-style: italic;
} */
/* Black 900 */
/*
@font-face {
    font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-black.woff') format('woff');;
  font-weight: 900;
  font-style: normal;
} */
/* Black 900, italic */
/*
@font-face {
      font-family: myPlayfairDisplaySC;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display-sc/playfairdisplaysc-blackitalic.woff') format('woff');;
  font-weight: 900;
  font-style: italic;
} */

/* PlayfairDisplay - Regular 400, Italic, Medium 500, Semi-bold 600, Bold 700, Extra-bold 800, Black 900 */
/* Regular */
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-regular.woff') format('woff');;
  font-weight: normal;
  font-style: normal;
}
/* Italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-italic.woff') format('woff');;
  font-weight: normal;
  font-style: italic;
} */
/* Medium 500 */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-medium.woff') format('woff');;
  font-weight: 500;
  font-style: normal;
} */
/* Medium 500, italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-mediumitalic.woff') format('woff');;
  font-weight: 500;
  font-style: italic;
} */
/* Semi-bold 600 */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-semibold.woff') format('woff');;
  font-weight: 600;
  font-style: normal;
}                  */
/* Semi-bold 600, italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-semibolditalic.woff') format('woff');;
  font-weight: 600;
  font-style: italic;
}     */
/* Bold 700 */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-bold.woff') format('woff');;
  font-weight: bold;
  font-style: normal;
}*/
/* Bold 700, italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-bolditalic.woff') format('woff');;
  font-weight: bold;
  font-style: italic;
} */
/* Extra-bold 800 */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-extrabold.woff') format('woff');;
  font-weight: 800;
  font-style: normal;
} */
/* Extra-bold 800, italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-extrabolditalic.woff') format('woff');;
  font-weight: 800;
  font-style: italic;
} */
/* Black 900 */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-black.woff') format('woff');;
  font-weight: 900;
  font-style: normal;
} */
/* Black 900, italic */
/*
@font-face {
    font-family: myPlayfairDisplay;
  font-display: swap;
  src: url('/templates/add-fonts/playfair-display/playfairdisplay-blackitalic.woff') format('woff');;
  font-weight: 900;
  font-style: italic;
} */


/* POUZITE FONTY PISMA */
body,
body input,
body select,
body textarea,
body button {
  font-family: myRoboto;
}
div#slideshow-handler div.sl-3rd-parties div.custom > table td {
  font-family: myPlayfairDisplaySC;
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock > div.sppb-addon-content,
div.myBanner2 div.sppb-addon-text-block.myLeftText,
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > div:nth-child(1),
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > div:nth-child(2) {
  font-family: myPlayfairDisplay;
}
div.custom.myLogo > p:nth-child(2) {
  /*font-family: myOpenSans;*/
}
nav#menu,
div.mod-languages.myLangMenu,
#footer-line ul.menu.myFooterMenu,
div.moduletable.myArtMenu {
  /*font-family: myOpenSans;*/
}
div.moduletablemySendNews table.acymailing_form td.acyfield_email input,
div.moduletablemySendNews table.acymailing_form td.acysubbuttons input {
  /*font-family: mySegoeUi;*/
}


/* OPRAVA NEW JCE POP UP */
div.wf-mediabox button {
  background-color: transparent !important;
  /*color: #666 !important;*/
  color: #666 !important;
}
div.wf-mediabox button:hover {
  /*color: #888 !important;*/
  color: #000 !important;
}
.wf-mediabox-theme-light .wf-mediabox-next,
.wf-mediabox-theme-light .wf-mediabox-prev {
  /*background-color: transparent !important;*/
}
.wf-mediabox-theme-light .wf-mediabox-caption h4 {
  display: none;
}
.wf-mediabox-theme-light .wf-mediabox-caption p {

}


/* 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;
}


/* OPRAVA VM FANCYBOX (vm pop up) */
#fancybox-wrap,
#fancybox-content {
  box-sizing: content-box;
}


/* GOOGLE MAP PLUGIN */
div.myContactMap button,
div.map button {
  background-color: white !important;
  border-radius: 0px !important;
}
div.map button.gm-ui-hover-effect {
  top: 1px !important;
  right: 1px !important;
  width: 16px !important;
  height: 16px !important;
}
div.map button.gm-ui-hover-effect img {
  margin: auto !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 {
  top: 1px !important;
  right: 1px !important;
  width: 16px !important;
  height: 16px !important;
}
div.bt-googlemaps button.gm-ui-hover-effect img {
  margin: auto !important;
}
/* BT GOOGLE MAPS MODUL - styling info popup text */
div.myGMapText {
  color: black;
  text-align: center;
}


/* !!! START - SP Builder STYLES !!! */
/* SP Builder row coloms withou spacer between */
@media (min-width: 992px) {
  div.sppb-section.myRowNoSpaceBetween > div.sppb-container-inner > div.sppb-row > div:nth-child(n+2):nth-last-child(n+2) {
    padding-left: 0px;
    padding-right: 0px;
  }
  div.sppb-section.myRowNoSpaceBetween > div.sppb-container-inner > div.sppb-row > div:first-child {
    padding-right: 0px;
  }
  div.sppb-section.myRowNoSpaceBetween > div.sppb-container-inner > div.sppb-row > div:last-child {
    padding-left: 0px;
  }
}
/* SP Builder Titles */
.sppb-addon-title {
    text-align: center;
    color: #7b0929;
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
div.myTitleBlock.ver2 .sppb-addon-title {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: normal;
}
.sppb-addon-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #7b0929;
    margin: auto;
    margin-top: 8px;
    font-weight: 100;
}
/* SP Builder Titles - title block */
div.myTitleBlock div.sppb-addon-content,
div.myTitleBlock div.sppb-addon-content h1,
div.myTitleBlock div.sppb-addon-content h2 {
    text-align: center;
    color: #1c1c1c;
    font-size: 55px;
    font-weight: 400;
    line-height: 110%;
    margin: 0px;
}
div.myTitleBlock.ver2 div.sppb-addon-content {
  font-size: 37px;
  margin-top: 24px;
  margin-bottom: 28px;
  /*letter-spacing: 7px;*/
  line-height: 120%;
}
/* SP Builder - image style */
div.sppb-addon-single-image.myImgBlock img {
  border-radius: 8px;
  width: 470px;
  max-width: 100%;
}
/* !!! END - SP Builder STYLES !!! */


/* IFRAME MAPA */
div.myIframeMap {
  border: 1px solid #cdcdcd;
  width: 100%;
  display: table;
  max-width: calc(100% - 1px);
}
div.myIframeMap iframe {
  display: block;
}


/* START!!! - flex for all OWL SLIDER */
.owl-carousel {
  /*overflow: hiddien;*/
  width: calc(100% + 2px);
}
.owl-carousel .owl-wrapper-outer {
  /*width: calc(100% + 3px);*/
  width: 100%;
}
.owl-carousel .owl-wrapper-outer > .owl-wrapper {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  /*flex-wrap: nowrap;*/
  /*align-items: flex-start;*/
  align-items: stretch;
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
}
.owl-carousel .owl-wrapper-outer > .owl-wrapper .owl-item > div {
  height: 100%;
}
/* END!!! - flex for all OWL SLIDER */

/* START!!! - IMAGES OWL SLIDER for all class div.mySlideGallery */
div.mySlideGallery .owl-carousel .owl-wrapper-outer > .owl-wrapper .owl-item > div {
  margin: 0px;
}
div.mySlideGallery div.myImgCover {
  position: relative;
}
div.mySlideGallery div.myImgCover:before {
  content: '';
  display: block;
  padding-top: 100%;
}
div.mySlideGallery div.myImgCover img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 16% 50%;
}
/* END!!! - IMAGES OWL SLIDER for all class div.mySlideGallery */

/* START!!! - VM PRODUCTS OWL SLIDER for all class div.vmgroup */
div.vmgroup {
  position: relative;
}
div.vmgroup div.mySpTitleCenter {
  height: 44px;
  line-height: 44px;
  margin-bottom: 10px;
  text-align: center;
}
div.vmgroup div.mySpTitleCenter > span {
  background-color: #a5a8a9;
  display: inline-block;
  width: 30%;
  margin-left: 2px;
  color: #ef4428;
  font-size: 26px;
  font-weight: bold;
}
div.vmgroup .owl-carousel {
  width: calc(100% + 3px);
  position: unset;
}
div.vmgroup .owl-carousel .owl-wrapper-outer {
  width: calc(100% - 3px);
}
/* start flex */
div.vmgroup .owl-carousel .owl-wrapper-outer > .owl-wrapper {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  /*flex-wrap: nowrap;*/
  /*align-items: flex-start;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
}
div.vmgroup .owl-carousel .owl-wrapper-outer > .owl-wrapper > .owl-item {

}
div.vmgroup .owl-carousel .owl-wrapper-outer > .owl-wrapper > .owl-item:last-child .spacer {
  border-right: 2px solid transparent;
}
div.vmgroup .owl-item > div,
div.vmgroup .owl-item > div > div,
div.vmgroup .owl-item > div > div .spacer {
  height: 100%;
  box-sizing: border-box;
} 
/* end flex */
div.vmgroup .owl-item > li,
div.vmgroup .owl-item > div {
  position: relative;
  padding: 0px;
  margin: 0px;
  /*margin-right: 0px;*/
}
/* VM PRODUCTS OWL SLIDER for all class div.vmgroup - control */
div.vmgroup .owl-controls {
  height: 0px;
  width: auto;
  top: 0px;
  left: 0px;
  right: 0px;
}
div.vmgroup .owl-controls .owl-pagination,
div.vmgroup .owl-controls .owl-buttons {
  position: relative;
  width: auto;
  margin: 0px;
  top: auto;
  /*float: right;*/
}
/* VM PRODUCTS OWL SLIDER for all class div.vmgroup - control - switch page button */
div.vmgroup .owl-controls .owl-pagination > div.owl-page {
  display: block;
  float: left;
  margin: 7px 0px;
  margin-left: 8px;
  border-radius: 100%;
}
div.vmgroup .owl-controls .owl-pagination > div.owl-page.active > span,
div.vmgroup .owl-controls .owl-pagination > div.owl-page > span {
  margin: 0px;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: #b6d7e8 !important;
}
div.vmgroup .owl-controls .owl-pagination > div.owl-page.active > span {
  background-color: #0f86c3 !important;
}
div.vmgroup .owl-controls.clickable .owl-pagination > div.owl-page:hover > span,
div.vmgroup .owl-controls.clickable .owl-pagination > div.owl-page.active:hover > span {
  background-color: #01324b !important;
}
/* VM PRODUCTS OWL SLIDER for all class div.vmgroup - control - switch arrow */
div.vmgroup .owl-controls .owl-buttons {

}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev,
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next {
  position: absolute;
  margin: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  right: auto;
  /*margin-right: 15px;*/
  vertical-align: top;
  height: 44px;
  width: 32px;
  border-radius: 0px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 33.33%;
  margin-left: -37px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 33.33%;
  margin-right: -39px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev:before,
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  color: transparent !important;
  background-color: transparent;
  height: 0px;
  width: 0px;
  overflow: hidden;
  border: 22px solid transparent;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
  border-left: 0px;
  border-right: 32px solid #ef4428;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before {
  border-right: 32px solid #343434;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  border-right: 0px;
  border-left: 32px solid #ef4428;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next:hover:before {
  border-left: 32px solid #343434;
}
/* END!!! - VM PRODUCTS OWL SLIDER for all class div.vmgroup */
/* START!!! - VM PRODUCTS OWL SLIDER for all class div.vmgroup only for class module myVmProNew */
div.moduletable.myVmProNew div.vmgroup div.mySpTitleCenter > span {
  color: #02a248;
}
div.moduletable.myVmProNew div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
  border-right: 32px solid #02a248;
}
div.moduletable.myVmProNew div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before {
  border-right: 32px solid #343434;
}
div.moduletable.myVmProNew div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  border-left: 32px solid #02a248;
}
div.moduletable.myVmProNew div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next:hover:before {
  border-left: 32px solid #343434;
}
/* END!!! - VM PRODUCTS OWL SLIDER for all class div.vmgroup only for class module myVmProNew */


/* PHOCAGALLERY */
div.tmp-content-area > div#phocagallery > div[style="text-align:right;color:#ccc;display:block"] {
  /*display: none !important;*/
}


/* FACEBOOK POP UP BANNER - no copy ringt */
div.social_slider a.copyrightlink {
  /*display: none;*/
}
div#social_mobile a.facebook.pop-upper {
  /*height: auto;*/
}
@media (max-width: 961px) {
  body {
    /*padding-bottom: 45px;*/
  }
}


/* template arrow button go top */
.jump-to-top {
  right: 10px;
  display: block !important;
}
.jump-to-top.visible {
  bottom: 68px;
}
.jump-to-top a {
  height: 48px;
  box-sizing: border-box;
}


/* MY MANUAL GALLERY */
p.myManualGallery {
  display: table;
  width: calc(100% + 16px);
  margin: 0px -8px;
}
p.myManualGallery img {
  display: block;
  float: left;
  width: calc(20% - 16px);
  padding: 0px;
  margin: 0px 8px;
  margin-bottom: 16px;
}


/* table row content */
table.myRowContent {
  width: auto;
  max-width: 100%;
}
table.myRowContent td {
  border: 0px;
  padding: 0px;
}


/* OBECNE STYLY */
body {
  color: #353535;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  /*line-height: 1.60;*/
  line-height: 177%;
  background-color: #FFFFFF;
}
body.myBody.myIntro {
  font-size: 14px;
  font-weight: 300;
}
h1,
.myH1,
div.blog h1,
div.productdetails-view h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  /*line-height: 1.26;*/
  /*line-height: 1.13em;*/
  /*line-height: 33px;*/
  line-height: normal;
  color: #7b0929;
  text-transform: none;
  letter-spacing: 0px;
  padding: 0px;
  /*margin-bottom: 30px;*/
  margin-bottom: 22px;
}
h1:last-child {
  margin-bottom: 0px;
}
/*h1[style*="text-align: center;"]:before,
p.myH1[style*="text-align: center;"]:before {
  margin: auto;
}*/
h2, div.item-page h2,
.myH2 {
  font-size: 30px;
  font-style: normal;  
  font-weight: 300;
  /*line-height: 1.26;*/
  line-height: normal;
  letter-spacing: normal;
  color: #273130;
  margin-top: 24px;
  margin-bottom: 12px;
}
h3 {
  font-size: 17px;
  font-style: italic;  
  font-weight: normal;
  line-height: 1.26;
  letter-spacing: normal;
  color: black;
  margin-top: 24px;
  margin-bottom: 10px;
}
h3:first-child {
  margin-top: 0px;
}
h4, div.item-page h4 {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.26;
  letter-spacing: normal;
  color: black;
  margin-top: 24px;
  margin-bottom: 12px;
}
p {
  margin-bottom: 24px;
}
p:last-child {
  margin-bottom: 0px;
}
cite {
  font-style: italic;
}
hr {
  /*margin: 20px 0px;
  border-color: #f0f0f0;*/
}
hr.myClear {
  margin: 0px;
  border: 0px;
  clear: both;
}
ul, ol {
  margin-bottom: 24px;
}
table {
  width: auto;
  margin-bottom: 24px;
}
table:last-child {
  margin-bottom: 0px;
}
table td {
  vertical-align: top;
}
table td p {
  /*margin-bottom: 0px;*/
}
table:last-child {
  margin-bottom: 0px;
}
a, a:active, a:visited, a:focus,
.category_description a, .productdetails-view a,
footer#footer a {
  color: #990033;
  /*text-decoration: underline;*/
}
a:hover {
  color: #990033;
}
.jump-to-top a, .jump-to-top a:hover, .jump-to-top a:active, .jump-to-top a:visited, .jump-to-top a:focus {
  color: white;
}
a.myButton {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  /*text-transform: uppercase;*/
  color: white;
  background-color: #7b0929;
  /*background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%);*/
  border: 3px solid #7b0929;
  padding: 13px 25px;
  border-radius: 8px;
  text-decoration: none;
  /*transition: all 0.2s linear 0s;*/
  min-width: 176px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
  /*box-shadow: 1px 1px 3px rgba(34, 31, 31, 0.43);*/
}
a.myButton:hover {
  text-decoration: none;
  color: white;
  background-color: #1c1c1c;
  /*background: linear-gradient(270deg, #1E1E1E 4.17%, #1E1E1E 49.73%, #1E1E1E 100%);*/
  /*border: 2px solid white;*/
}
.myHSmall {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.20;
  margin-bottom: 6px;
  color: #B00002;
  text-transform: none;
}
.myHBig {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.18;
  margin-bottom: 15px;
  color: #141414;
  text-transform: none;
}
.myHBig + hr {
  width: 60px;
  margin: 0px;
  margin-bottom: 40px;
  border-width: 2px 0 0;
}
.myHBig[style*="text-align: center;"] + hr {
  margin-left: auto;
  margin-right: auto;
}
img.floatRight {
  float: right;
  margin: 0 0 1em 1.5em;
}
img.border {
  padding: 1px;
  border: 5px solid #fffef5;
}


/* GOOGLE MAP PLUGIN */
table.myContactMap button {
  background-color: white !important;
}


/* BREEZING FORM REPAIR STYLE */
.formError .formErrorContent {
  line-height: normal;
}
/* BREEZING FORM REPAIR STYLE - message pop up */
div#bfFileQueue,
div#bfSubmitMessage {
  /*color: black;*/
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
/*div.bfFormDiv.myInquiryForm*/
div.bfFormDiv form input[type=text],
div.bfFormDiv form input[type=number], 
div.bfFormDiv form textarea,
div.bfFormDiv form select {
  border-radius: 0px !important;
  box-sizing: border-box;
  max-width: 100%;
}
div.bfFormDiv form input[type=text],
div.bfFormDiv form input[type=number] {
  height: 30px;
}
div.bfFormDiv form textarea {
  min-height: 36px;
}
div.bfFormDiv form select,
div.bfFormDiv form input[type=number] {
  width: 100%;
}
div.bfFormDiv form.bfQuickMode div.controls label.control-label,
div.bfFormDiv form label {
  width: 100%; 
}
div.bfFormDiv form label + span {
  display: block;
}
/* BREEZING FORM REPAIR STYLE - calendar fields */
div.bfFormDiv form div.field-calendar.input-append,
div.bfFormDiv form div.field-calendar.input-append div.input-append {
  display: block;
}
div.bfFormDiv form div.field-calendar.input-append div.input-append {
  width: calc(100% - 44px);
}
div.bfFormDiv form div.field-calendar.input-append input[type=text] {
  border-width: 2px;
}
div.bfFormDiv form div.field-calendar.input-append button {
  margin: 0px;
  padding: 7px 15px;
  border-radius: 0px !important;
  height: 30px;
}
/* BREEZING FORM REPAIR STYLE - radio switch */
div.bfFormDiv form label.radio.inline {
  width: auto;
}
div.bfFormDiv form label.radio.inline input[type="radio"] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
/* BREEZING FORM REPAIR STYLE - send button */ 
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: 16px;
  font-style: normal;
  font-weight: bold;
  color: white !important;
  border-radius: 8px !important;
  border: 3px solid #7b0929 !important;
  background-color: #7b0929 !important;
  /*background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%) !important;*/
  margin: 0px;
  /*padding: 15px 21px;*/
  padding: 13px 25px;
  line-height: 20px;
  text-transform: none;
  /*transition: all 0.2s linear 0s, color 0.0s linear 0.0s, text-shadow 0.0s linear 0.0s;*/
  transition: all 0.2s linear 0s; 
  float: right;
  min-width: 176px;
  /*text-shadow: 1px 0px 3px black;*/
  box-shadow: 0px 0px 0px black inset;
  /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);*/
}
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton:hover {
  /*box-shadow: 0px 0px 3px black inset;*/
  /*background-color: transparent !important;*/
  /*color: white !important;*/
  /*border: 1px solid white !important;*/
  /*text-shadow: none;*/
  /* background gradient */      
  /*background: #FF0006 !important;*/
  /*background: linear-gradient(270deg, #FF0006 4.17%, #FF0006 49.73%, #FF0006 100%) !important;*/
  background-color: #1c1c1c !important;
}
/* BREEZING FORM REPAIR STYLE - 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;
}
/* BREEZING FORM REPAIR STYLE - upload file section */
div.bfFormDiv form section#filesupload div.controls.form-inline > div > label {
  float: left;
  width: auto;
  margin-top: 11px;
}
div.bfFormDiv form section#filesupload div.controls.form-inline > div > label + span {
  float: left;
}
div.bfFormDiv form section#filesupload div.bfUploadButton.button {
  border-radius: 0px !important;
  background-color: white !important;
  padding: 8px 20px;
  border: 2px solid #9e0505 !important;
}
div.bfFormDiv form section#filesupload div.bfUploadButton.button:hover {
  border: 2px solid #059e18 !important;
}
div.bfFormDiv form section#filesupload div.bfFileQueueItem {
  color: black;
} 
/* BREEZING FORM REPAIR STYLE - INVISIBLE RECAPTCHA */
div.bfFormDiv form div#bfInvisibleReCaptchaContainer > div.grecaptcha-badge,
div#bfInvisibleReCaptcha > div.grecaptcha-badge,
div#mySendButton > div.g-recaptcha > div.grecaptcha-badge {
  z-index: 2;
  display: none;
}
/* BREEZING FORM REPAIR STYLE - GDPR checkbox */
div.bfFormDiv form section#gdpr {
  line-height: 20px;
}
div.bfFormDiv form section#gdpr + div.bfClearfix {
  display: none;
}
div.bfFormDiv form section#gdpr > div.row-fluid {

}
div.bfFormDiv form section#gdpr label {
  float: right;
  width: calc(100% - 30px) !important;
  min-width: unset !important;
  max-width: 100% !important;
  margin: 0px;
  line-height: 20px;
  vertical-align: top;
}
div.bfFormDiv form section#gdpr label a {
  padding: 0px;
  margin: 0px;
}
div.bfFormDiv form section#gdpr label + span {
  vertical-align: top;
  display: inline-block;
}
div.bfFormDiv form section#gdpr input {
  width: 20px;
  height: 20px;
  margin: 0px;
  vertical-align: top !important;
  
}

/* BREEZING FORM REPAIR STYLE - footer form */
div.bfFormDiv.myFooterForm form {
  margin-bottom: 0px;
}
div.bfFormDiv.myFooterForm form div.myFormText {
  font-size: 13px;
  margin-bottom: 24px;
}
div.bfFormDiv.myFooterForm form section#myColumn1 {
  float: left;
  width: 330px;
}
div.bfFormDiv.myFooterForm form section#myColumn2 {
  float: right;
  width: calc(100% - 354px);
  margin-left: 24px;
}
div.bfFormDiv.myFooterForm form .control-group {
  margin-bottom: 20px;
}
div.bfFormDiv.myFooterForm form section#gdpr .control-group {
  margin-bottom: 0px;
}
div.bfFormDiv.myFooterForm form input[type=text], 
div.bfFormDiv.myFooterForm form textarea,
div.bfFormDiv.myFooterForm form select {
  color: black;
  background-color: rgba(255, 255, 255, 0.80);
  border: 1px solid rgba(0, 0, 0, 0.20) !important;
  padding: 11px 16px !important;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 21px;
  margin: 0px;
}
div.bfFormDiv.myFooterForm form input[type=text],
div.bfFormDiv.myFooterForm form select {
  height: 45px;
}
/* BREEZING FORM REPAIR STYLE - footer form - placeholder color */
div.bfFormDiv.myFooterForm form input[type=text]::-webkit-input-placeholder, 
div.bfFormDiv.myFooterForm form textarea::-webkit-input-placeholder,
div.bfFormDiv.myFooterForm form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5E5E5E;
}
div.bfFormDiv.myFooterForm form input[type=text]::-moz-placeholder, 
div.bfFormDiv.myFooterForm form textarea::-moz-placeholder,
div.bfFormDiv.myFooterForm form select::-moz-placeholder { /* Firefox 19+ */
  color: #5E5E5E;
}
div.bfFormDiv.myFooterForm form input[type=text]:-ms-input-placeholder, 
div.bfFormDiv.myFooterForm form textarea:-ms-input-placeholder,
div.bfFormDiv.myFooterForm form select:-ms-input-placeholder { /* IE 10+ */
  color: #5E5E5E;
}
div.bfFormDiv.myFooterForm form input[type=text]:-moz-placeholder, 
div.bfFormDiv.myFooterForm form textarea:-moz-placeholder,
div.bfFormDiv.myFooterForm form select:-moz-placeholder { /* Firefox 18- */
  color: #5E5E5E;
}
/* BREEZING FORM REPAIR STYLE - footer form - select */
div.bfFormDiv.myFooterForm form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #5E5E5E;
  background-image: url(form/select_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) 50%;
}
div.bfFormDiv.myFooterForm form select option {
  color: black;
}
/* BREEZING FORM REPAIR STYLE - footer form - send button */
div.bfFormDiv.myFooterForm form div.bfClearfix {
  display: none;
}
div.bfFormDiv.myFooterForm form div.form-actions button#bfSubmitButton.bfSubmitButton {
  float: left;
  min-width: 330px;
}


/* HEADER */
section#myTopSection {
  position: relative;
  z-index: 999;
  background-color: #1c1c1c;
}
/* HEADER - background */
section#myTopSection > div.myBg {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 98px;
  background-color: #7b0929;
}
section#myTopSection > div.myBg > div.container {

}
section#myTopSection > div.myBg > div.container > span {
  display: block;
  position: absolute;
  top: 3px;
  bottom: 0px;
  width: 1380px;
  margin-left: -180px;
  background-image: url(top-menu/top-menu-bg.png);
  background-repeat: no-repeat;
}
/* HEADER - background image */
section#myTopSection > div.custom.myBgImg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0.09;
  /*opacity: 0.99;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
/* HEADER - background image - style for default modul */
section#myTopSection > div.custom.myBgImg.myDefalt {
  /*background-position: 50% 0%;*/
}
/* HEADER - background image - cover gradient */
section#myTopSection > div.custom.myBgImg:before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);*/
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}
/* HEADER - header with top menu */
header#top-handler {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.40);*/
  /*background-color: #1c1c1c;*/
}
body.myBody.myIntroArticle header#top-handler {
  /*position: absolute;*/
  /*top: auto;*/
  /*left: 0px;*/
  /*width: 100%;*/
}
header#top-handler div.ms-handler {
  /*background-image: url(header/header_bg_full.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: 100% auto;*/
  position: relative;
  top: auto;
  background-color: transparent;
  /*padding-top: 5px;*/
  /*padding-bottom: 18px;*/
}
body.myBody.myIntroArticle header#top-handler div.ms-handler {
  /*background-color: black;*/
  /*background-image: none;*/
}
header#top-handler div.ms-handler > div.container > div.row-fluid {
  /*width: calc(100% - 20px);*/
  /*margin: 0px 10px;*/
}
div.myTopModules {
  position: relative;
}


/* MY TOP 1 - TWO IMG */
div.custom.myIntroTwoImg {
  /*padding-bottom: 36px;*/
  /*border-bottom: 2px dashed rgba(255, 255, 255, 0.2);*/
  margin-top: 32px;
  margin-bottom: 10px;
}
body.myArtTechnologie div.custom.myIntroTwoImg {
  border-bottom: 0px;
  padding-bottom: 0px;
}
div.custom.myIntroTwoImg > table {
  width: 100%;
  margin-bottom: 0px;
  border-collapse: separate;
}
div.custom.myIntroTwoImg > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  /*color: #505050;*/
  /*line-height: 1.50;*/
  /*vertical-align: middle;*/
  vertical-align: top;
  /*transition: filter 0.4s linear 0s;*/
  filter: blur(0px);
}
div.custom.myIntroTwoImg > table > tbody > tr > td.myOff {
  filter: blur(2px);
}
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2),
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) {
  width: 25%;
}
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2) {
  text-align: right;
  /*border-right: 2px solid #ED1C22;*/
  /*border-right: 2px solid transparent;*/
}
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2) img {
  /*margin-right: -98.5px;*/
  margin-right: -29.1176470588235%;
  display: block;
  max-width: none;
  width: calc(100% + 29.1176470588235%);
  /*width: calc(100% + 28.975%);*/
}
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) {
  text-align: left;
  /*border-left: 2px solid #ED1C22;*/
  /*border-left: 2px solid transparent;*/
}
div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) img {
  /*margin-left: -98.5px;*/
  margin-left: -29.1176470588235%;
  display: block;
  max-width: none;
  width: calc(100% + 29.1176470588235%);
  /*width: calc(100% + 28.975%);*/
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child {
  width: 25%;
  text-align: center;
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > div:first-child,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > div:first-child {
  font-size: 40px;
  font-weight: 600;
  color: #141414;
  line-height: 42px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p {
  margin-bottom: 14px;
  /* for small text arrea */
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child {
  margin-bottom: 0px;
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a {
  font-size: 13px;
  font-weight: 600;
  color: white;
  display: inline-block;
  line-height: 28px;
  vertical-align: top;
  padding: 10px;
  text-decoration: none;
  min-width: 187px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 20px;
  /*border: 1px solid rgba(255, 255, 255, 0.8);*/
  background: #C51115;
  background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%);
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a:hover,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a:hover {
  /*background: #FF0006;*/
  /*background: linear-gradient(270deg, #FF0006 4.17%, #FF0006 49.73%, #FF0006 100%);*/
  background: #1E1E1E;
  background: linear-gradient(270deg, #1E1E1E 4.17%, #1E1E1E 49.73%, #1E1E1E 100%);  
}
div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a img,
div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a img {
  vertical-align: top;
  margin-right: 12px;
}


/* MY TOP 1 - myPopImg */
div.custom.myPopImg > table {
  width: 100%;
  margin-bottom: 0px;
}
div.custom.myPopImg > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  /* font style */
  font-size: 14px;
  font-style: normal;
  font-weight: 100;
  color: #E0E0E0;
  line-height: 1.30;
}
div.custom.myPopImg > table > tbody > tr > td:first-child {
  width: 671px;
  /*width: 49.4%;*/
}
div.custom.myPopImg > table > tbody > tr > td:last-child {
  padding-left: 7.6%;
  width: calc(100% - 671px);
  /*width: 50.6%;*/
}
/* MY TOP 1 - myPopImg - button */
div.custom.myPopImg > table > tbody > tr > td p:last-child > a,
div.custom.myPopImg > table > tbody > tr > td a.myButton {
  font-size: 12px;
  font-weight: 100;
  color: white;
  display: inline-block;
  /*line-height: 22px;*/
  line-height: 26px;
  vertical-align: top;
  /*padding: 13px;*/
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  text-decoration: none;
  background-color: transparent;
  min-width: 214px;
  box-sizing: border-box;
  text-align: center;
}
div.custom.myPopImg > table > tbody > tr > td p:last-child > a {
  margin-top: 6px;
}
div.custom.myPopImg > table > tbody > tr > td p:last-child > a:hover,
div.custom.myPopImg > table > tbody > tr > td a.myButton:hover {
  background-color: #ED1C22;
}
div.custom.myPopImg > table > tbody > tr > td p:last-child > a img,
div.custom.myPopImg > table > tbody > tr > td a.myButton img {
  vertical-align: top;
  margin-left: 12px;
}


/* MY TOP 1 - myImgText */
div.custom.myImgText > table {
  width: 100%;
  margin-bottom: 0px;
}
div.custom.myImgText > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  /* font style */
  font-size: 14px;
  font-style: normal;
  font-weight: 100;
  color: #E0E0E0;
  line-height: 1.30;
}
div.custom.myImgText > table > tbody > tr > td:first-child {
  /*width: 688px;*/
  width: 50.6%;
}
div.custom.myImgText > table > tbody > tr > td:last-child {
  padding-left: 2.7%;
  /*width: calc(100% - 688px);*/
  width: 49.4%;
}
/* MY TOP 1 - myImgText - button */
div.custom.myImgText > table > tbody > tr > td p:last-child > a,
div.custom.myImgText > table > tbody > tr > td a.myButton {
  font-size: 12px;
  font-weight: 100;
  color: white;
  display: inline-block;
  /*line-height: 22px;*/
  line-height: 26px;
  vertical-align: top;
  /*padding: 13px;*/
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  text-decoration: none;
  background-color: transparent;
  min-width: 189px;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
}
div.custom.myImgText > table > tbody > tr > td p:last-child > a {
  margin-top: 18px;
}
div.custom.myImgText > table > tbody > tr > td p:last-child > a:hover,
div.custom.myImgText > table > tbody > tr > td a.myButton:hover {
  background-color: #ED1C22;
}
div.custom.myImgText > table > tbody > tr > td p:last-child > a img,
div.custom.myImgText > table > tbody > tr > td a.myButton img {
  vertical-align: top;
  margin-left: 12px;
}


/* MY TOP 2 */
/* MY TOP 2 - INTRO TEXT */
div.myTop2 {
  overflow: hidden;
}
div.myTop2 div.container {
  max-width: 795px;
  position: relative;
  margin-bottom: 46px;
}
div.myTop2 div.container div.myBg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -163px;
  right: -159px;
}
div.myTop2 div.container div.myBg:before,
div.myTop2 div.container div.myBg:after {
  content: '';
  display: block;
  position: absolute;
}
div.myTop2 div.container div.myBg:before {
  left: 0px;
  bottom: 13px;
  width: 348px;
  /*height: 120px;*/
  /*background-image: url(banners/top-2/bg-1.png);*/
  background-image: url(banners/top-2/img1_thumb.png);
  height: 150px;
}
div.myTop2 div.container div.myBg:after {
  right: 0px;
  bottom: 20px;
  width: 305px;
  /*height: 123px;*/
  /*background-image: url(banners/top-2/bg-2.png);*/
  background-image: url(banners/top-2/img2_thumb.png);
  height: 165px;
}
div.custom.myTop2IntroText {
  background-color: rgba(255, 255, 255, 0.97);
  padding: 26px 50px;
  position: relative;
}
/* MY TOP 2 - TABLE 4 COL */
div.custom.myTop2TableBanner {
  margin-bottom: 48px;
}
div.custom.myTop2TableBanner > table,
div.custom.myTop2TableBanner > table table {
  width: 100%;
  margin-bottom: 0px;
}
div.custom.myTop2TableBanner > table table {

}
div.custom.myTop2TableBanner > table td {
  border: 0px;
  padding: 0px;
  vertical-align: top;
  font-size: 13px;
  font-style: normal;
  font-weight: 100;
  line-height: 1.60;
  color: #E0E0E0;
}
div.custom.myTop2TableBanner > table > tbody > tr > td:nth-child(2n+0) {
  /*width: 100px;*/
  /*width: 7.4%;*/
  width: auto;
}
div.custom.myTop2TableBanner > table > tbody > tr > td:nth-child(2n+1) {
  /*width: 270px;*/
  /*width: auto;*/
  width: 19.9%;
}
div.custom.myTop2TableBanner > table table td > p {
  margin-bottom: 5px;
}
div.custom.myTop2TableBanner > table table td > p:last-child {
  margin-bottom: 0px;
}
div.custom.myTop2TableBanner > table table td:nth-child(1) {
  width: 50px;
  padding-right: 17px;
  text-align: center;
}
div.custom.myTop2TableBanner > table table td:nth-child(1) > p:first-child {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  color: white;
  margin-bottom: 0px;
}
div.custom.myTop2TableBanner > table table td:nth-child(1) > p:nth-child(2) {
  width: 100%;
  height: 54px;
  position: relative;
}
div.custom.myTop2TableBanner > table table td:nth-child(1) > p:nth-child(2) img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
div.custom.myTop2TableBanner > table table td:nth-child(2) > p:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: white;
  margin-bottom: 11px;
  margin-top: 3px;
}


/* MY TOP 3 MODULES 4 COL */
div.myTopModulesCol4 {
  padding-bottom: 61px;
}
div.myTopModulesCol4.myRemovePosition {
  padding-top: 38px;
  padding-bottom: 0px;
}
div.myTopModulesCol4 div.myModule {
  background-color: #ED1319;
  position: relative;
}
div.myTopModulesCol4 div.myModule > div.myImg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 0.2s linear 0s;
  opacity: 0.12;
}
div.myTopModulesCol4 div.myModule:hover > div.myImg {
  opacity: 0;
}
div.myTopModulesCol4 div.custom {
  background-image: none !important;
  position: relative;
  height: 244px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  /*line-height: 1.40;*/
  line-height: 1.66;
  color: white;
  text-transform: uppercase;
}
div.myTopModulesCol4 div.custom > table {
  width: 100%;
  margin-bottom: 0px;
  height: 100%;
}
div.myTopModulesCol4 div.custom > table td {
  border: 0px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
div.myTopModulesCol4 div.custom > table td > p {
  margin-bottom: 30px;
}
div.myTopModulesCol4 div.custom > table td > p:last-child {
  margin-bottom: 0px;
}
div.myTopModulesCol4 div.custom > div:last-child > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  color: transparent;
}

/* MY TOP 4 MULTI MODULES 4 COL */
div.myTopModulesCol4.myMulti {
  padding-top: 73px;
  padding-bottom: 62px;
}
div.myTopModulesCol4.myMulti div.myModule {
  float: left;
  width: calc(25% - 9px);
  margin-right: 12px;
  margin-bottom: 12px;
}
div.myTopModulesCol4.myMulti div.myModule:nth-child(4n+0) {
  margin-right: 0px;
}
div.myTopModulesCol4.myMulti div.custom {
  height: 140px;
}


/* MY TOP IMAGE */
div.myTopImgPopUp {
  /*margin-top: -92px;*/
}
div.myTopImgPopUp div.mySpacer {
  position: relative;
}
/* MY TOP IMAGE - background image */
div.custom.myBgImg img {
  display: block;
  width: 100%;
}
/* MY TOP IMAGE - button */
div.myTopImgPopUp div.myButton {
  position: absolute;
  top: 37%;
  left: 16.35%;
}
div.myTopImgPopUp div.myButton div.custom {
  width: 177px;
  height: 80px;
  margin-top: -40px;
  margin-left: -88.5px;
  position: relative;
}
div.myTopImgPopUp div.myButton div.custom > p {
  display: table;
  width: 100%;
  height: 100%;
}
div.myTopImgPopUp div.myButton div.custom > p > a {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  padding: 10px;
  padding-left: 75px;
  color: white;
  text-decoration: none;
  border: 2px solid white;
  background: linear-gradient(90deg, #FFC700 0%, #FFD43B 46.41%, #FFC700 100%);
  transition: all 0.0s linear 0s;
}
div.myTopImgPopUp div.myButton div.custom > p > a:hover {
  background: #0C6DCF;;
}
div.myTopImgPopUp div.myButton div.custom img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 27px;
  margin: auto;
}
/* MY TOP IMAGE - icons */
div.myTopImgPopUp div.myIcon {
  /*height: 42px;
  width: 42px;
  background-color: black;*/
  /* end test */
  position: absolute;
  width: 1%;
  height: 0px;
  z-index: 1;
}
div.myTopImgPopUp div.myIcon:hover {
  z-index: 2;
}
div.myTopImgPopUp div.myIcon.my1 {
  left: 76.3%;
  top: 68.0%;
}
div.myTopImgPopUp div.myIcon.my2 {
  left: 87.3%;
  top: 72.8%;
}
div.myTopImgPopUp div.myIcon.my3 {
  left: 77.3%;
  top: 47.7%;
}
div.myTopImgPopUp div.myIcon.my4 {
  left: 81.7%;
  top: 32.0%;
}
div.myTopImgPopUp div.myIcon.my5 {
  left: 66.5%;
  top: 37.2%;
}
div.myTopImgPopUp div.myIcon.my6 {
  left: 47.9%;
  top: 23.7%;
}
div.myTopImgPopUp div.myIcon.my7 {
  left: 61.3%;
  top: 68.1%;
}
div.myTopImgPopUp div.myIcon.my8 {
  left: 64.5%;
  top: 85.5%;
}
div.myTopImgPopUp div.myIcon.my9 {
  left: 49.5%;
  top: 55.9%;
}
div.myTopImgPopUp div.myIcon.my10 {
  left: 47%;
  top: 90%;
}
div.myTopImgPopUp div.myIcon.my11 {
  left: 44.3%;
  top: 74%;
}
div.myTopImgPopUp div.myIcon.my12 {
  left: 37.7%;
  top: 39%;
}
div.myTopImgPopUp div.myIcon.my13 {
  left: 35.1%;
  top: 24%;
}
div.myTopImgPopUp div.myIcon.my14 {
  left: 29.6%;
  top: 65.6%;
}
div.myTopImgPopUp div.myIcon.my15 {
  left: 17.8%;
  top: 64.8%;
}
div.myTopImgPopUp div.myIcon.my16 {
  left: 23%;
  top: 84.5%;
}
div.myTopImgPopUp div.myIcon.my17 {
  left: 2%;
  top: 92%;
}
div.myTopImgPopUp div.myIcon div.myIconImg {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  margin-left: -21px;
  margin-top: -21px;
  border: 2px solid white;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  background-color: #27BAFC;
  position: relative;
  z-index: 2;
}
div.myTopImgPopUp div.myIcon div.myIconImg:hover {
  /*border: 2px solid #0C6DCF;*/
  background-color: #ffd334;
}
/* MY TOP IMAGE - content */
div.myTopImgPopUp div.myIcon div.myCoverContent {
  position: absolute;
  top: -21px;
  left: 0px;
  overflow: hidden;
  z-index: 1;
  transition: width 0s linear 0.2s;
  width: 0px;
}
div.myTopImgPopUp div.myIcon div.myIconImg:hover + div.myCoverContent {
  transition: width 0s linear 0s;
  width: 236px;
  /*width: 1241.1%;*/
}
div.myTopImgPopUp div.myIcon div.myContent {
  /*margin-top: -42px;*/
  /*margin-left: 42px;*/
  /*width: 180px;*/
  background-color: white;
  /*background-color: rgba(255, 255, 255, 0.90);*/
  border: 2px solid #ffd334;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 10px;
  position: relative;
  min-height: 42px;
  margin-left: 42px;
  width: calc(100% - 42px);
  transition: all 0.2s linear 0s;
  right: 100%;
  opacity: 0;
}
div.myTopImgPopUp div.myIcon div.myIconImg:hover + div.myCoverContent div.myContent {
  transition: all 0.2s linear 0s;
  right: 0%;
  opacity: 1;
}
/* MY TOP IMAGE - content - arrow */
div.myTopImgPopUp div.myIcon div.myContent div.myArrow {
  position: absolute;
  right: 100%;
  width: 21px;
  overflow: hidden;
  top: 9px;
  height: 24px;
}
div.myTopImgPopUp div.myIcon div.myContent div.myArrow:before,
div.myTopImgPopUp div.myIcon div.myContent div.myArrow:after {
  content: '';
  display: block;
  position: absolute;
  right: 0px;
}
div.myTopImgPopUp div.myIcon div.myContent div.myArrow:before {
  border: 12px solid transparent;
  border-right: 18px solid #ffd334;
}
div.myTopImgPopUp div.myIcon div.myContent div.myArrow:after {
  border: 8px solid transparent;
  border-right: 14px solid #ffffff;
  top: 4px;
}
/* MY TOP IMAGE - content - right style */
div.myTopImgPopUp div.myIcon.myRight div.myCoverContent {
  left: auto;
  right: 100%;
}
div.myTopImgPopUp div.myIcon.myRight div.myContent {
  margin-left: 0px;
  right: auto;
  left: 100%;
}
div.myTopImgPopUp div.myIcon.myRight div.myIconImg:hover + div.myCoverContent div.myContent {
  right: auto;
  left: 0%;
}
div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow {
  right: auto;
  left: 100%;
}
div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:before,
div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:after {
  right: auto;
  left: 0px;
}
div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:before {
  border-right: 12px solid transparent;
  border-left: 18px solid #ffd334;
}
div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:after {
  border-right: 8px solid transparent;
  border-left: 14px solid white;
}
/* MY TOP IMAGE - content - text */
div.myTopImgPopUp div.myIcon div.custom {
  /*display: none;*/
  background-image: none !important;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #646464;
}
div.myTopImgPopUp div.myIcon div.custom > div {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0px;
  color: #3c3c3c;
}


/* RESPONSIVE TOP MENU */
ul.menucanvas ul {
  margin-left: 20px;
}
ul.menucanvas li.deeper > a {
  padding-right: 30px;
}
ul.menucanvas li.active > a {
  color: red;
  color: #fd1717;
}
ul.menucanvas span.link-has-image img {
  display: none;
}
/* RESPONSIVE TOP MENU - BUTTON */
div#cl-handler {
  /*display: table;*/
  /*width: 100%;*/
}
div#cl-handler a {
  float: none;
  display: inline-block;
  padding: 16px 0px;
  margin: 0px;
  text-decoration: none;
  color: white !important;
  line-height: 22px;
}
div#cl-handler a > i {
  vertical-align: top;
}
div#cl-handler a > span {
  display: inline-block;
  padding-left: 7px;
  font-size: 22px;
  vertical-align: top;
}



/* TOP MENU */
div.myTopMenu {
  position: relative;
  z-index: 2;
  /*background-color: #302e27;*/
}
nav#menu {
  /*position: relative;*/
  /*z-index: 2;*/
  padding: 5px 0px;
}
nav#menu div.main-menu-handler {
  padding: 0px;
  height: auto;
}
nav#menu div.responsive-menu {
  float: none;
}
/*nav#menu div.responsive-menu:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}*/

/* TOP MENU - right site */
div.myTopMenuRight {
  float: right;
  position: relative;
  z-index: 2;
  /*background-color: #1ca1e9;*/
  min-height: 86px;
  /*padding-left: 40px;*/
  box-sizing: border-box;
}
div.myPosLogo ~ div.myTopMenuRight {/* with left logo */
  /*margin-left: 0px;*/
  /*width: calc(100% - 277px + 21px - 27px);*/
}
div.myTopMenuRight > div {
  float: right;
  height: 86px;
  margin-left: 30px;
}
div.myTopMenuRight > div:first-child {
  margin-right: 0px;
}

/* TOP MENU - top site */
div.myTopMenuTop {
  position: relative;
  z-index: 2;
  /*margin-bottom: 26px;*/
  /*display: table;*/
  /*width: 100%;*/
  /*height: auto;*/
  /*height: 153px;*/
}
div.myTopMenuTop:after {
  content: '';
}
div.myTopMenuTop div.myHeaderTextPos {
  /*display: table;*/
  /*margin-left: auto;*/
  height: 98px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 30px  
}
div.myTopMenuTop div.myHeaderTextPos > div.custom {
  /*display: table-cell;*/
  /*vertical-align: middle;*/
}
@media (min-width: 768px) {
  div.myTopMenuTop div.myHeaderTextPos > div.custom.myContactHeader.myWebCam {
    margin-bottom: 32px;
  }
}
/* TOP MENU - top site - contact text module */
div.custom.myContactHeader {
  font-size: 16px;
  font-weight: 500;
  color: white;
  line-height: 22px;
}
div.custom.myContactHeader a {
  color: white;
}
div.custom.myContactHeader img {
  /*vertical-align: top;*/
  display: block;
}
div.custom.myContactHeader p {
  margin-bottom: 0px;
}
div.custom.myContactHeader table {
  margin: 0px;
}
div.custom.myContactHeader table td {
  border: 0px;
  /*padding: 10px 0px;*/
  padding: 5px 0px;
  vertical-align: middle;
  text-align: right;
}
div.custom.myContactHeader table td:nth-child(1) {
  padding-right: 11px;
  text-align: center;
}

/* TOP MENU - off arrow in under items */
nav#menu ul.menu-nav > li > a:after {
  /*display: none;*/
}
nav#menu ul.menu-nav > li > a > span.sf-sub-indicator {
  display: none;
}
/* TOP MENU - level 1 */
nav#menu ul.menu-nav {
  display: table;
  width: auto;
  float: none;
}
div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav {/* with left logo */
  /*margin-left: auto;*/
}
nav#menu ul.menu-nav > li {
  float: left;
  display: block;
  /*white-space: nowrap;*/
  /*margin: 1px 0px;*/
  /*padding: 1px 0px;*/
  /*position: relative;*/
  position: static;
  border-radius: 0px;
  margin-right: 12px;
}
div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav > li {/* with left logo */
  /*margin-right: 0px;*/
}
nav#menu ul.menu-nav > li:last-child {
  margin-right: 0px;
}
div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav > li:last-child {/* with left logo */
  margin-right: 0px;
}
nav#menu ul.menu-nav > li > a {
  padding: 0px 20px !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 38px;
  height: auto;
  color: white !important;
  background-color: transparent;
  text-transform: none;
  text-decoration: none;
  border-radius: 0px;
  transition: all 0.2s linear 0s;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
}
nav#menu ul.menu-nav:hover > li.active > a {
  /*background-color: transparent;*/
  /*color: #424242 !important;*/
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
}
nav#menu ul.menu-nav > li.active > a,
nav#menu ul.menu-nav:hover > li:hover > a {
  /*background-color: #424242;*/
  /*color: white !important;*/
  border-bottom: 3px solid #7b0929;
  border-top: 3px solid #7b0929;
}
/* TOP MENU - level 2 and more */
nav#menu ul.menu-nav li > ul {
  transition: opacity 0.6s linear 0.0s, top 0.0s linear 0.6s;
  opacity: 0;
  z-index: 1;
}
nav#menu ul.menu-nav li:hover > ul {
  transition: opacity 0.2s linear 0.0s, top 0.0s linear 0.0s;
  opacity: 1;
  z-index: 2;
}
/* TOP MENU - level 2 */
nav#menu ul.menu-nav > li > ul {
  padding: 0px !important;
  /*left: 24px;*/
  /*background-color: #414141 !important;*/
  background-color: white !important;
  /*width: 11em;*/
  /* auto width uder menu level 2 */
  width: auto;
  left: auto;
  margin-left: 0px;
  max-width: 25%;
  min-width: 204px;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 7px black;
  padding: 5px 0px !important;
}
nav#menu ul.menu-nav > li > ul + ul {
  display: none;
}
nav#menu ul.menu-nav > li:hover > ul {
  top: 44px;
}
nav#menu ul.menu-nav > li:first-child > ul {
  /*left: 0px;*/
  margin-left: 0px;
}
nav#menu ul.menu-nav > li > ul:before {
  content: '';
  display: block;
  position: absolute;
  /*bottom: 100%;
  left: 15px;
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-bottom: 9px solid #C51115;*/
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 2px;
}
/* TOP MENU - level 2 and more */
nav#menu ul.menu-nav > li ul > li {
  float: none;
}
nav#menu ul.menu-nav > li ul > li > a,
nav#menu ul.menu-nav > li ul > li > a:before {
  transition: all 0.1s linear 0s;
}
nav#menu ul.menu-nav > li ul > li > a {
  color: #424242;
  font-size: 13px;
  font-style: normal;
  font-weight: 100;
  line-height: 17px;
  padding: 5px 17px;
  padding-left: 30px;
  position: relative;
}
nav#menu ul.menu-nav > li ul > li > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #424242;
  margin-top: 6px;
  margin-left: -12px;
}
nav#menu ul.menu-nav > li ul:hover > li.active > a {
  background-color: transparent !important;
  color: #424242;
}
nav#menu ul.menu-nav > li ul:hover > li.active > a:before {
  background-color: #424242;
}
nav#menu ul.menu-nav > li ul > li.active > a,
nav#menu ul.menu-nav > li ul:hover > li:hover > a {
  /*background-color: #424242 !important;*/
  background-color: #000000 !important;
  color: white;
}
nav#menu ul.menu-nav > li ul > li.active > a:before,
nav#menu ul.menu-nav > li ul:hover > li:hover > a:before {
  background-color: white;
}
nav#menu ul.menu-nav > li ul > li > a img {
  display: none;
}
/* TOP MENU - level 3 and more */
nav#menu ul.menu-nav > li > ul > li ul {
  margin: 0px;
  padding: 0px !important;
  left: 100%;
  background-color: #414141 !important;
  width: 300px;
}


/* LOGO */
div.myPosLogo {
  float: left;
  position: relative;
  z-index: 3;
  margin-top: 31px;
  margin-right: 84px;
}
div.custom.myLogo {
  /*display: table;*/
  /*height: 86px;*/
}


/* SEARCH MODUL */
/* SEARCH MODUL - popup version */
div.myTopMenuRight > div.mySearchPos {
  float: left;
} 
div.mySearchPos {
  /*display: none;*/
  display: table;
  /*height: 102px;*/
}
div.mySearchPos > div {
  display: table-cell;
  vertical-align: middle;
}
div.mySearchPos > div > div {
  /*width: 33px;*/
  /*height: 33px;*/
  position: relative;
}
div.mySearchPos .myButtonOpen {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 3;
  border-radius: 100%;
  cursor: pointer;
}
div.mySearchPos.myOpen .myButtonOpen {
  z-index: 1;
}
div.mySearchPos .myButtonClose {
  display: none;
  position: absolute;
  z-index: 3;
  border-radius: 100%;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  /*background-color: #424242;*/
  background-color: #1262b4;
  /* position and size */
  line-height: 18px;
  /*width: 20px;
  height: 20px;
  left: -6px;
  top: -6px;*/
  /* position and size - new */
  border: 1px solid white;
  width: 22px;
  height: 22px;
  right: -29px;
  top: -8px;
}
div.mySearchPos .myButtonClose:hover {
  /*background-color: #1262b3;*/
  background-color: #044485;
}
div.mySearchPos.myOpen .myButtonClose {
  display: block;
}
div.mySearchPos form {
  margin-bottom: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  /*background-color: red;*/
  /*overflow: hidden;*/
  width: 36px;
  z-index: 2;
  overflow: visible;
}
div.mySearchPos.myOpen form {
  /*width: 250px;*/
  /*overflow: visible;*/
}
/* Mojito search - popup version */
div.mySearchPos form > div.mijosearch {
  position: absolute;
  top: 0px;
  right: 18px;
  bottom: 0px;
  overflow: hidden;
  width: 0%;
}
div.mySearchPos.myOpen form > div.mijosearch {
  overflow: visible;
}
div.mySearchPos form > div.mijosearch input.form-control {
  margin: 0px !important;
  width: 100%;
  height: auto;
  color: #9b9d9e;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  line-height: 17px;
  /*padding: 14px 12px;*/
  padding: 8px 10px;
  /*padding-left: 13px;*/
  /*padding-right: 23px;*/
  border: 0px solid #ccc;
  border-radius: 0px;
  position: absolute;
  left: 0px;
  /*border-top-left-radius: 6px;*/
  /*border-bottom-left-radius: 6px;*/
  /*background-color: #333738;*/
  background-color: #434343;
  box-shadow: none !important;
}
/* Mojito search - popup version - send button */
div.mySearchPos form > button.btn.btn-primary {
  margin: 0px;
  width: 33px;
  height: 33px;
  display: block;
  margin-left: auto;
  border-radius: 0px !important;
  overflow: hidden;
  color: transparent !important;
  position: relative;
  padding: 0px;
  background-color: #cd2020 !important;
  background-image: url(search/search-icon.png);
  background-repeat: no-repeat;
  background-position: 47% 49%;
  border: 1px solid #cd2020 !important;
}
div.mySearchPos form > button.btn.btn-primary:hover {
  background-color: #343434 !important;
  border: 1px solid #494949 !important;
}
div.mySearchPos.myClose form > button.btn.btn-primary {
  /*background-color: #424242 !important;*/
}
div.mySearchPos.myClose .myButtonOpen:hover ~ form > button.btn.btn-primary {
  /*background-color: #1262b4 !important;*/
}
/* Mojito search - popup version - popup results */
div.mySearchPos form > div.mijosearch div#search-results {
  top: 100%;
  margin-top: 0px;
  /*width: 241px;*/
  width: 200px;
}
div.mySearchPos form > div.mijosearch div#search-results .page-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element {
  border-top: 1px solid #e4eaee !important;
  border-bottom: 0px !important;
  padding-top: 0px;
}
div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element:hover {
  background: #cd2020;
}
div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element div.imageblock {
  padding: 2px;
  /*padding-right: 10px;*/
  padding-right: 6px;
  float: left;
  width: 80px;
  height: 60px;
}
div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element div.imageblock img {
  padding: 0px;
  padding-right: 0px;
  float: none;
  width: 100%;
  height: 100%;
  background-color: white;
  object-fit: contain;
}
div.mySearchPos form > div.mijosearch div#search-results button#more-result {
  margin-top: 0px;
  border-radius: 0px !important;
  border-top: 1px solid #e4eaee !important;
  background-color: #343434 !important;
  width: 100%;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
div.mySearchPos form > div.mijosearch div#search-results button#more-result:hover {
  background-color: #cd2020 !important;
}
/* Mojito search - no open styling !!! */
div.mySearchPos > div > div {
  width: auto;
}
div.mySearchPos .myButtonOpen {
  display: none;
}
div.mySearchPos form {
  position: relative;
  width: auto;
}
div.mySearchPos form > div.mijosearch {
  position: relative;
  width: auto;
  right: auto;
  float: left;
  overflow: visible;
  /*margin-right: -6px;*/
}
div.mySearchPos form > div.mijosearch input.form-control {
  /*width: 140px;*/
  width: 167px;
  position: relative;
  left: auto;
}


/* SLIDE SHOW */
section#myBuiltinSlideshow {
  position: relative;
  z-index: 2;
  /*margin-bottom: 148px;*/
  /*background-color: #1494d9;*/
  /*background-image: url(slideshow/slide-bg.jpg);*/
  /*background-size: cover;*/
  /*background-position: 50% 50%;*/
}
div#slideshow-handler-bg {
  margin-bottom: 0px;
  overflow: visible;
}
/* SLIDE SHOW - intro bg (overlayer) */
div#slideshow-handler-bg div.camera_overlayer {
  /*max-width: 100%;/*
  /*width: 1100px;*/
  /*overflow: visible;*/
}
div#slideshow-handler-bg div.camera_overlayer:after {
  /*content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -128px;
  width: 509px;
  background-image: url(slideshow/slide-intro-bg.png);*/
  /*background-size: cover;*/
  /*background-position: 50% 50%;*/
}
/*div#slideshow-handler-bg div.camera_fakehover:after {
  content: '';
}*/
/* SLIDE SHOW - images */
div#slideshow-handler-bg div.camera_target div.cameraSlide > div.camerarelative {
  /*background-color: rgba(0, 0, 0, 0.15);*/
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%);*/
}
/* SLIDE SHOW - content */
/*div#slideshow-handler-bg div.camera_caption[class*="fade"] > div > div,*/
div#slideshow-handler-bg div.camera_caption > div > div {
  top: 0px;
  height: 100%;
  width: 100%;
}
div#slideshow-handler-bg div.camera_caption > div > div > div.container {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  /*background-color: rgba(0, 0, 0, 0.25);*/
  /*background-image: url(slideshow/bg_content.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-position: 0px 100%;*/
}
div#slideshow-handler-bg div.camera_caption > div > div > div.container > div.row-fluid {
  width: 100%;
  height: 100%;
  display: table;
}
div#slideshow-handler-bg div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding-left: 324px;
  padding-right: 324px;
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space {
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  /*line-height: 36px;*/
  line-height: normal;
  color: #b1e5ff;
  /*text-shadow: 0px 0px 7px black;*/
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space p,
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space ul {
  font-weight: normal;
  margin-bottom: 7px;
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space p:last-child,
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space ul:last-child {
  margin-bottom: 0px;
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space strong {
  /*font-weight: 600 !important;*/
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space .myTitle {
  font-size: 54px;
  font-weight: bold;
  /*line-height: 65px;*/
  line-height: normal;
  color: white;
  margin-bottom: 7px;
}
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space a.myButton {
  margin-top: 16px;
  text-shadow: none;
}
/* SLIDE SHOW - content - img in content */
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space img.myImg {
  position: absolute;
  z-index: -1;
  bottom: 0px;
  margin: auto;
  right: 0px;
}
/* SLIDE SHOW - content - img in content - img0 */
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space img.myImg.n0 {
  margin-right: -32px;
}
/* SLIDE SHOW - content - img in content - img1 */
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space img.myImg.n1 {
  /*margin-right: -37px;*/
  margin-right: -32px;
  margin-bottom: 22px;
}
/* SLIDE SHOW - content - img in content - img2 */
div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space img.myImg.n2 {
  margin-right: -73px;
} 
/* SLIDE SHOW - pagination */
div#slideshow-handler-bg div.camera_pag {
  /*padding: 0px 29px;*/
  /*padding: 0px 2.3%;*/
  padding-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul {
  display: block;
  padding: 0px 3px;
  line-height: normal;
  text-align: center;
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li {
  margin: 0px;
  width: auto;
  height: auto;
  vertical-align: top;
  /*border-radius: 2px;*/
  border-radius: 100%;
  margin-right: 5px;
  /*border: 1px solidwhite;*/
  border: 1px solid rgba(255, 255, 255, 0.70);
  /*background-color: transparent;*/
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li:last-child {
  margin-right: 0px;
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.camera_hover {
  /*border: 1px solid #FE0106;*/
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.cameracurrent {
  border: 1px solid rgba(255, 255, 255, 1.00);
  /*border: 1px solid #FE0106;*/
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li > span {
  box-shadow: none;
  width: 10px !important;
  height: 10px;
  border-radius: 0px;
  margin: 3px;
  display: block;
  position: relative;
  background-color: transparent;
  border-radius: 100%;
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.camera_hover > span {
  background-color: #FE0106;
}
div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.cameracurrent > span {
  background-color: white;
}

/* SLIDE (statics image) */
div#slideshow-handler .moduletable .module-content {/* repair padding module */
  padding: 0px;
}
div#slideshow-handler div.sl-3rd-parties {

}
div#slideshow-handler div.sl-3rd-parties div.custom {
  height: 641px;
  background-size: cover;
  background-position: 50% 0%;
  border-bottom: 28px solid #d9d9d9;
  box-sizing: content-box;
  position: relative;
}
div#slideshow-handler div.sl-3rd-parties div.custom.mySlideLeto {
  background-position: 50% 50%;
}  
div#slideshow-handler div.sl-3rd-parties div.custom.center {
  background-position: 50% 50%;
}
div#slideshow-handler div.sl-3rd-parties div.custom:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.59) 0%, rgba(255, 255, 255, 0) 100%);
}
div#slideshow-handler div.sl-3rd-parties div.custom.myRightShadow:before {
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.59) 100%);
}
div#slideshow-handler div.sl-3rd-parties div.custom * {
  position: relative;
}
div#slideshow-handler div.sl-3rd-parties div.custom > table {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0px;
}
div#slideshow-handler div.sl-3rd-parties div.custom > table td {
  border: 0px;
  padding: 0px 20px;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 70px;
  font-weight: normal;
  line-height: 115%;
}
div#slideshow-handler div.sl-3rd-parties div.custom > table td > p {
  margin-bottom: 0px;
}
div#slideshow-handler div.sl-3rd-parties div.custom > div {
  display: block;
  position: absolute;
  bottom: -61px;
  left: 0px;
  right: 0px;
}
div#slideshow-handler div.sl-3rd-parties div.custom > div a {
  display: table;
  background-color: #7b0929;
  color: white;
  margin: auto;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: 9px;
  text-decoration: none;
  line-height: 38px;
  padding: 28px 60px;
  background-image: url(button/bg.png);
  background-repeat: no-repeat;
}
div#slideshow-handler div.sl-3rd-parties div.custom > div a:hover {
  background-color: #1c1c1c;
}


/* NAVIGATION */
div#myNavigationPosition {
  /*padding-top: 54px;*/
  /*padding-bottom: 16px;*/
  background-color: #1262b3;
  background-image: url(navigation/navigation-bg.jpg);
  background-size: cover;
  background-position: 50% 0px;
  box-sizing: border-box;
  /*min-height: 141px;*/
}
div#myNavigationPosition > div.container {
  position: relative;
  padding-top: 54px;
}
div#myNavigationPosition > div.container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -128px;
  width: 509px;
  background-image: url(slideshow/slide-intro-bg.png);
  /*background-size: cover;*/
  /*background-position: 50% 50%;*/
}
div#myNavigationPosition > div.container > div.row-fluid {
  position: relative;
}
div#myNavigationPosition div.row-fluid > div[class*="span"],
div#myNavigationPosition div.row-fluid > div[class*="span"] > div[class*="span"] {
  float: right;
}
div#myNavigationPosition div.myRight {
  float: right;
  margin-left: 20px;
}
div#myNavigationPosition div.myLeft {
  float: left;
}
div#myNavigationPosition div.myLeft div.myNavigationTitle {

}
div#myNavigationPosition div.myLeft div.myNavigationTitle h1 {
  color: white;
  font-size: 37px;
  font-style: normal;
  font-weight: bold;
  line-height: 41px;
  margin-bottom: 0px;
}
/* NAVIGATION - for positon-2 */
div#breadcrumb-line {
  padding-top: 0px;
  padding-bottom: 0px;
}
/* NAVIGATION - for module */
div.moduletable.myNavigation {
  margin-bottom: 13px;
}
body.myBody.myHiddenArt div.moduletable.myNavigation {
  margin-bottom: 0px;
}
div.moduletable.myNavigation div.module-content {
  padding: 0px;
}
ul.breadcrumb.myNavigation {
  text-transform: none;
  padding: 0px !important;
  line-height: 20px;
  margin: 15px 0px;
}
ul.breadcrumb.myNavigation > li {
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  vertical-align: top;
  /*text-shadow: 1px 0px 2px black, 0px 1px 2px black, -1px 0px 2px black, 0px -1px 2px black;*/
  /*text-shadow: 1px 0px 1px black, 0px 1px 1px black, -1px 0px 1px black, 0px -1px 1px black;*/
}
ul.breadcrumb.myNavigation > li.active,
ul.breadcrumb.myNavigation > li > span.divider {
  padding: 0px;
  color: black;
}
ul.breadcrumb.myNavigation > li > span.divider {
  /*padding: 0px 4px;*/
  /*padding-left: 5px;*/
}
ul.breadcrumb.myNavigation > li.active:first-child {
  display: none;
}
ul.breadcrumb.myNavigation > li > a {
  /*color: white;*/
}


/* MAIN CONTENT */
div.myMainContent {
  margin: 0px;
  padding-bottom: 56px;
  /*padding-top: 83px;*/
  padding-top: 24px;
  position: relative;
  /*z-index: 1;*/
}
body.myBody.myIntro div.myMainContent {
  padding-top: 148px;
}
div.position-2 + div.myMainContent {
  margin-top: 0px;
}
div.myMainContent div.row-fluid div[class*="span"] {
  min-height: 1px;
}
div.myMainContent .tmp-content-area {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* MAIN CONTENT - background intro content */
body.myBody div.myMainContent > div.myBg {
  background-image: url(content/uvod/bg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0.08;
}
section#story-content {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
section#story-content > div.container,
div#breadcrumb-line > div.container {
  height: 100%;
  box-sizing: border-box;
  max-width: 1274px;
}
section#story-content.myAddLeft > div.container {
  /*background-color: #fcfcfc;*/
  /*position: relative;*/
}
/* MAIN CONTENT - for hidden article class (myHiddenArt) */
body.myBody.myHiddenArt section#story-content {
  padding: 15px 0px;
  /*background-color: #080808;*/
  background-image: none;
}
div.item-page.myHiddenArt {
  display: none;
}
/* MAIN CONTENT - intro page */
body.myIntro div.myMainContent .tmp-content-area {
  margin-top: 0px;
  margin-bottom: 50px;
}
body.myBody.myIntro section#story-content {
  /*padding-top: 70px;*/
  /*padding-bottom: 50px;*/
  /*background-color: #f1f1f1;*/
  /*position: relative;*/
}
/*body.myBody.myIntro section#story-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(content/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  opacity: 0.07;
}*/
body.myBody.myIntro section#story-content > div {
  position: relative;
}
/* MAIN CONTENT - intro page - content module */
div.item-page.myIntro > div div.moduletable {
  margin-bottom: 0px;
}
/* MAIN CONTENT - intro page - intro content */
div.item-page.myIntro > div > table {
  margin-left: auto;
}
div.item-page.myIntro > div > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  vertical-align: middle;
  text-align: center;
}
div.item-page.myIntro > div > table > tbody > tr > td:nth-child(1) {
  /*width: 392px;*/
  width: 404px;
  padding-right: 46px;
  box-sizing: content-box;
}
div.item-page.myIntro > div > table > tbody > tr > td:nth-child(2) {
  width: 661px;
}
div.item-page.myIntro > div h1 {
  text-transform: uppercase;
  /*font-size: 14px;*/
  font-size: 15px;
}
div.item-page.myIntro > div h1 img {
  vertical-align: top;
  margin-left: 15px;
}
div.item-page.myIntro > div h2 {
  margin-top: 31px;
  margin-bottom: 45px;
}
div.item-page.myIntro > div p {
  margin-bottom: 54px;
}


/* MODUL BLOG VYSTAVY */
div.newsflash.myVystavyModul {

}
div.newsflash.myVystavyModul div.myArticle {
  color: #f1f1f1;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  padding: 21px 0px;
  padding-left: 26px;
  padding-right: 21px;
  background-color: #424242;
  transition: all 0.2s linear 0s;
  position: relative;
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  /* justify-content: space-around; */
  margin-bottom: 12px;
}
div.newsflash.myVystavyModul div.myArticle:last-child {
  margin-bottom: 0px;
}
div.newsflash.myVystavyModul div.myArticle:hover {
  background-color: #1262b3;
}
div.newsflash.myVystavyModul div.myArticle div.myDate {
  padding-right: 26px;
  font-size: 18px;
}
div.newsflash.myVystavyModul div.myArticle div.myTitleArticle {
  flex: auto;
}
div.newsflash.myVystavyModul div.myArticle a.myReadmore {
  display: block;
  width: 27px;
  height: 27px;
  overflow: hidden;
  color: transparent;
  border-radius: 100%;
  background-color: white;
  background-image: url(vystavy/arrow.png);
  background-repeat: no-repeat;
  background-position: 50%;
}
div.newsflash.myVystavyModul div.myArticle,
div.newsflash.myVystavyModul div.myArticle > a.myFullReadmore {
  border-radius: 34px;
  overflow: hidden;
}
div.newsflash.myVystavyModul div.myArticle > a.myFullReadmore {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}


/* MODUL SENDNEWS */
.rs-cr div.moduletablemySendNews:last-child,
div.moduletablemySendNews:last-child {
  margin-bottom: 0px;
}
div.moduletablemySendNews p.myH3 {
  font-size: 30px;
  font-weight: 600;
  color: #00b250;
  line-height: 30px;
  margin-bottom: 27px;
}
div.moduletablemySendNews div.module-content div.acymailing_introtext {
  padding-bottom: 14px;
}
div.moduletablemySendNews table.acymailing_form {
  width: 100%;
}
div.moduletablemySendNews table.acymailing_form td {
  padding: 0px;
}
div.moduletablemySendNews table.acymailing_form td.acyfield_email input {
  box-sizing: border-box;
  height: 30px;
  padding: 0px 9px !important;
  margin: 0px;
  border: 1px solid #d2d2d2 !important;
  border-radius: 3px !important;
  background-color: #f5f5f5;
  color: #b4b4b4;
  font-size: 12px;
  font-weight: normal;  
}
div.moduletablemySendNews table.acymailing_form td.acysubbuttons input {
  margin: 0px;
  border-radius: 3px !important;
  padding: 8px;
  width: 100%;
  border: 2px solid #00b250 !important;
  font-size: 14px;
  font-weight: normal;
  margin-top: 12px;
}


/* MY BOTTOM (up footer) */
section#my-bottom {
  /*padding-top: 67px;*/
  /*padding-bottom: 102px;*/
  /*position: relative;*/
}

/* MY BOTTOM (up footer) - BANNER 1 (SP Builder) */
div.myBanner1 {
  background-color: #f9f9f9;
}
div.myBanner1 div.container {
  max-width: 1274px;
  /*max-width: 1268px;*/
}
/* MY BOTTOM (up footer) - BANNER 1 (SP Builder) - img text colom */
div.myBanner1 div.sppb-column.myImgTextColom {
  overflow: hidden;
}
div.myBanner1 div.sppb-column.myImgTextColom,
div.myBanner1 div.sppb-column.myImgTextColom *,
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock:before {
  border-radius: 9px;
}
/* MY BOTTOM (up footer) - BANNER 1 (SP Builder) - img text block */
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock {
  height: 295px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  background-color: rgba(123, 9, 41, 0.29);
  position: relative;
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0.62;
  width: 201px;
  transition: width 0.2s linear 0s;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /*background-image: url(banners/co-vam-nabizime/layer2.png);*/
  background-image: url(banners/co-vam-nabizime/layer2b.png);
  /*background-color: green;*/
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock:hover:before {
  /*width: 311px;*/
  width: 80%;
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock > div.sppb-addon-content {
  position: static;
  z-index: 2;
  font-size: 40px;
  font-weight: normal;
  line-height: normal;
  color: white;
  padding-right: 38px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 0px 0px 6px rgba(30, 30, 28, 0.74);
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock p {
  margin-bottom: 0px;
}
div.myBanner1 div.sppb-addon-text-block.myImgTextBlock > div.sppb-addon-content > div > a {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  color: transparent;
  overflow: hidden;
  text-shadow: none;
}

/* MY BOTTOM (up footer) - BANNER 2 (SP Builder) */
div.myBanner2 {

}
div.sppb-section.myRowBanner2 div.sppb-row {
  min-height: 642px;
}
/* MY BOTTOM (up footer) - BANNER 2 (SP Builder) - left colom */
div.myBanner2 div.sppb-addon-text-block.myLeftText {
  text-align: center;
  color: #1c1c1c;
  font-size: 25px;
  font-weight: normal;
  line-height: 175%;
  /*padding-top: 60px;*/
}
div.myBanner2 div.sppb-addon-text-block.myLeftText > div.sppb-addon-content > p:before,
div.myBanner2 div.sppb-addon-text-block.myLeftText > div.sppb-addon-content > p:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 46px;
  height: 36px;
  background-repeat: no-repeat;
}
div.myBanner2 div.sppb-addon-text-block.myLeftText > div.sppb-addon-content > p:before {
  background-image: url(banners/spokojeny-klient/quotes-start.png);
  margin-left: -58px;
  margin-top: -6px;
}
div.myBanner2 div.sppb-addon-text-block.myLeftText > div.sppb-addon-content > p:after {
  background-image: url(banners/spokojeny-klient/quotes-end.png);
  margin-left: 12px;
  margin-top: 16px;
}
/* MY BOTTOM (up footer) - BANNER 2 (SP Builder) - right colom */
div.myBanner2 div.sppb-addon-text-block.myRightText {
  font-size: 15px;
  font-weight: normal;
  /*padding-top: 60px;*/
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > div:nth-child(1),
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > div:nth-child(2) {
  font-size: 74px;
  font-weight: normal;
  line-height: 105%;
  color: white;
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > div:nth-child(2) {
  color: #d01146;
  margin-bottom: 50px;
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > table {
  /*max-width: 660px;*/
  max-width: 714px;
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > table td {
  border: 0px;
  padding: 0px 39px;
  width: 50%;
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > table td:first-child {
  padding-left: 0px;
}
div.myBanner2 div.sppb-addon-text-block.myRightText > div.sppb-addon-content > table td:last-child {
  padding-right: 0px;
}

/* MY BOTTOM (up footer) - BANNER 3 (SP Builder) */
div.myBanner3 {
  position: relative;
}
div.myBanner3 > div.bgImg {
  position: absolute;
}
div.myBanner3 > div.bgImg.my1 {
  top: 158px;
  left: 0px;
}
div.myBanner3 > div.bgImg.my2 {
  bottom: 32px;
  right: 0px;
}
div.myBanner3 div.container {
  max-width: 1216px;
  position: relative;
}

/* MY BOTTOM (up footer) - OWL SLIDE FOTO GALLERY */
div.mySlideGallery {
  /*border-top: 80px solid #76152f;*/
  border-top: 16px solid #76152f;
  overflow: hidden;
}


/* MY BOTTOM (up footer) - VM img menu position */
section#my-bottom div.myImgVmMenu {
  background-color: #e3f0f6;
  background-color: rgba(227, 240, 246, 0.64);
  padding: 59px 0px;
}
section#my-bottom div.myImgVmMenu div.myModuleTitle {
  text-align: center;
  /*margin-bottom: 42px;*/
  margin-bottom: 30px;
  color: #01324b;
  font-size: 24px;
  font-weight: bold;
}
/* MY BOTTOM (up footer) - VM img menu module */
ul.myImgVmMenu {
  margin: 0px;
  list-style-type: none;
  /*display: table;*/
  width: calc(100% + 12px);
  max-width: calc(100% + 12px);
  /* flex */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*flex-wrap: nowrap;*/
  /*align-items: flex-start;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
}
ul.myImgVmMenu li {
  float: left;
  width: calc(25% - 12px);
  margin-right: 12px;
  margin-top: 12px;
  background-color: white;
  /*transition: transform 0.2s linear 0s;*/
  transition: all 0.2s linear 0s;
  box-shadow: 2px 2px 6px rgba(34, 31, 31, 0.17);
  transform: scale(1.00);
}
ul.myImgVmMenu li:hover {
  box-shadow: 2px 2px 12px rgba(34, 31, 31, 0.17);
  transform: scale(1.06);
}
ul.myImgVmMenu li a {
  min-height: 91px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  transition: all 0.2s linear 0s;
  color: #01324b;
  text-decoration: none;
}
ul.myImgVmMenu li a:hover {
  text-decoration: none;
  color: #1ca1e9;
}
ul.myImgVmMenu li a > span {
  /*overflow: hidden;*/
  display: block;
  padding: 12px;
}
ul.myImgVmMenu li a > span:nth-child(1) {
  width: 128px;
  font-size: 12px;
  font-weight: normal;
}
ul.myImgVmMenu li a > span:nth-child(2) {
  width: calc(100% - 128px);
  padding-left: 0px;
}
ul.myImgVmMenu li a > span > span {
  display: block;
  overflow: hidden;
}
ul.myImgVmMenu li a > span img {
  max-width: 100%;
  max-height: calc(91px - 24px);
  display: block;
  margin: auto;
}


/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) */
div.myModule.mySlideNewsModul p.myTitle.myH1 {
  margin-bottom: 49px;
}
div.myModule.mySlideNewsModul div.myFullContent {
  position: relative;
}
/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules */
/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article image */
div.newsflash.mySlideNewsModul div.myArticleIntroImg {
  position: relative;
  margin-bottom: 20px;
}
div.newsflash.mySlideNewsModul div.myArticleIntroImg:before {
  content: '';
  display: block;
  padding-top: 41.13%;
}
div.newsflash.mySlideNewsModul div.myArticleIntroImg img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article title */
div.newsflash.mySlideNewsModul p.myTitleArticle {
  /*margin-bottom: 15px;*/
  margin-bottom: 5px;
  height: 40px;
  overflow: hidden;  
}
div.newsflash.mySlideNewsModul p.myTitleArticle,
div.newsflash.mySlideNewsModul p.myTitleArticle a {
  color: #424242;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  /*line-height: normal;*/
  line-height: 20px;
}
div.newsflash.mySlideNewsModul p.myTitleArticle a {
  text-decoration: none;
}
div.newsflash.mySlideNewsModul p.myTitleArticle a:hover {
  /*text-decoration: underline;*/
  color: #1262b3;
}
/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article content */
div.newsflash.mySlideNewsModul div.myContent {
  font-size: 15px;
  color: #393a3a;
  font-style: normal;
  font-weight: normal;
  padding-right: 62px;
  position: relative;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
/* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article readmore arrow */
div.newsflash.mySlideNewsModul div.myContent div.myReadmore {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  right: 12px;
}
div.newsflash.mySlideNewsModul div.myContent div.myReadmore,
div.newsflash.mySlideNewsModul div.myContent div.myReadmore a {
  width: 38px;
  height: 38px;
}
div.newsflash.mySlideNewsModul div.myContent div.myReadmore a {
  display: block;
  color: transparent;
  overflow: hidden;
  background-color: #424242;
  border-radius: 100%;
  background-image: url(banners/slidenews/arrow.png);
  background-repeat: no-repeat;
  background-position: 50%;
}
div.newsflash.mySlideNewsModul div.myContent div.myReadmore a:hover {
  background-color: #1262b3;
}
/* MY BOTTOM (up footer) = VM SLIDER FOR NEWS1 (mySlideNewsModul ) */
div.mySlideNews .owl-carousel {
  width: calc(100% + 28px);
  position: unset;
}
div.mySlideNews .owl-carousel .owl-wrapper-outer {
  width: calc(100% - 28px);
}
div.mySlideNews .owl-item > li,
div.mySlideNews .owl-item > div {
  margin: 0px;
  margin-right: 27px;
}
/* MY BOTTOM (up footer) = VM SLIDER FOR NEWS1 (mySlideNewsModul ) - button arrow */
div.mySlideNews div.owl-controls.clickable {
  left: 0px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons {
  margin: 0px;
  margin-top: 153px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev,
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next {
  margin: 0px;
  width: 44px;
  height: 80px;
  margin-top: -40px;
  border-radius: 0px;
  box-shadow: none;
  color: transparent;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev {
  left: 0px;
  right: auto;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next {
  left: auto;
  right: 0px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:before,
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:before {
  background-color: transparent;
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  margin: auto;
  font-size: 25px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:before {
  left: 0px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:before {
  right: 0px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:after,
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 0px;
  width: 0px;
  z-index: 1;
  margin: auto;
  border: 40px solid transparent;
  transition: all 0.2s linear 0s;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:after {
  border-left: 44px solid #1262b3;
  border-right: 0px;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:after {
  border-left: 0px;
  border-right: 44px solid #1262b3;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:hover:after {
  border-left: 44px solid #424242;
}
div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:hover:after {
  border-right: 44px solid #424242;
}

/* MY BOTTOM (up footer) = LOGOS MODULE */
section#my-bottom div.mySpacer + div.myLogos {
  margin-top: 100px;
}
div.custom.myLogosModule {

}
div.custom.myLogosModule > p {
  text-align: center;
}
div.custom.myLogosModule > .myH1 {
  margin-bottom: 8px;
}
div.custom.myLogosModule > div {
  color: #1262b3;
  font-size: 23px;
  font-style: italic;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  position: relative;
  overflow: hidden;
}
div.custom.myLogosModule > div > em {
  display: table;
  margin: auto;
}
div.custom.myLogosModule > div > em:before,
div.custom.myLogosModule > div > em:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  /*background-color: #1262b3;*/
  background-color: rgba(18, 98, 179, 0.36);
}
div.custom.myLogosModule > div > em:before {
  margin-left: calc(-100% - 10px);
}
div.custom.myLogosModule > div > em:after {
  margin-left: 10px;
}
div.custom.myLogosModule > table {
  width: 100%;
  margin: 0px;
  margin-top: 30px;
}
div.custom.myLogosModule > table > tbody {
  display: block;
}
div.custom.myLogosModule > table > tbody > tr {
  display: flex;
  flex-direction: row;
  /*flex-wrap: wrap;*/
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  /*justify-content: space-around;*/  
}
div.custom.myLogosModule > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  display: block;
  /*margin: 0px 10px;*/
  /*width: calc(12.5% - 20px);*/
  text-align: center;
  margin-top: 36px;
}
div.custom.myLogosModule > table > tbody > tr > td img {
  max-width: 127px;
}


/* NEW VIEW VM - width element list */
div.my-vm-view-cover {
  overflow: hidden;
}
div.my-vm-view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*flex-wrap: nowrap;*/
  /*align-items: flex-start;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  width: calc(100% + 3px);
  max-width: calc(100% + 3px);
}
div.my-vm-view:before,
div.my-vm-view:after,
div.my-vm-view > div.clear {
  display: none;
}
div.my-vm-view > div.my-col-3[class*="span"],
div.my-vm-view > div.my-col-3 {
  margin: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  width: calc(33.33% - 0px);
}

/* VM FOR ALL */
.row-fluid .product {
  /*margin-bottom: 22px;*/
  /*margin-bottom: 2.5%;*/
}
.row-fluid .spacer,
.browse-view .spacer,
.vmgroup_products .spacer,
.vmgroup .spacer,
.vm-related .spacer {
  /*padding: 20px;*/
  /*padding: 10px 20px 5px;*/
  padding: 0px;
  padding-bottom: 5px;
  border: 0px solid #f0f0f0;
  border-right: 2px solid #8d8f90;
  background-color: white !important;
  /*box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);*/
  margin: 0px;
  box-sizing: border-box;
}
.product:last-child .spacer {
  border-right: 2px solid transparent;
}
/* VM FOR ALL - image */
.spacer div.myHeadVmCat {
  padding: 10px 20px 5px;
  background: linear-gradient(180deg, #c0c2c2 0%, #ffffff 100%);
}
/* VM FOR ALL - image */
.spacer div.pr-img-handler,
.browse-view .spacer div.pr-img-handler,
.spacer div.myImg {
  width: 100%;
  /*height: 201.33px;*/
  position: relative;
  margin: 0px !important;
  /* pomer stran */
  height: auto;
}
.spacer div.pr-img-handler:before,
.browse-view .spacer div.pr-img-handler:before,
.spacer div.myImg:before {
  content: '';
  display: block;
  padding-top: calc(100% * (2 / 3));
}
.spacer div.pr-img-handler img,
.spacer div.myImg img {
  display: block;
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  object-fit: contain;
  object-fit: scale-down;
  object-position: 50% 50%;
  /* pomer stran */
  position: absolute;
  top: 0px;
  left: 0px;
}
.spacer div.pr-img-handler img.ikona,
.spacer div.myImg img.ikona {
  /*object-fit: contain;*/
}
.spacer div.pr-img-handler img.myNoImg,
.spacer div.myImg img.myNoImg {
  /*object-fit: scale-down;*/
}
.spacer div.myManufacturerIcon {
  float: right;
  width: 40px;
  height: 40px;
  margin-right: -10px;
  margin-left: 6px;
}
.spacer div.myManufacturerIcon img {
  object-fit: contain;
  object-position: 100% 0%;
  width: 100%;
  height: 100%;
}
/* VM FOR ALL - title */
.spacer div.myTitleVmCat,
.spacer div.myManufacturer {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
}
/* VM FOR ALL - title manufacturer */
.spacer div.myManufacturer {
  color: #0f0018;
}
.spacer div.myTitleVmCat a,
.spacer .myTitleVmCatColor,
.spacer div.myTitleVmCat {
  color: #ef4428;
}
/* VM FOR ALL - short decription */
.spacer div.myShortDescVmCat {
  margin-top: 12px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 17px;
  color: #414445;
  /*height: 85px !important;*/
  height: 85px;
  overflow: hidden;
}
/* VM FOR ALL - action text div */
.spacer div.myBottomVmCat {
  margin-top: 34px;
}
.spacer div.myBottomVmCat:after {
  content: '';
  clear: both;
  display: table;
  width: 100%;
}
.spacer div.myBottomVmCat div.myTags {
  float: left;
  margin-left: 20px;
  min-width: 85px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.spacer div.myBottomVmCat div.myTags > div {
  background-color: #ef4428;
  padding: 2px 0px;
}
.spacer div.myBottomVmCat div.myTags > div.myNew {
  background-color: #02a248;
}
.spacer div.myBottomVmCat div.myTags > div.myStav {
  background-color: #999999;
}
.spacer div.myBottomVmCat div.myTags > div.myTip {
  background-color: #ef7b00;
}
.spacer div.action-handler,
div.action-handler {
  float: right;
}
div.action-handler.InProductDetail {
  width: auto;
  margin-top: 22px;
}
/* VM FOR ALL - prices */
div.myPricesVmCat {
  /*line-height: normal;*/
  line-height: 24px;
  text-align: right;
  margin-right: 7px;
  margin-bottom: 3px;
}
div.myPricesVmCat.InProductDetail {
  margin-right: 30px;
}
div.myPricesVmCat span.myText {
  color: #cc2525;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
}
div.myPricesVmCat span.myText > span {
  /*line-height: 16px;*/
}
div.myPricesVmCat > div {
  color: black;
  font-size: 18px;
  font-weight: 600;
}
div.myPricesVmCat span.vm-price-desc {
  padding-right: 5px;  
}
div.myPricesVmCat div.PricesalesPrice > span.PricesalesPrice {
  font-size: 18px;
  font-weight: 600;
}
/* VM FOR ALL - cart button styling */
div.myCartAndStock {
  text-align: right;
}
div.myCartAndStock div.myStock {
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  margin-right: 5px;
  /*text-transform: uppercase;*/
  font-size: 15px;
  font-weight: bold;
  color: #0ba349;
}
div.myCartAndStock div.myStock > span {
  color: #2f2483;
}
.spacer div.action-handler div.vm3pr,
div.action-handler div.vm3pr {
  padding: 0px;
  clear: none;
  /*float: right;*/
  margin-right: 2px;
  display: inline-block;
  vertical-align: top;
  min-width: 35px;
  min-height: 35px;
}
.spacer .addtocart-bar-handler,
.spacer .addtocart-bar-handler .addtocart-bar {
  height: auto
}
div.vm3pr div.addtocart-bar span.quantity-box,
div.vm3pr div.addtocart-bar span.quantity-controls,
div.vm3pr div.addtocart-bar span.quantity-controls.js-recalculate {/* quantity */
  display: none;
}
div.vm3pr div.addtocart-bar span.addtocart-button {/* button */
  position: relative;
  top: auto;
  left: auto;
  display: block;
  float: left;
}
.spacer:hover div.vm3pr div.addtocart-bar span.addtocart-button .addtocart-button,
div.vm3pr div.addtocart-bar span.addtocart-button .addtocart-button {
  background-color: #cc2525 !important;
  color: transparent !important;
  opacity: 1;
  border-radius: 0px !important;
  margin: 0px;
  padding: 0px;
  width: 35px;
  height: 35px;
  background-image: url(cart/cart-icon.png) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  overflow: hidden;
  /*font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: -1px;*/
}
.spacer:hover div.vm3pr div.addtocart-bar span.addtocart-button .addtocart-button:hover,
div.vm3pr div.addtocart-bar span.addtocart-button .addtocart-button:hover {
  background-color: #343434 !important;
  /*color: white !important;*/
}
/* VM FOR ALL - detail button */
.spacer div.myButton {
  text-align: center;
  margin-top: 14px;
  /*margin-bottom: 22px;*/
}
.spacer div.myButton a {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  display: inline-block;
  background-color: #00b250;
  padding: 8px;
  padding-bottom: 9px;
  width: 205px;
  max-width: 100%;
  text-align: center;
  vertical-align: top;
  border-radius: 3px;
  box-sizing: border-box;
}
.spacer div.myButton a:hover {
  text-decoration: none;
  background-color: black;
}
/* VM FOR ALL - back button in category */
div.myCatInfo {

}
div.myCatInfo > div.myButton {
  margin-bottom: 20px;
}
div.myCatInfo > div.myButton > a,
div.myCatInfo > div.myButton > span {
  line-height: 36px;
  vertical-align: middle;
  display: inline-block;
}
div.myCatInfo > div.myButton > a {
  color: transparent;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: 2px solid #CC2D2D;
  background-color: #CC2D2D;
  border-radius: 2px;
  background-image: url(virtuemart/back.png);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 12px;
}
div.myCatInfo > div.myButton > a:hover {
  background-color: #4f4f4f;
}
div.myCatInfo > div.myButton > span {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
div.myCatInfo > div.myButton > span:nth-child(2) {
  color: black;
  margin-right: 5px;
}
div.myCatInfo > div.myButton > span:nth-child(3) {
  color: #505050;
  text-transform: uppercase;
}
div.myCatInfo.myProductDetail > div.myButton > span:nth-child(3) {
  text-transform: none;
}


/* VM PRODUCTS RELATED - in pop up */
#fancybox-content .product-related-products {

}
#fancybox-content .product-related-products .product-field {
  padding: 0px;
  margin: 0px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
}
#fancybox-content .product-related-products .vm-related .spacer {
  padding: 12px;
}
#fancybox-content .product-related-products .spacer div.myTitleVmCat {
  margin-top: 7px;
  height: 20px;
  overflow: hidden;
}
#fancybox-content .product-related-products .spacer div.myShortDescVmCat {
  line-height: 14px;
  height: 28px;
  overflow: hidden;
}
#fancybox-content .product-related-products .spacer div.action-handler {
  margin-top: 2px;
}
#fancybox-content .product-related-products .spacer div.action-handler div.myPricesVmCat,
#fancybox-content .product-related-products .spacer div.action-handler div.vm3pr {
  float: none;
  display: table;
  margin: auto;
  clear: both;
  margin-top: 5px;
  text-align: center;
}


/* VM CATEGORY */
div.myCatagoryDesc {
  margin-bottom: 40px;
  color: #3a3a3a;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.60;
}
div.myCatagoryDesc.myTop {
  
}
div.myCatagoryDesc:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.myCatagoryDesc h1 {
  /*font-size: 25px;*/
  /*font-weight: 600;*/
  /*line-height: 25px;*/
  /*color: #00b250;*/
}
div.myCatagoryDesc > hr:last-child {
  /*border-color: rgba(0, 0, 0, 0.1);*/
}
/* VM CATEGORY - ordering */
div.browse-view.myCategoryProducts div.orderby-displaynumber {
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 25px;
  /*display: none;*/
  border-bottom: 1px solid #dedede;
  padding-bottom: 14px;
}
div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.span5.floatright.display-number {
  margin-right: 0px;
  float: right;
}
div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.span5.floatright.display-number p.label {
  padding-right: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
}
div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.span5.floatright.display-number b.button {
  height: 30px;
}
div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.display-number .display-results-no {
  line-height: 30px;
}
/* VM CATEGORY - link color */
div.category-view .row-fluid .spacer a {
  color: #424242;
}
/* VM CATEGORY - child category - title */
div.category-view .row-fluid .spacer div.myShortDescVmCat {
  max-height: 64px;
  overflow: hidden;
}
div.category-view .row-fluid .spacer div.myShortDescVmCat p,
div.category-view .row-fluid .spacer div.myShortDescVmCat ul,
div.category-view .row-fluid .spacer div.myShortDescVmCat table {
  margin: 0px;
}
/* VM CATEGORY - child category - img */
div.category-view .row-fluid .spacer div.myImg {
  height: 165px;
}


/* VIRTUEMART - filter */
div.orderlistcontainer div.orderlist div {
  padding: 0px;
}
/* VIRTUEMART - page count switch */
div.selectric .button:after,
.selectric-hover .selectric .button:after {
  border-top-color: white;
}
/* VIRTUEMART - page switch */
div.vm-pagination {
  width: 100%;
  /*margin-top: 7px;*/
}
div.vm-pagination.myBottom {

}
div.vm-pagination .myPageButton {
  display: block;
}
div.vm-pagination .myPageButton ul {
  float: none;
  display: table;
  padding: 0px;
  /*margin-top: 45px;*/
  margin-left: auto;
  border-left: 1px solid #bebebe;
}
div.vm-pagination .myPageButton ul > li {
  padding: 0px !important;
}
div.vm-pagination .myPageButton ul > li.pagination-start,
div.vm-pagination .myPageButton ul > li.pagination-prev,
div.vm-pagination .myPageButton ul > li.pagination-next,
div.vm-pagination .myPageButton ul > li.pagination-end {
  display: none;
}
div.vm-pagination .myPageButton ul > li > span,
div.vm-pagination .myPageButton ul > li > a {
  font-size: 15px;
  font-weight: 600;
  border: 1px solid #bebebe;
  border-left: 0px;
  line-height: 20px;
  padding: 4px 10px;
}
div.vm-pagination .myPageButton ul > li > span {
  background-color: #0f86c3;
  color: white;
}
div.vm-pagination .myPageButton ul > li > a {
  background-color: white !important;
  color: #323232 !important;
}
div.vm-pagination .myPageButton ul > li > a:hover {
  background-color: #01324b !important;
  color: white !important;
}

/* VIRTUEMART - categories view */
div.category-view {
  padding-bottom: 0px !important;
}
div.category-view div.row-fluid div.category {
  margin-bottom: 2.5%;
}
div.category-view .row-fluid .spacer {
  background-color: transparent !important;
  border: 0px;
  padding: 0px;
} 


/* VM PRODUCT DETAIL */
div.row-fluid.myProDetailContentCover {
  display: flex;
  flex-direction: row;
  /*flex-wrap: wrap;*/
  flex-wrap: nowrap;
  /*align-items: center;*/
  /*align-items: flex-start;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  margin-bottom: 20px;
}
div.productdetails-view div.myDetailProContent {
  float: right;
  width: 52%;
}
div.productdetails-view h1 {
  border: 0px;
  /*color: #00b250;*/
  /*padding-bottom: 0px;*/
  /*margin-bottom: 0px;*/
}
/* VM PRODUCT DETAIL - images */
div.productdetails-view div.myImgDetailProduct {
  position: relative;
  /* overflow: hidden; */
  float: left;
  width: 48%;
  box-sizing: border-box;
  padding-right: 40px;
  /*min-height: 300px;*/
}
/* VM PRODUCT DETAIL - images - main image */
.productdetails-view.productdetails div.main-image {
  /*background-color: #f0f0f0;*/
  /*border: 1px solid #6ec7eb;*/
  /*padding: 10px;*/
  padding: 0px;
}
.productdetails-view.productdetails div.main-image div.product-details-image-handler {
  background-color: transparent !important;
}
.productdetails-view.productdetails div.main-image .vm-img-desc {
  display: none;
}
.productdetails-view.productdetails div.main-image img {
  max-height: none;
  max-width: 100%;
}
/* VM PRODUCT DETAIL - images - additional images */
.productdetails-view.productdetails div.additional-images {
  /*margin: 5px 0px;*/
  margin: 0px;
  overflow: hidden;
}
.productdetails-view.productdetails div.additional-images > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*flex-wrap: nowrap;*/
  /*align-items: center;*/
  /*align-items: flex-start;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  width: calc(100% + 5px);
  max-width: calc(100% + 5px);  
}
.productdetails-view.productdetails div.additional-images div.floatnone {
  margin-right: 5px;
  margin-top: 5px;
  width: calc(33.33% - 5px);
  height: 58px;
}
.productdetails-view.productdetails div.additional-images div.floatnone img {
  padding: 2px;
  border: 2px solid #ccc;
}
.productdetails-view.productdetails div.additional-images div.floatnone:last-child img {
  /*margin-right: 0px;*/
}
.productdetails-view.productdetails div.additional-images div.floatnone img:hover {
  border: 2px solid #818181;
}
.productdetails-view.productdetails div.additional-images div.floatnone.myActive img {
  border: 2px solid #6cc3e6;
}
.productdetails-view.productdetails div.additional-images div.floatnone img {  
  margin: 0px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  /*object-fit: contain;*/
  object-fit: scale-down;
  object-position: 50% 50%;
  /*width: 124px;
  height: 93px;
  object-fit: cover;
  object-position: 50% 50%;*/
}
/* VM PRODUCT DETAIL - description */
div.productdetails-view div.myShortDesc,
div.productdetails-view div.myFullDesc {
  color: #3f3f3f;
  font-size: 14px;
  font-weight: normal;
  /*margin-bottom: 22px;*/
}
/* VM PRODUCT DETAIL - table params */
div.productdetails-view table.myProDetailParam {
  /*width: 52%;*/
  width: 100%;
  margin-bottom: 22px;
}
div.productdetails-view table.myProDetailParam td {
  /*border: 1px solid #3fade9;*/
  border: 1px solid rgba(63, 173, 233, 0.34);
  color: #3f3f3f;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 9px 12px;
}
div.productdetails-view table.myProDetailParam > tbody > tr > td:nth-child(1) {
  width: 133px;
  color: white;
  font-weight: bold;
}
div.productdetails-view table.myProDetailParam > tbody > tr > td:nth-child(2) {
  padding-left: 18px;
}
div.productdetails-view table.myProDetailParam > tbody > tr:nth-child(1):nth-last-child(n+2) > td:nth-child(1) {
  border-bottom: 1px solid #bde3f7;
}
div.productdetails-view table.myProDetailParam td.sku {
  background-color: #3fade9;
}
div.productdetails-view table.myProDetailParam td.katalog {
  background-color: #043954;
}
div.productdetails-view table.myProDetailParam a {
  color: #3f3f3f;
  text-decoration: underline;
}
div.productdetails-view table.myProDetailParam a:hover {
  color: #01324b;
  text-decoration: none;
}
/* VM PRODUCT DETAIL - related products */
div.productdetails-view div.myRelatedProducts {
  clear: both;
  margin-top: 50px;
  border-top: 1px solid rgba(211, 211, 211, 0.7);
  padding-top: 32px;
}
div.productdetails-view div.myRelatedProducts div.myTitle {
  font-size: 20px;
  font-weight: bold;
  color: #044261;
}
div.productdetails-view div.myRelatedProducts div.vmgroup {
  padding-top: 25px;
  width: calc(100% + 14px);
  margin-left: -7px;
}
div.productdetails-view div.myRelatedProducts div.vmgroup .owl-controls {
  left: 7px;
  right: 7px;
}
/* VM PRODUCT DETAIL - button reservation */
div.productdetails-view div.myAskButton {

}
div.productdetails-view div.myAskButton > a.ask-a-question {
  margin: 0px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  color: white !important;
  padding: 10px;
  border-radius: 3px !important;
  border: 0px solid #CC2D2D !important;
  /*text-transform: uppercase;*/
  min-width: 150px;
  background: #00b250 !important;
  transition: all 0.2s linear 0s;
}
div.productdetails-view div.myAskButton > a.ask-a-question:hover {
  text-decoration: none;
  background: black !important;
}
/* VM PRODUCT DETAIL - modul info */
div.productdetails-view div.myVmInfo > div.custom {
  margin-top: 15px;
}


/* BOTTOM FULL */
section#bottom-full {

}
section#bottom-full > div.row-fluid > .span3 {
  margin: 0px;
  width: 25%;
  overflow: hidden;
  height: 500px;
}
section#bottom-full div.custom {
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  transition: all 0.2s linear 0s;
  transform: scale(1.0);
}
section#bottom-full div.custom:hover {
  transform: scale(1.1);
}
section#bottom-full div.custom > table {
  width: 100%;
  height: 100%;
  margin: 0px;
}
section#bottom-full div.custom > table td {
  border: 0px;
  vertical-align: middle;
  text-align: center;
  padding: 7%;
  color: white;
  font-size: 38px;
  font-style: normal;
  font-weight: bold;
  line-height: 45px;
}
section#bottom-full div.custom > p:nth-child(2),
section#bottom-full div.custom > p:nth-child(2) > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
section#bottom-full div.custom > p:nth-child(2) > a {
  color: transparent;
  overflow: hidden;
}


/* POSITION UP FOOTER FOR CONTACT */
div#myContactUpFooter {
  background-color: #1d2126;
  position: relative;
  overflow: hidden;
  color: #aaaaaa;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
}
div#myContactUpFooter:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 16px;
  background-color: #76152f;
  z-index: 1;
}
div#myContactUpFooter > div.container {
  position: relative;
  z-index: 2;
}
div#myContactUpFooter p {
  margin-bottom: 40px;
}
div#myContactUpFooter p:last-child {
  margin-bottom: 0px;
}
div#myContactUpFooter a {
  color: #aaaaaa;
}
/* POSITION UP FOOTER FOR CONTACT - for sp page builder content */
div.myContactModuleRow {

}
div.myContactModuleRow > div > div.sppb-row {
  margin-right: -38px;
  margin-left: -38px;
}
div.myContactModuleRow > div > div.sppb-row > div {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0px 38px;
  /*padding-top: 38px;*/
  padding-top: calc(38px + 16px);
  padding-bottom: 72px;
}
div.myContactModuleRow > div > div.sppb-row > div:nth-child(1) {
  border-left: 0px;
}
div.myContactModuleRow div.sppb-addon-title {
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 18px;
  color: white;
  line-height: 22px;
  text-align: left;
}
div.myContactModuleRow div.sppb-addon-title:after {
  display: none;
}
/*div.myContactModuleRow > div > div > div.sppb-col-md-4:nth-child(1) {
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%;
}
div.myContactModuleRow > div > div > div.sppb-col-md-4:nth-child(2) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
div.myContactModuleRow > div > div > div.sppb-col-md-4:nth-child(3) {
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
  max-width: 26%;
}*/
div.myContactModuleRow div.sppb-column-addons > div.clearfix {
  /*margin-bottom: 0px !important;*/
}
/* POSITION UP FOOTER FOR CONTACT - for sp page builder content - block myUpFooter1 */
div.sppb-addon.sppb-addon-text-block.myUpFooter1 {
  margin-top: 7px;
  color: #959595;
  font-size: 15px;
  font-weight: normal;
}
div.sppb-addon.sppb-addon-text-block.myUpFooter1 .mySocialLink {

}
div.sppb-addon.sppb-addon-text-block.myUpFooter1 .mySocialLink img {
  margin-right: 16px;
}
/* POSITION UP FOOTER FOR CONTACT - for sp page builder content - block myUpFooter3 */
div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table {
  width: auto;
  margin: auto;
}
div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  padding-bottom: 18px;
}
div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table > tbody > tr:last-child > td {
  padding-bottom: 0px;
}
div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table > tbody > tr > td:nth-child(1) {
  text-align: center;
  padding-right: 18px;
  width: 50px;
}
div#myContactUpFooter div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table td > p,
div.sppb-addon.sppb-addon-text-block.myUpFooter3 div.sppb-addon-content > table td > p {
  margin-bottom: 0px;
}
/* POSITION UP FOOTER FOR CONTACT - for sp page builder content - Menu myBottomMenu */
ul.menu.myBottomMenu {
  margin: 0px;
}
ul.menu.myBottomMenu > li {
  padding: 0px;
  margin-bottom: 18px;
}
ul.menu.myBottomMenu > li:last-child {
  margin-bottom: 0px;
}
div#myContactUpFooter ul.menu.myBottomMenu > li > a,
ul.menu.myBottomMenu > li > a {
  font-size: 16px;
  font-weight: normal;
  color: white;
}
div#myContactUpFooter ul.menu.myBottomMenu > li.active > a,
ul.menu.myBottomMenu > li.active > a {
  text-decoration: underline;
}
/* POSITION UP FOOTER FOR CONTACT - for sp page builder content - Menu myBottomMenu - Level 2 + more */
div#myContactUpFooter ul.menu.myBottomMenu > li ul,
ul.menu.myBottomMenu > li ul {
  padding-left: 20px;
  padding-top: 5px;
  color: white;
  list-style: disc;
}
div#myContactUpFooter ul.menu.myBottomMenu > li ul > li,
ul.menu.myBottomMenu > li ul > li {
  padding: 0px;
}
div#myContactUpFooter ul.menu.myBottomMenu > li ul > li,
ul.menu.myBottomMenu > li ul > li {
  padding: 0px;
}
div#myContactUpFooter ul.menu.myBottomMenu > li ul > li > a,
ul.menu.myBottomMenu > li ul > li > a {
  color: white;
  padding-left: 0px;
} 


/* FOOTER */
div.footer-holder {
  background-color: #1d2126;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
div.footer-holder > div.myFooterBg {

}
div.footer-holder > div.myFooterBg > div {

}
div.footer-holder > div.footer-content-handler {
  /*position: relative;*/
}
footer#footer {
  background-color: transparent;
  color: #aaaaaa;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
footer#footer p {
  /*margin-bottom: 20px;*/
}
footer#footer p:last-child {
  /*margin-bottom: 0px;*/
}
footer#footer a {
  color: white;
  /*text-decoration: underline;*/
}
footer#footer a:hover {
  color: white;
  /*text-decoration: none;*/
}
div#footer-line {
  padding: 24px 0px;
  padding-top: 32px;
}
div#footer-line-bottom {
  /*border-top: 1px solid rgba(156, 18, 11, 0.2);*/
  padding: 0px;
}
div#footer-line-bottom [class*="span"] {
  min-height: 1px;
}
div.myBottomFooter {
  /*background-color: rgba(0, 0, 0, 0.03);*/
}
/* FOOTER - ul class myFooterMenu menu style */
#footer-line ul.menu.myFooterMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: right;
  padding: 0px;
  margin: 0px -13px;
}
#footer-line ul.menu.myFooterMenu > li {
  padding: 5px 13px;
  line-height: 16px;
  display: block !important;
}
#footer-line ul.menu.myFooterMenu > li > a {
  display: block !important;
  color: #959595;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  /*text-transform: uppercase;*/
}
#footer-line ul.menu.myFooterMenu > li.active > a {
  text-decoration: underline;
}
#footer-line ul.menu.myFooterMenu > li > a:hover {
  color: white;
}
/* FOOTER - LEFT RIGHT FOOTER - menu, social link */
div#foo-left-right {
  margin-bottom: 0px;
  padding: 21px 0px;
  position: relative;
}
div#foo-left-right > div.tf-module:first-child > div.moduletable {
  /*float: left;*/
}
div#foo-left-right > div.tf-module:first-child > div.moduletable p.myH3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  color: white;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content {
  padding-bottom: 0px;
}
div#foo-left-right > div.tf-module:first-child > div.moduletable p.myH3 + div.module-content {
  padding-bottom: 14px;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu {
  padding-bottom: 0px;
}
/* FOOTER - LEFT RIGHT FOOTER - menu */
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li {
  padding: 0px;
  display: inline-block !important;
  line-height: normal;
  margin: 5px 0px;
  margin-right: 20px;
}
div#foo-left-right > div.tf-module > div.moduletable:last-child div.module-content > ul.menu > li:last-child {
  margin-right: 0px;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li > a {
  display: block !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  color: white;
  padding-top: 2px;
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li.active > a {
  border-top: 1px solid white;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li.active:hover > a {
  border-top: 1px solid transparent;
}
div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li:hover > a {
  border-bottom: 1px solid white;
}
/* FOOTER - LEFT RIGHT FOOTER - social link */
div.moduletable.mySocialLink {
  display: table;
  width: 100%;
  height: 60px;
}
div.moduletable.mySocialLink > div.module-content-handler {
  display: table-cell;
  vertical-align: middle;
}
div.custom.mySocialLink {
  display: table;
  width: auto;
  margin-left: auto;
  line-height: normal;
}
div.custom.mySocialLink > div.myAbsIcon {
  float: right;
  width: 105px;
  height: 31px;
}
div.custom.mySocialLink > div.myAbsIcon img {
  position: absolute;
  max-width: none;
  bottom: -6px;
  right: 15px;
}
div.custom.mySocialLink > p {
  display: block;
  line-height: normal;
  float: right;
  margin-left: 20px !important;
  position: relative;
}
div.custom.mySocialLink > p:last-child {
  margin-left: 0px !important;
}
div.custom.mySocialLink > p img {
  padding: 5px 7px;
  border-radius: 3px;
  transition: all 0.2s linear 0s;
  background-color: transparent;
}
div.custom.mySocialLink > p a:hover img {
  background-color: black;
}
/* FOOTER - myCopyRight */
div.custom.myCopyRight {
  text-align: center;
}
div.custom.myCopyRight > p:first-child {
  /*float: left;*/
}
div.custom.myCopyRight > p.myForFirsts {
  /*text-align: right;*/
}
/* FOOTER - my new left right with add auto year */
div.myFooterCopyRight {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  /* justify-content: space-around; */
}
div.myFooterCopyRight > div {
  /*width: 50%;*/
  padding-right: 20px;
}
div.myFooterCopyRight > div:last-child {
  padding-right: 0px;
}
div.myCopyRightYear p {
  margin-bottom: 3px;
}
div.myCopyRightYear p:last-child {
  margin-bottom: 0px;
} 
div.myCopyRightYear .mySP {
  color: white;
}

/* FOOTER and Up Footer max width */
div#myContactUpFooter div.container,
footer#footer div.container {
  max-width: 1170px;
}


/* filter */
.cf_flt_wrapper {
    float: none;
    width: 100.0%;
    padding-bottom: 10px;
    clear: both;
    padding-top: 10px;
    border-top: 1px solid #0000001f;
    height: auto !important;
    margin: 0;
    line-height: 18px;
    display: flex;
}
.span3.rs-cl  .cf_flt_wrapper {
    display: block;
}
.cf_flt_wrapper  .cf_flt_header+div  {
    height: auto !important;
}
.cf_flt_header {
    text-decoration: none;
    cursor: pointer;
    font-size: 1.1em;
    padding-bottom: 3px;
    font-weight: bold;
    float: left;
    width: 12%;
}
.span3.rs-cl .cf_flt_header {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.cf_flt_wrapper div+div {
    flex: 1;
}
.cf_flt_wrapper ul.cf_filters_list {
    margin: 0;
}
.cf_filters_list li {
    line-height: 1.3em;
    padding-left: 0px;
    list-style: none;
    background-image: none;
    display: inline-block;
    width: 25%;
    margin-bottom: 5px !important;
    margin-left: 0 !important;
}
.span3.rs-cl .cf_filters_list li {
    width: 50%;
}
ul#cf_list_custom_f_19_334 li {
    width: 33%;
}
.cf_filters_list li input.cf_flt {
    margin: 0;
}
.headexpand {
    display: none;
}
a.cf_resetAll_link {
    padding: 10px;
    position: relative;
    margin-top: 0;
    display: inline-block;
    border-radius: 0px;
    color: #494949;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    bottom: 0;
    float: right;
}
a.cf_resetAll_link:hover {
    background: #e55555;
    color: white;
    border: 1px solid #e55555;
    text-decoration: none;
}
.span3.rs-cl .cf_slider_gutter_m {
    width: 235px;
}
.span3.rs-cl .slider_bkg_img {
    width: 250px;
}
.span3.rs-cl div#cf_wrapper_inner_custom_f_23_334 {
    margin: 0 !important;
}


/* NEW CSS STYLE !!! */

/* HEADER */
header#top-handler div#top {
  background: white;
  position: relative;
}
/*header#top-handler div#top:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(header/top_bg.jpg);
  background-position: 50% 0px;
  background-repeat: repeat;
  opacity: 0.2;
}*/
header#top-handler div#top:after {
  display: none;
}
header#top-handler div#top > div.container-fluid {
  position: relative;
}
header#top-handler div#top > div.container-fluid > div.container > div.row-fluid {
  width: calc(100% - 20px);
  margin: 0px 10px;
}

/* Currency SWITH MODUL */
div.myCurrencySwitchSpacer {
  margin-top: -1px;
  /*margin-right: 15px;*/
  margin-right: 10px;
  background-color: white;
}
div.myCurrencySwitchSpacer form {
  margin: 0px;
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
  color: #033f5d;
}
div.myCurrencySwitchSpacer form span {
  margin-right: -4px;
  position: relative;
}
div.myCurrencySwitchSpacer form select {
  margin: 0px;
  padding: 0px !important;
  border: 0px !important;
  border-radius: 0px !important;
  line-height: normal;
  height: auto;
  vertical-align: top;
  width: auto;
  font-size: 12px;
  font-weight: bold;
  color: #033f5d;
  background-color: transparent;
}

/* LANG SWITH MODUL */
div.myLangSwitchSpacer {
  position: relative;
  z-index: 3;
  float: right;
  height: 54px;
  display: table;
}
div.myLangSwitchSpacer > div.mod-languages {
  display: table-cell; 
  vertical-align: middle;
}

/* LANG SWITH MODUL - button text */
div.mod-languages.myLangButton {

}
div.mod-languages.myLangButton > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  /*justify-content: space-between;*/
  margin: 0px -7px;
}
div.mod-languages.myLangButton > ul > li {
  display: block;
  margin: 0px 7px;
}
div.mod-languages.myLangButton > ul > li.lang-active {
  display: none;
}
div.mod-languages.myLangButton > ul > li > a {
  font-size: 16px;
  font-weight: normal;
  color: white;
  /* solid blocks */
  display: block;
  width: 20px;
  line-height: 16px;
  text-align: center;
}
div.mod-languages.myLangButton > ul > li > a:hover {
  font-weight: bold;
}

/* LANG SWITH MODUL - roll menu */
div.mod-languages.myLangMenu {

}
/* LANG SWITH MODUL - for all level */
div.mod-languages.myLangMenu ul.lang-inline > li {
  display: block;
  margin: 0px;
}
div.mod-languages.myLangMenu ul.lang-inline > li > a,
div.mod-languages.myLangMenu ul.lang-inline > li > div.myActive {
  display: block;
  line-height: 16px;
  padding: 9px 0px;
}
div.mod-languages.myLangMenu ul.lang-inline > li img,
div.mod-languages.myLangMenu ul.lang-inline > li span {
  vertical-align: top;
}
div.mod-languages.myLangMenu ul.lang-inline > li img {
  /*width: 23px;*/
  /*height: 15px;*/
  width: 25px;
  height: 16px;
}
div.mod-languages.myLangMenu ul.lang-inline > li span {
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
  color: #141414;
}
div.mod-languages.myLangMenu ul.lang-inline > li a:hover > span {
  color: #FE0106;
}
/* LANG SWITH MODUL - for level 1 */
div.mod-languages.myLangMenu > ul.lang-inline {
  display: block;
  height: 34px;
}
div.mod-languages.myLangMenu > ul.lang-inline > li > div.myActive {
  cursor: alias;
}
div.mod-languages.myLangMenu > ul.lang-inline > li > a:after,
div.mod-languages.myLangMenu > ul.lang-inline > li > div.myActive:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 5px;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 5.5px;
  /*background-color: white;*/
  background-image: url(lang/arrow.png);
  background-repeat: no-repeat;
  background-position: 50%;
}
/* LANG SWITH MODUL - for level 2 */
div.mod-languages.myLangMenu > ul.lang-inline > ul.lang-inline {
  position: relative;
  display: block;
  margin-top: -1000px;
  transition: opacity 0.4s linear 0s, margin-top 0s linear 0.4s;
  opacity: 0;
  /* bacground lang menu */
  background-color: white;
  box-shadow: 0px 0px 7px;
  margin-left: -9px;
}
div.mod-languages.myLangMenu > ul.lang-inline:hover > ul.lang-inline {
  margin-top: 0px;
  transition: opacity 0.2s linear 0s;
  opacity: 1;
}
div.mod-languages.myLangMenu > ul.lang-inline > ul.lang-inline > li > a {
  padding-left: 9px;
  padding-right: 9px;
}
 
/* LANG SWITH MODUL - switch button */
div.mod-languages.myLangSwitch > ul {
  display: table;
}
div.mod-languages.myLangSwitch > ul > li {
  display: block;
  float: left;
  margin: 0px;
  margin-left: 3px;
}
div.mod-languages.myLangSwitch > ul > li:first-child {
  margin-left: 0px;
}
div.mod-languages.myLangSwitch > ul > li > a {
  display: block;
}
/* LANG SWITH MODUL - switch button - text style */
div.mod-languages.myLangSwitch.text > ul > li {
  /*margin-left: 6px;*/
  border-left: 1px solid #818181;
}
div.mod-languages.myLangSwitch.text > ul > li:first-child {
  /*margin-left: 0px;*/
  border-left: 0px;
}
div.mod-languages.myLangSwitch.text > ul > li > a {
  color: #818181;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px;
  padding: 0px 5px;
}
div.mod-languages.myLangSwitch.text > ul:hover > li.lang-active > a {
  color: #818181;
}
div.mod-languages.myLangSwitch.text > ul > li.lang-active > a {
  font-weight: bold;
}
div.mod-languages.myLangSwitch.text > ul > li.lang-active > a,
div.mod-languages.myLangSwitch.text > ul:hover > li > a:hover {
  color: #044485;
}
/* LANG SWITH MODUL - switch button - images style */
div.mod-languages.myLangSwitch.img > ul > li > a {
  width: 20px;
  height: 12px;
  /*border: 1px solid #a4a4a4;*/
  /*border: 1px solid #6f6e6e;*/
}
div.mod-languages.myLangSwitch.img > ul > li > a > img {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s linear 0s;
}
div.mod-languages.myLangSwitch.img > ul > li > a.myBW > img,
div.mod-languages.myLangSwitch.img > ul:hover > li.lang-active > a.myBW > img {
  opacity : 0;
}
div.mod-languages.myLangSwitch.img > ul > li > a.myBW:hover > img,
div.mod-languages.myLangSwitch.img > ul > li.lang-active > a.myBW > img,
div.mod-languages.myLangSwitch.img > ul:hover > li.lang-active > a.myBW:hover > img {
  opacity : 1;
}


/* LOGIN PANEL */
div.myLogPannel {
  float: right;
  display: table;
  height: 90px;
}
div.myLogPannel ul.log-panel {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
div.myLogPannel ul.log-panel > li {
  margin: 0px !important;
  line-height: 20px;
  float: left;
  position: relative;
  display: block;
  margin-right: 21px !important;
}
div.myLogPannel ul.log-panel > li:last-of-type {
  margin-right: 0px !important;
}
/*div.myLogPannel ul.log-panel > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #b4b4b4;
  top: 0px;
  bottom: 0px;
  right: -13px;
  margin: auto;
}
div.myLogPannel ul.log-panel > li:last-of-type:after {
  display: none;
}*/
div.myLogPannel ul.log-panel > li > a {
  height: auto;
  line-height: 20px;
  color: #dadcdc !important;
  font-size: 14px;
  font-weight: 200;
  font-style: normal;
  text-transform: uppercase;
}
div.myLogPannel ul.log-panel > li > a:hover {
  text-decoration: underline;
}
div.myLogPannel ul.log-panel > li:nth-of-type(2) > a {
  color: #c2c3c4 !important;
}
/*div.myLogPannel ul.log-panel > li > a > i {
  line-height: 20px;
  color: transparent;
  overflow: hidden;
  margin-right: 7px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
div.myLogPannel ul.log-panel > li > a > i.fa-user {
  background-image: url(login/login.png);
  width: 14px;
}
div.myLogPannel ul.log-panel > li > a > i.fa-pencil {
  background-image: url(login/register.png);
  width: 22px;
}*/


/* MY PALETS BANNER 1 */
section#palet-banners {

}
section#palet-banners div.mySpacer {
  position: relative;
  overflow: hidden;
  min-height: 300px;
}
section#palet-banners.myReady div.mySpacer {
  min-height: 0px;
}
section#palet-banners div.mySpacer div.myModule {
  position: absolute;
  overflow: visible !important;
}
/* MY PALETS BANNER 1 - background images */
section#palet-banners div.mySpacer div.myModule div.myImg {
  position: absolute;
  /*width: 100%;*/
  width: calc(100% + 5px);
  height: 100%;
  top: 0px;
  left: 0px;  
}
section#palet-banners div.mySpacer div.myModule div.myImg.my1,
section#palet-banners div.mySpacer div.myModule div.myImg.my2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
section#palet-banners div.mySpacer div.myModule div.myImg.my2 + div.myImg.my1 {
  opacity: 0;
  transition: opacity 0.2s linear 0s;
}
section#palet-banners div.mySpacer div.myModule:hover div.myImg.my2 + div.myImg.my1 {
  opacity: 1;
}
/* MY PALETS BANNER 1 - background images */
section#palet-banners div.mySpacer div.myModule div.myImg.myShadow {
  background-image: url(banners/palets/bg_shadow2.png) !important;
  background-repeat: repeat-x;
  background-position: 0% 100%;
}
/* MY PALETS BANNER 1 - content */
section#palet-banners div.mySpacer div.myModule div.custom {
  position: relative;
  padding-top: 195px;
  background-image: none !important;
}
/* MY PALETS BANNER 1 - content - title */
section#palet-banners div.mySpacer div.myModule div.custom > table:first-child {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  height: 105px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.10);
  opacity: 1;
  transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
}
section#palet-banners div.mySpacer div.myModule:hover div.custom > table:first-child {
  background-color: rgba(1, 167, 76, 0.80);
}
section#palet-banners div.mySpacer div.myModule.myFullContent:hover div.custom > table:first-child {
  opacity: 0;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody {
  display: block;
  height: 100%;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody > tr {
  display: table;
  width: 100%;
  height: 100%;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody > tr > td {
  padding: 5px;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
}
/* MY PALETS BANNER 1 - content - text */
section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) {
  display: block;
  margin-bottom: 0px;
  position: absolute;
  left: 0px;
  max-height: 50%;
  overflow: hidden;
  max-width: none;
  bottom: -50%;
  transition: all 0.4s linear 0s;
}
section#palet-banners div.mySpacer div.myModule:hover div.custom > table:nth-child(2) {
  bottom: 0%;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody,
section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr {
  display: block;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr > td {
  display: block;
  border: 0px;
  padding: 15px;
  /*background-color: #00b250;*/
  background-color: rgba(1, 167, 76, 0.80);
  color: white;
  font-size: 14px;
  line-height: 18px;
}
section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr > td > div {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
/* MY PALETS BANNER 1 - content - link */
section#palet-banners div.mySpacer div.myModule div.custom > p:last-child,
section#palet-banners div.mySpacer div.myModule div.custom > p:last-child > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
section#palet-banners div.mySpacer div.myModule div.custom > p:last-child > a {
  display: block;
  color: transparent;
  overflow: hidden;
}


/* NEWS MODUL 2 (with slider) */
div.moduletable.myNewsModul2 {
  margin: 0px;
}
div.newsflash.myNewsModul2 {
  padding: 0px;
}
div.newsflash.myNewsModul2 .owl-carousel {
  width: calc(100% + 87px);
  position: unset;
}
div.newsflash.myNewsModul2 .owl-carousel .owl-wrapper-outer {
  width: calc(100% - 87px);
}
div.newsflash.myNewsModul2 .owl-item > li,
div.newsflash.myNewsModul2 .owl-item > div {
  margin: 0px;
  margin-right: 87px;
  position: relative;
}
div.newsflash.myNewsModul2 .owl-item > li:before,
div.newsflash.myNewsModul2 .owl-item > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(155, 127, 127, 0.38);
  right: -43px;
}
div.newsflash.myNewsModul2 .owl-item:last-child > li:before,
div.newsflash.myNewsModul2 .owl-item:last-child > div:before {
  display: none;
}
/* NEWS MODUL 2 (with slider) - styling insite articles */
div.newsflash.myNewsModul2 div.myDate {
  color: #9b7f7f;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 7px;
}
div.newsflash.myNewsModul2 p.myTitleArticle {
  font-size: 18px;
  font-weight: bold;
  /*line-height: normal;*/
  line-height: 24px;
  margin-bottom: 18px;
}
div.newsflash.myNewsModul2 p.myTitleArticle,
div.newsflash.myNewsModul2 p.myTitleArticle a {
  color: #1ca1e9;
}
div.newsflash.myNewsModul2 div.myContent {
  color: #6b6b6b;
  font-size: 15px;
  font-weight: normal;
  /*line-height: normal;*/
  line-height: 23px;
}
div.newsflash.myNewsModul2 div.myReadmore {
  margin-top: 13px;
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  /*line-height: 23px;*/
}
div.newsflash.myNewsModul2 div.myReadmore a {
  color: #01324b;
  text-decoration: underline;
}
div.newsflash.myNewsModul2 div.myReadmore a:hover {
  text-decoration: none;
}


/* NEWS MODUL */
div.newsflash.myNewsModul {
  padding: 0px;
}
div.newsflash.myNewsModul div.myArticle {
  /*display: table;*/
  /*width: 100%;*/
  margin-bottom: 15px;
}
div.newsflash.myNewsModul div.myArticle:last-child {
  margin-bottom: 0px;
}
/* NEWS MODUL - date */
div.newsflash.myNewsModul div.myArticle div.myDate {
  color: #1f1a17;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 5px;
}
/* NEWS MODUL - title */
div.newsflash.myNewsModul div.myArticle p.myTitleArticle {
  font-size: 15px;
  font-weight: normal;
  line-height: 17px;
  /*color: #141414;*/
  margin-bottom: 6px;
}
div.newsflash.myNewsModul div.myArticle p.myTitleArticle a {
  color: #1ca1e9;
  /*text-decoration: underline;*/
}
div.newsflash.myNewsModul div.myArticle p.myTitleArticle a:hover {
  /*color: #044485;*/
}
/* NEWS MODUL - content */
div.newsflash.myNewsModul div.myArticle div.myArticleContent {
  /*font-size: 15px;*/
  /*font-weight: normal;*/
  /*line-height: 1.20;*/
  /*color: #141414;*/
  /* max text height */
  /*height: 44px;*/
  /*overflow: hidden;*/
}
div.newsflash.myNewsModul div.myArticle div.myArticleContent:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.newsflash.myNewsModul div.myArticle div.myArticleContent > p {
  margin-bottom: 0px;
}
div.newsflash.myNewsModul div.myArticle div.myArticleContent > p:last-child {
  /*margin-bottom: 0px;*/
}
div.newsflash.myNewsModul div.myArticle div.myArticleIntroImg {
  float: right;
  width: 300px;
  height: 200px;
  margin-left: 25px;
  max-width: 100%;
}
div.newsflash.myNewsModul div.myArticle div.myArticleIntroImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
/* NEWS MODUL - readmore */
div.newsflash.myNewsModul div.myArticle p.myReadmore {
  text-align: right;
  /*margin-top: 13px;*/
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  /*line-height: 23px;*/
}
div.newsflash.myNewsModul div.myArticle a.myReadmore {
  /*color: #01324b;*/
  /*text-decoration: underline;*/
}
div.newsflash.myNewsModul div.myArticle a.myReadmore:hover {
  /*text-decoration: none;*/
}
/* NEWS MODUL - link to news */
div.newsflash.myNewsModul div.myModuleNewsLink {
  text-align: right;
  font-size: 13px;
}
/* NEWS MODUL - blog page and for news modul - head */
div.newsflash.myNewsModul div.myArticle div.myHead {
  /*padding: 10px;*/
  /*border-right: solid 1px #eee4d4;*/
  /*border-bottom: solid 1px #eee4d4;*/
  /*background-color: #fffef5;*/
  /*margin-bottom: 13px;*/
}
/* NEWS MODUL - blog page - date */
div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myDate {
  color: #9b7f7f;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 7px;
}
/* NEWS MODUL - blog page - title */
div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle p.myTitleArticle {
  font-size: 18px;
  font-weight: bold;
  /* line-height: normal; */
  line-height: 24px;
  margin-bottom: 18px;
}
/* NEWS MODUL - blog page - content */
div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myArticleContent {
  /*padding-left: 10px;*/
}
div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myArticleContent > div.myText {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  margin-bottom: 5px;
}
div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myArticleContent > div.myTextFull {
  /*color: #6b6b6b;*/
  /*font-size: 15px;*/
  /*font-weight: normal;*/
  /* line-height: normal; */
  /*line-height: 23px;*/
}

/* NEWS MODUL - Reference */
div.blog.myNewsBlog.myReference > div.items-row {
  margin-bottom: 0px;
  padding: 0px;
}
div.newsflash.myNewsModul.myReference {
  padding: 0px;
}
div.newsflash.myNewsModul.myReference div.myArticle p.myTitleArticle {
  font-size: 18px;
  margin-bottom: 8px;
}
/* NEWS MODUL - Reference - Category list */
div.categories-list.myNewsBlog.myReference {
  display: table;
  width: calc(100% + 12px);
  margin: 0px -6px;
}
div.categories-list.myNewsBlog.myReference > div.category-desc.base-desc {
  margin: 0px 6px;
}
div.categories-list.myNewsBlog.myReference > div.first,
div.categories-list.myNewsBlog.myReference > div.first ~ div {
  width: calc(50% - 12px);
  float: left;
  padding: 0px;
  border-right: solid 1px #eee4d4;
  border-bottom: solid 1px #eee4d4;
  background: #fffef5;
  box-sizing: border-box;
  margin: 0px 6px;
  margin-bottom: 13px;
}
div.categories-list.myNewsBlog.myReference > div.first > h3,
div.categories-list.myNewsBlog.myReference > div.first ~ div > h3 {
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
}
div.categories-list.myNewsBlog.myReference > div.first > h3 > a,
div.categories-list.myNewsBlog.myReference > div.first ~ div > h3 > a {
  display: block;
  padding: 10px;
  text-decoration: underline !important;
}



/* CAREER MODUL */
div.newsflash.myCareerModul {

}
div.newsflash.myCareerModul div.myArticle {
  display: table;
  width: 100%;
  margin-bottom: 35px;
}
div.newsflash.myCareerModul div.myArticle:last-child {
  margin-bottom: 0px;
}
/* NEWS MODUL - left site */
div.newsflash.myCareerModul div.myArticle > div.myLeft {
  display: table-cell;
  vertical-align: top;
  width: 44px;
  padding-right: 17px;
  box-sizing: content-box;
}
div.newsflash.myCareerModul div.myArticle > div.myLeft img {
  display: block;
  width: 100%;
  width: 40px;
}
/* NEWS MODUL - right site */
div.newsflash.myCareerModul div.myArticle > div.myRight {
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #BFBFBF;
  padding-left: 19px;
}
/* CAREER MODUL - right site - title */
div.newsflash.myCareerModul div.myArticle p.myTitleArticle {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.20;
  color: #141414;
  margin-bottom: 4px;
}
div.newsflash.myCareerModul div.myArticle p.myTitleArticle a {
  /*color: #141414;*/
}
/* CAREER MODUL - right site - content */
div.newsflash.myCareerModul div.myArticle div.myArticleContent {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.30;
  color: #505050;
  /* max text height */
  /*height: 44px;*/
  /*overflow: hidden;*/
}
div.newsflash.myCareerModul div.myArticle div.myArticleContent > p {
  margin-bottom: 2px;
}
div.newsflash.myCareerModul div.myArticle div.myArticleContent > p:last-child {
  margin-bottom: 0px;
}


/* BLOG NEWS */
div.blog.myNewsBlog > div.items-row {
  /*margin-bottom: 13px;*/
  /*padding: 10px 0px;*/
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
div.blog.myNewsBlog > div.items-row:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}
/* BLOG NEWS - pagination */
div.pagination {

}
div.pagination ul {

}
div.pagination ul li {
  padding: 0px;
}
div.pagination ul li span,
div.pagination ul li a {
  background-color: #fff;
  border: 1px solid #ddd !important;
  border-radius: 0px;
  border-left-width: 0 !important;
}
div.pagination ul li:first-child span,
div.pagination ul li:first-child a {
  border-left-width: 1px !important;
}
/* BLOG NEWS - article detail */
div.item-page.myActual div.myDateArt {
  /*padding-top: 12px;*/
  line-height: 16px;
  margin-bottom: 12px;
}


/* BOTTOM SLIDE */
section#bottom-slide {

}
section#bottom-slide div.mySpacer {

}
section#bottom-slide div.myModule {
  position: relative;
  overflow: hidden;
  float: left;
}
section#bottom-slide div.myModule:last-child {
  float: right;
}
/* BOTTOM SLIDE - img background */
section#bottom-slide div.myModule > div.myImg {
  position: absolute;
  top: 0px;
  bottom: 67px;
  left: 0px;
  right: 0px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  transform: scale(1.0);
  transition: all 0.2s linear 0s;
}
section#bottom-slide div.myModule:hover > div.myImg {
  transform: scale(1.1);
}
/* BOTTOM SLIDE - content */
section#bottom-slide div.custom {
  padding-top: 232px;
  background-image: none !important;
  position: relative;
}
/* BOTTOM SLIDE - title */
section#bottom-slide div.custom > table:first-child {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  height: 68px;
  overflow: hidden;
  background-color: #00b250;
  transition: all 0.2s linear 0s;
}
section#bottom-slide div.myModule:nth-child(2n) div.custom > table:first-child {
  background-color: #01a74c;
}
section#bottom-slide div.myModule:hover div.custom > table:first-child {
  background-color: black;
}
section#bottom-slide div.custom > table:first-child > tbody {
  display: block;
  height: 100%;
}
section#bottom-slide div.custom > table:first-child > tbody > tr {
  display: table;
  width: 100%;
  height: 100%;
}
section#bottom-slide div.custom > table:first-child > tbody > tr > td {
  padding: 5px;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
}
/* BOTTOM SLIDE - link */
section#bottom-slide div.custom > p:last-child,
section#bottom-slide div.custom > p:last-child > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
section#bottom-slide div.custom > p:last-child > a {
  display: block;
  color: transparent;
  overflow: hidden;
}


/* BOTTOM 1 */
div#bottom-my1 {
  position: relative;
  padding-top: 41px;
  padding-bottom: 50px;
  background-color: #FEFEFE;
}
div#bottom-my1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /*background-image: url(banners/bottom1/bg_bw.jpg);*/
  background-image: url(banners/bottom1/kancelar_bw_optimized.jpg);
  background-repeat: repeat;
  background-size: cover;
  /*background-position: 50% 65%;*/
  background-position: 50% 37%;
  opacity: 0.08;
}
div#bottom-my1 > div {
  position: relative;
}


/* BOTTOM 2 */
div#bottom-my2 {
  padding-top: 39px;
  padding-bottom: 48px;
}
div#bottom-my2 div.custom:nth-child(n+2) {
  margin-top: 50px;
  /*padding-top: 39px;*/
  /*border-top: 1px dashed rgba(0, 0, 0, 0.3);*/
  padding-top: 41px;
  background-image: url(banners/bottom2/line.png);
  background-repeat: repeat-x;
}
div#bottom-my2 div.custom > p {
  color: #282828;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
}
div#bottom-my2 div.custom > p.myH1 {
  color: #141414;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 14px;
  margin-bottom: 11px;
}
/* BOTTOM 2 - logos table */
div.custom.myLogosModul > table {
  width: 100%;
  max-width: 1150px;
  margin: auto;
  margin-top: 43px; 
}
div.custom.myLogosModul > table > tbody {
  display: block;
}
div.custom.myLogosModul > table > tbody > tr {
  display: block;
  text-align: justify;
  text-align-last: justify;
}
div.custom.myLogosModul > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  display: inline;
}


/* BOTTOM 3 */
div#bottom-my3 {

}
div.custom.myImgUpFooter img {
  display: block;
  width: 100%;
}


/* BOTTOM UP 1 */
div#bottom-up1 {
  position: relative;
  padding-top: 45px;
  padding-bottom: 50px;
}
div#bottom-up1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(bottom-up1/bg-thumb.jpg);
  background-position: 50%;
  opacity: 0.15;
}
div#bottom-up1 > div {
  position: relative;
}
/* BOTTOM UP 1 - contact modul */
div.custom.myContactModul {
  margin: auto;
  max-width: 1040px;
}
/* BOTTOM UP 1 - contact modul - special table format */
table.mySpContact {
  width: 100%;
  margin-bottom: 20px;
}
table.mySpContact:last-child {
  margin-bottom: 0px;
}
table.mySpContact td {
  border: 0px;
  padding: 0px;
  vertical-align: top;
}
table.mySpContact > tbody > tr > td[colspan="2"],
table.mySpContact > tbody > tr > td[colspan="3"] {

}
table.mySpContact > tbody > tr > td:first-child:nth-last-child(2),
table.mySpContact > tbody > tr > td:first-child:nth-last-child(2) ~ td {
  width: 50%;
}
table.mySpContact > tbody > tr > td:first-child:nth-last-child(3),
table.mySpContact > tbody > tr > td:first-child:nth-last-child(3) ~ td {
  width: 33.33%;
}
table.mySpContact > tbody > tr > td:nth-child(n+2) {
  background-image: url(bottom-up1/line.png);
  background-repeat: repeat-y;
  padding-left: 1px;
}
table.mySpContact > tbody > tr > td.myNoTable:nth-child(n+2) {
  background-image: none;
}
/* BOTTOM UP 1 - contact modul - special table format - table content */
table.mySpContact > tbody > tr > td > table {
  width: auto;
  margin-bottom: 30px;
}
table.mySpContact > tbody > tr:last-child > td > table {
  margin-bottom: 0px;
}
table.mySpContact > tbody > tr > td:nth-child(2):nth-last-child(2) > table {
  margin-right: auto;
  margin-left: auto;
}
table.mySpContact > tbody > tr > td:last-child > table {
  margin-left: auto;
}
table.mySpContact > tbody > tr > td > table td:nth-child(1) {
  width: 133px;
  padding-right: 19px;
}
table.mySpContact > tbody > tr > td > table td:nth-child(1) > p {
  margin-bottom: 0px;
}
table.mySpContact > tbody > tr > td > table td:nth-child(1) img {
  display: block;
  width: 100%;
  box-sizing: content-box;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) {
  border-left: 1px solid #BFBFBF;
  padding-left: 19px;
  font-size: 15px;
  font-weight: normal;
  color: #505050;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) a {
  color: #505050;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > p {
  line-height: 28px;
  margin-bottom: 10px;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > p:last-child {
  margin-bottom: 0px;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > p span[style*="text-decoration: line-through;"] {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-color: #DE2B2E;
  position: relative;
  vertical-align: top;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > p a:hover span[style*="text-decoration: line-through;"] {
  background-color: #1E1E1E;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > p span[style*="text-decoration: line-through;"] > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > div:nth-child(1) {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.20;
  margin-bottom: 2px;
  color: #141414;
  margin-top: -4px;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > div:nth-child(n+2) {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.20;
  /*margin-bottom: 0px;*/
  color: #282828;
}
table.mySpContact > tbody > tr > td > table td:nth-child(2) > div + p {
  margin-top: 19px;
}
/* BOTTOM UP 1 - contact modul - special table format - START my Titles and text format */
table.mySpContact > tbody > tr > td > div {
  font-size: 18px;
  color: #de2b2e;
  margin-bottom: 7px;
}
table.mySpContact > tbody > tr > td:nth-child(n+2) > div,
table.mySpContact > tbody > tr > td:nth-child(n+2) > p {
  padding-left: 15px;
}
/* BOTTOM UP 1 - contact modul - special table format - END my Titles and text format */


/* BOTTOM UP 2 */
div#bottom-up2 {
  padding-top: 42px;
  padding-bottom: 15px;
}
div.custom.myBottomUp2Modul {
  font-size: 13px;
  line-height: 1.50;
}
div.custom.myBottomUp2Modul p {
  margin-bottom: 9px;
}
div.custom.myBottomUp2Modul p.myH1 {
  margin-bottom: 24px;
}
div.custom.myBottomUp2Modul > table {
  width: 100%;
  margin-bottom: 0px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td {
  border: 0px;
  padding: 0px;
  width: calc(50% - 348px);
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) {
  width: 348px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td > p {
  margin-bottom: 0px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(1) img,
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(3) img {
  max-width: calc(100% + 45px);
  display: block;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(1) img {
  margin-left: -45px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(3) img {
  margin-right: -45px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table {
  display: block;
  /*width: 100%;*/
  width: 348px;
  margin: 0px;
  padding: 5px;
  box-sizing: border-box;
  /*height: 215px;*/
  background: #E50005;
  background: linear-gradient(270deg, #C51115 4.17%, #E50005 49.73%, #C51115 100%);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody {
  display: block;
  border: 1px dashed #9A0000;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
  display: table;
  width: 100%;
  height: 203px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
  text-align: center;
  vertical-align: middle;
  border: 0px;
  padding: 5px;
  color: #FFD7D7;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.35;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > p {
  margin-bottom: 0px;
}
div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > div {
  color: white;
  font-size: 50px;
  font-weight: bold;
  /*line-height: 1.35;*/
}


/* LEFT and RIGHT modules */
.rs-cl [class*="moduletable"],
.rs-cr [class*="moduletable"] {
  margin-bottom: 25px;
}
/* LEFT modules */
.rs-cl div[class*="moduletable"] > div.module-content-handler > p.myH3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #424242;
  line-height: 22px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(18, 98, 179, 0.18);
  margin-bottom: 18px;
}
.rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content {
  padding: 0px;
}
/* LEFT modules - menu */
/*.rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul,*/
.rs-cl div.moduletable.myJmenu > div.module-content-handler > div.module-content > ul {
  margin: 0px;
  list-style-type: none;  
}
/* LEFT modules - content */
.rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > div.custom {
  
}


/* LEFT MENU */
section#story-content.myAddLeft > div#content-handler > div > div.span3 {

}
div.myLeftMenu {
  /*background-color: #dfe0df;*/
  /*box-shadow: 0px 0px 14px rgba(34, 31, 31, 0.27);*/
  /*padding: 16px 0px;*/
  /*margin-bottom: 25px;*/
}
body.myIntro div.myLeftMenu {
  /*margin-top: calc(-413px + 55px);*/
}
div.myLeftMenu ~ div.myLeftMenu {
  margin-top: 0px;
}
div.myLeftMenu:last-child {
  /*margin-bottom: 0px;*/
}
/* LEFT MENU - title */
div.myLeftMenu div#myVmMenuModulButton {
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: white;
  line-height: 30px;
  background-color: #a5a8a9;
  padding: 10px;
}
div.myLeftMenu div#myVmMenuModulButton > div {
  position: relative;
}
div.myLeftMenu div#myVmMenuModulButton > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 16px solid transparent;
  border-top: 22px solid white;
  border-bottom: 0px;
  right: 3px;
  bottom: 3px;
}
/* LEFT MENU - menu */
div.myLeftMenu ul.myVMmenu {
  /*background-color: transparent;*/
  background-color: #dfe0df;
  border: 0px;
  list-style-type: none;
  margin: 0px;
  /*overflow: hidden;*/
  overflow: visible;
  position: relative;
  z-index: 10;
}
/* LEFT MENU - menu - for ALL */
div.myLeftMenu ul.myVMmenu li {
  /*line-height: normal;*/
  line-height: 19px;
  /*margin-top: 1px;*/
  position: relative;
}
/*div.myLeftMenu ul.myVMmenu li:first-child {
  margin-top: 0px;
}
div.myLeftMenu ul.myVMmenu li:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 27px;
  right: 27px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.18);
}
div.myLeftMenu ul.myVMmenu li:first-child:before {
  display: none;
}*/
div.myLeftMenu ul.myVMmenu li > span > a,
div.myLeftMenu ul.myVMmenu li > a {
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  vertical-align: top;
  display: block;
  /*padding: 10px 15px;*/
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
div.myLeftMenu ul.myVMmenu li:hover > span > a,
div.myLeftMenu ul.myVMmenu li:hover > a {
  /*background-color: #8b8e8f;*/
  background-color: black;
  color: white;
  text-decoration: none;
}
div.myLeftMenu ul.myVMmenu li.myActive > span > a,
div.myLeftMenu ul.myVMmenu li.myActive:hover > span > a
div.myLeftMenu ul.myVMmenu li.myActive > a,
div.myLeftMenu ul.myVMmenu li.myActive:hover > a {
  /*text-decoration: underline;*/
  background-color: black;
  color: white;
}
/* LEFT MENU - menu - for ALL - parent arrow */
div.myLeftMenu ul.myVMmenu li.myParent > span > a,
div.myLeftMenu ul.myVMmenu li.myParent > a {
  /*background-image: url(menu/arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 27px - 6px) 50%;
  padding-right: 44px;*/
}
/* LEFT MENU - menu - level 1 */
/*div.myLeftMenu ul.myVMmenu > li > span > a,
div.myLeftMenu ul.myVMmenu > li > a {
  background-image: url(menu/arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 27px - 6px) 50%;
}*/
/* LEFT MENU - menu - level 1 */
div.myLeftMenu ul.myVMmenu > li {
  border-top: 2px solid #f5f7f5;
}
div.myLeftMenu ul.myVMmenu > li:first-child {
  border-top: 0px;
}
/* LEFT MENU - menu - level 2 and more */
div.myLeftMenu ul.myVMmenu ul {
  list-style-type: none;
  margin: 0px;
  /*position: absolute;
  left: 100%;
  min-width: 200px;
  background-color: #01496e;
  top: 0px;
  box-shadow: 0px 0px 14px rgba(34, 31, 31, 0.27);*/  
}
div.myLeftMenu ul.myVMmenu li > div > ul,
div.myLeftMenu ul.myVMmenu li > ul {
  display: none;
}
div.myLeftMenu ul.myVMmenu li.myOpen > div > ul,
div.myLeftMenu ul.myVMmenu li.myOpen > ul {
  display: block;
  border-left: 4px solid black;
}
/*div.myLeftMenu ul.myVMmenu li > div > ul > li:before,
div.myLeftMenu ul.myVMmenu li > ul > li:before {
  left: 12px;
  right: 12px;
}*/
div.myLeftMenu ul.myVMmenu li > div > ul > li > span > a,
div.myLeftMenu ul.myVMmenu li > ul > li > a {
  /*padding: 10px 22px;*/
  padding: 10px 18px;
  /* font-size: 14px; */
  font-weight: 600;
}
div.myLeftMenu ul.myVMmenu li > div > ul > li:hover > span > a,
div.myLeftMenu ul.myVMmenu li > ul > li:hover > a,
div.myLeftMenu ul.myVMmenu li > div > ul > li.myActive > span > a,
div.myLeftMenu ul.myVMmenu li > ul > li.myActive > a {
  background-color: #8b8e8f;
}
/* LEFT MENU - menu - level 2 and more - parent arrow */
div.myLeftMenu ul.myVMmenu ul li.myParent > span > a,
div.myLeftMenu ul.myVMmenu ul li.myParent > a {
  /*background-position: calc(100% - 18px - 0px) 50%;
  padding-right: 28px;*/
}


/* ARTICLE CONTACT - contact table */
table.myContactTable {
  width: 100%;
  margin-bottom: 20px;
}
table.myContactTable:last-child {
  margin-bottom: 0px;
}
table.myContactTable > tbody > tr > td {
  border: 0px;
  padding: 0px 20px;
  width: 50%;
  vertical-align: top;
}
table.myContactTable > tbody > tr > td:first-child {
  padding-left: 0px;
}
table.myContactTable > tbody > tr > td:last-child {
  padding-right: 0px;
}
table.myContactTable > tbody > tr > td > table {
  width: auto;
  margin-bottom: 0px;
}
table.myContactTable > tbody > tr > td > table td {
  border: 0px;
  padding: 4px 5px;
  vertical-align: top;
}
table.myContactTable > tbody > tr > td > table td:first-child {
  padding-left: 0px;
}
table.myContactTable > tbody > tr > td > table td:last-child {
  padding-right: 0px;
}


/* FILTRS UNDER LEFT VM MENU */
div.myLeftFiltrs {
  background-color: #cccccc;
  margin-top: 2px;
  padding: 12px 0px;
  /*padding-left: 18px;*/
  /*padding-right: 10px;*/
  padding-left: 13px;
  padding-right: 7px;
}
/* FILTRS UNDER LEFT VM MENU - title */
div.myLeftFiltrs div.myTitle {
  color: black;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  font-style: italic;
  position: relative;
  padding-right: 50px;
  margin-bottom: 10px;
}
div.myLeftFiltrs div.myTitle:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 2px;
  bottom: 0px;
  right: 20px;
  border: 9px solid transparent;
  border-top: 0px;
  border-bottom: 13px solid black;
}
/* FILTRS UNDER LEFT VM MENU - form */
div.myLeftFiltrs form {
  margin-bottom: 0px;
}
div.myLeftFiltrs form input[type="checkbox"] {
  display: none;
}
div.myLeftFiltrs form input[type="checkbox"] + label {
  margin-bottom: 0px;
  display: table;
}
div.myLeftFiltrs form input[type="checkbox"] + label b {
  border-radius: 0%;
}
div.myLeftFiltrs form input[type="submit"] {
  display: table;
  margin-left: auto;
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 16px;
  padding: 4px 7px;
  color: white;
  background-color: #cc2525;
}
div.myLeftFiltrs form input[type="submit"].animated {
  animation: myanimation 0.5s infinite;
}
@keyframes myanimation {
  /*from {background-color: #cc2525;}
  to {background-color: #343434;}*/
  0%  {background-color: #cc2525;}
  50%  {background-color: #343434;}
  100%  {background-color: #cc2525;}
}
div.myLeftFiltrs form input[type="submit"]:hover {
  background-color: #343434;
  animation: none;
}
/* FILTRS UNDER LEFT VM MENU - values */
div.myLeftFiltrs div.myValues {
  margin-left: 6px;
}
div.myLeftFiltrs div.myValues > div,
div.myLeftFiltrs form input[type="checkbox"] + label {
  padding-left: 22px;
  margin-top: 6px;
  position: relative;
}
div.myLeftFiltrs div.myValues > div.filtered,
div.myLeftFiltrs div.myValues > div.filtered a,
div.myLeftFiltrs form input[type="checkbox"]:checked + label {
  color: black;
}
div.myLeftFiltrs div.myValues > div,
div.myLeftFiltrs div.myValues > div a,
div.myLeftFiltrs form input[type="checkbox"] + label {
  color: #666666;
  text-decoration: none;
  transition: none;
}
div.myLeftFiltrs div.myValues > div a:hover,
div.myLeftFiltrs form input[type="checkbox"] + label:hover {
  color: #c20f0f;
  text-decoration: none;
}
div.myLeftFiltrs div.myValues > div b,
div.myLeftFiltrs form input[type="checkbox"] + label b {
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: #e6e6e6;
  left: 0px;
  border: 1px solid black;
  box-sizing: border-box;
  border-radius: 100%;
}
div.myLeftFiltrs div.myValues > div.filtered b {
  border-color: #c20f0f;
}
div.myLeftFiltrs div.myValues > div b:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 100%;
}
div.myLeftFiltrs div.myValues > div.filtered b:before {
  background-color: #c20f0f;
}
/* FILTRS UNDER LEFT VM MENU - values - typ urceni pro */
div.myLeftFiltrs.myTypUrcenePro div.myResetButton {
  display: table;
  cursor: pointer;
}
div.myLeftFiltrs.myTypUrcenePro div.myValues b {
  border-radius: 0%;
}
div.myLeftFiltrs.myTypUrcenePro div.myValues > div.filtered b,
div.myLeftFiltrs form input[type="checkbox"]:checked + label b {
  background-color: #c20f0f;
  border-color: black;
}
div.myLeftFiltrs.myTypUrcenePro div.myValues > div b:before {
  display: none;
} 
/* FILTRS UNDER LEFT VM MENU - values - stock */
div.myLeftFiltrs div.myValues > div.myStock.filtered a {
  color: black;
}
div.myLeftFiltrs div.myValues > div.myStock b {
  border-radius: 0%;
  border-color: black;
}
div.myLeftFiltrs div.myValues > div.myStock.filtered b {
  background-color: #c20f0f;
}
div.myLeftFiltrs div.myValues > div.myStock b:before {
  display: none;
}
/* FILTRS UNDER LEFT VM MENU - values - font style */
div.myLeftFiltrs div.myValues,
div.myLeftFiltrs form input[type="checkbox"] + label {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
}
div.myLeftFiltrs div.myValues > div.filtered,
div.myLeftFiltrs form input[type="checkbox"]:checked + label {
  font-weight: bold;
}


/* ARTICLE - contacts */
table.myTableContacts {
  width: auto;
  margin-bottom: 0px;
}
table.myTableContacts td {
  border: 0px;
  padding: 0px;
  vertical-align: top;
  padding-bottom: 20px;
  padding-right: 20px;
}
table.myTableContacts td:last-child {
  padding-right: 0px;
}
table.myTableContacts td p {
  margin-bottom: 0px;
}
div.myContactMap {
  margin-bottom: 20px;
}


/* ARTICLE - velkoobchod-s-hutnim-materialem */
table.myLtextRimg {
  /*width: 100%;*/
  width: auto;
}
table.myLtextRimg td {
  padding: 0px;
  padding-right: 50px;
  border: 0px;
  /*width: 50%;*/
}
table.myLtextRimg td:last-child {
  /*text-align: center;*/
  padding-right: 0px;
  padding-left: 50px;
}


/* ARTICLE - hutni-nastroje-a-naradi/presne-bezesve-trubky (MY SPECIAL BIG TABLE) */
div.mySpBigTable {

}
table.mySpBigTable {

}
table.mySpBigTable td {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  line-height: 100%;
  font-size: 14px;
  color: black;
  /*background-color: rgba(204, 255, 102, 1);*/
  /*background-color: rgba(255, 204, 204, 1);*/
}


/* BOTTOM ARTICLE DEFAULT */
div#bottom-content-modules {
  margin-top: 50px;
  margin-bottom: 0px;
}
div#bottom-content-modules p {
  margin-bottom: 0px;
}
div#bottom-content-modules > div.row-fluid > div.span6 {
  background-color: #fffef5;
  border: 1px solid #eee4d4;
  width: 325px;
  margin: 0px;
}
div#bottom-content-modules > div.row-fluid > div.span6:last-child {
  float: right;
  margin-right: 8px;
}

div.moduletablemyTitleModul {
  width: 333px;
  height: 99px;
  margin-left: -1px;
  margin-top: -1px;
  margin-bottom: 12px;
}
div.custommyTitleModul {
  height: 99px;
  padding: 20px 155px 0 22px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #957e49;
  background-repeat: no-repeat;
  letter-spacing: -.6px;
}
div.custommyTitleModul.myRight {
  padding-right: 85px;
}
div.custommyTitleModul a {
  color: #957e49;
}
/* BOTTOM ARTICLE DEFAULT - modules */
div#bottom-content-modules div.moduletable {
  /*margin: 0px 2px;*/
  margin-bottom: 50px;
}
div#bottom-content-modules div.moduletable:last-child {
  margin-bottom: 0px;
}
div#bottom-content-modules div.moduletable div.module-content {
  padding: 0px;
}
div#bottom-content-modules div.custom {
  min-height: 170px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  position: relative;
}
div#bottom-content-modules div.custom > p:nth-child(1) {
  font-size: 16px;
  line-height: 18px;
  color: #211f1a;
  /*padding: 9px 100px 4px 10px;*/
  /*padding: 7px 100px 7px 10px;*/
  /*background-image: url(intro-left-right/left_float_head.gif);*/
  background-repeat: no-repeat;
}
div#bottom-content-modules div.custom > p:nth-child(2) {
  width: 186px;
  padding: 3px 16px 7px;
  margin-left: -6px;
  /*background: url(intro-left-right/bg_home_texty_anotace.png) 0 bottom no-repeat;*/
  border-top: 1px solid #7c6636;
  color: #1f1a17;
  font-size: 12px;
  line-height: 17px;
}
div#bottom-content-modules div.custom > div,
div#bottom-content-modules div.custom > div a {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: transparent;
  overflow: hidden;
}
/* BOTTOM ARTICLE DEFAULT - modules - only left site */
div#bottom-content-modules div.span6:nth-child(1) div.custom > p:nth-child(1) a {
  display: block;
  padding: 7px 100px 7px 10px;
  color: #211f1a;
  text-decoration: none;
  transition: all 0.0s linear 0s;
}
div#bottom-content-modules div.span6:nth-child(1) div.custom > p:nth-child(1) a:hover {
  color: #9d6d03;
  text-decoration: none;
}
/* BOTTOM ARTICLE DEFAULT - modules - only right site */
div#bottom-content-modules div.span6:nth-child(2) div.custom > p:nth-child(1) {
  padding: 7px 100px 7px 10px;
  /*background-image: url(intro-left-right/right_float_head.gif);*/
  color: white;
}
div#bottom-content-modules div.span6:nth-child(2) div.custom:hover > p:nth-child(1) {
  color: #ffe50c;
}


/* MODULE UNDER LEFT VM MENU */
div.myLeftModule {
  background-color: white;
  box-shadow: 3px 3px 13px rgba(31, 29, 29, 0.14);
  padding: 18px;
  padding-top: 3px;
  /*margin-bottom: 25px;*/
}
/* MODULE UNDER LEFT VM MENU - module content */
div.custom.myVmMenuInfo {
  font-size: 11px;
} 
div.custom.myVmMenuInfo p {
  margin-bottom: 12px;
}
div.custom.myVmMenuInfo p:last-child {
  margin-bottom: 0px;
}
div.custom.myVmMenuInfo > hr {
  /*margin: 0px -18px;*/
  /*margin-bottom: 10px;*/
  /*margin-top: 20px;*/
  /*border-color: rgba(0,0,0,0.2);*/
}
div.custom.myVmMenuInfo img.myImg {
  max-width: none;
  width: calc(100% + 32px);
  margin-left: -18px;
}


/* ARTICLE MANAGEMENT */
table.management {
  width: 100%;
}
table.management td {
  border: 0px;
  border-top: 1px solid #CCC;
  padding: 10px 20px 10px 0;
}
table.management tr:first-child > td {
  border-top: 0px;
}
table.management td:first-child {
  width: 110px;  
}
table.management td:last-child {
  padding-right: 0px;
}
table.management > tbody > tr > td > p {
  margin-bottom: 14px;
}
table.management > tbody > tr > td > p:last-child {
  margin-bottom: 0px;
}


/* ARTICLE REFERENCE */
div#iframe_wrap iframe {
  min-height: 554px;
}


/* ARTICLE KONTAKT */
table.myTableContact {
  width: auto;
  /*margin-bottom: 0px;*/
  /* full view */
  width: 100%;
}
table.myTableContact > tbody > tr > td {
  padding: 0 24px 24px 0;
  border: 0px;
}
table.myTableContact > tbody > tr:last-child > td {
  padding-bottom: 0px;
}
table.myTableContact > tbody > tr > td:first-child {
  width: auto !important;
}
table.myTableContact > tbody > tr > td:last-child {
  padding-right: 0px;
  /* full view */
  width: 121px;
}


/* CHANGE PLUGING PHOCA GALLERY */
div#myChangePhocaGallery {
  margin-top: 20px;
}
div#myChangePhocaGallery a {

}
div#myChangePhocaGallery a img {
  /*width: calc(33.33% - 8px);*/
  /*margin-right: 12px;*/
  /*margin-bottom: 12px;*/
  width: calc(33.33% - 1%);
  margin-right: 1.5%;
  margin-bottom: 1.5%;
}
div#myChangePhocaGallery a:nth-child(3n+0) img {
  margin-right: 0px;
}


/* STYLE FOR NEW ORDER BY CODE IN VM CATEGORY */
div.myOrderListContainer {

}
div.myOrderListContainer .myTitle,
div.myOrderListContainer select[name="myOrderBy"] {
  display: inline-block;
  vertical-align: top;
}
div.myOrderListContainer .myTitle {
  color: #343434;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  margin-right: 12px;
}
div.myOrderListContainer select[name="myOrderBy"] {
  color: #01324b;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin: 0px;
  border-radius: 0px !important;
  border: 1px solid #cecece !important;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.16) inset !important;
}



/* MY CART MODULE */
div.myTopMenuRight > div.myCartModule {
  margin-left: 15px;
}
div.myCartModule {
  /*float: right;*/
  display: table;
  /*height: 98px;*/
}
div.myCartModule > div#vmCartModule {
  margin: 0px;
  float: none;
  display: table-cell;
  vertical-align: middle;
}
div.myCartModule > div#vmCartModule div.show-cart {

}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel,
div.myCartModule > div#vmCartModule div.show-cart a#mycartpanel {
  float: none;
  width: auto;
  height: auto;
  background-color: #cd2020;
  color: white;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  display: block;
  border-radius: 0px;
  /*box-shadow: 0px 0px 3px rgba(34, 31, 31, 0.18), -7px -7px 7px rgba(34, 31, 31, 0.18) inset;*/
  /*min-height: 50px;*/
  /*padding: 10px 15px;*/
  /*padding: 10px;*/
  padding: 4px;
  border: 1px solid #cd2020;
  box-sizing: border-box;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel:hover,
div.myCartModule > div#vmCartModule div.show-cart a#mycartpanel:hover {
  background-color: #343434;
  border: 1px solid #494949;
  /*color: white;*/
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myFlexCover,
div.myCartModule > div#vmCartModule div.show-cart a#mycartpanel span.myFlexCover {
  display: flex;
  flex-direction: row;
  /*flex-wrap: wrap;*/
  flex-wrap: nowrap;
  align-items: center;
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myCartIcon,
div.myCartModule > div#vmCartModule div.show-cart a#mycartpanel span.myCartIcon {
  display: block;
  float: left;
  /*padding: 2px 0px;*/
  position: relative;
  /*margin-right: 23px;*/
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myCartIcon span.total_products,
div.myCartModule > div#vmCartModule div.show-cart a#mycartpanel span.myCartIcon span.total_products {
  position: absolute;
  background-color: #FF0116;
  color: white;
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 10px;
  padding: 4px 6px;
  min-width: 18px;
  box-sizing: border-box;
  text-align: center;
  bottom: -4px;
  right: -7px;
  border-radius: 4px;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myCartText {
  text-align: left;
  margin-right: 23px;
  line-height: normal;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myCartTitle {
  display: block;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myCartVal,
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.total_products {
  font-size: 13px;
  font-weight: 600;
  color: #0f86c3;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myTotal,
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.total_products {
  /*color: white;*/
  /*font-size: 13px;*/
  /*font-weight: normal;*/
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myArrow {
  display: block;
  height: 30px;
  border-left: 1px solid rgba(48, 92, 114, 0.24);
  width: 27px;
  position: relative;
}
div.myCartModule > div#vmCartModule div.show-cart a#cartpanel span.myArrow:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  border: 6px solid transparent;
  border-top: 9px solid #043954;
  border-bottom: 0px;
  height: 0px;
  width: 0px;
}
/* ??? */
div.myCartModule > div#vmCartModule .cartpanel .vm_cart_products {
  padding-bottom: 0px;
}
div.myCartModule > div#vmCartModule div.myCartButton {
  text-align: center;
  margin-top: 10px;
}
div.myCartModule > div#vmCartModule div.myCartButton > a {
  float: none !important;
  display: inline-block;
  color: white;
  font-size: 15px;
  line-height: 15px;
  padding: 12px;
  text-decoration: none;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  background-color: #0f86c3;
}
div.myCartModule > div#vmCartModule div.myCartButton > a:hover {
  background-color: #01324b;
}


/* NEW PRODUCTS DATAIL */
div.productdetails-view.productdetails {
  margin-left: 28px;
}
/* NEW PRODUCTS DATAIL - top img and title */
div.myVmDetailTop {
  margin-bottom: 20px;
}
div.myVmDetailTop h1,
div.myVmDetailTop .myTitle {
  text-align: center;
  color: #2b2a29;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
}
/* NEW PRODUCTS DATAIL - price */
div.myVmDetailPrice {
  max-width: 300px;
}
div.myVmDetailPrice > div.myNoDphPrice {
  float: right;
}
div.myVmDetailPrice > div.myDphPrice {
  color: #cc2525;
}
div.myVmDetailPrice span.vm-price-desc {
  display: block;
  display: block;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  line-height: 15px;
  text-align: left;
}
div.myVmDetailPrice > div.myNoDphPrice span.vm-price-desc {
  text-align: right;
}
/* NEW PRODUCTS DATAIL - card */
div.myVmDetailCard.vm3pr {
  margin-top: 5px;
}
div.myVmDetailCard.vm3pr form {
  margin-bottom: 0px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar {
  display: table;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-box,
div.myVmDetailCard.vm3pr div.addtocart-bar > span.quantity-controls,
div.myVmDetailCard.vm3pr div.addtocart-bar > span.quantity-controls.js-recalculate {
  display: block;
  float: left;
  position: relative;
  left: auto;
  background-color: #e0e5e3;
  height: 35px;
  position: relative;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-box,
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-box input {
  width: 40px;
  height: 35px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-plus,
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-minus {
  display: block;
  width: 100%;
  left: 0px;
  height: 50%;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-plus:hover,
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-minus:hover {
  background-color: #8b8e8f;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-plus {
  top: 0px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-minus {
  top: 50%;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-plus:before,
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-minus:before {
  position: absolute;
  left: 0px;
  right: 0px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-plus:before {
  top: 3px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.quantity-controls.quantity-minus:before {
  bottom: 4px;
}
div.myVmDetailCard.vm3pr div.addtocart-bar span.addtocart-button .addtocart-button {
  color: white !important;
  width: auto;
  padding: 0px 10px;
  font-size: 11px;
  font-weight: bold;
  background-position: 10px 50% !important;
  padding-left: 34px;
}
/* NEW PRODUCTS DATAIL - content */
div.myDetailProContent h1 {
  color: #2b2a29;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  /* line-height: 30px; */
  margin-bottom: 14px;
}
/* NEW PRODUCTS DATAIL - params */
table.myVmDetailParams {
  margin-top: 20px;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  /*line-height: normal;*/
  line-height: 115%;
  color: black;
}
table.myVmDetailParams td {
  padding: 2px 0px;
  border: 0px;
  padding-right: 10px;
}
table.myVmDetailParams td:first-child {
  font-style: italic;
  color: #727271;
}
table.myVmDetailParams td:last-child {
  padding-right: 0px;
  vertical-align: bottom;
}
/* NEW PRODUCTS DATAIL - stock */
div.myVmDetailStock {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  color: #0ba349;
  margin-top: 7px;
  /*line-height: 35px;*/
}
div.myVmDetailStock > span {
  color: #2f2483;
}


/* PRODUCTS DATAIL - select CHILD */
div.myVmDetailChildSelect {

}
div.myVmDetailChildSelect div.myStock {
  margin-bottom: 10px;
  /*padding-left: 8%;*/
  padding-left: 16%;
}
div.myVmDetailChildSelect div.myStock input {
  display: none;
}
div.myVmDetailChildSelect div.myStock label {
  display: table;
  margin: 0px;
  line-height: 22px;
  color: #2b2a29;
  font-size: 16px;
  font-weight: normal;
  padding-left: 30px;
  position: relative;
}
div.myVmDetailChildSelect div.myStock label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  border: 2px solid #008dd2;
  box-sizing: border-box;
  left: 0px;
  top: 1px;
}
div.myVmDetailChildSelect div.myStock input:checked + label:before {
  background-color: #cc2525;
  /*background-color: #008dd2;*/
}
div.myVmDetailChildSelect select {
  display: table;
  margin: 0px;
  border-radius: 0px !important;
  border: 2px solid #008dd2 !important;
  margin-bottom: 10px;
  padding: 6px 6px !important;
  min-width: 60%;
  max-width: 100%;
  width: auto;
  line-height: normal;
  height: auto;
  color: #2b2a29;
  font-size: 16px;
  font-weight: normal;
} 


/* PRODUCTS DATAIL - CHILD */
div.productdetails-view.productdetails > hr {
  margin: 20px 0px;
}
div.productdetails-view.productdetails.withChild div.main-image div.product-details-image-handler {
  height: 354px;
  position: relative;
}
div.productdetails-view.productdetails.withChild div.main-image img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
div.myChildProducts > hr {
  margin: 20px 0px;
}
div.myChildProducts > table {
  width: 100%;
  line-height: 130%;
}
div.myChildProducts > table th.myHidden,
div.myChildProducts > table td.myHidden {
  /*display: table-cell !important;*/
}
div.myChildProducts div.myTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* content table */
table {
    width: 100%;
}
/* cookiebot */
div#CookiebotWidget button {
    background: none !important;
    color: #141414 !important;
}
div#CookiebotWidget button:hover {
    color: #7b0929 !important;
}
div#CybotCookiebotDialogTabContent button.CybotCookiebotDialogCollapsed,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerPreference,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising,
div#CybotCookiebotDialogTabContent div#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard {
    background: none !important;
    color: #141414 !important;
    display: inline-block;
}
div#CybotCookiebotDialogTabContent button.CybotCookiebotDialogCollapsed *,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary *,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerPreference *,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics *,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising *,
div#CybotCookiebotDialogTabContent div#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard * {
    display: inline-block !important;
}
div#CybotCookiebotDialogTabContent button.CybotCookiebotDialogCollapsed:hover,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary:hover,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerPreference:hover,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics:hover,
div#CybotCookiebotDialogTabContent button#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising:hover,
div#CybotCookiebotDialogTabContent div#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassifiedCard:hover {
    color: #7b0929 !important;
}


/* SP GALLERY */
section.sppb-section.myArtUbytovaniRowPokoje {
  padding-bottom: 26px !important;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery {
  margin-top: 20px;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery div.myButton {
  display: table;
  margin: auto;
  color: white;
  background-color: #7b0929;
  border: 3px solid #7b0929;
  padding: 5px 25px;
  border-radius: 3px;
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  cursor: pointer;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery div.myButton:hover {
  color: white;
  background-color: #1c1c1c;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery div.myButton:after {
  content: 'Zobrazit méně...';
}
div.sppb-addon.sppb-addon-gallery.mySpGallery.myClose div.myButton:after {
  content: 'Zobrazit celou galerii...';
}
div.sppb-addon.sppb-addon-gallery.mySpGallery.myClose > div.sppb-addon-content {
  height: 200px;
  overflow: hidden;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery > div.sppb-addon-content > ul.sppb-gallery {
  gap: 10px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery > div.sppb-addon-content > ul.sppb-gallery:before,
div.sppb-addon.sppb-addon-gallery.mySpGallery > div.sppb-addon-content > ul.sppb-gallery:after {
  display: none;
}
div.sppb-addon.sppb-addon-gallery.mySpGallery img {
  height: 200px;
  /*height: auto;*/
  max-height: 200px;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: cover;
}
.mfp-bg,
.mfp-wrap {
  /*z-index: 99999999;*/
  z-index: 2147483632;
}
.mfp-close-btn-in .mfp-content .mfp-close {
  width: 44px;
  text-align: center;
  padding: 0px;
  padding-left: 2px;
}


/* ADD 24.01.2024 */
.sppb-empty-space.myGallerySpacer {
  height: 50px;
}


/* ADD 27.05.2024 - Kurzy na koleckovych lyzich */
.myKurzyTable .sppb-addon-content table {
  width: auto;
  margin-bottom: 0px;
}
.myKurzyTable .sppb-addon-content table > tbody > tr > td {
  border: 0px;
  padding: 0px;
}
.myKurzyTable .sppb-addon-content table > tbody > tr > td:nth-child(n+2) {
  padding-left: 10px;
}
