/* MY CSS STYLE FOR TEMPLATE */

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

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

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

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

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

/* POUZITE FONTY PISMA */
body {
  font-family: myOpenSans;
}
h1, div.blog h1,
h2, div.item-page h2,
h3, div.item-page h3,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > 
table > tbody > tr > td,
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > 
table > tbody > tr > td > p,
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton,
div#myTopMenuButton {
  font-family: myOpenSans;
}
div.bfFormDiv.myMessageForm form  input,
div.bfFormDiv.myMessageForm form textarea {
  font-family: myOpenSans !important;
}
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p:nth-child(1),
div#slideshow-handler div.cameraContents > div.cameraContent > div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg > div.inner-space > p:nth-child(2),
div.custom.myBanner1 > table > tbody > tr > td:nth-child(1) > p:nth-child(1) {
  font-family: myUbuntu;
}


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


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


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


/* OBECNE STYLY */
body {
  /*background-color: #e2f1fb;
  background-image: url(background/background.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;*/
  color: #505050;
  font-size: 13px;
  font-weight: 100;
  font-style: normal;
  background-color: white;
}
body.myBodyClass.myIntroArticle {
  background-color: #fafafa;
}
h1,
div.blog h1,
div.productdetails-view h1 {
  letter-spacing: normal;
  color: #323232;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  padding: 0px;
  margin-bottom: 20px;
  line-height: normal;
  position: relative;
  text-align: left;
  text-transform: none;
  border: 0px;
}
h1 > strong,
div.blog h1 > strong {
  /*color: #5ca622;*/
}
h2, div.item-page h2 {
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  margin-bottom: 10px;
  color: #3c3c3c;
  font-size: 24px;
}
h2 {
  margin-top: 15px;
}
h2:first-child {
  margin-top: 0px;
}
h3, div.item-page h3 {
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  margin-bottom: 7px;
  margin-top: 20px;
  color: #505050;
  font-size: 17px;
}
h4, div.item-page h4, .category-view h4 {
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  margin-bottom: 7px !important;
  margin-top: 20px !important;
  color: rgb(0, 161, 222);
  font-size: 17px;
  padding: 0px;
  border: 0px;
} 
p {
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0px;
}
/*table p:last-child {
  margin-bottom: 0px;
}*/
table {
  width: auto;
  margin-bottom: 15px;
}
table:last-child {
  margin-bottom: 0px;
}
table td {
  vertical-align: top;
  border: 1px solid #afafaf;
  padding: 5px;
}
div.item-page > div[itemprop="articleBody"] {
  line-height: 195%;
}
div.item-page > div[itemprop="articleBody"] > p {
  text-align: justify;
}
a, a:hover, a:active, a:visited, a:focus,
.moduletable a, .moduletable a:hover, .moduletable a:active, .moduletable a:visited, .moduletable a:focus,
.category_description a {
  color: #398ee5;
}
/* img file icon */
img.myFileIcon {
  margin-right: 7px;
  vertical-align: top;
  /*float: left;*/
}
/* file list */
ul.myFileList {

}
ul.myFileList > li {
  line-height: 25px;
  margin-bottom: 5px;
}
/* table for img and text */
table.myTableImgText {
  width: 100%;
  margin-bottom: 15px;
}
table.myTableImgText td {
  border: 0px;
  padding: 0px 10px;
  text-align: center;
  vertical-align: middle;
}
table.myTableImgText td img {
  max-width: 100%;
}
table.myTableImgText.col3 td {
  width: 33.33%;
}
table.myTableImgText.ver1 > tbody > tr:first-child > td {
  padding-top: 10px;
  padding-bottom: 7px;
  color: rgb(0, 154, 201);
  font-size: 14px;
  font-weight: bold;
}
/* manual gallery */
p.myManualGallery {
  text-align: justify;
  text-align-last: justify;
}
p.myManualGallery img {
  display: inline;
}
p.myManualGallery.col4 img {
  width: 24.085%;
}
p.myManualGallery.col3 img {
  width: 32.52%;
}
p.myManualGallery.col2 img {
  width: 48.902%;
}
/* MANUAL GALLERY */
p.myManualGallery2 {
  
}
p.myManualGallery2:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
p.myManualGallery2 img {
  display: block;
  float: left;
  width: calc(25% - 7.5px);
  margin-right: 10px;
  margin-bottom: 10px;
}
p.myManualGallery2 a:nth-child(4n+0) img,
p.myManualGallery2 img:nth-child(4n+0) {
  margin-right: 0px;
}
/* MANUAL GALLERY - col 3 */
p.myManualGallery2.myCol3 img {
  width: calc(33.33% - 6.7px);
  margin-right: 0px;
}
p.myManualGallery2.myCol3 a:nth-child(3n+2) img,
p.myManualGallery2.myCol3 img:nth-child(3n+2) {
  margin-left: 10.1px;
  margin-right: calc(0.01% + 10px);
}
/* animation text = myTextEffect */
@keyframes textmove {
  0%   {text-indent: 100%;}
  100% {text-indent: 0%;}
}
@keyframes textmove2 {
  0%   {text-indent: 0%;}
  100% {text-indent: -100%;}
}
.myTextEffect,
.myTextEffect > span {
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.myTextEffect {
  white-space: nowrap;
  overflow: hidden;
  /*text-indent: 0%;*/
  /* start animation */
  animation-name: textmove;
}
.myTextEffect > span {
  display: inline-block;
  /*text-indent: 0%;*/
  /* start animation */
  animation-name: textmove2;
}
.myTextEffect > span > span {
  display: block;
}
/* main content */
div#main-content-handler {
  /*margin-bottom: 0px;
  padding-bottom: 0px;*/
}
div#main-content-handler div.tmp-content-area {
  padding-top: 0px;
}
/* site colom width */
div#main-content-handler {
  position: relative;
}
body.myBodyClass.myIntroArticle div#main-content-handler:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background-color: #e1e1e1;
  left: 63%;
  top: 63px;
  bottom: 0px;
}
div#main-content-handler > div.row-fluid > div.span9 {
  width: 58.5%;
}
div#main-content-handler > div.row-fluid > div.span9 + div.span3 {
  margin-left: 9%;
  width: 32.5%;
}


