@charset "UTF-8";
/* CSS preload */
body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
content: url(http://www.mordicom.si/images/MordiCom_Svetla.webp) url(http://www.mordicom.si/images/SocialBottom_356_48_@2x.webp) url(http://www.mordicom.si/images/KatalogLittera.webp) url(http://www.mordicom.si/images/dice.webp) url(http://www.mordicom.si/images/oee.webp) url(http://www.mordicom.si/images/oee.webp) url(http://www.mordicom.si/images/Production%20TimeLine.webp) url(http://www.mordicom.si/images/Menu%20Gostol.webp) url(http://www.mordicom.si/images/Analiza%20nabavnih%20cen.webp) url(http://www.mordicom.si/images/bread.png) url(http://www.mordicom.si/images/delikatesa.png) url(http://www.mordicom.si/images/K_galanterija.png) url(http://www.mordicom.si/images/pakirnica.png) url(http://www.mordicom.si/images/bus.webp) url(http://www.mordicom.si/images/AP_NOMAGO_GG.webp) url(http://www.mordicom.si/images/Littera_GG.webp) url(http://www.mordicom.si/images/CS_GG.webp) url(http://www.mordicom.si/images/MordiCom_GG.webp) url(http://www.mordicom.si/images/OPAC_GG.webp) url(http://www.mordicom.si/images/WinKn_GG.webp) url(http://www.mordicom.si/images/EUESRR_220_93.webp) url(http://www.mordicom.si/images/MGRT_220_43.webp) url(http://www.mordicom.si/images/Gostol_220_61.webp) url(http://www.mordicom.si/images/marquee-partners-new.webp);
}

:root {
    --Covert-Black-color: #14151A;
    --Steel-Gray-color: #252637;
    --Nickel-color: #8D8E8C;
    --Frosted-Glass-color: #d1d2d7;
    --MacBook-Aluminum-color: #c0c1c7;
    --Dark-Mode-color: #1d1d1f;
    --Neutral-Navy-color: #434558;
    --Natural-Slate-color: #4c4e60;
    --Azure-blue-color: #007FFF;
    --Lime-Graffiti-color: #BFE548;
    --Black-color: #000000;
    --White-color: #FFFFFF;
    --Appearance-btn-text-color: #FFFFFF;
    --Layout-Wrapper-color: #FFFFFF;
    --Cosmic-Nebula-Purple-color: #5500FF;
    --Red-color: #FF0000;
    --Wasabi-color: #6B923B;
    --Jade-color: #00A86B;
    --Indian-Orange-color: #FF7722;
    --Cycladic-White-color: #eeeeee;
    --Full-Moon-Silver-color: #bcbcbc;
    --Cement-Gray-color: #909498;
    --Gunmetal-Silver-color: #6d6e7d;
    --Gold-color: #ffd700;
    --Concrete-color: #f2f2f2;
    --Authentic-White-color: #F8F9FA;
    

}

/* CSS Document Edit Light mode */
html {background-color: var(--Neutral-Navy-color);scroll-behavior: smooth;}
body {min-width:100%;min-height: 100vh;margin:0;padding:0;background-color: var(--Covert-Black-color);color: var(--Dark-Mode-color);font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:16px;font-optical-sizing: auto;text-align:left;line-height:24px /* line-height:  16 * 1.5 = 24px */;overflow:hidden;overflow-y:auto;hyphens: auto;-webkit-text-size-adjust:100%;-webkit-font-smoothing: auto;-webkit-tap-highlight-color: transparent;}

#header {position:sticky;top:0;left:0;margin:0;padding:0;width:100%;height:auto;z-index:100;overflow:hidden;
  background-color: var(--Neutral-Navy-color) /* Electric Storm color */;
  background-image: url("http://www.mordicom.si/images/MordiCom_Svetla.png");
  background-image: image-set("http://www.mordicom.si/images/MordiCom_Svetla.webp" type("image/webp"));
  background-repeat: no-repeat, no-repeat;    
  background-size: 131px 30px;
  background-position: 15px 50%;
}
#header.scrolled {background-color: var(--Neutral-Navy-color);/* transition: 1s ease-in-out; */}
#date_content{margin-top:16px}
#layout-wrapper{background-color: var(--Layout-Wrapper-color);margin: 0;padding: 0;}

