/* Ikony z Google s block: pri swap by sa kym sa font nenacita zobrazili slova ako cast_connected. @import musi byt pred vsetkymi ostatnymi pravidlami, inak ho prehliadac ignoruje. */ @import url(https://fonts.googleapis.com/css?family=Material+Icons&display=block); /* Textove fonty Montserrat a Open Sans hostovane u nas (fonts/, licencia SIL OFL 1.1, zdroj @fontsource 5.3.0), bez volania Googlu. Len hrubka 400, tucne pismo je synteticke ako doteraz. Swap: text je hned citatelny. Podmnoziny: latin (U+00xx, aj pismena s dlznom, prehlasku a vokan), latin-ext (U+01xx, makcene a ostatne pismena SK/CZ diakritiky). Prehliadac stiahne podmnozinu az ked je na stranke znak z jej unicode-range. */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/montserrat-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/montserrat-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/open-sans-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/open-sans-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* defaults tags */ @media all{ body, iframe {margin: 0px;padding: 0px;border:none;} body { font-size: 1em; font-family: "Open Sans", Arial, Helvetica, sans-serif; } h1, h2, h3 { font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif; text-align: center; font-weight: 400; line-height: 1.2; font-size: 1.5em; } h2, h3 {font-size:1.3em;text-align:left;} h3 {font-size:1.1em;} h4, h5, h6, .sf-reg-title { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; line-height:1.2; font-size:1em; } h2, h3 {color: #43b7d8;} h4, h5, h6 {color: #FF8C1F;} .sf-reg-title{text-align:center;} p, li, th, td{ font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; } /*ul > li{font-size:1.2em;}*/ th{font-weight: bold;line-height:1.25;} p{line-height:1.5;font-size:1em;} a {color:#43b7d8;} a:visited {color:#198bab;} a:hover {color: #ffa549;/*font-weight:bold;*/ text-decoration:underline;} .box-margin{margin-top:6px; margin-bottom:10px;} .orange {color:#FF8C1F;} .gray {color:#787878;} .blue {color:#3896FA;} .red {color:#e74c3c;} .bg-black {background-color:#1B1B1B;} .bg-gray {background-color:#282828;} .bg-black-h {background-color: rgba(0, 0, 0, 0.75);} .bg-map {background-color:#E3E3E3;} .bg-blue2 {background-color:#5092cf;} .bg-blue3 {background-color:#386894;} .bold { font-weight:bold; } .left {float:left; } .right {float:right; } .mart10 { margin-top:10px; } .clearb { clear:both; } .pad10{ padding:10px; } .marb20{ margin-bottom:20px; } .inlineb{ display:inline-block; } .algnr{text-align:right;} .pointer { cursor:pointer; } fieldset{ margin: 0 0 15px 0; border: 1px solid #E3E3E3; padding: 5px 6px;} fieldset legend { color: #969696; padding: 0 6px; } fieldset input[type=text],fieldset input[type=email], fieldset input[type=tel], fieldset input[type=password], fieldset select { padding:8px; } } /* customs top backgrounds */ @media all{ .sec-top.bg-menu:after{ content: " ";width: 100%;left: 0px;position:absolute; top: 0px;z-index: -1;height: 80px;background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 70%,rgba(67,183,216,0) 100%)} .sec-top:before { content: " "; position: absolute; width: 100%; height: 180px; z-index: -10; background-image: url(/App_Themes/iKelpComTheme/Images/bg/pos-mobile-sk01.jpg); background-size: cover; left: 0px; top: 0px; background-repeat: no-repeat; background-position-x: center; background-position-y: 50%; } .sec-top.h2:before {height:250px;} .zone-right-menu { /*margin-top: 100px;*/ } .zone-right-menu.h2 { margin-top:160px;} .sec-top.h2 { height: 130px; } .bg330:before {height:330px!important;} .bg430:before {height:430px!important;} .bg530:before {height:530px!important;} .bg630:before {height:630px!important;} .sec-top.bg1:before {height: 600px;background-position-y: top;} .bg0:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pos-mobile-sk01.jpg');} .bg1:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant01.jpg');} .bg1.bg-eet:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant01-eet.jpg');} .bg2:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop02.jpg');} .bg3:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant02.jpg');} .bg4:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant03.jpg');} .bg5:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/bar-counter01.jpg');} .bg6:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/bar-counter02.jpg');} .bg7:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/food01.jpg');} .bg8:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/food02.jpg');} .bg9:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop03.jpg');} .bg10:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop04.jpg');} .bg11:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/store01.jpg');} .bg12:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/store02.jpg');} .bg13:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop01.jpg');} .bg14:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/beach01.jpg');} .bg15:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-shop02.jpg');} .bg16:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery01.jpg');} .bg17:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery02.jpg');} .bg18:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery03.jpg');} .bg20:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/building-abiset01.jpg');} .bg21:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/building-abiset02.jpg');} .bg30:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/skolska-jedalen-pozadie02.jpg');} .bg31:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/skolska-jedalen-pozadie03.jpg');} .bg40:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/smart-table-menu01.jpg');} .bg41:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/club-card01.jpg');} .sec-top h1 {color: white;font-size: 2.2em;padding: 0px;margin: 10px auto;text-shadow: rgba(0, 0, 0, 0.8) 3px 3px 3px;} .sec-top h2 {color: white;font-size: 1.7em;margin: 5px auto;text-transform: uppercase;text-align:center;text-shadow: rgba(0, 0, 0, 0.8) 3px 3px 3px;} .sec-top p, .sec-top li {color: white;text-align:center;text-shadow: rgba(0, 0, 0, 0.8) 3px 3px 3px;} section.bg:before{background-size: cover;z-index: -10;content: " ";width: 100%;height: 100%;position: absolute;left: 0px;background-position:center top;background-repeat:no-repeat;} #sec-top-fnc1:before{height: 400px;} #sec-top-order1:before{height: 470px;} #sec-uvod-2.bg2:before{height: 475px;} #sec-uvod-4.bg3:before{height: 460px;margin-top: 35px;} #sec-uvod-7.bg4:before{height: 360px;margin-top: 35px;} #sec-top-vyrob1:before {height: 255px;background-position-y: -120px;} #sec-top-try1:before{height: 720px;} #sec-top-store1:before{height: 215px;background-position-y: -300px;} #sec-top-hod1:before{height: 750px;} #sec-topp-1:before{height: 680px;} #sec-uvodp-2.bg:before {height:330px;} #sec-uvodp-6.bg:before {height:700px;margin-top: 35px;} #sec-top-store2.bg:before{height:480px;} #sec-order-uvod.bg:before {height: 370px;} #sec-order-3.bg:before {height: 425px;} #sec-order-uvod .cont, #sec-order-3 .cont {padding-top: 50px;padding-bottom: 50px;} #videoplay:hover{opacity: 1;transform: scale(1.05);transition: all 300ms ease;} @media only screen and (max-width: 1024px) { #sec-top-try1:before{height: 700px;} #sec-top-store1:before {height: 173px;background-position-y: -265px;} .sec-top.h2:before {height:205px;} #sec-topp-1:before {height: 630px;} #sec-top-store2.bg:before{height:540px;} #sec-top-order1:before{height: 430px;} .zone-right-menu.h2 { margin-top: 10px; } } @media only screen and (max-width: 768px) { .sec-top.h2:before {/*height:160px;*/} .sec-top.h2 {/*height: 90px;*/} .bg0:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pos-mobile-sk01-small.jpg');} .bg1:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant01-small.jpg');} .bg1.bg-eet:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant01-eet-small.jpg');} .bg2:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop02-small.jpg');} .bg3:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant02-small.jpg');} .bg4:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/restaurant03-small.jpg');} .bg5:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/bar-counter01-small.jpg');} .bg6:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/bar-counter02-small.jpg');} .bg7:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/food01-small.jpg');} .bg8:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/food02-small.jpg');} .bg9:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop03-small.jpg');} .bg10:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop04-small.jpg');} .bg11:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/store01-small.jpg');} .bg12:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/store02-small.jpg');} .bg13:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/coffee-shop01-small.jpg');} .bg14:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/beach01-small.jpg');} .bg15:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-shop02-small.jpg');} .bg16:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery01-small.jpg');} .bg17:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery02-small.jpg');} .bg18:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/pizza-delivery03-small.jpg');} .bg20:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/building-abiset01-small.jpg');} .bg21:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/building-abiset02-small.jpg');} .bg30:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/skolska-jedalen-pozadie02-small.jpg');} .bg31:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/skolska-jedalen-pozadie03-small.jpg');} .bg40:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/smart-table-menu01-small.jpg');} .bg41:before{background-image: url('/App_Themes/iKelpComTheme/Images/bg/club-card01-small.jpg');} #sec-top-try1:before{height: 630px;} #sec-top-vyrob1:before{height:180px;} #sec-top-fnc1:before {height: 360px;} #sec-top-store1:before {height: 200px;background-position-y: 0px;} #sec-top-hod1:before {height: 500px;} #sec-topp-1:before {height: 400px;} #sec-uvodp-6.bg:before {height: 560px;margin-top: 20px;} #sec-top-store2.bg:before{height:480px;} } @media only screen and (max-width: 485px) { #sec-top-try1:before{height: 615px;} #sec-top-fnc1:before {height: 375px;} #sec-top-store1:before {height: 180px;} #sec-top-hod1:before {height: 380px;} #sec-uvodp-2.bg:before {height: 430px;} #sec-uvodp-6.bg:before {height: 400px;} #sec-top-store2.bg:before{height:360px;} #sec-order-uvod.bg:before {height: 420px;} #sec-order-3.bg:before {height: 535px;} } @media only screen and (max-width: 360px) { #sec-top-try1:before{height: 650px;} #sec-top-fnc1:before {height: 375px;} #sec-top-store1:before {height: 200px;} #sec-topp-1:before {height: 380px;} #sec-uvodp-6.bg:before {height: 500px;} #sec-top-store2.bg:before{height: 495px;} #sec-order-uvod.bg:before {height: 425px;} #sec-order-3.bg:before {height: 535px;} #sec-order-uvod .cont, #sec-order-3 .cont {padding-top: 30px;padding-bottom: 30px;} } @media only screen and (max-width: 320px) { #sec-top-fnc1:before {height: 375px;} #sec-top-vyrob1:before {height: 150px;} #sec-top-store2.bg:before{height: 460px;} #sec-order-uvod.bg:before {height: 460px;} #sec-order-3.bg:before {height: 535px;} } @media only screen and (min-width: 768px){ .sec-top.bg1:before {background-position-y: 0px;} } @media only screen and (min-width: 1024px){ .sec-top.bg1:before {background-position-y: -10px;} } @media only screen and (min-width: 1280px){ .sec-top.bg1:before {background-position-y: -50px;} #sec-top-store1:before {height: 215px;background-position-y: -440px;} } @media only screen and (min-width: 1680px){ .sec-top.bg1:before {background-position-y: -280px;} #sec-top-fnc1:before {height: 420px;} } } #zone-head-float:before { content: " "; position: absolute; width: 100%; height: 85px; z-index: -10; background-color:#43b7d8; left: 0px; top: 0px; will-change:transform; } #zone-head-float.bg-blue2:before{background-color:#5092cf;} div#zone-head-body, div#zone-content-wrapper, .zone-content-wrapper { max-width: 1200px; margin: 0 auto; box-sizing: border-box; } div#info-copyright {margin: 0 auto;box-sizing: border-box;font-size: 7pt;text-align: center;background-color: #343434;color: white;padding: 3px;} div#info-copyright a {color:white;} #zone-head {padding-top: 3px; margin-bottom:1px;} #zone-head-float {/*will-change:transform;*/} /*transform: translateZ(0);*/ #zone-head-logo {box-sizing: border-box;max-width: 320px;position: relative;float: left;} #zone-head-logo > a > img{padding:3px;height:76px;} #zone-head-logo > a > span{vertical-align: top;top: 4px;position: relative;font-family: Verdana;color: white;font-size: 30pt;font-weight: bold;text-shadow: rgba(170, 170, 170, 0.71) 2px 2px 0px;} #zone-head-logo > a {text-decoration:none;} .blognav { display: flex; } a.blognav-item { padding: 0 2.2rem; width: 50%; position: relative; color: inherit !important; transition: none; outline: none !important; box-sizing: border-box; text-decoration: none; } a.blognav-item.prev { text-align: left; } a.blognav-item.next { text-align: left; } span.blognav-meta { display: block; font-size: 0.8rem; line-height: 1.4rem; text-transform: uppercase; opacity: 0.5; } span.blognav-title { transition: color 0.3s; } a.blognav-item.prev:before, a.blognav-item.next:before { font: 46px/1 'Material Icons'; position: absolute; top: 0.2rem; opacity: 0.3; } a.blognav-item.prev:before { content: 'keyboard_arrow_left'; left: -0.8rem; } a.blognav-item.next:before { content: 'keyboard_arrow_right'; right: -0.8rem; } .section-related-pnl { padding: 0 35px 25px; border-top: 0; background-color: #f7f7f7; max-width: 1140px; position: relative; margin: 0 auto; width: 100%; } .page-post.related .page-post-title { font-size: 1rem; text-align: left; } .page-post.related time.entry-date { font-size: 0.9rem; color: #9e9e9e; } @media only screen and (min-width: 1030px){ #zone-head {height: 86px;} #zone-head-float.nav-float{ position: fixed; z-index: 5999; top: 0; left: 0; right: 0; background-color: #43b7d8; box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.5); } #zone-head-float.bg-blue2.nav-float {background-color:#5092cf;} #zone-head-float.nav-float #zone-head-logo {max-width: 240px;} #zone-head-float.nav-float #zone-head-logo > a > img{padding:1px;height:54px;} #zone-head-float.nav-float #zone-head-logo > a > span{top: 0px;font-size: 22pt;} #zone-head-float.nav-float #nav-menu > ul{height:50px;} #zone-head-float.nav-float:before {height:60px;} #zone-head-float.nav-float .nav-menu-top > ul > li > a {height:40px!important;} } @media only screen and (max-width: 1200px){ #zone-head {padding: 10px 10px 0px 10px;} } @media only screen and (max-width: 1024px){ #zone-head-float #zone-head-logo {max-width: 240px;} #zone-head-float #zone-head-logo > a > img{padding:1px;height:54px;} #zone-head-float #zone-head-logo > a > span{top: 0px;font-size: 22pt;} #zone-head-float #nav-menu > ul{height:50px;} #zone-head-float:before {height:60px;} /*#zone-head-float .nav-menu-top > ul > li > a {height:40px!important;}*/ } @media only screen and (max-width: 768px){ #zone-head-float #zone-head-logo {max-width: 190px;} #zone-head-float #zone-head-logo > a > img{padding:1px;height:40px;} #zone-head-float #zone-head-logo > a > span{top: 0px;font-size: 18pt;} #zone-head-float #nav-menu > ul{height:40px;} #zone-head-float:before {height:55px;} a.blognav-item {padding: 0 1.8rem;} .section-related-pnl {padding: 0 15px 10px;} .page-post.related .page-post-title {font-size: 1.2rem;} .page-post.related time.entry-date {font-size: 0.8rem;} } @media only screen and (max-width: 485px){ #zone-head {padding:10px 5px 5px 5px;} #zone-head-float #zone-head-logo {max-width: 170px;margin-left:45px;} #zone-head-float #zone-head-logo > a > img{padding:1px;height:40px;} #zone-head-float #zone-head-logo > a > span{top: 0px;font-size: 21px;} /*#zone-head-float:before {height:40px;}*/ a.blognav-item {padding: 0 1.4rem;} .section-related-pnl {padding: 0 5px 5px;} .page-post.related .page-post-title {font-size: 0.85rem;} .page-post.related time.entry-date {font-size: 0.6rem;} } @media only screen and (max-width: 320px){ #zone-head {padding:8px 1px 3px 1px;} #zone-head-float #zone-head-logo {max-width: 150px;margin-left:40px;} #zone-head-float #zone-head-logo > a > img{padding:1px;height:40px;} #zone-head-float #zone-head-logo > a > span{top: 0px;font-size: 18px;} /*#zone-head-float:before {height:40px;}*/ } header {position:relative} /* Sections content */ @media all { section {margin-bottom:30px;} section h2, section h3{text-align:center;text-transform:uppercase;font-size:1.3em;} section h2, section h3, section h4, section h5, section h6 {color: black;} section.sec-blog h2, section.sec-blog h3 {color: #43b7d8;} section > div {box-sizing:border-box;} section .cont{margin: 5px auto;padding:5px 2px;position: relative;} section .cont:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} section .cont > div {box-sizing: border-box;} section .cont-l{float:left;} section .cont-r{float:right;} section .cont20{width:20%;} section .cont40{width:40%;} section .cont30{width:30%;} section .cont33{width:33%;} section .cont50{width:50%;} section .cont60{width:60%;} section .cont70{width:70%;} section .cont80{width:80%;} section .cont100{width:100%;max-width:1100px;} section .cont500px{max-width:500px;margin:0 auto;box-sizing:border-box;} section .cont600px{max-width:600px;margin:0 auto;box-sizing:border-box;} section .cont800px{max-width:800px;margin:0 auto;box-sizing:border-box;} section .cont1000px{max-width:1000px;margin:0 auto;box-sizing:border-box;} section .cont p {padding:10px 30px;font-size: 1.22em;text-align: center;} section.sec-blog .cont p {text-align: left;} section .cont p > a, section .cont p > a:visited, section .cont li > a, section .cont li > a:visited {color:#ffa549;} section .cont p > a:hover {color: #43b7d8;} section .cont table p {font-size: 0.95em;text-align: left;padding: 0px;} section .cont ul, section .cont ol {margin: 5px 10px;} section .cont li {margin: 0px 5px 10px 5px;} section .cont > .cont-t{padding:5px 30px;} section .cont > .cont-c{margin-left:auto;margin-right:auto;} section .cont > div > img, section .cont > div > a > img {padding:0px 15px;width:100%;height:auto;box-sizing: border-box;} section .cont > .cont-r > img {padding-right:0px;} section .cont > .cont-l > img {padding-left:0px;} section.bg p, section.bg li, section.bg h2, section.bg h3, .bg-top-text {color:white} .bg-top-text{background-color:rgba(0,0,0,0.6);border-radius:10px;padding:15px;border:3px solid white;} .bg-top-text li {text-align:left;} img.circle {border-radius:50%;overflow:hidden;} section #map-ikelp {max-width: 540px;margin: 0 auto;box-sizing:border-box;padding:5px 5px;} section #map-ikelp img{width:100%;height:auto;} section .youtube-p {margin: 5px auto;} article.ezop-page > section .ref-loga img{max-width:120px;vertical-align: top;} article.ezop-page > section .ref-loga a{text-decoration:none;} .bline {background-color: #2a2a34;} .wline {background-color: white;} .bline, .wline {width: 33%;max-width:100px;box-sizing: border-box;height: 1px;margin: 20px auto;} .btn, .ezp-colorized-submit {text-align: center;} .btn a, .popup input[type=submit], .ezp-colorized-submit {display: inline-block;cursor: pointer;font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif;text-align: center; font-weight: 400;font-size: 1.3em;color: #fff;background-color: #24bf24;line-height: 20px;text-transform: uppercase;padding: 15px 26px 15px 15px; border-radius: 3px;position: relative;text-decoration: initial;} input[type=submit].ezp-colorized-submit { border: none; } .ezp-colorized-submit.red-confirm { background-color: #FF7070; } .btn.bg-blue a, .btn-bg-blue a {background-color: #43b7d8;} .popup input[type=submit]:visited, .ezp-colorized-submit:visited {color: #fff;} .btn a:after, .popup input[type=submit]:after, .ezp-colorized-submit:after {content: " ";position: absolute;top: 50%;right: 15px;width: 6px;height: 11px;margin-top: -5.5px;background: url("Images/arr.png") no-repeat;} .btn a:hover, .popup input[type=submit]:hover {opacity: 1;transform: scale(1.05);transition: all 300ms linear;box-shadow: rgba(0, 0, 0, 0.6) 3px 3px 3px;} .btn-sub {text-align: center;padding:2px;} .btn-sub a {text-decoration:none;} .ezp-dash-field-tlb .btn a {padding: 7px 28px 5px 6px;font-size: 1em;} .ezp-dash-field-tlb td {white-space:nowrap;} .btn-group > a.nav-title {background: #ff8927;width: 156px;height: 156px;color: white;opacity: .9;font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif; border: 4px solid white;box-sizing: border-box;border-radius: 20px;box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);} .btn-group > a.nav-title {float: left;display: block;text-decoration: none;text-align: center; line-height: 1.2;font-size: 20px;margin: 0px 15px 15px 0px;} .btn-group > a.nav-title:hover{opacity: 1;transform: scale(1.03);transition: all 300ms ease;box-shadow: rgba(0, 0, 0, 0.6) 3px 3px 3px;font-weight:initial;} .btn-group > a.nav-title > img, .btn-group > a.nav-title > i{display: block;width: 120px;height: 80px;margin: 0px auto 0px auto;font-size: 80px;padding: 6px 0px;} .btn-group > a.nav-title > img{width:auto;} section .cont > .cont-r > img.btn-app-info{max-width:254px;float:left;margin-right:20px;} section .cont > .cont-l > img.btn-app-info{max-width:254px;float:right;margin-left:20px;} .menu-show-small{display:none} .g-sec-top, .w-sec-top, .g-sec-bott, .w-sec-bott{width: 100%;height: 70px;position: absolute;z-index: -5;background-color: white;transform: rotate(-2deg) skewX(-2deg); content:' ';left: 0px;} #pm-edicie {max-width:1100px;margin:10px auto 25px auto;} #pm-edicie .col {width: 33%;margin: 5px 0px;box-sizing: border-box;float:left;padding:0px;} #pm-edicie .col:nth-child(3) {padding:0px;} #pm-edicie .edicia-cennik{margin:0px 15px;border:1px solid #43B7D8;min-height: 355px;} #pm-edicie h2 {text-align: center;margin: 0px 0px 7px 0px;padding: 15px 0px;background-color: #43B7D8;color: white;font-size: 20pt;text-transform: uppercase;} #pm-edicie .cont { padding: 5px 5px 15px 5px;} #pm-edicie p {font-size:90%;color:gray;margin: 8px;line-height: 1.5;} #pm-edicie .price{text-align:center;margin: 10px 0px 15px;white-space:nowrap;} #pm-edicie .price span {font-size: 50pt;margin: 0 15px;font-weight: bold;white-space:nowrap;} #pm-edicie .cc-green {color: #43EA43;} #pm-edicie .bc-green {border-color: #43EA43;} #pm-edicie .bg-green {background-color: #43EA43;} #pm-edicie .cc-orange {color: #FFA549;} #pm-edicie .bc-orange {border-color: #FFA549;} #pm-edicie .bg-orange {background-color: #FFA549;} #pm-edicie .cc-blue {color: #43B7D8;} #pm-edicie .bc-blue {border-color: #43B7D8;} #pm-edicie .bg-blue {background-color: #43B7D8;} #pm-edicie .more{display:none;} @media screen and (max-width: 1024px) { section {margin-bottom: 10px;} section ul {padding-left:5px;} section .cont p {padding: 5px 10px;} .sec-top:before{height:150px;} .sec-top.bg1:before {height: 500px;} } @media screen and (max-width: 768px) { section {font-size:0.85em;} .bline, .wline {margin: 10px auto;} .g-sec-top, .w-sec-top, .g-sec-bott, .w-sec-bott{height:50px;} article.ezop-page > section .ref-loga img{max-width:96px;} .btn-group > a.nav-title {height:130px;width:130px;font-size:16px;} .btn-group > a.nav-title > img, .btn-group > a.nav-title > i{font-size:64px;height: 68px;width:105px;} section .cont > .cont-r > img.btn-app-info{max-width:196px;float:left;margin-right:10px;} section .cont > .cont-l > img.btn-app-info{max-width:196px;float:right;margin-left:10px;} #sec-top-fnc1 .bg-black-small{padding:5px 0px;} .bg-black-small {background-color: rgba(0, 0, 0, 0.75);} #pm-edicie {margin:2px auto 5px auto;} #pm-edicie .edicia-cennik{min-height:initial;margin:0px 5px;} } @media screen and (max-width: 485px) { .sec-top h1 {font-size:2em;} .sec-top h2 {font-size:1.6em;} section {font-size:0.75em;} section .cont40, section .cont30, section .cont33, section .cont50, section .cont60, section .cont70, section .cont80 {width:100%;} section .cont > .cont-t {padding: 3px 10px;} .btn.show-small{margin: 15px 2px 5px 2px;} .ref-loga a.show-small{display:block;} section .cont > .cont-r > img.btn-app-info, section .cont > .cont-l > img.btn-app-info {max-width: 128px;float: none;margin: 10px auto;display: block;} .sec-top.bg1:before {height: 385px;} #pm-edicie .col {width: 50%;} #pm-edicie .col:nth-child(3) {width: 60%;margin: 0 auto;left: 21%;position: relative;} #pm-edicie h2 {font-size:14pt;margin: 0px 0px 3px 0px;padding: 5px 0px;font-weight:normal;} #pm-edicie p {font-size:9pt;margin: 1px 0px 5px 1px;line-height:1.1;} #pm-edicie .cont { padding: 2px 2px 3px 2px;} #pm-edicie .price {margin: 2px 0px 5px 0px;} #pm-edicie .price span {font-size: 26pt;margin: 0 5px;} } @media screen and (max-width: 360px) { #pm-edicie h2 {font-size: 12pt;} #pm-edicie p {font-size: 8pt;margin: 1px 0px 2px 1px;line-height: 1.2;} #pm-edicie .price span {font-size: 20pt;margin: 0 2px;} } @media screen and (max-width: 320px) { section {font-size:0.7em;} article.ezop-page > section .ref-loga img{max-width:80px;} .g-sec-top, .w-sec-top, .g-sec-bott, .w-sec-bott{display:none;} .btn-group > a.nav-title {height: 117px;width: 115px;font-size: 11px;} } } /* Sections content-custom */ @media all { #sec-top-1 {padding-bottom: 50px;} #sec-top-1 h1{font-size: 2em; margin: 5px auto;} #sec-top-1 #devices {width: 512px;position: relative;margin: 55px auto 0;} #sec-uvod-2 {padding:20px 0px;} #sec-uvod-2 .cont{padding-bottom: 40px;} #sec-uvod-2 li, #sec-func-uvod li, #sec-uvodp-2 li, .sec-ul-bg li {list-style:none;position:relative;padding-left: 48px;margin: 0px 5px 20px 0px;/*font-size:1em;*/} #sec-uvod-2 li > i, #sec-func-uvod li > i, #sec-uvodp-2 li > i, .sec-ul-bg li > i {color: #ffa549;display: block;position: absolute;top: 50%;left: 0px; font-size: 36px;margin-top: -18px;} #sec-uvod-2 a, #sec-uvod-2 a:visited, #sec-uvod-2 i {color:#ffa549; text-decoration:none;} #sec-uvod-2 a:hover {text-decoration:underline;} #sec-uvod-2 h2 {text-transform:uppercase;} #sec-uvod-2 #ip {height: 390px;width: 341px;position: absolute;bottom: 0;left: 50%; margin-left: -150px; top: 80px;overflow: hidden;} #sec-uvod-2 #ip img {position: absolute;top: 0px;left: 0px;padding:0px;width:auto;height:auto;} #sec-uvod-3 .cont33 {padding: 15px;} #sec-uvod-3 {margin-bottom:0px;} section.sec-func {max-width: 900px;margin: 0 auto;padding: 20px 0px;} /*section.cont a:hover {text-decoration:underline;}*/ #sec-uvod-4 .cont {padding: 90px 10px 20px 10px;} #sec-uvod-4 .cont .video{padding: 0px 30px 20px 30px;} #sec-uvod-4 .w-sec-bott {display:none;} #sec-uvod-7 .cont {padding: 90px 10px 30px 10px;} #sec-uvod-7 .cont ul {padding: 0px;} #sec-uvod-7 .cont ul li {list-style:none;margin: 0px 5px 15px 5px;} #sec-uvod-7 .cont ul li i {vertical-align: middle;padding-right: 5px;} #sec-uvod-7 .cont ul li.meno {font-size:20pt;} #sec-uvod-7 .cont ul li.telefon {font-size:14pt;font-weight: bold;} #sec-uvod-7 .cont .avatar {border: 3px solid white;float: right;max-width: 150px;} #sec-uvod-7.sec-top li {text-align:left;} #sec-vyrob-1 .cont {padding:50px 10px 10px 10px;} #sec-top-try1 > .top-cont {margin: 30px auto;background-color: rgba(0, 0, 0, 0.66);padding: 10px;} #sec-top-try1 .sec-top {margin-bottom:50px;} #sec-top-try1 #div-btn-try {max-width: 690px;box-sizing:border-box;} #sec-top-hod1 #devices {background: url('/userdata/pages/fqyk89/POSMobile_ruka_stol_05_medium.png') no-repeat;background-size: contain; width: 699px;height: 553px;position: relative;margin: 30px auto 0px;} #sec-top-hod1 #devices #videoplay{width: 360px;height: 220px;background: url('/userdata/pages/nuvmcy/hd_play2.png') no-repeat center;left: 290px; top: 100px;cursor: pointer;opacity: 1;position: absolute;z-index: 100;} #sec-topp-1 #devices {background: url(/userdata/pages/fqyk90/pc_touch_pos_pokladna_sw1_720.png) no-repeat;background-size: contain;width: 720px;height: 463px;position: relative;margin: 30px auto 0px;box-sizing:border-box;} #sec-topp-1 #devices #videoplay{width:100%;max-width: 600px;height:100%;min-height: 300px;max-height:400px;background: url(/userdata/pages/nuvmcy/hd_play2.png) no-repeat center;left: 0px;top: 0px;cursor: pointer;opacity: 1;position: absolute;z-index: 100;} #sec-uvodp-2 .cont {padding:10px 10px;} #sec-uvodp-6 .cont {padding:80px 10px 20px 10px;} #compedit-pokl {margin:15px 5px;} #compedit-pokl th {padding:5px;} #compedit-pokl th span:first-child {font-weight:bold;font-size:1.3em;text-transform:uppercase;} #compedit-pokl th span:last-child {color: #707070;} #compedit-pokl td {padding:5px;text-align:center;} #compedit-pokl .label {text-align:left;padding-left: 10px;} #compedit-pokl .price {font-size:1.5em;white-space: nowrap;padding-left: 10px;font-weight: bold;} #compedit-pokl tr {height:45px;} #compedit-pokl tr:nth-child(even) {background-color: #f1f1f1;} #compedit-pokl tr:nth-child(odd) {background-color: #fcfcfc;} @media screen and (max-width: 1024px) { #sec-top-1 {padding-bottom:0px;} /*#sec-uvod-2 #ip {width:320px;}*/ #sec-uvod-4.bg3:before {height: 390px;} #sec-uvod-4 .cont {padding: 70px 10px 20px 10px;} #sec-uvodp-8 #pm-edicie .price span {font-size: 36pt;margin: 0 5px;} } @media screen and (max-width: 900px) { #sec-topp-1.sec-top h1{font-size: 2em;} } @media screen and (max-width: 768px) { #sec-uvod-1 .cont50 {width:100%;} #sec-uvod-2 {padding: 2px 0px;} #sec-uvod-3 .cont33 {padding: 5px;} #sec-uvod-4.bg3:before {height:300px;} #sec-uvod-4 .cont {padding: 55px 0px 10px 0px;} #sec-uvod-4 .cont .video {padding: 0px 15px 15px 15px;} #sec-uvod-7.bg4:before {height: 300px;margin-top: 15px;} #sec-uvod-7 .cont {padding: 60px 5px 20px 5px;} #sec-uvod-7 .cont .avatar {max-width:128px;} #sec-uvod-7 .cont ul li {margin: 0px 5px 5px 5px;} #sec-top-try1 #div-btn-try {max-width:595px;padding:5px;} #sec-top-2:before {height:125px;} section.sec-func {padding:5px 5px;} section.sec-func ul {padding:5px 5px;} #sec-store-uvod .cont-t {width:100%;} #sec-top-hod1 #devices{margin: 15px auto 0;width: 463px;height: 367px;} #sec-topp-1 #devices {background: url(/userdata/pages/fqyk90/pc_touch_pos_pokladna_sw1_400.png) no-repeat;background-size: contain; max-width:420px;width:100%;height:auto;min-height: 250px;margin: 10px auto 0px;padding:5px 0px;} #sec-uvodp-1 .cont-t {width:100%;} } @media screen and (max-width: 485px) { #sec-top-1 #videoplay {display:none;} #sec-top-1 #devices {width:310px;margin: 5px auto 0;} #sec-top-1 #devices img{max-width:300px;} #sec-uvod-2.bg2:before {height: 580px;} #sec-uvod-2 #ip {height: 150px;/*width: 245px;*/overflow: hidden;top:50px;} #sec-uvod-2 .cont-l {margin-top:165px;} #sec-uvod-2 li, #sec-func-uvod li, #sec-uvodp-2 li, .sec-ul-bg li {padding-left: 36px;margin: 0px 5px 15px 0px;} #sec-uvod-2 li > i, #sec-func-uvod li > i, #sec-uvodp-2 li > i, .sec-ul-bg li > i{left: -5px;font-size: 32px;} #sec-uvod-2 .cont {padding-bottom: 5px;} #sec-uvod-3 .cont33 > img{max-width: 120px;float: left;display: block;margin-top: 20px;} #sec-uvod-3 .cont33 > ul{display: block;margin-left: 135px;} #sec-uvod-4.bg3:before{height:620px;} #sec-uvod-7.bg4:before{height:270px;} #sec-uvod-7 .cont .avatar {max-width:84px;} #sec-uvod-7 .cont-l {width:30%;} #sec-uvod-7 .cont-r {width:70%;} #sec-uvod-7 .cont ul li.meno {font-size:14pt;} #sec-uvod-7 .cont ul li.telefon{font-size:12pt;} #sec-uvod-7.sec-top .cont{padding: 5px 5px 20px 5px;} section.sec-func .cont > div > img, section.sec-hod .cont > div > img, section.sec-store .cont > div > img, section.sec-zav .cont > div > img, section.sec-jed .cont > div > a > img, section.sec-jed .cont > div > img, section.sec-obed .cont > div > a > img, section.sec-obed .cont > div > img {width:60%;display:block;margin:0 auto;} #sec-top-try1 #div-btn-try {max-width: 300px;} #sec-top-try1 .btn-group > a.nav-title.hide-small {display:none;} #sec-top-hod1 #devices {margin: 10px auto 0;width: 320px;height: 253px;} #sec-top-hod1 #devices {background-image: url('/userdata/pages/fqyk89/POSMobile_ruka_stol_05_small.png');} #sec-topp-1 #videoplay{display:none;} #sec-uvodp-8 #pm-edicie .price span {font-size: 20pt;} } @media screen and (max-width: 360px) { #sec-uvod-2.bg2:before {height:640px;} #sec-uvod-4.bg3:before {height:480px;} #sec-topp-1 #devices {max-width: 280px;min-height: 190px;} #compedit-pokl {margin: 15px 0px;} #compedit-pokl .label {padding-left:2px;} #compedit-pokl .price {font-size: 1.3em;padding-left:2px;} } @media screen and (max-width: 320px) { #sec-uvod-3 .cont33 > img {max-width: 80px;} #sec-uvod-3 .cont33 > ul{margin-left: 95px;} #sec-uvod-2.bg2:before {height: 600px;} #sec-uvod-2 #ip {width:300px;} #sec-uvod-2 #ip > div {width:130px!important;left:47px!important;} #sec-uvod-4 .cont {padding: 5px 0px 5px 0px;} #sec-uvod-4.bg3:before {height: 430px;margin-top:0px;} #sec-uvod-7 .cont {padding: 5px 5px 10px 5px} #sec-uvod-7.bg4:before {height: 220px;margin-top: 0px;} } } .show-small {visibility:collapse;} span.show-small, a.show-small, .btn.show-small, div.show-small {display:none;} .clearfix:after, .goodslist-items-filter:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; } #nav-menu-btn.menu-bt2 > a.show-small-mnu {display:none;} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; /* IE < 8 */ } @media screen and (max-width: 770px) { .hide-small {display:none;} span.hide-small, a.hide-small {display:none;} .show-small {visibility:inherit;} span.show-small, a.show-small, div.show-small {display: initial;} .btn-sub.show-small {display: inherit;} .btn.show-small {display:inherit;} } /*--Cookies Info*/ @media all{ .ck-agrmnt-pnl { color: #FFF; background-color: #818181; padding: 2px 0 5px; font-size: 10pt; line-height: 26px; font-family: Arial; position: fixed; z-index: 16000010; bottom: 0px; max-width: 360px; left:0px; border: 4px solid #564f4f; border-bottom: none; border-radius: 0px 10px 0px 0px; box-sizing:border-box; border-left: none; box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 3px; } @media screen and (max-width: 360px) { .ck-agrmnt-pnl { border-radius: 0px; left:0px; border:none; border-top: 4px solid #564f4f; width: 100%; box-shadow: none; } } .ck-agrmnt-pnl-in { max-width: 980px; margin: 0 auto; padding: 0 4px; } span.ck-agrmnt-pnl-txt { margin-right: 5px; vertical-align: middle; } a.ck-agrmnt-pnl-link, a.ck-agrmnt-pnl-ok { cursor: pointer; color: #FFF; padding: 5px 10px; background-color: #564F4F; border-radius: 2px; vertical-align: bottom; white-space:nowrap; } a.ck-agrmnt-pnl-link:hover, a.ck-agrmnt-pnl-ok:hover { color:white } a.ck-agrmnt-pnl-link{ margin-right: 20px; }} /*--Top Menu--*/ @media all{ #nav-header-menu { box-sizing:border-box; margin: 0 auto; text-transform: uppercase; color:black; position: relative; z-index:500; max-width: 745px; float: right; } #zone-head-body #nav-menu-btn{/*float:left;*/} #zone-head-body .menu-bt1, #zone-head-body .menu-bt2 {display:inline-block;box-sizing:border-box;vertical-align:middle;} #zone-head-body .menu-bt1 > a, #zone-head-body .menu-bt2 > a{padding:15px 5px;color:white;display:block;position:relative;cursor:pointer; font-family: auto;} /*.floating #header-menu-contact, .floating #header-menu-login,.floating #header-menu-search {height:60px;padding:15px 5px;}*/ /*.floating #header-menu-cart*/ #zone-head-body .menu-bt1 > a > i, #zone-head-body .menu-bt2 > a > i {font-size:36px;} #zone-head-body .menu-bt1 > a > .menu-nfy, #zone-head-body .menu-bt2 > a > .menu-nfy {position: absolute;top: 10px;right: 4px;background-color: #ff1b1b;padding: 2px 5px;border-radius: 4px;font-weight: bold;} #zone-head-body .menu-bt1 > .header-menu-block, #zone-head-body .menu-bt2 > .header-menu-block {display:none;right:0px;background-color:white;z-index: 999; box-sizing: border-box;box-shadow: 0 6px 12px rgba(0,0,0,.75);width:100%;min-width:200px;max-width:360px;} #zone-head-body .menu-bt1:hover {background-color:white;} #zone-head-body .menu-bt1:hover > a {color:black;} #zone-head-body .menu-bt1:hover > .header-menu-block {display:block!important;} #zone-head-float.nav-float .menu-bt1 > a {padding: 5px 5px;} #nav-header-menu .menu-btn-try {padding: 7px 10px 0px 10px;box-sizing: border-box;} #nav-header-menu .menu-btn-try > a{color:white;background-color: #ffa549;height: 50px!important;padding: 0px 0px!important;text-align: center;border-radius: 10px;border: 2px solid white} #nav-header-menu .menu-btn-try > a:hover{color:white;opacity: 1;transform: scale(1.05);transition: all 300ms ease;box-shadow: rgba(0, 0, 0, 0.6) 3px 3px 3px;} #nav-header-menu a {text-decoration:none;} #nav-header-menu li.no-bg a { background-image: none; } #nav-header-menu ul, #nav-header-menu ol { list-style: none; margin: 0px; padding:0px; } #nav-header-menu li.menu-tl3:before { content: 'g'; color: black; font-family: 'Webdings'; font-size: 4pt; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; vertical-align: middle; } #nav-header-menu .menu-tl3 a { color: #808080; } #nav-header-menu li { font-size: 14pt; line-height: 1; } #nav-menu2, #nav-menu { float: left; box-sizing: border-box; } #nav-menu > ul { height: 70px; /*zatial aby nepretekalo*/ overflow: hidden; } #nav-menu2 { max-width: 10%; box-sizing:border-box; } #nav-menu { /*min-width: 540px;*/ /*max-width: 90%;*/ box-sizing:border-box; } /* zakladne navigacene menu */ .nav-menu-exp ul{ display:none; } .nav-menu-exp > a { display:none; position: relative; color:black; padding: 5px 18px; font-size: 10pt; } .nav-menu-exp > a i { vertical-align: middle; } .nav-menu-exp > a:before, .nav-menu-exp > a:after { position: absolute; display: table-cell; vertical-align: middle; /*border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: '';*/ } .nav-menu-exp > a:after { top: 60%; } .nav-menu-exp > a:first-of-type, .nav-menu-exp.active-menu > a:last-of-type { display: table-cell; vertical-align: middle; } /* Menu katalog produktov */ .nav-menu-top .menu-tl1 > a { background-image: url(/App_Themes/iKelpTheme/Images/trojuholnik_11x11.png); background-repeat: no-repeat; background-position: right center; color:white; } .nav-menu-top { /*width: 60em; font-family: 'Open Sans', sans-serif; font-weight: 400; position: absolute; top: 25%; left: 50%; margin-left: -30em; */ } .nav-menu-top .menu-tl1 > ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .nav-menu-top .menu-tl2 { -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ /*border-bottom: 1px solid #3C3C3C;*/ padding: 5px 0px; margin:0px 15px; } #nav-header-menu .menu-hide-top {display:none;} #nav-footer .menu-hide-bottom {display:none;} .nav-menu-top .menu-tree-img-open{ display:none; } .nav-menu-top > a { display: none; } .nav-menu-top li { /*position: relative;*/ } .nav-menu-top li a, .nav-menu-exp li a, .header-menu-block a { color: black; display: block; font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif; font-weight: 400; padding: 15px 5px 15px 15px; } .nav-menu-top > ul > li > a, .nav-menu-exp > ul > li > a { display: table-cell; vertical-align: middle; } .nav-menu-top li a:active, .nav-menu-exp li a:active{ color: #43b7d8 !important; } */ /* first level */ .nav-menu-top > ul { /*height: 60px;*/ background-color: white; } .nav-menu-top > ul > li { min-width: 90px; max-width: 160px; /*height: 100%;*/ float: left; /*box-sizing:border-box;*/ } .nav-menu-top > ul > li > a, .nav-menu-exp > a { height: 60px; padding: 5px 20px; /* font-size: 1.5em; line-height: 2.5em; text-align: center; */ } .nav-menu-top > ul > li:not( :last-child ) > a { /* border-right: 1px solid #43b7d8;*/ } .nav-menu-top > ul > li:hover > a, .nav-menu-top > ul:not( :hover ) > li.active > a, .nav-menu-exp > ul > li:hover > a, .nav-menu-exp > ul:not( :hover ) > li.active > a { background-color: white; color: black; } /* second level */ .nav-menu-top li ul { } .nav-menu-top > ul > li > ul, .nav-menu-exp > ul { background-color: white; display: none; position: absolute; top: 100%; } .nav-menu-top > ul > li:hover > ul { display: block; /*right: 0px;*/ max-width: 380px; width: 100%; padding: 20px; box-sizing: border-box; box-shadow: 0 6px 12px rgba(0,0,0,.75); } .nav-menu-top > ul > li:hover:last-child > ul { right: 0px; } .nav-menu-top > ul > li:not( :first-child ):hover ul { /*left: -1px;*/ } /* .nav-menu-top > ul > li > a, .nav-menu-exp > ul > li > a { height: 50px; padding: 0px 8px; font-size: 12pt; }*/ .nav-menu-top > ul > li > ul > li > a, .nav-menu-exp > ul > li > a { text-transform: uppercase; /*width: 300px;*/ } /*.nav-menu-top li ul li a:hover, .nav-menu-top li ul:not( :hover ) li.active a, .nav-menu-exp ul li a:hover, .nav-menu-exp ul:not( :hover ) li.active a .nav-menu-top li ul:not( :hover ) li.active a, .nav-menu-exp ul:not( :hover ) li.active a .nav-menu-top li ul li a:hover, .nav-menu-exp li ul li a:hover, */ .nav-menu-top a:hover, .nav-menu-exp a:hover, .nav-menu-top .menu-tl2 a:hover, .nav-menu-exp .menu-tl3 a:hover, .nav-menu-top .menu-tl3 a:hover, .nav-menu-exp .menu-tl3 a:hover, #nav-header-menu .menu-tl3 a:hover, .header-menu-block a:hover { color: #43b7d8; text-decoration: none; } /* third level */ .nav-menu-exp > ul > li > ul { display:block; } .nav-menu-top > ul > li > ul > li > ul, .nav-menu-exp > ul > li > ul { padding-left: 15px; } .nav-menu-top > ul > li > ul > li > ul a, .nav-menu-exp > ul > li > ul a { height: auto; display:inline-block; max-width: 90%; padding: 5px 2px 5px 8px; } /* other hide */ .nav-menu-top > ul > li > ul > li > ul ul, .nav-menu-exp > ul > li > ul ul { display: none; } /* .nav-menu-top li ul li:hover ul { display: block; left: 0; right: 0; } */ /*@media only screen and ( max-width: 1000px ) { .nav-menu-top { width: 100%; position: static; margin: 0; } }*/ @media only screen and ( max-width: 1024px ) { #zone-head-body .menu-bt1 > a, #zone-head-body .menu-bt2 > a {padding:5px 5px;} .menu-hide-medium{display:none;} #nav-menu > ul {height:56px;} /*#nav-header-menu{width:100%;min-width:768px;}*/ #nav-header-menu li, #nav-menu2 a {font-size: 12pt;} /*#nav-menu{width:700px;} #nav-menu2 {min-width: 95px;}*/ .nav-menu-top > ul > li { min-width: 50px; max-width: 140px; /*height: 100%;*/ float: left; /*box-sizing:border-box;*/ } .nav-menu-top > ul > li > a, .nav-menu-exp > a { height: 40px; /*padding: 3px 3px;*/ } /* .nav-menu-top > ul > li > a, .nav-menu-exp > ul > li > a { height: 30px; padding: 0px 8px; font-size: 11pt; } */ .nav-menu-top > ul > li:hover > ul { padding: 10px; } .nav-menu-top > ul > li > ul > li, .nav-menu-exp > ul > li { /*width: 100%;*/ } #nav-header-menu .menu-btn-try > a {height: 35px!important;border-radius: 7px;font-size: 10pt;} } /* @media only screen and ( max-width: 900px ) { #nav-header-menu li, #nav-menu2 a {font-size: 8pt;} .nav-menu-top > ul > li { min-width: 50px; max-width: 100px; float: left; } } */ @media only screen and ( max-width: 770px ) { #header-menu {margin-right:5px;} #zone-head-body .menu-bt1 > a, #zone-head-body .menu-bt2 > a {padding:0px 3px;} #nav-header-menu .menu-btn-try {padding: 0px 5px 0px 5px;} #nav-header-menu .menu-btn-try > a {height: 32px!important;border-radius: 5px;padding: 0px 7px!important;} /*#nav-header-menu{width:100%;min-width:320px;}*/ #nav-header-menu li, #nav-menu2 a {font-size: 10pt;} /*#nav-menu{width:670px;} #nav-menu2 {min-width: 95px;}*/ .nav-menu-top > ul > li { min-width: 40px; max-width: 90px; /*height: 100%;*/ float: left; /*box-sizing:border-box;*/ } .nav-menu-top > ul > li > a, .nav-menu-exp > a { height: 35px; /*padding: 3px 5px;*/ } /* .nav-menu-top > ul > li > a, .nav-menu-exp > ul > a { height: 30px; padding: 0px 8px; font-size: 9pt; } */ .nav-menu-top > ul > li:hover > ul { padding: 10px; max-width: 280px; } #zone-head-body .menu-bt1 > .header-menu-block, #zone-head-body .menu-bt2 > .header-menu-block{ max-width: 280px; } #zone-head-body .menu-bt1 > #sb-boxsearch.header-menu-block{ max-width: 360px; } .nav-menu-top > ul > li > ul > li, .nav-menu-exp > ul > li { /* width: 240px;*/ } .nav-menu-top li a, .nav-menu-exp li a, .header-menu-block a { padding: 10px 5px 10px 10px; } } @media only screen and ( min-width: 486px ) { .nav-menu-exp:hover > a{ background-color: #1B1B1B; } .nav-menu-exp:hover > ul { display: block; left: 0px; max-width: 320px; width: 300px; padding: 20px; } .nav-menu-exp > .small-btn{ display: none !important; } } @media only screen and ( max-width: 485px ) { #nav-header-menu {position:static;} #nav-header-menu li, #nav-menu2 a {font-size: 10pt;} .nav-menu-top .menu-tl1 > ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } #zone-head-body .menu-bt1 > a > .menu-nfy, #zone-head-body .menu-bt2 > a > .menu-nfy{ padding: 0px 3px; top: 0px; } .menu-show-small{display:initial;} .menu-hide-medium{display:initial;} .nav-menu-exp > .big-btn{ display: none !important; } #nav-menu { /*min-width: 230px;*/ max-width: 360px; } .nav-menu-top { /*position: relative;*/ top: auto; left: auto; } .nav-menu-top > a, .nav-menu-exp > a { /*width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background-color: #e15a1f;*/ height: 40px; position: relative; color:white; padding: 0px 5px; } .nav-menu-top > a:before, .nav-menu-top > a:after, .nav-menu-exp > a:before, .nav-menu-exp > a:after { position: absolute; /*border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: '';*/ } .nav-menu-top > a:after, .nav-menu-exp > a:after { top: 60%; } .nav-menu-top > a:first-of-type, .nav-menu-exp > a.frst, .nav-menu-top.active-menu > a:last-of-type, .nav-menu-exp.active-menu > a.scnd { display: block; } .nav-menu-top.active-menu > a:first-of-type, .nav-menu-exp.active-menu > a.frst{ display: none; } /* first level */ #nav-menu { width: initial; min-width: 290px; max-width:480px; position: absolute; left: 0px; top: 40px; z-index: 999; display:none; background-color: white; box-shadow: 0 6px 12px rgba(0,0,0,.75); } #nav-menu-btn {position: absolute;left: 5px;} #nav-menu-btn:hover > #nav-menu, #nav-menu-btn.selected > #nav-menu {display:block;} #nav-menu-btn:hover, #nav-menu-btn:hover > #nav-menu, #nav-menu-btn.selected{background-color:white;} #nav-menu-btn:hover > a, #nav-menu-btn.selected > a {color:black;} #nav-menu-btn.menu-bt2 > a.show-small-mnu {display:initial;} #zone-head-float #nav-menu > ul{height: auto;} .nav-menu-p.active-menu > ul{ display: block; } #nav-menu-btn .menu-hide-small > a{display:none;} .nav-menu-top > ul > li{ width: 100%; float: none; max-width: inherit; /*height: 40px;*/ } .nav-menu-top > ul > li > a, .nav-menu-top .menu-tl1 > a, .header-menu-block > ul > li > a {box-sizing: border-box;height: auto;padding: 10px 0px 10px 15px;font-size: 12pt;width: 100%;display: block;color:black;} .nav-menu-top > ul > li:not( :last-child ), .nav-menu-exp > ul > li:not( :last-child ) { /*border-bottom: 1px solid #43b7d8;*/ } .nav-menu-top > ul > li:not( :last-child ) > a, .nav-menu-exp > ul > li:not( :last-child ) > a { border-right: none; } .nav-menu-top > ul > li:hover > a, .nav-menu-top > ul:not( :hover ) > li.active > a, .nav-menu-exp > ul > li:hover > a, .nav-menu-exp > ul:not( :hover ) > li.active > a { /*background-color: white;*/ color: #43b7d8; } /* second level */ .nav-menu-top > ul > li > ul{ position: static; display:block; } .nav-menu-top > ul > li > ul > li{ float: none; } .nav-menu-top .menu-tl2{ margin:0px;padding:0px; } .nav-menu-top > ul > li > ul > li > a{ height: auto; font-size: 12pt; padding: 10px 0px 10px 15px; text-transform: none; width: 100%;display: block;color:black;box-sizing: border-box; } #nav-header-menu .menu-btn-try > a{ padding: 10px!important; max-width: 230px; } .nav-menu-top > ul > li:hover > ul{ padding: 0px 0px 0px 0px; box-shadow:none; } /* third level */ .nav-menu-top > ul > li > ul > li > ul { padding-left: 10px; } .nav-menu-top > ul > li > ul > li > ul a { /*height: 24px;*/ font-size:10pt; } .nav-menu-top > ul > li > ul > li { width: 100%; } } @media only screen and ( max-width: 360px ) { #zone-head-body .menu-bt1 > a > i, #zone-head-body .menu-bt2 > a > i {font-size: 30px;} #nav-menu {top:34px;} } @media only screen and ( max-width: 320px ) { /*#zone-head-body #header-menu-login {display:none!important}*/ } #header-menu-cart {display:inline-block;} /*#header-menu-contact {float:right;}*/ #nav-header-top{font-size:12pt;text-transform:uppercase;} #header-menu-login-in #login-name-menu a {padding: 5px;margin: 0px;text-transform: none;font-weight: normal;font-size: 9pt;} #header-menu-login-in #login-name {display:inline-block;} #header-menu-login-in #login-links a, #header-menu-login #login-links a:visited{text-transform:none;color:#3896FA;} #header-menu-login-in #login-links a:hover {text-decoration: underline;color: #43b7d8;} #header-menu-cart {padding:0px;} #header-menu-cart #wrapp {background-color:#3896FA;padding:35px 10px;} .floating #header-menu-cart #wrapp {padding:18px 10px;} #header-menu-cart #wrapp:hover {background-color:#43b7d8;cursor:pointer;} #header-menu-cart #shoppingcard-text {padding: 3px 8px;border-radius: 11px;background-color: white;display:inline-block;} #header-menu-cart .call-shoppingcard-small-price-total-curr{display:none;} #logo {font-size:16pt;padding:35px 5px 0px 0px;} .floating #logo {padding-top:18px;} #logo a {color: #1B1B1B;} #logo .logo-name{font-family:ProximaNovaBold;} #nav-header-bg #nav-header-bg-left {position: absolute;height: 70px;background-color: white;width: 50%;} #logo{width:195px;float:left;box-sizing:border-box;} #header-menu {float:right;font-size: 10pt;max-height:90px;} .header-menu-block {padding:5px 10px;box-sizing:border-box;position:absolute;} #header-menu i{vertical-align: middle;} #header-menu > div:not( :last-child ) > .header-menu-block {border-right: 1px solid #DCDCDC;} #sb-search.sb-search .sb-search-bg{padding:10px 15px;} #sb-search.sb-search .sb-search-bg input{font-size:1.2em;max-width: 230px;} #sb-search.sb-search .sb-search-bg > a{display: block;float: right;font-size: 0.8em;color: white; background-color: #24bf24;padding: 6px;box-sizing: border-box;border-radius: 4px;font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif; text-align: center;font-weight: 400;} #sb-search.sb-search-open .sb-search-bg {} @media only screen and ( max-width: 770px ) { .header-menu-block {padding:5px 5px;} #header-menu-contact, #header-menu-login, #header-menu-search {padding: 0px 0px;} #header-menu-cart.top {vertical-align:middle;} #header-menu-cart #wrapp {padding: 15px 3px;} #header-menu-login-in {padding:0px;height:auto;} #header-menu-login-in .header-menu-block {padding:0px 5px;} .hide-medium{display:none!important;} li.breadcrumb-li-level0 {display:none!important;} } } #scroll-down {display:none;} #social-links {position: fixed;top: 200px;left: 2px;z-index: 1000;max-width: 32px;} #social-links a {margin-right: 5px;} #zone-footer-panel {background-color: rgb(67, 183, 216);clear: both;} #zone-footer-panel.bg-blue2 {background-color:#5092cf;} #zone-footer-panel .zone-footer-panel{margin: 0px auto auto auto;max-width:1200px;padding:5px;padding-bottom: 20px;} #zone-footer-panel .zone-footer-article{margin: 0px auto auto auto;max-width:1200px;padding:5px 5px 0px 5px;} #zone-footer-panel .zone-footer-article-panel{background-color: rgb(39, 157, 190);} #zone-footer-panel .zone-footer-article-panel.bg-blue3{background-color: #386894;} .zone-footer-panel-center, .zone-footer-panel-fb{padding-top:5px;float:left;width:60%;box-sizing:border-box;} .zone-footer-panel-fb{float:right;width:40%;} .zone-footer-panel ul {padding:0px; margin:0px;list-style:none;display:block;} .zone-footer-panel nav > ul > li {padding: 0 35px 0 0;vertical-align: top;float:left;} .zone-footer-panel nav ul li, .zone-footer-panel nav ul {box-sizing:border-box;} .zone-footer-panel ul li a {color:white;display:block;padding-bottom:10px;padding-left:5px;text-decoration:none;text-transform:uppercase;} .zone-footer-panel ul li a:hover {color: #e8e8e8;text-decoration: underline;} .zone-footer-panel ul li ul{} .zone-footer-panel ul li ul li{padding:0;display:block;} .zone-footer-panel ul li ul li a{font-weight:normal;color:white;padding:0 0 3px 0;text-transform:none;} #foot-blank {min-height:35px;background-color:white;} @media screen and (max-width: 1280px) { #social-links {position: initial;top:0px;left:0px;z-index: 1000;max-width:initial;float:right;} } @media only screen and (min-width: 1024px){ #scroll-down {position: fixed;right: 35px;top: 300px;z-index: 7999;display:block;} #scroll-down span {width: 50px;height: 50px;overflow: hidden;display: block;cursor: pointer;background-color: #ff8927;border-radius: 50%;text-align: center;color:white;} #scroll-down span i {font-size: 32px;margin: 9px 10px;} #scroll-down span i.btn-up {margin:8px 10px;} #scroll-down span i.btn-down {display:block;} #scroll-down span.go-top i.btn-down, #scroll-down span i.btn-up {display:none;} #scroll-down span.go-top i.btn-up {display:block;} } @media screen and (max-width: 768px) { #nav-footer {text-align:center;float:none;} #nav-footer > ul > li {width:50%;} #foot-blank {min-height:15px;} } @media screen and (max-width: 360px) { #nav-footer > ul > li {width:100%;padding-bottom: 10px;} #foot-blank {min-height:0px;} } @media all { /*rozne spolocne pre web*/ .alert{font-weight: bold; color: red; margin:0px;padding:1pt 2pt 1pt 2pt; font-size: 1.1em;} .explain{color: #1eb71e;margin:0px;padding:0pt 2pt 0pt 2pt;font-style: italic;font-size: 0.97em;} .applic-nav {font-style: italic;font-size:1.07em;font-weight: bold;} .internal-note {visibility:collapse;display:none;font-size: 1%; width:0px; height:0px;} /*#scroll-down span.go-top i {display:none;}*/ .popup {position: relative;max-width: 500px;width:100%;background: #fff;padding: 32px 40px;display: none;box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center; } .popup .bline {height: 2px;margin: 25px auto; } .popup .close {position: absolute;top: 0;right: 0;width: 32px;height: 32px;overflow: hidden;/*text-indent: -9000px;*/display: block;background-position: 0 0;cursor: pointer; background-color: #ff6666;color: white;font-family: Arial;font-size: 20px;padding: 4px 2px 2px 2px;line-height: 30px;} .popup input {text-align: center; } .popup .gplus_btn, .popup .fcb_btn {display: inline-block; } .popup .gplus_btn a, .popup .fcb_btn a { display: table-cell; width: 192px; height: 44px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; vertical-align: middle; text-align: left; padding-left: 44px; } .popup .gplus_btn a span, .popup .fcb_btn a span { display: inline-block; padding-left: 33px; height: 23px; line-height: 23px; } .popup .gplus_btn { margin-bottom: 20px; } .popup .gplus_btn a { background-color: #e95234; } .popup .gplus_btn a span { background-position: 0 -55px; } .popup .fcb_btn { margin-top: 30px; margin-bottom: 10px; } .popup .fcb_btn a { background-color: #4f6e9e; } .popup .fcb_btn a span { background-position: 0 -32px; } .popup form { margin-top: 20px; } .popup input:not([type=checkbox]) { border: none; display: block; width: 100%; text-align: center; height: 42px; margin-bottom: 15px; font-size: 12pt; } .popup .newsletter-confirm { font-size: 12pt; margin-bottom: 15px !important; } .popup input:not([type=submit]) { background: #f2f2f2; } .popup input[type=submit]{ height: 48px; } .popup input:invalid:required:focus, .popup input:-moz-ui-invalid { border:0; outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .popup input[type=submit]:focus { outline: none; } .popup { border: 2px solid #CCC; box-shadow: 4px 4px 1px 0px rgba(0, 0, 0, 0.08); border-radius: 3px; } .popup .internal-provider-body {width: 100%;max-width: 320px;margin:0 auto;padding: 18px;box-sizing:border-box;} .popup .internal-provider-body > div {width: 100%;max-width: 250px;margin:0 auto;} .popup .internal-provider-body .sf-ref-email-lbl {font-size: 20px;padding: 10px;display: inline-block;} .ezop-list-files .list, .ezop-easy-gallery-view .list{position:relative;float:left;width:130px;height:90px;padding:0px;margin:0px;} .ezop-list-files .list a.image, .ezop-easy-gallery-view .list a.image{width:126px;height:86px; display:table-cell;vertical-align:middle;text-align:center;} .ezop-list-files .list .actions, .ezop-easy-gallery-view .list .actions{position:absolute;left:5px;top:5px;display:none;} .ezop-list-files .list:hover, .ezop-easy-gallery-view .list:hover{border-style:solid;border-width:1px;} .ezop-list-files .list:hover .actions, .ezop-list-files .list:hover .text, .ezop-easy-gallery-view .list:hover .actions, .ezop-easy-gallery-view .list:hover .text{display:block;} .ezop-list-files .list, .ezop-easy-gallery-view .list{border:1px solid transparent;} .ezop-list-files .list .text, .ezop-list-files .list .text-dir, .ezop-easy-gallery-view .list .text, .ezop-easy-gallery-view .list .text-dir{position:absolute;left:0px;top:61px;display:none;height:27px;width:124px;overflow:hidden;margin:0px;padding:1px 3px;} .ezop-list-files .list .text-dir, .ezop-easy-gallery-view .list .text-dir{display:block;text-align:center;} .ezop-list-files .list .text h6, .ezop-list-files .list .text-dir h6, .ezop-easy-gallery-view .list .text h6, .ezop-easy-gallery-view .list .text-dir h6{font-size:12px;padding:0;margin:0px 1px 2px 1px;} .ezop-list-files .list .text p, .ezop-easy-gallery-view .list .text p{font-size:10px;padding:0;margin:0px;text-align:right;} .ezop-easy-gallery-view{float: left; width: 100%;} .ezop-pager{float:right;display:inline-block;padding:8px;box-sizing:border-box;width:48%;text-align: right;clear: right;} .ezop-pager a, .ezop-counter a{color:gray;text-decoration:none;} .ezop-pager a:hover, .ezop-counter a:hover{text-decoration:underline;} .ezop-counter{float:left;display:inline-block;padding:8px;box-sizing:border-box;width:48%;clear: left;} .ezop-page-nopublic {width: 100%;background: #fb8c1b;color: white;text-align: center;padding: 5px;font-weight: bold;box-sizing:border-box;} article.ezop-page > p img, article.ezop-page > ul img, article.ezop-page > ol img, article.ezop-page > section div img {max-width: 100%;height: auto;} @media only screen and ( max-width: 1024px ) { .ezp-page-lang-select{padding:0px 5px;} .ezop-page > p, .ezop-page > ul, .ezop-page > ol, .ezop-page > h2, .ezop-page > h3, .ezop-page > h4, .ezop-page > h5, .ezop-page > h6 {padding-left:10px;padding-right:10px;} } @media only screen and ( max-width: 770px ) { h1{font-size:1.17em;} h2, h3 {font-size:1.1em;} h3,h4,h5,h6 {font-size:1em;} .popup{padding: 40px 20px 15px 20px;} .zone-footer-panel-center, .zone-footer-panel-fb{float:none;width:100%;} /*.zone-footer-panel-fb {display:none;}*/ .applic-nav{font-size:1em;} .ezop-page > p, .ezop-page > ul, .ezop-page > ol, .ezop-page > h2, .ezop-page > h3, .ezop-page > h4, .ezop-page > h5, .ezop-page > h6 {padding-left:5px;padding-right:5px;} .ezop-page > ul, .ezop-page > ul ul, .ezop-page > ol, .ezop-page > ol ol{padding-left: 22px;} } } /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /* Systems */ @media all { /*Editor a viac, treba vkladat inak je to zbytocne */ .ezop-btn-row, .ezop-btn-row-del, .ezop-btn-row-edit{width:16px;height:16px;display:inline-block;margin-left:4px;} .ezop-btn-row-del{background:url('/App_Themes/EzopTheme/Images/del.png') no-repeat;} .ezop-btn-row-edit{background:url('/App_Themes/EzopTheme/Images/edit.png') no-repeat;} .ezop-page-admin-editbar{ /* float:right; */ } .page-editbar-edit-url-copy, .page-editbar-edit-url-copy ul{list-style:none;margin:0;display:inline-block;} .page-editbar-edit-url-copy{padding:5px 8px 0px 0px;} .page-editbar-edit-url-copy ul{display:none; position:absolute; padding:3px 6px 5px 6px;} .page-editbar-edit-url-copy ul li {margin-top:5px;} .page-editbar-edit-url-copy:hover ul {display:block; background-color:#F5F5F5;} .page-editbar-edit-url-copy:hover{background-color:#F5F5F5;} /* ezop info o dokumentoch */ .ezp-page-info-details, .ezp-page-info-details, .ezop-docman-front-item .ezp-documents-info-details{z-index:50; position:absolute; filter:alpha(opacity=80); opacity:0.8; background-color:Black; border:1px solid black; padding:10px; color:White; display:none; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;} .ezp-page-info-details, .ezop-docman-front-item .ezp-documents-info-details{margin:0px -320px;} .ezp-page-info-details td, .ezp-page-info-details th, .ezop-docman-front-item .ezp-documents-info-details td, .ezp-documents-info-details th{background-color:transparent !important; word-wrap:break-word; border:none; background-image:none !important; text-align:left; font-weight:normal; padding:0px !important; height: auto !important;} .ezp-page-info-details td, .ezop-docman-front-item .ezp-documents-info-details td{width:200px !important;} .ezp-page-info-details td div, .ezop-docman-front-item .ezp-documents-info-details td div{word-wrap:break-word; width:200px !important;} .ezp-page-url-info{display:none; background-color:#1A1A1A;padding:7px;z-index:1000;position:absolute; border-radius:3px; color:White; } .ezp-page-url-info input{display:inline-block;width:320px;} .ezop-page-url-info-qrcode{margin-left:5px;} .ezop-page-url-info-qrcode img {vertical-align:text-bottom;} .ezp-page-url-close{position: absolute;top: 2px;right: 4px;} .ezp-page-author-panel{text-align:right;} div.ezp-message-tt{position: absolute;z-index:90000;} div.ezp-message-tt-arr {border-width: 0px 10px 10px 10px;border-style: solid;border-color: transparent transparent #4B4242 transparent;width: 0px;margin: 0 auto;} div.ezp-message-tt-text {background-color: #4B4242;color: #FFF;padding: 8px;max-width: 200px;} .ui-dialog {z-index:9500;} .ui-widget-header{border:none;background-color: transparent;background-image: none;} .ui-widget-overlay {background-color: rgba(0, 0, 0, 0.7);background-image: none;} } /* Informacny modul, ktory sa zobrazuje v strede strany ma tri texty: Title, Message a detail. */ .ezop-message-page-info, .ezop-message-page-warning, .ezop-message-page-error{margin:5px 10px 5px 10px;padding-bottom:5px;} .ezop-message-page-info a, .ezop-message-page-warning a, .ezop-message-page-error a{margin:15px 10px 15px 10px;} .ezop-message-page-info-title, .ezop-message-page-warning-title, .ezop-message-page-error-title{color:#279dbe;font-weight:bold;font-size:130%;padding:1px 5px 3px 5px;} .ezop-message-page-info-message, .ezop-message-page-warning-message, .ezop-message-page-error-message{font-weight:bold;font-size:120%;padding:3px 5px 3px 35px;min-height:32px;background-position:left center;} .ezop-message-page-info-detail, .ezop-message-page-warning-detail, .ezop-message-page-error-detail{font-size:90%;} .ezp-msg-box, .ezop-message-page-info, .ezop-message-page-warning, .ezop-message-page-error{ background-color: #e5e5e5; min-width: 300px; margin: 15px auto; padding: 10px; border-radius: 15px; max-width: 600px; font-size: 120%; border: 2px solid #279dbe; text-align: center; line-height: 1.5; box-shadow: 4px 4px 15px 0px rgb(125, 120, 117); } .ezop-message-page-warning-title {color:#c67804;} .ezop-message-page-error-title {color:#a10000;} .ezop-message-page-warning, .ezop-message-box-warning{background-color: #fceebe;border: 2px solid #c67804;} .ezop-message-page-error, .ezop-message-box-error{background-color: #ffc1a4;border: 2px solid #a10000;} .ezop-message-page-empty{} .ezop-message-page-empty-title{height:0px;visibility:collapse;} .ezop-message-page-empty-message{height:0px;visibility:collapse;background-image:none;} .ezop-message-page-empty-detail{height:0px;visibility:collapse;} .ezp-login-label { font-weight: bold; display: block; } .ezp-login-input { color: #0C0D0E; line-height: 1.3; font-size: 100%; border: 1px solid #e4e6e8; padding: 8px; border-radius: 2px; width: 100%; box-sizing: border-box; } .or-container { text-align: center; margin: 0; margin-bottom: 10px; clear: both; color: #6a737c; font-variant: small-caps; } .or-container .or-hr { margin-bottom: 0; position: relative; top: 19px; height: 0; border: 0; border-top: 1px solid #e4e6e8; } .or-container .or { display: inline-block; position: relative; padding: 10px; background-color: #FFF; } .ezp-login-controls{ max-width: 200px; margin: 0 auto; } .ezp-login-fileds{ max-width: 260px; margin: 0 auto; } .ezp-login-fileds .txt-box { display:block !important; margin-bottom: 10px; margin: 5px 0 5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a.external-provider-btn { padding: 5px; /*width: 140px;*/ border-radius: 2px !important; text-decoration: none !important; text-align:left; box-sizing:border-box; min-width:150px; max-width:250px; margin-bottom:4px; } a.external-provider-btn > img{ width:32px !important; } a.external-provider-btn > span.txt{ font-size: 13px !important; vertical-align: middle; margin-left:10px; } a.external-provider-btn > span.img { width:32px; height:32px; background-image:url('Images/signin-icons-32.png?ver=2'); background-repeat:no-repeat; } a.fb.external-provider-btn > span.img { background-position:-32px 0px; } a.ggl.external-provider-btn > span.img { background-position:0px 0px; } a.f4.external-provider-btn > span.img { background-position:-64px 0px; } .openid-buttons{ text-align:center; } /*.openid-buttons-cnt-2 a.external-provider-btn{ width:50%; } .openid-buttons-cnt-3 a.external-provider-btn{ width:33%; }*/ .ezp-login-innerpnl { max-width: 450px; margin: 0 auto; } .simple-tabs-header { margin: 5px 0 0; padding: 2px 0 0; border-bottom: 1px solid #E4E4E4; } .simple-tabs-header > .simple-tab{ display:inline-block; margin:0; padding: 10px 14px; border-bottom: 3px solid transparent; cursor:pointer; vertical-align: bottom; } .simple-tabs-header > .simple-tab a { display: inline-block; color: #40BA31; font-size: 11pt; font-weight: bold; vertical-align: middle; margin-left: 2px; } .simple-tabs-header > .simple-tab.selected{ border-bottom: 3px solid #40BA31; } .simple-tabs-body{ } .simple-tabs-body > .page-tab{ margin-top: 10px; } .ezop-login-body.popup .simple-tab{ width:50%; box-sizing:border-box; } .ezop-login-info { color: #f00; font-weight: bold; display: block; padding: 6px 0; } .ezp-login-controls-loading{ position: relative; } .ezop-login-progress { position: absolute; right: 10px; bottom: 15px; } a.nav-btn-orange, a.navig-save, .ezop-login-btnlogin, a.nav-btn-orange:visited, .ezop-login-btnlogin:visited, .contact-form-informations .submit-ok, .contact-form-informations .submit-ok:visited {display:inline-block;padding:15px 40px;text-decoration:none;background-color:#FF8C1F;color:white;border:1px solid #FF8C1F; white-space: nowrap;} a.nav-btn-orange:hover, a.navig-save:hover, .ezop-login-btnlogin:hover, .contact-form-informations .submit-ok:hover {background-color:white;text-decoration:none;border:1px solid #1B1B1B;color:#FF8C1F;} a.nav-btn-blue, a.nav-btn-blue:visited {display:inline-block;padding:10px 20px;text-decoration:none;background-color:white;color:#3896FA;border:1px solid white;text-transform:uppercase;font-family: ProximaNovaBold;} a.nav-btn-blue:hover {background-color:#FF8C1F;text-decoration:none;border:1px solid white;color:white;} a.nav-btn-blue-b, a.nav-btn-blue-b:visited {border:1px solid #3896FA;padding: 19px 10px 16px 40px;background-position-x: 10px;display:inline-block;} a.nav-btn-blue-b:hover {border:1px solid #3896FA;/*background-color:#FF8C1F;*/} .nav-btn-simple, a.navig-next-go-back, .call-paper-payments-list-task-back, a.navig-next-go-continue { font-weight: bold; text-transform: uppercase; font-size: 13px; padding: 3px; } .nav-btn-simple i, a.navig-next-go-back i, a.navig-next-go-continue i { vertical-align:middle; } a.navig-save{margin-left:15px;} .navig-basket{ text-align:center; margin:15px 15px 15px 15px;} .navig-basket-btn{ display: inline-block; font-weight: bold; text-transform: uppercase; color: #808080; width: 22%; margin: 13px 0; position: relative;} .navig-basket-btn .text{} .navig-basket-btn .icon{vertical-align: middle;} .navig-basket-btn.call-navig-basket-selected .text{color:#1B1B1B;} .navig-basket-btn.call-navig-basket-selected .icon{color:#FF8C1F;} .navig-next-steps{clear: both; padding-top: 10px 5px 25px 5px;margin: 0 auto 15px auto;max-width:900px;} /* .navig-next-back-page1, .navig-next-back-page2, .navig-next-back-page3, */ .navig-save, .navig-next-go-page1, .navig-next-go-page2, .navig-next-go-page3, .navig-next-go-page4, .navig-next-go-confirm {display:inline-block;padding:15px 40px;text-decoration:none;background-color:#FF8C1F;color:white;border:1px solid #FF8C1F; white-space: nowrap;} .navig-save:hover, .navig-next-go-page1:hover, .navig-next-go-page2:hover, .navig-next-go-page3:hover, .navig-next-go-page4:hover, .navig-next-go-confirm:hover {background-color:white;text-decoration:none;border:1px solid #1B1B1B;color:#FF8C1F;} /* .navig-next-go-continue .navig-next-go-continue:hover .navig-next-go-continue{background:url('Images/cmd-continue.png') no-repeat;} .navig-next-go-back{background:url('Images/cmd-continue.png') no-repeat;} .navig-next-back-page1{background:url('Images/cmd-go-basket.png') no-repeat;} .navig-next-go-page2{background:url('Images/cmd-go-transit.png') no-repeat;} .navig-next-back-page2{background:url('Images/cmd-back-transit.png') no-repeat;} .navig-next-go-page3{background:url('Images/cmd-go-mailbox.png') no-repeat;} .navig-next-back-page3{background:url('Images/cmd-back-mailbox.png') no-repeat;} .navig-next-go-page4{background:url('Images/cmd-go-order.png') no-repeat;} .navig-next-go-confirm{background:url('Images/cmd-order-confirm.png') no-repeat;} .navig-save{background:url('Images/cmd-save.png') no-repeat;} .call-paper-payments .navig-next-go-confirm{} */ .basket-total{float: right;margin-right: 10px;margin-top:20px;margin-bottom: 9px;} .basket-total th{text-align:left; font-size: 110%; text-transform: uppercase; font-weight: bold;} .basket-total th, .basket-total td{padding:2px 10px 0px 4px;} .basket-total-price{ font-size:120%;} .basket-total-pay{ font-size: 170%; font-weight: bold; text-transform: uppercase;} .basket-transit{ display:inline-block; width:100%} .basket-items-add-goods{display:block ; margin-left:10px; margin-bottom:10px;float:left; clear:left; width:400px} .basket-items-add-goods-code{ padding-left:5px; margin-top:10px;} .basket-items-add-goods-code-title{ font-weight:bold;font-size:100%;} .basket-items-add-goods-code-input{ width:50px;} .basket-items-add-goods-code-quantity{width:50px;} .basket-items-add-goods-code-add{background:url('Images/basket-items-code-add.png') no-repeat; display:inline-block;width:16px;height:16px;margin-left:4px;} .basket-items-import-file{ padding-left:5px;margin-top:10px;} .basket-items-import-file-title{font-weight:bold;font-size:100%;} .basket-items-import-file-add{background:url('Images/basket-items-import-file-add.png') no-repeat; display:inline-block;width:16px;height:16px;margin-left:4px;} .basket-items, .transit-items, .basket-items-actions, .customer-type, .customer-data, .confirm-order, .sent-order, .profile-data, .ezop-forgot-password, .sent-order{ margin:10px auto 20px auto;max-width:900px;} .basket-items-actions, .profile-deliveryaddresses-actions{margin-left:18px;padding-left:16px;background:url('Images/shopping-card-actions.png') no-repeat; float:left;} .basket-items{min-width:320px;width:98%; margin-left:auto;margin-right:auto;clear:both;} .confirm-order .ezop-grid-view-div{clear:both;} .basket-items-actions-alldel{ margin-left:16px;} .basket-items, .basket-items td, .basket-items th, .profile-delivery-address th, .profile-delivery-address td{ border-style:none;} /*.basket-items th, .profile-delivery-address th{ background-color:rgb(135,216,147); color:White;}*/ .basket-items td, .profile-delivery-address td{ border-bottom-style:solid;border-bottom-width:1px; border-color: #E3E3E3;} .basket-items td.no-border { border-bottom:none; } .basket-items th, .profile-delivery-address th, .ezop-grid-view-div > table th { padding: 13px 4px; white-space: nowrap; border-bottom: 2px solid #1B1B1B; text-align:left; } .basket-item-selected{font-weight:bold;} .basket-item-quantity{width:90px;} .basket-item-quantity-value{width: 30px; padding: 8px 4px 8px 10px;} .basket-item-quantity-value, .basket-item-quantity a, .basket-item-quantity span{ margin-right:2px;} .basket-item-unitprice, .basket-item-itemprice, .basket-item-quantity-r { text-align: left; font-weight: bold;} .basket-item-unitprice, .basket-item-quantity-r { white-space: nowrap; } .basket-item-itemprice .price{ white-space:nowrap; } .basket-item-disp-quantity-not-enough{ color:Red;} .basket-item-header { background-color: #FFF; color: #1B1B1B; text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #1B1B1B; } td.basket-item-image { vertical-align: middle; width: 1px; padding: 8px; } .basket-items-tr td{ vertical-align:middle; padding:8px; } .cart-quant-change{ margin-left: 6px; } div.cart-line-header:before { padding-bottom: 13px; } div.small-basket-items {margin:5px 0px;padding:1px;border-style:solid;border-width:1px 0px;} div.small-basket-items table {width:100%;} div.small-basket-item-btn-td, .small-basket-item-itemprice-td {text-align:right;} .small-basket-item-quantity-td, .small-basket-item-itemprice-td {font-size:90%} .small-basket-items .row-bottom td {padding-bottom:2px;} .call-paper-payments{max-width:600px;margin:10px auto 70px auto;} .call-paper-payments-list{} .call-paper-payments-list-item{ padding-left:40px; padding-top:5px;} .transit-items-payments-list-item, .transit-items-transport-list-item{ padding: 4px;} .transit-items-payments-list-item label, .transit-items-transport-list-item label { padding: 4px 8px; display: inline-block; margin-left: 5px; } .call-paper-payments-list-task{padding-top:20px;} .call-paper-payments-list-task-back{padding-right:10px;padding-left:20px;} .call-paper-payments-list-task > a{margin:0px 25px 0px 25px;} .call-paper-payments-list-task > a:first-child{margin:0px 25px 0px 0px;} .call-paper-payments-list-task > a:last-child{margin:0px 0px 0px 25px;} .transit-items-payments-list-item-details-url, .transit-items-transport-list-item-details-url { float:right; background-image:url('Images/msg_info_24.png'); background-repeat:no-repeat; background-position:left; background-size:16px;padding-left: 18px; } .transit-items-payments-list-item:hover , .transit-items-transport-list-item:hover {} .nav-hover-chk label { border-width: 1px 1px 2px 1px; border-color:transparent; border-style: solid; } .nav-hover-chk label:hover{border:1px solid #DCDCDC;border-bottom:2px solid #FF8C1F;cursor:pointer; -moz-box-shadow: 0px 0px 15px #DCDCDC;-webkit-box-shadow: 0px 0px 15px #DCDCDC;box-shadow: 0px 0px 15px #DCDCDC;} .transit-items, .customer-type, .basket-total-wr{max-width:900px;margin:10px auto;} .customer-data, .profile-data, .navig{padding-bottom:5px;max-width:900px;margin:0 auto;} .customer-data .ezop-login-body{ } /*.customer-data .ezop-textbox-requiredmark, .customer-basic-data .ezop-textbox-requiredmark{display:none;}*/ .ezop-textbox-requiredmark{display:none;} .customer-data .ezop-textbox, .customer-basic-data .ezop-textbox, .customer-invoice-address .ezop-textbox, .customer-login-data .ezop-textbox{max-width:98%;width:95%} /*.customer-data th, .profile-data th{min-width:120px;}*/ .profile-data-title, .ezop-forgot-password-title, .sent-order-title{ font-size: 1.15em; font-weight: bold; padding: 5px 10px 2px 10px; border-bottom: 1px solid #DCDCDC; display: block; margin-bottom: 10px; text-transform: uppercase;} .customer-data th, .customer-data td, .profile-data th, .profile-data td{ text-align:left;} .profile-data .profile-delivery-address th{min-width:0px;} .address-psc td input{width:40px;} .address-ico td input{width:60px;} .address-dic td input{width:75px;} .address-icdph td input{width:95px;} .transit-items td{vertical-align:top;} .transit-items table{ margin: 0 auto;} .customer-type table{width:auto;margin:2px 10px 2px 10px;} .transit-items-transport-title, .transit-items-payment-title, .customer-type-address-title, .customer-data-title{ display: block; font-size: 90%; font-weight: bold; padding: 10px 5px; border-bottom: 2px solid #1B1B1B; text-transform: uppercase; min-width: 220px; margin-bottom: 8px;} .transit-items-price-info{display:block;width:auto;padding:5px 10px 5px 10px;text-align:center;font-weight:bolder;font-size:120%} .transit-payment-info, .transit-transport-info{margin:5px 0px 5px 0px; font-size:120%;} .transit-items-transport-td {margin-right: 15px; } .transit-items-transport-td, .transit-items-payment-td { display: inline-block; vertical-align: top; text-align: left; } .transit-items-wr{ margin: 0 auto; text-align: center; } .profile-data .ezop-column-task a{ float:left;} .profile-data .ezop-column-task{min-width:36px;} .ezop-btn-row, .ezop-btn-row-del, .ezop-btn-row-edit{width:16px;height:16px;display:inline-block;margin-left:4px;} .ezop-btn-row-del{background:url('Images/del.png') no-repeat;} .ezop-btn-row-edit{background:url('Images/edit.png') no-repeat;} .ezop-page-admin-editbar{ float:right;} .view-order fieldset, .view-finpaper fieldset { display: inline-block; vertical-align: top; margin: 3px; } fieldset.confirm-order-fieldset, .view-order fieldset, .view-finpaper fieldset {border: none;margin-top: 15px;} .confirm-order-fieldset legend, .view-order fieldset legend, .view-finpaper fieldset legend { color: #000; font-weight: bold; margin: 10px 0; padding: 0; text-transform: uppercase; padding-top: 4px; font-size: 110%; } .order-info-address{margin: 17px 0;} .basket-items-confirm{ border-bottom: 2px solid #1B1B1B; } .customer-type-login, .customer-type-signup, .customer-type-anonym{background:url('Images/bullet-go.png') no-repeat; padding-left:16px; font-size:110%;} .confirm-order-address-invoice, .confirm-order-address-delivery, .confirm-order-delivery-options{width:23%;float:left;padding:3px;box-sizing:border-box;} .confirm-order-address-invoice{margin-right:5px;} .confirm-order-info {width:45%; float:left; margin-top:5px;clear:left;} .confirm-order-info th{font-weight:normal;text-align:left;} .confirm-order-info-internalorder{width:120px;} .confirm-order-before-text, .confirm-order-after-text{clear:both;margin:5px 0px 5px 0px;} .confirm-order-info-note{max-width:320px;width:100%;height:50px; float:left;} .confirm-order-comunication-options{clear:right;float:right;width:50%;} .confirm-order-comunication-options th, .confirm-order-comunication-options td{font-weight:normal;font-size:110%; text-align: left;} .confirm-order-additional-options{ clear:both;float:right;width:50%;} .confirm-order-additional-options th, .confirm-order-comunication-options td{text-align:left;font-weight:normal;font-size:110%;} .confirm-order-additional-options a, .confirm-order-additional-options a:visited {color:#3896FA;} .ezop-page, .view-paper, .zone-body-frontend .ezop-panel-task, .contact-form-informations {padding: 0px 10px;box-sizing:border-box;max-width:1130px;margin:0px auto 15px auto;} .ezop-page:after, .view-paper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; } .nav-box4, .nav-box2 {box-sizing:border-box;width:25%;float:left;padding:20px;border:1px solid transparent;border-bottom:2px solid transparent;min-height:310px;max-width:280px;position:relative;} .nav-box2 {width:50%;max-width:660px;} .nav-box4 img {width:100%;max-width:250px;height:auto;} .nav-box4 h3, .nav-box2 h3 {font-size: 12pt;text-transform:uppercase;margin:10px 0px 0px 0px;height:40px;text-overflow: ellipsis;overflow: hidden;} .nav-box4 a, .nav-box a:visited, .nav-link.a, .nav-link.a:visited {color:#3896FA;font-size: 10pt;padding:5px 0px;text-decoration:none;margin-top:15px;display: inline-block;} .nav-box4 a:before{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 16px;line-height: 1;vertical-align: middle;letter-spacing: normal; text-transform: none;display: inline-block;word-wrap: normal;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;content:'keyboard_arrow_down'; color:#DCDCDC;padding: 0px 10px 0px 0px;margin-left: -5px;} .nav-box4 a.link-email:before {display:none;} .nav-hover:hover{border:1px solid #DCDCDC;border-bottom:2px solid #FF8C1F;cursor:pointer; -moz-box-shadow: 0px 0px 15px #DCDCDC;-webkit-box-shadow: 0px 0px 15px #DCDCDC;box-shadow: 0px 0px 15px #DCDCDC;} .nav-box2 img{width:50%;max-width:250px;height:auto;float:left;margin-right: 10px;} .nav-box2 p, .nav-box4 p {height:79px; text-overflow: ellipsis;overflow: hidden;margin: 15px 0px;font-size: 11pt;} .nav-box4 th, .nav-box4 td {font-size: 11pt;} .nav-box4 th a:before, .nav-box4 td a:before {display:none;} .nav-box4 th a, .nav-box4 td a {padding:0px;} .nav-box4 table {margin:15px 0px;} .nav-box2 > a, .nav-box2 > a:visited, a.nav-btn, a.nav-btn:visited {display:inline-block;padding:5px 10px;text-decoration:none;border:1px solid #1B1B1B;} .nav-box2 > a:hover, a.nav-btn:hover {border:1px solid #FF8C1F;background-color:#FF8C1F;color:white;text-decoration:none;} .nav-footer {min-height:inherit;padding:0px 20px;} .nav-footer h3 {white-space:nowrap;height:auto;} .nav-footer p {height:auto;} .nav-footer a {margin-top:0px;} .cnt-box2, .cnt-box3, .cnt-box4 {float:left;box-sizing:border-box;} .cnt-box2 {width: 50%;} .cnt-box3 {width: 33%;} .cnt-box4 {width: 25%;} /*th, td{text-align:left;padding:1px 2px;}*/ .tbl-nowrap th, .tbl-nowrap td{white-space:nowrap;} .selectaddres-header{ text-align:center; } .selectaddres-header .simple-tabs-header { display: inline-block; padding: 2px 8px 0px; margin-bottom: 15px; box-sizing: border-box; max-width: 100%; } .selectaddres-header .simple-tabs-header > .simple-tab { min-width: 225px; text-align: center; box-sizing: border-box; } .select-addres-body{ max-width:720px; margin:0 auto; } .persons-browser-table {margin: 0 auto;} .persons-browser-table a {text-decoration: none;} .persons-browser-table a:hover {text-decoration: underline;} .persons-browser-table tr td {padding-bottom: 10px;border-bottom: 1px solid silver;} .persons-browser-table tr:last-child td {border-bottom:none;} .person-title {font-size:16pt;margin: 8px 2px;text-align: left;color: black;} .person-logo {box-sizing: border-box;float: left;width: 80px;} .person-logo img{width:100%;padding: 3px;} .person-contact {box-sizing: border-box;width: 50%;float: left;padding-left: 10px;} .person-contact > span:first-child {display:none;} .person-info {box-sizing: border-box;float: left;width: 120px; margin-left: 15px;} .call-person-viewer-div-certification-inline > span {font-size:9pt;margin-bottom:5px;} .call-person-viewer-div-certification-imgs-inline img{width:100%;} .person-view-contact .person-view-companyname{display:none;} .person-view-logo, .person-view-contact, .person-view-qr, .call-person-viewer-div-certification {box-sizing: border-box;float: left;} .person-view-logo {padding:5px;max-width:180px;} .person-view-logo img {width:100%;} .person-view-contact {padding: 0px 10px;} .person-view-qr {padding:5px;} .call-person-viewer-div-certification{float: none;clear:both;padding:5px;} .call-person-viewer-div-certification-imgs img{margin-left:10px;} .google-maps-div{ height:400px; margin-bottom:15px;clear:both;position:relative;} .ezop-person-editbar-list{display: none;} .ezop-pages-preview {clear:both;padding:8px;} .ezop-pages-preview tr:hover .ezop-person-editbar-list{display:block;} .manuals-select{margin: 10px 0 15px 0px; float:left;} .manuals-select ul{ list-style:none;padding:0px; margin:0; float:left;} .manuals-select ul li ul{width:100%; margin-left:10px;} .manuals-select ul li{float:left; margin-right:20px;font-size:18pt;} .manuals-select ul li ul li{margin:1px 0 1px 0; border:none; font-size:10pt;} .manuals-select ul li a {display: block;padding: 0px 0px 5px 30px;color: #414141;text-decoration: none;font-size: 1.02em;} .manuals-select ul li ul li a {width: 130px;display: block;padding: 4px 5px 4px 5px;margin: 2px 10px 2px 10px;text-decoration: none;border: 1px solid transparent;} .manuals-select ul li ul li a:hover{border: 1px solid #DADADA;color:#47BE29;} .manuals-image-navody-predajca {background-image:url(/App_Themes/iKelpTheme/Images/predajca_41x41.png); background-repeat:no-repeat;background-position:0px 0px;padding-left:0px;} .manuals-image-navody-dochadzka{background-image:url(/App_Themes/iKelpTheme/Images/dochadzka_41x41.gif);background-repeat:no-repeat;background-position:0px 0px;padding-left:0px;} .manuals-image-navody-jedalen{background-image:url(/App_Themes/iKelpTheme/Images/jedalen_41x41.gif);background-repeat:no-repeat;background-position:20px 0px; padding-left:0px;} .manuals-select-group, .manuals-items-filter-up img{cursor:pointer;} .update-progress-loading{display:inline-block;float:left;margin-top:8px;} #select-current-group{color:#47BE29;} .goodslist-items-filter{border-bottom: 1px solid #dadada;background-color: #f9f9f9;padding: 10px;clear: both;color: #414141;} .goodslist-items-filter-search, .goodslist-items-filter select{/*margin:2px 5px 5px 2px;*/} .goodslist-items-filter-search-box{width: 92%;border:none;height:20px;background-color:transparent;float:left;} .goodslist-items{clear:both;max-width:800px;} .goodslist-items-filter-orderasc{margin-left:5px;} .goodslist-items-filter-orderdesc{margin-right:5px} .goodslist-items-filter-orderasc, .goodslist-items-filter-orderdesc{width:16px;height:16px;} .goodslist-items-filter-up,.goodslist-items-filter-up-last{float:right;} .goodslist-items-filter-up-last > span{display:none;} .goodslist-items-filter-orderasc img, .goodslist-items-filter-orderdesc img{} .goods-filter-searchbox {background-color: white;border-radius: 4px;border: 1px solid gray;padding: 2px;clear: left;width: 100%;float: left;max-width: 300px;} .goodslist-items-filter-btnsearch{float:right;margin:3px 3px 0px 0px;} .goodslist-items-pagerup-count{font-size: 0.8em;float: right;clear: both;} .goodslist-items-pagerup{margin-top:10px;} .goods-prop-filters-more-single{margin-left:30px;} #goods-filters-ext-show img,#goods-filters-ext-hide img{margin-left:4px;} #goods-filters-ext-show, #goods-filters-ext-hide{margin-bottom:3px; display:inline-block;font-weight:bolder;} /*.goodslist-items-pagerdown{font-size:9pt;}*/ .ezop-pages-title-item {padding-left: 5px;} .ezop-pages-title-item a {text-decoration: none;font-size: 1.05em;color: black;} .ezop-pages-title-item a:hover {text-decoration: underline;color: #ffa549;} .ezop-pages-desc-item {font-size: 0.8em;padding-left: 20px;} td.manuals-preview-content-td {padding: 10px 0px;border-bottom: 1px solid #dadada;} td.manuals-preview-img-td {border-bottom: 1px solid #dadada;} .dasboard-company-name{text-align:left;padding-left:10px;} @media only screen and ( max-width: 900px ) { .confirm-order-additional-options{width: auto;max-width:100%} } @media only screen and ( max-width: 770px ) { .nav-box4, .nav-box2 {min-height: 155px;} .nav-box4 h3, .nav-box2 h3 {font-size: 10pt;height:30px;margin-top:1px;} .nav-box2 p {height: 58px;font-size:9pt;} .nav-box2 p, .nav-box4 p, .nav-box4 table, .nav-box2 table {margin:5px 0px;} .nav-box4 th, .nav-box4 td {font-size: 9pt;} .navig-basket {margin: 0px;} .navig-basket-btn {width: 24%;} a.nav-btn-orange, .ezop-login-btnlogin, a.nav-btn-orange:visited, .ezop-login-btnlogin:visited {padding:10px 20px;} a.nav-btn-blue-b {padding: 11px 8px 10px 37px;} .confirm-order-fieldset legend, .view-order fieldset legend, .view-finpaper fieldset legend {margin:0px;} fieldset.confirm-order-fieldset, .view-order fieldset, .view-finpaper fieldset{padding:0px;margin:0px;} .manuals-select ul li ul li a {width: 160px;display: block;box-sizing: border-box;padding: 5px;margin: 0px;border: 1px solid transparent;} .ezop-page, .view-paper, .zone-body-frontend .ezop-panel-task, .contact-form-informations {padding: 0px 5px;} } @media only screen and ( max-width: 485px ) { .selectaddres-header .simple-tabs-header { display: block; } .selectaddres-header .simple-tabs-header > .simple-tab { min-width: 15px; width: 50%; } .nav-box4 {width:50%;padding: 5px;min-height: 170px;} .nav-box2 {width:100%;padding: 5px;min-height: 80px;} .nav-box2 img {width: 35%;} .nav-box2 p, .nav-box4 p {margin:5px 0px;} .basket-item-image img{max-width:50px;} .navig-basket-btn .icon {display:none;} .navig-basket-btn {margin:0px;width: 24%;height: 60px;vertical-align: top;padding: 20px 5px;box-sizing: border-box;border-width:1px 1px 0px 1px;border-style: solid;border-color:transparent;} .navig-basket-btn.call-navig-basket-selected {background-color:#3896FA;} .navig-basket-btn.call-navig-basket-selected .text{color:white;} .navig-basket-btn.call-navig-basket-selected:hover .text{color:#FF8C1F;} .navig-basket-btn.call-navig-basket-selected:hover {background-color:white;border-color:#3896FA;border-width:1px 1px 0px 1px;border-style: solid;} .confirm-order-address-invoice, .confirm-order-address-delivery, .confirm-order-delivery-options{width:50%;} .basket-total{clear:both;margin:0px 3px 5px;} .order-info-address {margin: 3px 0;} .confirm-order-address-invoice{clear:right;} .order-info-address{margin: 5px 0;} .basket-items-tr td {padding:2px;} .basket-item-store .good-item-quantity-state{font-size:10pt;} .basket-item-itemprice, .basket-item-quantity-r {text-align:right;} .person-title {font-size:12pt;} .person-logo, .person-view-logo{width:20%;} .person-contact, .person-view-contact{width: 80%;} .person-info {width: 100%; padding-left: 25px;} .call-person-viewer-div-certification-imgs-inline img{width:80px;} .person-view-qr {display:none;} .call-person-viewer-certification {font-size:8pt;} .call-person-viewer-div-certification-imgs img {width:80px;} .google-maps-div {height:200px;} td.manuals-preview-img-td {display:none;} .goodslist-items-pagerup-count{display:none;} .goodslist-items-filter-up > span {display:none;} .goodslist-items-filter-orderasc, .goodslist-items-filter-orderdesc{display:none;} .goods-filter-searchbox {max-width:210px;} .dasboard-company-name{text-align:center;} } @media only screen and ( max-width:360px ) { .ezop-page, .view-paper, .zone-body-frontend .ezop-panel-task, .contact-form-informations {padding: 0px 2px;} a.nav-btn-orange {padding:10px;} a.nav-btn-blue-b {padding: 11px 5px 10px 35px;border-color:transparent;} .confirm-order-info, .confirm-order-comunication-options{width:100%;} .navig-basket-btn {font-weight: normal;font-size: 8pt;} .goods-filter-searchbox {max-width:320px;} .goodslist-items-filter-up > select {display:none;} } @media only screen and ( max-width:320px ) { .manuals-select ul li ul li a {width: 138px;} } /* x 1 2 3 4 5 6 0 -8 -46 -84 -122 -160 -198 1 -8 2 -35 3 -62 4 -89 5 -116 6 -143 7 -170 8 -197 */ .ezp-page-lang{ display: inline-block; width: 29px; height: 19px; margin: 0 18px 6px 0; background-image: url('../EzopTheme/Images/eu_flags_47x30.jpg'); background-repeat: no-repeat; background-size: 238.666666667px 223.333333333px; } .ezp-page-lang-select .ezp-page-lang:last-child { margin-right:0px; } .ezp-page-lang.sk-SK { background-position: -86px -169px; } .ezp-page-lang.en-US, .ezp-page-lang.en-GB { background-position: -8px -62px; } .ezp-page-lang.it-IT { background-position: -124px -62px; } .ezp-page-lang.de-DE { background-position: -47px -35px; } .ezp-page-lang.cs-CZ { background-position: -200px -169px; } .ezp-page-lang.de-AT { background-position: -200px -115px; } .ezp-page-lang.es-ES { background-position: -162px -170px; } .ezp-page-lang.sl-SI { background-position: -123px -169px; } .ezp-page-lang.ru-RU { background-position: -123px -142px; } .ezp-page-lang.pl-PL { background-position: -8px -142px; } .ezp-page-lang.hu-HU { background-position: -85px -196px; } .ezp-dashoard-field{ border: none; padding: 0; max-width: 450px; /* display: inline-block; */ vertical-align: top; } .ezp-dash-field-body{ margin-top: 0.3em; } .ezp-dash-field-title { border-bottom: 2px solid #8e8e8e; padding-bottom: 4px; } .ezp-dash-field-title-l { vertical-align: bottom; display: inline-block; float: left; } .ezp-dash-field-title-r{ display: inline-block; vertical-align: bottom; float:right; } .ezp-dash-field-title-txt { font-weight: bold; padding: 0; text-transform: uppercase; font-size: 1.15em; display: inline-block; color: #9b8d9b; } .sf-dashboard-procuct .title{ } .sf-product-enter-btn{ } .ezp-dash-field-title .btn a, .title-btn .btn a{ padding: 7px 26px 7px 12px; font-size: 1em; } .papers-info-more{ display: inline-block; width: 40px; cursor: pointer; text-align: center; font-weight: bold; position: relative; height: 35px; vertical-align:middle; } .papers-info-more:before { content: '»'; font-size: 30px; position: absolute; top: 0; line-height: 19px; width: 100%; text-align: center; left: 0; } .papers-info-more > .txt { font-size: 10px; display: block; position: absolute; text-align: center; width: 100%; bottom: 1px; font-weight: normal; } .ezp-dash-field-tlb{ width:100%; border-collapse:collapse; } .dtlb-container, .dtlb-t{ display:table; border-collapse: collapse; } .dtlb-row, .dtlb-r{ display:table-row; } .dtlb-col, .dtlb-c { display: table-cell; } .sf-dashboard-procuct .title-text { padding-right: 2em; font-size: 1.5em; color: #43b7d8; } .sf-dashboard-procuct { padding: 4px 0 25px 0; } .sf-props-d{ margin-top: 0.8em; } .sf-props-t th{ text-align:left; } .ezp-prop-url-person > span > .ezp-prop-url-title { color: #8D8D8D; } .ezp-dashboard-account-bigval { text-align: center; font-weight: bold; font-size: 3.5em; padding: 0.05em 0.2em; color: #24BF24; } .open-list-btn{ display:block; text-align:center; cursor:pointer; } .open-list-up{ display:block; } .open-list-down{ display:block; } .ezp-dash-field-tlb.border-tlb tr > td, .ezp-dash-field-tlb.border-tlb tr > th{ border-bottom:1px solid #CCC; } .ezp-dash-field-tlb.border-tlb tr:last-child > td, .ezp-dash-field-tlb.border-tlb tr:last-child > th{ border-bottom:none; } .dashbor-credit-buy-pnl{ margin:0.4em 0.2em; padding-top:0.6em; border-top:1px solid #FFA549; } .kredit-dashboard-field { display: inline-block; min-width: 220px; border: 3px solid #FFA549; padding: 15px; border-radius: 15px; } /* .cont50, .cont100 { max-width: 1000px; margin: 0 auto; } .cont50-left, .cont50-right, .cont50-center { box-sizing: border-box; width: 50%; max-width: 500px; margin: 0 auto; float: left; clear: left; padding: 5px 10px; } .cont50-right { clear: right; float:right; } */ .admin-panel-frontpage{ position:absolute!important; width:100%!important; z-index:9000!important; } @media only screen and ( max-width: 485px ) { .kredit-dashboard-field {display: block;width: 220px;border: 2px solid #FFA549;padding: 5px;border-radius: 10px;margin:2px auto;} .admin-panel-frontpage{display:none!important;} } ul.call-person-search-result-ul { margin: 0; padding: 0; list-style: none; } li.call-person-search-result-item { border-bottom: 1px solid #eaeaea; padding: 2px 0; } img.call-person-search-result-item-mr-i { display: none; } .call-person-search-result-item-mr { /* display: none; */ margin-left: 10px; margin-top: 7px; margin-bottom: 5px; } a.call-person-search-result-item-a { display: inline-block; font-size: 1.1em; text-decoration:none; } .call-person-search-result-item-mr-pnl > a { display: inline-block; float: left; font-size: 0.7em; padding-right: 8px; border-right: 1px solid #CCC; margin-left: 7px; text-decoration:none; } .call-person-search-result-item-mr-pnl > a:first-child{ margin-left: 0; } .call-person-search-result-item-mr-pnl > a:last-child{ padding-right: 0; border-right: none; } .call-person-search-pnl-box { position: relative; } .call-person-search-box { width: 100%; box-sizing: border-box; display: inline-block; border: 1px solid #CCC; border-radius: 2px; padding: 5px 5px; height: 2.8em; } .call-person-search-pnl-box.srch-btn .call-person-search-box{ padding-left: 55px; } .call-person-search-icon{ position:absolute; top:0; left:1px; bottom:0; width:50px; cursor:pointer; display:block; text-align:center } .call-person-search-icon .inr-wr { display: table; width: 100%; height: 100%; } .call-person-search-icon .inr{ display:table-cell; vertical-align: middle; } /* blog */ .blog-preview-inr { max-width: 1140px; margin: 0 auto; } .blog-page-item{width: 50%;display: inline-block;float: left;box-sizing: border-box;padding: 10px;} .blog-page-item .ezop-pages-title-item {padding-left: 5px;height: 60px;overflow: hidden;} .blog-page-item .ezop-pages-title-item a {text-align: justify;text-transform: uppercase;font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif;font-weight: 400;} .blog-page-item .ezop-pages-desc-item {font-size: 0.8em;padding: 10px 10px 0px 20px;box-sizing: border-box;color: grey;overflow: hidden;font-family: "Open Sans", Arial, Helvetica, sans-serif;font-weight: 400;height: 65px;} .blog-page-item-inr{border: 1px solid #d4d4d4;background-color: white;height: 140px;} .blog-page-item-image{} .blog-page-item-image-wr{float: left;} .blog-page-item-image-bg{width: 180px;height: 140px;display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center center;} .blog-page-item-content{padding: 5px 5px 5px 185px;box-sizing: border-box;} .blog-page-item-admin{} @media screen and (max-width: 485px) { .blog-page-item {padding:5px;} .blog-page-item {width:100%;} .blog-page-item-content {padding: 5px 5px 5px 125px;} .blog-page-item-image-bg {width: 120px;} } .sf-dash-app-state-btn { display: inline-block; padding: 2px 4px; color: #FFF; border-radius: 2px; margin: 1px 5px 2px 0px; font-size: 8pt; font-weight: bold; } .sf-dash-app-state-btn.green { background-color: #24bf24; } .sf-dash-app-state-btn.red { background-color: #FF7070; } .sf-dash-app-ident { font-weight:normal; font-size:0.8em; margin-top:0.4em; } .sf-dash-app-urls { font-size:0.8em; margin-top:0.4em; } .sf-dash-app-runpool { font-size:0.8em;} .ezop-gdpr-remove-panel{ margin: 15px 15px; border-top: 1px solid #D9D9D9; padding-top: 15px; text-align:center; } .ezop-gdpr-agreement-text.agree { max-width: 700px; margin: 0 auto 25px; max-height: 400px; overflow-y: scroll; border: 1px solid #D9D9D9; border-radius: 2px; } .ezop-agreement-submit-panel { margin: 0px 0px 15px; text-align:center; } .ezop-gdpr-check-panel{ text-align:center; } .slide-check-container { position: relative; width: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; border: 1px solid #666; border-radius: 32px; height: 32px; overflow: hidden; } .slide-check-container-inner { width: 200%; width: 150px; float: left; white-space: nowrap; position: relative; } .slide-check-container input { display: none !important; } .slide-check-container label { white-space: nowrap; cursor: pointer; display: block; overflow: hidden; } .slide-check-container, .slide-check-container label { user-select: none; -moz-user-select: none; -khtml-user-select: none; } label.slide-check-label-on { padding: 0; padding-left: 15px; background-color: #44AB67; border-radius: 32px 0 0 32px; width: 50%; height: 32px; line-height: 32px; font-size: 16px; color: #FFF; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset; float: left; } label.slide-check-label-off { padding: 0; padding-right: 15px; background-color: #E65C5C; color: white; text-align: right; border-radius: 0 32px 32px 0; width: 50%; height: 32px; line-height: 32px; font-size: 16px; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset; float: left; } .slide-check-disable label.slide-check-label-off, .slide-check-disable label.slide-check-label-on, .slide-check-container input[disabled] ~ label{ background-color:#B3B3B3; } .slide-check-handle { width: 32px; margin: 0px; background: #FFF; border: 1px solid #666; border-radius: 32px; position: absolute; top: 0; bottom: 0; box-shadow: 0 1px 1px #FFF inset; height: 32px; top: -1px; left: 59px; } .slide-check-handle-right { height: 100%; width: 100%; padding-right: 3px; } .slide-check-handle-center { height: 100%; width: 100%; } .slide-checkbox.small .slide-check-container { width: 40px; border-radius: 20px; height: 20px; } .slide-checkbox.small .slide-check-container-inner { width: 68px; } .slide-checkbox.small label.slide-check-label-on { border-radius: 20px 0 0 20px; height: 20px; line-height: 20px; } .slide-checkbox.small label.slide-check-label-off { border-radius: 0 20px 20px 0; height: 20px; line-height: 20px; } .slide-checkbox.small .slide-check-handle { width: 20px; border-radius: 20px; height: 20px; left: 18px; } .styled-checkbox, .styled-checkbox-cstm {display:inline-block;} .styled-checkbox input, .styled-checkbox-cstm input{ display:none;} .checkbox { cursor:pointer; width: 32px; height: 32px; padding: 0 5px 0 0; background: url('../EzopTheme/Images/checks.png?ver=2') no-repeat; display: inline-block; vertical-align:middle; background-position: 0px 0px; } .styled-checkbox-cstm input:checked ~ span.checkbox, .styled-checkbox input:checked ~ span.checkbox, .styled-checkbox .checkbox.checkedCheck { background-position:0px -32px; } .checkbox.disabled, .styled-checkbox input[disabled] ~ span.checkbox, .styled-checkbox-cstm input[disabled] ~ span.checkbox { background-position:0px -70px; } .checkbox.checkedCheck.disabled, .styled-checkbox input[disabled] ~ span.checkbox.checkedCheck, .styled-checkbox-cstm input[disabled] ~ span.checkbox.checkedCheck, .styled-checkbox input[disabled]:checked ~ span.checkbox, .styled-checkbox-cstm input[disabled]:checked ~ span.checkbox { background-position:0px -102px; } .page-post { padding: 7px; box-sizing: border-box; color: #333; } .page-post .page-post a { color: #333; } .page-post * { box-sizing: border-box; } .pages-grid-list .page-post-h { background-color: #ffffff; box-shadow: 0 0rem 0rem rgba(0,0,0,0.1), 0 0rem 0rem rgba(0,0,0,0.1); transition-duration: 0.3s; } .pages-grid-list .page-post .page-post-h:not(:hover) { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); transition-duration: 0.3s; } .pages-grid-list .page-post .page-post-h:hover { box-shadow: 0 0.15rem 0.3rem rgba(0,0,0,0.1), 0 0.5rem 1.5rem rgba(0,0,0,0.15); z-index: 4; } .page-post .page-post-h { height: auto; overflow: hidden; position: relative; } .page-post-anchor { position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; outline: none !important; } .ripple-container { display: block; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; padding: 0 !important; z-index: 0 !important; overflow: hidden; border-radius: inherit; pointer-events: none; } .page-post-img img { display: block; width: 100%; vertical-align: middle; border: 0; height: auto; max-width: 100%; } .page-post .page-post-wr { padding: 1.5rem; } .page-post-wr.align_center { align-items: center; } .page-post .page-post-wr { position: relative; z-index: 1; } .page-post-wr { display: flex; flex-direction: column; } .align_center { text-align: center; } .page-post .page-post .page-post-title { margin-top: 0.5em; font-weight: 500; } .page-post .page-post-title { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.333rem; line-height: 1.2; text-decoration: none; text-transform: none; } .page-post .page-post-title a { text-decoration: none; outline: none; } .page-post-elm.page-post-title { padding: 0; } .page-post .page-post-desc { font-size: 1rem; line-height: 26px; color: #333333; } .page-post-wr > * { margin-bottom: 0.7rem; } .page-post .page-post-props { color: #9e9e9e; } .page-post-props.wrap { flex-wrap: wrap; } .page-post-props.valign_top { align-items: flex-start; } .page-post-props.align_center { justify-content: center; } .page-post .page-post-props, .page-post .page-post-wr { position: relative; z-index: 1; } .page-post-wr > * { margin-bottom: 0.7rem; } .page-post-props { display: flex; } .page-post .page-post-props { color: #9e9e9e; } .page-post-h time { display: block; } .page-post-h time span { vertical-align: middle; } .page-post-props.align_center > * { margin-left: 0.6rem; margin-right: 0.6rem; } .page-post .entry-date { font-size: 0.75em; } .page-post .fa-clock { font-size: 14px; vertical-align: middle; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; text-align: center; } .page-post-btn.style_flat { background-color: transparent; box-shadow: none !important; text-decoration: none; } .page-post-wr > *:last-child { margin-bottom: 0; } .pages-grid-list .page-post .page-post-wr .page-post-btn.style_flat { padding: 5px 20px; /*font-size: 12px !important;*/ font-weight: 700; text-transform: uppercase; border-radius: 0.15rem; position: relative; } .page-post-btn-label { position: relative; } .page-post-btn-label, .w-btn i { z-index: 1; } .page-post-btn.icon_atright i + .page-post-btn-label { padding-right: 1.9em; } .page-post .fa-next { position: absolute; right: 1.5em; line-height: inherit; vertical-align: top; font-size: 1.1em; } h3.side-widget-title { text-align: left; text-transform: none; font-weight: 600; line-height: 1.2; } ul.side-widget-list { padding: 0; margin: 0; list-style-type: none; } li.side-widget-item { margin: 0 0 0.5rem; position: relative; padding-left: 1.2rem; line-height: 1.65; } li.side-widget-item a { text-decoration: none; } span.post-date { display: block; font-size: 0.9rem; opacity: 0.5; color: #333333; } li.side-widget-item:before { position: absolute; top: 0.1rem; left: -0.2rem; content: 'keyboard_arrow_right'; font-family: 'Material Icons'; font-size: 1.2rem; opacity: 0.5; font-feature-settings: 'liga'; } section.section-related { border-color: #e0e0e0; position: relative; margin: 0 auto; } .section-related-pnl:before, .section-related-pnl:after { content: ' '; display: table; } .section-related-items { display: flex; flex-wrap: wrap; } .section-related-title { color: #333333; font-size: 21px; line-height: 1.2; font-weight: 600; letter-spacing: 0em; margin: 1.25em 0 0.5em; padding: 0; } section.section-related .page-post { max-width: 33%; flex-shrink: 0; } .page-post.related div.page-img-elem { height: 0; padding-bottom: 66.66667%; /* 16:9 */ position: relative; background-position: center center; background-size:cover; } .zone-content-innertube.has-sidepnl { width:70%; float:left; } .zone-right-menu{ float:right; width:25%; } @media screen and (max-width: 900px) { .zone-right-menu, .zone-content-innertube.has-sidepnl { float: none !important; width: 100% !important; } .blog-last-pages.side-widget{ padding: 0 10px; } } .pnl-next-pages{ width:100% !important; padding-top:1em; position:relative; } .blog-groups-ul, .blog-groups-wr { margin: 0; padding: 0; box-sizing: border-box; } .blog-groups-name{ margin:0; padding:0; list-style-type:none; } .blog-groups-item { padding: 0; list-style-type: none; box-sizing: border-box; margin-top: 0.5em; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 3.2rem; border-bottom: 2px solid; border-color: transparent; opacity: 0.66; color: inherit; flex-shrink: 0; white-space: nowrap; position: relative; text-overflow: ellipsis; padding: 0 1.2rem; transition-duration: 0.2s; } .blog-groups-item a { text-decoration:none; } .blog-groups-wr { justify-content: center; display: flex; flex-wrap: wrap; } .blog-groups-item.selected { border-bottom: 3px solid; } @keyframes rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .pnl-next-pages .preloader:before { opacity: 0.2; } .pnl-next-pages .preloader:before, .pnl-next-pages .preloader:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 2px solid; } .pnl-next-pages .preloader:after { border-color: transparent; border-top-color: inherit; animation: rotation 0.8s infinite cubic-bezier(.6,.3,.3,.6); } .pnl-next-pages .preloader { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; vertical-align: top; position: relative; width: 3rem; height: 3rem; visibility: hidden; } .pnl-next-pages.loading .preloader { visibility: visible; } .pnl-next-pages.loading .btn { visibility:hidden; } .other-related-pages { position: relative; margin: 0 auto; padding:0 10px; } .other-related-pages:before, .other-related-pages-inr:before { content: ''; display: table; } .other-related-pages-inr { position: relative; margin: 0 auto; width: 100%; max-width: 1140px; padding: 2rem 0; border-top: 1px solid; border-color: #e0e0e0; } .ezp-dashboard-account-billings-inr { width: 100%; } .ezp-dashboard-account-billings { margin-bottom: 0.5em; } .account-billings-name { padding: 0.2em 0.3em; } .account-billings-val .val { font-weight: bold; color: #24BF24; } .blog-nwst-inpt, .blog-nwst-info { width: 100%; } .blog-nwst-inpt { display: inline-block; text-align: center; box-sizing: border-box; padding: 0.6em 0.5em; margin-bottom: 15px; } .blog-nwst-arg-row td, .blog-nwst-sub-wr { padding: 0.6em 0; } .blog-nwst-sub { width: 100%; box-sizing: border-box; } @media all { /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #43b7d8; background: #c9f3ff; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #43b7d8; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-default .ui-icon{ opacity:50%; } .navody-otvaranie.ui-accordion.ui-widget.ui-helper-reset { margin: 4px 4%;} @media screen and (max-width: 485px) { .ui-accordion .ui-accordion-content { padding: 0.1em 0.5em; } .navody-otvaranie.ui-accordion.ui-widget.ui-helper-reset { margin: 4px 1%;} } } .blog-preview-pages.pages-grid-list .page-post{ display:inline-block; vertical-align:top; max-width: 33.33333333%; } @media(max-width:900px){ .blog-preview-pages.pages-grid-list .page-post{ max-width: 50%; } } @media(max-width:600px){ .blog-preview-pages.pages-grid-list .page-post{ max-width: 100%; } } .ck-argmnt-root{ position: fixed !important; z-index: 2147483644 !important; align-items: center !important; height: 100% !important; left: 0px !important; overflow-x: auto !important; top: 0px !important; display: flex; justify-content: center !important; width: 100% !important; } .ck-modal-v{ background-color: black !important; height: 100% !important; left: 0px !important; opacity: 0.6 !important; position: fixed !important; top: 0px !important; width: 100% !important; z-index: -1 !important; } .ck-argmnt-dial{ max-width: 512px !important; width: 90% !important; display: flex !important; } .ck-argmnt-dial-body{ max-height: 80vh !important; background-color: rgb(255, 255, 255) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 8px !important; box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px !important; display: flex !important; flex-direction: column !important; width: 100% !important; outline: transparent solid 1px !important; } .ck-argmnt-dial-ptitle-pnl { display: flex; justify-content: space-between; align-items: center; } .ck-argmnt-dial-ptitle { font-weight: bold; font-size: 13px; } .ck-argmnt-dial-parts { margin-top: 15px; } .ck-argmnt-dial-part { margin-bottom: 5px; } .ck-argmnt-dial-part-chld { margin-left: 25px; } .ck-argmnt-dial-desc{ font-size: 13px; } .ck-argmnt-dial-p-desc { font-size: 10px; } .ck-argmnt-dial-conf-pnl { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 13px 50px 16px; margin-top: 13px; padding-top: 16px; border-top: 1px solid #dbdbdb; } .ck-argmnt-dial-cont { flex: 1 1 auto !important; overflow-y: overlay !important; } .ck-argmnt-dial-cont-scrl { display: flex !important; flex-direction: column !important; justify-content: center !important; box-sizing: border-box; margin: 0 50px; } @media(max-width:420px) { .ck-argmnt-dial-cont-scrl { margin: 0 25px; } } .ck-argmnt-dial-conf-btn{ display: inline-block; cursor: pointer; font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif; text-align: center; color: #fff; background-color: #24bf24; padding: 8px 15px; border-radius: 3px; position: relative; text-decoration: initial; transition: all 300ms ease; min-width: 140px; margin: 3px 15px; } .ck-argmnt-dial-conf-btn:hover { color: #fff; text-decoration: none; background-color:#31ac31; } .ck-argmnt-dial-conf-btn.gray { background-color:#969696; } .ck-argmnt-dial-conf-btn.gray:hover { background-color:#868686; } .ck-argmnt-dial-topt { color: rgb(95, 99, 104) !important; font-size: 14px !important; margin-top: 24px !important; font-weight: bold !important; text-align: center !important; } .ck-argmnt-dial-title { margin: 12px 0px !important; font-size: 18px !important; font-weight: bold !important; font-style: normal !important; text-decoration: initial !important; text-align: center !important; font-family: "Open Sans" !important; color: rgb(0, 0, 0) !important; } .ck-argmnt-dial-cont::-webkit-scrollbar { width: 8px; } .ck-argmnt-dial-cont::-webkit-scrollbar-button { display: none; } .ck-argmnt-dial-cont::-webkit-scrollbar-track { background: transparent; } .ck-argmnt-dial-cont::-webkit-scrollbar-thumb { background: #ccc; border-radius: 20px; } .ck-argmnt-dial-agrmntdat { font-size: 13px; margin: 5px 0 0 0; } .dashboard-preselected-app { padding: 7px 15px; margin-bottom: 25px; border: 3px solid #FFA549; border-radius: 15px; }