/* BREEZING FORM REPAIR STYLE */
div.bfFormDiv form  input[type=text], 
div.bfFormDiv form textarea,
div.bfFormDiv form select {
  border-radius: 0px !important;
  box-sizing: border-box;
}
div.bfFormDiv form input[type=text] {
  height: 30px;
}
div.bfFormDiv form textarea {
  min-height: 36px;
}
div.bfFormDiv form select {
  width: 100%;
}
div.bfFormDiv form.bfQuickMode span.bfElemWrap,
div.bfFormDiv form.bfQuickMode section.bfElemWrap {
  padding: 0px;
  background-color: transparent !important;
}
div.bfFormDiv form.bfQuickMode div.controls label.control-label,
div.bfFormDiv form.bfQuickMode span.bfLabelLeft label,
div.bfFormDiv form.bfQuickMode .bfLabelLeft label,
div.bfFormDiv form label {
  width: 100%; 
}
/* 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: 15px;
  font-weight: normal;
  border-radius: 0px !important;
  color: white !important;
  background-color: #398ee5 !important;
  margin: 0px;
  padding: 12px 23px;
  line-height: normal;
  text-transform: none;
  transition: all 0.2s linear 0s, color 0.0s linear 0.0s, text-shadow 0.0s linear 0.0s;
  box-shadow: 0px 0px 0px black inset;  
  border: 0px !important;
  /*text-shadow: 1px 0px 3px black;*/
}
div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton:hover {
  /*box-shadow: 0px 0px 3px black inset;*/
  background-color: #323232 !important;
  /*color: black !important;*/
  /*text-shadow: none;*/
}
/* 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 - INVISIBLE RECAPTCHA */
div.bfFormDiv form div#bfInvisibleReCaptchaContainer > div.grecaptcha-badge {
  z-index: 2;
  display: none;
}
/* BREEZING FORM REPAIR STYLE - multi check box */
div.bfFormDiv form.bfQuickMode div.controls label.control-label + span {
  vertical-align: top;
  display: inline-block;
}
div.bfFormDiv form .form-inline .checkbox,
div.bfFormDiv form .checkbox.inline + .checkbox.inline {
  width: auto;
  padding-top: 0px;
  padding-bottom: 5px;
  font-size: 13px;
}
/* BREEZING FORM REPAIR STYLE - GDPR checkbox */
div.bfFormDiv form section#gdpr {
  float: right;
}
div.bfFormDiv.myMessageForm form section#gdpr {/* only for myMessageForm */
  margin-top: 10px;
}
div.bfFormDiv form section#gdpr + div.bfClearfix {
  display: none;
}
div.bfFormDiv form section#gdpr > div.row-fluid {
  width: auto;
  display: table;
}
div.bfFormDiv form section#gdpr label {
  float: right;
  display: block !important;
  line-height: 20px;
  width: calc(100% - 27px) !important;
  max-width: none !important;
  min-width: unset !important;
  margin-bottom: 15px;
}
div.bfFormDiv form section#gdpr input {
  margin-right: 7px;
  vertical-align: top !important;
  margin-top: 0px;
  width: 20px;
  height: 20px;
}