#footer{position:relative;width:100%;background-color: var(--Covert-Black-color);font-size:80%;margin:0;padding:0 0 20px 0; color: var(--Gunmetal-Silver-color);}
#footer a,#footer a:visited{color: var(--MacBook-Aluminum-color);text-decoration:none;outline:none;}
#footer a:hover{color: var(--Lime-Graffiti-color);text-decoration:none;border:none;}
#footer a.active{color: var(--Lime-Graffiti-color);text-decoration: none;border:none;outline:none;cursor:default}
#footer h4{font-size:16px;line-height:24px;letter-spacing:1.5px;margin:0 0 5px 0;color: var(--White-color);font-weight:700}
#footer_menu{padding:10px 0 10px 0}

.nomargintop{margin-top:0!important}
.nomargintop_bottom{margin-top:0!important;margin-bottom: 0 !important;}
.clearfloat{clear:both;height:0;font-size:0}

h1,h2,h3,h4,h5{color: var(--Covert-Black-color);letter-spacing:1.5px;font-weight:700;}
h1{font-size:32px;line-height:48px;margin:30px 0 15px 0}
h2{font-size:24px;line-height:36px;margin:30px 0 15px 0}
h3{font-size:21px;line-height:31.5px;margin:30px 0 15px 0}
h4{font-size:18px;line-height:27px;margin:30px 0 15px 0}
h5{font-size:16px;line-height:24px;margin:10px 0 10px 0}
h2 span {font-size:16px;font-weight:normal;color: var(--Covert-Black-color);font-weight:700;}
h4 span {font-size:16px;font-weight:normal;color: var(--Covert-Black-color)}

.counter ul {margin-left: 16px;}
.counter {counter-reset: foo 0;}
.count:before {
  counter-increment: foo 1;
  content: counter(foo) "";
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-right: 10px;
  width: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 50%;
  color:  var(--White-color);
  background: var(--Indian-Orange-color);
}

/* Style the tab */
.tabs ul {list-style-type: none !important;margin:0 0 -6px 0;padding:0;overflow:hidden;background-color:transparent}
.tabs li {float:left;display: inline;}
.tabs li a{display:block;font-size:18px;line-height: 48px !important; color: var(--Dark-Mode-color);text-align:left;margin-right:20px;padding:4px 0 2px 0;letter-spacing:1.5px;font-weight:700;background-color: transparent;border:0 none;outline: 0 none;text-decoration: none;}
.tabs li a:hover{color: var(--Azure-blue-color);padding:4px 0 2px 0;transition: 0.2s}
.tabs li .active{font-size:32px;color: var(--Azure-blue-color) !important;padding:0 !important;cursor:default}

a:link,a:visited,a:active{color: var(--Azure-blue-color);text-decoration: none;border:0 none;outline:0 none}
a:hover{border-bottom: 1px dotted var(--Azure-blue-color); padding-bottom: 2px}
.button {text-decoration: none !important;border:0 none;outline:0 none}
/* a, button {-webkit-tap-highlight-color: transparent;} */
/* bullets hover */
[class^="highlight"] span{color: var(--Azure-blue-color);cursor: pointer;}
[class^="highlight"]:hover span{border-bottom: 1px dotted;border-color: var(l--Azure-blue-color); padding-bottom: 2px}
/* images hover description */
[class^="highlight"]:hover  + .description span{color: var(--Azure-blue-color);}

