/* MY CSS STYLE FOR TEMPLATE */ /* default */ body,.chas-bg .tmp-content-area,#intro-panel,.action-handler .addtocart-area form.product .custom-fields-panel .close-advanced-fields,.tabs-handler {background-color:#ffffff;color:#505050;}#main-content-handler ul#mega-menu > li > a,.moduletable_style8 a,.moduletable_style8 a:hover,.open-off-canvas,.log-panel li a,.moduleItemTitle {color:#505050 !important;}.off-canvas {background-color:#282c33;color:#ffffff;}ul.menucanvas ul {background-color:rgba(255,255,255,0.02);}ul.menucanvas a {color:#ffffff;}ul.menucanvas li {border-bottom:1px solid rgba(255,255,255,0.05);}.ms-handler {background-color:#e8e8e8;}dt.tabs.open,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.featured-view .spacer,.browse-view .spacer,.moduletable_products.quick .spacer .pr-img-handler a,div.spacer,li.spacer,.product-details-image-handler {background-color:#ffffff !important;}.spacer .addtocart-bar,.spacer span.quantity-box,.spacer .addtocart-bar span.quantity-controls.js-recalculate,.owl-theme .owl-controls .owl-buttons div,.slick-prev,.slick-next,.slick-prev:hover,.slick-next:hover,#vmCartModule div.panel1 .total {border-color:#eaeaea;}.row-fluid .spacer .popout-price-buttons-handler .show-advanced-fields {background-color:#ffffff;color:#a3a3a3;}.custom-color1{color:#1262b3 !important;}.custom-color2{color:#999999 !important;}.custom-color3{color:#1262b3 !important;}.custom-color4{color:#ffffff !important;}.custom-background1{background-color:#00b4cd !important;}.custom-background2{background-color:#c23c3c !important;}.custom-background3{background-color:#1262b3 !important;}.custom-background4{background-color:#ba0000 !important;}header#top-handler #top {background:#f2f2f2;}.megamenu-title {background-color:#f2f2f2;}#site-name-handler,#socialModal {background-color:#ffffff;}@media (max-width:979px) {#top-handler.fixed {background:#ffffff;}}#search-position-handler .inputbox {color:#919191;background-color:#ffffff;border-color:#d9d9d9;}#search-position-handler .button,.cart-button .products-number {background-color:#444444 !important;color:#ffffff !important;}#search-position-handler .button:hover {background-color:#2b2b2b !important;color:#ffffff !important;}a#cartpanel {background-color:#1262b3;}a#cartpanel i {color:#ffffff;}#open-intro-panel {background-color:#1262b3;color:#ffffff;border-color:#ffffff;}#open-intro-panel:hover {background-color:#424242;}.jump-to-top a {background-color:#1262b3;color:#ffffff;}.jump-to-top a:hover {background-color:#424242;color:#ffffff;}a,a:hover,.moduletable_menu ul.menu li ul li a:hover,.cart-info-items,.color3 [class*="feedback-stars"] {color:#1262b3;}.moduletable_menu.icon.vertical .menu-nav>li>a:hover {color:#1262b3 !important;}.button,button,a.button,.btn,dt.tabs.closed:hover,dt.tabs.closed:hover h3 a,.closemenu,.vmproduct.product-details .spacer:hover .pr-add,.vmproduct.product-details .spacer:hover .pr-add-bottom,a.product-details,a.ask-a-question,.highlight-button,.vm-button-correct,.cartpanel span.closecart,.vm-pagination ul li a,a.details,#stickymenuButton,.img_style2 .con_style2 p:before,.product-neighbours a.previous-page:before,.product-neighbours a.next-page:after,input.addtocart-button,.camera_caption .button.b-arrow:after,#com-form-login-remember input.default,#sbox-btn-close:hover:after,.spacer:hover .addtocart-bar span.addtocart-button .addtocart-button,.activeOrder,.view-as li a,#offcanvasclose,ul.menucanvas li .btn-toggle,.featured-mods,.productdetails-view .spacer-buy-area input.addtocart-button,.selectric p.label,.cartpanel .close-cart-panel:hover {color:#ffffff !important;background-color:#1262b3 !important;}div.activeOrder a:hover,.selectric:hover .button {color:#ffffff !important;}.selectric:hover .button:after {border-top-color:#ffffff;}.button:hover,button:hover,a.button:hover,.closemenu:hover,.btn:hover,a.product-details:hover,a.ask-a-question:hover,.highlight-button:hover,.vm-button-correct:hover .cartpanel span.closecart:hover,.vm-pagination ul li a:hover,a.details:hover,#stickymenuButton:hover,input.addtocart-button:hover,.camera_caption .button.b-arrow:hover:after,#com-form-login-remember input.default:hover,.camera_caption_bg a.button:hover,.button.light:hover,.button.light.white:hover,.button.light.black:hover,.activeOrder:hover,.view-as li a:hover,.row-fluid .spacer .popout-price-buttons-handler .show-advanced-fields:hover,#offcanvasclose:hover,ul.menucanvas li .btn-toggle:hover,.productdetails-view .spacer-buy-area input.addtocart-button:hover,.spacer .addtocart-bar span.addtocart-button .addtocart-button:hover,.selectric:hover p.label {color:#ffffff !important;background-color:#424242 !important;}.spacer .addtocart-bar span.addtocart-button .addtocart-button {background-color:#505050!important;color:#ffffff!important;}.button.light {color:#1f1f1f !important;background-color:#ffffff !important;border-color:#e8e8e8 !important;}#LoginForm .modal-header {background-color:#ededed;color:#666666;}.close-lgform-button {color:#666666!important;}#LoginForm .btn-group > .dropdown-menu a:hover {background:#424242 !important;color:#ffffff !important;}#LoginForm .button .caret,#LoginForm .button:hover .caret {border-top-color:#ffffff !important;}.pr-add,.pr-add-bottom,.featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3,.browse-view .product .spacer h2,.featured-view .spacer .product_s_desc,.latest-view .spacer .product_s_desc,.topten-view .spacer .product_s_desc,.recent-view .spacer .product_s_desc,.related-products-view .spacer .product_s_desc,.browse-view .product .spacer .product_s_desc {color:#666666;}.browse-top,.browse-top h1,.orderby-displaynumber,.category_description {}.category-view .row-fluid .category .spacer h2 a .cat-title {color:#666666;}.moduletable_products .short_des {color:#b5b5b5;}.moduletable_products.tiles .spacer .action-handler {background:rgba(255,255,255,0.95);}.action-handler .addtocart-area form.product .custom-fields-panel {background-color:#ffffff;}.moduletable a,div.panel2 a,.category_description a,.productdetails-view a {color:#1262b3;}.camera_wrap .camera_pag .camera_pag_ul li > span {background-color:#ffffff;box-shadow:0px 0px 0px 3px rgba(255,255,255,1.0),0px 3px 4px rgba(0,0,0,0.22);}.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,.camera_wrap .camera_pag .camera_pag_ul li:hover > span {background-color:#1262b3;}.camera_thumbs_cont ul li > img {border:2px solid #ffffff !important;}#megamenu-handler ul.menu-nav ul {background-color:#ffffff;}ul#mega-menu > li > a {color:#353535;}ul#mega-menu > li.active > a,ul#mega-menu > li > a:hover,ul#mega-menu > li.sfHover > a {color:#ffffff !important;background-color:#1262b3 !important;}.moduletable_products.single {border-color:#e4e4e4;}#megamenu-handler #megamenuPanel {background-color:#ffffff;}.menu-nav > li > a {color:#353535;}.menu-nav > li.active > a,.menu-nav > li > a:hover,.menu-nav > li.sfHover > a,.menupanel ul.selectnav li a:hover,a.menupanel:hover,a.menupanel,.open-social-links:hover,#menupanel2 {color:#1262b3 !important;}.menu-nav > li > a > span small {background:#2e8ce4;color:#ffffff;}.menu-nav > li > a > span small.hot {background:#e7aa00;color:#ffffff;}.menu-nav > li > a > span small.featured {background:#d40b0b;color:#ffffff;}.menu-nav ul li a,.selectric-items li,.orderlist a {color:#595959;}.menu-nav ul li > a:hover,.menu-nav ul li.sfHover > a,.selectric-items li:hover,.orderlist a:hover {color:#ffffff !important;background-color:#1262b3 !important;}.menu-nav .menu-flat li > a:hover {color:#1262b3 !important;}#mega-menu [class*="moduletable"] h3 {color:#666666;border-bottom-color:#d9d9d9;}.menu-nav li ul,.menu-nav li ul li ul,#nav ol,#nav ul,#nav ol ol,#nav ul ul,div.panel1,div.panel2,#tpr-nav #LoginForm,.selectric-items,.li-container {background-color:#ffffff !important;}thead th,table th,tbody th,tbody td {border:1px solid #dedede;}table.cart-summary tr th{background-color:#dedede;}.search-results dt.result-title,.moduletable_menu > h3,.moduletable > h3,.blog-featured .item h2 {border-bottom:1px solid #dedede;}.productdetails-view h1,.product-short-description,input.quantity-input {border-color:#dedede;}.zoomimg_floating a {background-color:#ffffff;}.zoomimg_floating a.active {border-color:#1262b3;}.icons .btn.dropdown-toggle .icon-cog {color:#c2c2c2;}.icons .dropdown-menu li a {color:#c2c2c2;background-color:#ffffff !important;}.icons .btn.dropdown-toggle .icon-cog:hover,.icons .dropdown-menu li a:hover {color:#ffffff !important;background-color:#1262b3 !important;}.product-price,div.PricebillTotal.vm-display.vm-price-value span.PricebillTotal,.product-price-1 {color:#1262b3;}.h-pr-title a {color:#696969;}.owl-theme .owl-controls .owl-page span,.slick-dots li button {color:#696969;background-color:#f5f5f5 !important;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span,.slick-dots li.slick-active button,.slick-dots li:hover button {color:#ffffff;background-color:#1262b3 !important;}.moduletable_menu > h3,.moduletable_products > h3,.moduletable > h3,.category-view h4,.featured-view h4,.latest-view h4,.topten-view h4,.recent-view h4 {color:#666666;}.moduletable_menu ul.menu li a,.latestnews_menu li a,.VMmenu li div a {color:#424242;}.moduletable_menu ul.menu li a:hover,ul.latestnews_menu li a:hover,.VMmenu li div a:hover {color:#ffffff;background-color:#424242;}.VmArrowdown{background-color:#1262b3;}.moduletable_products .owl-white .owl-theme .owl-controls .owl-page span,.moduletable_products .owl-white .owl-theme .owl-controls .owl-page.active span {background-color:#ffffff !important;}.moduletable_products .owl-white .owl-theme .owl-controls .owl-prev,.moduletable_products .owl-white .owl-theme .owl-controls .owl-next {color:#ffffff;}.moduletable_style2,.moduletable_menu,.moduletable_menu ul > li,.responsive-menu .menu-nav li li {border-color:#f5f5f5;}.moduletable_menu {background-color:#ffffff;}.moduletable_style3,.moduletable_style3.color1,.moduletable_style4,.moduletable_style4.color1,.moduletable_style5.color1 {background-color:#f3f3f3 !important;color:#1f1f1f !important;}.moduletable_style4:after,.moduletable_style4.color1:after{border-color:#f3f3f3 transparent transparent transparent;}.moduletable_style3.color1 a,.moduletable_style4 a,.moduletable_style4.color1 a,.moduletable_style4 h3,.moduletable_style4.color1 h3,.moduletable_style5.color1 a {color:#1262b3;}.moduletable_style3.color2,.moduletable_style4.color2,.moduletable_style4.color2,.moduletable_style5.color2,.quick-contact {background-color:#1262b3 !important;color:#ffffff !important;}.moduletable_style4.color2:after{border-color:#1262b3 transparent transparent transparent;}.moduletable_style3.color2 a,.moduletable_style4.color2 a,.moduletable_style4.color2 h3,.moduletable_style5.color2 a,.moduletable_style5.color2 h3,.quick-contact a {color:#ffffff;}#top-long > .container > .inner-sep > .row-fluid > .tf-module {border-bottom:4px solid #1262b3;}.moduletable_style4 .module-content-handler > h3 .h-cl .ifa-icon {background-color:#424242;color:#ffffff;}.moduletable_style3.color3,.moduletable_style4.color3 {background-color:#2d2d2d !important;color:#ffffff !important;}.moduletable_style5.color3 {color:#ffffff !important;background:#111111;background:-moz-linear-gradient(left,#111111 0%,#303030 50%,#111111 100%);background:-webkit-linear-gradient(left,#111111 0%,#303030 50%,#111111 100%);background:linear-gradient(to right,#111111 0%,#303030 50%,#111111 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111',endColorstr='#111111',GradientType=1 );}.moduletable_style4.color3:after{border-color:#2d2d2d transparent transparent transparent;}.moduletable_style3.color3 a,.moduletable_style4.color3 a,.moduletable_style4.color3 h3,.moduletable_style5.color3 a,.moduletable_style5.color3 h3 {color:#ffffff;}.moduletable_style6 .module-content {background:#f5f7fa;color:#363636;}.person {border-color:#ffffff;}.moduletable_style6.color1 .tes-identify {background-color:#424242;color:#ffffff;}.moduletable_style6.color1 .tes-identify a {color:#ffffff;}.moduletable_style6.color2 .tes-identify {background-color:#1262b3;color:#ffffff;}.moduletable_style6.color2 .tes-identify a{color:#ffffff;}.moduletable_style6.color3 .tes-identify {background-color:#353535;color:#ffffff;}.moduletable_style6.color3 .tes-identify a{color:#ffffff;}.moduletable_style9 {color:#444444;}.moduletable_style9:hover {background-color:#1262b3;color:#ffffff;}.moduletable_style9:hover h3 {color:#ffffff;}.moduletable_style9 h3 {color:#1262b3;}.moduletable_style10 {background-color:#f5f7fa;color:#444444;}.moduletable_menu .VmOpen ul.menu li a,.moduletable_menu ul.menu li ul li a {color:#4d4d4d;}.moduletable_menu .VmOpen ul.menu li a:hover,.moduletable_menu ul.menu li ul li a:hover {color:#1262b3;}.tabs-handler {border-color:#f5f7fa;}#tabs-1 {background:#f9fafc;}#tabs-1 .nav-tabs>.active>a,#tabs-1 .nav-tabs>.active>a:hover,#tabs-1 .nav-tabs > li > a:hover {color:#ffffff !important;background-color:#1262b3 !important;}#tabs-1 .nav-tabs>.active>a:after {border-color:#1262b3 transparent transparent transparent;}#tabs-1 .nav-tabs > li > a {background-color:#ecedef !important;}#tabs-1 .nav-tabs > li > a,#tabs-1 .nav-tabs > li.tabs-main-title {color:#505050;}.owl-theme .owl-controls .owl-buttons div.owl-prev:before,.owl-theme .owl-controls .owl-buttons div.owl-next:before,.slick-prev:before,.slick-next:before {color:#ffffff !important;background-color:#1262b3;}.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before,.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before,.slick-prev:hover:before,.slick-next:hover:before {color:#ffffff !important;background-color:#505050;}#header-left-panel,#hl-open {background-color:#17a1e5;color:#ffffff !important;}#header-left-panel h3,#header-left-panel a {color:#ffffff !important;}#header-left-panel .button {color:#ffffff;border-color:#ffffff;}#header-left-panel .button:hover {background-color:#ffffff !important;color:#17a1e5 !important;border-color:#ffffff;}#header-right-panel,#hr-open {background-color:#c02727;color:#ffffff !important;}#header-right-panel h3,#header-right-panel a {color:#ffffff !important;}#header-right-panel .button:hover {background-color:#ffffff !important;color:#c02727 !important;}#bottom-bg,#bottom-bg h3,#footer,#footer a,#footer a:hover,.social-label {color:#212121;}#bottom-bg a {color:#1262b3;}#bottom-bg a:hover {color:#424242;}#social-links li a {color:#6b6b6b;}#bottom-bg {background-color:#f5f7fa;}#footer,.footer-holder {background-color:#f5f7fa;color:#444444;} /* sp pagebuilder */ body * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } body [class*="sppb"] *, body [id*="sppb"] *, body [class*="sppb"], body [id*="sppb"] { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* POUZITE FONTY PISMA */ body, body input, body select, body textarea, body button, div.myArticle.myVystavy > pre { font-family: 'Nunito Sans', sans-serif; font-size: 14px; } nav#menu, div.mod-languages.myLangMenu, #footer-line ul.menu.myFooterMenu, div.moduletable.myArtMenu { /*font-family: myOpenSans;*/ } div.moduletablemySendNews table.acymailing_form td.acyfield_email input, div.moduletablemySendNews table.acymailing_form td.acysubbuttons input { /*font-family: mySegoeUi;*/ } /* OPRAVA NEW JCE POP UP */ div.wf-mediabox button { background-color: transparent !important; /*color: #666 !important;*/ color: #666 !important; } div.wf-mediabox button:hover { /*color: #888 !important;*/ color: #000 !important; } .wf-mediabox-theme-light .wf-mediabox-next, .wf-mediabox-theme-light .wf-mediabox-prev { /*background-color: transparent !important;*/ } .wf-mediabox-theme-light .wf-mediabox-caption h4 { display: none; } .wf-mediabox-theme-light .wf-mediabox-caption p { } /* OPRAVA JCE POP UP */ #jcemediabox-popup-prev, #jcemediabox-popup-prev:visited, #jcemediabox-popup-next, #jcemediabox-popup-next:visited { background-repeat: no-repeat; background-size: 0px 0px; /*transition: all 0.0s linear 0s;*/ /*transition: none;*/ } #jcemediabox-popup-prev, #jcemediabox-popup-prev:visited { background-image: url(/plugins/system/jcemediabox/themes/light/img/prev.gif); background-position: 100% 0%; } #jcemediabox-popup-next, #jcemediabox-popup-next:visited { background-image: url(/plugins/system/jcemediabox/themes/light/img/next.gif); } #jcemediabox-popup-next:hover, #jcemediabox-popup-next:visited:hover, #jcemediabox-popup-prev:hover, #jcemediabox-popup-prev:visited:hover { background-size: 63px 32px !important; } /* GOOGLE MAP PLUGIN */ div.myContactMap button, div.map button { background-color: white !important; border-radius: 0px !important; } div.map button.gm-ui-hover-effect { top: 1px !important; right: 1px !important; width: 16px !important; height: 16px !important; } div.map button.gm-ui-hover-effect img { margin: auto !important; } /* BT GOOGLE MAPS MODUL */ div.bt-googlemaps button { background-color: white !important; border-radius: 0px !important; } div.bt-googlemaps button.gm-ui-hover-effect { top: 1px !important; right: 1px !important; width: 16px !important; height: 16px !important; } div.bt-googlemaps button.gm-ui-hover-effect img { margin: auto !important; } /* BT GOOGLE MAPS MODUL - styling info popup text */ div.myGMapText { color: black; text-align: center; } /* PHOCAGALLERY */ div.tmp-content-area > div#phocagallery > div[style="text-align:right;color:#ccc;display:block"] { /*display: none !important;*/ } /* FACEBOOK POP UP BANNER - no copy ringt */ div.social_slider a.copyrightlink { /*display: none;*/ } div#social_mobile a.facebook.pop-upper { /*height: auto;*/ } @media (max-width: 961px) { body { /*padding-bottom: 45px;*/ } } /* template arrow button go top */ .jump-to-top { right: 10px; display: block !important; } .jump-to-top.visible { bottom: 20px; } /* MY MANUAL GALLERY */ p.myManualGallery { display: table; width: calc(100% + 16px); margin: 0px -8px; } p.myManualGallery img { display: block; float: left; width: calc(20% - 16px); padding: 0px; margin: 0px 8px; margin-bottom: 16px; } /* OBECNE STYLY */ body { /*color: #424242;*/ color: #2B2A29; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1.60; background-color: #FFFFFF; } body.myBody.myIntroArticle { /*background-color: #f5f5f5;*/ } h1, .myH1, div.blog h1, div.productdetails-view h1 { font-size: 32px; font-style: normal; font-weight: bold; /*line-height: 1.26;*/ /*line-height: 1.13em;*/ line-height: 38px; /*color: #044485;*/ color: #1f1a17; /*text-transform: none;*/ text-transform: uppercase; letter-spacing: 0px; padding: 0px; margin-bottom: 30px; } /*h1[style*="text-align: center;"]:before, p.myH1[style*="text-align: center;"]:before { margin: auto; }*/ h2, div.item-page h2, .myH2 { font-size: 20px; font-style: normal; font-weight: bold; /*line-height: 1.26;*/ line-height: 24px; letter-spacing: normal; color: black; margin-top: 24px; margin-bottom: 12px; } h3 { font-size: 17px; font-style: italic; font-weight: normal; line-height: 1.26; letter-spacing: normal; color: black; margin-top: 24px; margin-bottom: 10px; } h3:first-child { margin-top: 0px; } h4, div.item-page h4 { font-size: 16px; font-style: normal; font-weight: bold; line-height: 1.26; letter-spacing: normal; color: black; margin-top: 24px; margin-bottom: 12px; } p { margin-bottom: 24px; } p:last-child { margin-bottom: 0px; } cite { font-style: italic; } hr { /*margin: 20px 0px; border-color: #f0f0f0;*/ } hr.myClear { margin: 0px; border: 0px; clear: both; } ul, ol { margin-bottom: 24px; } table { width: auto; margin-bottom: 24px; } table:last-child { margin-bottom: 0px; } table td { vertical-align: top; } table td p { /*margin-bottom: 0px;*/ } table:last-child { margin-bottom: 0px; } a, a:active, a:visited, a:focus, .category_description a, .productdetails-view a, footer#footer a { color: #1262b3; /*text-decoration: underline;*/ } a:hover { /*color: #424242;*/ color: #1262b3; } .jump-to-top a, .jump-to-top a:hover, .jump-to-top a:active, .jump-to-top a:visited, .jump-to-top a:focus { color: white; } a.myButton { display: inline-block; font-size: 16px; font-style: normal; font-weight: 600; line-height: 21px; /*text-transform: uppercase;*/ color: white; background: #C51115; background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%); border: 0px solid #00b250; padding: 12px 16px; border-radius: 0px; text-decoration: none; /*transition: all 0.2s linear 0s;*/ min-width: 205px; box-sizing: border-box; text-align: center; vertical-align: top; } a.myButton:hover { text-decoration: none; background: #1E1E1E; background: linear-gradient(270deg, #1E1E1E 4.17%, #1E1E1E 49.73%, #1E1E1E 100%); /*border: 2px solid white;*/ } .myHSmall { font-size: 18px; font-style: normal; font-weight: 600; line-height: 1.20; margin-bottom: 6px; color: #B00002; text-transform: none; } .myHBig { font-size: 26px; font-style: normal; font-weight: 600; line-height: 1.18; margin-bottom: 15px; color: #141414; text-transform: none; } .myHBig + hr { width: 60px; margin: 0px; margin-bottom: 40px; border-width: 2px 0 0; } .myHBig[style*="text-align: center;"] + hr { margin-left: auto; margin-right: auto; } img.floatRight { float: right; margin: 0 0 1em 1.5em; } img.border { padding: 1px; border: 5px solid #fffef5; } /* SP HEADER MODULE */ .myHeaderModule { background-color: #E5E5E5; font-size: 34px; font-weight: normal; line-height: normal; text-align: center; transition: all 0.2s linear 0s; } .myHeaderModule, .myHeaderModule a { color: #42484A; } .myHeaderModule a { display: block; text-decoration: none; background-color: #aba8a8; } .myHeaderModule a:hover { background-color: #E5E5E5; } .myHeaderModule .myTitleModule { display: block; padding: 37px 10px; } /* SP IFRAME */ div#iframe_wrap { position: relative; } div#iframe_wrap .myLockpad { width: 55px; height: 55px; display: block; background-color: white; position: absolute; top: 68px; right: 20px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4); cursor: pointer; background-image: url(lockpad/lockpad-55.png); background-repeat: no-repeat; background-position: 0% 50%; } div#iframe_wrap.myOpen .myLockpad { background-position: 100% 50%; } div#iframe_wrap iframe { pointer-events: none; } div#iframe_wrap.myOpen iframe { pointer-events: auto; } /* GOOGLE MAP PLUGIN */ table.myContactMap button { background-color: white !important; } /* BREEZING FORM REPAIR STYLE */ /* BREEZING FORM REPAIR STYLE - message pop up */ div#bfFileQueue, div#bfSubmitMessage { /*color: black;*/ -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } /*div.bfFormDiv.myInquiryForm*/ div.bfFormDiv form input[type=text], div.bfFormDiv form textarea, div.bfFormDiv form select { border-radius: 0px !important; box-sizing: border-box; max-width: 100%; } 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 div.controls label.control-label, div.bfFormDiv form label { width: 100%; } /* BREEZING FORM REPAIR STYLE - radio switch */ div.bfFormDiv form label.radio.inline { width: auto; } div.bfFormDiv form label.radio.inline input[type="radio"] { width: 16px; height: 16px; margin-top: 2px; } /* BREEZING FORM REPAIR STYLE - send button */ div.bfFormDiv form div.form-actions { margin: 0px; padding: 0px; border: 0px; background-color: transparent; } div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton { font-size: 13px; font-style: normal; font-weight: 600; border-radius: 0px !important; color: white !important; /*background-color: #9E0505 !important;*/ background-color: #C51115 !important; background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%) !important; margin: 0px; padding: 15px 21px; line-height: 15px; text-transform: uppercase; /*transition: all 0.2s linear 0s, color 0.0s linear 0.0s, text-shadow 0.0s linear 0.0s;*/ transition: all 0.2s linear 0s; box-shadow: 0px 0px 0px black inset; border: 0px solid #9E0505 !important; /*text-shadow: 1px 0px 3px black;*/ /*float: left;*/ float: right; /*min-width: 154px;*/ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } div.bfFormDiv form div.form-actions button#bfSubmitButton.bfSubmitButton:hover { /*box-shadow: 0px 0px 3px black inset;*/ /*background-color: transparent !important;*/ /*color: white !important;*/ /*border: 1px solid white !important;*/ /*text-shadow: none;*/ /* background gradient */ /*background: #FF0006 !important;*/ /*background: linear-gradient(270deg, #FF0006 4.17%, #FF0006 49.73%, #FF0006 100%) !important;*/ background: #1E1E1E !important; background: linear-gradient(270deg, #1E1E1E 4.17%, #1E1E1E 49.73%, #1E1E1E 100%) !important; } /* BREEZING FORM REPAIR STYLE - button upload ??? */ div.bfFormDiv form button.btn.bfUploadButton.button { background-color: #eb7506 !important; border: 1px solid #ad5400; } div.bfFormDiv form button.btn.bfUploadButton.button:hover { background-color: white !important; } div.bfFormDiv form button.btn.bfUploadButton.button > i.icon-upload { margin-top: 2px; } /* BREEZING FORM REPAIR STYLE - upload file section */ div.bfFormDiv form section#filesupload div.controls.form-inline > div > label { float: left; width: auto; margin-top: 11px; } div.bfFormDiv form section#filesupload div.controls.form-inline > div > label + span { float: left; } div.bfFormDiv form section#filesupload div.bfUploadButton.button { border-radius: 0px !important; background-color: white !important; padding: 8px 20px; border: 2px solid #9e0505 !important; } div.bfFormDiv form section#filesupload div.bfUploadButton.button:hover { border: 2px solid #059e18 !important; } div.bfFormDiv form section#filesupload div.bfFileQueueItem { color: black; } /* BREEZING FORM REPAIR STYLE - INVISIBLE RECAPTCHA */ div.bfFormDiv form div#bfInvisibleReCaptchaContainer > div.grecaptcha-badge, div#bfInvisibleReCaptcha > div.grecaptcha-badge, div#mySendButton > div.g-recaptcha > div.grecaptcha-badge { z-index: 2; display: none; } /* BREEZING FORM REPAIR STYLE - GDPR checkbox */ div.bfFormDiv form section#gdpr { line-height: 20px; } div.bfFormDiv form section#gdpr + div.bfClearfix { display: none; } div.bfFormDiv form section#gdpr > div.row-fluid { } div.bfFormDiv form section#gdpr label { float: right; width: calc(100% - 30px) !important; min-width: unset !important; max-width: 100% !important; margin: 0px; line-height: 20px; vertical-align: top; } div.bfFormDiv form section#gdpr label a { padding: 0px; margin: 0px; } div.bfFormDiv form section#gdpr label + span { vertical-align: top; display: inline-block; } div.bfFormDiv form section#gdpr input { width: 20px; height: 20px; margin: 0px; vertical-align: top !important; } /* BREEZING FORM REPAIR STYLE - footer form */ div.bfFormDiv.myFooterForm form { margin-bottom: 0px; } div.bfFormDiv.myFooterForm form div.myFormText { font-size: 13px; margin-bottom: 24px; } div.bfFormDiv.myFooterForm form section#myColumn1 { float: left; width: 330px; } div.bfFormDiv.myFooterForm form section#myColumn2 { float: right; width: calc(100% - 354px); margin-left: 24px; } div.bfFormDiv.myFooterForm form .control-group { margin-bottom: 20px; } div.bfFormDiv.myFooterForm form section#gdpr .control-group { margin-bottom: 0px; } div.bfFormDiv.myFooterForm form input[type=text], div.bfFormDiv.myFooterForm form textarea, div.bfFormDiv.myFooterForm form select { color: black; background-color: rgba(255, 255, 255, 0.80); border: 1px solid rgba(0, 0, 0, 0.20) !important; padding: 11px 16px !important; font-size: 14px; font-weight: normal; font-style: normal; line-height: 21px; margin: 0px; } div.bfFormDiv.myFooterForm form input[type=text], div.bfFormDiv.myFooterForm form select { height: 45px; } /* BREEZING FORM REPAIR STYLE - footer form - placeholder color */ div.bfFormDiv.myFooterForm form input[type=text]::-webkit-input-placeholder, div.bfFormDiv.myFooterForm form textarea::-webkit-input-placeholder, div.bfFormDiv.myFooterForm form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #5E5E5E; } div.bfFormDiv.myFooterForm form input[type=text]::-moz-placeholder, div.bfFormDiv.myFooterForm form textarea::-moz-placeholder, div.bfFormDiv.myFooterForm form select::-moz-placeholder { /* Firefox 19+ */ color: #5E5E5E; } div.bfFormDiv.myFooterForm form input[type=text]:-ms-input-placeholder, div.bfFormDiv.myFooterForm form textarea:-ms-input-placeholder, div.bfFormDiv.myFooterForm form select:-ms-input-placeholder { /* IE 10+ */ color: #5E5E5E; } div.bfFormDiv.myFooterForm form input[type=text]:-moz-placeholder, div.bfFormDiv.myFooterForm form textarea:-moz-placeholder, div.bfFormDiv.myFooterForm form select:-moz-placeholder { /* Firefox 18- */ color: #5E5E5E; } /* BREEZING FORM REPAIR STYLE - footer form - select */ div.bfFormDiv.myFooterForm form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #5E5E5E; background-image: url(form/select_arrow.png); background-repeat: no-repeat; background-position: calc(100% - 17px) 50%; } div.bfFormDiv.myFooterForm form select option { color: black; } /* BREEZING FORM REPAIR STYLE - footer form - send button */ div.bfFormDiv.myFooterForm form div.bfClearfix { display: none; } div.bfFormDiv.myFooterForm form div.form-actions button#bfSubmitButton.bfSubmitButton { float: left; min-width: 330px; } /* HEADER */ section#myTopSection { position: relative; z-index: 999; background-color: #42474a; /*padding-top: 65px;*/ /*padding-top: 85px;*/ padding-top: 50px; } div#myTop2Banner + section#myTopSection { padding-top: 0px; } body.myBody.myIntro section#myTopSection { /*padding-top: 0px;*/ } /* HEADER - background image */ section#myTopSection > div.custom.myBgImg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.09; /*opacity: 0.99;*/ background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* HEADER - background image - style for default modul */ section#myTopSection > div.custom.myBgImg.myDefalt { /*background-position: 50% 0%;*/ } /* HEADER - background image - cover gradient */ section#myTopSection > div.custom.myBgImg:before { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);*/ background: linear-gradient(360deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); } /* HEADER - header with top menu */ header#top-handler { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.myBody.myIntroArticle header#top-handler { /*position: absolute;*/ /*top: auto;*/ /*left: 0px;*/ /*width: 100%;*/ } header#top-handler div.ms-handler { /*background-image: url(header/header_bg_full.png);*/ /*background-repeat: no-repeat;*/ /*background-size: 100% auto;*/ position: relative; top: auto; background-color: transparent; /*padding-top: 5px;*/ /*padding-bottom: 18px;*/ } body.myBody.myIntroArticle header#top-handler div.ms-handler { /*background-color: black;*/ /*background-image: none;*/ } header#top-handler div.ms-handler > div.container > div.row-fluid { /*width: calc(100% - 20px);*/ /*margin: 0px 10px;*/ } div.myTopModules { position: relative; } /* MY TOP 1 - TWO IMG */ div.custom.myIntroTwoImg { /*padding-bottom: 36px;*/ /*border-bottom: 2px dashed rgba(255, 255, 255, 0.2);*/ margin-top: 32px; margin-bottom: 10px; } body.myArtTechnologie div.custom.myIntroTwoImg { border-bottom: 0px; padding-bottom: 0px; } div.custom.myIntroTwoImg > table { width: 100%; margin-bottom: 0px; border-collapse: separate; } div.custom.myIntroTwoImg > table > tbody > tr > td { border: 0px; padding: 0px; font-size: 14px; font-style: normal; font-weight: normal; /*color: #505050;*/ /*line-height: 1.50;*/ /*vertical-align: middle;*/ vertical-align: top; /*transition: filter 0.4s linear 0s;*/ filter: blur(0px); } div.custom.myIntroTwoImg > table > tbody > tr > td.myOff { filter: blur(2px); } div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2), div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) { width: 25%; } div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2) { text-align: right; /*border-right: 2px solid #ED1C22;*/ /*border-right: 2px solid transparent;*/ } div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2) img { /*margin-right: -98.5px;*/ margin-right: -29.1176470588235%; display: block; max-width: none; width: calc(100% + 29.1176470588235%); /*width: calc(100% + 28.975%);*/ } div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) { text-align: left; /*border-left: 2px solid #ED1C22;*/ /*border-left: 2px solid transparent;*/ } div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) img { /*margin-left: -98.5px;*/ margin-left: -29.1176470588235%; display: block; max-width: none; width: calc(100% + 29.1176470588235%); /*width: calc(100% + 28.975%);*/ } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child { width: 25%; text-align: center; } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > div:first-child, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > div:first-child { font-size: 40px; font-weight: 600; color: #141414; line-height: 42px; margin-bottom: 28px; text-transform: uppercase; } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p { margin-bottom: 14px; /* for small text arrea */ max-width: 280px; margin-left: auto; margin-right: auto; } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child { margin-bottom: 0px; } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a { font-size: 13px; font-weight: 600; color: white; display: inline-block; line-height: 28px; vertical-align: top; padding: 10px; text-decoration: none; min-width: 187px; box-sizing: border-box; text-align: center; margin-top: 20px; /*border: 1px solid rgba(255, 255, 255, 0.8);*/ background: #C51115; background: linear-gradient(270deg, #C51115 4.17%, #FF0006 49.73%, #C51115 100%); } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a:hover, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a:hover { /*background: #FF0006;*/ /*background: linear-gradient(270deg, #FF0006 4.17%, #FF0006 49.73%, #FF0006 100%);*/ background: #1E1E1E; background: linear-gradient(270deg, #1E1E1E 4.17%, #1E1E1E 49.73%, #1E1E1E 100%); } div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a img, div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a img { vertical-align: top; margin-right: 12px; } /* MY TOP 1 - myPopImg */ div.custom.myPopImg > table { width: 100%; margin-bottom: 0px; } div.custom.myPopImg > table > tbody > tr > td { border: 0px; padding: 0px; /* font style */ font-size: 14px; font-style: normal; font-weight: 100; color: #E0E0E0; line-height: 1.30; } div.custom.myPopImg > table > tbody > tr > td:first-child { width: 671px; /*width: 49.4%;*/ } div.custom.myPopImg > table > tbody > tr > td:last-child { padding-left: 7.6%; width: calc(100% - 671px); /*width: 50.6%;*/ } /* MY TOP 1 - myPopImg - button */ div.custom.myPopImg > table > tbody > tr > td p:last-child > a, div.custom.myPopImg > table > tbody > tr > td a.myButton { font-size: 12px; font-weight: 100; color: white; display: inline-block; /*line-height: 22px;*/ line-height: 26px; vertical-align: top; /*padding: 13px;*/ padding: 11px; border: 1px solid rgba(255, 255, 255, 0.8); text-decoration: none; background-color: transparent; min-width: 214px; box-sizing: border-box; text-align: center; } div.custom.myPopImg > table > tbody > tr > td p:last-child > a { margin-top: 6px; } div.custom.myPopImg > table > tbody > tr > td p:last-child > a:hover, div.custom.myPopImg > table > tbody > tr > td a.myButton:hover { background-color: #ED1C22; } div.custom.myPopImg > table > tbody > tr > td p:last-child > a img, div.custom.myPopImg > table > tbody > tr > td a.myButton img { vertical-align: top; margin-left: 12px; } /* MY TOP 1 - myImgText */ div.custom.myImgText > table { width: 100%; margin-bottom: 0px; } div.custom.myImgText > table > tbody > tr > td { border: 0px; padding: 0px; /* font style */ font-size: 14px; font-style: normal; font-weight: 100; color: #E0E0E0; line-height: 1.30; } div.custom.myImgText > table > tbody > tr > td:first-child { /*width: 688px;*/ width: 50.6%; } div.custom.myImgText > table > tbody > tr > td:last-child { padding-left: 2.7%; /*width: calc(100% - 688px);*/ width: 49.4%; } /* MY TOP 1 - myImgText - button */ div.custom.myImgText > table > tbody > tr > td p:last-child > a, div.custom.myImgText > table > tbody > tr > td a.myButton { font-size: 12px; font-weight: 100; color: white; display: inline-block; /*line-height: 22px;*/ line-height: 26px; vertical-align: top; /*padding: 13px;*/ padding: 11px; border: 1px solid rgba(255, 255, 255, 0.8); text-decoration: none; background-color: transparent; min-width: 189px; box-sizing: border-box; text-align: center; text-transform: uppercase; } div.custom.myImgText > table > tbody > tr > td p:last-child > a { margin-top: 18px; } div.custom.myImgText > table > tbody > tr > td p:last-child > a:hover, div.custom.myImgText > table > tbody > tr > td a.myButton:hover { background-color: #ED1C22; } div.custom.myImgText > table > tbody > tr > td p:last-child > a img, div.custom.myImgText > table > tbody > tr > td a.myButton img { vertical-align: top; margin-left: 12px; } /* MY TOP 2 */ /* MY TOP 2 - INTRO TEXT */ div.myTop2 { overflow: hidden; } div.myTop2 div.container { max-width: 795px; position: relative; margin-bottom: 46px; } div.myTop2 div.container div.myBg { position: absolute; top: 0px; bottom: 0px; left: -163px; right: -159px; } div.myTop2 div.container div.myBg:before, div.myTop2 div.container div.myBg:after { content: ''; display: block; position: absolute; } div.myTop2 div.container div.myBg:before { left: 0px; bottom: 13px; width: 348px; /*height: 120px;*/ /*background-image: url(banners/top-2/bg-1.png);*/ background-image: url(banners/top-2/img1_thumb.png); height: 150px; } div.myTop2 div.container div.myBg:after { right: 0px; bottom: 20px; width: 305px; /*height: 123px;*/ /*background-image: url(banners/top-2/bg-2.png);*/ background-image: url(banners/top-2/img2_thumb.png); height: 165px; } div.custom.myTop2IntroText { background-color: rgba(255, 255, 255, 0.97); padding: 26px 50px; position: relative; } /* MY TOP 2 - TABLE 4 COL */ div.custom.myTop2TableBanner { margin-bottom: 48px; } div.custom.myTop2TableBanner > table, div.custom.myTop2TableBanner > table table { width: 100%; margin-bottom: 0px; } div.custom.myTop2TableBanner > table table { } div.custom.myTop2TableBanner > table td { border: 0px; padding: 0px; vertical-align: top; font-size: 13px; font-style: normal; font-weight: 100; line-height: 1.60; color: #E0E0E0; } div.custom.myTop2TableBanner > table > tbody > tr > td:nth-child(2n+0) { /*width: 100px;*/ /*width: 7.4%;*/ width: auto; } div.custom.myTop2TableBanner > table > tbody > tr > td:nth-child(2n+1) { /*width: 270px;*/ /*width: auto;*/ width: 19.9%; } div.custom.myTop2TableBanner > table table td > p { margin-bottom: 5px; } div.custom.myTop2TableBanner > table table td > p:last-child { margin-bottom: 0px; } div.custom.myTop2TableBanner > table table td:nth-child(1) { width: 50px; padding-right: 17px; text-align: center; } div.custom.myTop2TableBanner > table table td:nth-child(1) > p:first-child { font-size: 40px; font-weight: bold; line-height: 40px; color: white; margin-bottom: 0px; } div.custom.myTop2TableBanner > table table td:nth-child(1) > p:nth-child(2) { width: 100%; height: 54px; position: relative; } div.custom.myTop2TableBanner > table table td:nth-child(1) > p:nth-child(2) img { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; max-width: 100%; max-height: 100%; } div.custom.myTop2TableBanner > table table td:nth-child(2) > p:first-child { font-size: 16px; font-weight: 600; line-height: 20px; color: white; margin-bottom: 11px; margin-top: 3px; } /* MY TOP 3 MODULES 4 COL */ div.myTopModulesCol4 { padding-bottom: 61px; } div.myTopModulesCol4.myRemovePosition { padding-top: 38px; padding-bottom: 0px; } div.myTopModulesCol4 div.myModule { background-color: #ED1319; position: relative; } div.myTopModulesCol4 div.myModule > div.myImg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; transition: opacity 0.2s linear 0s; opacity: 0.12; } div.myTopModulesCol4 div.myModule:hover > div.myImg { opacity: 0; } div.myTopModulesCol4 div.custom { background-image: none !important; position: relative; height: 244px; font-size: 20px; font-style: normal; font-weight: 600; /*line-height: 1.40;*/ line-height: 1.66; color: white; text-transform: uppercase; } div.myTopModulesCol4 div.custom > table { width: 100%; margin-bottom: 0px; height: 100%; } div.myTopModulesCol4 div.custom > table td { border: 0px; padding: 10px; text-align: center; vertical-align: middle; } div.myTopModulesCol4 div.custom > table td > p { margin-bottom: 30px; } div.myTopModulesCol4 div.custom > table td > p:last-child { margin-bottom: 0px; } div.myTopModulesCol4 div.custom > div:last-child > a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; color: transparent; } /* MY TOP 4 MULTI MODULES 4 COL */ div.myTopModulesCol4.myMulti { padding-top: 73px; padding-bottom: 62px; } div.myTopModulesCol4.myMulti div.myModule { float: left; width: calc(25% - 9px); margin-right: 12px; margin-bottom: 12px; } div.myTopModulesCol4.myMulti div.myModule:nth-child(4n+0) { margin-right: 0px; } div.myTopModulesCol4.myMulti div.custom { height: 140px; } /* MY TOP IMAGE */ div.myTopImgPopUp { /*margin-top: -92px;*/ } div.myTopImgPopUp div.mySpacer { position: relative; } /* MY TOP IMAGE - background image */ div.custom.myBgImg img { display: block; width: 100%; } /* MY TOP IMAGE - button */ div.myTopImgPopUp div.myButton { position: absolute; top: 37%; left: 16.35%; } div.myTopImgPopUp div.myButton div.custom { width: 177px; height: 80px; margin-top: -40px; margin-left: -88.5px; position: relative; } div.myTopImgPopUp div.myButton div.custom > p { display: table; width: 100%; height: 100%; } div.myTopImgPopUp div.myButton div.custom > p > a { display: table-cell; vertical-align: middle; font-size: 18px; font-style: normal; font-weight: normal; line-height: 18px; text-align: left; padding: 10px; padding-left: 75px; color: white; text-decoration: none; border: 2px solid white; background: linear-gradient(90deg, #FFC700 0%, #FFD43B 46.41%, #FFC700 100%); transition: all 0.0s linear 0s; } div.myTopImgPopUp div.myButton div.custom > p > a:hover { background: #0C6DCF;; } div.myTopImgPopUp div.myButton div.custom img { position: absolute; top: 0px; bottom: 0px; left: 27px; margin: auto; } /* MY TOP IMAGE - icons */ div.myTopImgPopUp div.myIcon { /*height: 42px; width: 42px; background-color: black;*/ /* end test */ position: absolute; width: 1%; height: 0px; z-index: 1; } div.myTopImgPopUp div.myIcon:hover { z-index: 2; } div.myTopImgPopUp div.myIcon.my1 { left: 76.3%; top: 68.0%; } div.myTopImgPopUp div.myIcon.my2 { left: 87.3%; top: 72.8%; } div.myTopImgPopUp div.myIcon.my3 { left: 77.3%; top: 47.7%; } div.myTopImgPopUp div.myIcon.my4 { left: 81.7%; top: 32.0%; } div.myTopImgPopUp div.myIcon.my5 { left: 66.5%; top: 37.2%; } div.myTopImgPopUp div.myIcon.my6 { left: 47.9%; top: 23.7%; } div.myTopImgPopUp div.myIcon.my7 { left: 61.3%; top: 68.1%; } div.myTopImgPopUp div.myIcon.my8 { left: 64.5%; top: 85.5%; } div.myTopImgPopUp div.myIcon.my9 { left: 49.5%; top: 55.9%; } div.myTopImgPopUp div.myIcon.my10 { left: 47%; top: 90%; } div.myTopImgPopUp div.myIcon.my11 { left: 44.3%; top: 74%; } div.myTopImgPopUp div.myIcon.my12 { left: 37.7%; top: 39%; } div.myTopImgPopUp div.myIcon.my13 { left: 35.1%; top: 24%; } div.myTopImgPopUp div.myIcon.my14 { left: 29.6%; top: 65.6%; } div.myTopImgPopUp div.myIcon.my15 { left: 17.8%; top: 64.8%; } div.myTopImgPopUp div.myIcon.my16 { left: 23%; top: 84.5%; } div.myTopImgPopUp div.myIcon.my17 { left: 2%; top: 92%; } div.myTopImgPopUp div.myIcon div.myIconImg { width: 42px; height: 42px; border-radius: 100%; background-repeat: no-repeat; background-position: 50%; cursor: pointer; margin-left: -21px; margin-top: -21px; border: 2px solid white; box-sizing: border-box; transition: all 0.2s linear 0s; background-color: #27BAFC; position: relative; z-index: 2; } div.myTopImgPopUp div.myIcon div.myIconImg:hover { /*border: 2px solid #0C6DCF;*/ background-color: #ffd334; } /* MY TOP IMAGE - content */ div.myTopImgPopUp div.myIcon div.myCoverContent { position: absolute; top: -21px; left: 0px; overflow: hidden; z-index: 1; transition: width 0s linear 0.2s; width: 0px; } div.myTopImgPopUp div.myIcon div.myIconImg:hover + div.myCoverContent { transition: width 0s linear 0s; width: 236px; /*width: 1241.1%;*/ } div.myTopImgPopUp div.myIcon div.myContent { /*margin-top: -42px;*/ /*margin-left: 42px;*/ /*width: 180px;*/ background-color: white; /*background-color: rgba(255, 255, 255, 0.90);*/ border: 2px solid #ffd334; box-sizing: border-box; border-radius: 5px; padding: 8px 10px; position: relative; min-height: 42px; margin-left: 42px; width: calc(100% - 42px); transition: all 0.2s linear 0s; right: 100%; opacity: 0; } div.myTopImgPopUp div.myIcon div.myIconImg:hover + div.myCoverContent div.myContent { transition: all 0.2s linear 0s; right: 0%; opacity: 1; } /* MY TOP IMAGE - content - arrow */ div.myTopImgPopUp div.myIcon div.myContent div.myArrow { position: absolute; right: 100%; width: 21px; overflow: hidden; top: 9px; height: 24px; } div.myTopImgPopUp div.myIcon div.myContent div.myArrow:before, div.myTopImgPopUp div.myIcon div.myContent div.myArrow:after { content: ''; display: block; position: absolute; right: 0px; } div.myTopImgPopUp div.myIcon div.myContent div.myArrow:before { border: 12px solid transparent; border-right: 18px solid #ffd334; } div.myTopImgPopUp div.myIcon div.myContent div.myArrow:after { border: 8px solid transparent; border-right: 14px solid #ffffff; top: 4px; } /* MY TOP IMAGE - content - right style */ div.myTopImgPopUp div.myIcon.myRight div.myCoverContent { left: auto; right: 100%; } div.myTopImgPopUp div.myIcon.myRight div.myContent { margin-left: 0px; right: auto; left: 100%; } div.myTopImgPopUp div.myIcon.myRight div.myIconImg:hover + div.myCoverContent div.myContent { right: auto; left: 0%; } div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow { right: auto; left: 100%; } div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:before, div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:after { right: auto; left: 0px; } div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:before { border-right: 12px solid transparent; border-left: 18px solid #ffd334; } div.myTopImgPopUp div.myIcon.myRight div.myContent div.myArrow:after { border-right: 8px solid transparent; border-left: 14px solid white; } /* MY TOP IMAGE - content - text */ div.myTopImgPopUp div.myIcon div.custom { /*display: none;*/ background-image: none !important; font-size: 12px; font-weight: normal; line-height: 16px; color: #646464; } div.myTopImgPopUp div.myIcon div.custom > div { font-size: 14px; font-weight: 600; margin: 5px 0px; color: #3c3c3c; } /* RESPONSIVE TOP MENU */ ul.menucanvas ul { margin-left: 20px; } ul.menucanvas li.deeper > a { padding-right: 30px; } ul.menucanvas li.active > a { color: #ffffff; opacity: 1; } ul.menucanvas span.link-has-image img { display: none; } /* RESPONSIVE TOP MENU - BUTTON */ div#cl-handler { display: table; width: 100%; } div#cl-handler a { float: none; display: inline-block; padding: 4px 0px; margin: 0px; text-decoration: none; color: #141414 !important; line-height: 22px; } div#cl-handler a > i { vertical-align: top; } div#cl-handler a > span { display: inline-block; padding-left: 7px; font-size: 18px; vertical-align: top; } /* TOP MENU */ div.myTopMenu { /*position: relative;*/ /*z-index: 2;*/ /*background-color: #302e27;*/ } nav#menu { /*position: relative;*/ /*z-index: 2;*/ padding: 33px 0px; } nav#menu div.main-menu-handler { padding: 0px; height: auto; } nav#menu div.responsive-menu { float: none; } /*nav#menu div.responsive-menu:after { content: ''; display: table; width: 100%; clear: both; }*/ /* TOP MENU - right site */ div.myTopMenuRight { float: right; position: relative; /*z-index: 2;*/ z-index: 3; margin-left: 34px; } div.myPosLogo ~ div.myTopMenuRight {/* with left logo */ margin-left: 18px; } div.myTopMenuRight > div { margin-right: 34px; } div.myPosLogo ~ div.myTopMenuRight > div {/* with left logo */ margin-right: 20px; } div.myTopMenuRight > div:first-child { margin-right: 0px; } div.myPosLogo ~ div.myTopMenuRight > div:first-child {/* with left logo */ margin-right: 0px; } /* TOP MENU - top site */ div.myTopMenuTop { position: relative; z-index: 3; /*margin-bottom: 26px;*/ display: table; width: 100%; /*height: auto;*/ height: 153px; } div.myTopMenuTop div.myHeaderBg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -1; background-image: url(background/top.jpg); background-repeat: no-repeat; background-position: 0px 0px; } /* TOP MENU - off arrow in under items */ nav#menu ul.menu-nav > li > a:after { /*display: none;*/ } nav#menu ul.menu-nav > li > a > span.sf-sub-indicator { display: none; } /* TOP MENU - level 1 */ nav#menu ul.menu-nav { /*display: table;*/ /*width: auto;*/ float: none; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav {/* with left logo */ margin-left: auto; } nav#menu ul.menu-nav > li { float: left; display: block; /*white-space: nowrap;*/ /*margin: 1px 0px;*/ /*padding: 1px 0px;*/ /*position: relative;*/ position: static; /*border-radius: 15px;*/ /*margin-right: 23px;*/ border-radius: 0px; margin-right: 0px; position: relative; } nav#menu ul.menu-nav > li:not(:last-child):after { /*content: '|'; position: absolute; right: -25px; top: 0; color: white; line-height: 26px; font-size: 24px;*/ } nav#menu ul.menu-nav > span.mySpacer { width: 2px; height: 22px; background-color: white; } div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav > li {/* with left logo */ margin-right: 0px; } nav#menu ul.menu-nav > li:last-child { margin-right: 0px; } div.myPosLogo ~ div.myTopMenu nav#menu ul.menu-nav > li:last-child {/* with left logo */ margin-right: 0px; } nav#menu ul.menu-nav > li > a { padding: 0px 13px !important; /*font-size: 17px;*/ font-size: 20px; font-style: normal; /*font-weight: 600;*/ font-weight: normal; line-height: 33px; height: auto; /*color: #424242 !important;*/ color: white !important; background-color: transparent; text-transform: none; text-decoration: none; /*position: relative;*/ /*z-index: 1;*/ border-radius: 0px; transition: all 0.2s linear 0s; text-transform: uppercase; text-decoration: none; } nav#menu ul.menu-nav:hover > li.active > a { /*background-color: transparent;*/ /*color: #424242 !important;*/ text-decoration: none; } nav#menu ul.menu-nav > li.active > a, nav#menu ul.menu-nav:hover > li:hover > a { /*background-color: #424242;*/ /*color: white !important;*/ text-decoration: underline; } /* TOP MENU - level 2 and more */ nav#menu ul.menu-nav li > ul { transition: opacity 0.6s linear 0.0s, top 0.0s linear 0.6s; opacity: 0; z-index: 1; } nav#menu ul.menu-nav li:hover > ul { transition: opacity 0.2s linear 0.0s, top 0.0s linear 0.0s; opacity: 1; z-index: 2; } /* TOP MENU - level 2 */ nav#menu ul.menu-nav > li > ul { padding: 0px !important; /*left: 24px;*/ /*background-color: #414141 !important;*/ background-color: white !important; /*width: 11em;*/ /* auto width uder menu level 2 */ width: auto; left: auto; margin-left: 0px; max-width: 25%; min-width: 270px; border-radius: 7px; overflow: hidden; box-shadow: 0px 0px 7px black; padding: 5px 0px !important; } nav#menu ul.menu-nav > li > ul + ul { display: none; } nav#menu ul.menu-nav > li:hover > ul { top: 35px; } nav#menu ul.menu-nav > li:first-child > ul { /*left: 0px;*/ margin-left: 0px; } nav#menu ul.menu-nav > li > ul:before { content: ''; display: block; position: absolute; /*bottom: 100%; left: 15px; width: 0px; height: 0px; border: 7px solid transparent; border-bottom: 9px solid #C51115;*/ left: 0px; bottom: 100%; width: 100%; height: 2px; } /* TOP MENU - level 2 and more */ nav#menu ul.menu-nav > li ul > li { float: none; } nav#menu ul.menu-nav > li ul > li > a, nav#menu ul.menu-nav > li ul > li > a:before { transition: all 0.1s linear 0s; } nav#menu ul.menu-nav > li ul > li > a { color: #424242; font-size: 13px; font-style: normal; font-weight: 100; line-height: 17px; padding: 5px 17px; padding-left: 30px; position: relative; } nav#menu ul.menu-nav > li ul > li > a:before { content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #424242; margin-top: 6px; margin-left: -12px; } nav#menu ul.menu-nav > li ul:hover > li.active > a { background-color: transparent !important; color: #424242; } nav#menu ul.menu-nav > li ul:hover > li.active > a:before { background-color: #424242; } nav#menu ul.menu-nav > li ul > li.active > a, nav#menu ul.menu-nav > li ul:hover > li:hover > a { background-color: #424242 !important; color: white; } nav#menu ul.menu-nav > li ul > li.active > a:before, nav#menu ul.menu-nav > li ul:hover > li:hover > a:before { background-color: white; } nav#menu ul.menu-nav > li ul > li > a img { display: none; } /* TOP MENU - level 3 and more */ nav#menu ul.menu-nav > li > ul > li ul { margin: 0px; padding: 0px !important; left: 100%; background-color: #414141 !important; width: 300px; } /* MY MENU MODUL IN ARTICLE */ div.moduletable.myArtMenu { margin-bottom: 6px; } div.moduletable.myArtMenu > ul.menu { display: table; width: 100%; position: relative; /*max-width: 1040px;*/ max-width: 1100px; margin: auto; } div.moduletable.myArtMenu > ul.menu:before { content: ''; display: block; position: absolute; width: 2px; top: 0px; bottom: 0px; left: calc(50% - 1px); background-image: url(art-menu/line.png); background-repeat: repeat-y; } div.moduletable.myArtMenu > ul.menu > li { padding: 0px; box-sizing: border-box; /*width: 50%;*/ width: calc(50% - 20px); float: left; height: 60px; overflow: hidden; } div.moduletable.myArtMenu > ul.menu > li:nth-child(2n+1) { /*padding-right: 20px;*/ margin-right: 20px; } div.moduletable.myArtMenu > ul.menu > li:nth-child(2n+2) { /*padding-left: 20px;*/ margin-left: 20px; } div.moduletable.myArtMenu > ul.menu > li:nth-child(n+3) { margin-top: 10px; } div.moduletable.myArtMenu > ul.menu > li > a { display: table; width: 100%; text-align: left; height: 60px; color: white; font-size: 16px; font-weight: 600; text-decoration: none; background: #C51115; background: linear-gradient(270deg, #C51115 0%, #C51115 38.67%); } div.moduletable.myArtMenu > ul.menu > li > a:hover { text-decoration: none; background: #AE0D11; background: linear-gradient(270deg, #AE0D11 0%, #FF0006 38.67%); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } div.moduletable.myArtMenu > ul.menu > li > a > span { display: table-cell; vertical-align: middle; padding: 10px 22px; } div.moduletable.myArtMenu > ul.menu > li > a span.myText { display: block; overflow: hidden; max-height: 40px; } /* MY MENU MODUL 2 IN ARTICLE */ div.moduletable.myArtMenu2 { margin-bottom: 20px; } div.moduletable.myArtMenu2 > ul.menu { display: table; width: calc(100% + 16px); margin: 0px -8px; } div.moduletable.myArtMenu2 > ul.menu:before { content: ''; display: block; } div.moduletable.myArtMenu2 > ul.menu > li { float: left; box-sizing: border-box; width: calc(20% - 16px); padding: 0px; margin: 0px 8px; overflow: hidden; position: relative; } div.moduletable.myArtMenu2 > ul.menu > li:nth-child(n+6) { margin-top: 16px; } div.moduletable.myArtMenu2 > ul.menu > li > a { display: block; text-align: center; /*border: 1px solid #BFBFBF;*/ text-decoration: none; color: white; background-color: #c51115; overflow: hidden; /*padding-top: 62%;*/ padding-top: 70%; } div.moduletable.myArtMenu2 > ul.menu > li > a:hover { background-color: #1E1E1E; } div.moduletable.myArtMenu2 > ul.menu > li img { position: absolute; top: 0px; left: 0px; width: 100%; height: calc(100% - 36px); object-fit: cover; overflow: hidden; } div.moduletable.myArtMenu2 > ul.menu > li span.image-title { display: block; font-size: 15px; font-weight: normal; font-style: normal; line-height: 20px; height: 20px; overflow: hidden; margin: 8px 5px; } /* HEADER RIGHT MODULES */ div.myHeaderModules { position: absolute; top: 0px; bottom: 0px; right: 10px; display: table; margin: auto 0px; } div.myHeaderModules > div.mySpacer { } /* LOGO */ div.myPosLogo { float: left; position: relative; z-index: 2; margin-right: 18px; height: 99px; } div.custom.myLogo { display: table; height: 110px; } div.custom.myLogo > p { display: table-cell; vertical-align: bottom; } /* HEADER TEXT */ div.myHeaderTextPos { display: table; height: 34px; } div.custom.myHeaderText { font-size: 14px; font-style: normal; font-weight: normal; line-height: 22px; color: rgba(0, 0, 0, 0.4); display: table-cell; vertical-align: middle; } div.custom.myHeaderText > p { float: left; margin-bottom: 0px; margin-left: 36px; } div.custom.myHeaderText > p:first-child { margin-left: 0px; } div.custom.myHeaderText a { text-decoration: none; transition: all 0.2s linear 0s; color: rgba(0, 0, 0, 0.6); } div.custom.myHeaderText a:hover { text-decoration: none; color: rgba(0, 0, 0, 1.0); } div.custom.myHeaderText a img { display: inline-block; vertical-align: top; margin-right: 14px; transition: all 0.2s linear 0s; opacity: 0.6; } div.custom.myHeaderText a:hover img { opacity: 1; } /* SEARCH MODUL */ /* SEARCH MODUL - moji module */ div.myMijoSearch { display: table; margin-left: auto; background-color: rgba(255, 254, 254, 0.7); padding: 7px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); border-radius: 8px; } div.myMijoSearch form { margin: 0px; position: relative; } div.myMijoSearch form div.search.mijosearch_bg_module.mijosearch { display: flex; } div.myMijoSearch form input[name="query"] { margin: 0px !important; /*width: 158px;*/ width: 170px; /*padding: 4px 6px 4px 9px;*/ padding: 4px 18px 4px 9px; color: #1f1a17; line-height: 14px; height: auto; font-size: 13px; height: 24px; border: 0px; box-shadow: none; border-radius: 8px; box-shadow: 0px 0px 5px #b5a88d inset; } div.myMijoSearch .mijosearch_bg_module .btn.btn-primary { margin: 0px; color: black !important; font-weight: bold; font-size: 13px; line-height: 24px; height: 24px; padding: 0px 11px; border-radius: 8px !important; margin-left: -12px; background-color: #ffcb00 !important; } div.myMijoSearch .mijosearch_bg_module .btn.btn-primary:hover { background-color: #ca8916 !important; } div.myMijoSearch form input[name="query"] + div { display: block; width: 100%; position: absolute; top: 100%; } div.myMijoSearch form #search-results { margin-top: 0px; width: 100%; } /* SEARCH MODUL - classic version */ div.myClassicSearch { } div.myClassicSearch form { margin-bottom: 0px; } div.myClassicSearch form div.search.mySearch { position: relative; } div.myClassicSearch form div.search.mySearch input.inputbox.mySearch { height: 34px; box-sizing: border-box; border: 1px solid #CACACA !important; border-radius: 2px !important; color: black; margin: 0px; padding: 7px 8px !important; padding-right: 35px !important; width: 302px; } div.myClassicSearch form div.search.mySearch input.button.mySearch { margin: auto; padding: 0px; display: block; position: absolute; width: 34px; height: 34px; overflow: hidden; color: transparent !important; background-color: transparent !important; border-radius: 2px !important; top: 0px; bottom: 0px; right: 0px; background-image: url(search/button2-a.png); background-repeat: no-repeat; transition: all 0.2s linear 0s; background-position: 0% 50%; } div.myClassicSearch form div.search.mySearch input.button.mySearch:hover { background-position: 100% 50%; } /* SEARCH MODUL - popup version */ div.mySearchPos { /*display: none;*/ display: table; height: 99px; } div.mySearchPos > div { display: table-cell; vertical-align: middle; } div.mySearchPos > div > div { width: 36px; height: 36px; position: relative; } div.mySearchPos .myButtonOpen { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 3; border-radius: 100%; cursor: pointer; } div.mySearchPos.myOpen .myButtonOpen { z-index: 1; } div.mySearchPos .myButtonClose { display: none; position: absolute; z-index: 3; border-radius: 100%; font-size: 11px; font-weight: bold; color: white; text-align: center; cursor: pointer; transition: all 0.2s linear 0s; /*background-color: #424242;*/ background-color: #1262b4; /* position and size */ line-height: 18px; /*width: 20px; height: 20px; left: -6px; top: -6px;*/ /* position and size - new */ border: 1px solid white; width: 22px; height: 22px; right: -29px; top: -8px; } div.mySearchPos .myButtonClose:hover { /*background-color: #1262b3;*/ background-color: #044485; } div.mySearchPos.myOpen .myButtonClose { display: block; } div.mySearchPos form { margin-bottom: 0px; position: absolute; top: 0px; bottom: 0px; right: 0px; /*background-color: red;*/ /*overflow: hidden;*/ width: 36px; z-index: 2; overflow: visible; } div.mySearchPos.myOpen form { /*width: 250px;*/ /*overflow: visible;*/ } /* Mojito search - popup version */ div.mySearchPos form > div.mijosearch { position: absolute; top: 0px; right: 18px; bottom: 0px; overflow: hidden; width: 0%; } div.mySearchPos.myOpen form > div.mijosearch { overflow: visible; } div.mySearchPos form > div.mijosearch input.form-control { margin: 0px !important; width: 100%; height: auto; font-size: 14px; line-height: 16px; padding: 9px 10px; padding-left: 13px; padding-right: 23px; border: 1px solid #ccc; border-radius: 0px; position: absolute; left: 0px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; } /* Mojito search - popup version - send button */ div.mySearchPos form > button.btn.btn-primary { margin: 0px; width: 36px; height: 36px; display: block; margin-left: auto; border-radius: 100% !important; overflow: hidden; color: transparent !important; position: relative; padding: 0px; background-color: #1262b4 !important; background-image: url(search/search-icon.png); background-repeat: no-repeat; background-position: 47% 49%; } div.mySearchPos form > button.btn.btn-primary:hover { background-color: #044485 !important; } div.mySearchPos.myClose form > button.btn.btn-primary { background-color: #424242 !important; } div.mySearchPos.myClose .myButtonOpen:hover ~ form > button.btn.btn-primary { background-color: #1262b4 !important; } /* Mojito search - popup version - popup results */ div.mySearchPos form > div.mijosearch div#search-results { top: 100%; margin-top: 0px; } div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element { border-top: 1px solid #e4eaee !important; border-bottom: 0px !important; padding-top: 0px; } div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element:hover { background: #044485; } div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element div.imageblock { padding: 2px; /*padding-right: 10px;*/ padding-right: 6px; float: left; width: 80px; height: 60px; } div.mySearchPos form > div.mijosearch div#search-results #search-results-inner .result-element div.imageblock img { padding: 0px; padding-right: 0px; float: none; width: 100%; height: 100%; background-color: white; object-fit: contain; } div.mySearchPos form > div.mijosearch div#search-results button#more-result { margin-top: 0px; border-radius: 0px !important; border-top: 1px solid #e4eaee !important; background-color: #1262b4 !important; } div.mySearchPos form > div.mijosearch div#search-results button#more-result:hover { background-color: #044485 !important; } /* SLIDE SHOW */ div#slideshow-handler-bg { margin-bottom: 0px; } /* SLIDE SHOW - images */ div#slideshow-handler-bg div.camera_target div.cameraSlide > div.camerarelative { /*background-color: rgba(0, 0, 0, 0.15);*/ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%); } /* SLIDESHOW - arrow navigation */ section#mySlideshow #slideshow-handler .camera_navigation.container { width: 100%; left: 0px; } /* SLIDE SHOW - content */ /*div#slideshow-handler-bg div.camera_caption[class*="fade"] > div > div,*/ div#slideshow-handler-bg div.camera_caption > div > div { top: 0px; height: 100%; width: 100%; } div#slideshow-handler-bg div.camera_caption > div > div > div.container { position: relative; height: 100%; box-sizing: border-box; width: 100%; /*background-color: rgba(0, 0, 0, 0.25);*/ /*background-image: url(slideshow/bg_content.png);*/ /*background-repeat: no-repeat;*/ /*background-size: cover;*/ /*background-position: 0px 100%;*/ } div#slideshow-handler-bg div.camera_caption > div > div > div.container > div.row-fluid { /*width: 100%;*/ /*height: 100%;*/ display: table; width: auto; height: auto; margin-left: auto; margin-top: 116px; } div#slideshow-handler-bg div.camera_caption > div > div > div.container > div.row-fluid > div.camera_caption_bg { float: none; display: table-cell; vertical-align: middle; background-color: rgba(66, 72, 74, 0.7); padding: 60px 0px; padding-left: 78px; padding-right: 120px; } div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space { font-size: 17px; font-style: normal; font-weight: normal; line-height: normal; color: white; /*text-shadow: 0px 0px 7px black;*/ } div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space p, div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space ul { font-weight: normal; margin-bottom: 0px; } div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space p:last-child { margin-bottom: 0px; } div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space strong { /*font-weight: 600 !important;*/ } div#slideshow-handler-bg div.camera_caption div.camera_caption_bg > div.inner-space div { font-size: 36px; /*font-style: normal;*/ font-weight: bold; /*line-height: normal;*/ /*color: white;*/ /*text-transform: uppercase;*/ } /* SLIDE SHOW - pagination */ div#slideshow-handler-bg div.camera_pag { /*padding: 0px 29px;*/ /*padding: 0px 2.3%;*/ padding-bottom: 17px; width: 100%; box-sizing: border-box; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul { display: block; padding: 0px 3px; line-height: normal; text-align: center; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li { margin: 0px; width: auto; height: auto; vertical-align: top; border-radius: 100%; margin-right: 5px; border: 1px solid #565655; background-color: white; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li:last-child { margin-right: 0px; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.camera_hover { /*border: 1px solid #FE0106;*/ } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.cameracurrent { border: 1px solid #565655; /*border: 1px solid #FE0106;*/ } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li > span { box-shadow: none; width: 8px !important; height: 8px; border-radius: 0px; margin: 5px; display: block; position: relative; background-color: transparent; border-radius: 100%; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.camera_hover > span { /*background-color: #36abd9;*/ /*background-color: #0f3057;*/ background-color: #1262b3; } div#slideshow-handler-bg div.camera_pag > ul.camera_pag_ul > li.cameracurrent > span { background-color: #565655; } /* SLIDE (statics image) */ div#slideshow-handler .moduletable .module-content { padding: 0px; } div#slideshow-handler div.custom { height: 448px; background-size: cover; background-position: 50% 50%; } /* slider new */ body #sppb-addon-1590131971266 .sppb-carousel-extended-content-wrap { background-color: rgba(66, 72, 74, 0.7); padding: 60px 0px; padding-left: 78px; padding-right: 120px; border-radius: 0; width: auto; right: 0; left: auto; height: 38%; top: 31%; } body div.sppb-carousel-extended-dots { bottom: 20px; } #sppb-addon-1590131971266 .sppb-carousel-extended-dots ul li:hover span, #sppb-addon-1590131971266 .sppb-carousel-extended-dots ul li.active span { padding: 0px; height: 8px; width: 8px; border-radius: 80px; } body .sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, body .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, body .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay { border-radius: 0; } #sppb-addon-1590131971266 .sppb-carousel-extended-content-wrap { align-items: normal; text-align: left; } body .sppb-carousel-extended-heading { font-size: 30px; margin-bottom: 10px; } body .sppb-carousel-extended-subheading { font-size: 17px; font-weight: 400; line-height: normal; margin-bottom: 0; } /* NAVIGATION */ /*div#myNavigationPosition { padding-top: 62px; padding-bottom: 20px;*/ /*background-color: #1262b3; background-image: url(navigation/navigation-bg.jpg);*/ /*background-color: #36abd9; background-size: cover; background-position: 50% 0px; box-sizing: border-box; min-height: 141px; } */ div#myNavigationPosition { padding-top: 49px; padding-bottom: 20px; background-color: #36abd9; background-size: cover; background-position: 50% 0px; box-sizing: border-box; min-height: 110px; } div#myNavigationPosition div.row-fluid > div[class*="span"], div#myNavigationPosition div.row-fluid > div[class*="span"] > div[class*="span"] { float: right; } div#myNavigationPosition div.myRight { float: right; margin-left: 20px; } div#myNavigationPosition div.myLeft { float: left; } div#myNavigationPosition div.myLeft div.myNavigationTitle { } div#myNavigationPosition div.myLeft div.myNavigationTitle h1 { color: white; font-size: 37px; font-style: normal; font-weight: bold; line-height: 41px; margin-bottom: 0px; } /* NAVIGATION - for positon-2 */ div#breadcrumb-line { padding-top: 0px; padding-bottom: 0px; } /* NAVIGATION - for module */ div.moduletable.myNavigation { margin-bottom: 13px; } body.myBody.myHiddenArt div.moduletable.myNavigation { margin-bottom: 0px; } div.moduletable.myNavigation div.module-content { padding: 0px; } ul.breadcrumb.myNavigation { text-transform: none; padding: 0px !important; line-height: 20px; margin-top: 18px; } ul.breadcrumb.myNavigation > li { font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; vertical-align: top; } ul.breadcrumb.myNavigation > li.active, ul.breadcrumb.myNavigation > li > span.divider { padding: 0px; color: white; } ul.breadcrumb.myNavigation > li > span.divider { padding: 0px 4px; padding-left: 5px; } ul.breadcrumb.myNavigation > li.active:first-child { display: none; } ul.breadcrumb.myNavigation > li > a { color: white; } /* MAIN CONTENT */ div.myMainContent { /*background-color: #f1f1f1;*/ } div.myMainContent div.row-fluid div[class*="span"] { min-height: 1px; } div.myMainContent .tmp-content-area { margin-top: 20px; margin-bottom: 46px; } /* MAIN CONTENT - background intro content */ body.myBody.myIntro div.myMainContent { /*background-color: #f1f1f1;*/ } section#story-content { height: 100%; padding-top: 0px; padding-bottom: 0px; } section#story-content > div.container { height: 100%; box-sizing: border-box; } section#story-content.myAddLeft > div.container { /*background-color: #fcfcfc;*/ /*position: relative;*/ } /* MAIN CONTENT - for hidden article class (myHiddenArt) */ body.myBody.myHiddenArt section#story-content { padding: 15px 0px; /*background-color: #080808;*/ background-image: none; } div.item-page.myHiddenArt { display: none; } /* MAIN CONTENT - intro page */ body.myBody.myIntro section#story-content { /*padding-top: 70px;*/ /*padding-bottom: 70px;*/ padding: 83px 0px; /*background-color: #f1f1f1;*/ background-color: #e5e5e5; position: relative; } /*body.myBody.myIntro section#story-content:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url(content/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50%; opacity: 0.07; }*/ body.myBody.myIntro section#story-content > div { position: relative; } /* MAIN CONTENT - intro page - intro content */ div.item-page.myIntroArticle > div { /*color: white;*/ /*text-align: center;*/ } /* MAIN CONTENT - intro page - intro content - table spacing */ div.item-page.myIntro > div > table { width: 100%; margin-bottom: 0px; } div.item-page.myIntro > div > table > tbody > tr > td { border: 0px; padding: 0px; vertical-align: top; } /* MAIN CONTENT - intro page - intro content - table spacing - colomn 1 */ div.item-page.myIntro > div > table > tbody > tr > td:nth-child(1) { width: 69.58%; padding-right: 8.58%; } /* MAIN CONTENT - intro page - intro content - table spacing - colomn 2 */ div.item-page.myIntro > div > table > tbody > tr > td:nth-child(2) { /*padding-left: 88px;*/ /*padding-right: 12px;*/ /*padding-left: 6.471%;*/ /*padding-right: 0.883%;*/ /*border-left: 1px dashed rgba(0, 0, 0, 0.5);*/ /*background-image: url(content/intro/line.png);*/ /*background-repeat: repeat-y;*/ } div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(2) div.moduletable { margin-bottom: 0px; } /* MODUL BLOG VYSTAVY */ div.newsflash.myVystavyModul { } div.newsflash.myVystavyModul div.myArticle { color: #f1f1f1; font-size: 16px; font-style: normal; font-weight: bold; line-height: 20px; padding: 21px 0px; padding-left: 26px; padding-right: 21px; background-color: #424242; transition: all 0.2s linear 0s; position: relative; display: flex; flex-direction: row; /* flex-wrap: wrap; */ flex-wrap: nowrap; align-items: center; justify-content: space-between; /* justify-content: space-around; */ margin-bottom: 12px; } div.newsflash.myVystavyModul div.myArticle:last-child { margin-bottom: 0px; } div.newsflash.myVystavyModul div.myArticle:hover { background-color: #1262b3; } div.newsflash.myVystavyModul div.myArticle div.myDate { padding-right: 26px; font-size: 18px; } div.newsflash.myVystavyModul div.myArticle div.myTitleArticle { flex: auto; } div.newsflash.myVystavyModul div.myArticle a.myReadmore { display: block; width: 27px; height: 27px; overflow: hidden; color: transparent; border-radius: 100%; background-color: white; background-image: url(vystavy/arrow.png); background-repeat: no-repeat; background-position: 50%; } div.newsflash.myVystavyModul div.myArticle, div.newsflash.myVystavyModul div.myArticle > a.myFullReadmore { border-radius: 34px; overflow: hidden; } div.newsflash.myVystavyModul div.myArticle > a.myFullReadmore { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } section#my-bottom div#myModeleVystavy .myHeaderModule { display: none; } /* MODUL SENDNEWS */ .rs-cr div.moduletablemySendNews:last-child, div.moduletablemySendNews:last-child { margin-bottom: 0px; } div.moduletablemySendNews p.myH3 { font-size: 30px; font-weight: 600; color: #00b250; line-height: 30px; margin-bottom: 27px; } div.moduletablemySendNews div.module-content div.acymailing_introtext { padding-bottom: 14px; } div.moduletablemySendNews table.acymailing_form { width: 100%; } div.moduletablemySendNews table.acymailing_form td { padding: 0px; } div.moduletablemySendNews table.acymailing_form td.acyfield_email input { box-sizing: border-box; height: 30px; padding: 0px 9px !important; margin: 0px; border: 1px solid #d2d2d2 !important; border-radius: 3px !important; background-color: #f5f5f5; color: #b4b4b4; font-size: 12px; font-weight: normal; } div.moduletablemySendNews table.acymailing_form td.acysubbuttons input { margin: 0px; border-radius: 3px !important; padding: 8px; width: 100%; border: 2px solid #00b250 !important; font-size: 14px; font-weight: normal; margin-top: 12px; } /* MY BOTTOM (up footer) */ section#my-bottom { /*padding-top: 67px;*/ /*padding-bottom: 102px;*/ position: relative; } section#my-bottom > div.mySpacer { display: table; width: 100%; } /*section#my-bottom:before, section#my-bottom:after { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -1; background-repeat: no-repeat; opacity: 0.17; } section#my-bottom:before { background-image: url(banners/mybottom/img-bg-left.png); background-position: 0% 42%; } section#my-bottom:after { background-image: url(banners/mybottom/img-bg-right.png); background-position: 100% 39%; }*/ /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) */ div.mySlideNews { margin-bottom: 80px; } div.myModule.mySlideNewsModul .myHeaderModule { margin-bottom: 50px; } /*div.myModule.mySlideNewsModul .myHeaderModule { background-color: #aba8a8; font-size: 34px; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 50px; transition: all 0.2s linear 0s; } div.myModule.mySlideNewsModul .myHeaderModule:hover { background-color: #E5E5E5; } div.myModule.mySlideNewsModul .myHeaderModule, div.myModule.mySlideNewsModul .myHeaderModule a { color: #42484A; } div.myModule.mySlideNewsModul .myHeaderModule a { text-decoration: none; } div.myModule.mySlideNewsModul .myHeaderModule .myTitleModule { display: block; padding: 37px 10px; }*/ div.myModule.mySlideNewsModul div.myFullContent { position: relative; } div.myModule.mySlideNewsModul div.myFullContent div.newsflash.mySlideNewsModul { max-width: 1120px; margin: auto; } /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules */ /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article image */ div.newsflash.mySlideNewsModul div.myArticleIntroImg { position: relative; } div.newsflash.mySlideNewsModul div.myArticleIntroImg:before { content: ''; display: block; /*padding-top: 41.13%;*/ padding-top: 52.88%; } div.newsflash.mySlideNewsModul div.myArticleIntroImg img { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article title */ div.newsflash.mySlideNewsModul p.myTitleArticle { margin-bottom: 0px; /*height: 40px;*/ height: 28px; overflow: hidden; } div.newsflash.mySlideNewsModul p.myTitleArticle, div.newsflash.mySlideNewsModul p.myTitleArticle a { /*color: #424242;*/ color: #42484A; font-size: 23px; font-style: normal; font-weight: bold; /*line-height: normal;*/ /*line-height: 20px;*/ line-height: 28px; } div.newsflash.mySlideNewsModul p.myTitleArticle a { text-decoration: none; } div.newsflash.mySlideNewsModul p.myTitleArticle a:hover { /*text-decoration: underline;*/ color: #1262b3; } /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article content */ div.newsflash.mySlideNewsModul div.myContent { font-size: 17px; /*color: #393a3a;*/ color: #42484A; font-style: normal; font-weight: normal; padding-right: 68px; position: relative; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px; padding-top: 10px; } /* MY BOTTOM (up footer) = STYLE FOR SLIDE NEWS MODUL (mySlideNewsModul ) - content news modules - article readmore arrow */ div.newsflash.mySlideNewsModul div.myContent div.myReadmore { position: absolute; top: 0px; bottom: 0px; margin: auto; right: 1px; } div.newsflash.mySlideNewsModul div.myContent div.myReadmore, div.newsflash.mySlideNewsModul div.myContent div.myReadmore a { /*width: 38px;*/ /*height: 38px;*/ width: 58px; height: 58px; } div.newsflash.mySlideNewsModul div.myContent div.myReadmore a { display: block; color: transparent; overflow: hidden; /*background-color: #424242;*/ background-color: #42484A; border-radius: 100%; /*background-image: url(banners/slidenews/arrow.png);*/ background-image: url(banners/slidenews/arrow2a.png); background-repeat: no-repeat; background-position: 50%; } div.newsflash.mySlideNewsModul div.myContent div.myReadmore a:hover { /*background-color: #1262b3;*/ background-color: #36AADA; } /* MY BOTTOM (up footer) = VM SLIDER FOR NEWS1 (mySlideNewsModul ) */ div.mySlideNews .owl-carousel { /*width: calc(100% + 28px);*/ width: calc(100% + 150px); position: unset; } div.mySlideNews .owl-carousel .owl-wrapper-outer { /*width: calc(100% - 28px);*/ width: calc(100% - 150px); } div.mySlideNews .owl-item > li, div.mySlideNews .owl-item > div { margin: 0px; /*margin-right: 27px;*/ margin-right: 149px; } /* MY BOTTOM (up footer) = VM SLIDER FOR NEWS1 (mySlideNewsModul ) - button arrow */ div.mySlideNews div.owl-controls.clickable { left: 0px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons { margin: 0px; margin-top: 153px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev, div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next { margin: 0px; width: 44px; height: 80px; margin-top: -40px; border-radius: 0px; box-shadow: none; color: transparent; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev { left: 0px; right: auto; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next { left: auto; right: 0px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:before, div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:before { background-color: transparent; position: absolute; z-index: 2; top: 0px; bottom: 0px; margin: auto; font-size: 25px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:before { left: 0px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:before { right: 0px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:after, div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:after { content: ''; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 0px; width: 0px; z-index: 1; margin: auto; border: 40px solid transparent; transition: all 0.2s linear 0s; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:after { border-left: 44px solid #1262b3; border-right: 0px; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:after { border-left: 0px; border-right: 44px solid #1262b3; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-prev:hover:after { border-left: 44px solid #424242; } div.mySlideNews div.owl-controls.clickable div.owl-buttons div.owl-next:hover:after { border-right: 44px solid #424242; } /* MY BOTTOM (up footer) = LOGOS MODULE */ div#myLogos { margin-top: 40px; margin-bottom: 60px; } div.custom.myLogosModule { } div.custom.myLogosModule > p { text-align: center; } div.custom.myLogosModule > .myH1 { margin-bottom: 8px; } div.custom.myLogosModule > div { color: #1262b3; font-size: 23px; font-style: italic; font-weight: bold; line-height: normal; text-align: center; position: relative; overflow: hidden; } div.custom.myLogosModule > div > em { display: table; margin: auto; } div.custom.myLogosModule > div > em:before, div.custom.myLogosModule > div > em:after { content: ''; display: inline-block; position: absolute; width: 100%; height: 1px; top: 0px; bottom: 0px; margin: auto; /*background-color: #1262b3;*/ background-color: rgba(18, 98, 179, 0.36); } div.custom.myLogosModule > div > em:before { margin-left: calc(-100% - 10px); } div.custom.myLogosModule > div > em:after { margin-left: 10px; } div.custom.myLogosModule > table { width: 100%; margin: 0px; /*margin-top: 30px;*/ } div.custom.myLogosModule > table > tbody { display: block; } div.custom.myLogosModule > table > tbody > tr { display: flex; flex-direction: row; /*flex-wrap: wrap;*/ flex-wrap: nowrap; align-items: center; justify-content: space-between; /*justify-content: space-around;*/ } div.custom.myLogosModule > table > tbody > tr > td { border: 0px; padding: 0px; display: block; /*margin: 0px 10px;*/ /*width: calc(12.5% - 20px);*/ text-align: center; /*margin-top: 36px;*/ } div.custom.myLogosModule > table > tbody > tr > td img { max-width: 127px; } /* VM FOR ALL */ .row-fluid .product { /*margin-bottom: 22px;*/ margin-bottom: 2.5%; } .row-fluid .spacer, .browse-view .spacer, .vmgroup_products .spacer { padding: 0px; border: 0px solid #f0f0f0; background-color: transparent !important; padding: 5px 5px; transition: background-color 0.6s; } .row-fluid .spacer:hover, .browse-view .spacer:hover { background-color: #e6e6e6 !important; } /* VM FOR ALL - image */ .spacer div.pr-img-handler, .browse-view .spacer div.pr-img-handler, .spacer div.myImg { width: 100%; height: 120px; position: relative; /*margin: 0px 10px !important;*/ } .spacer div.pr-img-handler img, .spacer div.myImg img { /*position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; max-width: 100%; max-height: 100%;*/ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .spacer div.pr-img-handler img.ikona, .spacer div.myImg img.ikona { object-fit: contain; } .spacer div.pr-img-handler img.myNoImg, .spacer div.myImg img.myNoImg { object-fit: scale-down; } /* VM FOR ALL - action text div */ .spacer div.action-handler { text-align: center; /*padding: 0px 23px;*/ padding-top: 13px; } /* VM FOR ALL - title */ .spacer div.myTitleVmCat { text-align: center; font-size: 17px; font-style: normal; font-weight: bold; line-height: 19px; margin-top: 4px; } .spacer div.myTitleVmCat, .spacer div.myTitleVmCat a { color: #424242; } /* VM FOR ALL - short decription */ .spacer div.myShortDescVmCat { font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; color: #696969; text-align: center; margin-top: 4px; /*max-height: 64px;*/ /*overflow: hidden;*/ } /* VM FOR ALL - prices */ div.myPricesVmCat { line-height: 18px; } div.myPricesVmCat span.myText { font-size: 14px; font-weight: bold; font-style: normal; color: #282828; } div.myPricesVmCat > div { display: inline-block; line-height: 14px; padding: 0px 6px; } div.myPricesVmCat > div:first-child { margin-left: 0px; } div.myPricesVmCat span.vm-price-desc { display: none; } div.myPricesVmCat div.PricesalesPrice > span.PricesalesPrice { display: inline-block; font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: white; } div.myPricesVmCat.myShowDiscount div.PricesalesPrice > span.PricesalesPrice { color: #e40000; } div.myPricesVmCat div.PricebasePriceWithTax > span.PricebasePriceWithTax { display: inline-block; font-size: 12px; font-weight: 200; font-style: normal; line-height: 14px; color: #828282; text-decoration: line-through; } /* VM FOR ALL - detail button */ .spacer div.myButton { text-align: center; margin-top: 14px; /*margin-bottom: 22px;*/ } .spacer div.myButton a { color: white; font-size: 13px; font-style: normal; font-weight: normal; line-height: 14px; display: inline-block; background-color: #00b250; padding: 8px; padding-bottom: 9px; width: 205px; max-width: 100%; text-align: center; vertical-align: top; border-radius: 3px; box-sizing: border-box; } .spacer div.myButton a:hover { text-decoration: none; background-color: black; } /* VM FOR ALL - back button in category */ div.myCatInfo { } div.myCatInfo > div.myButton { margin-bottom: 20px; } div.myCatInfo > div.myButton > a, div.myCatInfo > div.myButton > span { line-height: 36px; vertical-align: middle; display: inline-block; } div.myCatInfo > div.myButton > a { color: transparent; overflow: hidden; width: 32px; height: 32px; border: 2px solid #CC2D2D; background-color: #CC2D2D; border-radius: 2px; background-image: url(virtuemart/back.png); background-repeat: no-repeat; background-position: 50%; margin-right: 12px; } div.myCatInfo > div.myButton > a:hover { background-color: #4f4f4f; } div.myCatInfo > div.myButton > span { font-size: 20px; font-style: normal; font-weight: 600; } div.myCatInfo > div.myButton > span:nth-child(2) { color: black; margin-right: 5px; } div.myCatInfo > div.myButton > span:nth-child(3) { color: #505050; text-transform: uppercase; } div.myCatInfo.myProductDetail > div.myButton > span:nth-child(3) { text-transform: none; } /* VM FOR ALL - table short desc and desc and custom-filed anotace */ .spacer div.myShortDescVmCat table, .productdetails-view.productdetails div.myProDesc table { width: auto; line-height: normal; } .spacer div.myShortDescVmCat table td, .productdetails-view.productdetails div.myProDesc table td { /*padding: 0px 4px;*/ padding: 3px 3px; border: 0px; } .spacer div.myShortDescVmCat table td:first-child, .productdetails-view.productdetails div.myProDesc table td:first-child { padding-left: 0px; } .spacer div.myShortDescVmCat table td:last-child, .productdetails-view.productdetails div.myProDesc table td:last-child { padding-right: 0px; } /* VM PRODUCT MODUL - _products class */ div.moduletable_products.myIntroModul { margin-bottom: 109px; } /* VM CATEGORY */ div.myCatagoryDesc { /*padding-top: 24px;*/ /*padding-bottom: 20px;*/ } div.myCatagoryDesc.myTop { margin-bottom: 24px; /*font-size: 17px;*/ font-size: 18px; line-height: 140%; } div.myCatagoryDesc:after { content: ''; display: table; width: 100%; clear: both; } div.myCatagoryDesc h1 { /*font-size: 25px;*/ /*font-weight: 600;*/ /*line-height: 25px;*/ /*color: #00b250;*/ } div.myCatagoryDesc > hr:last-child { /*border-color: rgba(0, 0, 0, 0.1);*/ } /* VM CATEGORY - ordering */ div.browse-view.myCategoryProducts div.orderby-displaynumber { border: 0px; padding: 0px; margin: 15px 0px; display: none; } div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.span5.floatright.display-number { margin-right: 0px; float: right; } div.browse-view.myCategoryProducts div.orderby-displaynumber > div.row-fluid > div.display-number .display-results-no { line-height: 36px; } /* VM CATEGORY - link color */ div.category-view .row-fluid .spacer a { color: #424242; } /* VM CATEGORY - child category - title */ div.category-view .row-fluid .spacer div.myShortDescVmCat { max-height: 64px; overflow: hidden; } div.category-view .row-fluid .spacer div.myShortDescVmCat p, div.category-view .row-fluid .spacer div.myShortDescVmCat ul, div.category-view .row-fluid .spacer div.myShortDescVmCat table { margin: 0px; } /* VM CATEGORY - child category - img */ div.category-view .row-fluid .spacer div.myImg { height: 165px; } /* VIRTUEMART - filter */ div.orderlistcontainer div.orderlist div { padding: 0px; } /* VIRTUEMART - page count switch */ div.selectric .button:after, .selectric-hover .selectric .button:after { border-top-color: white; } /* VIRTUEMART - page switch */ div.vm-pagination { width: 100%; margin-top: 7px; } div.vm-pagination ul > li > span { background-color: white; color: black; } /* VIRTUEMART - categories view */ div.category-view { padding-bottom: 0px !important; } div.category-view div.row-fluid div.category { margin-bottom: 2.5%; } div.category-view .row-fluid .spacer { background-color: transparent !important; border: 0px; padding: 0px; } /* VM PRODUCT DETAIL */ div.productdetails-view h1 { /*color: #00b250;*/ border: 0px; /*padding-bottom: 0px;*/ /*margin-bottom: 0px;*/ } .productdetails-view.productdetails div.myPricesVmCat { margin-bottom: 6px; } .productdetails-view.productdetails p.myShortDesc { line-height: normal; margin-bottom: 0px; margin-top: 6px; } .productdetails-view.productdetails hr.myTitleHr { margin-top: 9px; margin-bottom: 13px; } div.myImgDetailProduct { position: relative; overflow: hidden; float: right; width: 160px; } /* VM PRODUCT DETAIL - short desc */ div.myDetailProContent div.myShortDesc { font-size: 17px; font-style: normal; font-weight: bold; margin-bottom: 20px; } /* VM PRODUCT DETAIL - intro images */ div.myDetailProContent div.myVm3Img { /*margin-bottom: 12px;*/ } div.myDetailProContent div.myVm3Img:after { content: ''; display: table; width: 100%; clear: both; } div.myDetailProContent div.myVm3Img a { display: block; float: left; width: calc(33.33% - 8px); margin-right: 12px; margin-bottom: 12px; position: relative; /* border img */ border: 2px solid white; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-sizing: border-box; } div.myDetailProContent div.myVm3Img a:before { content: ''; display: block; /*padding-top: 74.74%;*/ padding-top: 75.835%; } div.myDetailProContent div.myVm3Img a:nth-child(3n+0) { margin-right: 0px; } div.myDetailProContent div.myVm3Img img { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; object-position: 50% 50%; } /* VM PRODUCT DETAIL - my tabs */ div.myVmTabs { margin-top: 25px; } div.myVmTabs div.myButtons { display: table; width: 100%; border-bottom: 1px solid silver; margin-bottom: 15px; } div.myVmTabs div.myButtons > span { border: 1px solid silver; border-bottom: 1px solid white; float: left; display: block; line-height: normal; padding: 5px 25px; margin-bottom: -1px; cursor: pointer; } div.myVmTabs div.myButtons > span.myClose { border: 1px solid transparent; } div.myVmTabs div.myContents > div { overflow: visible; height: auto; transition: all 0.2s linear 0s; opacity: 1; } div.myVmTabs div.myContents > div.myClose { /*display: none;*/ overflow: hidden; height: 0px; opacity: 0; } /* VM PRODUCT DETAIL - main image */ .productdetails-view.productdetails div.main-image { background-color: #f0f0f0; border: 1px solid #6ec7eb; padding: 10px; } .productdetails-view.productdetails div.main-image div.product-details-image-handler { background-color: transparent !important; } .productdetails-view.productdetails div.main-image .vm-img-desc { display: none; } .productdetails-view.productdetails div.main-image img { max-height: none; max-width: 100%; } /* VM PRODUCT DETAIL - additional images */ .productdetails-view.productdetails div.additional-images { /*margin: 10px -5px;*/ margin: 15px 0px; overflow: auto; } .productdetails-view.productdetails div.additional-images > div { display: flex; flex-direction: row; /*flex-wrap: wrap;*/ flex-wrap: nowrap; align-items: center; /*align-items: flex-start;*/ /*justify-content: space-between;*/ /*justify-content: space-around;*/ } .productdetails-view.productdetails div.additional-images div.floatnone { padding: 2px; border: 2px solid #ccc; margin-right: 5px; } .productdetails-view.productdetails div.additional-images div.floatnone:last-child { margin-right: 0px; } .productdetails-view.productdetails div.additional-images div.floatnone:hover { border: 2px solid #818181; } .productdetails-view.productdetails div.additional-images div.floatnone.myActive { border: 2px solid #6cc3e6; } .productdetails-view.productdetails div.additional-images div.floatnone img { width: 124px; height: 93px; margin: 0px; object-fit: cover; object-position: 50% 50%; cursor: pointer; } /* VM PRODUCT DETAIL - cutom field full rozcestnik */ div.myRozcestnikFull { margin-top: 40px; } div.myRozcestnikFull ul { margin: 0px; list-style-type: none; } div.myRozcestnikFull > ul { display: flex; flex-direction: row; /* flex-wrap: wrap; */ flex-wrap: nowrap; /* align-items: center; */ align-items: flex-start; justify-content: space-between; /* justify-content: space-around; */ } div.myRozcestnikFull > ul > li { width: 32%; } div.myRozcestnikFull > ul > li ul { margin-left: 26px; } div.myRozcestnikFull > ul > li ul > li { font-size: 14px; line-height: 16px; padding: 4px 0px; } div.myRozcestnikFull > ul > li ul > li:before { content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #1262b3; margin-top: 6px; margin-left: -15px; } /* VM PRODUCT DETAIL - content */ .productdetails-view.productdetails h2 { /*color: #CC2D2D;*/ /*font-size: 36px;*/ /*font-style: normal;*/ /*font-weight: 600;*/ /*line-height: 36px;*/ /*margin-bottom: 40px;*/ } .productdetails-view.productdetails div.myTopParams { margin-bottom: 25px; } .productdetails-view.productdetails div.myTopParams > p { font-size: 16px; font-style: normal; font-weight: normal; line-height: 16px; margin-bottom: 10px; } .productdetails-view.productdetails div.myTopParams > p:last-child { margin-bottom: 0px; } .productdetails-view.productdetails div.myTopParams > p span.myTitle { font-weight: 600; color: black; } .productdetails-view.productdetails div.myProDesc { margin-bottom: 20px; } .productdetails-view.productdetails div.myProDesc p.myTitle { font-size: 16px; font-weight: 600; color: black; margin-bottom: 0px; } .productdetails-view.productdetails table.myTableParams { width: 100%; margin-bottom: 25px; } .productdetails-view.productdetails table.myTableParams td { background-color: #F0F0F0; border: 1px solid #C8C8C8; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; padding: 9px 12px; } .productdetails-view.productdetails table.myTableParams td:first-child { color: black; width: 302px; } .productdetails-view.productdetails table.myTableParams td:last-child { text-align: right; } .productdetails-view.productdetails table.myTableParams td:last-child strong { color: #CC2D2D; } /* VM PRODUCT DETAIL - related products */ div.myRelatedProducts { margin-top: 60px; } /* VM PRODUCT DETAIL - button reservation */ div.myAskButton { } div.myAskButton > a.ask-a-question { margin: 0px; display: inline-block; text-align: center; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; color: white !important; padding: 10px; border-radius: 3px !important; border: 0px solid #CC2D2D !important; /*text-transform: uppercase;*/ min-width: 150px; background: #00b250 !important; transition: all 0.2s linear 0s; } div.myAskButton > a.ask-a-question:hover { text-decoration: none; background: black !important; } /* VM PRODUCT DETAIL - modul info */ div.myVmInfo > div.custom { margin-top: 15px; } /* BOTTOM FULL */ section#bottom-full { } section#bottom-full > div.row-fluid > .span3 { margin: 0px; width: 25%; overflow: hidden; height: 500px; } section#bottom-full div.custom { height: 100%; background-size: cover; background-position: 50% 50%; position: relative; transition: all 0.2s linear 0s; transform: scale(1.0); } section#bottom-full div.custom:hover { transform: scale(1.1); } section#bottom-full div.custom > table { width: 100%; height: 100%; margin: 0px; } section#bottom-full div.custom > table td { border: 0px; vertical-align: middle; text-align: center; padding: 7%; color: white; font-size: 38px; font-style: normal; font-weight: bold; line-height: 45px; } section#bottom-full div.custom > p:nth-child(2), section#bottom-full div.custom > p:nth-child(2) > a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } section#bottom-full div.custom > p:nth-child(2) > a { color: transparent; overflow: hidden; } /* POSITION UP FOOTEER FOR CONTACT */ div#myContactUpFooter { background-color: #e5e5e5; padding: 59px 0px; } div.custom.myContactModule { font-size: 16px; font-style: normal; font-weight: normal; line-height: 22px; position: relative; } div.custom.myContactModule > table { width: calc(100% - 216px); } div.custom.myContactModule > table > tbody > tr { display: flex; flex-direction: row; /* flex-wrap: wrap; */ flex-wrap: nowrap; /*align-items: center;*/ align-items: flex-start; justify-content: space-between; /* justify-content: space-around; */ } div.custom.myContactModule > table td { border: 0px; padding: 0px; } div.custom.myContactModule > table > tbody > tr > td { display: block; } div.custom.myContactModule > table p { margin-bottom: 0px; } /* POSITION UP FOOTEER FOR CONTACT - under table */ div.custom.myContactModule > table > tbody > tr > td > table > tbody > tr > td:nth-child(1) > p { width: 50px; padding-right: 17px; box-sizing: border-box; text-align: right; } /* POSITION UP FOOTEER FOR CONTACT - backgroud image */ div.custom.myContactModule > div:last-child > img { position: absolute; top: 38px; left: calc(100% - 126px); opacity: 0.46; } /* POSITION UP FOOTEER 2 FOR CONTACT */ div#myContactUpFooter2 { background-color: #b8b8b2; color: white; font-size: 17px; font-weight: normal; line-height: 125%; position: relative; } div#myContactUpFooter2 a { color: white; } div#myContactUpFooter2 div.myRightBg { position: absolute; display: block; width: 50%; height: 100%; top: 0px; left: 50%; background-image: url(banners/upfooter/up-footer-bg.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; } div#myContactUpFooter2 div.container { position: relative; } div#myContactUpFooter2 div.mySpacer { display: flex; flex-direction: row; flex-wrap: wrap; /* flex-wrap: nowrap; */ /* align-items: flex-start; */ /* justify-content: space-between; */ /* justify-content: space-around; */ } div#myContactUpFooter2 div.mySpacer > div.myCol { width: 50%; } div#myContactUpFooter2 div.mySpacer > div.myCol:nth-child(1) { margin: 86px 0px; } /* POSITION UP FOOTEER 2 FOR CONTACT - left site */ div.custom.myContactModule2.Left table { /*margin: 86px 0px;*/ } div.custom.myContactModule2.Left table td { border: 0px; padding: 0px; padding-right: 58px; } div.custom.myContactModule2.Left table td:last-child { padding-right: 10px; } div.custom.myContactModule2.Left table td > p { margin-bottom: 0px; } /* POSITION UP FOOTEER 2 FOR CONTACT - left site - ADD BUTTON LOGIN */ div.myLogButtonModule { /*margin-top: 21px;*/ /*margin-top: 24px;*/ } div.myLogButtonModule a.myLogOut { display: inline-block; margin-left: 13px; } #LoginForm .userdata label[for="modlgn-remember"] { display: inline-block; line-height: 20px; margin: 0px; } #LoginForm .userdata label[for="modlgn-remember"] > input#modlgn-remember { margin: 0px; width: 20px; height: 20px; margin-right: 5px; display: inline-block; vertical-align: top; } /* POSITION UP FOOTEER 2 FOR CONTACT - right site */ div.myModule.myContactModule2.Right { width: 71.6%; height: 100%; } div.myModule.myContactModule2.Right .myLinkModule { background-color: rgba(26, 61, 104, 0.5); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 16.8%; box-sizing: border-box; height: 100%; font-size: 15px; line-height: 135%; } div.myModule.myContactModule2.Right a.myLinkModule { text-decoration: none; } div.myModule.myContactModule2.Right a.myLinkModule:hover { background-color: rgba(54, 170, 218, 0.5); } div.custom.myContactModule2.Right { width: 100%; } div.custom.myContactModule2.Right > div { font-size: 28px; line-height: 135%; font-weight: bold; margin-bottom: 12px; } div.custom.myContactModule2.Right > p { } /* POSITION A-VYSTAVY */ div#myModeleVystavy > div.myCover { background-color: #42474a; color: white; font-size: 17px; font-weight: normal; line-height: 125%; position: relative; } div#myModeleVystavy > div.myCover a { color: white; } div#myModeleVystavy > div.myCover div.myRightBg { position: absolute; display: block; width: 50%; height: 100%; top: 0px; left: 50%; background-image: url(banners/vystavy/vystavy-bg.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; } div#myModeleVystavy > div.myCover div.container { position: relative; } div#myModeleVystavy > div.myCover div.mySpacer { display: flex; flex-direction: row; flex-wrap: wrap; /* flex-wrap: nowrap; */ /* align-items: flex-start; */ /* justify-content: space-between; */ /* justify-content: space-around; */ min-height: 535px; } div#myModeleVystavy > div.myCover div.mySpacer > div.myCol { width: 50%; } /* POSITION A-VYSTAVY - left site */ div.newsflash.myModulVystaveVer2 { padding: 88px 0px; padding-right: 20px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; /*flex-wrap: wrap;*/ align-items: normal; justify-content: center; } div.newsflash.myModulVystaveVer2 div.myArticle { margin-bottom: 33px; } div.newsflash.myModulVystaveVer2 div.myArticle:last-child { margin-bottom: 0px; } div.myArticle.myVystavy { line-height: normal; font-size: 17px; } div.myArticle.myVystavy > div { font-size: 24px; } div.myArticle.myVystavy > pre { margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background-color: transparent; color: white; font-size: 20px; line-height: normal; } div.newsflash.myNewsModul div.myArticle.myVystavy > pre { color: #424242; } div.myArticle.myVystavy > p { margin-bottom: 0px; } /* POSITION A-VYSTAVY - right site */ div.myModule.myText { width: 71.6%; height: 100%; } div.myModule.myText .myLinkModule { background-color: rgba(26, 61, 104, 0.5); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 16.8%; box-sizing: border-box; height: 100%; font-size: 17px; line-height: 140%; } div.myModule.myText a.myLinkModule { text-decoration: none; } div.myModule.myText a.myLinkModule:hover { background-color: rgba(54, 170, 218, 0.5); } div.custom.myText { width: 100%; } div.custom.myText > div { font-size: 36px; line-height: 135%; font-weight: bold; margin-bottom: 8px; } div.custom.myText > p { } /* FOOTER */ div.footer-holder { background-color: white; /*border-top: 1px solid black;*/ } div.footer-holder > div.myFooterBg { } div.footer-holder > div.myFooterBg > div { } div.footer-holder > div.footer-content-handler { /*position: relative;*/ } footer#footer { background-color: #42474a; color: white; font-size: 17px; font-style: normal; font-weight: normal; line-height: normal; } footer#footer p { margin-bottom: 0px; } footer#footer p:last-child { margin-bottom: 0px; } footer#footer a { color: white; text-decoration: underline; } footer#footer a:hover { color: white; text-decoration: none; } div#footer-line { /*padding: 16px 0px;*/ padding: 50px 0px; } div#footer-line-bottom { /*border-top: 1px solid rgba(156, 18, 11, 0.2);*/ padding: 0px; } div#footer-line-bottom [class*="span"] { min-height: 1px; } div.myBottomFooter { /*background-color: rgba(0, 0, 0, 0.03);*/ } /* FOOTER - add position for 3 colomn modules */ footer#footer div.myFooter3Col { display: table; width: 100%; } footer#footer div.myFooter3Col > div { display: table-cell; vertical-align: middle; } footer#footer div.myFooter3Col > div:nth-child(1) { width: 207px; text-align: left; } footer#footer div.myFooter3Col > div:nth-child(2) { width: auto; } footer#footer div.myFooter3Col > div:nth-child(3) { width: 1px; white-space: nowrap; text-align: right; } #footer-line ul.menu.myFooterMenu { padding: 0px; display: table; margin: auto; } #footer-line ul.menu.myFooterMenu > li { padding: 5px 16px; } #footer-line ul.menu.myFooterMenu > li > a { color: white; font-size: 13px; font-style: normal; font-weight: normal; text-transform: uppercase; } #footer-line ul.menu.myFooterMenu > li.active > a { text-decoration: underline; } #footer-line ul.menu.myFooterMenu > li > a:hover { color: #c51115; } /* FOOTER - LEFT RIGHT FOOTER - menu, social link */ div#foo-left-right { margin-bottom: 0px; padding: 21px 0px; position: relative; } div#foo-left-right > div.tf-module:first-child > div.moduletable { /*float: left;*/ } div#foo-left-right > div.tf-module:first-child > div.moduletable p.myH3 { font-size: 14px; font-weight: 600; line-height: 14px; color: white; } div#foo-left-right > div.tf-module > div.moduletable div.module-content { padding-bottom: 0px; } div#foo-left-right > div.tf-module:first-child > div.moduletable p.myH3 + div.module-content { padding-bottom: 14px; } div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu { padding-bottom: 0px; } /* FOOTER - LEFT RIGHT FOOTER - menu */ div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li { padding: 0px; display: inline-block !important; line-height: normal; margin: 5px 0px; margin-right: 20px; } div#foo-left-right > div.tf-module > div.moduletable:last-child div.module-content > ul.menu > li:last-child { margin-right: 0px; } div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li > a { display: block !important; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; color: white; padding-top: 2px; padding-bottom: 1px; margin-bottom: 1px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li.active > a { border-top: 1px solid white; } div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li.active:hover > a { border-top: 1px solid transparent; } div#foo-left-right > div.tf-module > div.moduletable div.module-content > ul.menu > li:hover > a { border-bottom: 1px solid white; } /* FOOTER - LEFT RIGHT FOOTER - social link */ div.moduletable.mySocialLink { display: table; width: 100%; height: 60px; } div.moduletable.mySocialLink > div.module-content-handler { display: table-cell; vertical-align: middle; } div.custom.mySocialLink { display: table; width: auto; margin-left: auto; line-height: normal; } div.custom.mySocialLink > div.myAbsIcon { float: right; width: 105px; height: 31px; } div.custom.mySocialLink > div.myAbsIcon img { position: absolute; max-width: none; bottom: -6px; right: 15px; } div.custom.mySocialLink > p { display: block; line-height: normal; float: right; margin-left: 20px !important; position: relative; } div.custom.mySocialLink > p:last-child { margin-left: 0px !important; } div.custom.mySocialLink > p img { padding: 5px 7px; border-radius: 3px; transition: all 0.2s linear 0s; background-color: transparent; } div.custom.mySocialLink > p a:hover img { background-color: black; } /* FOOTER - myCopyRight */ div.custom.myCopyRight { /*display: table;*/ } div.custom.myCopyRight > p:first-child { float: left; } div.custom.myCopyRight > p.myForFirsts { text-align: right; } /* filter */ .cf_flt_wrapper { float: none; width: 100.0%; padding-bottom: 10px; clear: both; padding-top: 10px; border-top: 1px solid #0000001f; height: auto !important; margin: 0; line-height: 18px; display: flex; } .span3.rs-cl .cf_flt_wrapper { display: block; } .cf_flt_wrapper .cf_flt_header+div { height: auto !important; } .cf_flt_header { text-decoration: none; cursor: pointer; font-size: 1.1em; padding-bottom: 3px; font-weight: bold; float: left; width: 12%; } .span3.rs-cl .cf_flt_header { float: none; width: 100%; margin-bottom: 10px; } .cf_flt_wrapper div+div { flex: 1; } .cf_flt_wrapper ul.cf_filters_list { margin: 0; } .cf_filters_list li { line-height: 1.3em; padding-left: 0px; list-style: none; background-image: none; display: inline-block; width: 25%; margin-bottom: 5px !important; margin-left: 0 !important; } .span3.rs-cl .cf_filters_list li { width: 50%; } ul#cf_list_custom_f_19_334 li { width: 33%; } .cf_filters_list li input.cf_flt { margin: 0; } .headexpand { display: none; } a.cf_resetAll_link { padding: 10px; position: relative; margin-top: 0; display: inline-block; border-radius: 0px; color: #494949; background-color: #ffffff; border: 1px solid #d6d6d6; bottom: 0; float: right; } a.cf_resetAll_link:hover { background: #e55555; color: white; border: 1px solid #e55555; text-decoration: none; } .span3.rs-cl .cf_slider_gutter_m { width: 235px; } .span3.rs-cl .slider_bkg_img { width: 250px; } .span3.rs-cl div#cf_wrapper_inner_custom_f_23_334 { margin: 0 !important; } /* NEW CSS STYLE !!! */ /* HEADER */ header#top-handler div#top { background: white; position: relative; } header#top-handler div#top:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url(header/top_bg.jpg); background-position: 50% 0px; background-repeat: repeat; opacity: 0.2; } header#top-handler div#top:after { display: none; } header#top-handler div#top > div.container-fluid { position: relative; } header#top-handler div#top > div.container-fluid > div.container > div.row-fluid { width: calc(100% - 20px); margin: 0px 10px; } /* LANG SWITH MODUL */ div.myLangSwitchSpacer { display: table; height: 99px; /*position: relative;*/ /*background-color: rgba(255, 254, 254, 0.7); padding: 8px 9px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); border-radius: 8px; margin-top: 4px; display: table; margin-left: auto;*/ } div.myLangSwitchSpacer > div.mod-languages { display: table-cell; vertical-align: middle; } /* LANG SWITH MODUL - roll menu */ div.mod-languages.myLangMenu { } /* LANG SWITH MODUL - for all level */ div.mod-languages.myLangMenu ul.lang-inline > li { display: block; margin: 0px; } div.mod-languages.myLangMenu ul.lang-inline > li > a, div.mod-languages.myLangMenu ul.lang-inline > li > div.myActive { display: block; line-height: 16px; padding: 9px 0px; } div.mod-languages.myLangMenu ul.lang-inline > li img, div.mod-languages.myLangMenu ul.lang-inline > li span { vertical-align: top; } div.mod-languages.myLangMenu ul.lang-inline > li img { /*width: 23px;*/ /*height: 15px;*/ width: 25px; height: 16px; } div.mod-languages.myLangMenu ul.lang-inline > li span { display: inline-block; font-size: 12px; font-style: normal; font-weight: normal; margin-left: 5px; color: #141414; } div.mod-languages.myLangMenu ul.lang-inline > li a:hover > span { color: #FE0106; } /* LANG SWITH MODUL - for level 1 */ div.mod-languages.myLangMenu > ul.lang-inline { display: block; height: 34px; } div.mod-languages.myLangMenu > ul.lang-inline > li > div.myActive { cursor: alias; } div.mod-languages.myLangMenu > ul.lang-inline > li > a:after, div.mod-languages.myLangMenu > ul.lang-inline > li > div.myActive:after { content: ''; display: inline-block; width: 8px; height: 5px; vertical-align: top; margin-left: 5px; margin-top: 5.5px; /*background-color: white;*/ background-image: url(lang/arrow.png); background-repeat: no-repeat; background-position: 50%; } /* LANG SWITH MODUL - for level 2 */ div.mod-languages.myLangMenu > ul.lang-inline > ul.lang-inline { position: relative; display: block; margin-top: -1000px; transition: opacity 0.4s linear 0s, margin-top 0s linear 0.4s; opacity: 0; /* bacground lang menu */ background-color: white; box-shadow: 0px 0px 7px; margin-left: -9px; } div.mod-languages.myLangMenu > ul.lang-inline:hover > ul.lang-inline { margin-top: 0px; transition: opacity 0.2s linear 0s; opacity: 1; } div.mod-languages.myLangMenu > ul.lang-inline > ul.lang-inline > li > a { padding-left: 9px; padding-right: 9px; } /* LANG SWITH MODUL - switch button */ div.mod-languages.myLangSwitch > ul { display: table; float: right; } div.mod-languages.myLangSwitch > ul > li { display: block; float: left; margin: 0px; /*margin-left: 6px;*/ border-left: 1px solid #818181; } div.mod-languages.myLangSwitch > ul > li:first-child { /*margin-left: 0px;*/ border-left: 0px; } div.mod-languages.myLangSwitch > ul > li > a { display: block; /*color: #818181;*/ /*font-size: 14px;*/ color: #5B5B5B; font-size: 20px; font-style: normal; font-weight: normal; line-height: 15px; padding: 0px 5px; } div.mod-languages.myLangSwitch > ul > li:first-child > a { /*padding-left: 0px;*/ } div.mod-languages.myLangSwitch > ul > li:last-child > a { /*padding-right: 0px;*/ } div.mod-languages.myLangSwitch > ul:hover > li.lang-active > a { /*color: #818181;*/ color: #5B5B5B; } div.mod-languages.myLangSwitch > ul > li.lang-active > a { font-weight: bold; } div.mod-languages.myLangSwitch > ul > li.lang-active > a, div.mod-languages.myLangSwitch > ul:hover > li > a:hover { /*color: #044485;*/ color: black; } /* LANG SWITH MODUL - switch button - for images */ div.mod-languages.myLangSwitch > ul > li > a { /*width: 24px;*/ /*height: 17px;*/ /*border: 1px solid #a4a4a4;*/ /*border: 1px solid #6f6e6e;*/ } /*div.mod-languages.myLangSwitch > ul > li > a > img { display: block; width: 100%; height: 100%; transition: opacity 0.2s linear 0s; } div.mod-languages.myLangSwitch > ul > li > a.myBW > img, div.mod-languages.myLangSwitch > ul:hover > li.lang-active > a.myBW > img { opacity : 0; } div.mod-languages.myLangSwitch > ul > li > a.myBW:hover > img, div.mod-languages.myLangSwitch > ul > li.lang-active > a.myBW > img, div.mod-languages.myLangSwitch > ul:hover > li.lang-active > a.myBW:hover > img { opacity : 1; }*/ /* LOGIN PANEL */ div.myLogPannel { float: right; display: table; height: 90px; } div.myLogPannel ul.log-panel { float: none; display: table-cell; vertical-align: middle; } div.myLogPannel ul.log-panel > li { margin: 0px !important; line-height: 20px; float: left; position: relative; display: block; margin-right: 25px !important; } div.myLogPannel ul.log-panel > li:last-child { margin-right: 0px !important; } div.myLogPannel ul.log-panel > li:after { content: ''; display: block; position: absolute; width: 1px; height: 10px; background-color: #b4b4b4; top: 0px; bottom: 0px; right: -13px; margin: auto; } div.myLogPannel ul.log-panel > li:last-child:after { display: none; } div.myLogPannel ul.log-panel > li > a { height: auto; line-height: 20px; color: #3c3c3c !important; font-size: 14px; font-weight: 200; font-style: normal; } div.myLogPannel ul.log-panel > li > a:hover { text-decoration: underline; } div.myLogPannel ul.log-panel > li > a > i { line-height: 20px; color: transparent; overflow: hidden; margin-right: 7px; height: 20px; background-repeat: no-repeat; background-position: 50%; background-size: cover; } div.myLogPannel ul.log-panel > li > a > i.fa-user { background-image: url(login/login.png); width: 14px; } div.myLogPannel ul.log-panel > li > a > i.fa-pencil { background-image: url(login/register.png); width: 22px; } /* MY PALETS BANNER 1 */ section#palet-banners { } section#palet-banners div.mySpacer { position: relative; overflow: hidden; min-height: 300px; } section#palet-banners.myReady div.mySpacer { min-height: 0px; } section#palet-banners div.mySpacer div.myModule { position: absolute; overflow: visible !important; } /* MY PALETS BANNER 1 - background images */ section#palet-banners div.mySpacer div.myModule div.myImg { position: absolute; /*width: 100%;*/ width: calc(100% + 5px); height: 100%; top: 0px; left: 0px; } section#palet-banners div.mySpacer div.myModule div.myImg.my1, section#palet-banners div.mySpacer div.myModule div.myImg.my2 { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } section#palet-banners div.mySpacer div.myModule div.myImg.my2 + div.myImg.my1 { opacity: 0; transition: opacity 0.2s linear 0s; } section#palet-banners div.mySpacer div.myModule:hover div.myImg.my2 + div.myImg.my1 { opacity: 1; } /* MY PALETS BANNER 1 - background images */ section#palet-banners div.mySpacer div.myModule div.myImg.myShadow { background-image: url(banners/palets/bg_shadow2.png) !important; background-repeat: repeat-x; background-position: 0% 100%; } /* MY PALETS BANNER 1 - content */ section#palet-banners div.mySpacer div.myModule div.custom { position: relative; padding-top: 195px; background-image: none !important; } /* MY PALETS BANNER 1 - content - title */ section#palet-banners div.mySpacer div.myModule div.custom > table:first-child { display: block; width: 100%; margin-bottom: 0px; height: 105px; overflow: hidden; background-color: rgba(0, 0, 0, 0.10); opacity: 1; transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s; } section#palet-banners div.mySpacer div.myModule:hover div.custom > table:first-child { background-color: rgba(1, 167, 76, 0.80); } section#palet-banners div.mySpacer div.myModule.myFullContent:hover div.custom > table:first-child { opacity: 0; } section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody { display: block; height: 100%; } section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody > tr { display: table; width: 100%; height: 100%; } section#palet-banners div.mySpacer div.myModule div.custom > table:first-child > tbody > tr > td { padding: 5px; border: 0px; text-align: center; vertical-align: middle; color: white; font-size: 18px; font-weight: normal; line-height: 24px; } /* MY PALETS BANNER 1 - content - text */ section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) { display: block; margin-bottom: 0px; position: absolute; left: 0px; max-height: 50%; overflow: hidden; max-width: none; bottom: -50%; transition: all 0.4s linear 0s; } section#palet-banners div.mySpacer div.myModule:hover div.custom > table:nth-child(2) { bottom: 0%; } section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody, section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr { display: block; } section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr > td { display: block; border: 0px; padding: 15px; /*background-color: #00b250;*/ background-color: rgba(1, 167, 76, 0.80); color: white; font-size: 14px; line-height: 18px; } section#palet-banners div.mySpacer div.myModule div.custom > table:nth-child(2) > tbody > tr > td > div { font-size: 18px; font-weight: 600; margin-bottom: 10px; } /* MY PALETS BANNER 1 - content - link */ section#palet-banners div.mySpacer div.myModule div.custom > p:last-child, section#palet-banners div.mySpacer div.myModule div.custom > p:last-child > a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } section#palet-banners div.mySpacer div.myModule div.custom > p:last-child > a { display: block; color: transparent; overflow: hidden; } /* NEWS MODUL */ div.newsflash.myNewsModul { padding: 0px; } div.newsflash.myNewsModul div.myArticle { /*display: table;*/ /*width: 100%;*/ margin-bottom: 15px; } div.newsflash.myNewsModul div.myArticle:last-child { margin-bottom: 0px; } /* NEWS MODUL - date */ div.newsflash.myNewsModul div.myArticle div.myDate { color: #1f1a17; font-size: 12px; line-height: 15px; margin-bottom: 5px; } /* NEWS MODUL - title */ div.newsflash.myNewsModul div.myArticle p.myTitleArticle { font-size: 15px; font-weight: normal; line-height: 17px; /*color: #141414;*/ margin-bottom: 6px; } div.newsflash.myNewsModul div.myArticle p.myTitleArticle a { color: black; text-decoration: underline; } div.newsflash.myNewsModul div.myArticle p.myTitleArticle a:hover { color: #044485; /*color: #1262b3;*/ } /* NEWS MODUL - content */ div.newsflash.myNewsModul div.myArticle div.myArticleContent { /*font-size: 15px;*/ /*font-weight: normal;*/ /*line-height: 1.20;*/ /*color: #141414;*/ /* max text height */ /*height: 44px;*/ /*overflow: hidden;*/ } div.newsflash.myNewsModul div.myArticle div.myArticleContent:after { content: ''; display: table; width: 100%; clear: both; } div.newsflash.myNewsModul div.myArticle div.myArticleContent > p { margin-bottom: 0px; } div.newsflash.myNewsModul div.myArticle div.myArticleContent > p:last-child { /*margin-bottom: 0px;*/ } div.newsflash.myNewsModul div.myArticle div.myArticleIntroImg { float: left; } /* NEWS MODUL - readmore */ div.newsflash.myNewsModul div.myArticle p.myReadmore { text-align: right; } div.newsflash.myNewsModul div.myArticle a.myReadmore { } /* NEWS MODUL - link to news */ div.newsflash.myNewsModul div.myModuleNewsLink { text-align: right; font-size: 13px; } /* NEWS MODUL - blog page and for news modul - head */ div.newsflash.myNewsModul div.myArticle div.myHead { /*padding: 10px;*/ /*border-right: solid 1px #eee4d4;*/ /*border-bottom: solid 1px #eee4d4;*/ /*background-color: #fffef5;*/ /*margin-bottom: 13px;*/ } /* NEWS MODUL - blog page - date */ div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myDate { /*color: #444444;*/ /*margin-bottom: 4px;*/ color: black; margin-bottom: 3px; font-size: 12px; } /* NEWS MODUL - blog page - title */ div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle p.myTitleArticle { font-size: 20px; font-weight: normal; line-height: 26px; margin-bottom: 10px; } /* NEWS MODUL - blog page - content */ div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myArticleContent { /*padding-left: 10px;*/ } div.blog.myNewsBlog.myActual div.newsflash.myNewsModul div.myArticle div.myArticleContent > div.myText { font-size: 16px; font-weight: normal; font-style: normal; line-height: 25px; max-height: 50px; overflow: hidden; margin-bottom: 5px; } /* NEWS MODUL - Reference */ div.blog.myNewsBlog.myReference > div.items-row { margin-bottom: 0px; padding: 0px; } div.newsflash.myNewsModul.myReference { padding: 0px; } div.newsflash.myNewsModul.myReference div.myArticle p.myTitleArticle { font-size: 18px; margin-bottom: 8px; } /* NEWS MODUL - Reference - Category list */ div.categories-list.myNewsBlog.myReference { display: table; width: calc(100% + 12px); margin: 0px -6px; } div.categories-list.myNewsBlog.myReference > div.category-desc.base-desc { margin: 0px 6px; } div.categories-list.myNewsBlog.myReference > div.first, div.categories-list.myNewsBlog.myReference > div.first ~ div { width: calc(50% - 12px); float: left; padding: 0px; border-right: solid 1px #eee4d4; border-bottom: solid 1px #eee4d4; background: #fffef5; box-sizing: border-box; margin: 0px 6px; margin-bottom: 13px; } div.categories-list.myNewsBlog.myReference > div.first > h3, div.categories-list.myNewsBlog.myReference > div.first ~ div > h3 { padding: 0px; font-size: 18px; font-weight: normal; } div.categories-list.myNewsBlog.myReference > div.first > h3 > a, div.categories-list.myNewsBlog.myReference > div.first ~ div > h3 > a { display: block; padding: 10px; text-decoration: underline !important; } /* CAREER MODUL */ div.newsflash.myCareerModul { } div.newsflash.myCareerModul div.myArticle { display: table; width: 100%; margin-bottom: 35px; } div.newsflash.myCareerModul div.myArticle:last-child { margin-bottom: 0px; } /* NEWS MODUL - left site */ div.newsflash.myCareerModul div.myArticle > div.myLeft { display: table-cell; vertical-align: top; width: 44px; padding-right: 17px; box-sizing: content-box; } div.newsflash.myCareerModul div.myArticle > div.myLeft img { display: block; width: 100%; width: 40px; } /* NEWS MODUL - right site */ div.newsflash.myCareerModul div.myArticle > div.myRight { display: table-cell; vertical-align: top; border-left: 1px solid #BFBFBF; padding-left: 19px; } /* CAREER MODUL - right site - title */ div.newsflash.myCareerModul div.myArticle p.myTitleArticle { font-size: 15px; font-weight: 600; line-height: 1.20; color: #141414; margin-bottom: 4px; } div.newsflash.myCareerModul div.myArticle p.myTitleArticle a { /*color: #141414;*/ } /* CAREER MODUL - right site - content */ div.newsflash.myCareerModul div.myArticle div.myArticleContent { font-size: 13px; font-weight: normal; line-height: 1.30; color: #505050; /* max text height */ /*height: 44px;*/ /*overflow: hidden;*/ } div.newsflash.myCareerModul div.myArticle div.myArticleContent > p { margin-bottom: 2px; } div.newsflash.myCareerModul div.myArticle div.myArticleContent > p:last-child { margin-bottom: 0px; } /* BLOG NEWS */ div.blog.myNewsBlog > div.items-row { /*margin-bottom: 13px;*/ /*padding: 10px 0px;*/ padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } div.blog.myNewsBlog > div.items-row:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; } /* BLOG NEWS - pagination */ div.pagination { } div.pagination ul { } div.pagination ul li { padding: 0px; } div.pagination ul li span, div.pagination ul li a { background-color: #fff; border: 1px solid #ddd !important; border-radius: 0px; border-left-width: 0 !important; } div.pagination ul li:first-child span, div.pagination ul li:first-child a { border-left-width: 1px !important; } /* BLOG NEWS - article detail */ div.item-page.myActual div.myDateArt { /*padding-top: 12px;*/ line-height: 16px; margin-bottom: 12px; } /* BOTTOM SLIDE */ section#bottom-slide { } section#bottom-slide div.mySpacer { } section#bottom-slide div.myModule { position: relative; overflow: hidden; float: left; } section#bottom-slide div.myModule:last-child { float: right; } /* BOTTOM SLIDE - img background */ section#bottom-slide div.myModule > div.myImg { position: absolute; top: 0px; bottom: 67px; left: 0px; right: 0px; margin: auto; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; transform: scale(1.0); transition: all 0.2s linear 0s; } section#bottom-slide div.myModule:hover > div.myImg { transform: scale(1.1); } /* BOTTOM SLIDE - content */ section#bottom-slide div.custom { padding-top: 232px; background-image: none !important; position: relative; } /* BOTTOM SLIDE - title */ section#bottom-slide div.custom > table:first-child { display: block; width: 100%; margin-bottom: 0px; height: 68px; overflow: hidden; background-color: #00b250; transition: all 0.2s linear 0s; } section#bottom-slide div.myModule:nth-child(2n) div.custom > table:first-child { background-color: #01a74c; } section#bottom-slide div.myModule:hover div.custom > table:first-child { background-color: black; } section#bottom-slide div.custom > table:first-child > tbody { display: block; height: 100%; } section#bottom-slide div.custom > table:first-child > tbody > tr { display: table; width: 100%; height: 100%; } section#bottom-slide div.custom > table:first-child > tbody > tr > td { padding: 5px; border: 0px; text-align: center; vertical-align: middle; color: white; font-size: 18px; font-weight: normal; line-height: 24px; } /* BOTTOM SLIDE - link */ section#bottom-slide div.custom > p:last-child, section#bottom-slide div.custom > p:last-child > a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } section#bottom-slide div.custom > p:last-child > a { display: block; color: transparent; overflow: hidden; } /* BOTTOM 1 */ div#bottom-my1 { position: relative; padding-top: 41px; padding-bottom: 50px; background-color: #FEFEFE; } div#bottom-my1:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; /*background-image: url(banners/bottom1/bg_bw.jpg);*/ background-image: url(banners/bottom1/kancelar_bw_optimized.jpg); background-repeat: repeat; background-size: cover; /*background-position: 50% 65%;*/ background-position: 50% 37%; opacity: 0.08; } div#bottom-my1 > div { position: relative; } /* BOTTOM 2 */ div#bottom-my2 { padding-top: 39px; padding-bottom: 48px; } div#bottom-my2 div.custom:nth-child(n+2) { margin-top: 50px; /*padding-top: 39px;*/ /*border-top: 1px dashed rgba(0, 0, 0, 0.3);*/ padding-top: 41px; background-image: url(banners/bottom2/line.png); background-repeat: repeat-x; } div#bottom-my2 div.custom > p { color: #282828; font-size: 18px; font-weight: normal; font-style: normal; } div#bottom-my2 div.custom > p.myH1 { color: #141414; font-size: 26px; font-weight: 600; padding-bottom: 14px; margin-bottom: 11px; } /* BOTTOM 2 - logos table */ div.custom.myLogosModul > table { width: 100%; max-width: 1150px; margin: auto; margin-top: 43px; } div.custom.myLogosModul > table > tbody { display: block; } div.custom.myLogosModul > table > tbody > tr { display: block; text-align: justify; text-align-last: justify; } div.custom.myLogosModul > table > tbody > tr > td { border: 0px; padding: 0px; display: inline; } /* BOTTOM 3 */ div#bottom-my3 { } div.custom.myImgUpFooter img { display: block; width: 100%; } /* BOTTOM UP 1 */ div#bottom-up1 { position: relative; padding-top: 45px; padding-bottom: 50px; } div#bottom-up1:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url(bottom-up1/bg-thumb.jpg); background-position: 50%; opacity: 0.15; } div#bottom-up1 > div { position: relative; } /* BOTTOM UP 1 - contact modul */ div.custom.myContactModul { margin: auto; max-width: 1040px; } /* BOTTOM UP 1 - contact modul - special table format */ table.mySpContact { width: 100%; margin-bottom: 20px; } table.mySpContact:last-child { margin-bottom: 0px; } table.mySpContact td { border: 0px; padding: 0px; vertical-align: top; } table.mySpContact > tbody > tr > td[colspan="2"], table.mySpContact > tbody > tr > td[colspan="3"] { } table.mySpContact > tbody > tr > td:first-child:nth-last-child(2), table.mySpContact > tbody > tr > td:first-child:nth-last-child(2) ~ td { width: 50%; } table.mySpContact > tbody > tr > td:first-child:nth-last-child(3), table.mySpContact > tbody > tr > td:first-child:nth-last-child(3) ~ td { width: 33.33%; } table.mySpContact > tbody > tr > td:nth-child(n+2) { background-image: url(bottom-up1/line.png); background-repeat: repeat-y; padding-left: 1px; } table.mySpContact > tbody > tr > td.myNoTable:nth-child(n+2) { background-image: none; } /* BOTTOM UP 1 - contact modul - special table format - table content */ table.mySpContact > tbody > tr > td > table { width: auto; margin-bottom: 30px; } table.mySpContact > tbody > tr:last-child > td > table { margin-bottom: 0px; } table.mySpContact > tbody > tr > td:nth-child(2):nth-last-child(2) > table { margin-right: auto; margin-left: auto; } table.mySpContact > tbody > tr > td:last-child > table { margin-left: auto; } table.mySpContact > tbody > tr > td > table td:nth-child(1) { width: 133px; padding-right: 19px; } table.mySpContact > tbody > tr > td > table td:nth-child(1) > p { margin-bottom: 0px; } table.mySpContact > tbody > tr > td > table td:nth-child(1) img { display: block; width: 100%; box-sizing: content-box; } table.mySpContact > tbody > tr > td > table td:nth-child(2) { border-left: 1px solid #BFBFBF; padding-left: 19px; font-size: 15px; font-weight: normal; color: #505050; } table.mySpContact > tbody > tr > td > table td:nth-child(2) a { color: #505050; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > p { line-height: 28px; margin-bottom: 10px; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > p:last-child { margin-bottom: 0px; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > p span[style*="text-decoration: line-through;"] { display: inline-block; width: 28px; height: 28px; margin-right: 12px; background-color: #DE2B2E; position: relative; vertical-align: top; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > p a:hover span[style*="text-decoration: line-through;"] { background-color: #1E1E1E; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > p span[style*="text-decoration: line-through;"] > img { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; max-width: 100%; max-height: 100%; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > div:nth-child(1) { font-size: 20px; font-weight: 600; line-height: 1.20; margin-bottom: 2px; color: #141414; margin-top: -4px; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > div:nth-child(n+2) { font-size: 18px; font-weight: normal; line-height: 1.20; /*margin-bottom: 0px;*/ color: #282828; } table.mySpContact > tbody > tr > td > table td:nth-child(2) > div + p { margin-top: 19px; } /* BOTTOM UP 1 - contact modul - special table format - START my Titles and text format */ table.mySpContact > tbody > tr > td > div { font-size: 18px; color: #de2b2e; margin-bottom: 7px; } table.mySpContact > tbody > tr > td:nth-child(n+2) > div, table.mySpContact > tbody > tr > td:nth-child(n+2) > p { padding-left: 15px; } /* BOTTOM UP 1 - contact modul - special table format - END my Titles and text format */ /* BOTTOM UP 2 */ div#bottom-up2 { padding-top: 42px; padding-bottom: 15px; } div.custom.myBottomUp2Modul { font-size: 13px; line-height: 1.50; } div.custom.myBottomUp2Modul p { margin-bottom: 9px; } div.custom.myBottomUp2Modul p.myH1 { margin-bottom: 24px; } div.custom.myBottomUp2Modul > table { width: 100%; margin-bottom: 0px; } div.custom.myBottomUp2Modul > table > tbody > tr > td { border: 0px; padding: 0px; width: calc(50% - 348px); } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) { width: 348px; } div.custom.myBottomUp2Modul > table > tbody > tr > td > p { margin-bottom: 0px; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(1) img, div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(3) img { max-width: calc(100% + 45px); display: block; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(1) img { margin-left: -45px; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(3) img { margin-right: -45px; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table { display: block; /*width: 100%;*/ width: 348px; margin: 0px; padding: 5px; box-sizing: border-box; /*height: 215px;*/ background: #E50005; background: linear-gradient(270deg, #C51115 4.17%, #E50005 49.73%, #C51115 100%); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody { display: block; border: 1px dashed #9A0000; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr { display: table; width: 100%; height: 203px; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td { text-align: center; vertical-align: middle; border: 0px; padding: 5px; color: #FFD7D7; font-size: 24px; font-style: normal; font-weight: normal; line-height: 1.35; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > p { margin-bottom: 0px; } div.custom.myBottomUp2Modul > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > div { color: white; font-size: 50px; font-weight: bold; /*line-height: 1.35;*/ } /* LEFT and RIGHT modules */ .rs-cl [class*="moduletable"], .rs-cr [class*="moduletable"] { margin-bottom: 25px; } /* LEFT modules */ .rs-cl div[class*="moduletable"] > div.module-content-handler > p.myH3 { font-size: 20px; font-style: normal; font-weight: 600; color: #424242; line-height: 22px; padding-bottom: 11px; border-bottom: 1px solid rgba(18, 98, 179, 0.18); margin-bottom: 18px; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content { padding: 0px; } /* LEFT modules - menu */ .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul { margin: 0px; list-style-type: none; } /* LEFT modules - menu - level 1 */ .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul > li { line-height: 20px; margin-bottom: 13px; padding: 0px; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul > li > a { color: #044485; font-size: 16px; font-style: normal; font-weight: 600; vertical-align: top; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul > li.active > a { text-decoration: underline; } /* LEFT modules - menu - level 2 and more */ .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul ul { list-style-type: none; margin-top: 8px; margin-bottom: 24px; margin-left: 26px; display: none; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul li.active > ul { display: block; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul ul > li { line-height: 16px; margin-bottom: 8px; padding: 0px; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul ul > li:before { content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #1262b3; margin-top: 6px; margin-left: -15px; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul ul > li > a { color: #597b9e; font-size: 14px; font-style: normal; font-weight: normal; vertical-align: top; padding: 0px; } .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > ul ul > li.active > a { text-decoration: underline; } /* LEFT modules - content */ .rs-cl div[class*="moduletable"] > div.module-content-handler > div.module-content > div.custom { } /* LEFT MENU */ section#story-content.myAddLeft > div#content-handler > div > div.span3 { } div.myLeftMenu { margin-top: -79px; /*min-height: 80px;*/ background-color: white; box-shadow: 3px 3px 13px rgba(31, 29, 29, 0.14); padding: 18px; margin-bottom: 25px; } div.myLeftMenu:last-child { /*margin-bottom: 0px;*/ } /* LEFT MENU - title */ div.myLeftMenu div#myVmMenuModulButton { font-size: 20px; font-style: normal; font-weight: 600; color: #424242; line-height: 22px; padding-bottom: 11px; border-bottom: 1px solid rgba(18, 98, 179, 0.18); margin-bottom: 18px; } /* LEFT MENU - menu */ div.myLeftMenu ul.myVMmenu { background-color: transparent; border: 0px; list-style-type: none; margin: 0px; overflow: hidden; } /* LEFT MENU - menu - for ALL */ div.myLeftMenu ul.myVMmenu li.myActive > a { text-decoration: underline; } /* LEFT MENU - menu - level 1 */ div.myLeftMenu ul.myVMmenu > li { line-height: 20px; margin-bottom: 13px; } div.myLeftMenu ul.myVMmenu > li > a { color: #044485; font-size: 16px; font-style: normal; font-weight: 600; vertical-align: top; } /* LEFT MENU - menu - level 2 and more */ div.myLeftMenu ul.myVMmenu ul { list-style-type: none; margin-top: 8px; margin-bottom: 24px; margin-left: 26px; } div.myLeftMenu ul.myVMmenu li.myClose ul { display: none; } div.myLeftMenu ul.myVMmenu ul > li { line-height: 16px; margin-bottom: 8px; } div.myLeftMenu ul.myVMmenu ul > li:before { content: ''; display: block; position: absolute; width: 4px; height: 4px; background-color: #1262b3; margin-top: 6px; margin-left: -15px; } div.myLeftMenu ul.myVMmenu ul > li > a { color: #597b9e; font-size: 14px; font-style: normal; font-weight: normal; vertical-align: top; } /* ARTICLE CONTACT - contact table */ table.myContactTable { width: 100%; margin-bottom: 20px; } table.myContactTable:last-child { margin-bottom: 0px; } table.myContactTable > tbody > tr > td { border: 0px; padding: 0px 20px; width: 50%; vertical-align: top; } table.myContactTable > tbody > tr > td:first-child { padding-left: 0px; } table.myContactTable > tbody > tr > td:last-child { padding-right: 0px; } table.myContactTable > tbody > tr > td > table { width: auto; margin-bottom: 0px; } table.myContactTable > tbody > tr > td > table td { border: 0px; padding: 4px 5px; vertical-align: top; } table.myContactTable > tbody > tr > td > table td:first-child { padding-left: 0px; } table.myContactTable > tbody > tr > td > table td:last-child { padding-right: 0px; } /* ARTICLE - contacts */ table.myTableContacts { width: auto; margin-bottom: 0px; } table.myTableContacts td { border: 0px; padding: 0px; vertical-align: top; padding-bottom: 20px; padding-right: 20px; } table.myTableContacts td:last-child { padding-right: 0px; } table.myTableContacts td p { margin-bottom: 0px; } div.myContactMap { margin-bottom: 20px; } /* ARTICLE - velkoobchod-s-hutnim-materialem */ table.myLtextRimg { /*width: 100%;*/ width: auto; } table.myLtextRimg td { padding: 0px; padding-right: 50px; border: 0px; /*width: 50%;*/ } table.myLtextRimg td:last-child { /*text-align: center;*/ padding-right: 0px; padding-left: 50px; } /* ARTICLE - hutni-nastroje-a-naradi/presne-bezesve-trubky (MY SPECIAL BIG TABLE) */ div.mySpBigTable { } table.mySpBigTable { } table.mySpBigTable td { text-align: center; vertical-align: middle; padding: 5px; line-height: 100%; font-size: 14px; color: black; /*background-color: rgba(204, 255, 102, 1);*/ /*background-color: rgba(255, 204, 204, 1);*/ } /* BOTTOM ARTICLE DEFAULT */ div#bottom-content-modules { margin-top: 31px; } div#bottom-content-modules p { margin-bottom: 0px; } div#bottom-content-modules > div.row-fluid > div.span6 { background-color: #fffef5; border: 1px solid #eee4d4; width: 325px; margin: 0px; } div#bottom-content-modules > div.row-fluid > div.span6:last-child { float: right; margin-right: 8px; } div.moduletablemyTitleModul { width: 333px; height: 99px; margin-left: -1px; margin-top: -1px; margin-bottom: 12px; } div.custommyTitleModul { height: 99px; padding: 20px 155px 0 22px; box-sizing: border-box; font-size: 16px; font-weight: bold; line-height: 21px; color: #957e49; background-repeat: no-repeat; letter-spacing: -.6px; } div.custommyTitleModul.myRight { padding-right: 85px; } div.custommyTitleModul a { color: #957e49; } /* BOTTOM ARTICLE DEFAULT - modules */ div#bottom-content-modules div.moduletable { margin: 0px 2px; margin-bottom: 28px; } div#bottom-content-modules div.moduletable:last-child { margin-bottom: 2px; } div#bottom-content-modules div.moduletable div.module-content { padding: 0px; } div#bottom-content-modules div.custom { min-height: 170px; background-repeat: no-repeat; background-position: 0px 100%; position: relative; } div#bottom-content-modules div.custom > p:nth-child(1) { font-size: 16px; line-height: 18px; color: #211f1a; /*padding: 9px 100px 4px 10px;*/ /*padding: 7px 100px 7px 10px;*/ /*background-image: url(intro-left-right/left_float_head.gif);*/ background-repeat: no-repeat; } div#bottom-content-modules div.custom > p:nth-child(2) { width: 186px; padding: 3px 16px 7px; margin-left: -6px; /*background: url(intro-left-right/bg_home_texty_anotace.png) 0 bottom no-repeat;*/ border-top: 1px solid #7c6636; color: #1f1a17; font-size: 12px; line-height: 17px; } div#bottom-content-modules div.custom > div, div#bottom-content-modules div.custom > div a { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; color: transparent; overflow: hidden; } /* BOTTOM ARTICLE DEFAULT - modules - only left site */ div#bottom-content-modules div.span6:nth-child(1) div.custom > p:nth-child(1) a { display: block; padding: 7px 100px 7px 10px; color: #211f1a; text-decoration: none; transition: all 0.0s linear 0s; } div#bottom-content-modules div.span6:nth-child(1) div.custom > p:nth-child(1) a:hover { color: #9d6d03; text-decoration: none; } /* BOTTOM ARTICLE DEFAULT - modules - only right site */ div#bottom-content-modules div.span6:nth-child(2) div.custom > p:nth-child(1) { padding: 7px 100px 7px 10px; /*background-image: url(intro-left-right/right_float_head.gif);*/ color: white; } div#bottom-content-modules div.span6:nth-child(2) div.custom:hover > p:nth-child(1) { color: #ffe50c; } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE */ div#mySpTwoImg { position: relative; overflow: hidden; margin-bottom: 5px; } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE - images background */ div#mySpTwoImg div.mySpacer { /*position: relative;*/ } div#mySpTwoImg div.mySpacer:after { content: ''; display: table; width: 100%; clear: both; } div#mySpTwoImg div.mySpacer div.custom, div#mySpTwoImg div.myCol { height: 458px; width: calc(50% + 51px); background-size: cover; background-repeat: no-repeat; /* hover bg */ position: relative; } div#mySpTwoImg div.mySpacer div.custom:before { /* hover bg */ content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; transition: all 0.2s linear 0s; opacity: 0; } div#mySpTwoImg div.mySpacer div.custom:hover:before, div#mySpTwoImg div#myEdge:hover ~ div.mySpacer div.custom:nth-child(1):before, div#mySpTwoImg div.myCol.my1:hover ~ div.mySpacer div.custom:nth-child(1):before, div#mySpTwoImg div.myCol.my2:hover ~ div.mySpacer div.custom:nth-child(2):before { opacity: 1; } div#mySpTwoImg div.mySpacer div.custom:nth-child(1) { float: left; background-position: 100% 50%; } div#mySpTwoImg div.mySpacer div.custom:nth-child(1):before { background-image: url(/images/banners/top-banner/left-cover.png); background-position: 100% 50%; } div#mySpTwoImg div.mySpacer div.custom:nth-child(2) { float: right; background-position: 0% 50%; margin-left: -102px; } div#mySpTwoImg div.mySpacer div.custom:nth-child(2):before { background-image: url(/images/banners/top-banner/right-cover.png); background-position: 0% 50%; } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE - edge line */ div#mySpTwoImg div#myEdge { position: absolute; height: 120%; margin: auto; top: 0px; bottom: 0px; z-index: 2; /*background-color: red;*/ transform: rotate(13deg); width: 102px; left: 50%; margin-left: -103px; } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE - link cols */ div#mySpTwoImg div.myCol { position: absolute; z-index: 2; } div#mySpTwoImg div.myCol.my2 { right: 0px; } div#mySpTwoImg div#myEdge a, div#mySpTwoImg div.myCol a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; color: transparent; overflow: hidden; } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE - text element */ div#mySpTwoImg div.myText { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } div#mySpTwoImg div.myText div.container, div#mySpTwoImg div.myText div.custom, div#mySpTwoImg div.myText div.custom > table { height: 100%; } div#mySpTwoImg div.myText div.custom > table { width: 100%; margin: 0px; } div#mySpTwoImg div.myText div.custom > table td { border: 0px; /*padding: 15px 51px;*/ padding: 15px 85px; vertical-align: middle; width: 50%; text-align: center; color: white; font-size: 21px; line-height: 25px; font-style: normal; font-weight: normal; } div#mySpTwoImg div.myText div.custom > table td p { margin-bottom: 0px; } div#mySpTwoImg div.myText div.custom > table td:first-child { padding-left: 60px; } div#mySpTwoImg div.myText div.custom > table td:last-child { padding-right: 60px; } div#mySpTwoImg div.myText div.custom > table td > p:nth-child(1) { font-size: 50px; line-height: 60px; font-weight: bold; margin-bottom: 5px; } div#mySpTwoImg div.myText div.custom > table td > p:nth-child(3) { color: #195898; background-color: white; display: inline-block; font-size: 18px; line-height: 20px; font-weight: bold; padding: 13px 38px; margin-top: 27px; border-radius: 20px; } div#mySpTwoImg div.myBigLogo img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 3; border-bottom-left-radius: 74px; border-bottom-right-radius: 74px; /*background-color: red;*/ } /* SPECIAL TOP BANNER WITH TWO IMAGES AND ROTATE LINE - STYLE FOR 1694 and more */ @media (min-width: 1694px) { div#mySpTwoImg div.mySpacer div.custom, div#mySpTwoImg div.myCol { width: 53%; } div#mySpTwoImg div.mySpacer div.custom:nth-child(2) { margin-left: -6%; } div#mySpTwoImg div#myEdge { margin-left: -3.06%; width: 6%; left: 47%; } } /* MODULE UNDER LEFT VM MENU */ div.myLeftModule { background-color: white; box-shadow: 3px 3px 13px rgba(31, 29, 29, 0.14); padding: 18px; padding-top: 3px; /*margin-bottom: 25px;*/ } /* MODULE UNDER LEFT VM MENU - module content */ div.custom.myVmMenuInfo { font-size: 11px; } div.custom.myVmMenuInfo p { margin-bottom: 12px; } div.custom.myVmMenuInfo p:last-child { margin-bottom: 0px; } div.custom.myVmMenuInfo > hr { /*margin: 0px -18px;*/ /*margin-bottom: 10px;*/ /*margin-top: 20px;*/ /*border-color: rgba(0,0,0,0.2);*/ } div.custom.myVmMenuInfo img.myImg { max-width: none; width: calc(100% + 32px); margin-left: -18px; } /* ARTICLE MANAGEMENT */ table.management { width: 100%; } table.management td { border: 0px; border-top: 1px solid #CCC; padding: 10px 20px 10px 0; } table.management tr:first-child > td { border-top: 0px; } table.management td:first-child { width: 110px; } table.management td:last-child { padding-right: 0px; } table.management > tbody > tr > td > p { margin-bottom: 14px; } table.management > tbody > tr > td > p:last-child { margin-bottom: 0px; } /* ARTICLE REFERENCE */ div#iframe_wrap iframe { min-height: 554px; display: block; } /* ARTICLE KONTAKT */ table.myTableContact { width: auto; /*margin-bottom: 0px;*/ /* full view */ width: 100%; } table.myTableContact > tbody > tr > td { padding: 0 24px 24px 0; border: 0px; } table.myTableContact > tbody > tr:last-child > td { padding-bottom: 0px; } table.myTableContact > tbody > tr > td:first-child { width: auto !important; } table.myTableContact > tbody > tr > td:last-child { padding-right: 0px; /* full view */ width: 121px; } /* CHANGE PLUGING PHOCA GALLERY */ div#myChangePhocaGallery { margin-top: 20px; } div#myChangePhocaGallery a { } div#myChangePhocaGallery a img { /*width: calc(33.33% - 8px);*/ /*margin-right: 12px;*/ /*margin-bottom: 12px;*/ width: calc(33.33% - 1%); margin-right: 1.5%; margin-bottom: 1.5%; } div#myChangePhocaGallery a:nth-child(3n+0) img { margin-right: 0px; } /* CHANGE INTRO PAGE */ .ms-handler:before { height: 0px; } /* CHANGE INTRO PAGE - top header */ section#myUpTopSection { background-color: #e5e5e5; /*margin-top: 53px;*/ /*padding-top: 53px;*/ padding-top: 35px; position: relative; z-index: 1000; } section#myUpTopSection div.mySpacer { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; /* justify-content: space-around;*/ } /* CHANGE INTRO PAGE - top header - logo */ section#myUpTopSection div.myLogoBig { margin-top: -30px; order: 2; margin-bottom: -85px; overflow: hidden; border-bottom-left-radius: 44%; border-bottom-right-radius: 44%; text-align: center; } section#myUpTopSection div.myLogoBig img { width: 50%; } div.custom.myLogoBig2 { /*overflow: hidden;*/ /*border-bottom-left-radius: 44%;*/ /*border-bottom-right-radius: 44%;*/ } /* CHANGE INTRO PAGE - top header - left and right */ section#myUpTopSection div.myTopMenuLeft, section#myUpTopSection div.myTopMenuRight { /*width: calc(50% - (277px / 2));*/ margin-left: 0px; } /* CHANGE INTRO PAGE - top header - left */ section#myUpTopSection div.myTopMenuLeft { order: 1; padding-right: 0px; } /* CHANGE INTRO PAGE - top header - right */ section#myUpTopSection div.myTopMenuRight { order: 3; padding-left: 0px; } /* CHANGE INTRO PAGE - top header - left - header text */ div.custommyHText { font-size: 29px; color: #2B2A29; } /* CHANGE INTRO PAGE - top banner */ div#myTop2Banner { display: flex; flex-direction: row; flex-wrap: nowrap; /*align-items: center;*/ /*justify-content: space-between;*/ /*min-height: 522px;*/ } div#myTop2Banner > div { width: 50%; float: left; position: relative; } div#myTop2Banner > div > div.custom { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-size: cover; background-position: 0% 50%; } div#myTop2Banner > div.myLeft > div.custom { background-position: 100% 50%; } div#myTop2Banner div.myText { position: relative; height: 522px; width: 408px; max-width: 100%; transition: background-color 0.2s linear 0s; } div#myTop2Banner div.myLeft div.myText { margin-left: auto; background-color: rgba(8, 55, 100, 0.5); } div#myTop2Banner div.myRight div.myText { margin-right: auto; background-color: rgba(0, 160, 220, 0.5); } div#myTop2Banner div.myLeft div.myText:hover, div#myTop2Banner div.myRight div.myText:hover { background-color: rgba(216, 217, 217, 0.5); } /* CHANGE INTRO PAGE - top banner - text */ div#myTop2Banner div.myText div.custom { color: white; padding: 0px 56px; padding-top: 188px; font-size: 16px; font-weight: normal; } div#myTop2Banner div.myLeft div.myText div.custom { text-align: right; } div#myTop2Banner div.myText div.custom > div { font-size: 36px; font-weight: bold; line-height: 44px; } div#myTop2Banner div.myText div.custom a.myButton2 { color: white; background-color: transparent; display: inline-block; font-size: 16px; line-height: 18px; font-weight: bold; padding: 13px 38px; margin-top: 40px; border-radius: 20px; border: 2px solid white; text-decoration: none; } /* CHANGE INTRO PAGE - top banner - full link */ /*div#myTop2Banner div.customMyLink, div#myTop2Banner div.customMyLink p,*/ div#myTop2Banner div.customMyLink a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } div#myTop2Banner div.customMyLink a { color: transparent; overflow: hidden; } /* NEW INTRO TEXT WITH SCRIPT READMORE */ div.item-page.myIntro div.myArticleContent .myScriptReadmoreText { cursor: pointer; } div.item-page.myIntro div.myArticleContent .myScriptReadmoreText:hover { color: #36AADA; } div.item-page.myIntro div.myArticleContent > .myScriptReadmoreIcon { width: 72px; height: 72px; border-radius: 100%; position: absolute; right: 0px; cursor: pointer; background-image: url(article/arrow-article.png); background-repeat: no-repeat; background-position: 50%; transition: all 0.2s linear 0s; background-color: #42474a; transform: rotate(0deg); } div.item-page.myIntro div.myArticleContent > .myScriptReadmoreIcon:hover { background-color: #36AADA; transform: rotate(90deg); } div.item-page.myIntro div.myArticleContent.myOpen .myScriptReadmoreText, div.item-page.myIntro div.myArticleContent.myOpen .myScriptReadmoreIcon, div.item-page.myIntro div.myArticleContent > .myScriptReadmoreText { display: none; } div.item-page.myIntro div.myArticleContent .myFullText { height: 0px; overflow: hidden; transition: height 0.2s linear 0s; } /* ADD STYLES - 2021.02.22 */ /* Logos 2 in SP Builder */ div#myLogos2 div.mod-sppagebuilder div.sppb-row div.sppb-column-addons { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; /*justify-content: space-between;*/ justify-content: space-evenly; margin: 0px -10px; width: calc(100% + 20px); } div#myLogos2 div.mod-sppagebuilder div.sppb-row div.sppb-column-addons > div.sppb-addon-wrapper { margin: 10px 10px; } div#myLogos2 div.mod-sppagebuilder div.sppb-row div.sppb-column-addons > div.sppb-addon-wrapper img { max-width: 127px; filter: grayscale(100%); } div#myLogos2 div.mod-sppagebuilder div.sppb-row div.sppb-column-addons > div.sppb-addon-wrapper img:hover { filter: grayscale(0%); } /* LINK VIDEO - 2024.04.23 */ .custommyVideaButton { position: fixed; z-index: 1000; right: 0px; top: 250px; } .custommyVideaButton > * { margin: 0px; } .custommyVideaButton > * > a { width: 32px; height: 115px; top: 0px; right: 0px; position: absolute; background-color: red; line-height: 32px; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 1px; overflow: hidden; color: white; display: block; text-decoration: none; } .custommyVideaButton > * > a, .custommyVideaButton > * > a img { transition: background-color 0.1s linear 0s; } .custommyVideaButton > * > a:hover { background-color: #e00404; } .custommyVideaButton > * > a img { padding: 7px 6px; padding-right: 5px; background-color: #e00404; position: absolute; bottom: 0px; left: 0px; } .custommyVideaButton > * > a:hover img { background-color: #b50404; } .custommyVideaButton > * > a strong { transform: rotate(-90deg); display: block; height: 32px; position: absolute; width: calc(115px - 32px); top: 25px; left: -26px; } #myEuDotace { background-color: #42474a; color: #fff; padding-top: 40px; padding-bottom: 40px; text-align: left; } .myEuText > .sppb-addon-title { font-size: 28px; font-weight: 500; line-height: 1.2; } .myEuText > .sppb-addon-content { } .myEuText > .sppb-addon-content a { /*color: #E31F25;*/ color: red; } .myEuImg .sppb-addon-single-image-container, .myEuImg .sppb-addon-single-image-container img{ display: block; }