/* STYLE FOR FORM myInquiryForm */
div.bfFormDiv.myInquiryForm form div.form-actions button#bfSubmitButton.bfSubmitButton {
  float: none;
}


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


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


/* TOP HEADER BANNER OLD!!! */
div#myTopHeader {
  color: black;
  font-size: 15px;
  height: 80px;
}
div#myTopHeader > div.container > div.myRightSiteHeader {
  /*float: right;*/
  width: calc(100% - 141px);
  height: 80px;
  display: table;
}
div#myTopHeader a {
  color: black;
}
div#myTopHeader div.myRightSiteHeader > div.myTopSearch,
div#myTopHeader div.myRightSiteHeader > div.myTopContact {
  display: table-cell;
  vertical-align: middle;
}
div#myTopHeader div.myRightSiteHeader > div.myTopSearch {
  padding-left: 34px;
}
div#myTopHeader div.myRightSiteHeader > div.myTopContact {
  width: 150px;
}
/* TOP HEADER BANNER NEW!!! */
/* contact modul */
div.myTopTop {
  min-height: 44px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  color: #787878;
  font-weight: 100;
  font-style: normal;
  /*background-color: white;*/
  background-color: transparent;
}
div.myTopTop a {
  color: #787878;
}
div.myRightSiteHeader {
  float: left;
  position: relative;
  line-height: 44px;
  /* pop up top menu */
  /*transition: all 0.2s linear 0s;*/
}
div.th-bgs.myPopUp div.myRightSiteHeader {
  /*line-height: 44px;*/
}
div.myRightSiteHeader > div.myTopContact {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
/* contact modul */
div.custom.myContactModul {
  line-height: 18px;
}
div.custom.myContactModul > p,
div.custom.myContactModul > p > a {
  white-space: nowrap;
}
div.custom.myContactModul > p {
  margin-bottom: 0px;
  display: inline-block;
  margin-right: 25px;
}
div.custom.myContactModul > p:last-child {
  margin-right: 0px;
}
div.custom.myContactModul > p > a {
  vertical-align: top;
  line-height: 18px;
}
div.custom.myContactModul > p img {
  padding: 2px 0px;
  padding-right: 15px;
  width: 15px;
  vertical-align: top;
}
/* log panel */
div.myLogPanel {
  float: right;
  line-height: 44px;
  padding-left: 22px;
  background-image: url(icon/log.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  color: #398ee5;
}
div.myLogPanel a {
  color: #323232;
  cursor: pointer;
}
div.myLogPanel span.mySpacer {
  padding-left: 10px;
  margin-right: 10px;
  border-right: 1px dashed rgba(0, 0, 0, 0.20);
}
/* log panel pop up */
div#LoginForm > div.myBg {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
}


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


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


/* TOP MENU - responsive button */
div#myTopMenuButton > div {
  position: relative;
  font-size: 15px;
  line-height: 16px;
  padding: 13px 19px;
  color: #323232;
  font-style: normal;
  font-weight: 600;
  font-family: myOpenSans;
  text-transform: uppercase;
}
div#myTopMenuButton > div:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  border: 8px solid transparent;
  border-left: 8px solid #323232;
  border-right: 4px solid transparent;
  margin-left: 4px;
}
div#myTopMenuButton.myOpen > div:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #323232;
  border-bottom: 0px;
  margin-top: 4px;
  margin-left: 0px;
}
div#myTopMenuButton > div span {
  vertical-align: top;
}


/* TOP MENU */
div#top {

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

}
/* sp style for link menu */
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton > a {
  background-color: #398ee5;
  color: white !important;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton.active > a:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton.alias-parent-active > a:before {
  background-color: white;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.mySpButton:hover > a {
  background-color: #a0a0a0;
}
/* style for myAddVmFullMenu link */
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.myAddVmFullMenu {
  padding-bottom: 17px !important;
  margin-bottom: -17px;
  position: static;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li > a.myAddVmFullMenu {
  /*padding-bottom: 29px !important;*/
  /*margin-bottom: -16px;*/
  padding-bottom: 30px !important;
  margin-bottom: -17px;
}
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.active > a.myAddVmFullMenu:before,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu > ul.menu-nav#nav > li.alias-parent-active > a.myAddVmFullMenu:before {
  /*bottom: 23px;*/
  bottom: 24px;
}


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


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


/* MODUL NAVIGATION */
div#myNavigationPosition {

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

}


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

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


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

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


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


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

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

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

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

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

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


/* TABLE ZBOZI COMPONET */
div.myZboziFields {

}
div.myZboziFields > table.myZboziList {

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


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

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


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

}
table.myContactMap > tbody > tr {

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


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

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

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


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

}


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

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

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

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



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

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

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

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


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

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

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

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

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


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


/* BOTTOM SHORT BANNER */
div#myUnderShortArticle {

}
div#myUnderShortArticle > div.container {

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


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

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

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