::selection{background-color: var(--Gold-color);color:  var(--Black-color)}
.support{border: 1px solid var(--Frosted-Glass-color);margin:0 10px 10px 10px;padding:0}
.nav{list-style:none;margin:0;padding:0;text-align:center}
.nav li{display:inline}
.nav a{display:inline-block;padding:10px;outline: none;}
#language{padding:4px 0 10px 0;margin:15px 0 10px 0;border-bottom:1px solid var(--Natural-Slate-color)}
#language a{color: var(--White-color);text-decoration:none;border:0 none; outline:0 none;margin:0 2px 0 2px;padding:8px;font-size: 80%;transition:0.2s;display:inline}
#language a.active{color: var(--Lime-Graffiti-color);text-decoration: none;border:0 none;outline:0 none;cursor:default}
#language a:hover{color: var(--Lime-Graffiti-color);}
#legal_sidepanel{display:none}    
.sidepanel{font-size: 16px; line-height: 24px; width:0;position:fixed;z-index:200;height: 100%;top:0 !important;right:0;background-color: var(--Steel-Gray-color);color: var(--White-color);overflow-x:hidden;overflow-y:auto;padding:0;margin:0;transition: all .1s ease-in-out;}
.sidepanel a{padding:8px;margin-bottom: 4px; text-decoration: none;outline:0 none;border: 0 none;color:  var(--White-color);display: block;}
.sidepanel a:hover{color: var(--Lime-Graffiti-color);}
.sidepane a.active{color: var(--Lime-Graffiti-color);cursor:default}
.sidepanel span.more::after {content:"+";padding-left:8px;color:  var(--White-color);}
.sidepanel .closebtn {float:right;margin: 10px;
  background:url("http://www.mordicom.si/images/menu_close@2x.png");
  background:image-set("http://www.mordicom.si/images/menu_close@2x.webp" type("image/webp"));
  background-position: center center;
  background-repeat: no-repeat;
  background-size:40px 40px;width:40px;height:40px;
  cursor:pointer;display: block;outline:none;
} 
   
.openbtn{float:right;
  background:url("http://www.mordicom.si/images/menu_White@2x.png");
  background:image-set("http://www.mordicom.si/images/menu_White@2x.webp" type("image/webp"));
  background-position: center center;
  background-repeat: no-repeat;
  background-size:40px 40px;width:40px;height:40px;
  cursor: pointer;display: block; outline:none;
}
#podrocja a.active, .toggle-inner a.active{color: var(--Lime-Graffiti-color);cursor:default;}
.toggle-display{display:none;margin:0 0 0 10px;padding:0;height:auto;}
.toggle-inner {margin:0;padding: 50px 10px 40px 10px;}
.Laptop-PC{display:none}

b,strong{font-weight:600;color: var(--Covert-Black-color)}
em{font-style:italic}
li::marker {color:  var(--Black-color);}
.online{color: var(--White-color)}
.alert{color: var(--Red-color)}
.wasabi{color: var(--Wasabi-color)}
.jade{color: var(--Jade-color)}
.indian_orange{background-color: var(--Indian-Orange-color)}
.text-small{font-size:80%;}
.text-left{text-align:left}    
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.lett_spacing{letter-spacing:1px}
.snow-text{color: var(--White-color)}
.nickel{color: var(--Nickel-color)} 
.cursor_div,.cursor_img{cursor:pointer}
.coder::before{content:" \003C\2044\003E ";color: var(--Red-color)}
/*img{max-width: 100%;height: auto}*/
.img-shadow {box-shadow: 0 13px 27px -5px rgba(50,50,93,.25);}
.shadow {box-shadow: rgba(177, 182, 183, .6) 0px 0px 90px;border-radius: 6px;}
.description {margin:0 auto;padding:10px 0 10px 0;line-height: normal;}
.img-center {display:block;text-align:center;margin-left: auto;margin-right: auto;padding: 0; border:0 none;text-decoration:none;outline:none;}
img.img-center {display:block;width: 100%;max-width: 220px !important;height: auto;margin-left: auto;margin-right: auto;}
.img-left{float: left;margin-right: 15px;margin-bottom: 10px; max-width: 100%;height: auto;}
.img-right{float: right;margin-top: 5px;margin-left: 15px;margin-bottom: 10px;width: 100%;max-width: 250px;height: auto;}
img.img-left{width: 100%; max-width: 511px; height: auto;}
.img-left-OPAC{float:left;width: 100%;height: auto;margin:0;padding:0;outline:none;text-decoration:none}
.img-splet{display:inline-block;margin:0 auto;width: 300px;padding: 0 20px 20px 20px;text-align: center;}

