| Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/css/style.css |
@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Dosis:800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400italic);
@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Italianno&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase|Pangolin|Dosis|Molle|Gloria+Hallelujah|Lora|Merriweather|Roboto+Mono|Skranji|Titan+One|Ubuntu&subset=latin-ext');
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Alfa+Slab+One|Allura|Amatic+SC|Anton|Bangers|Berkshire+Swash|Caveat+Brush|Comfortaa|Cookie|Courgette|Dancing+Script|Dosis|Great+Vibes|Kaushan+Script|Lobster|Luckiest+Guy|Oswald|Pacifico|Paytone+One|Playfair+Display|Poiret+One|Raleway|Russo+One|Sacramento|Sriracha|Loved+by+the+King|gloria+hallelujah|Shadows+Into+Light|Fredericka+the+Great&subset=latin,latin-ext);
@import+'https://fonts.googleapis.com/css?family=Arima+Madurai|Berkshire+Swash|Courgette|Eagle+Lake|Gudea|Modak|Open+Sans+Condensed:300|Pattaya&subset=latin-ext';
@import url('https://fonts.googleapis.com/css?family=Rochester');
@font-face {font-family: 'DINPro-Regular'; src: url('../fonts/DINPro-Regular.eot'); src: local('âş'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'DINPro-Light'; src: url('../fonts/DINPro-Light.eot'); src: local('âş'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg') format('svg');font-weight: normal; font-style: normal;}
@font-face {font-family: 'FreeSCPT'; src: url('../fonts/FREESCPT.eot'); src: local('☺'), url('../fonts/FREESCPT.woff') format('woff'), url('../fonts/FREESCPT.ttf') format('truetype'), url('../fonts/FREESCPT.svg') format('svg');font-weight: normal; font-style: normal;}
*, ::after, ::before {
box-sizing: border-box;
}
#leftcol #tabs ul .niepozakuj{display:none !important}
.otworzzmianeksztaltu{cursor:pointer;position:absolute;top:70px;right:20px;font-size:35px;color:#333}
.popup{background:#fff;border:5px solid #333;border-radius:5px;;width:780px;height:480px;margin:-250px -400px;position:fixed;top:50%;left:50%;z-index:11000000}
#realizuuj:hover{opacity:0.7}
.podpanel .tylkomobile {display:none;cursor:pointer}
.wrapper.pion .canvas-container, .wrapper.pion .canvas-container canvas,.wrapper.poziom .canvas-container, .wrapper.poziom .canvas-container canvas {
width: 100% !important;
height: 100% !important;
margin: 0px auto;
border-radius: 15px;
}
close-area{position:fixed;top:-100px;right:-100px;}
.wrapper.pion,.wrapper.poziom{box-shadow: 0px 0px 12px #999;
border-radius: 15px;}
.popupzdjecia{border:1px solid #ddd;width:50%;height:400px;margin:-200px 25%;position:fixed;top:50%;left:0px;border-radius:15px;background:white;z-index:1000}
.zamknijpopupzdjecia{position:fixed;top:50%;right:25%;margin-top:-207px;margin-right:-12px;z-index:1001;color:red;cursor:pointer}
.multizdjecia{cursor:pointer;color:#fff;text-align:center;line-height:50px;position:absolute;left:350px;top:0px;width:50px;height:48px;z-index:100;background:rgb(255,0,153)}
.multizdjecia span{ font-size: 11px;
position: absolute;
color: #fff;
top: 34px;
right: -11px;
display: inline-block;
background: #6bce7f;
border-radius: 50%;
height: 20px;
z-index: 999;
width: 20px;
line-height: 20px;
border: 1px solid #fff;}
.multizdjeciaadd{
cursor: pointer;
color: #fff;
border-radius: 8px;
margin-top: 10px;
display: flex;
margin: 8px;
font-weight: 700;
text-align: center;
line-height: 42px;
background: #6bce7f;
justify-content: center;
align-items: center;
}
.multizdjeciaadd:hover {
background: #66c379;
}
.tabs-3 .scrollbar {
margin: 10px -4px 10px 0px;}
.scrollbar
{position: relative;
top: 0px;
height: -moz-calc(100% - 165px);
height: -webkit-calc(100% - 165px);
height: calc(100vh - 165px);
overflow-y: scroll;
}
#style-1::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #FeFeFe;
}
#style-1::-webkit-scrollbar
{
width: 5px;
background-color: #FeFeFe;
}
#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
a.fbicon{z-index:10000;background:url(http://www.etykietyweselne.pl/img/fbicon.png) no-repeat 20px 2px #4A6EA9;background-size:contain;width:70px;position:fixed;left:-22px;top:200px;height:50px;}
a.allegroicon{z-index:10000;background:url(http://www.etykietyweselne.pl/img/allegro-icon.png) no-repeat 30px 10px #F16437;width:70px;position:fixed;left:-22px;top:150px;height:50px;}
a.allegroicon:hover,a.fbicon:hover{left:-5px;transition-duration:0.3s;}
a{cursor:pointer}
.tlo{position:absolute;top:0px;left:0px;width:100%;height:calc(100vh)}
h1,h2,h3{ font-family: 'Inter';}
.pcien .dym,.odstepy .dym{position:absolute;top:-7px;left:4px}
.odstepy{display:none !important;}
div:hover>.odstepy{display:block !important;}
.pcien{display:none;}
.pcien,.odstepy{
padding:14px 10px 10px 10px;position:relative;
border:2px solid #ddd;
border-radius:6px;
position: absolute !important;
top: 28px !important;
background:#fff !important;
width: 170px;
}
.wyborki{position:absolute;z-index:100000;top:50%;right:50%;margin:-350px -580px;}
.wyborki a{padding:12px 20px;border-bottom:3px solid #fff;font-size:12px;font-weight:600;text-transform:uppercase;background:#fff;color:#222}
.wyborki a:hover,.wyborki .active{border-bottom:3px solid #6bce7f;}
.podziekowanie{border-radius:5px;width:600px;height:250px;background:#1DC85E;color:#fff;position:absolute;top:50%;left:50%;margin:-150px -310px;padding:0px 20px 20px 20px;z-index:100000;box-shadow:1px 1px 20px #333;font-size:17px;}
.podziekowanie .close{cursor:pointer;background:#fff;border-radius:5px;padding:10px 30px;color:#6bce7f;font-size:20px;font-weight:600;text-align:center}
.blur2{background:#fff;width:100%;height:calc(100vh);
filter: blur(5px);}
.wybortowaru{overflow:hidden;box-shadow:0px 0px 10px #999;border-radius:2px;font-family: "Inter", sans-serif;width:1100px;height:650px;position:absolute;top:50%;left:50%;margin:-320px -560px;padding:20px;background:white;z-index:10000}
.wybortowaru>ul{position:relative;}
.wybortowaru ul{margin:0px;padding:0px;width:1100px;text-align:center;}
.wybortowaru ul li img{max-height:220px;max-width:200px}
.wybortowaru ul li{font-family:FreeSCPT;font-size:33px;color:#000;cursor:pointer;vertical-align:top;display:inline-block;border:2px solid #fff;box-shadow:0px 0px 5px #888;margin:10px 5px;padding:20px 15px}
@-webkit-keyframes pulsebt
{
0% {background-color:#05B4E8;}
25% {background-color: #1a9fc6}
100% {background-color: #05B4E8}
75% {background-color: #2aceff}
100% {background-color: #05B4E8}
}
.wybortowaru ul li .cofnij{color:#777;position:absolute;top:-30px;left:500px;font-size:20px;text-transform:uppercase;}
.wybortowaru ul li .cofnij:hover{color:#000}
.wybortowaru ul li.active ul{display:block}
.wybortowaru ul li ul {display:none;position:absolute;top:0px;left:1140px;}
.wybortowaru ul li a{color:#000}
.wybortowaru .butt{font-size:18px;display:inline-block;margin:0px 0px;border-radius:5px;background:#05B4E8;color:#fff;padding:10px 35px;}
.wybortowaru ul>li.active>a,.wybortowaru ul>li:hover>a{color:#6bce7f}
.wybortowaru ul>li.active,.wybortowaru ul>li:hover{
border: 2px solid #6bce7f;
box-shadow: 1px 5px 14px 4px #d3d3d3;
/*-webkit-transform: translateY(-2px);
transform: translateY(-2px);*/}
.wgrane ul li:hover i.material-icons{display:inline-block;}
.wgrane ul li:hover{background:#eee !important}
.wgrane ul li i.material-icons{display:none;font-size:15px;cursor:pointer;color:red;position:absolute;top:0px;right:0px}
.podpanel div {position:relative;top:15px;display:inline-block}
.podpanel div > div{top:0px}
.podpanel div i {
font-size: 23px;
padding: 3px;color:#888;
}
.podpanel .min{display:inline-block;cursor:pointer}
.podpanel{transition: 0.5s;position:absolute;z-index:10;text-align:center;top:0px;background:#fff;height:55px;width:100%}
#tail { pointer-events: none;
display:none;
position: absolute;
top:54px !important;left:175px !important;
float: left;
pointer-events: none;
z-index:10000;
}
#content1>div{height:calc(100vh - 100px)}
#content1>div input[type=file]{cursor:pointer;
opacity: 0;height:50px;width:100%;}
.makiety-serce,.makiety-kwadrat,.makiety-kolo{}
.podsumowanie .material-icons.cl{color:#fff;background:#333;position:absolute;top:-10px;right:-10px;border-radius:50%;cursor:pointer;}
.podsumowanie p.rozmiarspan .material-icons {font-size:30px;}
.podsumowanie button{border:0px;border-radius:8px;color:#fff;background:#6bce7f;padding:5px 15px}
.podsumowanie button:hover{position:relative;top:1px;opacity:0.85;box-shadow:0px 2px 15px #ddd}
.podsumowanie select{width:200px;border:0px;border-bottom:1px solid #aaa;background:#EEEEEE}
.podsumowanie p.rozmiarspan input {display:none}
.podsumowanie p.rozmiarspan span:hover,.podsumowanie p.rozmiarspan span.active{background:#6bce7f;color:#fff}
.podsumowanie{width:700px;height:500px;position:fixed;top:50%;left:50%;padding:5px 20px;line-height:20px;text-align:center;margin:-310px -320px;z-index:1000000;display:none;background-color: rgba(255, 255, 255, 1);box-shadow:0px 0px 10px #777;font-size:15px;font-family: "Inter", sans-serif;;}
.wyborksztaltu{border-radius:10px;color:#fff;width:700px;height:550px;position:fixed;top:50%;left:50%;padding:5px 20px;line-height:20px;text-align:center;margin:-220px -300px;z-index:1000;background-color: rgba(0, 0, 0, 0.8);box-shadow:0px 0px 10px #777;font-size:15px;font-family: "Inter", sans-serif;;}
.wyborksztaltu span{display:inline-block;width:100px;height:100px;margin:5px;}
.wyborksztaltu span.poziom{background:url(/img/a_poziom.png);background-size:contain}
.wyborksztaltu span.pion{background:url(/img/a_pion.png);background-size:contain}
.wyborksztaltu span.kwadrat{background:url(/img/a_kwadrat.png);background-size:contain}
.wyborksztaltu span.kolo{background:url(/img/a_kolo.png);background-size:contain}
.wyborksztaltu span.bombka{background:url(/img/a_bombka.png);background-size:contain}
.wyborksztaltu span.serce{background:url(/img/a_serce.png);background-size:contain}
.wyborksztaltu span.roczek{background:url(/img/z_roczek.png) center no-repeat;background-size:contain}
.wyborksztaltu span.zpion{background:url(/img/z_pion.png);background-size:contain}
.wyborksztaltu span.zkwadrat{background:url(/img/z_kwadrat.png);background-size:contain}
.wyborksztaltu span.zkolo{background:url(/img/z_kolo.png);background-size:contain}
.wyborksztaltu span.zpolaroid{background:url(/img/z_polaroid.png);background-size:contain}
.wyborksztaltu span.zserce{background:url(/img/z_serce.png);background-size:contain}
.wyborksztaltu span.kalendarz{background:url(/img/a_kal.png);background-size:contain}
.wyborksztaltu span.stopka{background:url(/img/a_stop.png);background-size:contain}
.wyborksztaltu span.imiennik{background:url(/img/a_imiennik.png) no-repeat center;background-size:contain}
.wyborksztaltu span.spioszki{background:url(/img/a_spioszki.png) no-repeat;background-size:contain}
.wyborksztaltu span.etykietaserce{background:url(/img/a_etykietaserce.png);background-size:contain}
.wyborksztaltu span.polaroid{background:url(/img/a_polaroid.png) no-repeat;background-size:contain}
.wyborksztaltu span.butelka{background:url(/img/a_butelka.png) no-repeat;background-size:contain}
.wyborksztaltu span.mis{background:url(/img/a_mis.png) no-repeat;background-size:contain}
.wrapper.serce,.wrapper.zserce{width: calc(976*(100vh - 100px)/897);}
.wrapper.roczek{width: calc(827*(100vh - 100px)/1157);}
.wrapper.polaroid{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(1654*(100vh - 120px)/2360);}
.wrapper.mis{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(768*(100vh - 120px)/1181);}
.wrapper.butelka{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(626*(100vh - 120px)/1181);}
.wrapper.kwadrat,.wrapper.zkwadrat,.wrapper.zkolo,.wrapper.kolo{width: calc(897*(100vh - 100px)/897);}
.wrapper.etykietaserce{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(984*(100vh - 120px)/1411);}
.wrapper.bombka{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(776*(100vh - 120px)/918);}
.wrapper.poziom{height: -moz-calc(100% - 130px);height: -webkit-calc(100% - 130px);height: calc(100vh - 130px);width: calc(2360*(100vh - 130px)/1654);}
.wrapper.pion{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(1654*(100vh - 120px)/2360);}
.wrapper.kalendarz{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(1654*(100vh - 120px)/2354);}
.wrapper.stopka{height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);width: calc(786*(100vh - 120px)/1213);}
.wrapper.imiennik{height: calc(100vh - 650px);width: calc(1181*(100vh - 650px)/402);margin-top:200px}
.wrapper.spioszki{height: calc(100vh - 120px);width: calc(838*(100vh - 120px)/1158);}
div.logs a{border-radius:10px;position:fixed;top:0px;right:0px;border:2px solid #006633;color:#fff;background:#CCCC00;padding:19px 80px;z-index:100000}
body div.header{background:#6bce7f;height:60px;text-align:Center;padding:15px 0px}
body div.header{height:80px;padding:0px;box-shadow:0px 0px 20px #777;;}
body div.header .top h1{display:block;font-family:'DINPro-Light';font-size:35px;color:white;margin:0px;padding:15px 0px;font-weight:normal;line-height:40px}
body{font-family: 'Inter';font-size:13px;}
body,html{padding:0px;margin:0px;font-size:12px;}
body{ background: #f3f3f3;}
/*body{ background: #F6F6F6;} */
.canvas-container, .canvas-container canvas {
width: 100% !important;
height: 100% !important;
margin: 0px auto;
}
a{text-decoration:none;color:#6bce7f}
p.paczkomaty{display:none}
.wybierz-ksztalt{position:fixed;top:40%;left:20%;z-index:10000}
.mfp-zoom-in {
-moz-perspective: 1000;
-webkit-perspective: 1000;
-ms-perspective: 1000;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-transform: scale(0.001);
-moz-transform: scale(0.001);
-ms-transform: scale(0.001);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
width:800px;height:557px; margin:-300px -400px;
background: #343434;
border: 7px solid #fff;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 20px rgba(0,0,0,0.2);
border-radius: 10px;
padding: 10px;
color: #fff;
opacity: 0;
font-weight: bold;
font-size: 22px;
font-family: Arial, sans-serif;
position: absolute;
left: 50%;
top: 50%;
/* Always on top */
z-index: 9999999;
}
.mfp-zoom-in.active {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.overwhite2{background:#333;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:200000;opacity: 0.8;}
#menu{background:#fefefe;text-align:center;z-index:1998;position:relative;}
#menu>a{display:inline-block}
#menu ul{padding:0px;margin:0px;display:inline-block}
#menu ul li{display:inline-block;font-family: "Inter", sans-serif;, sans-serif;font-weight:700}
#menu ul li a{display:inline-block;padding:16px 10px;;color:#6bce7f;/*background:#fff*/;}
#menu ul li a:hover,#menu ul li.active a{color:#fff;background:#6bce7f;}
.wrapper{margin:25px auto 0 auto;background:white;padding:0px;position:relative;top:25px;left:30px;
height: -moz-calc(100% - 120px);height: -webkit-calc(100% - 120px);height: calc(100vh - 120px);
width:0px;}
.wrapper2{margin:20px auto;background:#fff;padding:20px;
width: 1100px; border-radius: 8px;
}
.errorpopup h1, .alertpopup h1, .sendpopup h1 {
font-family: 'Inter';
text-transform: uppercase;
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}
.add_cart2 i{font-size:33px !important;}
.add_cart2{z-index:1999;line-height:10px;color:#fff;padding:12px 8px;background:#6bce7f;width:50px;display:block;position:fixed;right:0px;top:0px;}
.add_cart2:hover{background:#14D15E;}
ul li a.add_cart{position:static;width:auto;background:#6bce7f !important;color:#fff !important}
span.zmien.active{;position:relative;top:3px;background:#C21033;}
span.zmien{margin:0px 1px;cursor:pointer;padding:10px;background:#6bce7f;display:inline-block;color:#fff}
ul.kpion{display:none}
.slidr-control.disabled{opacity:0 !important}
.slidr-control.right{position:relative;right:-80px !important;opacity:0.6;
background: url('/img/a-r.png') center no-repeat;width:68px !important}
.slidr-control.left{position:relative;left:-80px !important;opacity:0.6;
background: url('/img/a-l.png') center no-repeat;width:68px !important}
.slidr-control.right:hover,.slidr-control.left:hover{opacity:1}
.slidr-control.left::after,.slidr-control.right::after{border:0px !important;}
.wysuwane-koszyk>div>div.liczba{width:17px;height:15px;text-align:center;position:absolute;top:27px;left:37px;font-family: 'Inter';font-size:16px}
.wysuwane-koszyk a:hover,.wysuwane-allegro a:hover,.wysuwane-kreatory a:hover{text-shadow:1px 1px #333;color:#FFC601}
.wysuwane-koszyk a,.wysuwane-allegro a,.wysuwane-kreatory a{font-size:15px;color:#fff;text-decoration:none}
.wysuwane-koszyk b,.wysuwane-allegro b,.wysuwane-kreatory b{text-decoration:underline;font-family: 'Inter';text-transform:uppercase}
.wysuwane-koszyk>div{text-align:center;width:80px;margin:27px 10px 0px 65px}
.wysuwane-allegro>div,.wysuwane-kreatory>div{text-align:center;width:100px;margin:7px 30px 0px 10px}
.wysuwane-koszyk{position:fixed;top:160px;right:-140px;background:url(/img/koszyk-wysuwane-bg.png) no-repeat left top;height:100px;width:200px;}
.wysuwane-koszyk:hover{right:0px;blacktransition: All 0.4s ease;-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;}
#slidr-id img,#slidr-id2 img {background:#fff;/*box-shadow:0px 0px 12px #000*/}
#slidr-id,#slidr-id2 {/*background:#fff;box-shadow:0px 0px 12px #777*/;padding:50px;position:relative;top:0px}
.ggu-bot-snapped-launcher{display:none;right:0px !important;bottom:63px !important;z-index:1 !important}
.wysun .scro{overflow:auto}
.wysun {position:fixed;width:100%;height:50px;margin:0 auto;z-index:100000;padding-top:28px;bottom:-80px;}
div.naklad{;text-align:center;width:100%;background:#F1F1F1}
ul.kalendarze {padding:10px 0px;margin:0px auto; }
ul.kalendarze li{width:15%;text-align:center;display:inline-block;}
ul.kalendarze li a{display:block;margin:25px auto}
ul.kalendarze .powieksz{margin-bottom:20px;}
ul.kalendarze .powieksz:hover{background:;z-index:10000;blacktransition: All 0.4s ease;
-webkit-transition: All 0.4s ease;
-moz-transition: All 0.4s ease;
-o-transition: All 0.4s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
.larger{cursor:pointer;width:90%;height:auto;padding:10px 0px}
.larger:hover{position:relative;z-index:100000;blacktransition: All 0.4s ease;
-webkit-transition: All 0.4s ease;
-moz-transition: All 0.4s ease;
-o-transition: All 0.4s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
.podpis{margin:15px auto 0px auto;width:600px;;text-align:center;font-size:11px;color:#333;text-shadow:1px 1px #fff}
.wgrajzdjecie{position:relative}
.wgrajzdjecie input{width:100%;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
footer{box-shadow:0px 0px 20px #777;width:100%;color:#fff;position:fixed;z-index:1000;bottom:0px;background:#6bce7f;height:65px;text-align:center}
footer>div{width:33%;display:inline-block;vertical-align:top;padding-top:10px}
footer a{color:#fff}
footer div img{vertical-align:middle}
footer div.kon a:hover{color:#FFC601;}
footer div.kon{width:350px;position:absolute;right:0px;top:5px}
footer div.kon p{text-align:left;margin:0px 30px;}
footer div.kon p img{width:23px;vertical-align:center;margin-right:15px}
footer div.kon a{text-decoration:none;color:#fff;font-family: 'DINPro-Light';font-size:21px;line-height:25px}
footer .wzory>div{width:45px;height:45px;background:url(../img/kalendarz-footer.png) no-repeat;color:white;line-height:55px;margin:0px auto}
footer .wzory h4{margin:0px;font-family: 'DINPro-Light';text-transform:uppercase;font-size:20px;font-weight:normal}
footer .wzory{cursor:pointer;color:white;background:url(../img/footer-wzory.png) no-repeat center top;height:90px;position:relative;top:-24px}
footer .wzory:hover{top:-30px;blacktransition: All 0.4s ease;-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;}
.popup .sendpopup input.kodrabatowy{width:250px !important;}
.inforabat {position:absolute;right:50px}
.inforabat >div{border-radius: 5px; font-size:11px;
background: #6bce7f;
padding: 5px 10px;
color: white;
text-decoration: none;
display: inline-block;
width: 130px;position:relative;top:-40px;
line-height: 15px;}
a.menutope{display:none;color:#333;position:absolute;top:-2px;left:0px;z-index:10000;text-align:center;width:50px;height:50px}
.menutope img{max-width:180px;margin:0px;box-shadow:0px 0px 5px #aaa;padding:10px;}
a.menutope span{color:#333;box-shadow:1px 1px 1px #333;z-index:10000000;display:none;position:absolute;top:10px;left:40px;padding:5px;font-size:11px;white-space: nowrap;border-radius:2px;background:white;}
a.menutope:hover span{display:block}
a.menutope .material-icons{font-size:32px;line-height:50px;}
div.menutope a:hover {
transition:All 0.3689s ease;
-webkit-transition:All 0.3689s ease;
-moz-transition:All 0.3689s ease;
-o-transition:All 0.3689s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
div.menutope a {margin:0px auto;width:200px;height:200px;display:block;position:relative}
div.menutope a span{display:none;background:url(../img/przejdz-kreator.png) center no-repeat;position:absolute;top:0px;left:0px;width:100%;height:100%}
div.menutope a:hover span{display:block}
div.menutope a.magnesy {background:url(/img/etykiety_zakladka.png) no-repeat;background-size:contain;width:200px;height:248px;display:block;margin:10px auto}
div.menutope a.magnesy:hover { background:url(/img/etykiety_zakladka_hover.png) no-repeat;;background-size:contain;
transition:All 0.3689s ease;
-webkit-transition:All 0.3689s ease;
-moz-transition:All 0.3689s ease;
-o-transition:All 0.3689s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
div.menutope{text-align:Center;z-index:100000;box-shadow:0px 0px 10px #999;background:#F8F8F8;position:fixed;left:-250px;width:250px;height: -moz-calc(100%);height: -webkit-calc(100%);height: calc(100vh)}
.uploadzdjecie .material-icons{cursor:pointer;color:red;position:absolute;top:-8px;right:-8px}
.uploadzdjecie h2{font-size:14px;margin:5px;}
.uploadzdjecie{width:200px;height:60px;position:fixed;top:40%;left:50%;padding:5px 20px;line-height:20px;text-align:center;margin:-50px -100px;z-index:1000;display:none;background-color: rgba(255, 255, 255, 0.6);box-shadow:0px 0px 3px #333}
div.boxshadow,li.boxshadow{box-shadow:0px 0px 12px #999}
#menu ul li.usunelement a{background:#CC0000;color:#fff}
#menu ul li.usunelement:hover a{background:#fff;color:#CC0000}
.add_cart2 i {
font-size: 24px !important;
}
.add_cart2{ z-index: 1999;
line-height: 10px;
color: #fff;
display: flex;
width: 70px;
border-radius: 25px;
padding: 7px 10px;
background: #6bce7f;
gap: 4px;
/* display: block; */
position: fixed;
right: 15px;
font-size: 14px;
top: 8px;
justify-content: center;
align-items: center;}
.add_cart2:hover{background:#14D15E;}
ul li a.add_cart{position:static;width:auto;background:#6bce7f !important;color:#fff !important}
i.material-icons{vertical-align:middle}
a.add_cart.button {
color: #fff;
position: fixed;
right: 90px;
border-radius: 25px;
top: 8px;
padding: 8px 10px;
background: #00B9FF;
font-size: 12px;
}
a.add_cart.button:hover,.big_button:hover{background:#14A0FA}
#content1>div{display:none;}
#leftcol{z-index:1000;width:350px;background:#FFF;position:fixed;left:0px;top:56px;height:-moz-calc(100% - 57px);height:-webkit-calc(100% - 57px);height:calc(100vh - 57px);}
#leftcol #tabs{position:relative;top:0px;margin-top:-10px;border-radius:0px;border:0px;background:none;}
#leftcol a.texttadd{display:block;text-align:center;margin:0px -10px 15px -10px;border-bottom:1px solid #CCCCCC;box-shadow:0px 3px 5px #ddd;padding:5px 5px;background:#F6F3EF;}
#leftcol #tabs ul{ margin: 0 !important;
padding: 0;
padding-top: 8px;
width: 100%;
display: flex;
justify-content: center;
overflow: hidden;
background: #fff;
font-size: 12px;
border: 0px;
border-radius: 0px;
border-bottom: 1px solid #CCCCCC;}
#leftcol #tabs ul.ui-sortable{border-bottom:0px}
#leftcol #tabs.w50 li{width:136px !important;}
#leftcol #tabs ul li{display:inline-block;text-align:center;top:5px;background:#FFF;width: 33.33%;}
#leftcol #tabs ul li a{padding:15px 5px;color:#333;font-weight:600;font-family: "Inter", sans-serif;;font-size:13px;display:inline-block; min-width: 100%;}
#leftcol #tabs ul li.active a {
border-bottom: 0;
background: #6bce7f;
color: #fff;
}
#leftcol #tabs .wgrajzdjecie {background:#F6F3EF;padding:15px;margin:0px -10px;border-bottom:1px solid #D3D3D3;text-align:center}
#leftcol #tabs .wgrajzdjecie input{width:100%}
#leftcol #tabs select:hover,#leftcol a.texttadd:hover{background:#F1EEEA;border-bottom:1px solid #C4C4C4;color:#000;box-shadow:0px 3px 5px #aaa}
#leftcol a.texttadd {color:#333}
#leftcol a.texttadd:hover{color: #6bce7f !important;}
//#leftcol #tabs select:hover{background:url(/img/listaselect.jpg) no-repeat center #F1EEEA}
#leftcol #tabs select{cursor:pointer;box-shadow:0px 3px 5px #ddd;width:320px;border:0px;padding:10px;font-size:11px;font-weight:600;color:#555;background:#F6F3EF;margin:0px -10px;border-bottom:1px solid #D3D3D3}
#leftcol img.imgside{
margin: 5px 6px;
max-width: 130px;
transform: scale(0.92);
-webkit-transform: scale(0.92);
-moz-transform: scale(0.92);
-o-transform: scale(0.92);
-ms-transform: scale(0.92);
max-height: 170px;vertical-align:middle;padding:5px;}
#leftcol img.imgside:hover{blacktransition: All 0.8s ease;
-webkit-transition: All 0.8s ease;
-moz-transition: All 0.8s ease;
-o-transition: All 0.8s ease;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
#leftcol .ui-tabs .ui-tabs-panel{padding:10px;}
#rightcol{width:160px;position:fixed;right:5px;top:55px;height: -moz-calc(100% - 270px);height: -webkit-calc(100% - 270px);height: calc(100vh - 270px);background:white;padding:10px}
#bottomcol{height:0px;background:url(http://www.etykietyweselne.pl/html/tpl/images/bg.jpg) repeat-x top center;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100vw - 30px);position:fixed;bottom:-18px;left:5px;padding:10px;z-index: 1003;border-top:8px solid #01BD5F;}
#bottomcol div.odc{overflow:hidden;width:330px;height:35px;position:absolute;left:50%;margin:-45px -180px -50px -180px;}
#bottomcol div.przycisk{cursor:pointer;width:320px;height:50px;color:#fff;background:#6bce7f;border-radius:40px 40px 0px 0px;text-align:center;position:relative;left:10px;top:10px}
#mCSB_2_container{min-height:150px}
.shadow_eff:hover {
transition:All 0.3689s ease;
-webkit-transition:All 0.3689s ease;
-moz-transition:All 0.3689s ease;
-o-transition:All 0.3689s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
#leftcol .zoom{text-align:center;width:50%;position:relative;display:inline-block;}
#leftcol .zoom img.imgzoom{display:none;position:absolute;height:300px;width:auto;top:0px;left:100px;z-index:10000;background:#DFDFDF;border:1px solid #6bce7f;max-width:none !important}
#leftcol .zoom:hover img.imgzoom{/*display:block;*/}
.zoom img.imgside{cursor:pointer}
#leftcol .zoom img {
opacity: 1;
transition: opacity 0.3s;
}
#leftcol .zoom img[data-src] {
//opacity: 0;
}
#leftcol .mCustomScrollbar{position:relative;top:0px;width:312px;margin:10px 0px;
height: -moz-calc(100% - 165px);
height: -webkit-calc(100% - 165px);
height: calc(100vh - 165px);
}
#bottomcol {text-align:center}
#bottomcol .zoom{width:8%;margin:0px 0px 10px 20px;position:relative;display:inline-block;}
#bottomcol .zoom img{width:100%}
#bottomcol .zoom img.imgzoom{display:none;position:absolute;;top:0px;left:100px;z-index:10000;background:#DFDFDF;border:1px solid #6bce7f;max-width:none !important}
#bottomcol .zoom:hover img.imgzoom{/*display:block;*/}
#bottomcol .mCustomScrollbar{position:relative;width:100%;
height: -moz-calc(100% );
height: -webkit-calc(100%);
}
.mCustomScrollBox{position:absolute !important}
#texteditor div:hover span,.podpanel div.min:hover span {display:inline-block;}
#tail,#texteditor div span,.podpanel div.min span{box-shadow:1px 1px 1px #333;z-index:10000000;display:none;position:absolute;top:35px;left:0px;padding:5px;font-size:11px;white-space: nowrap;border-radius:2px;background:white;}
#texteditor{z-index:1002;position:relative;top:0px;left:-5px;clear:both;background: url(/img/text.png) no-repeat;width:312px;height:63px}
#texteditor.editor.tylko3{width:95px;}
#texteditor.editor{width:126px;height:31px;background:url(/img/text2.png) no-repeat top right;position: absolute;top: 25px;left: 365px;}
#texteditor div.min{position:relative;left:0px;width:30px;height:29px;display:block;float:left;margin:1px 0px 0px 1px;}
#texteditor div.minn{cursor:pointer;font-size:11px;line-height:30px;position:relative;left:0px;top:3px;height:29px;display:block;float:left;margin:1px 0px 0px 1px;}
#texteditor div.minn span{padding:0px 20px}
#texteditor div.minn .rodzajczcionki{border: 1px solid #C1C1C1;border-top:0px;background:#FFFFFF;margin:0px;display:none;width:172px;position:absolute;top:23px;left:9px}
#texteditor div.minn.fontfamily.active > .rodzajczcionki{display:block}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p{font-size:13px;cursor:pointer;padding:0px 10px;margin:0px}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.timesnewroman{font-family:Times New Roman}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.Arial{font-family:Arial}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.verdana{font-family:Verdana}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.lobster{font-family:'Lobster Two', cursive;, cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.amaticsc{font-family:'Amatic SC', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.greatvibes{font-family:'Great Vibes', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.modak{font-family:'Modak', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.berkshire{font-family:'Berkshire Swash', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.eaglelake{font-family:'Eagle Lake', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.opensanscondensed{font-family:'Open Sans Condensed', sans-serif;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.rochester{font-family: 'Rochester', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.gudea{font-family:'Gudea', sans-serif;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.arima{font-family:'Arima Madurai', cursive;}
#texteditor div.minn.fontfamily.active > .rodzajczcionki p.courgette{font-family:'Courgette', cursive;}
#texteditor div.minn.fontfamily{width:207px}
#texteditor div.minn.fontsize{width:65px}
#texteditor div.minn.shadowd,#texteditor div.minn.shadowl{width:30px}
#texteditor div.minn.fontsize span{padding:0px 5px}
#texteditor input#color{width: 20px;background: none;margin:0px 6px;border: 1px solid silver;cursor:pointer;height:20px;padding:0px;}
#texteditor div.min:hover,#texteditor div.act,#texteditor div.minn.shadowl:hover,#texteditor div.minn.shadowd:hover{background-color:rgba(0, 0, 0, 0.05)}
#texteditor div.min:hover i,#texteditor div.act i,#texteditor div.minn.shadowl:hover i,#texteditor div.minn.shadowd:hover i{color:#333}
.podpanel div.minn .rodzajczcionki{border: 1px solid #C1C1C1;border-top:0px;background:#FFFFFF;margin:0px;display:none;width:207px;position:absolute;top:33px;left:-1px;z-index:111111;max-height:200px;overflow-y:scroll}
.podpanel div.minn.fontfamily.active > .rodzajczcionki{display:block}
.podpanel div.minn:hover > .rodzajczcionki p{font-size:15px;text-align:left;border-bottom:1px dashed #ddd;cursor:pointer;padding:5px 10px;margin:0px}
.podpanel div.minn.fontfamily{width:207px;border:1px dashed #888;border-radius:3px;}
.podpanel div.minn.fontsize{width:65px}
.podpanel div.minn.shadowd,.podpanel div.minn.shadowl{width:30px}
.podpanel div.minn.fontsize span{padding:0px 5px}
.podpanel input#color{width: 20px;background: none;margin:0px 6px;border: 1px solid silver;cursor:pointer;height:20px;padding:0px;}
.podpanel div.min:hover,.podpanel div.act,.podpanel div.minn.shadowl:hover,.podpanel div.minn.shadowd:hover{border-radius:2px;background-color:rgba(0, 0, 0, 0.05)}
.podpanel div.min:hover i,.podpanel div.act i,.podpanel div.minn.shadowl:hover i,.podpanel div.minn.shadowd:hover i{color:#111}
.rodzajczcionki p:hover{background:#eee}
.koszyk form p {border-bottom:1px dashed #ddd}
.koszyk p{ background: #fbfbfb;text-align:left;position:relative;padding:15px 0px;font-size:17px}
.koszyk p.nagl{background:#fff;font-weight:600;text-transform:uppercase;;font-size:15px}
.koszyk p span{vertical-align:-webkit-baseline-middle;display:inline-block;text-align:center}
.koszyk p span.lp{width:80px;}
.koszyk p span.min.butelka-uniwersalna{height:250px;background:url(/img/uniwersalna-butelka.jpg) center no-repeat;background-size:contain;}
.koszyk p span.min.butelka-uniwersalna img{width:50px;height:auto;position:absolute;top:110px;left:49px;}
.koszyk p span.min{position:relative;width:300px;}
/*.koszyk p span.min img:hover{width:200px;height:auto;max-height:none;position:relative;margin:-50px}*/
.koszyk p span.min img.zawieszka{width:150px;/*position:absolute;top:0px;right:0px;*/}
.koszyk p span.spec{width:250px;}
.koszyk p span.min img{max-width:100%;border-radius: 8px;}
.koszyk p span.ilosc{width:170px;}
.koszyk p span.usun{width:60px}
.koszyk p img{max-height:150px}
.koszyk p span.usun a{border-radius:5px;background:#6bce7f;padding:0px 5px 5px 5px;color:white;text-decoration:none;display:inline-block;width:25px;font-size:17px;line-height:30px}
.koszyk p input,.popup .sendpopup input,.sendpopup input[type=text],.sendpopup textarea{border:1px solid #CFCFCF;box-shadow: inset 2px 2px 4px #E2E2E2;background:#F6F6F6;font-size:16px;width:30px;text-align:center}
.blur.active,.blur2.active{-webkit-transition-delay:0.2s; /* Safari */
transition-delay: 0.2s;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);}
.overwhite{background:/*url('/img/progress.gif') no-repeat center*/ #fff;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;opacity: 0.95;}
.informacyjnypopup{opacity: 0;width:80%;height:91%;position:fixed;;top:3%;left:10%;margin:auto 0px;z-index:1000000;}
.informacyjnypopup img{width:100%}
.informacyjnypopup > div{width:100% !important;height:100% !important}
.informacyjnypopup>span.akcept{display:block;height:48px;width:48px;background:url(/img/Close.png)no-repeat;position:absolute;right:-15px;top:-10px;z-index:1000000}
.popup, .sendmailpopup {
display: none;
}
.popup .sendpopup input,.sendmailpopup .sendpopup input{text-align:left;width:400px !important;padding:3px}
.popup .sendpopup p span,.sendmailpopup .sendpopup p span{width:130px;float:left;}
.popup .sendpopup select{border: 1px solid #CFCFCF;
box-shadow: inset 2px 2px 4px #E2E2E2;
background: #F6F6F6;padding:5px}
.popup .sendpopup .zamknij,.sendmailpopup .sendpopup .zamknij{background:#C21033;padding:10px 15px;position:absolute;top:-25px;right:10px;text-decoration:none;color:#fff}
.popup .sendpopup input,.sendmailpopup .sendpopup input{text-align:left;width:400px;padding:3px}
.sendmailpopup .sendpopup textarea{text-align:left;width:400px;padding:3px;height:50px}
.sendpopup {box-shadow:1px 1px 15px silver;display:block;position:fixed;width:600px;height:320px;margin:-200px -320px;top:50%;left:50%;z-index:2000;background:white;padding:20px;}
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);height:calc(100vh);position:fixed;top:0px;left:0px;;width:100%;}
#colorbox{outline:0;z-index:10000}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:3px;}
#cboxLoadingGraphic{background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/controls.png) no-repeat 0 0;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
input[type="submit"], .big_button,.bt.btn-next{border:0px;font-family: 'Inter';float: left; width: 91%; background-color: #6bce7f; font-size: 23px; color: #fff; text-align: center; margin: 20px 0px 0px 20px; padding: 8px 15px 8px 15px; -webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.blue { background: #6481ab!important; }
.big_button.blue:hover{background:#49659F !important; }
button.bt {
width: 150px;
text-align: center;
line-height: 14px;
vertical-align: top;
padding: 10px;
position: relative;
top: -10px;
}
.bt {
background: #6bce7f;
color: #fff;
cursor: pointer;
border: 0px;
text-align: left;
text-decoration: none;
width: 140px;
padding-top: 8px;
display: inline-block;
text-transform: uppercase;
font-size: 15px;
font-family: 'Inter';
line-height: 15px;
}
.bt span {
font-family: 'DINPro-Regular';
font-size: 12px;
}
#payu-payment-form button[type=submit] {
border: 0px; text-indent:-10000px;
height: 50px;
width: 300px;
background: url('http://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_03.png');
background-repeat: no-repeat;
cursor: pointer; display:block;
margin:10px auto;
}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;}
.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_container{overflow:hidden;width:auto;height:auto;}
.mCSB_inside > .mCSB_container{margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}
.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;}
.mCSB_outside + .mCSB_scrollTools{right:-26px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;}
.mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;transition:width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;}
.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;}
.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1);}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15);}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px;}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0;}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0;}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px;}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px;}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px;}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");background-repeat:repeat-y;opacity:0.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px;}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)";}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px;}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555;}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0;}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)";}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2);}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0;}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px;}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2);}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0;}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px;}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2);}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);}
input[type=range]{
-webkit-appearance: none;
background: none;margin:13px 0px;
}
input[type=range]::-webkit-slider-runnable-track {
height: 2px;
background: #ddd;
border: none;
border-radius: 3px;
}
input[type=range]::-ms-track {
height: 2px;
background: #ddd;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
height: 2px;
background: #ddd;
border: 2px solid #fff;
border-radius: 3px;
}
input[type=range]:active::-webkit-slider-thumb {
border:2px solid #6bce7f;
background: #6bce7f;
}
input[type=range]:hover::-webkit-slider-thumb {
background: #6bce7f;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
border: 2px solid #fff;
background: #000;
background-size:contain;
margin-top: -6px;
position: relative;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #555;
margin-top: -6px;
position: relative;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #555;
margin-top: -6px;
position: relative;
}
input[type=range]:focus {
outline: none;
&::-webkit-slider-thumb:after {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
background: #eee;
border-radius: 5px;
color: #555;
padding: 5px 10px;
border: 2px solid #555;
}
&::-ms-thumb:after {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
background: #eee;
border-radius: 5px;
color: #555;
padding: 5px 10px;
border: 2px solid #555;
}
&::-moz-range-thumb:after {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
background: #eee;
border-radius: 5px;
color: #555;
padding: 5px 10px;
border: 2px solid #555;
}
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}
input[type=range]:focus::-ms-track {
background: #ccc;
}
input[type=range]:focus::-moz-range-track {
background: #ccc;
}
navigation-bar {
position: absolute;
top: 0;
left: 0;
display:none;
}
navigation-bar {
width: 100%;
height: 100%;
}
editor-controls {
width:100%;
position:absolute;
bottom:0px;
display: none;
z-index: 2;
width: 100%;
background-color: #fff;
height: 60px;
}
.logo {
padding: 0px;
margin: 0px;
position: absolute;
top: 7px;
left: 15px;
}
text-areaeditor{display:none}
@media (min-width: 992px){
.schowanemobile{display:inline-block}
}
@media (max-width: 992px){
.podpanel div.minn.fontfamily{width:170px}
.podpanel .schowanemobile {
background: #fff;
/* display: none; */
position: fixed !important;
top: 90px !important;
left: 0px !important;
width: 100%;
padding: 5px 0;
align-content: center;
align-items: center;
justify-content: center;
}
.podpanel .tylkomobile {display:inline-block;position:relative;top:4px}
.podpanel div.min span{display:none}
.podpanel div.min .odstepy{position: fixed !important;top: 105px !important;left: 0px !important;width:100%;}
.podpanel div.minn .rodzajczcionki {position: fixed !important;top: 105px !important;left: 0px !important;width:100%;max-height:300px}
.podpanel div.minn:hover > .rodzajczcionki p {font-size:20px;padding:15px}
.podsumowanie {width:100%;height:100%;left:0;top:0;margin:0;padding:0;}
.podsumowanie .material-icons.cl{top:0;right:0;color:red;background:none;font-size:35px}
.wrapper2{width:100%;padding:0px}
.wrapper2 h1{text-align:center;margin:10px;padding:20px}
.koszyk p span.lp {display:none}
.koszyk p.nagl {font-size:12px;}
.koszyk p img {max-height:80px;max-width:100px !important}
.koszyk p span.ilosc {width:50px;font-size:13px}
.koszyk form p {margin: 5px;}
.koszyk p span.min {width:110px}
.koszyk p span.usun {width:30px;}
.koszyk p span.usun a{font-size:12px;width:20px;line-height:25px}
.koszyk p span.spec {width:150px !important;font-size:12px !important;}
.popup {width:100%;height:100%;margin:0;top:0;left:0;padding:0px;}
.sendpopup2 {width:calc(100vw - 20px) !important;height:100% !important;padding:10px !important;margin:0 !important;top:0 !important;left:0 !important}
input[type="submit"], .big_button, .bt.btn-next {margin:10px 0px !important;}
.podpanel {
overflow: auto;
white-space: nowrap;
display: flex;
flex-direction: row;
width: 100%;
overflow: hidden;
padding: 0 20px;
justify-content: center;
align-items: center;
align-content: center;
}
.the-block03 {
display:block;position:relative;box-shadow:none;background:none;padding:4px 6px !important;
}
body, html,.blur {
margin: 0;
position:absolute;
top:0;left:0;right:0;bottom:0;
width: 100%;
}
close-area{position:fixed;top:0;right:0;width: 60px;z-index:10000;color:red;background:#fff;height:44px;line-height:44px;text-align:center;padding: 6px 0px;}
editor-controls {position:fixed;}
text-areaeditor.active{display:block}
text-areaeditor{position:absolute; bottom: 5px;left:0px;width:100%;height:50px;z-index:999; border-top: 1px #e9e9e9 solid;}
text-areaeditor textarea {
width: 100%;
padding: 10px;
box-shadow: 0px 6px 6px rgb(153 153 153 / 30%);
height: 60px;
border:0 !important;
}
close-area {
display: none !important;
opacity: 0 !important;
}
.uploadzdjecie{display:none !important}
.wyborksztaltu {width:70px !important;top:70px !important}
.wyborksztaltu span{width:70px;height:70px;background-size:contain !important}
#menu ul li a, a.add_cart.button, .add_cart2 {
padding: 7px 7px;
}
#menu {
display: flex;
position: relative;
align-items: center;
}
#leftcol #tabs {margin-top:0px}
a.add_cart.button{ right: 90px;}
.add_cart2 .material-icons{font-size:24px !important}
.logo {
left: 5px;
top: 5px;
height: 30px !important;
position: relative;
top: auto;
left: 10px;
}
.podpanel{height: 60px;}
a.menutope{display:block}
#menu {height:55px;}
#menu ul{display:none}
#leftcol #tabs ul {display:none}
#leftcol{width:100%}
#leftcol .multizdjecia{display:none}
.scroll-container ul {margin:0px 0px;padding:0px}
.scroll-container ul li i.material-icons{font-size:25px}
.scroll-container ul li{padding:5px;margin:0 5px;display:inline-block;text-align:center;font-size:11px;}
.wrapper{margin:auto;top:0;bottom:0;left:0;right:0;position:absolute;height: calc(100vh - 180px);}
#content1>div>select{top:0px !important}
.scrollbar,.tlo {
height: calc(100vh - 225px) !important;}
#content1 > div,#leftcol{
height: calc(100vh - 180px) !important;}
#leftcol{
left:-110%;
top: 45px;
padding: 10px;}
#leftcol .zoom{width:48%;}
editor-controls,navigation-bar{background:#333;display:block}
editor-controls a{color:#fff}
editor-controls li:hover{background:#6bce7f}
navigation-bar .scroll-container {
display: flex;
align-items: center;
width: 100%;
height: 100%;
position: relative;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.wrapper.serce,.wrapper.zserce{width: calc(100% - 70px);height: calc(897*(100vw - 70px)/976);}
.wrapper.roczek{width: calc(100% - 70px);height: calc(1157*(100vw - 70px)/827);}
.wrapper.kwadrat,.wrapper.zkwadrat,.wrapper.zkolo,.wrapper.kolo{width: calc(100% - 70px);height: calc(100vw - 70px)}
.wrapper.etykietaserce{width: calc(100% - 70px);height: calc(1411*(100vw - 70px)/984);}
.wrapper.bombka{width: calc(100% - 70px);height: calc(918*(100vw - 70px)/776);}
.wrapper.poziom{width: calc(100% - 70px);height: calc(1654*(100vw - 70px)/2360);}
.wrapper.pion{width: calc(100% - 70px);height: calc(2360*(100vw - 70px)/1654);}
.wrapper.kalendarz{width: calc(100% - 70px);height: calc(2354*(100vw - 70px)/1654);}
.wrapper.stopka{width: calc(100% - 70px);height: calc(1213*(100vw - 70px)/786);}
.wrapper.imiennik{width: calc(100% - 10px);height: calc(402*(100vw - 10px)/1181)}
.wrapper.spioszki{width: calc(100% - 70px);height: calc(1158*(100vw - 70px)/838);}
.tabs-container .scrollbar {
background: #f1f1f1;
}
#content1 > div, #leftcol {
height: calc(100vh - 110px) !important;
}
.scrollbar, .tlo {
height: calc(100vh - 178px) !important;
}
#leftcol.open {
padding: 10px 0 !important;
}
.tabs-3 .scrollbar {
margin: 0px -4px 10px 0px !important;
}
#leftcol img.imgside {
max-width: 100% !important;
max-height: 100% !important;
padding: 12px !important;
}
}
#leftcol.open{left:0px;}
@font-face {
font-family: 'Bookman Old Style';
src: url('../fonts/BookmanOldStyle.woff2') format('woff2'),
url('../fonts/BookmanOldStyle.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Times New Roman';
src: url('../fonts/TimesNewRomanPSMT.woff2') format('woff2'),
url('../fonts/TimesNewRomanPSMT.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
url('../fonts/Roboto-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('../fonts/Cinzel-Regular.woff2') format('woff2'),
url('../fonts/Cinzel-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segoe Script';
src: url('../fonts/SegoeScript.woff2') format('woff2'),
url('../fonts/SegoeScript.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'End of the dream';
src: url('../fonts/Endofthedream.woff2') format('woff2'),
url('../fonts/Endofthedream.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Book Antiqua';
src: url('../fonts/BookAntiqua.woff2') format('woff2'),
url('../fonts/BookAntiqua.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rebecca';
src: url('../fonts/Rebecca.woff2') format('woff2'),
url('../fonts/Rebecca.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('../fonts/Lato-Light.woff2') format('woff2'),
url('../fonts/Lato-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Georgia';
src: url('../fonts/GeorgiaRegular.woff2') format('woff2'),
url('../fonts/GeorgiaRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri.woff2') format('woff2'),
url('../fonts/Calibri.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rift';
src: url('../fonts/Rift-Regular.woff2') format('woff2'),
url('../fonts/Rift-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
url('../fonts/MyriadPro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Forte';
src: url('../fonts/Forte-Fill.woff2') format('woff2'),
url('../fonts/Forte-Fill.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tahoma';
src: url('../fonts/Tahoma.woff2') format('woff2'),
url('../fonts/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Love & Trust';
src: url('../fonts/LoveTrust.woff2') format('woff2'),
url('../fonts/LoveTrust.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.zwin_panel_ok {
height: 46px;
width: 46px;
position: absolute;
top: 6px;
right: 8px;
color: #fff;
background: #6bce7f;
text-align: center;
font-size: 32px;
border-radius: 15px;
}
#leftcol #tabs select {
cursor: pointer;
box-shadow: 0px 3px 5px #ddd;
width: calc(80% - 15px);
border: 0px;
padding: 10px;
font-size: 11px;
font-weight: bold;
color: #555;
background: #F6F3EF;
box-shadow: none !important;
background: #fff !important;
border-radius: 8px !important;
color: #454545 !important;
border: 1px #e1e1e1 solid !important;
border-bottom: 1px solid #D3D3D3;
}
@media (max-width: 992px) {
editor-controls, navigation-bar {
background: #fff;
display: block;
box-shadow: 0px -2px 8px rgb(153 153 153 / 15%);
}
editor-controls a {
color: #313131;
}
editor-controls li:hover {
background: transparent !important;
}
#content1 select {
width: 60%;
box-shadow: none !important;
background: #fff !important;
border-radius: 8px !important;
color: #454545 !important;
border: 1px #e1e1e1 solid !important;
}
}
@media(max-width:980px) {
.wrapper.mis {
scale: 0.8;
transform-origin: 7% 50%;
/* -webkit-transform-origin: 0 0; */
-ms-transform-origin: 7% 50%;
-moz-transform-origin: 7% 50%;
}
.wrapper.butelka{
scale: 0.8;
transform-origin: 7% 50%;
/* -webkit-transform-origin: 0 0; */
-ms-transform-origin: 7% 50%;
-moz-transform-origin: 7% 50%;
}
}
div.boxshadow, li.boxshadow {
box-shadow: 0px 0px 12px rgb(153 153 153 / 35%);
}
#myModal {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
/* margin: 15% auto; */
/* padding: 20px; */
/* border: 1px solid #888; */
/* width: 80%; */
height: 100vh;
}
#closeModal {
cursor: pointer;
z-index: 999999;
position: absolute;
top: 5px;
right: 5px;
background: #000;
color: #fff;
}
#closeModal i {
font-size: 35px;
background: #000;
border-radius: 0 !important;
color: #fff;
}
.body-bg {
background:#f1f1f1
}
.the-block01 {
background:#ddd;right:300px
}
.the-block02 {
height:38px
}
.the-block03 {
display:block;position:relative;box-shadow:none;background:none;padding:8px 10px;
}
.the-block04 {
font-size:13px;font-weight:600;padding:10px;
}
.the-block05 {
font-size:13px;font-weight:600;padding:10px;
}
.the-block06 {
font-size:16px;
}
.the-block07 {
position:relative;top:-3px;left:-9px;font-size:15px
}
.the-block08 {
position:relative;top:3px;left:-9px;font-size:15px
}
.the-block09 {
font-size:13px;display:inline-flex;width:40%;font-weight:600;font-family: "Inter", sans-serif;;text-align:right;
}
.the-block10 {
}
.top-select-tab-container {
display: flex;
padding: 5px 20px;
width: 100%;
background: #fff;
box-shadow: unset;
align-items: center;
box-shadow: 0px 0px 12px rgb(153 153 153 / 35%);
}
.scrollbar {
padding: 0 8px;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.popupzdjecia {
position: fixed;
top: calc(50% + 200px);
left: 25%;
transform: translate(-50%, -50%); /* Centruje popup na ekranie */
z-index: 999999; /* Popup musi być nad overlayem */
}
.zamknijpopupzdjecia {
position: fixed;
cursor: pointer;
z-index: 999999;
background: #fff;
color: #434343;
border-radius: 50%;
}
.podpanel {
top:-10px;
}
.podpanel.rozwiniety-panel-the {
top:48px;
}
editor-controls {
z-index: 999999;
}
@media(max-width:980px) {
textarea:not(.textarea_the_box) {
bottom:auto !important;
position: fixed !important;
top: 0 !important;
}
text-areaeditor {
height: auto;
padding: 5px;
border: 0 !important;
position: absolute;
bottom: auto !important;
top: 132px !important;
left: 0px;
z-index: 9 !important;
width: 100%;
}
.textarea_the_box {
width: 100%;
padding: 10px;
border: 2px #6bce7f solid !important;
height: 84px;
border-radius: 8px;
box-shadow: none !important;
}
.zwin_panel_ok {
height: 65px;
width: 50px;
display: flex;
position: absolute;
top: 12px;
right: 15px;
color: #fff;
background: #6bce7f;
text-align: center;
font-size: 32px;
border-radius: 15px;
justify-content: center;
align-content: center;
align-items: center;
}
.totop i.fas,
.toback i.fas{
font-size:8px !important;
}
}
.the-select-size-content {
display: flex;
flex-wrap: wrap;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
padding: 10px;
justify-content: center;
}
.the-select-size-content span {
cursor: pointer;
width: 25%;
padding: 10px;
min-height: 80px;
/* display: flex !important; */
text-align: center;
margin: 0 !important;
display: inline-block;
background: #eee;
font-size: 13px;
/* justify-content: center; */
/* align-items: center; */
align-content: center;
border-radius: 8px;
/* flex-wrap: wrap; */
}
.podsumowanie select {
width: 300px;
border: 0px;
height: 36px;
padding: 6px;
border-radius: 8px;
border-bottom: 1px solid #aaa;
background: #EEEEEE;
}
.submit-buttons-container button {
margin: 0px !important;
padding: 15px 45px !important;
font-size: 16px;
font-family: 'Inter';
min-width: 60%;
}
.submit-buttons-container {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
gap:10px;
}
.submit-buttons-container button:hover {
cursor: pointer;
}
@media(max-width:980px) {
.the-select-size-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.the-select-size-content span {
cursor: pointer;
width: 100% !important;
padding: 10px;
min-height: 80px;
/* display: flex !important; */
text-align: center;
margin: 0 !important;
display: inline-block;
background: #eee;
font-size: 13px;
/* justify-content: center; */
/* align-items: center; */
align-content: center;
border-radius: 8px;
/* flex-wrap: wrap; */
}
.submit-buttons-container {
margin-top:0 !important;
}
.podsumowanie button {
height: 44px !important;
font-size: 16px !important;
font-weight: 500 !important;
font-family: 'Inter' !important;
border: 0px !important;
width: calc(100% - 20px) !important;
margin: 0px 10px !important;
display: flex !important;
border-radius: 8px !important;
color: #fff !important;
padding: 5px 15px !important;
justify-content: center !important;
align-items: center !important;
align-content: center !important;
}
.podsumowanie select {
width: calc(100% - 20px);
min-height: 45px;
padding: 8px;
border: 0px;
border-radius: 4px;
margin-top: 4px;
border-bottom: 1px solid #aaa;
background: #EEEEEE;
}
.rozmiarspan {
margin:25px 0 !important;
}
.podsumowanie .material-icons.cl {
color: #272727;
top: 5px;
right: 5px;
font-size: 35px;
background: #000;
border-radius: 0 !important;
color: #fff;
}
.podsumowanie {
padding-top: 25px !important;
}
.podsumowanie h3 {
width: calc(100% - 20px);
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 5px;
color: #313131;
border-bottom: 2px #313131 solid;
/* border-radius: 8px; */
/* width: calc(100% - 20px); */
margin: 15px 10px !important;
}
.podpanel.rozwiniety-panel-the {
top:32px;
}
}
@media(min-width:980px) {
.podsumowanie {
border-radius: 8px;
}
}
.loading5 {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Full viewport height */
}
.bounce {
width: 200px;
animation: bounce 2s infinite; /* Apply the bounce animation */
}
.loading5::before {
background-image: url(https://www.system.fotomagnesy.pl/spinner.svg);
z-index: -1;
content: '';
position: absolute;
width: 32px;
height: 32px;
opacity: 0.4;
top:calc(50vh + 40px);
animation: spin 2s linear infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px); /* Adjust the bounce height */
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg); /* Full circle rotation */
}
}
.podsumowanie select {
text-align: center;
}
.sendpopup2 .zamknij {
display: none !important;
}
@media(max-width:1080px) {
.sendpopup2 {
width: 100vw !important;
}
.sendpopup2 .mdl-cell {
margin: 0px 8px !important;
width: 100% !important;
}
.sendpopup2 .mdl-textfield__input {
font-family: 'Inter', sans-serif;
padding: 10px;
font-weight: 300;
font-size: 18px;
border-radius: 8px !important;
border: 1px solid #c3c3c3 !important;
}
.accept-regulamin-container {
margin-top:15px;
}
.sendpopup2 .mdl-grid {
padding-top: 30px !important;
}
#realizuuj {
background-color: #6bce7f !important;
top:0 !important;
text-transform: none;
height: 44px !important;
font-size: 16px !important;
font-weight: 500 !important;
font-family: 'Inter' !important;
border: 0px !important;
width: calc(100% - 20px) !important;
margin: 0px 10px !important;
display: flex !important;
border-radius: 8px !important;
color: #fff !important;
padding: 5px 15px !important;
justify-content: center !important;
align-items: center !important;
align-content: center !important;
}
.sendpopup2 h2 {
font-family: 'Inter', sans-serif !important;
width: calc(100% - 20px) !important;
font-size: 18px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding-bottom: 5px !important;
color: #313131 !important;
border-bottom: 2px #313131 solid;
/* border-radius: 8px; */
/* width: calc(100% - 20px); */
margin: 15px 10px !important;
}
.sendpopup2 input::placeholder,
.sendpopup2 input::-ms-input-placeholder {
color: #313131 !important;
}
input[type="submit"], .big_button, .bt.btn-next {
top:0 !important;
text-transform: none;
height: 44px !important;
font-size: 16px !important;
font-weight: 500 !important;
font-family: 'Inter' !important;
border: 0px !important;
width: calc(100% - 20px) !important;
margin: 0px 10px !important;
display: flex !important;
border-radius: 8px !important;
color: #fff !important;
padding: 5px 15px !important;
justify-content: center !important;
align-items: center !important;
align-content: center !important;
}
}
@media(min-width:980px) {
.koszyk-block01 {
margin-bottom: 20px;
}
#the2{
margin-top: 10px;
}
}
@media(max-width:980px) {
.podziekowanie {
border-radius: 5px;
width: 100%;
position: absolute;
height: 100vh;
display: flex;
gap: 15px;
flex-wrap: wrap;
/* z-index: -1 !important; */
background: #1DC85E;
color: #fff;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0px 20px 20px 20px;
z-index: 100000;
box-shadow: 1px 1px 20px #333;
font-size: 17px;
align-content: center;
align-items: center;
justify-content: center;
line-height: 26px !important;
}
.podziekowanie img {
width: 82px;
margin-bottom: 15px;
}
}
.the-podziekowanie-container {
width: 900px;
margin: auto;
display: flex;
flex-wrap: wrap;
margin-top: 25vh;
padding: 30px;
box-shadow: 0px 0px 12px rgb(153 153 153 / 35%);
/* box-shadow: 1px 1px #000; */
/* border: 1px #000 solid; */
border-radius: 8px;
background: #fff;
color: #292929;
}
.the-podziekowanie-content {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.the-podziekowanie-left {
width: 30%;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
padding: 0 15px;
justify-content: flex-end;
position: relative;
}
.the-podziekowanie-right {
width: 70%;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
padding: 0 30px;
font-size: 16px;
}
.the-podziekowanie-button {
background: #6bce7f;
padding: 12px 18px;
border-radius: 8px;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
color: #fff;
}
.the-podziekowanie-right-content {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 10px;
}
.the-podziekowanie-right p {
margin: 0 !important;
}
.the-podziekowanie-button:hover {
background: #60b571;
}
.the-podziekowanie-left svg {
width: 200px;
height: 200px;
fill: #292929;
}
@media(max-width:980px) {
.the-podziekowanie-container {
width: 95%;
margin-top: 5vh;
padding: 30px 15px;
}
.the-podziekowanie-left {
width: 100%;
justify-content: center;
padding:0 10px;
}
.the-podziekowanie-right {
width: 100%;
justify-content: center;
padding:0 10px;
}
.the-podziekowanie-right-content {
justify-content: center;
}
.the-podziekowanie-right p {
text-align: center;
}
.the-podziekowanie-left svg {
width: 120px;
height: 120px;
fill: #292929;
}
}
.the-podziekowanie-left img {
max-width: 100%;
height: auto;
}
.imiennik-label {
background: gray;
color: #fff;
display: block;
width: 26px;
height: 26px;
border-radius: 50%;
padding: 5px;
margin: 0px;
text-align: center;
z-index: 10;
position: absolute;
top: 0px;
right: 15px;
}
#leftcol .tabs-3 img.imgside {
margin: 0 !important;
max-width: 100%;
max-height: 100% !important;
}
.tabs-3 #style-1 {
background: #f1f1f1 !important;
margin-top: 0 !important;
padding-top: 10px !important;
margin-bottom: 0 !important;
overflow-x: hidden !important;
}
.tabs-3 .scrollbar {
height: calc(100vh - 147px) !important;
}