/* VIRTUE MART */
/* resolution category view */
div.myCategoryList {
  position: relative;
}
div.myCategoryList:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.myCategoryList.myWithVmCatMenu:before {
  content: '';
  position: absolute;
  width: 1px;
  top: 0px;
  bottom: 0px;
  left: calc(67.826% + (7.629% / 2));
  background-color: rgba(0, 0, 0, 0.1);
}
div.myCategoryList > div.category-view.myWithVmCatMenu,
div.myCategoryList > div.myVmCatMenu {
  min-height: 30px;
  clear: none;
}
div.myCategoryList > div.category-view.myWithVmCatMenu {
  float: left;
  width: 67.826%;
}
div.myCategoryList > div.myVmCatMenu {
  float: right;
  width: 24.545%;
  margin-left: 7.629%;
}
/* Category View */
div.category-view {
  padding-bottom: 0px !important;
}

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

}
div.category-view > div.category-view > div.row,
div.category-view > div.browse-view > div.row {
  display: block;
  padding: 0px;
}
div.category-view > div.category-view > div.horizontal-separator,
div.category-view > div.browse-view > div.horizontal-separator {
  margin: 0px;
  height: 0px;
}
div.category-view > div.category-view > div.row > div.category.width33,
div.category-view > div.browse-view > div.row > div.product.vm-col-3 {
  width: 33.33%;
  padding: 9px 6px;
  box-sizing: border-box;
  float: left;
}
div.category-view > div.category-view > div.row > div.category.width33:first-child,
div.category-view > div.browse-view > div.row > div.product.vm-col-3:first-child {
  padding-left: 0px;
  padding-right: 12px;
}
div.category-view > div.category-view > div.row > div.category.width33:nth-child(3),
div.category-view > div.browse-view > div.row > div.product.vm-col-3:nth-child(3) {
  width: 33.34%;
  padding-left: 12px;
  padding-right: 0px;
}
div.category-view > div.category-view > div.row:first-child > div.category.width33,
div.category-view > div.browse-view > div.row:first-child > div.product.vm-col-3 {
  padding-top: 0px;
}
div.category-view > div.category-view > div.row:last-child > div.category.width33,
div.category-view > div.browse-view > div.row:last-child > div.product.vm-col-3 {
  padding-bottom: 0px;
}
div.category-view > div.category-view > div.row > div.category > div.spacer,
div.category-view > div.browse-view > div.row > div.product > div.spacer {
  border: 1px solid #f5f5f5;
  background-color: white;
  margin: 0px !important;
  /*padding: 20px;*/
  padding: 18px;
  box-sizing: border-box;
}
div.category-view > div.category-view > div.row > div.category > div.spacer a,
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle > a {
  color: #f64d15;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle > a {
  letter-spacing: -1px;
}
div.category-view > div.category-view > div.row > div.category > div.spacer div.myImg,
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.vm-product-media-container {
  height: 150px;
  width: 100%;
  position: relative;
}
div.category-view > div.category-view > div.row > div.category > div.spacer div.myImg > img,
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.vm-product-media-container img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
div.category-view > div.category-view > div.row > div.category > div.spacer div.myTitle,
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle {
  margin-top: 15px;
}
/* product list */
div.category-view > div.category_description {
  padding: 0px;
  line-height: 195%;
  background-color: transparent;
}
div.category-view > div.category_description > table {

}
div.category-view > div.category_description > p:last-child,
div.category-view > div.category_description > table:last-child,
div.category-view > div.category_description > ul:last-child {
  margin-bottom: 0px;
}
div.category-view > div.browse-view > div.row > div.product.vm-col-3 {
  margin-bottom: 0px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.vm-product-media-container {
  margin-bottom: 0px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myTitle {
  text-align: center;
  line-height: 21px;
  margin-bottom: 5px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myProductShortDesc {
  color: #505050;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  /*height: 40px;*/
  overflow: hidden;
  min-height: 40px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton {
  text-align: center;
  line-height: normal;
  margin: 10px 0px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > myProductShortDesc + div.myVmDetailsButton {
  margin-top: 3px;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton > a {
  padding: 9px 32px;
  display: inline-block;
  line-height: 16px;
  color: white;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  transition: background-color 0.2s linear 0s;
  background-color: #f64d15;
}
div.category-view > div.browse-view > div.row > div.product > div.spacer > div.myVmDetailsButton > a:hover {
  background-color: #3c3c3c;
}
/* PRODUCT DETAIL */
div.productdetails-view.productdetails > div.row-fluid > div.myLeftSite {
  float: left;
  width: 40%;
}
div.productdetails-view.productdetails > div.row-fluid > div.myRightSite {
  float: left;
  width: 57%;
  margin-left: 3%;
}
/* title product */
div.productdetails-view.productdetails div.myRightSite > div.mySpacerRightSite > h1 {
  margin-bottom: 13px;
}
/* short description */
div.productdetails-view.productdetails div.myProductShortDesc {
  text-align: center;
  font-size: 18px;
  line-height: normal;
  padding: 10px 0px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 13px;
}
/* full description */
div.productdetails-view.productdetails div.myProductFullDesc {
  line-height: normal;
}
/* ask button */
div.productdetails-view.productdetails div.ask-a-question {
  text-align: center;
  line-height: normal;
  margin: 0px;
  margin-top: 13px;
}
div.productdetails-view.productdetails h1 + div.ask-a-question,
div.productdetails-view.productdetails div.myProductFullDesc + div.ask-a-question {
  border-top: 1px solid #e4e4e4;
  padding: 10px;
}
div.productdetails-view.productdetails div.ask-a-question > a.ask-a-question {
  padding: 9px 32px;
  display: inline-block;
  line-height: 16px;
  color: white !important;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none !important;
  margin: 0px;
  border-radius: 0px !important;
  border: 0px;
  transition: background 0.2s linear 0s;
  background: #f64d15 !important;
}
div.productdetails-view.productdetails div.ask-a-question > a.ask-a-question:hover {
  background: #3c3c3c !important;
}
/* images product */
div.productdetails-view.productdetails div.main-image {
  padding: 0px;
}
div.productdetails-view.productdetails div.main-image > div.product-details-image-handler {
  border: 1px solid #e4e4e4;
  background-color: white;
  padding: 3px;
}
/* tilte pop up image */
div#fancybox-title.fancybox-title-inside {
  display: none !important;
}


/* MANUAL GALLERY */
div.myGallery {
  text-align: center;
  margin-bottom: -15px;
}
div.myGallery:last-child {
  margin-bottom: -25px;
}
div.myGallery img {
  margin-right: 25px;
  margin-bottom: 25px;
}
div.myGallery > img:last-child,
div.myGallery > a:last-child > img {
  margin-right: 0px;
}


/* TABLE ARTICLE BISTRO */
table.mySpBistro {
  width: 100%;
  margin-bottom: 25px;
}
table.mySpBistro > tbody > tr > td {
  vertical-align: top;
  border: 0px;
  padding: 0px;
}
table.mySpBistro > tbody > tr:first-child > td:last-child {
  width: 40%;
  font-size: 18px;
  padding-left: 3%;
}
/* icon pdf */
p.mySpIcon {
  margin-top: 20px;
}
/* mudul jidelni listek */
div.moduletable.myJidelniListek {
  margin-top: 20px;
  margin-bottom: 10px;
}
div.moduletable.myJidelniListek:last-child {
  margin-bottom: 0px;
}
div.moduletable.myJidelniListek > div.custom.myJidelniListek > p:first-child {
  text-align: center;
}
div.moduletable.myJidelniListek > div.custom.myJidelniListek > p:last-child {
  margin-bottom: 0px;
}
/* icon pdf + mudul jidelni listek */
p.mySpIcon > a,
div.moduletable.myJidelniListek > div.custom.myJidelniListek > p:first-child > a {
  text-decoration: underline;
}
p.mySpIcon > a:hover,
div.moduletable.myJidelniListek > div.custom.myJidelniListek > p:first-child > a:hover {
  text-decoration: none;
}
p.mySpIcon > a > img,
div.moduletable.myJidelniListek > div.custom.myJidelniListek > p:first-child > a > img {
  padding-bottom: 4px;
}


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


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

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

}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product {
  padding: 0px 15px;
  box-sizing: border-box;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer {
  background-color: white;
  /*padding-top: 15px;*/
}
/* img */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myImg {
  width: 100%;
  /*width: calc(100% - 30px);*/
  margin: auto;
  height: 161px;
  background-color: #f1f1f1;
  position: relative;
  margin-bottom: 20px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myImg > img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  /*max-height: 146px;*/
  /*max-width: 277px;*/
}
/* title */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myTitle {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
  line-height: 22px;
  margin-bottom: 4px;
  padding: 0px 12px;
}
/* description */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myDesc {
  font-size: 13px;
  font-weight: 100;
  color: #505050;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 12px;
}
/* button */
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton {
  padding-top: 12px;
  padding-bottom: 14px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton > a {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 12px;
  font-weight: normal;
  background-color: #a0a0a0;
  color: white;
  text-decoration: none;
  padding: 5px 22px;
}
div.slick-slider.myBrProductSlider > div.slick-list > div.slick-track > div.br-product > div.mySpacer > div.myLinkButton > a:hover {
  text-decoration: none;
  background-color: #398ee5;
} 


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

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


/* NEW CSS STYLES FOR VM CATEGORY MENU */
ul.myVMmenu {
  width: 100%;
  margin: 0px;
}
ul.myVMmenu:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
ul.myVMmenu > li {
  display: block;
  padding: 0px;
  float: left;
  border: 0px;
  box-sizing: border-box;
  text-align: center;
  padding: 15px 6px;
  padding-bottom: 8px;
  position: relative;
}
/* img */
ul.myVMmenu > li div.myImages {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 10px;
}
ul.myVMmenu > li div.myImages > img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.2s linear 0s;
}
ul.myVMmenu > li div.myImages > img:nth-child(1) {
  opacity: 1;
}
ul.myVMmenu > li div.myImages > img:nth-child(2) {
  opacity: 0;
}
ul.myVMmenu > li:hover div.myImages > img:nth-child(1) {
  opacity: 0;
}
ul.myVMmenu > li:hover div.myImages > img:nth-child(2) {
  opacity: 1;
}
/* img for active item */
ul.myVMmenu > li.myActive div.myImages > img:nth-child(1) {
  opacity: 0;
}
ul.myVMmenu > li.myActive div.myImages > img:nth-child(2) {
  opacity: 1;
}
/* text */
ul.myVMmenu > li div.myTitle {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  /*line-height: 16px;*/
  line-height: 32px;
  height: 32px;
  overflow: hidden;
}
ul.myVMmenu > li div.myTitle > span {
  line-height: 16px;
  display: inline-block;
  vertical-align: baseline;
}
ul.myVMmenu > li:hover div.myTitle,
ul.myVMmenu > li:hover div.myTitle > span {
  /*color: #a0a0a0;*/
  text-decoration: underline;
}
/* link */
ul.myVMmenu > li div.myLink > a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  color: transparent;
  text-align: center;
}
/* resulution for position "myVmCatMenu" */
div.myVmCatMenu ul.myVMmenu > li {
  border: 1px solid #e1e1e1;
  width: calc(33.33% - 6.7px);
  margin-top: 10px;
}
div.myVmCatMenu ul.myVMmenu > li:nth-child(3n+2) {
  width: calc(33.34% - 6.6px);
  margin-left: 10px;
  margin-right: 10px;
}
div.myVmCatMenu ul.myVMmenu > li:nth-child(-n+3) {
  margin-top: 0px;
}
/* resulution for position "myVmMainCatMenu" and "myTopBanner1" */
div.myVmMainCatMenu ul.myVMmenu > li,
div#myTopBanner1 ul.myVMmenu > li {
  width: 7.70%;
}
div.myVmMainCatMenu ul.myVMmenu > li:nth-child(n+4),
div#myTopBanner1 ul.myVMmenu > li:nth-child(n+4) {
  width: 7.69%;
}
/* resulution for position "myVmMainCatMenu" and "myTopBanner1" -- Add For Diferent Count 12 !!! */
div.myVmMainCatMenu ul.myVMmenu.myN12 > li:nth-child(n+0),
div#myTopBanner1 ul.myVMmenu.myN12 > li:nth-child(n+0) {
  width: calc(100% / 12);
}
div.myVmMainCatMenu ul.myVMmenu > li:before,
div#myTopBanner1 ul.myVMmenu > li:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  background-color: #f9f9f7;
  height: 107px;
  margin-top: -15px;
  margin-left: -12px;
}
div.myVmMainCatMenu ul.myVMmenu > li:first-child:before,
div#myTopBanner1 ul.myVMmenu > li:first-child:before {
  display: none;
}