.soc_mail,.soc_fb,.soc_link,.twitter_x,.Bluesky {display:inline-block !important;text-decoration: none;border:0 none !important;border-radius: 2px;outline: 0 none !important;padding: 0 !important;margin:0 4px 0 4px;width:24px;height:24px;cursor: pointer;}

.soc_mail,.soc_fb,.soc_link,.twitter_x,.Bluesky {
    background:url("http://www.mordicom.si/images/SocialBottom_356_48_@2x.png");
    background-image: image-set("http://www.mordicom.si/images/SocialBottom_356_48_@2x.webp" type("image/webp"));
    background-repeat:no-repeat;
    background-size:178px 24px;
    display:block;
    border: 0 none;
    outline: 0 none;
}
.soc_mail{background-position:0 0;}
.soc_fb{background-position:-30px 0;}
.soc_link{background-position:-92px 0;}
.twitter_x{background-position:-123px 0;}
.Bluesky{background-position:-154px 0;}

hr{color: var(--Frosted-Glass-color);background-color: var(--Frosted-Glass-color);height:1px;margin:20px 10px 20px 10px;border:0 none;clear:both}
.remove-half{margin-top: 5px !important;margin-right: 0; margin-bottom: 10px !important; margin-left: 0;}
.remove-top_bottom{margin:0 !important; color: var(--Natural-Slate-color) !important;background-color: var(--Natural-Slate-color) !important}
.remove-share{margin:20px 10px 10px 10px}
.spacer{margin-bottom:10px}
.spacer_5{margin-bottom:5px}
.spacer_10{margin-bottom:10px}
.spacer_20{margin-bottom:20px}
.spacer_30{margin-bottom:30px}
.spacer_40{margin-bottom:40px}
.business legend{padding: 0 4px 0 4px}
.business {border: 1px solid var(--Frosted-Glass-color);border-radius: 8px;}

img {border-radius: 8px;image-rendering: high-quality;object-fit: cover; max-width: 100%;height: auto}
.border-img{background-color:  var(--White-color);padding: 4px;border: 1px solid var(--Frosted-Glass-color);}
.border_radius_none{border-radius:0;}
.border_repeat{border-right: 1px solid var(--Frosted-Glass-color)}

#call_us{position: relative;background-color: var(--Wasabi-color)/* Wasabi color */;color: var(--White-color);letter-spacing:1px;margin:0;padding:0;width:100%;height:auto;font-size: 80% !important}
#call_us a{color: var(--White-color) !important;text-decoration:none;border:0 none;outline:0 none}
#call_us a:hover{border-bottom: 1px dotted  var(--White-color); padding-bottom: 2px}
#hot{position: relative;background-color: var(--Cosmic-Nebula-Purple-color);color: var(--White-color);letter-spacing:1px;margin:0;padding:0;width:100%;height:auto;font-size: 80% !important;}

/* Polar night */
.night{
  background-image: url("http://www.mordicom.si/images/PolarNight.png");
  background-image: image-set("http://www.mordicom.si/images/PolarNight.webp" type("image/webp"));
  background-repeat: no-repeat;    
  background-size: 400px 100px;
  background-position: 100% 10%;
}

/* images rotation */
.img-center-rotation {display:block;text-align:center;margin:0 auto !important;padding: 0; border:0 none;text-decoration:none;outline:none;}
.img-center-rotation img {width: 100%; max-width: 220px; height: auto;text-align: center;margin:0 auto !important;}

@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}

.fadein { position:relative;width:220px;  height:124px;  overflow:hidden;}
.fadein img {width: 100%; max-width:220px; height:auto;position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration:12s; animation-iteration-count: infinite;}
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 3s; }
.fadein img:nth-child(3) { animation-delay: 6s; }
.fadein img:nth-child(4) { animation-delay: 9s; }

