body {margin: 0; padding: 0; font: 14px "Delivery Regular",sans-serif; -webkit-overflow-scrolling: touch; width: 100%; overflow-x: hidden; } body#login { margin: 0; } html, body {height: 100%;} input, textarea, select, td, th { font: 14px "Delivery Regular",sans-serif; } b { font-family:Delivery Bold, sans-serif; } .cleaner { clear: both; font-size: 1px; } /*Login*/ .alert-dismissible.alert { border-radius: 0;margin-bottom: 0;position: fixed;z-index: 10;top: 0;left: 0;width: 80%;right: 0;padding: 10px 35px;margin: 0 auto;opacity: 0.95; margin-top: 0px; } #intro_menu { background: #ffcc00; height: 100px; padding: 15px 0; border: none; z-index: 5; position: relative;} #intro_menu .col-xs-6 {height: 100%;} #intro_menu img { margin-top:25px; } #intro_menu .col-xs-6:last-child {text-align: right;} #intro_menu h1 {margin: 20px 0 0 0; font-size: 150%;} #login_logo {text-align: right; } #login_logo img { margin-top:10px; } #login_container {text-align: center; z-index: 2; position: relative;} #login_container span {color: white; font-size: 300%; margin-top: 10%; display: block; font-family: Delivery Light,sans-serif} #login_container p { color:#ddd; } #login_container #access p { display:block; background:white; background:rgba(255,255,255,0.7); padding:20px 40px; width:400px; color:black; margin:0 auto; margin-top:20px; } #login_container .stickers { margin-top:80px; } #login_container .stickers img { width:420px; } #login_bg {position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; background-position: center center; z-index: 1;} #pattern {position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background: url(../design/pattern.png) repeat; z-index: 2;} #login_photos .item {position: fixed; top: 0; left: 0;min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat;} .input-prepend {position: relative; width: 100%; margin: 0 auto;} .input-prepend i.fa {position: absolute; top: 7px; left: 12px; color: #333; z-index: 2; font-size: 30px;} .input-prepend input {width: 100%; margin: 15px 0; display: block; position: relative; padding:10px 0 10px 50px; background:transparent; background: rgba(221,221,221,.56); color: white; border: none; font-size: 18px; border-radius: 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8EFFFFFF,endColorstr=#8EFFFFFF);} #input_pass {margin-top: 0;} input::-webkit-input-placeholder {color: #eee;} input::-moz-placeholder {color: #eee;} input::-ms-input-placeholder {color: #eee;} .mala #forgot_pass, .stredni #forgot_pass, .velka #forgot_pass {float: left; text-align:left; padding-left:64px; } .mala #login_button, .stredni #login_button, .velka #login_button {float: right;} .nejmensi #login_button button {width: 100%;} .nejmensi #forgot_pass a {text-align: center !important;} #forgot_pass a, #ssologin a { color:#CCC; text-decoration:none; } #forgot_pass a:hover, #ssologin a:hover { text-decoration:underline; } a {color: #D50000; cursor:pointer; } a:hover { color:#990000; } button.redbtn {background: #cc0000; color: white;height: 100%;padding: 10px 50px;border: none;border-radius: 5px;margin-bottom: 25px;font: 15px Delivery Bold,sans-serif;} button.redbtn:hover { background: #990000; } button.redbtn:disabled { background:#999;} .lp { padding-left: 0; padding-right: 0; } .container-fluid.lp { min-height: 100%; padding-bottom: 180px; } .lp > .row > .col-lg-12 { padding-right: 0; } .lp .content p b { font-family:Delivery Bold, sans-serif; } .lp .header{ height: 160px; background: rgba(255,205,0,1);background: -moz-linear-gradient(left, rgba(255,205,0,1) 0%, rgba(255,240,178,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,205,0,1)), color-stop(100%, rgba(255,240,178,1))); background: -webkit-linear-gradient(left, rgba(255,205,0,1) 0%, rgba(255,240,178,1) 100%);background: -o-linear-gradient(left, rgba(255,205,0,1) 0%, rgba(255,240,178,1) 100%); background: -ms-linear-gradient(left, rgba(255,205,0,1) 0%, rgba(255,240,178,1) 100%);background: linear-gradient(to right, rgba(255,205,0,1) 0%, rgba(255,240,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd633', endColorstr='#fff0b2', GradientType=1); } .lp .header #logocis{ position: absolute; right: 40px; top: 15px; } .lp .header h1{ color: #cc0000; font-family: Delivery Condensed Light, sans-serif; font-size: 31px; position: absolute; left: 124px; top: 7px; margin-top: 0; } .lp .header h1 b{ font-family: Delivery Condensed Black, sans-serif;} .lp .header .left { margin-left: 15px; } .lp .header .right { margin-right: 15px; } .lp .header .profile { position: absolute; right: 40px; bottom: 10px; user-select: none; } .lp .header .profile p{ color: #000; font-size: 20px; font-family: Delivery Bold, sans-serif; text-align: right; margin-top:5px; margin-right: 15px; display: inline-block; line-height:20px; float: right; } /*.lp .header .profile a{ color: #cc0000; font-size: 16px; }*/ /*.lp .header .profile a:hover { text-decoration:underline; }*/ .lp .header #menu{ position: absolute; bottom: 0; left: 110px; } .lp .header #menu ul{ list-style-type: none;margin: 0; padding: 0; } .lp .header #menu > ul > li{ display: inline-block; padding: 0; } .lp .header #menu > ul > li a{ font-size:16px; color:#000; font-family:Delivery Bold, sans-serif; padding:10px 15px; margin:0; display: inline-block; position: relative; } /* text-transform:capitalize;*/ .lp .header #menu > ul > li a:last-of-type{ margin-right: 0; } .lp .header #menu > ul > li a:hover{ background:rgba(255,255,255,0.3); text-decoration: none; } .lp .header #menu > ul > li a:focus{ text-decoration: none; } .lp .header #menu > ul > li a.active::after{ content: ""; background-color: #D40511; width: calc(100% - 30px); height: 4px; position: absolute; bottom: 5px; left: 15px; } .lp .header #menu > ul > li > ul.sub {display: none;position: absolute;top: 40px;width: 366px;margin-left: -136px;border-radius: 0; box-shadow: 0 2px 4px #999; border: none;background: #fff; z-index: 10; padding-top: 20px ; padding-bottom: 40px; } .lp .header #menu > ul > li > ul.sub:after, .lp .header #menu > ul > li > ul.sub:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .lp .header #menu > ul > li > ul.sub:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 5px;margin-left: -5px;} .lp .header #menu > ul > li > ul.sub:before {border-color: rgba(0, 0, 0, 0);border-bottom-color: #ffff;border-width: 12px;margin-left: -12px;} .lp .header #menu > ul > li > ul.sub li { display: block; margin: 3px 49px; border-bottom: 1px solid #D8D8D8;padding: 0; } .lp .header #menu > ul > li > ul.sub li > a { padding: 10px 0; font-family: "Delivery Regular";display: block;cursor: pointer;position: relative; } .lp .header #menu > ul > li > ul.sub li > a:hover { color: #D40511;} .lp .header #menu > ul > li > ul.sub li > a:hover::after { content: ""; width: 3px; height: 35px; margin-top: 2px; background: #D40511; position: absolute; left: -15px; top: 0;border-radius: 4px;} .lp .header #menu > ul > li > ul.sub li > a > i { float: right; } .lp .header #menu > ul > li > ul.sub .second { display: none; position: absolute;top: 0px;width: 732px;margin-left: 366px;border-radius: 0;box-shadow: 0 2px 4px #999;border: none;background: #fff;z-index: 10;padding-left: 49px; padding-top: 20px; padding-bottom: 40px;min-height: 100%; } .lp .header #menu > ul > li > ul.sub .second > li{ float: left;width: 331px;padding: 0;margin: 0px 5px;min-height: 61px;vertical-align: middle;display: table; } .lp .header #menu > ul > li > ul.sub .second > li > a{ padding: 10px 0;font-family: "Delivery Regular";display: table-cell;vertical-align: middle; } .lp .header #menu > ul > li > ul.sub .second > li > a:hover::after{ margin-top: 6px; height: 45px; left: -10px; } .lp .header #menu > ul > li > ul.sub .second h3 { font-family: "Delivery Regular";padding: 0;margin: 0;padding-left: 5px;font-size: 24px;padding-bottom: 10px; } .lp .content { background: #fff; min-height: 400px; padding: 0px; } .lp .content > .row { margin: 0; } .lp .content h2{ color: #cc0000; font-size: 35px; text-transform: uppercase; font-family: Delivery Condensed Black, sans-serif; font-weight:normal; display: inline-block; } .lp .content h3{ font-size: 25px; text-transform: uppercase; font-family: Delivery Condensed Black, sans-serif; font-weight:normal; } .lp .content .tools{ float: right; margin-top: 20px; margin-bottom: 25px;clear: both; } .lp .content .tools a { margin-left: 25px; } .lp .content .back { position:absolute; top:-15px; } /*Menu*/ .navbar {background: #ffcc00; border: none; margin: 0; } .menu {height: 50px; background: #ffcc00; border: none; font-size: 18px; } .menu > div {padding: 0; text-align: center; height: 100%; position: relative;} .menu img {height: 40px;} .menu_ico {padding-top: 8px !important;} .nejmensi #menu_stickers {padding-left: 0;} #menu_stickers {padding: 5px 0 0 5px; text-align: left; } #menu_stickers a {text-decoration: none; color: black; font:20px Delivery Condensed Black,sans-serif; padding-left:10px; } #menu_stickers a:hover {opacity: .7;} #stickers {display: none; position: absolute; top: 95px; right: 41px; z-index: 1000; list-style: none; background: rgba(255,255,255,0.9); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 6px;padding: 0; } #stickers li {margin: 0;transition: all .1s ease-in-out; padding: 8px 12px;} #stickers li:hover {cursor: pointer; transform:scale(1.1);} #stickers li img{ width: 50px; } .sticker_img {background: url(https://www.certifiedreplenishment.com/design/stickers/empty.jpg) 50% 50%/100% no-repeat;width: 200%;padding-top: 200%;} #roles {height: 25em;} .languages_checkbox+label{background-color:rgba(155, 104, 0,.2);width:80%;height:100%;border-radius: 5px;padding:2% 5%} .languages_checkbox:checked+label{background-color:rgba(255, 204, 0,.5);} .languages_checkbox+label:hover{background-color:rgba(255, 204, 0,.2);} @media screen and (max-width: 768px){ .languages_checkbox+label{width:40%;} } @media screen and (max-width: 512px){ .languages_checkbox+label{width:80%;} } #menu_search {position: relative; float: right; margin-right:20px; } .nejmensi #menu_search, .mala #menu_search {width: 50px;} #menu_search input {width: 100%; position: absolute; left: 0; top: calc(50% - 20px); height: 40px; border: none; background: rgba(0,0,0,.15); padding-left: 30px; color: white; outline: none;} #menu_search i {position: absolute; left: 5px; top: calc(50% - 10px); color: white; z-index: 1;} .nejmensi #menu_search i, .mala #menu_search i {left: calc(50% - 10px); color: #333;} #menu_user {float: right; font:18px Delivery Regular,sans-serif; cursor:pointer; width:250px; } #menu_user:hover { background:rgba(0,0,0,0.1); } .nejmensi #menu_user, .mala #menu_user {width: 50px;} #submenu_user { display:none; position:absolute; top:50px; right:0px; width:250px; height:auto !important; list-style: none; padding:10px 0px; z-index:10; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3); background: white; } #submenu_user a { display:block; text-decoration:none; color:black; font-size:18px; padding:5px 20px; text-align:left; } #submenu_user a:hover { color:#CC0000; } #menu_user > i {position: absolute; left: 10px; top: calc(50% - 10px); } .nejmensi #menu_user > i, .mala #menu_user > i {left: calc(50% - 10px);} #menu_user span {position: absolute; right: 20px; top: calc(50% - 10px); } #menu_user span i:last-child {font-size: 60%; vertical-align: middle;} #menu_notif {float: right; width: 60px; cursor:pointer; } #menu_notif:hover { background:rgba(0,0,0,0.1); } .nejmensi #menu_notif, .mala #menu_notif {width: 50px;} #menu_notif i {position: absolute; top: calc(50% - 10px); left: calc(50% - 10px);} #menu_notif .circle {background: #d50000; color: white;} #menu_cart i {position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); color: white;} #menu_cart {width: 35px;cursor: pointer;position: absolute;left: -65px;top: -9px; } #menu_cart:hover { } .nejmensi #menu_cart, .mala #menu_cart {width: 30px;} #menu_search i {position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); color: white;} #menu_search {width: 30px;cursor: pointer;position: absolute;left: -115px;top: -9px; } .circle {width: 20px; height: 20px; padding: 1px 0 0 1px; border-radius: 10px; background: #f2f2f2; position: absolute; top: 0; left: 61%; font-size: 15px; text-align: center;} .nejmensi #basket {width: 100%;} .mala #basket {width: 70%;} #basket {display: none; position: absolute; right: 0; top: 160px; width: 45%; background: white; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3); z-index: 5; text-align: left; padding: 10px; height: auto !important;} #basket h3 { font:24px Delivery Condensed Black,sans-serif; margin:0px; color: #d50000; padding: 10px; } #basket .list { display: none; } #basket .list .show{ display: block; } #basket p { font-size:14px; padding:10px; } #basket p.isEmpty .hide{ display:none; } #basket ul {padding:10px; list-style: none; margin:0px;max-height: 400px; overflow-y: auto; } #basket ul li {border-bottom: 1px solid #ccc; margin:0px; padding: 5px; font-size:16px; height:30px; } #basket ul li:hover { background:#EFEFEF; } #basket ul li i {float: right; color: #CC0000; font-size: 20px; cursor:pointer; } #basket ul li i:hover { color:#990000; } #basket .mnozstvi {color: #777; float: left;} #basket .nazev_item {max-width: 80%; overflow-x: hidden; float: left; padding-left: 5px; white-space: nowrap; } #basket a {display: inline; padding-left:10px; } #basket a.button { margin: 10px auto;display: block;padding: 10px 15px;text-align: center;border-radius: 5px;width: 150px;background: #cc0000;color: #fff;font: 15px Delivery Bold,sans-serif; } #basket a.button:hover { background:#990000; text-decoration:none; } .nejmensi #notifications {right: 0; width: 100%;} .nejmensi #notifications h3 {font-size: 14px;} .nejmensi #notifications .notif_date {font-size: 12px;} .nejmensi #notifications .notif_link {font-size: 12px;} .mala #notifications {right: 50px; width: 50%;} #notifications {display: none; position: absolute; right: 60px; top: 50px; width: 30%; background: white; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3); z-index: 5; text-align: left; padding: 10px; height: auto !important;} #notifications h3 { font:24px Delivery Condensed Black,sans-serif; margin:0px; color: #d50000; padding: 10px; } #notifications p { font-size:13px; margin:0; color:#aaa; } #notifications .notification {margin:0px; padding:10px; cursor:pointer; } #notifications .notification:hover { background:#EFEFEF; } #notifications .notification .notif_head {font-family:Delivery Condensed Black,sans-serif; font-size:16px; margin:0px; margin-bottom:5px; color:#000; padding:0px;} #no_notification { padding:10px; color:#333 !important; font-size:14px !important; } .notifications .notification .notif_head, .notifications .usefullink .notif_head {font-family:Delivery Condensed Black,sans-serif; font-size:16px; margin:0px; margin-bottom:5px; color:#000; padding:0px;} .notifications .notification p, .notifications .usefullink p {font-size: 13px; margin: 0; } .notifications .notification .notif_date, .notifications .usefullink .notif_date {color: #aaa;} .notifications .notification, .notifications .usefullink { cursor: pointer; } .notifications .notification:hover, .notifications .usefullink:hover { background: #EFEFEF; text-decoration:none; } .notifications .notification, .notifications .usefullink {padding: 15px 15px;} #notif_nadpis, #blog_nadpis, #comments_nadpis {font-family: Delivery Condensed Black,sans-serif; margin-top: 50px; color: #d50000;} .nejmensi #notif_nadpis, .mala #notif_nadpis, .nejmensi #blog_nadpis, .mala #blog_nadpis { margin-top:20px; } #comments .comment { border-bottom: 1px solid #ececec; position: relative;display: block; padding:10px 0px; } #comments .comment .name{ position: absolute; left: 0px; top: 15px; font-family:Delivery Condensed Black,sans-serif; font-size: 16px; } #comments .comment .name .time{ color: #999; font-size: 12px; font-family: Delivery Regular; } #comments .comment .text{ color: #333; font-size: 14px; font-family: Delivery Regular, sans-serif; padding-top:30px; padding-bottom: 5px; } #comments .commentsWrap{ max-height: 400px; overflow-y: auto; } #comments .comment .removeCommentBtn{ font-size: 12px; color: #999; position: absolute; right: 5px; top: 10px; cursor: pointer; } #comments .comment .removeCommentBtn:hover { color:black; } #comments .writeBox{ margin-top: 10px; } #comments .writeBox .toolBox{ display: none; margin-top: 5px; text-align: right; } #comments .writeBox #newComment{ height: 35px; border-radius: 0; } .submenu {background: white; height: 40px; position: relative; box-shadow: 0 1px 2px #ccc; } #submenu_bars {background: #333; color: white; font-size: 22px; text-align: center; padding-top: 8px; width: 46px;} .disksize { float:right; } .nejmensi #submenu_loc {font-size: 8px; padding-top: 17px;} .nejmensi #submenu_loc i {font-size: 6px;} .mala #submenu_loc {font-size: 12px; padding-top: 13px;} .mala #submenu_loc i {font-size: 10px;} #submenu_loc {text-align: left; padding: 11px 0 0 10px; font-size:14px; } #submenu_loc i {color: #ffcc00; font-size: 10px; padding:0px 5px; } #submenu_loc a { color:#999; text-decoration:none; } #submenu_loc a:hover { color:#000; text-decoration:underline; } .nejmensi #submenu {width: 50%; padding: 5px; } .mala #submenu {width: 50%; padding: 10px;} .stredni #submenu {padding: 10px;} #submenu {display: none; width: 365px; min-height:440px; list-style: none; position: absolute; top: 40px; left: 0; background: white; z-index: 50; padding: 20px; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3)} #submenu li:first-child {margin-top: 0;} #submenu li:last-child {margin-bottom: 0;} .nejmensi #submenu li {font-size: 10px; width: 93%;} .mala #submenu li {font-size: 18px; width: 95%;} .stredni #submenu li {font-size: 18px; width: 95%;} #submenu li {color: #333; text-decoration: none; font: 18px Delivery Regular,sans-serif; padding: 5px; width: 100%; } #submenu li:hover, #submenu li:hover i {color: #d50000; cursor: pointer;} .nejmensi #submenu li i {font-size: 6px; padding-top: 3px;} .mala #submenu li i {font-size: 8px; padding-top: 4px;} .stredni #submenu li i {font-size: 10px; padding-top: 5px;} #submenu li i {color: #666; font-size: 15px; float: right;padding-top: 5px;} .nejmensi .subsub {padding: 5px; width: 100%; background: white;} .mala .subsub {padding: 10px; width: 100%; background: white;} .stredni .subsub {padding: 10px;} .subsub {display: none; list-style: none; width: 200%; height: 100%; position: absolute; left: 100%; top: 0; background: white; z-index: 4; padding: 20px; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3); overflow:hidden; } #sub1 { background: white url(../design/subsub_bg1.jpg) no-repeat center right; background-size: cover; } #sub2 { background: white url(../design/subsub_bg2.jpg) no-repeat center right; background-size: cover; } #sub3, #sub55 { background: white url(../design/subsub_bg3.jpg) no-repeat center right; background-size: cover; } #sub4 { background: white url(../design/subsub_bg4.jpg) no-repeat center right; background-size: cover; } #sub5 { background: white url(../design/subsub_bg5.jpg) no-repeat center right; background-size: cover; } #sub6 { background: white url(../design/subsub_bg6.jpg) no-repeat center right; background-size: cover; } #sub7 { background: white url(../design/subsub_bg7.jpg) no-repeat center right; background-size: cover; } #sub8, #sub29 { background: white url(../design/subsub_bg8.jpg) no-repeat center right; background-size: cover; } #sub9 { background: white url(../design/subsub_bg9.jpg) no-repeat center right; background-size: cover; } #sub10 { background: white url(../design/subsub_bg10.jpg) no-repeat center right; background-size: cover; } #sub11 { background: white url(../design/subsub_bg11.jpg) no-repeat center right; background-size: cover; } #sub12 { background: white url(../design/subsub_bg12.jpg) no-repeat center right; background-size: cover; } #sub13, #sub44 { background: white url(../design/subsub_bg13.jpg) no-repeat center right; background-size: cover; } #sub15 { background: white url(../design/subsub_bg15.jpg) no-repeat center right; background-size: cover; } #sub16 { background: white url(../design/subsub_bg16.jpg) no-repeat center right; background-size: cover; } #sub22 { background: white url(../design/subsub_bg22.jpg) no-repeat center right; background-size: cover; } #sub23 { background: white url(../design/subsub_bg23.jpg) no-repeat center right; background-size: cover; } #sub25 { background: white url(../design/subsub_bg25.jpg) no-repeat center right; background-size: cover; } #sub27 { background: white url(../design/subsub_bg27.jpg) no-repeat center right; background-size: cover; } #sub30 { background: white url(../design/subsub_bg30.jpg) no-repeat center right; background-size: cover; } #sub31 { background: white url(../design/subsub_bg3.jpg) no-repeat center right; background-size: cover; } #sub32 { background: white url(../design/subsub_bg32.jpg) no-repeat center right; background-size: cover; } #sub33 { background: white url(../design/subsub_bg33.jpg) no-repeat center right; background-size: cover; } #sub34 { background: white url(../design/subsub_bg34.jpg) no-repeat center right; background-size: cover; } #sub35 { background: white url(../design/subsub_bg35.jpg) no-repeat center right; background-size: cover; } #sub36 { background: white url(../design/subsub_bg36.jpg) no-repeat center right; background-size: cover; } #sub37 { background: white url(../design/subsub_bg37.jpg) no-repeat center right; background-size: cover; } #sub38 { background: white url(../design/subsub_bg38.jpg) no-repeat center right; background-size: cover; } #sub39 { background: white url(../design/subsub_bg39.jpg) no-repeat center right; background-size: cover; } #sub41, #sub54 { background: white url(../design/subsub_bg41.jpg) no-repeat center right; background-size: cover; } #sub42, #sub51 { background: white url(../design/subsub_bg42.jpg) no-repeat center right; background-size: cover; } #sub57 { background: white url(../design/subsub_bg57.jpg) no-repeat center right; background-size: cover; } #sub74 { background: white url(../design/subsub_bg57.jpg) no-repeat center right; background-size: cover; } #sub60 { background: white url(../design/subsub_bg60.jpg) no-repeat center right; background-size: cover; } .nejmensi .subsub li a {font-size: 10px;} .mala .subsub li a {font-size: 18px;} .stredni .subsub li a {font-size: 18px;} .subsub li a { display:block; width:48%; color: #333; text-decoration: none; font: 18px Delivery Regular,sans-serif; } .subsub li.font_14 a { font-size: 14px; } .subsub li a:hover {color: #d50000;} .nejmensi .subsub h3 {font-size: 14px;} .subsub h3 {color: #d50000; margin:0px 0px 16px 5px; font-size:24px; } .subsub li {padding: 5px; width: 100%; position: relative;} .subsub.floating li { width:50% !important; float:left; } .subsub.floating li a { width:95% !important; overflow:hidden; } .subsub li:first-child {margin-top: 0;} .subsub li:last-child {margin-bottom: 0;} .bez_padd{padding: 0px;} .padd10{padding: 0px 10px;} .img_full img {width: 100%;} #news_nadpis {font-family: Delivery Condensed Black,sans-serif; margin-top: 50px; color: #d50000;} .news_head {font-family: Delivery Condensed Black,sans-serif; margin-top: 0; font-size: 18px;} .news_date {color: #aaa;} .newshp .news {margin-right: 30px;margin-bottom: 30px; cursor: pointer;box-shadow: 0px 1px 4px #999;min-height: 480px;padding: 0;overflow: hidden; border-radius: 4px; position: relative;} .newshp .news:hover { background: #f2f2f2; } .newshp .news .thumbnail {display: block;padding: 0;width: 100%;background-color: #fff;border: 0px solid #ddd;-o-transition: border .2s ease-in-out;} .newshp .news h3 { margin: 0 !important; font-size: 18px !important;padding-bottom: 5px; } .newshp .news .readmore { /*position: absolute; bottom: 10px; left: 15px;*/ } .news_archive { clear:both; padding-top:5px; } .newspage .news_head {font-family: Frutiger-BoldCn,sans-serif; margin-top: 0;} .newspage .news_date {color: #aaa;} .newspage .news {padding: 15px; cursor: pointer; padding-left: 0;} .newsAttachment { font-size: 16px;margin: 10px 0px;display: block;border: 1px solid #ddd;padding: 10px;border-radius: 4px;margin-bottom: 20px; } .footer { background-color: #E8E8E8;min-height: 150px;margin-top: -150px;margin-bottom: 0;width: 100%;bottom: 0; } .footer .copyright { color: #000000; height: auto; padding: 65px 0 0 110px; } .footer .contact { text-align:right; padding-right:30px; padding-top:55px; } .footer .contact button{ padding: 10px 15px;outline: none; } #btt {display: none; cursor: pointer; position: fixed; bottom: 0; right: 50px; width: 60px; height: 50px; background: rgba(0,0,0,.8); color: white; z-index: 5; text-align: center; padding-top: 10px;} #btt:hover {opacity: .7;} #btt span {font-size: 10px;} #timeline1 {height: 200px; background: url(../design/back1.jpg) no-repeat center center; background-size: cover;display: none;} #timeline2 {height: 200px; background: url(../design/back2.jpg) no-repeat center center; background-size: cover;display: none;} #timeline3 {height: 200px; background: url(../design/back3.jpg) no-repeat center center; background-size: cover;display: none;} #timeline4 {height: 200px; background: url(../design/back4.jpg) no-repeat center center; background-size: cover;display: none;} #timeline5 {height: 200px; background: url(../design/back5.jpg) no-repeat center center; background-size: cover;display: none;} #timeline6 {height: 200px; background: url(../design/back6.jpg) no-repeat center center; background-size: cover;display: none;} #timeline7 {height: 200px; background: url(../design/back7.jpg) no-repeat center center; background-size: cover;display: none;} #timeline8 {height: 200px; background: url(../design/back8.jpg) no-repeat center center; background-size: cover;display: none;} #timeline9 {height: 200px; background: url(../design/back9.jpg) no-repeat center center; background-size: cover;display: none;} #timelineCourse2728 { height: 200px; background: url(../design/back.course.2728.jpg) no-repeat center center; background-size: cover;display: none;} h1 {color: #d50000; margin:50px 0px 0px 0px; font:40px Delivery Condensed Black,sans-serif; } #hubs_text h2 {color: #000; margin:0px 0px 20px 0px; font:24px Delivery Condensed Black,sans-serif; } h3 {color: #000; margin:40px 0px 20px 0px; font:20px Delivery Condensed Black,sans-serif; } .nejmensi .facilitating, .mala .facilitating {margin-top: 25px;} .facilitating {background: #222B30; color: white;display: none;} .nejmensi .facilitating input {padding: 5px;} .nejmensi .facilitating button {padding: 5px 10px;} .facilitating h3 { font-family:Delivery Condensed Black,sans-serif; color:#AAA; } .facilitating select {color: black; padding: 10px; border: none; width: 125px; font-size: 16px; margin: 10px 10px 10px 0;} .facilitating_img {height: 200px; background: url(../design/hubs.jpg) no-repeat center center; background-size: cover;} .course_cont {background: #f2f2f2;border-top: 1px solid #bcbcbc; } .nejmensi .course_cont h2 {font-size: 15px; margin-top: 15px;} .course_cont h2 { margin-top: 25px; font-family:Delivery Condensed Black,sans-serif; } .nejmensi .course_cont label {font-size: 12px; margin: 0 0 0 -15px;} .nejmensi .course_cont select {font-size: 12px;} .course_cont label {margin: 20px 0 0 -5px;} .nejmensi .course_cont select {padding: 5px 30px 5px 5px; } .course_cont .nav { float: left; } .course_language { float: right; position: relative; margin-right: 8px; margin-top: 10px; } .course_language .placeholder {position: absolute; top: 8px; left: 10px; font-size: 11px; color: #666;} .course_language select {width: 275px;height: 40px;font-size: 15px;border-radius: 5px;border: 1px solid #666;background: #fff;outline: none;color: #000;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-top: 13px;padding-left: 10px;background-image: url(../design/chevron-down.png);background-size: 16px;background-position: 250px 15px;background-repeat: no-repeat;padding-right: 20px;} .downloads {padding-top: 25px;} .videos {padding-top: 25px;} .nejmensi .downloads .size {padding-top: 5px;} .downloads .size {padding-top: 15px;} .nejmensi .downloads button {padding: 10px 5px; font-size: 13px;} .nejmensi .downloads input[type="checkbox"] {margin-top: 5px;} .downloads input[type="checkbox"] {height: 20px; width: 20px; margin-top: 15px;} .nejmensi .folder_back {font-size: 14px;} .folder_back {background: #ddd; padding: 10px; margin: 0 0px;} .folder_back:hover { background:#ccc; cursor:pointer; } .nejmensi .folder_item {font-size: 12px;} .folder_item {border-bottom: 1px solid #ccc; padding: 10px; cursor:pointer; } .folder_item:hover { background:#EFEFEF; } .folder_item h4 {max-width: 100%; overflow-x: hidden; padding: 2px; margin-top:6px; } .folder_all { border-bottom: 1px solid #ccc; } .down_item {border-bottom: 1px solid #ccc; padding: 10px; cursor:pointer; } .down_item:hover { background:#EFEFEF; } .down_item h4 {max-width: 100%; overflow-x: hidden; padding: 2px; margin-top:6px; } .down_item .image { width:64px; height:64px; text-align:center; vertical-align:middle; } .down_item img {max-width: 100%;} .down_item input::-webkit-input-placeholder {color: #777;} .down_item input::-moz-placeholder {color: #777;} .down_item input:-ms-input-placeholder {color: #777;} .nejmensi .down_item img {max-width: 200%;} .folder_item .fa-folder {padding-top: 10px; color: #bcbcbc;} .downloads_info {color: #727272;} .folder_item input[type="checkbox"]{margin-top: 16px !important;} .down_item input[type="checkbox"]{margin-top: 20px !important;} .printed {padding-top: 25px; } .list_title { background: #ddd; padding: 10px; margin: 0 0px; margin-top:10px; } .list_item { border-bottom: 1px solid #ccc; padding: 10px; } .list_item .image { width:64px; height:64px; text-align:center; vertical-align:middle; } .list_item img {max-width: 100%;} .list_item h4 {max-width: 100%; overflow-x: hidden; padding: 2px; margin-top:6px; } .nejmensi .basketNumber {padding: 5px 0; width: 40px; font-size: 12px;} .mala .basketNumber {padding: 7px 0 0; width: 50px; font-size: 16px;} .basketNumber {width: 50px; padding: 5px 0; outline: none; border-radius: 0; margin-top: 15px; text-align: center;} .nejmensi .addBasket {padding: 5px 0; width: 90px; font-size: 12px;} .mala .addBasket {padding: 7px 0 0; width: 100px; font-size: 16px;} .addBasket {padding: 5px 20px;border: 1px solid transparent;margin-top: 15px;background: #cc0000;border-radius: 5px;color: white;height: 100%;margin-bottom: 15px;font: 15px Delivery Bold,sans-serif;} .addBasket:hover { background:#990000;} .spanEditBasket { display: block; text-align: right; font-size: 16px;padding-top: 15px; } .spanEditBasketPackage { display: block; text-align: right; } .checkout_number{ padding-top: 25px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; height:29px; margin:0px; position:relative; top:0px; right:0px; } #page { padding:15px; } .buttons { margin:20px 0px; z-index:5; position:relative; width:70%;} input[type="search"] { border:1px solid #999; padding:3px 6px; } #mydata_wrapper { top:-50px; } #mydata_filter { margin-bottom:30px; z-index:30; } #mydata_filter input { width:250px; } #orders_info { padding-left:15px; padding-bottom:15px; } #orders_paginate { padding-bottom:15px; } .panel.rozbalovaci .panel-heading{ cursor: pointer; } .panel-table { width:100%; margin:10px 5px; } .panel-table th { padding:7px 10px; font-weight:bold; vertical-align:top; } .panel-table td { padding:7px 10px; vertical-align:top; } .table-cursor td { cursor:pointer; } textarea.form-control { height:120px; resize:none; } textarea.form-control.pulka { width:50% } span.icon { width:16px; height:16px; display:block; float:left; margin-right:4px; } .icon-folder { background:url(../design/icons/folder.png) no-repeat; } .icon-pdf { background:url(../design/icons/file_extension_pdf.png) no-repeat; } .icon-jpg { background:url(../design/icons/file_extension_jpg.png) no-repeat; } .icon-doc { background:url(../design/icons/file_extension_doc.png) no-repeat; } .icon-xls { background:url(../design/icons/file_extension_xls.png) no-repeat; } .icon-ppt { background:url(../design/icons/file_extension_pps.png) no-repeat; } .icon-zip { background:url(../design/icons/file_extension_zip.png) no-repeat; } .icon-flv { background:url(../design/icons/file_extension_flv.png) no-repeat; } .icon-mp4 { background:url(../design/icons/file_extension_mp4.png) no-repeat; } .icon-exe { background:url(../design/icons/file_extension_exe.png) no-repeat; } .icon-default { background:url(../design/icons/page_white.png) no-repeat; } .form-control.input-xs { font-size:12px; height:22px; padding:2px 5px; } input[type=number].input-xs { width:60px; } input[type=number].input-xs::-webkit-inner-spin-button { height:20px; margin:0px; position:relative; top:-2px; right:-5px; } .table-hover tr .showhover { display:none; margin-left:20px; } .table-hover tr:hover .showhover { display:inline; } .table-hover tr .showhover .btn-xs { font-size:10px; line-height:1.2; padding:1px 3px; } .table-hover tr.shipped td { color:#00cc00; } .table-hover tr.approved td { color:#00cccc; } .table-hover tr.rejected td { color:#ee0000; } .table-hover tr.noresponse td { color:#ff9900; } .table-hover tr.amber td { color:#ff9900; } .table-hover tr.red td { color:#dd0000; } .table-hover tr.green td { color:#00dd00; } .modal-header-primary { color:#fff; padding:9px 15px; border-bottom:1px solid #eee; background-color: #428bca; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .alert-default {background-color: #f8f8f8;border-color: #e5e5e5;color: #000000;} .languages .btn { margin-bottom:3px !important; } #mainView { position:relative; } #videoPlayer { min-height:550px; position:absolute; z-index:5; width:100%; margin: 0;} #videoClose { position:absolute; right:10px; top:10px; z-index:10; } .treeview .list-group-item {cursor: pointer;} .treeview span.indent {margin-left: 10px;margin-right: 10px;} .treeview span.icon {width: 12px;margin-right: 5px;} .treeview .node-disabled {color: silver;cursor: not-allowed;} #tools { position: fixed; bottom: 0; left: 0;right: 0; margin-left: auto; margin-right: auto; width: 600px; background: #fff; box-shadow: 0 1px 5px #999; text-align: center; padding: 15px; display: none; } .progress_box { width: 445px; padding: 5px 0; background: #fef0c0; color: #000; font-size: 12px; display: none; } .progress_box div { display: table; } .progress_box p { display: table-cell; vertical-align: middle; padding: 10px 0; } .progress_box .nazev{ font-size: 16px; } .progress_box .spinner_gif{ background: rgba(0, 0, 0, 0) url("../design/loading.gif") repeat scroll 0 0;display: inline-block;height: 15px;vertical-align: text-bottom;width: 15px; } .ui-menu-item i{ color: #666; } .ui-menu-item .img{ width: 35px; height: 35px; text-align: center; display: table; float: left;margin-right: 5px; } .ui-menu-item .img img{ max-height: 35px; max-width: 35px; display: table-cell; vertical-align: middle; } .datepicker { z-index: 10000; } #askBox { width: 350px; height: 355px; z-index: 2; position: fixed; right: 150px; bottom: -325px; background: #fff; border-radius: 4px 4px 0 0; box-shadow: 0px 1px 4px #555;} #askBox .vertical{ background: #cc0000; width: 100%; height: 30px; border-radius: 4px 4px 0 0; text-align: center; } #askBox .vertical span{ font-size: 16px;width: 100%;color: #fff; display: block; line-height: 32px; } #askBox .content { display: block; margin: 20px; } #askBox .content p{ text-align: center; margin: 10px 0; } #askBox .content .note{ text-align: left; margin: 10px 0; font-size: 12px; } #askBox .content button{ width: 100%; margin-top: 10px; height: 30px; border:0; background: #ffcc00; color: #fff; font-size: 18px; } #askBox .content button:hover{ opacity: 0.8; } #askBox .content.thx { display:none; } #askBox .content .errMessage { display:none; color: #cc0000; font-weight: bold; } #text_question { height:120px; } .btn.btn-primary.margindole { margin-bottom: 5px; } .DragDropBoxDefault{ float: left; width: 500px; height: 50px; margin: 10px; padding: 10px; border: 1px solid black;} .DragDropBox{ float: left; width: 200px; height: 150px; margin: 10px; padding: 10px; border: 1px solid black; } #development { background:#C00; text-align:center; color:white; font-size:9px; font-weight:bold; padding:2px; z-index:5; position:relative; } table.vmiddle td { vertical-align: middle; } #focusLinks { position:relative; top:-100px; padding:0px 6.5%; } .nejmensi #focusLinks { top:-50px; } #focusLinks div { float:left; width:30%; cursor:pointer; margin-right:5%; background:white; -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5); } .nejmensi #focusLinks div { float:none; width:100%; margin-bottom: 60px; } #focusLinks div.link3 { margin-right:0; } #focusLinks div i { position:relative; top:-50px; display:block; width:116px; height:116px; margin:0 auto; } #focusLinks div strong { display:block; text-align:center; font-family:Delivery Condensed Black,sans-serif; font-size:28px; font-weight:normal; position:relative; top:-50px; } #focusLinks div p { display:block; text-align:center; font-family:Delivery Regular, sans-serif; font-size:18px; position:relative; top:-30px; min-height:80px; padding:0px 10px; } #focusLinks div span { display:block; text-align:center; padding:15px; background:#C00; color:white; font-family:Delivery Regular, sans-serif; font-size:18px; } #focusLinks div:hover span { background:white; color:#C00; } #discoverLinks { position:relative; top:-40px; padding:0px 6.5%;text-align: center; } #discoverLinks div { display: inline-block; width:30%; cursor:pointer; margin-right:5%; background:white; border: 4px solid #d0011b; text-align: center;} .nejmensi #discoverLinks div { float:none; width:100%; margin-bottom: 60px; } #discoverLinks div.link4 { margin-right:0; } #discoverLinks div i { position:relative; display:block; height:116px; margin-top: 20px;font-size: 40px;color: #d0011b;} #discoverLinks div strong { display:block; text-align:center; font-family:Delivery Condensed Black,sans-serif; font-size:28px; font-weight:normal; position:relative; top:-50px; } #discoverLinks div p { display:block; text-align:center; font-family:Delivery Regular, sans-serif; font-size:18px; position:relative; top:-30px; min-height:60px; padding:0px 10px; } #discoverLinks div span { display:block; text-align:center; padding:15px; background:#C00; color:white; font-family:Delivery Regular, sans-serif; font-size:18px; } #discoverLinks div:hover span { background:white; color:#C00; } #discoverLinks .yellow { border-color: #ffcc00; margin-right: 0; } #discoverLinks .yellow i{ color: #ffcc00; } #discoverLinks div.yellow span { background:#ffcc00; } #discoverLinks div.yellow:hover span { background:white; color:#ffcc00; } .custom-modal{width: 80% !important;} @media only screen and (min-width: 1440px) { #discoverLinks div { width: 25%; } } #eCommerceLinks { position:relative; top:-40px; padding:0px 6.5%;text-align: center; } #eCommerceLinks div { display: inline-block;float:none; width:25%; cursor:pointer; margin-right:5%; background:white; border: 4px solid #d0011b; text-align: center; } .nejmensi #eCommerceLinks div { float:none; width:100%; margin-bottom: 60px; } #eCommerceLinks div.link4 { margin-right:0; } #eCommerceLinks div i { position:relative; display:block; height:116px; margin-top: 20px;font-size: 40px;color: #d0011b;} #eCommerceLinks div strong { display:block; text-align:center; font-family:Delivery Condensed Black,sans-serif; font-size:28px; font-weight:normal; position:relative; top:-50px;min-height: 70px; } #eCommerceLinks div p { display:block; text-align:center; font-family:Delivery Regular, sans-serif; font-size:18px; position:relative; top:-30px; min-height:100px; padding:0px 10px; } #eCommerceLinks div span { display:block; text-align:center; padding:15px; background:#C00; color:white; font-family:Delivery Regular, sans-serif; font-size:18px; } #eCommerceLinks div:hover span { background:white; color:#C00; } #eCommerceLinks .yellow { border-color: #ffcc00; margin-right: 0; } #eCommerceLinks .yellow i{ color: #ffcc00; } #eCommerceLinks div.yellow span { background:#ffcc00; } #eCommerceLinks div.yellow:hover span { background:white; color:#ffcc00; } .ui-widget-content { overflow: auto; max-height: 50%; } /* The side navigation menu */ .overlayFull { height: 100%; width: 100%; background-color: rgba(255,255,255,0.5); position: fixed; z-index: 1; display: none; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 11; top: 0; left: 0; transition: 0.5s; display:block; } .sidenav a { padding: 12px 60px 8px 35px; text-decoration: none; font-size: 17px; color: black; display: block; transition: 0.2s; font-family: Delivery Bold, sans-serif; } .sidenav a.linkBottom { padding-top: 5px; padding-bottom: 5px; color: #444;font-family: "Delivery Condensed Bold", sans-serif; font-size: 14px;} .sidenav a.active { color: #D40511; } .sidenav a.active::before { content: ""; background-color: #D40511; width: 25px; height: 3px; position: absolute; left: 0; top: 20px; } .sidenav .sectionLeft { display: block; position: relative; float:left; background-color: white; height: 100%; width: 100%; box-shadow: 0 0 10px #999; } .sidenav .sectionLeft .menuItems {display: none;overflow-y: auto; height: 100%;} .sidenav .sectionLeft ul { list-style-type: none; padding: 0; } .sidenav .sectionLeft ul.nested li { padding-left: 10px; } .nested li { position: relative; } .nested li a { font-family: Delivery Regular; font-size: 14px; } /* The navigation menu links */ .topBox { position: relative; background-color: #FDCB00; height: 70px; margin-bottom: 40px; width: 100%; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { color: #D40511; } .sidenav .closebtn:hover { transform: scale(1.04);color: #fff; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; width: 50px; height: 50px; right: -50px; top: 12px; z-index: -1; background-color: #000; color: white; font-size: 50px; display: block; text-align: center; padding: 0; font-family: Delivery Condensed Light; line-height: 50px; border-radius: 0 5px 5px 0; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .sideMenuChevron { display:block; float:right; width:16px; margin: 0 auto; } .sideMenuIcon { z-index: 10; width: 65px; height: 47px; background-color: #D40511; background-image: url("../design/menu-burger.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; color: #fff; text-align: center; font-size: 40px; position: absolute; left: 10px; top: 10px; border-radius: 5px;border: 0; cursor: pointer;} .sideMenuIcon:hover { background-color: #c8050f;} .btn-lg {padding: 13px 20px !important;} .topBoxLogo { width:100px; margin: 25px 0 0 35px; } .pageContent { padding-left: 100px; padding-right: 30px; } .open>.dropdown-menu { min-width: 224px; margin-left: -102px; margin-top: 10px; border-radius: 0; box-shadow: 0 2px 4px #999; border: none; } .open>.dropdown-menu.original { min-width: auto; margin: 0; } .dropdown span { font-family: Delivery Bold, sans-serif; display: inline-block; font-size: 17px; cursor: pointer; } .dropdown li { } .dropdown li.liSwitch { font-family: Delivery Regular, sans-serif; margin: 10px 0 15px 20px; font-size: 15px; position: relative; } .dropdown li.liSwitch a { color: black; text-decoration: none; padding: 0 0 2px 0; font-size: 15px; } .dropdown li.liSwitch a:hover { text-decoration: none; background: transparent !important; color: #D40511 } .dropdown li.liRole { font-family: Delivery Bold, sans-serif; margin: 10px 0 30px 20px; font-size: 15px; position: relative; } .dropdown li.liFooter { font-family: Delivery Bold, sans-serif; padding: 10px 0 5px 20px; font-size: 15px; position: relative; } .dropdown li.liFooter a { color: black; text-decoration: none; padding: 0 0 10px 0; font-size: 15px; } .dropdown li.liFooter a:hover { text-decoration: none; background: transparent !important; color: #D40511 } .dropdown li.liLast::after { content: ""; height: 1px; width: 90%; background-color: #EEEEEE; position: absolute; left: 0; bottom: -15px; } img.nonMiddle { vertical-align: initial !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: black !important; background-color: transparent !important; border: none !important; } .pagination>li>a, .pagination>li>span { border: none !important; color: black; font-family: Delivery Regular, sans-serif; outline: none; } .pagination>.active>a::after { content: ""; height: 3px; width: 80%; background-color: #D40511; position: absolute; left: 10%; bottom: 2px; } .panel-heading { font-family: "Delivery Regular"; } .panel-default>.panel-heading { background: #E8E8E8; } .portalLink { position: relative} .portalLink img { position: absolute; } .portalLink i { float:right; padding-top: 4px; font-size: 16px; } .cse-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.people.png"); position: absolute; left: 15px; top: 14px; } .cse_supervisor-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.people.png"); position: absolute; left: 15px; top: 14px; } .cse_host-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.people.png"); position: absolute; left: 15px; top: 14px; } .cim-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.user.png"); position: absolute; left: 15px; top: 15px; } .itf-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.it.png"); position: absolute; left: 13px; top: 17px; } .itf_host-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.it.png"); position: absolute; left: 13px; top: 17px; } .fac-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.fap.png"); position: absolute; left: 13px; top: 15px; } .ref-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.forecasting.png"); position: absolute; left: 10px; top: 16px; } .crp-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.basket.png"); position: absolute; left: 9px; top: 13px; } .smp-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.scm.svg"); position: absolute; left: 9px; top: 13px; } .cmp-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.cmp.png"); position: absolute; left: 9px; top: 13px; } .olp-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.olp.png"); position: absolute; left: 9px; top: 13px; } .lpt-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.lcp.png"); position: absolute; left: 13px; top: 15px; } .dashboard-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.dashboard.png"); position: absolute; left: 14px; top: 14px; } .magtb-ico::before { content: url("https://www.dpdhlcertified.com/img/ico.olp.png"); position: absolute; left: 14px; top: 14px; } .decision-ico::before { content: url("https://www.dpdhlcertified.com/img/decision-logo-sideMenu.png"); position: absolute; left: 14px; top: 15px; } @media only screen and (max-width: 700px) { .lp .header #menu > ul > li > ul.sub {display: none;position: fixed;top: 0;width: 50%;left: 0;margin-left: 0;/border-radius: 0;box-shadow: 0 2px 4px #999;border: none;background: #fff;z-index: 10;padding-top: 20px;padding-bottom: 40px;} .lp .header #menu > ul > li > ul.sub li {display: block;margin: 3px 10px;border-bottom: 1px solid #D8D8D8;padding: 0;} .lp .header #menu > ul > li > ul.sub li > a { font-size: 14px; } .lp .header #menu > ul > li > ul.sub .second {display: none;position: fixed;top: 0;right: 0;width: 50%;margin-left: 0;border-radius: 0;box-shadow: 0 2px 4px #999;border: none;background: #fff;z-index: 10;padding-left: 0px;padding-top: 20px;height: 100%;overflow-y:auto;overflow-x: hidden} .lp .header #menu > ul > li > ul.sub .second > li {float: left;width: 100%;padding: 0;margin: 0px 5px;font-size: 8px;min-height: 0;vertical-align: middle;display: table;padding-right: 2px;} .lp .header #menu > ul > li > ul.sub .second > li > a { font-size: 14px; } .lp .header { height: 210px; } .lp .header #menu {position: absolute;top: 88px;left: 0;padding: 0 15px;} .lp .header #menu > ul {text-align: center;} .lp .header #menu > ul > li {text-align: left;} .lp .header #menu > ul > li {display: inline-block;padding: 0;} .newshp .news { height: auto;padding-bottom: 40px; } } .course_cont .nav-tabs { border-bottom: 0;margin-top: -2px; } .course_cont .nav-tabs>li>a:hover { border: 0;background: initial; } .course_cont .nav-tabs>li>a {color: #000;cursor: pointer;height: 60px;border: 0;font-family: Delivery Bold;line-height: 49px;border-radius: 0;} .course_cont .nav-tabs>li.active>a, .course_cont .nav-tabs>li.active>a:focus, .course_cont .nav-tabs>li.active>a:hover {background-color: #fff;border:0;color:#000;border-top: 3px solid red;padding-top: 7px;} /*@media only screen and (max-width: 842px) {*/ /**/ /*}*/ #search_input { position: absolute; right: 213px; top: 31px; width: 500px; background: white; -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.3); z-index: 1000; text-align: left; padding: 10px; height: auto !important; } #menu_search_input { position: relative; width: 100%; border: none; line-height: 24px; display: block; border: 1px #ececec solid; outline: none; } #checkoutShipDetails { width: 100%; margin: 20px 0 10px 0; } #checkoutShipDetails td { padding: 5px; } #checkoutProductList td { padding: 5px; } #checkoutProductList td:nth-child(even) { text-align: right !important; } #topbar { position: fixed; z-index: 100000; background: rgba(0,0,0,0.5); width: 100%; text-align: center;} #topbar p{ font-size: 20px; color: #fff; text-transform: uppercase; padding: 8px 0 0px 0; font-family: Delivery Condensed Light, sans-serif; } #topbar p span{ color: #fff; font-family: Delivery, sans-serif; } body.lp.topbar .sideMenuIcon { top: 63px; } body.lp.topbar #mySidenav { top: 43px; } body.lp.topbar .container-fluid.lp .header { height: 210px; } body.lp.topbar .container-fluid.lp .header h1 { top: 53px; } body.lp.topbar .container-fluid.lp .header #logocis { top:61px; }