/* VM CATEGORY - GALLERY UNDER DESCRIPTION */
div.myVmCatGallerry {
  padding-top: 15px;
}
div.myVmCatGallerry:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
div.myVmCatGallerry > div {
  width: calc(33.33% - 6.7px);
  margin-top: 10px;
  float: left;
  background-color: #f1f1f1;   
}
div.myVmCatGallerry > div:nth-child(3n+2) {
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 10.1px;
  margin-right: calc(0.01% + 10px);
}
div.myVmCatGallerry > div:nth-child(-n+3) {
  margin-top: 0px;
}
div.myVmCatGallerry > div > a {

}
div.myVmCatGallerry > div img {
  display: block;
  width: 100%;
}
div.myVmCatGallerry > div span.myImg {
  display: block;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}
div.myVmCatGallerry > div span.myImg:before {
  content: '';
  display: block;
  padding-top: 60.15%;
}


/* CATEGORY DESCRIPTION PART 2 = BOTTOM CATEGORY DESCRIPTION */
div.myBottomCatDesc {
  margin-top: 15px;
}


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

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

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


/* VM UNDER CATEGORIES MENU  */
div.myTitleVmUnderCat {
  color: #323232;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  line-height: 28px;
  margin-top: 30px;
  margin-bottom: 20px;
}
ul.myUnderCatMenu {
  margin: 0px;
  margin-bottom: -10px;
}
ul.myUnderCatMenu > div {
  /*text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #398ee5;*/
}
ul.myUnderCatMenu li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.myUnderCatMenu li:last-child {
  margin-right: 0px;
}
ul.myUnderCatMenu li > a {
  font-size: 14px;
  font-weight: 100;
  font-style: normal;
  display: inline-block;
  line-height: 14px;
  padding: 10px 10px;
  text-align: center;
  min-width: 150px;
  text-decoration: none;
  color: #505050;
  background-color: white;
  border: 1px solid #e1e1e1;
}
ul.myUnderCatMenu li > a:hover {
  color: white;
  background-color: #398ee5;
}