.panteon,.ap-ljubljana,.saop,.absolute-read,.gostol-small,.Pekarna_Brumat,.pekarna-grosuplje-partners,.vopex-partners,.mercator-ip,.mercator,.ensico,.ff-ljubljana,.nasi-partnerji,.our-partners {
  background-image: url("http://www.mordicom.si/images/marquee-partners-new.png");
  background-image: image-set("http://www.mordicom.si/images/marquee-partners-new.webp" type("image/webp"));
  background-repeat: no-repeat;    
  background-size: 423px 224px;
  display:inline-block;
}
.panteon,.ap-ljubljana,.saop,.absolute-read,.gostol-small,.Pekarna_Brumat,.pekarna-grosuplje-partners,.vopex-partners,.mercator-ip,.mercator,.ensico,.ff-ljubljana{width: 100px; height: 50px;border-radius: 3px;}
.nasi-partnerji,.our-partners{width: 100px; height: 50px}
.panteon {background-position:0px  0px}    
.ap-ljubljana {background-position:-108px 0px}
.saop {background-position:-215px 0px}
.absolute-read {background-position:-323px 0px}
.gostol-small {background-position:0px -58px}
.Pekarna_Brumat {background-position:-108px -58px}
.pekarna-grosuplje-partners {background-position: -215px -58px}
.vopex-partners {background-position:-323px -58px}
.mercator-ip {background-position:-108px -116px}
.mercator {background-position:-323px -116px}
.ensico {background-position:0px -116px}    
.ff-ljubljana {background-position:0px -174px}
.nasi-partnerji {background-position:-215px -116px}
.our-partners{background-position:-108px -174px}

.zoom {display:inline-block;overflow: hidden}
.zoom img{display:block;transition: all 0.2s ease-in-out;}
.zoom:hover img {transform: scale(1.1);image-rendering: high-quality;cursor:pointer}

#marquee {margin-top: 10px;border-top: 1px solid var(--Frosted-Glass-color);}
#marquee-container a, #marquee-container a:hover {text-decoration:none;border:0 none; outline:0 none}
#marquee-container:hover .logo{animation-play-state:paused}
#marquee-container {
 --s: 100px; /* size of the logos */
 --d: 20s; /* animation duration */
 --n: 9; /* number of visible logos */

 display: flex;
 overflow: hidden;
}

.logo {
 width: var(--s);
 offset-path: shape(from calc(var(--s) / -2) 50%, hline by calc(sibling-count() * max(100% / var(--n), var(--s))));
 animation: x var(--d) linear infinite calc(-1 * sibling-index() * var(--d) / sibling-count());
 offset-distance: 100%;
 /* change direction: offset-distance: 0%; */
 height: 50px;
}

@keyframes x { 
 to {
 offset-distance: 0%;
  /* change direction: offset-distance: 100%; */
 }
}

.cookies-box {overflow-x:auto;}
table.cookies {border-collapse: collapse;width: 100%;;background-color: var(--Cycladic-White-color);color:  var(--Black-color);}
table.cookies b {color:  var(--Black-color) !important;}
table.cookies th {background-color: var(--Indian-Orange-color);color: var(--White-color);}
table.cookies th, td {border:none;padding: 8px 12px;text-align: left;}
table.cookies tr:nth-child(even) {background-color: var(--Full-Moon-Silver-color);}
table.cookies td {empty-cells: show;}

.intranet-box {overflow-x:auto;}
/* .intranet-box {scrollbar-gutter: stable;}
.intranet-box {overflow-y: scroll; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.intranet-box::-webkit-scrollbar {-webkit-appearance: none;width: 8px;height: 8px;}
.intranet-box::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 4px;}
.intranet-box::-webkit-scrollbar-thumb {background: #888; border-radius: 4px;}
.intranet-box::-webkit-scrollbar-thumb:hover {background: #555; }  */

table.intranet {border-collapse: collapse;width: 100%;background-color: var(--Cycladic-White-color);color:  var(--Black-color);}
table.intranet b {color:  var(--Black-color) !important;}
table.intranet th {background-color:  var(--Indian-Orange-color);color:  var(--White-color);}
table.intranet th, td {border:none;padding: 4px 6px;text-align: left;}
table.intranet tr:nth-child(even) {background-color: var(--Full-Moon-Silver-color);}
table.intranet td > a {display: block;width: 100%;height: 100%;padding: 4px 6px;color: var(--Black-color);text-decoration: none;border: none;outline: none;cursor: pointer;}
table.intranet td > a:hover {padding: 4px 6px;color: var(--Azure-blue-color);text-decoration: none}
table.intranet td {empty-cells: show;}

.button_cookies { margin: 10px 0 0 0;background:  var(--White-color);border: 1px solid var(--Cement-Gray-color);border-radius: 3px;color:  var(--Black-color);font-size: 12px;padding: 2px 6px 2px 6px;text-align: center;text-decoration: none;transition: all .2s ease-out;cursor: pointer;}
.button_cookies:hover {background: var(--White-color);color: var(--Red-color);}
.hr_display{display: none}

/* intranet */
.login_box{width:260px;margin: 0 0 40px 10px;padding:10px;border:3px solid var(--Wasabi-color);font-size:14px;background-color: var(--White-color)}
.text {margin-left: 10px !important;}
.login_title{font-size:14px;color: var(--Cement-Gray-color)}
.login_input{width:248px;padding:5px;margin:2px 0;border:solid 1px var(--Frosted-Glass-color);border-radius:0;font-size:14px;color: var(--Black-color)}
textarea:focus,input:focus{outline:0 none;background: var(--White-color)}
input:focus{background: var(--White-color);}

/* videz */
.theme_button {background:  var(--Azure-blue-color);margin: 0 2px 0 2px;border-radius: 3px;color: var(--Appearance-btn-text-color);cursor: pointer;font-size: 80%;outline: 0;padding: 5px 10px;width: fit-content;border: 0;}
.HideAppearance {
  opacity: 0;
   /*  Trajanje prehoda: 0.5s | Zakasnitev (delay): 1s */
  transition: opacity 0.5s ease 0.8s;
}
.ShowAppearance {
  opacity: 1;}

/* moduli */
.container{position:relative;width:1280px;margin: auto;} 
.content{margin:0;padding:10px}
.wrapper.one{width:1280px;float:left}
.wrapper.two{width:640px;float:left}
.wrapper.three{width:426.33333333px;float:left}
.wrapper.four{width:320px;float:left}
.wrapper.five{width:949px;float:left}
.wrapper.six{width:330px;float:left}
.wrapper.nine{width:638px;float:left}
.wrapper.footer-menu-small{width:220px;float:left}
.wrapper.footer-menu-big{width:620px;float:left}
.wrapper.footer-seven{width:620px;float:left}
.wrapper.footer-eight{width:330px;float:left}

/* Width of Child Element (320px) / Width of Parent Element(1280px) * 100 = 25% */
@media only screen and (max-width: 1280px) {
.container{width:94%}
.wrapper.one{width:100%}
.wrapper.two{width:50%}
.wrapper.three{width:33.3333%}
.wrapper.four{width:25%}
.wrapper.five{width:74.1%}
.wrapper.six{width:25.5%}
.wrapper.nine{width:49.8437%}
.wrapper.footer-menu-small{width:17.1875%}
.wrapper.footer-menu-big{width:48.4375%}
.wrapper.footer-seven{width:48.4375%}
.wrapper.footer-eight{width:25.78125%}
}

@media only screen and (max-width: 1024px) {
#marquee-container {
 --n: 6; /* number of visible logos */}
}

@media only screen and (max-width: 915px) {
img.img-center {width: 100%;max-width: 170px !important;height: auto !important;}
.fadein { position:relative;width:170px;height:102px;}
.img-center-rotation img {width: 100%; max-width: 170px !important; height: auto !important;}
}