/* VM MENI IN TOP MENU JOOMLA */
div#top,
div#top div#st-navigation,
div#st-navigation > div.row-fluid.mn-nav > div#menu > div.responsive-menu,
div#st-navigation > div.row-fluid.mn-nav {
  position: static;
}
div.myTopVmMenu {
  display: block !important;
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: white;
  /* border-bottom: 1px solid #e5e5e5; */
  box-shadow: 0px 3px 6px #bfbfbf;
  /*overflow: hidden;*/
}
li > div.myTopVmMenu {
  transition: opacity 0.4s linear 0.1s, top 0s linear 0.5s;
  top: -500px;
  opacity: 0;
}
li:hover > div.myTopVmMenu {
  transition: opacity 0.2s linear 0s, top 0s linear 0s;
  top: 75px;
  opacity: 1;
}
li > div.myTopVmMenu > div.container {
  margin: 0px auto;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu {
  position: static;
  top: 0px;
  background-color: transparent !important;
  padding: 0px !important;
  box-shadow: none;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li {
  width: 7.70%;
  padding: 0px;
  position: static;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.mySpacer {
  position: relative;
  padding: 3px 8px;
  padding-bottom: 5px;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li:before {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  /*background-color: #e2e2e3;*/
  background-color: #f9f9f7;
  height: calc(100% - 20px);
  margin-top: 7px;
  margin-left: -1px;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li:first-child:before {
  display: none;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li:nth-of-type(n+4) {
  width: 7.69%;
}
div.myTopVmMenu > div.container > ul.myVMmenu > li div.myImages {
  margin-bottom: 0px;
}
div.myTopVmMenu > div.container > ul.myVMmenu > li div.myLink > a {
  padding: 0px;
}
/* level 2 */
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 {
  position: absolute;
  /*top: 100%;*/
  left: 0px;
  right: 0px;
  background-color: white;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0px 3px 6px #bfbfbf;
  padding-top: 15px;
  padding-bottom: 10px;
  /*display: none;*/
  transition: opacity 0.4s linear 0.1s, top 0s linear 0.5s;
  top: -700px;
  opacity: 0;
  z-index: 1;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li:hover > div.myUnderCat.myL2 {
  transition: opacity 0.2s linear 0s, top 0s linear 0s;
  top: 100%;
  opacity: 1;
  z-index: 2;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 > div.container {
  margin: 0px auto;
  position: relative;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 > div.container:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  background-color: #e5e5e5;
  top: 0px;
  bottom: 0px;
  left: 15.3%;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 div.myUpCat {
  width: 15.3%;
  float: left;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  min-height: 60px;
  padding-right: 15px;
  box-sizing: border-box;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat {
  /*position: static;*/
  position: relative;
  background-color: transparent !important;
  box-shadow: none;
  float: left;
  margin: 0px;
  padding: 0px !important;
  padding-left: 15px !important;
  text-align: left;
  width: auto;
  top: auto;
  left: auto;
  max-width: 37.2%;
  box-sizing: border-box;
  min-height: 128px;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li {
  display: block;
  float: none;
  position: static;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > a {
  padding: 7px 10px;
  transition: all 0.2s linear 0s;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li:hover > a {
  background-color: #388ee5 !important;
  color: white !important;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li.myDeeper > a {
  padding-right: 25px;
  position: relative;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li.myDeeper > a:before {
  content: '';
  display: block;
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #595959;
  top: 0px;
  bottom: 0px;
  right: 3px;
  height: 0px;
  margin: auto;
  transition: all 0.2s linear 0s;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li.myDeeper:hover > a:before {
  border-left: 5px solid white;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > ul {
  position: absolute;
  margin: 0px;
  padding: 0px !important;
  left: 100%;
  right: auto;
  top: 0px;
  box-shadow: none;
  padding-left: 30px !important;
  background-color: white !important;
  width: 570px;
  box-sizing: border-box;
  /* effect */
  min-height: 100%;
  transition: opacity 0.4s linear 0.1s, top 0s linear 0.5s;
  top: -700px;
  opacity: 0;
  z-index: 1;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li:hover > ul {
  transition: opacity 0.2s linear 0s, top 0s linear 0s;
  top: 0px;
  opacity: 1;
  z-index: 2;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > ul:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 1px solid #e5e5e5;
  top: 0px;
  bottom: 0px;
  left: 15px;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > ul > li {
  float: left;
  display: block;
  width: auto;
  margin-right: 7px;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > ul > li > a {
  padding: 7px 10px;
  transition: all 0.2s linear 0s;
}
.menu-nav#nav li div.myTopVmMenu > div.container > ul.myVMmenu > li > div.myUnderCat.myL2 ul.myListCat > li > ul > li:hover > a {
  background-color: #388ee5 !important;
  color: white !important;
}


/* MY TABLE CLASS myTableTyp1 */
table.myTableTyp1 {
  width: auto !important;
  margin-bottom: 15px;
}
table.myTableTyp1 td {
  padding: 5px;
  line-height: normal;
}
table.myTableTyp1 tr:first-child td[rowspan="7"]:first-child {
  width: 100px;
  /*width: 116px;*/
  /*box-sizing: border-box;*/
}
table.myTableTyp1 td > p {
  margin-bottom: 0px;
}


/* MY TABLE CLASS myTableTyp2 */
table.myTableTyp2 {
  width: auto;
  margin-bottom: 15px;
}
table.myTableTyp2 td {
  padding: 5px;
  line-height: normal;
  border: 0px;
}
table.myTableTyp2 td > p {
  margin-bottom: 0px;
}


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


/* TABLE FOR FILES ICON AND LINK IN LINE */
table.myFilesInLine {
  width: auto;
  margin-bottom: 5px;
}
table.myFilesInLine td {
  border: 0px;
  padding: 0px;
  padding-right: 20px;
  padding-bottom: 10px;
  display: block;
  float: left;
}


/* ADD NEW STYLES 25.07.2019 */
table.myTableColoms {
  width: 100%;
}
table.myTableColoms > tbody > tr > td {
  padding: 0px 10px;
  border: 0px;
}
table.myTableColoms > tbody > tr > td:first-child {
  padding-left: 0px;
}
table.myTableColoms > tbody > tr > td:last-child {
  padding-right: 0px;
}
table.myTableColoms > tbody > tr > td > table {
  margin-left: 0px;
  margin-right: 0px;
}

table.myRozmery {
  min-width: 280px;
  color: black;
}
table.myRozmery td {
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
table.myRozmery tr:nth-child(1) td {
  background-color: rgba(191, 191, 191, 1);
  text-align: center;
}
table.myRozmery td:nth-child(2) {
  text-align: right;  
}
table.myRozmery.myBorder td{
  border: 1px solid #afafaf;
}

/* cookiebot */
div#CybotCookiebotDialog label {
    display: inline-block;
}