@media only screen and (max-width: 800px) {
body {font-size: 17px !important}
.remove-top_bottom{margin-right: 10px; margin-left: 10px;}
.remove-half{margin-right: 10px; margin-left: 10px;}
#happy{display: none}
.other_devices{display: none}
.Laptop-PC{display:block}
.map-outer{width:100%;margin-top: 0}
.break-none{display: none}
table.cookies{margin:0;overflow-x:auto;overflow-y:hidden;overflow:-moz-scrollbars-horizontal;display:block}    
#footer{padding-top:10px !important;padding-bottom: 20px;}
#legal_notice, #visitors, #social{display: none}
#legal_sidepanel{display:block}
.wrapper.one,.wrapper.two,.wrapper.three,.wrapper.four,.wrapper.five,.wrapper.six,.wrapper.nine,.container,.wrapper.footer-menu-small,.wrapper.footer-menu-big,.wrapper.footer-two, .wrapper.footer-seven,.wrapper.footer-eight{width:auto !important;float:none !important}
#clock{display: none}
.border_repeat{border:none !important}
.center-img-content img {width:100%;max-width: 200px; height: auto}
img.img-left{width: calc(100% - 10px) !important;height: auto;}
.layout-wrapper{margin:0;padding:0;}
.hr_display{display: block}
.login_box {margin: 0 auto;text-align:center}
}

@media only screen and (orientation: portrait) and (max-width: 800px) {
img.img-center {width: 100%;max-width: 220px !important;height: auto !important;}
.fadein { position:relative;width:220px;height:124px;}
.img-center-rotation img {width: 100%; max-width: 220px !important; height: auto !important;}
}

@media only screen and (max-width: 480px) {
.tabs span{display: none}
#call_us .evenlope{display: none}
}

/* CSS Document Dark mode Edit */
html[data-theme="dark"] {

    --Layout-Wrapper-color: #30323E;
    --Neutral-Navy-color: #14151A;
    --Frosted-Glass-color: #505368; 
    --Nickel-color: #c0c1c7;

html {background-color: var(--Neutral-Navy-color);}
body {background-color: var(--Covert-Black-color);color: var(--MacBook-Aluminum-color);}
#header{background-color: var(--Neutral-Navy-color);}
#header.scrolled {background-color: var(--Neutral-Navy-color);}
#footer h4{color: var(--Authentic-White-color);font-weight: 600;}
#call_us, #call_us a, #call_us a:hover,#hot {color: var(--Authentic-White-color)}
.tabs li a{color: var(--Authentic-White-color);font-weight: 600;}
h1,h2,h3,h4,h5{color: var(--Authentic-White-color);font-weight: 600;}
h2 span {color: var(--Authentic-White-color);}
h4 span {font-size:18px;font-weight:normal;color: var(--Authentic-White-color)}
b,strong{color: var(--Authentic-White-color)}    
.nickel{color: var(--Nickel-color);}
#layout-wrapper{background-color: var(--Layout-Wrapper-color); /* 30323E */}
hr{color: var(--Frosted-Glass-color);background-color: var(--Frosted-Glass-color);height:1px;margin:20px 10px 20px 10px;border:0 none;clear:both}
.remove-half{margin-top: 5px !important;margin-right: 0; margin-bottom: 10px !important; margin-left: 0;}
.border_repeat{border-right:1px solid var(--Frosted-Glass-color);}
.business {border: 1px solid var(--Frosted-Glass-color);}
.border-img{box-shadow:none;border: none;}
.shadow{box-shadow: none}
#marquee {border-top: 1px solid var(--Frosted-Glass-color);}
li::marker {color: var(--Authentic-White-color);}
.border-img{background-color: var(--Authentic-White-color);padding: 4px;border: 1px solid transparent;}

@media only screen and (max-width: 915px) {
.remove-top_bottom{margin-right: 10px; margin-left: 10px;}
.remove-half{margin-right: 10px; margin-left: 10px;}
}
}