#header.HamburgerMenuTrigger a, .HamburgerMenuTrigger a {
background: center center no-repeat transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
display: block;
width: 50px;
height: 46px;
position: static;
margin-left: 0;
margin-top: 0;
z-index: 1000000;
}
.mm-menu {
z-index: 1000001 !important;
}
#header.HamburgerMenuTrigger, .HamburgerMenuTrigger{
background: #e2007a;
font-size: 1.1em;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 40px;
padding: 0;
width: 51px;
height: 47px;
position: fixed;
z-index: 1000000;
display: none;
top: 27px;
left: 20px;
-moz-box-sizing: inherit !important;
}
.homepage div#header {
display: none !important;
}
.sliderholder {
height: 320px;
}
.xls100 {
width: 100%;
height: auto;
display: block;
float: left;
}
.xls50 {
width: 50%;
height: auto;
display: block;
float: left;
padding-right: 0px;
padding-left: 10px;
}
.xls50:first-child {
padding-right: 10px !important;
padding-left: 0px !important;
}
.content.webwidth {
width: 1205px;
}
.articlcnt {
width: 100%;
height: 100%;
display: block;
}
html {
height: 100%;
font-size: 16px;
}
body {
background-color: #fff;
position: relative;
width: 100%;
color: #666;
font-size: 16px;
overflow-x: hidden;
text-rendering: optimizeLegibility;
font-family: 'Encode Sans', sans-serif;
}
body {
line-height: 1;
}
.homepage h1 {
text-align: center;
color:#b7b6b6;}
.dn, .dnone {
display: none;
}
.dn2 {
display: none !important;
}
.mauto {
margin: 0 auto;
}
.ovisible {
overflow: visible;
}
*, *:before, *:after {
box-sizing: border-box;
}
::selection {
background:#ec008c;
color: #fff;
}
body, html, ul, ul li, p, fieldset, input, span {
font-family: 'Encode Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, ul, ul li, ul li a {
font-family: 'Encode Sans', sans-serif;
}
p {
font-family: 'Encode Sans', sans-serif;
}
a {
color: #666;;
text-decoration: none;
cursor: pointer;
}
.centerdiv {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.btn-group-lg > .btn, .btn-lg {
border-radius: 0px !important;
}
/* PAGE BASIC */
#headerline {
background: transparent;
color: black;
min-height: 80px;
}
#headerline2 {
border-bottom: 1px solid #eaeaea;
min-height: 69px;
overflow: visible;
border-top: 1px solid #eaeaea;
}
.wrapper {
margin: 0 auto;
padding: 0;
overflow: visible;
z-index: 2;
position: relative;
}
.wrapper50 {
width: 45%;
display: block;
float: left;
overflow: hidden;
margin-left: 13px;
}
.contentpadding {
padding: 0 35px;
}
.footer .wrapper.webwidth.contentpadding {
padding: 0;
}
.homeh1content, .nothomepage.content {
padding-bottom: 28px;
}
.nothomepage.content {
padding: 0;
padding-top: 10px;
padding-bottom: 130px;
background-color: #f2f1f1;
background-image: url("/img/bgslice1.png");
background-repeat: repeat-x;
background-position: bottom;
position: relative;
}
.nothomepage.content.detail {
padding-top: 30px;
}
/* TITLE */
.titleholder {
float: left;
font-size: 14px;
font-weight: 100;
padding: 13px 0;
height: 42px;
width: 247px;
}
.titleholder h1, .titleholder h2.nohometitle {
font-size: 14px;
margin: 0;
font-weight: 100;
}
.loginholder {
float: right;
font-size: 14px;
font-weight: 100;
padding: 13px 0;
height: 42px;
width: 70px;
text-align: right;
}
.loginholder a, .loginholder a:hover {
color: white;
}
.menuboxholder {
height: 42px;
width: calc(100% - 400px);
float: left;
}
.menuboxholder.secondmenusize {
width: calc(100% - 343px);
}
.menuboxcenter {
float: right;
left: -50%;
position: relative;
}
/*-------------slider-----------------------------*/
.sliderwrapper.webwidth {
margin: 0 auto;
height: 100%;
display: block;
}
.slider {
display: block;
width: 100%;
/*height: 100%;*/
/*height: 660px;*/
height: auto;
overflow: visible;
z-index: 0;
clear: both;
}
.sliderholder {
/* height:calc(100vh / 1.2);*/
/*height: 400px;*/
height: 660px;
background-color: transparent;
display: block;
overflow: hidden;
position: relative;
}
.sliderbcg {
background-color: whitesmoke;
border-bottom: none;
min-height: 30px;
}
.owl-prev {
display: block;
width: 64px;
height: 97px;
position: absolute;
top: 151px;
left: 0;
background: url(../img/arrowl.png) no-repeat center;
cursor: pointer;
}
.owl-next {
background: url(../img/arrowr.png) no-repeat center;
display: block;
width: 64px;
height: 97px;
position: absolute;
top: 151px;
right: 0;
cursor: pointer;
}
.sliderpicture {
width: 100%;
/*height: 400px;*/
/*min-height: 660px;*/
background-size: cover;
background-position: center center;
/* background: whitesmoke;*/
height: 561px;
}
.hslider .sliderpicture {
height: 660px;
}
.sliderpicture .centerdiv {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid whitesmoke;
}
.landingpage .sliderholder,
.nothomepage .sliderholder {
/* height: 561px; */
height: auto;
/* -webkit-transition: all 1.25s;
-moz-transition: all 1.25s;
transition: all 1.25s;
transition-delay: 2s;*/
}
.minslider .sliderpicture,
.minislider .sliderpicture,
.minslider .sliderholder {
height: 320px;
}
.minslider .nothomepage .slideadholder {
padding-top: 195px;
}
.minslider .slick-slide img {
width: 60px;
}
img.PovolitIkonuFalse {
display: none;
}
.slidepicture img {
max-height: 465px;
max-width: 475px;
}
.slideadholder {
padding-top: 100px;
width: 100%;
max-width: 1205px;
height: 100%;
display: block;
clear: both;
float: none;
/*position: absolute;
z-index: 999;
left: 0px;
right: 0px;*/
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.sliderlinkholder {
position: absolute;
width: 462px;
height: calc(100% - 277px);
top: 163px;
}
.sliderlinkholder a {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
text-indent: -100vw;
}
.nothomepage .slideadholder {
padding-top: 190px;
}
.prdctsldr {
width: 100%;
height: 100%;
display: block;
}
.productbgimg {
width: 100%;
height: calc(100% - 225px);
/* background: red; */
/* background: url(/img/sliderimg1.jpg) no-repeat; */
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
margin-top: 195px;
background-position-x: calc(50% + 400px);
}
.abprdctsldrx {
position: absolute !important;
z-index: 99999999 !important;
right: 0 !important;
cursor: pointer !important;
display: block;
top: 20px !important;
width: 50vw;
}
.abprdctsldrx img {
opacity: 0;
}
.abprdctsldr .prdctsldr h1 {
width: 54%;
margin: 50px 0px;
margin-bottom: 18px;
color: #ec008c;
font-size: 37px;
max-height: 125px;
overflow: hidden;
padding-bottom: 2px;
}
.awrp .btn2 img {
margin-right: 15px;
}
.abprdctsldr .prdctsldr h2 {
display: table-cell;
color: #ec008c;
padding: 8px 20px;
border: 2px solid #ec008c;
border-radius: 9px;
font-weight: 300;
}
.abprdctsldr .prdctsldr h2:empty {
opacity: 0;
}
.abprdctsldr .prdctsldr h3 {
padding-top: 0;
padding-bottom: 16px;
color: #B5B5B5;
font-size: 20px;
font-weight: 300;
width: 51%;
max-height: 47px;
overflow: hidden;
display: block;
}
.awrp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
position: absolute;
}
.awrpholder, .abprdctsldr {
position: relative;
width: 1205px;
display: block;
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 224px;
/* background: red; */
height: 20px;
overflow: visible;
}
.abprdctsldr {
margin-top: -381px; }
.awrp a {
width: 240px;
height: 48px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.awrp .btn1 {
background: #B5B5B5;
color: white;
}
.awrp .btn1 img {
margin-left: 20px;
margin-right: 20px;
}
.awrp .btn2 img {
margin-left: 10px;
margin-right: 18px;
}
.awrp .btn2, .awrp .btn2:active, .awrp .btn2:focus, .awrp .btn2:visited {
color: #B5B5B5;
margin-left: 25px;
width: 138px;
}
.awrp .btn2.btndotaz, .awrp .btn2.btndotaz:active, .awrp .btn2:focus, .awrp .btn2:visited {
width: 185px;
}
.homegraycontent h2 {
padding-top: 10px;
font-weight: 300;
font-size: 28px;
}
.homegraycontent {
background-color: #eaeaea;
padding: 7px 0 24px;
}
.slidetitle {
min-width: 10px;
background-color: rgba(236, 0, 140, 0.8);
color: #fff;
display: table;
max-width: calc(100% - 4px);
overflow: hidden;
}
.slideadholder > .slidetitle {
margin-top: 65px;
margin-bottom: -65px;
}
.slidetitle {
padding: 15px;
margin: 0px;
font-size: 55px;
font-weight: 100;
overflow: hidden;
max-height: 107px;
line-height: 100%;
}
.slidetitle:empty {
display: none;
}
.slidetext {
min-width: 10px;
background-color: rgba(236, 0, 140, 0.8);
color: #fff;
overflow: hidden;
height: auto;
max-width: 100%;
display: table;
/*max-width: calc(100% - 427px);*/
/*margin-left: 345px;*/
}
.footer .infoBoxCell h4 {
margin: 0;
padding-top: 12px;
}
.slidetext p {
padding: 6px 10px 0 16px;
margin: 5px 0;
font-size: 65px;
font-weight: 100;
overflow: hidden;
height: auto;
display: inline-block;
white-space: nowrap;
}
.txthldrli ul {
margin-top: 94px;
display: block;
margin-left: 9px;
}
.txthldrli ul li {
color: #ec008c;
position: relative;
z-index: 999;
list-style-type: disc;
font-size: 26px;
font-weight: 400;
margin: 1px 8px 10px -8px;
color: white;
font-size: 19px;
list-style: none !important;
}
.txthldrli ul li:empty {
display: none;
}
.txthldrli ul li::before {
color: #ec008c;
content: '\f111';
font-family: FontAwesome;
position: absolute;
float: left;
margin-top: 5px;
font-size: 13px;
margin-left: -20px;
}
.txthldrli ul li span {
color: white;
font-size: 19px;
margin-top: -3px;
font-weight: 400;
}
.banner {
width: 100%;
height: 155px;
background-color: #1a4c8c;
display: block;
padding: 18px;
padding-left: 30px;
padding-right: 30px;
}
.banner h2 {
color: white;
font-size: 26px;
margin-bottom: 20px;
font-weight: 300;
margin-top: 10px;
display: block;
height: 28px;
overflow: hidden;
}
.bannerlink {
width: 100%;
overflow: hidden;
padding-top: 10px;
}
.bannerlink p {
display: block;
float: left;
max-width: calc(100% - 140px);
color: white;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
height: 36px;
overflow: hidden;
}
.bannerlink a.detailbtn, .bannerlink a.detailbtn:hover, .bannerlink a.detailbtn:link, .bannerlink a.detailbtn:active, .bannerlink a.detailbtn:visited {
padding: 8px;
padding-right: 50px;
border: 1px solid white;
background: url(../img/sipickawhiteblue.jpg) no-repeat 82px 9px;
cursor: pointer;
color: inherit;
float: right;
color: white;
text-decoration: none;
}
/*--------------------forecolor-----------------*/
/*.forecolor1, .bbforecolor {
background-color: #d7d7d7 !important;
color: white !important;
}*/
.forecolor2 {
background-color: #a8002c !important;
color: white !important;
}
.forecolorgray {
background-color: #f5f5f4 !important;
color: #363636 !important;
}
.forefont2 {
background-color: transparent !important;
color: #a8002c !important;
}
.forefontgray {
background-color: transparent !important;
color: #68655c !important;
}
.forecolorButtBcg2 {
background: url(../img/detail-bcg.png) no-repeat 4px 398px transparent;
}
A:link {text-decoration: none; color: #ec008c;}
A:visited {text-decoration: none; color: #ec008c;}
A:hover {text-decoration: none; color: #ec008c;}
A:active {text-decoration: none; color: #ec008c;}
/*============== MARKETIS NEW ==========================*/
.header {
display: block;
/*height: 140px;*/
height: auto;
overflow: visible;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 999;
/* background:white; */
background: rgba(255, 255, 255, 0.95);
}
.headerin {
overflow: hidden;
/* background: red; */
width: calc(100vw - 20px);
}
.borderDiv {
height: 5px;
width: 100%;
}
.headerHolder {
max-height: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.headerHolder,
.mainmenu,
.middleholder,
.srchwrp,
.leftholder,
.HamburgerMenuTriggerHolder.relativeversion {
max-height: 100px;
height: 100px;
}
.HamburgerMenuTriggerHolder.relativeversion {
display:none;
}
.HamburgerMenuTriggerHolder.relativeversion div#header {
position: relative;
left: 3px;
}
/*----leftholder-----*/
.leftholder {
overflow: hidden;
display: flex;
width: 240px;
align-items: center;
justify-content: center;
}
/*----centerholder-----*/
.centertopholder {
overflow: hidden;
width: calc(100vw - 466px);
position: relative;
display: block;
margin-left: 0;
justify-content: flex-end;
}
/*----middleholder-----*/
.middleholder .homearticlecontent {
display: flex;
align-items: center;
justify-content: center;
font-size: 45px;
font-weight: 100;
/* text-transform: uppercase;*/
}
.middleholder {
overflow: hidden;
display: flex;
float: left;
width: 220px;
overflow: hidden;
justify-content: flex-start;
align-items: center;
padding-top: 15px;
padding-left: 15px;
}
.middleholder p {
font-size: 18px;
text-align: left;
margin-bottom: 0px;
color: #363032;
letter-spacing: -0.04em;
}
.middleholder p + p {
font-size: 18px;
text-align: right;
padding-right: 10px;
}
.middleholder p span {
font-size: 26px;
font-weight: 600;
}
/*----rightholder-----*/
.rightholder {
overflow: visible;
display: block;
float: right;
width: 440px;
padding-top: 26px;
}
.TopMenuCell a, .TopMenuCell a:hover, .TopMenuCell a:link, .TopMenuCell a:active, .TopMenuCell a:visited {
display: block;
/*padding-top: 61px;
padding-bottom: 15px;*/
font-size: 12px;
color: white;
text-align: center;
margin-right: 1px;
text-decoration: none;
cursor: pointer !important;
}
.TopMenuCell a:hover {
background-color: #ececec !important;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.TopMenuCell a:hover span {
color: #ec008c;
}
.TopMenuCell a:hover img {
height: 88px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.TopMenuCell a span {
font-size: 23px;
color: #adacab;
margin-top: -35px;
font-weight: 500;
letter-spacing: 0.03em;
}
/*--------- *** rightHolder - menu -- DO FLEXI ***-------------*/
.TopMenuCell {
display: block;
float: left;
overflow: visible;
width: calc(100% / 6 - 1px);
height: 255px;
position: relative;
margin-right: 1px;
z-index: 999;
position: relative;
}
.TopMenuCell:last-child {
margin-right: 0px;
}
.TopMenuCell a, .TopMenuCell a:hover, .TopMenuCell a:link, .TopMenuCell a:active, .TopMenuCell a:visited {
display: flex;
display: -webkit-flex;
flex-direction: column;
width: 100%;
height: 100%;
/*padding-top: 61px;
padding-bottom: 15px;*/
font-size: 12px;
color: white;
text-align: center;
text-decoration: none;
cursor: pointer !important;
letter-spacing: -0.03em;
overflow: hidden;
/*justify-content: center;
align-items: center;*/
justify-content: space-around;
align-content: space-around;
}
.homepage .TopMenuCell a {
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.homepage .TopMenuCell.firstico a {
border-left: 1px solid #e8e8e8;
}
.TopMenuCell a img {
align-self: center;
width: auto;
height: 70px;
}
.TopMenuCell .fa {
/*position: absolute;
top: 19%;
left: calc(50% - 27px);*/
font-size: 110px;
/*width: 50px;
text-align: center;
height: 52px;*/
}
/*
.uvod .fa {
position: absolute;
top: 16px;
right: 31px;
font-size: 31px;
}
.prodejny .fa {
position: absolute;
top: 16px;
right: 36px;
font-size: 31px;
}
.download .fa {
position: absolute;
top: 19px;
right: 30px;
font-size: 31px;
}
.vyhledat .fa {
position: absolute;
top: 16px;
right: 32px;
font-size: 31px;
}
.kontakty .fa {
position: absolute;
top: 16px;
right: 27px;
font-size: 31px;
} */
/*----------****------*****---------*/
/*---------------searchBox------------*/
.searchBox {
position: absolute;
top: -80px;
right: 0px;
width: 428px;
height: 48px;
}
.searchField {
width: 280px;
height: 48px;
display: block;
float: left;
background-color: white;
opacity: 0.7;
padding-left: 8px;
}
.searchButton {
width: 148px;
height: 48px;
display: block;
float: left;
border: none !important;
}
/*---------------------------boxMenu-------------------*/
.boxMenu {
width: 100%;
display: block;
overflow: visible;
position: relative;
}
.boxMenuHolder {
/*width: calc(100% - 4px);*/
display: block;
/*margin-top: -120px;*/
margin-top: 260px;
overflow: visible;
z-index: 98;
position: relative;
width: 100%;
}
.boxMenuHolder ul {
width: 100%;
display: block;
overflow: hidden;
padding-bottom: 20px;
padding-top: 25px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 0;
min-height: 229px;
}
.boxMenuHolder ul li {
list-style: none;
display: block;
float: left;
padding: 5px 0 0 35px;
width: calc(25% - 35px);
height: 46px;
margin-left: 35px;
}
.boxMenuHolder ul li .fa-li {
position: absolute;
left: 0px;
width: 1px;
top: 7px;
text-align: left;
font-size: 25px;
}
.boxMenuHolder ul li a,
.boxMenuHolder ul li a:hover,
.boxMenuHolder ul li a:link,
.boxMenuHolder ul li a:active,
.boxMenuHolder ul li a:visited {
display: block;
float: left;
padding: 10px;
padding-top: 7px;
padding-left: 25px;
background-color: transparent;
text-decoration: none;
padding-left: 35px;
margin-left: -35px;
text-transform: uppercase;
/* background: url(../img/ico-fa1.png) no-repeat 5px -2px transparent;*/
height: 38px;
overflow: hidden;
}
/*--------------------------------------------content-------------------------------------------*/
.content {
display: block;
width: 100%;
overflow: hidden;
}
/*-------------notMiss-------------------*/
.notMiss {
display: block;
height: 100px;
width: 100%;
position: relative;
overflow: hidden;
}
/*.akce {
background: url(../img/akce-ruzek.png) no-repeat 211px -3px;
} */
.manefacturer {
width: 25%;
float: right;
padding-top: 10px;
}
.product.akce::before {
content: " ";
display: block;
width: 117px;
height: 117px;
background: url(../img/akce-ruzek.png) no-repeat right;
position: absolute;
z-index: 999;
margin: -37px 173px;
}
.nothomepage .product.akce::before {
margin: -38px 184px;
}
.notMiss h2 {
text-align: center;
width: 100%;
font-weight: 200;
font-size: 40px;
margin-top: 33px;
color: black;
}
.notMiss a {
position: absolute;
top: 23px;
right: 4px;
width: 325px;
height: 55px;
border: none;
text-transform: uppercase;
background: url(../img/arrow-down.png) no-repeat 22px 19px transparent;
text-align: right;
padding-right: 40px;
font-size: 25px;
font-weight: 500;
padding-top: 14px;
}
.notMiss a:hover {
position: absolute;
top: 23px;
right: 4px;
width: 325px;
height: 55px;
border: none;
text-transform: uppercase;
background: url(../img/arrow-down.png) no-repeat 22px 19px transparent;
text-align: right;
padding-right: 40px;
font-size: 25px;
font-weight: 500;
padding-top: 14px;
}
/*-----------------notMissProducts------------------*/
.notMissProducts {
width: 100%;
min-height: 500px;
margin-bottom: 20px;
overflow: visible;
}
.product {
width: 327px;
height: 472px;
overflow: hidden;
display: block;
float: left;
box-shadow: 0px 2px 14px 7px lightgrey;
padding: 35px;
border: solid 1px lightgrey;
margin-right: 25px;
margin-bottom: 25px;
}
.product:last-child {
margin-right: 0px;
}
.imageHolder {
height: 220px;
display: table;
width: 100%;
}
.imageHolder img {
max-height: 220px;
max-width: 100%;
}
.textProductHolder h2 {
text-align: left;
width: 100%;
font-weight: 400;
font-size: 18px;
height: 37px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 16px;
}
.textProductHolder p {
text-align: left;
width: 100%;
font-weight: 300;
font-size: 15px;
height: 35px;
overflow: hidden;
line-height: 17px;
color: #373133;
}
.buttonitemholder {
height: 40px;
overflow: hidden;
width: 100px;
float: left;
}
.buttonitemholder .detailbtnitem {
padding: 8px;
padding-right: 50px;
cursor: pointer;
color: inherit;
width: 100px;
float: left;
height: 36px;
padding-top: 42px;
}
.detailbtnitem a {
display: block;
width: 329px;
height: 190px;
position: absolute;
margin: -415px -47px;
padding: 409px 38px 58px;
color: white;
font-size: 24px;
font-weight: 300;
}
.detailbtnitem a:hover {
text-decoration: none;
}
.pricing {
display: block;
float: right;
padding-bottom: 5px;
overflow: hidden;
width: 150px;
margin-top: 25px;
}
.price {
display: block;
float: right;
padding-bottom: 5px;
font-size: 26px;
margin-bottom: 0px;
}
.oldPrice {
display: block;
float: right;
font-size: 14px;
color: inherit;
width: 100%;
text-align: right;
text-decoration: line-through;
}
/*--------------------------------------------footer-------------------------------------------*/
.footer {
display: block;
width: 100%;
overflow: hidden;
}
.footerHolder {
display: block;
width: 100%;
overflow: hidden;
padding: 15px 15px 4px 38px;
}
.footer.copyrights p {
line-height: 100% !important;
}
.footerTrademark {
display: block;
overflow: hidden;
float: left;
padding-right: 20px;
}
.footerTrademark p {
font-size: 14px;
color: white;
display: block;
}
.footerAdress .fa, .footerAdress .fa, .footerTel .fa, .footerEmail .fa {
float: left;
margin-top: -1px;
font-size: 14px;
margin-left: 3px;
}
.footerAdress {
display: block;
overflow: hidden;
float: left;
padding-left: 0px;
}
.footerAdress p, .footerAdress a, .footerAdress a:hover, .footerAdress a:active, .footerAdress a:link, .footerAdress a:visited {
font-size: 14px;
color: white;
display: block;
float: left;
margin-left: 5px;
}
.footerTel {
display: block;
overflow: hidden;
float: left;
padding-left: 15px;
}
.footerTel p, .footerTel a, .footerTel a:hover, .footerTel a:active, .footerTel a:link, .footerTel a:visited {
font-size: 14px;
color: white;
display: block;
float: left;
margin-left: 5px;
}
.footerEmail {
display: block;
width: 234px;
overflow: hidden;
float: left;
padding-left: 15px;
margin-right: 0px;
}
.footerHolder p, .footerHolder a, .footerHolder a:active, .footerHolder a:link, .footerHolder a:visited
{
font-size: 14px;
color: white;
margin-left: 5px;
font-weight: 300;
}
.footerHolder a:hover {
}
.footerHolder a:hover {
text-decoration: underline;
}
.footerLine1 * {
display: block;
float: left;
}
.footerAuthor {
font-size: 14px;
margin-left: 5px;
font-weight: 300;
padding-bottom: 8px;
clear: both;
}
.footerAuthor p, .footerAuthor a, {
font-size: 14px;
color: white;
margin-left: 5px;
}
.footerAdress a, .footerEmail a, .footerAdress a {
cursor: pointer;
}
/* HEADER MENU */
.menubox{
display: flex;
float: none;
height: auto;
margin-top: 0;
font-size: 1.3em;
letter-spacing: -0.01em;
align-items: center;
justify-content: flex-end;
}
.menubox ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.menu-rozbaleno {
position: relative;
/* z-index: 99;*/
}
ul.menu-rozbaleno li {
color: #cc0000;
display: block;
float: left;
list-style-type: none;
width: auto;
}
ul.menu-rozbaleno a {
color: #fff;
display: block;
padding: 16px 20px 12px;
font-weight: 500;
font-size: 18px !important;
letter-spacing: .01em;
font-family: 'Encode Sans', sans-serif !important;
font: 18px 'Encode Sans', sans-serif !important;
}
.menubox ul li:hover > .boxmenu {
/* display: block;*/
}
.podmenu li {min-width:20px !important;}
.menubox ul.menu-rozbaleno li ul.podmenu {
background: none repeat scroll 0 0 #f3f3f3;
box-shadow: 0 12px 14px -2px rgba(0, 0, 0, 0.2);
padding: 20px 10px 5px;
position: absolute;
}
.menubox ul.menu-rozbaleno li ul.podmenu li {
display: block;
float: left;
margin: 0 0 0 10px;
min-height: 80px;
padding: 0 10px 0 0;
/*width: 165px;*/
}
.menubox ul.menu-rozbaleno li:hover ul.podmenu ul {
background: none repeat scroll 0 0 ;
box-shadow: none;
margin: 0 0 10px;
min-width: 0;
padding: 0;
position: static;
}
.menubox ul.menu-rozbaleno a:hover, .menubox ul.menu-rozbaleno li:hover a, .menubox ul.podmenu a {
background: none repeat scroll 0 0 transparent;
color: #ec008c;
position: relative;
z-index: 99;
text-decoration: initial;
border-bottom: 3px solid #ec038d;
}
ul.podmenu.simple {
width: initial;
}
.menubox ul.menu-rozbaleno li ul.podmenu li a {
color: #333;
float: none;
font-weight: 300;
margin: 0 0 12px;
padding: 0 0 7px;
border: 2px solid transparent;
}
.menubox ul.menu-rozbaleno li ul.podmenu ul li a {
color: #000000;
margin: 0;
text-transform: none;
font-weight: 300;
font-size: 17px;
padding-bottom: 5px;
}
.menubox ul.menu-rozbaleno li:hover ul.podmenu {
display: block;
z-index: 99;
}
.menubox ul.menu-rozbaleno li ul.podmenu ul li {
background: none repeat scroll 0 0 ;
float: none;
margin: 0;
min-height: 0;
padding: 0;
width: auto;
}
.menubox ul.menu-rozbaleno li ul.podmenu li.last {
background: none repeat scroll 0 0 ;
}
.menubox ul.menu-rozbaleno li ul.podmenu ul li a:hover {
opacity: .75;
}
.menubox ul.menu-rozbaleno li ul.podmenu.simple li {
min-height: initial;
float: left;
display: block;
clear: both
}
.menubox ul.podmenu.simple a:hover {
border-bottom: 2px solid #ec038d;
}
/********categoryimage */
.categoryimage-container {
color: #fff;
font-size: 2.2em;
overflow: hidden;
padding: 16px 22px 0 0;
text-align: right;
}
.categoryimage {
background: url(/img/categoryimages/categoryimage.jpg) no-repeat scroll center center white;
height: 111px;
background-size: cover !important;
display: none;
}
.categoryimage strong {
font-weight: 800;
}
/*********** vnitÅ™nĂ layout **********/
.contentsize {
max-width: 1210px;
/* background: red;*/
/* margin: 0 auto;*/
}
form[action*="SiteSimple"] .contentsize {
margin: 0 auto;
}
form[action*="SiteSimple"] .contentrazitko {
display: none;
}
.sidebar {
width: calc(50% - 605px);
margin-top: 38px;
padding-left: 10px;
padding-right: 20px;
float: left;
}
.shopcontent .sidebar {
margin-top: 61px;
}
.nothomepage.content.detail .sidebar {
margin-top: 0px;
}
.sidebar-menu-holder {
min-height: calc(100vh - 570px);
padding: 0;
}
/* MENU VNITĂ…ËśNĂÂŤ Ă…Â ABLONA - LEFTMENU*/
#folderMenuHolder {
list-style-type: disc;
padding: 0;
text-align: left;
}
#folderMenuHolder ul {
min-height: 38px;
list-style: none outside none;
padding: 0 0 0 0;
background: none !important;
}
#folderMenuHolder li {
min-height: 39px;
list-style: none outside none;
padding: 10px 0 10px 0px;
}
#folderMenuHolder li a, #folderMenuHolder li a:hover {
text-decoration: none;
font-weight: 300;
/* text-transform: uppercase; */
}
#folderMenuHolder li ul li a {
color: #000000 !important;
}
#folderMenuHolder li ul li a:hover {
}
#folderMenuHolder li.active > a {
color: #FFFFFF;
/* font-weight: 600; */
}
#folderMenuHolder li.disabled {
background: url("../img/foldermenu/gray_arrow_disabled.png") no-repeat scroll 11px 13px #EFEFEF;
}
#folderMenuHolder li.disabled > a {
color: #B7B7B7;
font-weight: 300;
cursor: no-drop;
}
#folderMenuHolder ul li ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
font-size: 0.8em;
margin: 0;
min-height: 20px !important;
padding: 5px 0 0 1px;
}
#folderMenuHolder ul li ul li:first-child {
margin-top: 13px;
}
#folderMenuHolder ul li ul li:last-child {
padding-bottom:0px;
border-bottom: 0 none;
}
#folderMenuHolder ul li ul li a {
font-size: 15px;
font-weight: 300;
padding: 4px 0 5px 40px;
text-transform: uppercase;
display: block;
}
#folderMenuHolder ul li ul li a:hover {
text-decoration: none;
}
.navmenu i.fa {
margin: 0 0 0 -20px;
width: 18px;
position: absolute;
display: none !important;
}
#folderMenuHolder .fa-li {
position: static;
padding-left: 11px;
margin-right: 5px;
width: 34px;
display: none !important;
float: left;
}
#folderMenuHolder ul li ul {
padding: 0;
}
#folderMenuHolder ol ol, #folderMenuHolder ol ul, #folderMenuHolder ul ol, #folderMenuHolder ul ul {
/*margin-bottom: 10px !important;*/
margin-top: 10px !important;
}
#folderMenuHolder ul li ul li ul {
margin: 0 0 -10px 0 !important;
}
#folderMenuHolder ul li ul li ul li{
padding-top: 0 !important;
}
#folderMenuHolder ul li ul li ul li a {
font-size: 12px !important;
margin-left: 22px;
}
ul li ul li ul li i.fa.forecolorgray {
width: 10px;
}
/* clankove menu prebarveni **/
li.siteItem.forecolor1, .siteItem .forecolor1 {
/* background: #506163 !important; */
}
/**** breadcrumbs - drobeckovka *****************/
.breadcrumbsholder {
margin-bottom: 12px;
overflow: hidden;
font-weight: 400;
font-size: 15px;
margin-top: 5px;
}
.breadcrumbstitle {
float: left;
}
.breadcrumbsholder ul.breadcrums li {
float: left;
text-align: left;
padding: 0 4px;
display: block;
height: 18px;
clear: none;
list-style: none;
margin-left: 0px;
}
.breadcrumbsholder ul.breadcrums li:before {
content: "";
}
.breadcrumbsholder ul a {
display: block;
margin: 0;
width: initial;
float: right;
padding: 0 0 0 7px;
color: #666;
font-weight: 300;
font-size: 16px;
max-width: calc(100vw - 100px);
}
.breadcrumbsholder ul.breadcrums li:first-child {
padding-left: 1px !important;
}
.breadcrumbsholder ul.breadcrums li:first-child a {
padding-left: 0 !important;
}
.breadcrumbsholder ul.breadcrums li i {
margin: 1px;
}
form[action*="jednotliv"] .breadcrumbsholder ul.breadcrums li:first-child {
padding-left: 10px !important;
}
.breadcrumbsholder.inshop ul.breadcrums li:first-child {
padding-left: 12px !important;
}
ul.breadcrums {
float: left;
padding: 0;
margin: 0;
}
.icowrpsm {
float: right;
}
.breadcrumbsholder ul li a.frst {
padding-left: 0px !important;
}
.breadcrumbsholder ul li:last-child a span,
.breadcrumbsholder ul li:last-child a span sub {
color: #ec008c;
}
.breadcrumbsholder a svg {
width: 20px;
height: 20px;
margin-left: 8px;
fill: #B8B6B7;
margin-bottom: -2px;
}
.breadcrumbsholder a svg.active,
.breadcrumbsholder a:hover svg {
fill: #ec008c;
}
/* VYPIS KATEGORII */
.categorywrapper {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
.category {
margin: 10px 0 10px 20px;
width: calc(100% / 5 - 20px);
background: transparent;
border: 1px solid #dcdcdc;
padding: 5px;
height: 186px;
color: white;
font-weight: bold;
font-size: 3em;
text-align: center;
min-width: 190px;
}
.awico {
width: 125px;
height: 115px;
display: flex;
margin: 0px auto;
background: transparent;
color: #a7002c;
font-size: 65px;
justify-content: center;
align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
}
.category a.categorylink {
text-transform: uppercase;
color: black;
font-weight: 300;
font-size: 16px;
line-height: 22px;
display: block;
}
/* VYPIS PRODUKTU */
.productswrapper {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
padding-top: 6px;
}
.productswrapper .product:last-child {
margin-right: initial;
}
.productswrapper .product {
margin: 10px 0 10px 20px;
width: calc(100% / 3 - 20px);
height: 472px;
overflow: hidden;
display: block;
float: left;
box-shadow: initial;
padding: 35px;
border: solid 1px lightgrey;
}
/* DETAIL PRODUKTU */
.productdetailleft {
display: block;
overflow: hidden;
width: 50%;
padding-bottom: 30px;
margin-right:20px;
float: left;
min-height:400px;
}
.productdetailright {
display: block;
overflow: hidden;
width: calc(50% - 21px);
padding-bottom: 30px;
float: right;
}
.cellimageholder.inproduct {
border: solid 1px lightgrey;
min-height:400px;
}
.productdetailright .prodleft, .productdetailright .prodright {
padding-bottom: 25px;
}
.prodright {
font-weight: 600;
color: black;
}
.pricebcg {
background: url(../img/pricebcg.png) no-repeat 4px 398px transparent;
}
.pricebcg {
background: url(../img/pricebcg.png) no-repeat;
display: block;
width: 164px;
height: 55px;
clear: both;
color: white;
padding: 11px 0;
text-align: center;
font-size: 25px;
font-weight: 900;
margin-left: -13px;
}
.prodleft {
color: black;
font-weight: 300;
}
span.pricebottom.forefontgray {
font-weight: 300;
font-size: 12px;
}
.row.divider {
height: 68px;
}
.cellimageholder.inproduct img {
cursor: pointer;
max-width: 100%;
padding: 15px;
}
.productTabs {
width: 100%;
clear: both;
}
.tab-pane {
padding: 7px 20px;
}
.tab-pane h2 {
padding: 7px 20px;
}
.form-group.row.productsendform {
margin: 0 auto;
float: none;
}
.form-group.row.productsendform input {
margin: 0 auto;
float: none;
width: 180px;
display: block;
}
.productTabs .tab-content {
background: #e9e9ea;
background: -moz-linear-gradient(top, #e9e9ea 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #e9e9ea 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e9e9ea 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ea', endColorstr='#ffffff',GradientType=0 );
}
ul.nav.nav-tabs li.active a {
background: #e9e9ea;
}
ul.nav.nav-tabs li a {
background: #c8c8ca;
color: #555;
border-radius: 0;
margin: 0;
width: 264px;
text-align:center;
}
.formdivider {
background: #cccccc;
height: 1px;
margin: 0 0 26px;
}
#productQuestion .formdivider { background: white; }
.form-group.formdotaz.row {
padding-top: 11px;
position: relative;
}
.fclose {
position: absolute;
right: 14px;
font-size: 25px !important;
color: #b5b5b5 !important;
cursor: pointer;
}
.fclose a {
font-size: 25px !important;
color: #b5b5b5 !important;
}
.fclose a:hover {
color: #e6007e !important;
}
/******Slider Gallery*********/
.wrapper.slideGallery {
background: #282828;
/* height: 125px; */
max-height: 113px;
overflow: hidden;
}
.wrapper.slideGallery .owl-stage {
/*margin: 0 auto;*/
/*width: initial !important;*/
margin-left: 5%;
}
.wrapper.slideGallery .owl-stage-outer{
border: 8px solid #282828;
height: 125px;
}
.slideGallery {
height: 0px;
opacity:0;
}
.Collage {
padding: 10px;
text-align: center;
}
/*****Form*****/
span.required {
position: absolute;
color: #B94A5E;
margin: -24px 0 0 -13px;
right: 0;
font-weight: bold;
}
/********************************************************************************/
/* FILELIST */
/********************************************************************************/
/* ftp adresar pro ikonny: '/img/content/file-formats/' */
.filesList ul li {
float: left;
height: 50px;
padding-left: 50px;
width: 25%;
}
.filesList ul li {
background: url("/img/content/file-formats/blank.png") no-repeat scroll 0 6px;
float: left;
height: 68px;
padding-left: 66px;
padding-top: 27px;
width: 32%;
}
.filesList ul li.zip{background:url("/img/content/file-formats/zip.png") no-repeat scroll 0 6px;}
.filesList ul li.xls{background:url("/img/content/file-formats/xls.png") no-repeat scroll 0 6px;}
.filesList ul li.txt{background:url("/img/content/file-formats/txt.png") no-repeat scroll 0 6px;}
.filesList ul li.psd{background:url("/img/content/file-formats/psd.png") no-repeat scroll 0 6px;}
.filesList ul li.png{background:url("/img/content/file-formats/png.png") no-repeat scroll 0 6px;}
.filesList ul li.pdf{background:url("../img/content/file-formats/pdf.png") no-repeat scroll 0 6px;}
.filesList ul li.mp4{background:url("/img/content/file-formats/mp4.png") no-repeat scroll 0 6px;}
.filesList ul li.mp3{background:url("/img/content/file-formats/mp3.png") no-repeat scroll 0 6px;}
.filesList ul li.jpg{background:url("/img/content/file-formats/jpg.png") no-repeat scroll 0 6px;}
.filesList ul li.gif{background:url("/img/content/file-formats/gif.png") no-repeat scroll 0 6px;}
.filesList ul li.exe{background:url("/img/content/file-formats/exe.png") no-repeat scroll 0 6px;}
.filesList ul li.docx{background:url("/img/content/file-formats/docx.png") no-repeat scroll 0 6px;}
.filesList ul li.doc{background:url("/img/content/file-formats/doc.png") no-repeat scroll 0 6px;}
.filesList ul li.xlsx{background:url("/img/content/file-formats/xls.png") no-repeat scroll 0 6px;}
.filesList ul li.xls{background:url("/img/content/file-formats/xls.png") no-repeat scroll 0 6px;}
.filesList ul li a {
color:#333333;
}
.souvisejici, .galerie, .filesList {
Padding-bottom:15px;
}
.souvisejicit, .galeriet, .filesListt {
font-size: 1.5em;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
padding-top: 23px;
}
.filesList ul {
list-style: none outside none;
padding-left: 0;
}
/**** FORM *****/
.rowOdeslat .btn-info {
border: 0 none;
}
.rowOdeslat .btn-info {
border: 0 none;
float: none;
margin: 0 auto;
display: block;
width: 132px;
}
/*******************************/
.LineName {
font-size: 41px;
font-weight: 200;
color: #a8002c;
border-bottom: 1px solid #cccccc;
padding: 10px 0;
margin-bottom: 10px;
}
.LineDescription {
font-weight: 300;
line-height: 23px;
}
/*** hledĂ¡nĂ */
.search-result-article {
display: block;
clear: both;
}
.search-result-articles-cell {
background: url("/img/search_checked_sm.png") no-repeat scroll 0px 0px;
width: 25%;
height: 50px;
padding-right: 0;
float: left;
display: block;
overflow: hidden;
}
.search-result-articles-cell a {
padding-left: 25px;
display: block;
color: #0f988f;
}
.search-result-articles-cell p span {
display: none;
}
.title-search, .titleCount, .countText {
min-height: 35px;
padding-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
float: left;
}
.title-search {
clear: both;
}
.countText {
font-weight: 900;
color: #000;
}
.countText {
font-weight: 900;
color: #000;
}
.search-result-product-cell.productItem {
background: url("/img/search_checked_sm.png") no-repeat scroll 0px 0px;
width: 25%;
min-height: 50px;
padding-right: 15px;
float: left;
display: block;
}
.search-result-product-cell.productItem a {
padding-left: 25px;
display: block;
color: #0f988f;
}
/** hover search */
.search {
width: 100%;
position: relative;
overflow: hidden;
height: 100%;
}
.search:hover .yoursearch {
display: block;
}
.searchbutton {
padding-top: 5px;
}
.searchcell {
padding-top: 2px;
}
.serchandstore1 {
overflow: hidden;
width: 84px;
float: right;
padding-top: 20px;
padding-bottom: 20px;
height: 80px;
}
.searchupcorner {
background: url("../img/arrow-up-fill.png") no-repeat scroll 145px -3px;
height: 19px;
margin: 1px 0;
position: absolute;
width: 259px;
z-index: 2;
}
.yoursearch input {
height: 29px;
margin: 0;
padding: 0;
width: 100%;
font-size: 13px;
color: #999999;
font-weight: 300;
text-align: left;
border-radius: 14px;
width: 166px;
border: 2px solid #b7b6b6;
padding: 2px 0 0 12px;
}
.yoursearch input, .yoursearch input:focus {
outline: 0;
}
.searchbutton input {
color: white;
margin: 2px 0 0 0;
width: 222px !important;
height: 36px;
border: 0 none;
}
.sendButton
{
display: block;
float: none;
margin: 0 auto;
width: 180px;
}
/*****************************************************/
.search a,
.search a img,
.searchupcorner {
display: none !important;
}
.searchcell {
padding: 0;
margin: 0;
float: right;
padding-right: 16px;
}
.searchbutton {
position: absolute;
right: 0;
width: 38px;
top: 0;
margin: 0;
padding: 0;
}
.searchbutton input {
width: 100% !important;
text-indent: 216px;
background: url(../img/icons/lupa.png) no-repeat scroll center center;
background-size: 17px;
background-color: #e8e8e8;
border: 2px solid #b7b6b6;
border-radius: 35px !important;
width: 29px!important;
height: 29px;
margin-top: 0px !important;
}
.yoursearch, .searchcontainer {
margin: 0;
padding: 0;
overflow: hidden;
}
/*------------------nakupni kosik---------------------*/
.shopcardpage {
}
/* .shopcardpage .topcategoryinfo {
min-height: 170px;
}*/
.col-md-1.productimg img {
max-width: 84px;
}
.col-md-3.producttitle a {
/*color: #109990;*/
color: #ec008c;
font-weight: 400;
}
.shopcardholder {
overflow: hidden;
margin: 0 auto;
padding-top: 40px;
margin-bottom: 40px;
}
.shopcardholder .row {
border-bottom: 1px solid lightgrey;
display: flex;
justify-content: center;
align-items: center;
}
.shopcardholder .row div {
font-weight: 300 !important;
/*text-align:center;*/
min-height: 125px;
padding-top: 58px ;
}
.shopcardholder .row:first-child div {
font-weight: 400 !important;
/*text-align:center;*/
font-size: 14px;
min-height: 40px;
padding-bottom: 0px;
padding-top: 0px;
}
.priceheader, .celkemheader {
text-align: center;
}
.celkemheader {
text-align: right;
}
.shopcardholder .row div.productimg {
display: block;
padding-top: 15px !important;
padding-bottom: 15px;
min-height:130px;
}
.shopcardholder .row div.producttitle {
display: block;
padding-top: 65px !important;
}
.shopcardholder .row div.producttitle p {
font-size: 12px;
text-transform: uppercase;
}
.shopcardholder .row div.producttitle p + p {
font-size: 18px;
text-transform: inherit;
font-weight: 500;
}
.shopcardholder .row div.productdel {
display: block;
padding-top: 70px !important;
}
.shopcardholder .row div.nonvat p {
font-size:16px;}
.shopcardholder .row div.productdel a {
font-size: 12px;
text-transform: inherit;
font-weight: 500;
background: url(../img/odstranit.png )no-repeat left;
padding-left: 18px;
/*color: #109990;*/
color: #ec008c;
}
.shopcardholder .row div.vat {
display: block;
text-align: right;
}
.shopcardholder .row div.vat p, .shopcardholder .row div.vat span {
display: block;
font-size: 16px;
font-weight: 500;
/*color: #109990;*/
color: #ec008c;
}
.shopcardholder .row div.count {
display: block;
padding-top: 56px !important;
text-align: center;
}
.shopcardholder .row div.celkem {
display: block;
}
.shopcardholder .row div.celkem p, .shopcardholder .row div.celkem span {
display: block;
font-size: 15px;
font-weight: 700;
/*color: #109990;*/
color: #ec008c;
text-align: right;
}
.shopcardholder .vatrow, .shopcardholder .nonvatrow {
border-bottom: none;
}
/* .shopcardholder .vatrow div, .shopcardholder .nonvatrow div {
padding-top: 0px !important;
min-height: 75px;
padding-top: 55px !important;
}*/
/* .shopcardholder .nonvatrow div {
padding-top: 20px !important;
}
.shopcardholder .vatrow div.pricetitle {
padding-top: 57px !important;
}*/
.shopcardholder .vatrow div.pricetitle p {
font-weight: 700;
}
.shopcardholder .vatrow div.productprice p {
font-size: 18px;
font-weight: 700;
/*color: #109990;*/
color: #ec008c;
text-align: right;
}
/* .shopcardholder .nonvatrow div.pricetitle {
padding-top: 24px !important;
}*/
.shopcardholder .nonvatrow div.pricetitle p {
font-size: 14px;
}
.shopcardholder .nonvatrow div.productprice p {
font-size: 16px;
text-align: right;
}
.bezdph p, .sdph p, .celkemheader p,
.nonvat p, .vat p, .celkem p {
text-align:right !important;
font-size:12px;
}
.bezdph p, .sdph p, .priceheader p, .celkemheader p, .discountheader p{
font-weight: 600;
font-size:12px;
text-align:right !important;
}
.shopcardholder .loader {
width: 50px;
display: block;
float: left;
padding: 0px;
margin-top: -23px;
margin-left: 20px;
padding-top: 0px !important;
}
.shopcardholder .celkem p {
display: block;
float: right;
}
.shopcardholder .loader img {
width: 35px;
}
.counter {
height: 30px !important;
width: 90px !important;
background-color: whitesmoke;
/* padding: 5px */
min-height: 35px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
margin: 0 auto;
}
.summary .counter {
padding-top: 10px !important;
background-color: transparent;
text-align:right;
}
.counter input {
display: block;
float: left;
width: 40px;
text-align: center;
border: none;
background-color: whitesmoke;
padding-top: 5px;
font-size: 14px;
}
a.counterlink, a.counterlink:hover, a.counterlink:active, a.counterlink:link, a.counterlink:visited {
display: block;
float: left;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
cursor: pointer;
text-decoration: none;
font-weight: 600;
}
.addtocardbutton .glyphicon {
margin-right: 20px;
!important;
}
.cardbuttons {
overflow: hidden;
width: 100%;
padding-bottom: 90px;
}
.cardbuttons a {
float: left;
}
.cardbuttons a + a {
float: right;
}
.orderbutton, .orderbutton:hover, .orderbutton:active, .orderbutton:link, .orderbutton:visited {
background-image: url(../img/sipickawhiteblue.png);
background-repeat: no-repeat;
background-position: center right 25px;
padding-right: 105px;
/*color: #109990;*/
color: #ec008c;
border-color: #ec008c;
color: white;
background-color: #e6007e;
border-color: #e6007e;
}
.backtoshopbutton, .backtoshopbutton:hover, .backtoshopbutton:link, .backtoshopbutton:active, .backtoshopbutton:visited {
background-image: url(../img/sipickablueleft.png);
background-repeat: no-repeat;
background-position: 14px 12px;
padding-left: 60px;
/*color: #109990;*/
color: #ec008c;
border-color: #ec008c;
}
.stepholder {
width: 100%;
padding-top: 23px;
padding-bottom: 27px;
overflow: hidden;
display: flex;
justify-content: center;
}
.stepholder .round {
border-radius: 90px !important;
margin-right: 15px;
}
.step1, .step2, .step3, .step4 {
display: block;
float: left;
margin-right: 30px;
}
.step4 {
margin-right: 0px;
}
.step1 a, .step2 a, .step3 a, .step4 a {
padding-left: 60px;
margin-left: -60px;
cursor: pointer;
/*color: #109990;*/
color: #ec008c;
}
.btn-primary {
background: #e6007e;
border: 0 none;
color: white !important;
}
.btn-primary.forecolor1, .btn-primary.forecolor1:hover {
font-weight: 500;
color: white !important;
}
.btn-primary:hover {
background-color: black;
border-color: black;
}
.btn-primary:link,
.btn-primary:active,
.btn-primary:visited
{
background-color: #e6007e;
border-color: #e6007e;
}
.payanddelivery {
overflow: hidden;
width: 100%;
padding-bottom: 15px;
padding-top: 0;
}
.delivery h2, .pay h2 {
font-weight: 600;
font-size: 20px;
}
.deliverycell, .paycell {
overflow: hidden;
width: 100%;
height: 50px;
border-bottom: 1px solid whitesmoke;
padding-top: 17px;
}
/*h2 + .deliverycell, h2 + .paycell, h2 + .invoicecell, h2 + .deliveryadresscell {
border-top: 2px solid grey;
}*/
.pay h2, .delivery h2{
border-bottom: 1px solid lightgrey;
padding-top: 20px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.deliveryadressholder {
display: block;
overflow: hidden;
}
.invoicecell, .deliveryadresscell {
overflow: hidden;
display: block;
height: 50px;
padding-top: 15px;
}
.pozn .invoicecell {
overflow: hidden;
display: block;
height: 152px;
}
h2 + .invoicecell, h2 + .deliveryadresscell {
/* border-top: 2px solid grey;*/
height: 104px;
padding-top: 64px;
}
.deliveryadresscell.shodna {
margin: -50px 0 -8px 14px;
width: 575px;
}
.invoicecell.has-error {
background-color: pink;
}
/* .delivery h2:first-child{
border-bottom: 2px solid grey;
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
}*/
.deliverycell input, .deliverycell input + p, .paycell input, .paycell input + p {
overflow: hidden;
display: block;
float: left;
font-weight: 300;
line-height: 1.2;
}
.deliverycell input + p + p, .paycell input + p + p {
overflow: hidden;
display: block;
float: right;
font-weight: 600;
/*color: #109990;*/
color: #ec008c;
}
.deliverycell input, .paycell input {
margin-top: 4px;
margin-right: 13px;
margin-left: 6px;
}
.paycell input + p.banka {
background-image: url(../img/cardpayment.jpg);
background-repeat: no-repeat;
background-position: 177px -4px;
padding-right: 200px;
height: 83px;
}
.delivery input[type=checkbox]+label, .delivery input[type=radio]+label {
margin-left: 10px;}
#folderMenuHolder ul li ul li ul li ul {
margin: 3px 0 -10px 15px !important;
}
.formInfo {
font-size: 43px;
padding: 22px 0 28px;
text-align: center;
font-weight: 100;
border-bottom: 1px solid #cccccc;
margin-bottom: 28px;
}
/** vyber osoba firma*/
.mauto .btn.selected {
background: #ec008c;
color: white;
}
/*** pocitadlo v detailu produktu*/
kusycounter {
display: block;
overflow: hidden;
width: 80px;
float: left;
margin-left: 134px;
}
.productdetailright .kusycounter {
margin-left: 0px;
}
.kusycounter .numbercounter input {
display: block;
overflow: hidden;
width: 30px;
height: 35px;
float: left;
border: 1px solid #4acbc2;
text-align: center;
font-size: 12px;
font-weight: 600;
}
.plusminus {
display: block;
overflow: hidden;
float: left;
border: 1px solid #4acbc2;
width: 17px;
height: 35px;
border-left: none;
}
.plusminus a, .plusminus a:hover, .plusminus a:active, .plusminus a:link, .plusminus a:visited {
color: #4acbc2;
width: 100%;
display: block;
overflow: hidden;
height: 17px;
font-weight: 800;
text-decoration: none;
text-align: center;
}
.plusminus a:first-child {
border-bottom: 1px solid #4acbc2;
width: 100%;
}
.numbercounter + p {
display: block;
overflow: hidden;
padding-left: 8px;
padding-top: 13px;
}
/*----------------souhrn objednavky-------------------*/
.resumeadresholder {
display: block;
overflow: hidden;
/*border-bottom: 1px solid lightgrey;*/
}
.zakaznik, .dodaciadresa, .fakturacniudaje, .uhradadoprava {
width: 25%;
display: block;
overflow: hidden;
float: left;
}
.zakaznik h2, .dodaciadresa h2, .fakturacniudaje h2, .uhradadoprava h2 {
font-size: 18px;
font-weight: 600;
width: 100%;
}
.zakaznik p, .dodaciadresa p, .fakturacniudaje p, .uhradadoprava p,
.zakaznik span, .dodaciadresa span, .fakturacniudaje span, .uhradadoprava span {
font-size: 15px;
font-weight: 300;
}
.vatrow div.col-md-8 {
padding-top: 25px !important;
}
.vatrow div.col-md-8 p {
font-size: 14px;
font-weight: 600;
width: 100%;
padding-bottom: 5px;
margin-bottom: 0px;
text-transform: uppercase;
}
.vatrow div.col-md-8 textarea, .vatrow div.col-md-8 input {
font-size: 13px;
font-weight: 300;
width: 80%;
padding: 5px;
margin-bottom: 0px;
border: 1px solid whitesmoke;
height: 60px;
}
/**************/
.textProductHolder {
min-height: 88px;
}
.textProductHolder p:empty {
display: none;
}
/**************/
.eu-cookies {
background-color: #CFD6DE;
bottom: 0;
color: #171717;
left: 0;
padding: 12px 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 9999;
opacity: .9;
}
.eu-cookies a {
background: white;
padding: 4px 11px;
margin-left: 10px;
border-radius: 5px;
font-size: 14px;
}
.butt_1 {
background: black;
cursor: pointer;
padding: 4px 11px;
margin-left: 10px;
border-radius: 5px;
color: white;
font-size: 14px;
}
/********************/
/** news*/
.newsitemImg {
float: left;
padding-right: 30px;
width: 250px;
}
.newsitemTxt {
padding-top: 18px;
height: 90px;
display: block;
float: left;
width: calc(100% - 270px);
overflow: hidden;
margin-bottom: 16px;
}
.newsitemTxt a {
font-size: 25px;
font-weight: 300;
margin-bottom: 11px;
display: block;
}
.newsitemImg a {
text-align: center;
display: block;
background: #e8e8e8;
}
.newsitemLink a {
background: black;
width: 150px;
display: block;
text-align: center;
color: white !important;
padding: 5px;
margin-bottom: 14px;
}
.newsitemLink {
float: left;
}
.newsitem {
clear: both;
margin-bottom: 24px;
display: block;
overflow: hidden;
}
.newsitem {
clear: both;
margin-bottom: 24px;
display: block;
overflow: hidden;
background: #efefef;
}
.newsitemTxt div a {
font-size: 17px;
}
.newsitem a:hover {
text-decoration: none;
}
.newsitemLink a:hover {
background: #e2001a;
}
.newsitemTxt a {
font-weight: 400;
font-size: 20px;
/* color: #003c69;*/
}
.plist1 a {
color: black;
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
.newsitemImg img {
max-height: 150px;
padding: 19px;
}
/***********************/
.menubox ul.menu-rozbaleno li:hover ul.podmenu ul li ul {
display: none;
}
.socHolder {
position: absolute;
right: 9px;
margin-top: 10px;
display: none;
}
.emptysidebar .sidebar, .identificator-clients .sidebar{
display: none;
}
.emptysidebar .contentsize, .identificator-clients .contentsize {
width: 100% !important;
}
.categoryimage-container h1 {
color: white;
float: left;
text-transform: uppercase;
text-align: left;
font-size: 36px;
margin-top: 26px;
letter-spacing: -0.045em;
width: 70%;
padding: 0;
margin: 0;
display:block;
}
.folderName {
float: right;
width: 29%;
}
.folderName {
float: right;
width: 29%;
font-weight: 800;
}
/* SLIDER */
.sldrwrp {
margin: 0px auto;
padding: 0 80px;
height: auto;
overflow: hidden;
clear: both;
display: block;
}
.slidewrp {
display: block;
height: auto;
overflow: hidden;
text-align: center;
background: transparent;
width: 299px;
float: left;
}
.slidewrp .wrapper50,
.slidewrp .sliderpicture,
.slidewrp .centerdiv,
.slidewrp .centerdiv img,
.slidewrp h4,
.slidewrp p {
display: block;
width: 100%;
clear: both;
}
.slidewrp p {
color: #666;
}
.slidewrp .wrapper50 {
height: 150px;
overflow: hidden;
margin-bottom: 20px;
margin-left: 0px;
}
.slidewrp .borderwrp {
border: none;
display: block;
width: calc(100% - 20px);
height: auto;
clear: both;
float: left;
margin-bottom: 25px;
background: white;
}
.slidewrp h4,
.slidewrp p {
margin-left: 20px !important;
margin-right: 20px !important;
display: block;
width: calc(100% - 40px);
text-align: left !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.slidewrp h4 {
font-size: 18px !important;
color: #ec008c;
height: 42px;
overflow: hidden;
text-transform: uppercase;
font-family: 'Encode Sans Condensed', sans-serif;
letter-spacing: 0.06em;
line-height: 1.2;
}
.newsSlider .slidewrp a.readMore,
.newsSliderIN .slidewrp a.readMore {
text-decoration: underline;
color: #ec008c;
float: left;
margin-left: 20px !important;
padding-left: 15px;
margin-bottom: 30px;
margin-top: 18px;
background: url("/img/sipka.png") no-repeat 0px 0px;
}
.slidewrp p {
height: 99px;
overflow: hidden;
font-weight: 300;
line-height: 140% !important;
font-size: 18px !important;
}
.newsDate {
border-top: none;
border-bottom: none;
position: relative;
background: #194c8b;
overflow: visible;
width: 100px !important;
margin: 0px auto;
padding: 8px 5px;
padding-top: 10px;
display: block;
clear: both;
color: white !important;
font-size: 14px !important;
text-align: center !important;
line-height: 1 !important;
}
.newsDate.forecolor1:after, .newsDate.forecolor1:before {
content: "";
position: absolute;
left: 50%;
margin-left: -12%;
top: -21px;
border-radius: 0px;
border: 12px solid transparent;
border-bottom-width: 12px;
border-bottom-color: #25ad6d;
z-index: 99;
}
.newsDateIco {
width: 33px;
height: 33px;
display: block;
clear: both;
margin: 18px auto;
border: 6px solid lightgrey;
border-radius: 50%;
background: white;
position: relative;
}
.newsDateIco i {
font-size: 25px;
}
.newsDateIco:before {
content: '\f106';
font-family: FontAwesome;
font-weight: 100;
font-style: normal;
font-size: 20px;
margin: 0px 0px 0px 1px;
text-decoration: none;
color: red;
}
.newsSlider,
.newsSliderIN {
background: transparent;
clear: both;
width: 100%;
display: block;
height: auto;
margin-top: 30px;
}
.catalogmiddle {
position: relative;
/*background: url("/img/linkbg.png") repeat-x;*/
background-position: 0% 410px ;
}
.linewrp {
width: 100%;
display: inline-block;
position: relative;
margin-top: 0px;
height: auto;
overflow: visible;
float: none;
clear: both;
background: transparent;
padding-bottom: 30px;
}
.linewrp .sldrwrp {
max-width: 1920px !important;
}
button.slick-next.slick-arrow {
position: absolute;
width: 47px;
height: 90px;
background-image: url("/img/frwd.png") !important;
right: -65px;
top: 190px;
}
button.slick-prev.slick-arrow {
position: absolute;
width: 47px;
height: 90px;
background-image: url("/img/bck.png") !important;
left: -65px;
top: 190px;
}
.slick-prev:before, .slick-next:before {
content: 'none';
}
/* END OF SLIDER */
.icoholder {
width: 1213px;
display: block;
clear: both;
float: none;
position: absolute;
top: -90px;
z-index: 999;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
background: white;
}
.icobar .icoholder {
top: 0;
}
.icobar {
width: 100%;
height: 100px;
position: absolute;
top: 100px;
background-image: url(/img/teplomer.png);
z-index: 1;
background-repeat: repeat-x;
opacity: .95;
}
.icobar .ldbar {
height: 2px;
}
.icobar .TopMenuCell.icocolor1 {
height: 96px;
}
.icobar .TopMenuCell a {
justify-content: center;
align-items: center;
flex-direction: row;
}
.icobar .TopMenuCell a img {
order: 1;
align-self: center;
width: auto;
height: 36px;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
opacity: .5;
}
.TopMenuCell.active a span {
color: #ec008c;
}
.TopMenuCell.active a img,
.icobar .TopMenuCell a:hover img {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
opacity: .99;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.icobar .TopMenuCell a span {
order: 2;
align-self: center;
padding: 29px 0 0 13px;
font-size: 19px;
letter-spacing: 0.05em;
}
.slider {
display: block;
position: relative;
z-index: 0;
}
.bottom.icobar {
width: auto;
position: absolute;
bottom: -2px;
top: auto;
background-image: none;
display: block;
clear: both;
z-index: 999;
background: white;
}
.bottom.icobar .icoholder {
border-bottom: 2px solid #ec008c;
}
.collageGallery {
display: block;
position: relative;
clear: both;
width: 100%;
height: auto;
overflow: hidden;
}
.twclms {
display: block;
width: 100%;
height: auto;
clear: both;
margin-top: 25px;
}
.icswrp {
/*display: block;*/
width: 100%;
min-height: 625px;
height: auto;
overflow: hidden;
background: transparent;
/* background: #f8f8f8;*/
}
.ftrtxtwrp {
width: 72%;
margin-left: 120px;
float: left;
padding-right: 26%;
}
.ftrtxtwrp h1 {
font-size: 45px;
font-weight: 600;
margin-top: 220px;
color: #ec008c;
letter-spacing: 0.05em;
text-align: left;
}
.ftrtxtwrp h2 {
/*font-size: 30px;*/
font-size: 26px;
font-weight: 400;
margin-top: 15px;
color: #adacab;
letter-spacing: .05em;
}
.ftrtxtwrp h4 {
font-size: 45px;
font-weight: 600;
margin-top: 220px;
color: #ec008c;
letter-spacing: 0.05em;
}
.ftrtxtwrp h4 span {
display: block;
clear: both;
color: #adacab;
line-height: 125%;
font-weight: 200;
font-size: 40px;
padding-top: 13px;
}
.ftrtxtwrp p {
font-size: 19px;
font-weight: 400;
line-height: 140%;
color: #adacab;
margin-top: 19px;
margin-bottom: 20px;
}
.ftrtxtwrp a {
text-decoration: underline;
color: #ec008c;
float: left;
padding-left: 15px;
margin-bottom: 0;
margin-top: 18px;
background: url(/img/sipka.png) no-repeat 0px 0px;
}
.ffootercopyrght {
display: flex;
display: -webkit-flex;
flex-direction: row;
justify-content: space-between;
align-content: space-between;
width: 100%;
min-height: 125px;
height: auto;
clear: both;
background: white;
}
.lftlogowrp,
.mddltxtwrp,
.rghtcrtfwrp {
min-height: 125px;
height: auto;
}
.lftlogowrp {
width: 10%;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
margin-left: 115px;
}
.mddltxtwrp {
width: 70%;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: flex-start;
padding-left: 20px;
flex-direction: column;
}
.mddltxtwrp a:active,
.mddltxtwrp a:focus,
.mddltxtwrp a:visited,
.mddltxtwrp a {
color: #666;
text-decoration: underline;
}
.mddltxtwrp a:hover {
color: #666;
text-decoration: none;
}
.rghtcrtfwrp {
width: 20%;
display: flex;
display: -webkit-flex;
flex-direction: row;
justify-content: flex-end;
align-content: center;
padding-right: 120px;
}
.rghtcrtfwrp img {
align-self: center;
max-width: 60px !important;
}
.vschnovk {
width: 100%;
height: auto;
display: block;
text-align: center;
}
.vschnovk a {
color: #ec008c;
text-decoration: underline;
}
.slidewrp a.mre:active,
.slidewrp a.mre:focus,
.slidewrp a.mre:visited,
.slidewrp a.mre:hover,
.vschnovk a:active,
.vschnovk a:focus,
.vschnovk a:visited,
.vschnovk a:hover,
.ftrtxtwrp a:active,
.ftrtxtwrp a:focus,
.ftrtxtwrp a:visited,
.ftrtxtwrp a:hover {
color: #ec008c;
}
.TopMenuCell,
.icocolor1 a {
color: black !important;
background: white;
}
.icocolor1 a i {
color: #ec008c;
}
.middleholder .homearticlecontent {
display: block;
/* width: 320px; */
font-size: 17px;
font-weight: 700;
color: #ec008c;
/* margin-top: 19px; */
height: 30px;
}
.menubox > ul > li > a {
height: 71px;
}
.menubox > ul.menu-rozbaleno > li:hover > a {
border-bottom: 0 none;
}
.menubox {
margin-top: 25px;
}
.menubox ul li a {
color: #adacab;
}
.ficons.fprvni {
margin-left: 1.5vw;
}
.ficons.fposledni {
margin-right: 2.5vw;
}
ul.menu-rozbaleno li.ficons a {
padding: 10px 5px;
}
.ldbar {
display: block;
width: 0%;
height: 8px;
background-color: #ec008c;
-webkit-transition: width 0s; /* Safari */
transition: width 0s;
}
.ldbar.big {
width: 100%;
-webkit-transition: width 3s; /* Safari */
transition: width 3s;
}
.ldbar.small {
width: 0%;
-webkit-transition: width 0s; /* Safari */
transition: width 0s;
}
.srchwrp {
/* width: calc((100% - 1215px) / 2);*/
width: 222px;
position: relative;
float: right;
}
.searchAndLang {
width: 100%;
height: 100%;
justify-content: center;
display: flex;
align-items: center;
}
.searchAndLang a {
display: block;
width: 29px;
height: 29px;
float: left;
overflow: hidden;
}
.searchAndLang {
margin: 0;
}
.langHolder {
width: 29px;
height: 29px;
}
.searchHolder {
position: relative;
width: 190px;
height: 29px;
}
.searchAndLang a.lupa {
margin-right: 25px;
}
.searchAndLang a.lang {
margin-right: 70px;
}
.searchAndLang a.lupa img,
.searchAndLang a.lang img {
width: auto;
height: 29px;
}
.searchAndLang a.lang img:hover {
transform: translate(-29px,0px);
}
.mainmenu {
float: left;
/* width: calc(100% - 440px);*/
width: calc(100vw - 925px);
}
.cellwrp {
width: calc(100% - 5px);
height: 419px;
}
.cellwrp.lft {
float: left;
}
.cellwrp.rght {
float: right;
}
.cellicoimg {
display: block;
margin-bottom: 30px;
}
.ttlhldrwrp {
display: block;
width: 100%;
clear: both;
height: auto;
text-align: center;
}
.newshldrwrp {
display: block;
width: 100%;
clear: both;
height: auto;
text-align: center;
margin-top: 40px;
}
.ttlhldrwrp h2,
.newshldrwrp h2 {
font-size: 50px;
font-weight: 200;
}
.ttlhldrwrp h2 {
color: #adacab;
margin-top: 0px;
padding-top: 70px;
letter-spacing: 0.03em;
}
.icnshldrwrp {
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% - 300px);
clear: both;
height: auto;
min-height: 380px;
margin: 60px auto;
float: none;
align-content: space-between ;
justify-content: space-between;
padding-left: 110px;
}
.cellwrp.rght {
background: url("/img/pneu.png") no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.cellwrp.lft {
background: url("/img/loko.png") no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.cellwrp.rght a,
.cellwrp.lft a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
a .cellicoclaim,
a .cellicotitle {
/* background: url("/img/icons/ico-pink-bg.png") no-repeat;*/
background-size: cover;
padding: 10px 30px;
font-size: 45px;
font-weight: 200;
color: white;
background-color: rgba(236, 0, 140, 0.8);
text-align:center;
}
.ichldr {
width: 85px;
height: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
.mddltxtwrp div {
font-weight: 200;
font-size: 13px;
padding-left: 24px;
line-height: 130%;
}
.mddltxtwrp span a {
font-weight: 400;
}
.standard_article h1,
.standard_article h2,
.articlcnt h1,
.articlcnt h2,
.shopcontent h1 {
font-size: 45px;
font-weight: 100 !important;
color: #ec008c !important;
padding-bottom: 15px;
/*text-align: center;*/
}
.breadcrumbstitle {
float: left;
display: none;
}
.xls100 {
width: 100%;
height: auto;
display: block;
float: left;
}
.xls50 {
width: 50%;
height: auto;
display: block;
float: left;
padding-right: 0px;
padding-left: 10px;
}
.xls50:first-child {
padding-right: 10px !important;
padding-left: 0px !important;
}
.content.webwidth {
width: 100%;
max-width: 1205px;
padding-left: 25px;
}
p img {
margin: 0px auto;
display: block;
float: none;
}
.articlcnt img {
display: block;
float: left;
margin: 5px;
}
.articlcnt table, .webcontent table {
width: 100%;
clear: both;
display: table;
margin-top: 25px;
margin-bottom: 25px;
border: 0 none;
}
.articlcnt table tr th,
.articlcnt table tr:first-child td,
.webcontent table tr th {
text-align: left !important;
border: 1px solid #ec008c;
border-bottom: none;
padding: 12px;
background: #FCE5EF;
color: #ec008c !important;
}
.articlcnt table tr th *, .articlcnt table tr:first-child td *, .webcontent table tr th * {
color: #ec008c !important;
}
.articlcnt table tr td, .webcontent table tr td, td.hasrowspan {
text-align: left;
padding: 12px;
/* background: #EDEDED;*/
background-clip: padding-box;
border-top: 0 none !important;
border-right: 0 none !important;
border-bottom: 1px solid #ec008c !important;
border-left: 1px solid #ec008c !important;
}
.loginHolder .articlcnt table tr td, .webcontent table tr td, td.hasrowspan
{
border-bottom: 0 none !important;
border-left: 0 none !important;
}
.loginHolder td[id*="TextBoxLogin_ETC"],
.loginHolder td[id*="TextBoxPassword_ETC"]
{
color: #ec008c !important;
font-size: 13px;
left: -24px;
}
.loginHolder img[id*="_EI"]
{
margin: 3px 3px 0 -10px;
}
.newsSlider .slidewrp .centerdiv,
.newsSliderIN .slidewrp .centerdiv {
/* background: url(/Images/bwlogosensit.png) no-repeat;*/
align-items: center;
justify-content: center;
display: flex;
background-size: 50%;
background-position: center;
overflow: hidden;
}
.newsSlider .slidewrp .centerdiv a,
.newsSliderIN .slidewrp .centerdiv a {
min-width: 171px;
/* background: red; */
min-height: 77px;
display: grid;
align-items: center;
justify-content: center;
}
.newsSlider .centerdiv img,
.newsSliderIN .centerdiv img {
min-height: 126px;
width: auto;
height: auto;
max-height: 128px;
max-width: 100%;
-webkit-box-shadow: 0px 0px 34px 9px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 34px 9px rgba(255,255,255,1);
box-shadow: 0px 0px 34px 9px rgba(255,255,255,1);
background: white;
}
.articlcnt table tr td:first-child, .webcontent table tr td:first-child {
/* border-left: none;
border-right: none;*/
}
.articlcnt table tr td:first-child:not(.TDhaveROWSPAN), .webcontent table tr td:first-child,
.articlcnt table tr td:first-child strong, .webcontent table tr td:first-child strong {
font-weight: 700 !important;
}
.articlcnt table tr td strong, .webcontent table tr td strong {
font-weight: 700 !important;
}
.articlcnt table tr td:first-child, .webcontent table tr td:first-child {
/* width: 20%;*/
}
.articlcnt table tr td, .webcontent table tr td {
/* width: 100%;*/
}
.webcontent table tr td {
width: inherit;
}
.articlcnt table tr td:nth-child(2n), .webcontent table tr td:nth-child(2n) {
/* border-right: none;*/
}
.WebContent .articlcnt a.cnctcsprvsr {
max-width: 350px;
color: white !important;
background: #ec008c;
padding: 15px 20px;
margin: 75px auto;
display: flex;
justify-content: center;
align-items: center;
}
.articlcnt a.cnctcsprvsr:hover {
color: white !important;
background: #ec008c90;
}
.prdctswrp {
width: 100%;
height: auto;
min-height: 500px;
flex-wrap: wrap;
justify-content: flex-start;
display: flex;
}
.prdctswrp .prdctitemwrp {
width: calc(33% - 13px);
height: 405px;
/* display: block; */
/* float: left; */
background: white;
padding: 0px;
margin: 0px;
margin-right: 25px;
margin-bottom: 25px;
display: flex;
max-width: 390px;
}
/* two items */
/*
.prdctswrp .prdctitemwrp:first-child:nth-last-child(2),
.prdctswrp .prdctitemwrp:nth-child(2):nth-last-child(1) {
width: calc(50% - 16px);
justify-content: space-around;
align-items: center;
} */
.prdctswrp.rowview .prdctitemwrp {
width: 100%;
height: 155px;
margin-right: 0px;
}
.prdctswrp .prdctitemwrp:nth-child(3n) {
margin-right: 0px;
}
.prdctswrp .prdctitemwrp .prdctswrpa {
width: 100%;
height: 100%;
padding-bottom: 25px;
display: block;
position: relative;
max-width: 390px;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa {
padding-bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.prdctswrp .prdctitemwrp .prdctswrpa .imgwrp {
width: 100%;
height: 250px;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
overflow: hidden;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa .imgwrp {
width: 235px;
height: auto;
max-height: 155px;
display: flex;
justify-content: center;
align-items: center;
float: left;
padding: 15px;
}
.prdctswrp .prdctitemwrp .prdctswrpa .imgwrp img {
height: auto;
display: flex;
min-height: 100%;
/* width: 100%; */
max-width: 100%;
margin-top: 0;
mix-blend-mode: multiply;
max-height: 100%;
/* min-width: 100%; */
}
.prdctswrp .prdctitemwrp .prdctswrpa.CategoryList .imgwrp img {
min-width: 100%;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa .imgwrp img {
margin-top: 0px;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa .imgwrp img {
height: auto;
display: flex;
max-height: 100%;
width: auto;
max-width: 100%;
}
.prdctswrp .prdctitemwrp .prdctswrpa p {
text-align: center;
color: #ec008c;
text-transform: uppercase;
font-size: 21px;
line-height: 122%;
margin-top: 20px;
margin-bottom: 18px;
width: 100%;
height: 82px;
overflow: hidden;
padding: 6px 30px;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa p {
margin-top: 22px;
margin-left: 35px;
width: 50%;
height: 110px;
float: left;
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
/* align-items: flex-start; */
align-items: center;
line-height: 130%;
}
.prdctswrp .prdctitemwrp .prdctswrpa span {
width: 235px;
height: 45px;
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
/* background: #B8B6B7; */
background: #ec008c;
color: white;
font-weight: 400;
position: absolute;
right: 0;
bottom: 0;
width: 50%;
}
.prdctswrp.rowview .prdctitemwrp .prdctswrpa span {
background: #ec008c;
/* margin-top: 40px; */
}
a.categorylink, a.prodlink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -5000px;
opacity: 0;
}
.prdctswrp .prdctitemwrp:hover {
text-decoration: none;
background: #ec008c0d;
}
.prdctswrp .prdctitemwrp:hover span {
text-decoration: none;
background: #ec008c;
}
.prdctitemwrp span img {
margin-left: 15px;
}
.tabCount5 .wrapper ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-bottom: 0px;
margin-bottom: 0px;
padding: 0;
}
.tabCount5 .wrapper ul li {
width: calc(100% / 5 - 20px);
height: 41px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.tabCount5 .wrapper ul li#liTab1 {
margin-left: 0px;
}
.tabCount5 .wrapper ul,
.tabCount5 .wrapper ul li {
list-style: none !important;
}
.tabCount5 .wrapper ul li:before {
content: '' !important;
}
.tabCount5 .wrapper ul li a,
.tabCount5 .wrapper ul li a:active,
.tabCount5 .wrapper ul li a:focus,
.tabCount5 .wrapper ul li a:visited {
color: #7D7B7C !important;
width: 100%;
height: 100%;
text-align: center;
border: 2px solid #7D7B7C;
border-bottom: none;
text-transform: uppercase;
font-size: 17px !important;
display: flex;
align-items: center;
justify-content: center;
}
.tabCount5 .wrapper ul li.active a,
.tabCount5 .wrapper ul li a:hover {
color: #ec008c !important;
border: 2px solid #ec008c !important;
border-bottom: none !important;
}
.tbswrp {
border-bottom: 2px solid #ec008c;
}
.tplmttl {
margin: 0px auto;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.tplmttl p,
.tplmttl h1 {
width: auto;
height: auto;
text-align: center;
color: white;
font-size: 50px;
font-weight: 400;
line-height: 100%;
margin-left: 0;
padding: 0 0;
margin-top: 4px;
}
.menuicons {
width: 100%;
height: 40px;
background: none;
margin-bottom: 13px;
}
.menuicons .TopMenuCell,
.menuicons .TopMenuCell.icocolor1 a {
background: none;
}
.menuicons .TopMenuCell a,
.menuicons .TopMenuCell {
width: 45px;
height: 36px;
}
.menuicons .TopMenuCell a img {
order: 1;
align-self: center;
width: auto;
height: 33px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .5;
}
.menuicons .TopMenuCell:hover,
.menuicons .TopMenuCell.icocolor1 a:hover {
background: none !important;
background-color: none !important;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.menuicons .TopMenuCell.active a img,
.menuicons .TopMenuCell a:hover img {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
opacity: .99;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ProductArticleContent h3 {
margin-top: 0px;
text-transform: uppercase;
}
.articlcnt table tr:hover td, .trhover td, td.trhover {
/* background: rgba(255, 255, 255, 0.38) !important;*/
}
.articlcnt tbody:hover,
.articlcnt tr.hover,
.articlcnt th.hover,
.articlcnt td.hover,
.articlcnt tr.hoverable:hover {
/*background: rgba(255, 255, 255, 0.38) !important;*/
}
tbody {
background: #ededed;
}
tbody:hover tr:hover td[rowspan], tr:hover td,
tr.xtrhover td.xhasrowspan:first-child,
tr:not(.eeTRhover) + tr.eeTRhover td:first-child {
background: rgba(255, 246, 250, 0.78) !important;
}
tr:not(.eeTRhover) + tr.eeTRhover td:first-child + td.eehover {
/*background: rgba(255, 246, 250, 0.78) !important;*/
}
tr.xtrhover.eeTRhover td.xhasrowspan.eehover:first-child {
background: rgba(255, 246, 250, 0.78) !important;
}
tr:not(.eeTRhover) + tr.eeTRhover td + td.xhasrowspan.xtrhover.eehover{
background: rgba(255, 246, 250, 0.78) !important;
}
tr:not(.xtrhover).eeTRhover + tr.eeTRhover td.xhasrowspan.xtrhover.eehover
{
background: rgba(255, 246, 250, 0.78) !important;
}
.loginHolder tbody {
background: transparent!important;
}
.loginHolder tbody:hover tr:hover td[rowspan], tr:hover td,
.loginHolder tr.xtrhover td.xhasrowspan:first-child,
.loginHolder tr:not(.eeTRhover) + tr.eeTRhover td:first-child {
background: transparent!important;
}
.loginHolder tr:not(.eeTRhover) + tr.eeTRhover td:first-child + td.eehover {
background: transparent!important;
}
.loginHolder tr.xtrhover.eeTRhover td.xhasrowspan.eehover:first-child {
background: transparent!important;
}
.loginHolder tr:not(.eeTRhover) + tr.eeTRhover td + td.xhasrowspan.xtrhover.eehover{
background: transparent!important;
}
.loginHolder tr:not(.xtrhover).eeTRhover + tr.eeTRhover td.xhasrowspan.xtrhover.eehover
{
background: transparent!important;
}
.tab-content div#tab2 {
background: white;
overflow: hidden;
}
.icnshldrwrp h2 {
color: #acabaa;
margin-top: 0px;
padding-top: 0;
letter-spacing: 0.03em;
font-size: 50px;
font-weight: 100;
margin-bottom: 65px;
}
/******* FOLDERCONTENT*********/
.folderContent {
padding: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
}
.folderContent .itemDate, .folderContent .itemPerex {
display: none;
}
.fnapsali .folderContent .itemDate, .fnapsali .folderContent .itemPerex {
display: block;
display: block;
min-height: 40px;
border-bottom: 1px solid lightgrey;
border-left: 1px solid lightgrey;
}
.folderContent .folderItem {
width: calc(50% - 10px);
float: left;
margin-bottom: 20px!important;
padding: 0;
position: relative;
}
a.folderlink {
text-transform: uppercase;
}
a.folderlink:before {
width: 100%;
height: 100%;
position: absolute;
background: rgba(255,255,255,0);
transition: background .25s;
}
.folderItemInner {
display: block;
width: 100%;
overflow: hidden;
height: auto;
}
.folderContent .folderItemInner .folderItemInnerImg {
background-position: 50% 50%!important;
}
.folderContent .folderItem .folderItemInner div.foldera, .folderContent .folderItemInner .folderItemInnerImg {
width: inherit;
}
.folderContent .folderItemInner .folderItemInnerImg {
display: block;
height: 225px;
margin: 0 auto;
background-size: cover !important;
background-color: #f7f7f7 !important;
}
form[action*="vystavujeme"] .folderContent .folderItemInner .folderItemInnerImg {
background-size: contain !important;
}
.folderContent .folderItemInner i {
display: none !important;
}
.folderContent .folderItem .folderItemInner div.foldera, .folderContent .folderItemInner .folderItemInnerImg {
width: inherit;
}
.fnapsali .folderContent .folderItem .folderItemInner div.foldera {
padding: 0 10px;
min-height: 62px;
height: inherit;
display: flex;
margin: 0 auto!important;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
min-height: 99px;
background: white !important;
border-left: 1px solid lightgrey;
}
.folderItem .folderItemInner div.foldera {
color: #ea2ea2 !important;
text-align: left;
/* padding: 0 17px 0 58px; */
font-size: 15px;
/* min-height: 69px; */
/* margin-bottom: 15px;*/
display: block;
-webkit-justify-content: flex-start;
background: #ffffff !important;
margin-right: 15px;
overflow: hidden;
}
.folderItem .folderItemInner div.foldera span {
width: 235px;
height: 45px;
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
/* background: #B8B6B7; */
background: #ec008c;
color: white;
font-weight: 400;
margin-bottom: 25px;
}
.folderItem .folderItemInner div.foldera span img {
margin-left: 15px;
}
.folderContent .folderItem:first-child {
display: none;
}
.folderaholder {
width: 100%;
text-align: center !important;
color: #ea2ea2 !important;
font-size: 19px !important;
font-weight: 500 !important;
display: flex;
align-items: center;
justify-content: center;
height: 66px;
}
a.folderlink, a.folderlink * {
text-decoration: none !important;
}
.productinfoholder:after, .second:before, a.folderlink:before {
content: "";
}
a.folderlink:hover:before {
background: rgba(255,255,255,.18);
transition: background .25s;
}
a.folderlink:before, a.folderlink:hover:before {
-webkit-transition: background .25s;
-moz-transition: background .25s;
}
a.folderlink:before {
width: 100%;
height: 100%;
position: absolute;
background: rgba(255,255,255,0);
transition: background .25s;
}
/******************************************************************/
li.siteItem {
display: none;
}
li.shopItem {
display: none;
}
.shopcontent li.shopItem
{
display: block;
}
.webcontent li.siteItem {
display: block;
}
/***************************************************************/
.shopAction {
display: none !important;
}
select#brand {
display: none;
}
.slider.nothomepage.productslider {
display: none;
}
form[action*="/cz/produkt"] .slider.nothomepage.productslider,
form[action*="/en/produkt"] .slider.nothomepage.productslider,
form[action*="ShopContent.aspx"] .slider.nothomepage.productslider {
display: block;
}
form[action*="/cz/produkt"] .slider.nothomepage.productslider .sliderpicture,
form[action*="/en/produkt"] .slider.nothomepage.productslider .sliderpicture{
height: 561px;
}
.slider.nothomepage.productslider .sliderholder {
height: 561px;
}
form[action*="/cz/produkt"] .shopcontent .breadcrumbsholder,
form[action*="/en/produkt"] .shopcontent .breadcrumbsholder
{
margin-left: 0px;
}
form[action*="/cz/produkt"] .nothomepage.minslider.categoryslider,
form[action*="/en/produkt"] .nothomepage.minslider.categoryslider {
display: none;
}
form[action="/cz/produkty/"] .contentwrapper h1, form[action="/cz/produkty/"] .breadcrumbsholder,
form[action="/en/products/"] .contentwrapper h1, form[action="/en/products/"] .breadcrumbsholder {
display: none !important;
}
form[action*="/cz/produkt"] .sidebar, .ProductArticleContent ,
form[action*="/en/produkt"] .sidebar, .ProductArticleContent {
margin-top: 25px;
}
iframe.msodealers.msodealers {
width: 100%;
opacity: 0;
/* height: 5000px; */
}
iframe.msoregform {
border: 0 none;
width: 64%;
/* height: 1300px; */
min-height: calc(100vh - 241px);
overflow-x: hidden;
overflow-y: hidden;
margin: 0 auto;
display: block;
}
iframe.msodealers.ifranimated {
opacity: 1;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
}
form[action*="/obchodni-zastupci"] .sidebar,
form[action*="/obchodni-zastupci"] .contentrazitko {
display: none;
}
form[action*="/obchodni-zastupci"] .contentsize {
width: calc(100% - 0px) !important;
max-width: calc(100% - 0px) !important;
}
form[action*="/obchodni-zastupci"] .row1_content_wrapper1 {
padding: 0;
}
form[action*="/obchodni-zastupci"] .nothomepage.content {
padding: 30px 0 0;
background: none;
margin-bottom: -37px;
}
form[action*="/obchodni-zastupci"] .breadcrumbsholder {
display: flex;
justify-content: center;
}
form[action*="/obchodni-zastupci"] .col-md-12 {
background-image: url(/img/loadring.gif) !important;
background-repeat: no-repeat;
background-position: center 200px;
background-size: 80px;
}
.sidebar div#folderMenuHolder {
visibility: hidden;
}
.loaded div#page:not(.nezobrazovatmenu) .sidebar div#folderMenuHolder {
visibility: visible;
}
/*
.sidebar {
display: none;
}
*/
/*
.nezobrazovatmenu .contentsize {
max-width: 1230px !important;
margin: 0 auto;
}
*/
.article-image {
display: none;
}
.slick-dots li {
background: white;
border-radius: 50px;
border: 1px solid #b7b6b647;
}
.slick-dots {
bottom: 80px;
/* position: absolute; */
/* background: red; */
}
li.slick-active {
background: #e6007e;
}
li.slick-active {
background: #e6007e;
/* border: 2px solid black; */
}
.slick-dots li button {
opacity: 0;
}
.sliderbcg .slick-dots {
bottom: 104px;
/* position: absolute; */
/* background: red; */
}
.slider.nothomepage .slick-dots {
bottom: 25px;
}
.slider.nothomepage .wrapper.wstopro.minsliderxxx .slick-dots {
bottom: 15px;
}
.slider.nothomepage .minslider .slick-dots {
bottom: 15px;
}
.big-prev.slick-arrow::after {
background: url(/img/slarrow-left-white.png) no-repeat;
width: 26px;
height: 90px;
position: absolute;
left: 20px;
bottom: 205px;
content: " ";
z-index: 1;
cursor: pointer;
}
.big-next.slick-arrow::after {
background: url(/img/slarrow-right-white.png) no-repeat;
width: 26px;
height: 90px;
position: absolute;
right: 20px;
bottom: 205px;
content: " ";
z-index: 1;
cursor: pointer;
}
.slider.nothomepage .minslider .big-prev.slick-arrow::after, .slider.nothomepage .minslider .big-next.slick-arrow::after {
bottom: 38px
}
.productslider .big-next.slick-arrow::after {
background: url(/img/slarrow-right-black.png) no-repeat;
}
.productslider .big-prev.slick-arrow::after {
background: url(/img/slarrow-left-black.png) no-repeat;
}
.productslider .big-next.slick-arrow{
opacity: 0.25;
position: absolute;
bottom: 106px;
width: 26px;
height: 90px;
right: 0;
z-index: 1;
}
.productslider .big-prev.slick-arrow{
opacity: 0.25;
position: absolute;
bottom: 116px;
width: 26px;
height: 90px;
z-index: 1;
left: 0;
}
.slider.nothomepage.productslider .big-prev.slick-arrow::after, .slider.nothomepage.productslider .big-next.slick-arrow::after {
bottom: 0
}
.slider.nothomepage.productslider .slick-dots {
bottom: 52px;
width: CALC(40% + 122PX);
right: 0;
display: flex !important;
}
.productslider .slick-dots li {
background: transparent;
border-radius: 50px;
border: 1px solid #e7e7e6;
}
.productslider .slick-dots li.slick-active {
background: #e6007e;
border-radius: 50px;
border: 1px solid #e7e7e6;
}
.sliderrazitko {
position: absolute;
background: url(/img/razitko.png) no-repeat;
margin-top: -172px;
width: 167px;
height: 166px;
margin-left: 32px;
/* overflow: visible; */
}
/*.homerazitko {
position: absolute;
background: url(/img/razitkog.png) no-repeat;
margin-top: -185px;
width: 167px;
height: 166px;
margin-left: 32px;
right: 32px;
}*/
.contentrazitko {
position: absolute;
background: url(/img/razitkog.png) no-repeat;
margin-top: -107px;
width: 167px;
height: 166px;
margin-left: 32px;
/* overflow: visible; */
right: 32px;
}
.shopcontent .contentrazitko {
bottom: 68px;
margin-top: 0;
}
.shopcontent #folderMenuHolder ul.sidebar-menu ul {
display: none !important;
}
.shopcontent #folderMenuHolder ul.sidebar-menu ul.containactive,
.shopcontent #folderMenuHolder ul.sidebar-menu li.forecolor1.shopItem.active.sub ul{
display: block !important;
}
.shopcontent .breadcrumbsholder {
margin-left: -11px;
}
.shopcontent .sidebar {
margin-top: 39px;
}
.productslider .sliderpicture {
padding-top: 8px;
}
.tab-pane.tab img {
margin: 0 auto;
border: 0 none !important;
float: none;
}
div#tab4Sensit * {
/* display: none;*/
}
div#tab4Sensit h2 {
display: block;
}
/*
.tabsoubory a {
width: 305px;
height: 45px;
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
background: #ec008c;
color: white;
font-weight: 400;
padding-right: 38px;
position: relative;
}
.tabsoubory a::after {
content: " ";
position: absolute;
width: 23px;
height: 20px;
right: 19px;
top: 13px;
background: url(/img/arrowprdct.png) no-repeat;
} */
/*
.tabsoubory a {
width: 208px;
height: 36px;
margin: 78px 0 0 43%;
display: flex;
align-items: center;
background: white;
color: black;
font-weight: 400;
position: relative;
padding-left: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
}
.tabsoubory a:hover {
background: #ec008c;
color: white;
}
.tabsoubory a::before {
content: " ";
position: absolute;
width: 47px;
height: 53px;
left: 0;
top: -13px;
background: url(/img/pdfsensit.png) no-repeat;
margin-left: -45px;
} */
.tabsouboryItemPopis {
display: flex;
align-items: center;
justify-content: flex-start;
width: calc(100% - 165px);
float: left;
height: 60px;
padding-right: 5px;
}
.tabsouboryItemLinks {
display: flex;
align-items: center;
justify-content: flex-end;
width: 162px;
float: left;
height: 60px;
padding-right: 0;
}
.tabsouboryItemPopis img {
margin: 0 !important;
padding-left: 9px;
padding-right: 18px;
height: 62px;
}
.tabsouboryItemLinks a {
padding: 12px;
}
div#productQuestion {
background: #ffffff;
padding: 12px 24px 35px 38px;
}
.tabsouboryItem {
background: white;
overflow: hidden;
padding: 16px 6px;
margin-bottom: 1px;
}
div#tab5Sensit, div#tab1Sensit{
padding: 0;
}
.tabsoubory {
padding-top: 21px;
}
.tabsouboryItemLinks a:hover {
text-decoration: underline;
}
small.help-block {
position: absolute;
right: -144px;
top: 3px;
}
div#productQuestion div, div#productQuestion label {
color: #312F30;
}
div#productQuestion .col-lg-6.dtitle {
font-weight: 900;
font-size: 28px;
margin-top: 13px;
color: #737373;
}
div#productQuestion label.col-lg-2.control-label.dtitleleft {
padding-top: 20px;
}
div#productQuestion label.col-lg-2.control-label.dtitleleft {
padding-top: 20px;
}
div#productQuestion label.col-lg-2.control-label {
padding-top: 5px;
}
div#productQuestion .col-lg-8.s.odeslat a {
border: 0 none;
border-radius: 0;
background: #e6007e;
color: white !important;
font-weight: 900;
margin: 0 0 0 -10px;
}
div#productQuestion textarea.form-control , div#productQuestion input.form-control {
border-radius: 0;
padding: 5px;
}
.manefacturer {
display: none;
}
.WhiteContent {
background: white;
padding: 0 17px;
}
.WhiteContent.NoWhiteHolder {
background: transparent;
padding: 0 ;
}
div#sliderGallery {
margin-top: 20px;
background: white;
display: block;
}
div#sliderGallery img {
width: calc(25% - 3px);
margin: 0 0 -2px;
}
.icontxtwrpHolder {
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
padding-left: 2vw;
}
.sldrwrp.infooter .newshldrwrp {
margin-top: 33px;
}
.NewsDate.forecolor {
display: block;
overflow: hidden;
/* background: #f2f1f1;*/
clear: both;
padding: 12px 16px 0 29px;
color: #e6007e;
}
.news_article, form[action*="snimac-segment"] .standard_article {
background: white;
padding: 8px 10px 20px;
}
.news_article h1, form[action*="snimac-segment"] .standard_article h1{
margin-top: 5px;
margin-bottom: 2px;
}
.news_article img {
padding: 20px 0 30px;
}
li.shopItem sub, li.shopItem sup {
color: unset;
font-weight: unset;
font-size: unset;
}
.formInfo {
display: none;
}
.content.contentsize .formular {
background: white;
padding: 40px 40px 65px 40px;
}
.nothomepage.content {
background-color: #ffffff;
}
.nothomepage.content.animated {
background-color: #f2f1f1;
-webkit-transition: all .75s;
-moz-transition: all .75s;
transition: all .75s;
transition-delay: 0s;
opacity:1;
}
.sidebar,
.WebContent,
.prdctswrp,
.contentwrapper,
.sliderholder {
/* opacity: 0;*/
opacity:1;
}
.sidebar.animated,
.WebContent.animated,
.prdctswrp.animated {
opacity: 1;
-webkit-transition: all .48s;
-moz-transition: all .48s;
transition: all .48s;
}
.contentwrapper.animated {
opacity: 1;
-webkit-transition: all .48s;
-moz-transition: all .48s;
transition: all .48s;
/* transition-delay: .5s;*/
}
.sliderholder.animated {
opacity: 1;
-webkit-transition: all .45s;
-moz-transition: all .45s;
transition: all .45s;
}
.breadcrums {
opacity: 0;
padding-left: 50px !important;
}
.breadcrums.animated {
padding-left: 0px !important;
opacity: 1;
-webkit-transition: all .45s;
-moz-transition: all .45s;
transition: all .45s;
}
.sliderholder {
-webkit-transition: all .18s;
-moz-transition: all .18s;
transition: all .18s;
/* opacity: 0;*/
opacity:1;
}
.formular {
opacity: 0;
margin-top: 50px !important;
}
.formular.animated {
margin-top: 0px !important;
opacity: 1;
-webkit-transition: all .48s;
-moz-transition: all .48s;
transition: all .48s;
}
.item.slide.minislider {
max-height: 320px !important;
}
/*** FIX SCROLL HEIGHT BLIK *****/
body {
min-height: calc(100vh + 5px);
}
.scrollToTop {
width: 75px;
height: 65px;
padding: 10px;
text-align: center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 37px;
right: 40px;
display: none;
background: rgba(0, 0, 0, 0.61);
text-indent: 5000px;
z-index: 9999;
}
.scrollToTop:before {
content: '\f077 ';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 29px;
color: white;
padding: 0;
display: block;
margin: 5px 11px;
position: absolute;
text-align: center;
text-indent: 0;
}
.WOW .header {
position: absolute;
}
.header.scrolled {
position: fixed;
top: -100px;
}
.header.scrolled.fixed {
position: fixed;
top: 0;
z-index: 999999;
-webkit-box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.57);
-moz-box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.57);
box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.57);
-webkit-transition: all 0.85s ease-in-out;
-moz-transition: all 0.85s ease-in-out;
-o-transition: all 0.85s ease-in-out;
transition: all 0.85s ease-in-out;
}
.bigSliderx {
background: white;
}
.FolderCircles.PrimNovinky .folderItem:last-child {
display: none;
}
.FolderCircles.PrimNovinky .folderItem:first-child {
display: block;
}
li.gonews {
border: 0 none !important;
background: #ec008c;
width: 80%;
margin: 0 auto;
margin-top: 28px;
text-align: center;
position:relative;
}
#folderMenuHolder .sidebar-menu-holder ul.sidebar-menu li.gonews a, #folderMenuHolder .sidebar-menu-holder ul.sidebar-menu li.gonews a:hover {
color: white !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
li.gonews:hover {
opacity: .8 !important;
}
.productbgimg .slideadholder {
display: none;
}
img.prdlightboximages {
right: 0;
position: absolute;
width: 50vw;
opacity: 0;
cursor: pointer !important;
}
a.prdlightboximages {
right: 0;
position: absolute;
width: 50vw;
opacity: 0;
cursor: pointer!important;
max-height: 150px;
display: block
}
a.prdlightboximages img.ProdGalleryItemImage {
max-width: 100%;
width: 100%;
margin-top: -20px;
max-height: 400px
}
/******* SEARCH RESULT **************/
.search-result-articles-cell a, .search-result-product-cell.productItem a {
color: #fff;
margin-top: -3px;
background-color: #afafaf;
overflow: hidden;
height: 40px;
line-height: 125%;
font-size: 14px !important;
}
.search-result-article {
display: -webkit-flex;
-webkit-flex-wrap: wrap;
clear: both;
justify-content: flex-start;
-webkit-justify-content: flex-start;
flex-wrap: wrap
}
.search-result-articles-cell, .search-result-product-cell.productItem {
min-height: 50px;
padding: 0 8px !important;
display: block;
background: none;
}
.search-result-articles-cell a {
display: block;
font-size: 19px;
text-align: center;
padding: 4px 25px;
}
.search-result-articles-cell p span, .search-result-articles-cell span+a {
display: none
}
.countText, .title-search, .titleCount {
min-height: 35px;
padding-top: 19px;
margin-right: 15px;
margin-bottom: 9px;
float: left;
font-size: 15px;
text-align: right;
}
.countText {
color: #000
}
.search-result-product {
display: -webkit-flex;
-webkit-flex-wrap: wrap;
clear: both;
justify-content: flex-start;
-webkit-justify-content: flex-start;
flex-wrap: wrap
}
.search-result-product, .search-result-article {
margin: 0 -7px;
}
.row-1col.row-default hr {
display: none;
}
.search-result-product-cell.productItem {
padding-right: 15px;
display: block
}
.search-result-product-cell.productItem a {
display: block;
font-size: 19px;
text-align: center;
padding: 4px 25px
}
.search-result-product-cell.productItem,
.search-result-articles-cell {
min-height: 90px;
}
.search-result-articles-cell a, .search-result-product-cell.productItem a {
min-height: 80px;
padding-top: 19px;
align-items: center;
display: block;
justify-content: flex-start !important;
text-align: left;
}
.search-result-product-cell.productItem, .search-result-articles-cell {
width: 33%; }
form[action*="/vyhledavani"] h1 {
text-align: center;
color: #e6007e;
}
.search-result-articles-cell a:hover, .search-result-product-cell.productItem a:hover {
background: #e6007e;
transition: all .5s;
color: white;
}
/********************************************/
.folderItem.Archiv {
display: none;
}
.SensitNovinkyPage .NewsDate.forecolor,
.SensitNovinkyPage .sidebar
{
display: none;
}
.SensitNovinkyPage .content.contentsize {
width: 100% !important;
}
.SensitNovinkyPage .content.contentsize {
width: 100% !important;
padding: 20px;
max-width: 100% !important;
}
.SensitNovinkyPage .news_article {
background: transparent;
}
.SensitNovinkyPage .news_article h1 {
text-align: center;
margin: -54px 0 14px 0 !important;
}
.SensitNovinkyPage .folderContent .folderItem {
width: calc(20% - 0px);
padding-right: 19px;
}
.SensitNovinkyPage .folderaholder {
font-weight: 300 !important;
height: 58px;
overflow: hidden;
line-height: 25px !important;
font-size: 18px !important;
color: #666 !important;
width: calc(100% - 40px);
text-align: left !important;
display: block;
margin-left: 20px !important;
margin-right: 20px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
text-transform: initial;
}
.SensitNovinkyPage .folderContent .folderItem:first-child {
display: block !important;
}
.SensitNovinkyPage .folderContent {
justify-content: flex-start;
-webkit-justify-content: flex-start;
margin-right: -8px;
}
.SensitNovinkyPage .breadcrumbsholder {
padding: 0 12px;
}
.SensitNovinkyPage .folderItem .folderItemInner div.foldera span {
color: #ec008c;
float: left;
margin-left: 20px !important;
padding-left: 15px;
/* margin-bottom: 30px; */
margin-top: 18px;
background: url(/img/sipka.png) no-repeat 0px 0px;
width: auto;
height: auto;
padding: 0 0 0 21px;
text-transform: initial;
}
.news_article img {
padding: 5px 0 30px;
/*max-height: -webkit-fill-available;*/
max-height: 700px;
max-width: 100%;
}
.SensitNovinkyPage .folderItem .folderItemInner div.foldera span img {
display: none;
}
.SensitNovinkyPage .folderContent .folderItemInner .folderItemInnerImg {
background: url(/Images/bwlogosensit.png) center no-repeat;
background-position: center !important;
/* background-size: 67% !important;*/
background-size: contain !important;
}
.newshldrwrp h2 a {
color: #b7b6b6!important
}
div#productQuestion {
padding-top: 29px;
padding-left: 23px;
}
div#productQuestion .sendok,
div#productQuestion .sendok-cached {
color: green !important;
text-align: center;
font-weight: 500;
font-size: 22px;
padding-top: 8px;
}
li.leftakce {
display: none !important;
}
li.lefnavlib {
background: #c5006b;
}
.homearticlecontent {
overflow: hidden;
}
.TopMenuCell a:hover img {
height: 85px;
}
#folderMenuHolder .TopMenuCell a img {
height: 29px;
}
#folderMenuHolder .TopMenuCell a:hover img {
height: 34px;
}
.icobar .TopMenuCell a img {
height: 33px;
}
.icobar .TopMenuCell a:hover img {
height: 47px;
}
.xls100.ProductTabsContent {
overflow: hidden;
}
div#questionformcontent .thankMesage {
color: green;
text-align: center;
font-weight: 500;
font-size: 22px;
padding-top: 18px;
}
nav#menu {
top: 0;
position: fixed;
}
.seofooterin {
padding: 25px 115px;
}
.seofooter {
margin: 0 auto;
background: #171717;
}
.seofooterin h2 {
font-size: 15px;
color: #afafaf;
}
.seofooterin .article_cell_0_0_0xIrhN {
padding: 0 21px 0 3px;
}
.seofooterin .article_cell_0_0_0xIrhN p {
font-weight: 300;
font-size: 13px;
line-height: 23px;
}
/*******************************************************************************
.leftholder {
background: #e6ddd8;
}
.middleholder {
background: #cccccc;
}
.mainmenu {
background: #ffd7d7;
}
.centertopholder {
background: green;
}
.HamburgerMenuTriggerHolder.relativeversion {
background: red;
}
.srchwrp {
background: green;
}
/*****************************************************************************/
.articletable table {
position: relative;
width: calc(100% + 2px);
margin-left: -1px;
border-collapse: inherit !important;
}
.articletable table tr{
border-bottom: 1px solid #ec008c;
}
.en-GB .seofooter,
.en-GB .homerazitko,
.en-GB .contentrazitko {
display: none !important;
}
.cs-CZ .langHolder.inEN{
display: none;
}
.en-GB .langHolder.inCZ{
display: none;
}
.cs-CZ.b2bsensit .langHolder.inCZ,
.en-GB.b2bsensit .langHolder.inEN
{
display: none !important;
}
.cs-CZ .b2blh.langHolder.inCZ,
.en-GB .b2blh.langHolder.inEN
{
display: none !important;
}
.cs-CZ.b2bsensit .b2blh.langHolder.inCZ,
.en-GB.b2bsensit .b2blh.langHolder.inEN
{
display: block !important;
}
.cs-CZ .b2blh.langHolder.inEN{
display: none !important;
}
.en-GB .b2blh.langHolder.inCZ{
display: none !important;
}
.logolink.b2b
{
display: none;
}
.b2bsensit a.logolink
{
display: none;
}
.b2bsensit .logolink.b2b
{
display: block;
}
/******* fix jazykovky výpis - nebere kultůru *****/
/* napĹ™.: https://www.sensit.cz/cz/certifikaty-ohsas-5936/ *****/
/*.cs-CZ .tabsouboryItem:nth-of-type(even) {
display: none;
} */
ul.breadcrums li:nth-child(2) {
display: none;
}
a.wflhide {
display: none;
}
form[action*="novinky-sensit"] div#gonews,
form[action*="more-news"] div#gonews,
form[action*="novinky-sensit"] .folderItem:last-child,
form[action*="more-news"] .folderItem:last-child
{
display: none !important;
}
.articleveliciny {
height: 255px;
position: relative;
border-top: 8px solid #e6007e;
margin-top: 61px;
}
.articleveliciny a {
justify-content: space-around;
align-content: space-around;
flex-direction: column;
height: calc(100% - 0px);
width: calc(100% - 0px);
display: flex;
background-color: #ffffff;
margin: 0;
border-right: 1px solid #f2f1f1;
}
.articleveliciny a img {
align-self: center;
width: auto;
height: 70px;
/*filter: contrast(10%) brightness(1000%);*/
}
.articleveliciny a span {
font-size: 23px;
color: #adacab;
margin-top: -35px;
font-weight: 500;
letter-spacing: 0.03em;
text-align: center;
}
.articleveliciny a span sub {
color: #adacab;
font-weight: 500;
}
.articleveliciny a:hover span,
.articleveliciny a:hover span sub {
color: #ec008c;
}
.articleveliciny a:hover img {
height: 85px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
/* filter: contrast(100%) brightness(100%);*/
}
.articleveliciny a:hover {
background-color: #ececec !important;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
form[action="/cz/produkty/"] .icoholder {
display: none;
}
form[action="/cz/produkty/"] .nothomepage.content.webcontent.animated{
min-height: 250px;
}
/* last migrovano ze sensit 2018 */
.jeGonews .webcontent li.siteItem {
display: none !important;
}
.jeGonews .webcontent li.siteItem.sensitshow {
display: block !important;
}
a.newslettermlink {
position: absolute;
top: 0;
left: 0;
text-indent: -5000px;
/* background: red; */
width: 100%;
height: 100%;
}
.sldrwrp {
opacity: 0;
}
.sldrwrp.animated {
opacity: 1;
-webkit-transition: all .44s;
-moz-transition: all .44s;
transition: all .44s;
}
.folderItem.linkvalueNewsletter .folderItemInner .folderItemInnerImg {
background-size: contain !important;
}
.harticle * {
text-align: center;
}
.harticle h2{
text-align: center;
color: #b7b6b6;
font-size: 50px;
font-weight: 200;
}
/* end */
.reticle,
.reticleName
{display:none !important;}
.row.pozn textarea
{
max-height:100px !important;}
.pcontainer {
display: block;
position: absolute;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
/* background: red; */
height: 27px;
cursor: pointer;
z-index: 1;
}
.payanddelivery .pcontainer input {
margin-left: -25px !important;
}
.deliverycell input[type=radio], .deliverycell input[type=radio]+p, .deliverycell .pcontainer+p, .pay input[type=radio], .pay input[type=radio]+p, .pay .pcontainer+p {
display: block;
float: left;
}
.pcontainer input:checked~.checkmark {
background-color: #ec008c;
}
.pcontainer .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eaeaea;
border-radius: 50%;
}
.delivery .pcontainer+p {
position: relative;
}
.pay .pcontainer+p, .delivery .pcontainer+p {
padding: 1px 0 0 33px;
font-weight: 500;
}
.deliverycell input[type=radio], .deliverycell input[type=radio]+p, .deliverycell .pcontainer+p, .pay input[type=radio], .pay input[type=radio]+p, .pay .pcontainer+p {
display: block;
float: left;
}
.deliverycell input[type=radio]+p+p, .deliverycell .pcontainer+p+p, .pay input[type=radio]+p+p, .pcontainer+p+p {
display: block;
float: right;
min-width: 1px;
}
.deliverycell input[type=radio]+p+p, .deliverycell .pcontainer+p+p, .pay input[type=radio]+p+p, .pcontainer+p+p {
display: none !important;
}
.pcontainer .checkmark:after {
top: 9px;
left: 9px;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: white !important;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.ppcontainer .checkmark {
position: absolute;
top: -5px;
left: 14px;
height: 25px;
width: 25px;
background-color: #eaeaea;
}
.ppcontainer input:checked~.checkmark {
background-color: #ec008c;
}
.ppcontainer input:checked~.checkmark:after {
display: block;
}
.ppcontainer .checkmark:after {
left: 8px;
top: 5px;
width: 8px;
height: 12px;
border: solid #eaeaea;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.shopcardcontent1 .control-label {
font-weight: 500;
color: black;
}
.emptyCart {
padding-top: 30px;
color:#ec008c ;
font-size:20px;
}
.cartend
{
margin-top:60px;
display:block;
overflow:hidden;
text-align:center;}
.cartend span.objok
{
font-size:26px;
font-weight:300;
color:#ec008c;
line-height: 1.6;}
.loginHolder
{
width: 100%;
max-width: 500px;
margin: 33px auto 25px;
background-color: White;
border-radius: 0px;
padding: 39px 0 24px;
-webkit-box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 11px 8px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
}
.nothomepage.content.webcontent.nezobrazovatmenu.SimpleSiteTemplate {
min-height: 500px;
}
.loginHolder table
{
width: 100%;
clear: both;
background: transparent;
max-height: 60px;
}
.loginHolder table
{
max-height: 60px;
display: block;
overflow: hidden;
}
.loginHolder .loginRow.logged table
{
max-height: 130px;
display: block;
overflow: hidden;
}
.loginHolder table tr {
border-bottom: none !important;
border: none !important;
}
.loginHolder table .articlcnt table tr td,
.loginHolder table .webcontent table tr td,
.loginHolder table td.hasrowspan,
.loginHolder table table tr td {
text-align: left;
padding: 12px;
/*background-color: white!important*/
background-color: transparent !important;
background-clip: padding-box;
border-top: 0 none !important;
border-right: 0 none !important;
border-bottom: 0 none !important;
border-left: 0 none !important;
}
.loginRow
{
height:50px;
}
.loginRow.maxRow {
min-height:1px;
height: auto;
}
.loginRow span
{
display:block;
width: 40%;
float:left;
padding-top: 0px;
font-size: 18px;
color: #ec008c;
text-align:right;
}
.loginRow table
{
display:block;
width: 55%;
float:right;
margin-top: -37px;
}
.loginRow.logged table
{
display: block;
width: 72%;
float: right;
margin-top: -70px;
}
.loginRow .dxbButton_MetropolisBlue,
.loginRow .dxbButtonHover_MetropolisBlue {
color: white !important;
background-color: #ec008c !important;
border: 1px solid #ec008c !important;
width: 140px;
border-radius: 3px;
float: left;
margin: -23px 0 0 38px;
padding: 4px;
}
.loginRow .dxbButton_MetropolisBlue span,
.loginRow .dxbButtonHover_MetropolisBlue span
{
color: white !important;
padding-top: 0px;
width:100%;
text-align:center;}
.loginLink
{
display: block;
float: right;
position: relative;
/* right: 196px; */
/* top: 10px; */
border: none;
background: none;
color: #ec008c;
font-size: 18px;
padding-left: 30px;
}
.loginLink:before
{
content: url(../img/loginuser.png);
position: absolute;
text-align: center;
left: 0px;
top: 1px;
}
.loginRegistrace {
display: flex;
justify-items: flex-start;
padding-left: 28px;
position:relative;
}
.shoptop {
min-width: 206px;
}
.cartLink {
display: block;
float: right;
position: relative;
border: none;
background: none;
color: #ec008c;
font-size: 18px;
padding-left: 30px;
margin-left: 15px;
}
.cartLink:before
{
content: url(../img/cartIn.png);
position: absolute;
text-align: center;
left: 0px;
top: -5px;
}
.cartLink div.dxb {
position: absolute;
top: -1px;
right: 3px;
color: white;
display: flex;
justify-content: center;
align-items: center;
justify-items: center;
min-width: 30px;
padding: 0px !important;
}
.cartLink div.dxb span{
color: white;
font-size: 10px;
font-weight: 500;
text-align: center;
min-width: 20px;
}
.profilLink {
display: block;
float: right;
position: relative;
/* right: 196px; */
/* top: 10px; */
border: none;
background: none;
color: #ec008c;
font-size: 18px;
padding-left: 30px;
}
.profilLink:before
{
content: url(../img/loginuser.png);
position: absolute;
text-align: center;
left: 0px;
top: 1px;
}
.logOffHolder {
padding: 30px;
}
.logOffHolder .regLink {
display: block;
float: right;
position: relative;
/* right: 196px; */
/* top: 10px; */
border: none;
background: none;
color: #ec008c;
font-size: 18px;
padding-left: 30px;
}
.logOffHolder .regLink:before
{
content: " ";
position: absolute;
text-align: center;
left: 0px;
top: 0px;
width: 34px;
background: url(../img/logout.png);
height: 30px;
background-size: contain;
background-repeat: no-repeat;
}
.logOffHolder .regLink span {
font-weight: 500;
}
.regLink {
display: none !important;
}
.dn.regLink {
display: none !important;
}
.logOffHolder .regLink,
.registerLink .regLink {
display: block !important;
}
.passwordRegisterHolder {
display: flex;
align-items: center;
justify-content: center;
}
.personType .btn {
background-color: grey;
color: white;
outline: none!important;
}
.registerLink {
/*display: block;*/
display: none;
height: 30px;
border: none;
background: none;
}
.registerLink .dxbButton {
color: #636363;
font: 16px Tahoma, Geneva, sans-serif;
border: none;
background: none;
padding: 1px;
width: initial !important;
}
.personType .btn.selected {
background-color: #ec008c !important;
color: white;
}
h1.loginh1 {
font-size: 45px;
font-weight: 100 !important;
color: #ec008c !important;
padding-bottom: 0;
text-align: center;
}
.ShopSimpleTemplate h1{
font-size: 45px;
font-weight: 100 !important;
color: #ec008c !important;
padding-bottom: 0;
text-align: center;
}
.shopcardholder {
-webkit-box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 11px 8px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
background: white;
margin-top: 30px;
overflow: hidden;
padding:30px;
}
.shopcardINholder {
-webkit-box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 11px 8px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
background: white;
margin-top: 30px;
margin-bottom: 40px;
overflow: hidden;
padding:30px;
position: relative;
}
.col-md-12.shopcardcontent1 {
overflow: visible;
}
.loginHolder .loginRow input {
padding: 5px;
}
.loginHolder .loginRow input {
padding: 5px;
border: 1px solid silver;
margin-top: -3px;
border-radius: 3px;
font-weight: 300;
font-size: 15px;
}
ul.slick-dots li:only-child {
display: none;
}
.Registerholder .personType {
padding-top: 30px;
display: none;
}
.Registerholder {
-webkit-box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 11px 8px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
width: calc(100% - 40px);
margin-left: 20px;
background: white;
margin-top: 30px;
overflow: hidden;
margin-bottom: 30px;
}
button.RegisterBtn.btn {
font-size: 18px;
background: #ec008c;
color: white;
float: right;
padding: 9px 30px;
margin-right: 16px;
margin-bottom: 16px;
}
a.meobtn.btn-lg.btn.btn-primary.orderbutton.nabidkabutton {
background: gray;
position: relative;
width: 211px;
margin-right: 21px;
}
a.meobtn.btn-lg.btn.btn-primary.orderbutton.nabidkabutton:before {
content: '\f0e0 ';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 24px;
color: white;
position: absolute;
text-align: center;
right: 15px;
top: 4px;
}
.form-control-feedback {
/*right: -10px;*/
right: 20px;
}
.podmsouhlas .form-control-feedback {
right: 5px;
top: -7px;
}
.VerificationHolder h1 {
font-size: 45px;
font-weight: 100 !important;
color: #ec008c !important;
padding-bottom: 0;
text-align: center;
}
.VerificationWin {
margin: 0 auto;
max-width: 600px;
-webkit-box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 0px 11px 8px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 8px rgb(0 0 0 / 20%);
padding: 25px;
background: white;
margin-top: 30px;
overflow: hidden;
}
.VerificationWin > table {
width: 100% !important;
}
.VerificationWin > table tbody {
background: white;
}
.VerificationBUTT {
display: flex;
align-items: center;
justify-content: center;
padding-top: 23px;
}
.VerificationLeft {
width: 50%;
float: left;
}
.VerificationRight {
width: 50%;
float: left;
}
.VerificationLeft span {
text-align: right;
display: block;
padding-right: 5px;
width: 100%;
font-size: 17px;
}
.VerificationRight span {
text-align: left;
/* font-weight: 500; */
padding-right: 5px;
width: 100%;
font-size: 17px;
color: #ec118f;
}
.VerificationWin .mezera {
padding-top: 8px;
}
.VerificationBUTT .dxbButton_MetropolisBlue {
background: #ec179d;
padding: 5px 64px;
border: 0 none;
color: white;
font-size: 16px;
border-radius: 3px;
}
.VerificationBUTT .dxbButton_MetropolisBlue:hover {
background: black;
}
.VerificationWinOk {
text-align: center;
font-weight: bold;
color: green;
}
.VerificationWinErr {
text-align: center;
font-weight: bold;
color: red;
}
.VerificationWinHolder {
padding-top: 22px;
}
.PasswordReset {
text-align: center;
padding-bottom: 2px;
width: 162px;
}
.PasswordReset a {
color: #636363;
}
.resetRow {
padding: 0 40px 18px;
text-align: center;
}
.PasswordResetDivider {
padding-bottom: 3px;
display: none !important;
}
span.fergottitle {
padding-bottom: 14px;
display: block;
}
input.fergoinput.form-control {
margin-bottom: 14px;
}
input.btn.btn-lg.btn-primary.btn-block.forgotbtn {
max-width: 237px;
margin: 0 auto;
}
.resetInfo {
text-align: center;
}
/*-------------konfigurator a kosik----------------*/
label.pcontainer + p label{
font-weight: 500;
}
.shopcardholder .row div.productimg,
.shopcardholder .row div.producttitle,
.shopcardholder .row div.productdel,
.shopcardholder .row div.nonvat,
.shopcardholder .row div.vat,
.shopcardholder .row div.count,
.shopcardholder .row div.celkem,
.shopcardholder .row div.noborder
{
display: flex;
padding-top: 0px !important;
align-items: center;
justify-content: flex-end;
}
.shopcardholder .row div.producttitle p,
.shopcardholder .row div.nonvat p,
.shopcardholder .row div.vat p,
.shopcardholder .row div.count p,
.shopcardholder .row div.celkem p,
.shopcardholder .row div.noborder p {
margin-bottom: 0px !important;
}
.shopcardholder .row div.productdel a {
display: block;
height: 40px;
}
.shopcardholder .row div.pricetitle,
.shopcardholder .row div.productpriceNoVat,
.shopcardholder .row div.productpriceVat {
min-height: 1px !important;
padding-top: 30px;
}
.shopcardholder .row div {
padding-top: 30px;
}
.shopcardholder .row.nonvatrow div {
padding-top: 15px;
}
.shopcardholder .row.nonvatrow div p,
.shopcardholder .row.vatrow div p {
text-align: right;
}
.col-md-3.producttitle a {
font-size: 14px;
}
/*------------companyInfoHolder------------------*/
.companyInfoHolder
{
display: block;
width: 100%;
min-height: 1px;
height: auto;
overflow: hidden;
clear: both;
background: url(/img/ffoter_bg.webp?a=1) no-repeat;
background-position: right;
background-size: cover;
margin-top: 10px;
}
a.videoLink {
width: 100%;
background: none !important;
padding-left: 0px;
margin-bottom: 20px !important;
}
/*----------------animIconsHolder---------------------*/
.greyBackg {
display: block;
background-color: #f8f8f8;
min-height: 300px;
padding: 30px;
padding-bottom: 30px;
}
.animIconsHolder {
display: flex;
align-items: center;
justify-content: space-evenly;
padding-bottom: 30px;
flex-wrap: wrap;
}
.greyBackg h2 {
width: 100%;
text-align: center;
font-size: 50px;
font-weight: 200;
clear: both;
color: #b7b6b6;
}
.animIconsCell {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
max-width: 250px;
}
.animIconsImg
{
padding: 10px;
text-align: center;
overflow:hidden;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.animIconsImg img
{
width: 100%;
transition: all .2s ease-in-out;
}
.animIconsImg img.Anim {
display: none;
}
.animIconsCell:hover .animIconsImg img.Anim ,
.animIconsCell.hover:not(.hovering) .animIconsImg img.Anim
{
display: block;
}
.animIconsCell:hover .animIconsImg img.noAnim ,
.animIconsCell.hover:not(.hovering) .animIconsImg img.noAnim
{
display: none;
}
.animIconsText {
text-align: center;
line-height: 1.4;
font-size: 24px;
color: #b7b6b6;
}
/* .animIconsCell:hover img {
transform: scale(1.1);
-webkit-filter: grayscale(100%) brightness(0.50);
filter: grayscale(100%) brightness(0.50);
}*/
/*-----------footerInfoContacts---------------------*/
.greyBackg .webwidth {
max-width: 1405px;
width: 100%;
}
.footerInfoContacts
{
display: flex;
justify-content: space-evenly;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
flex-wrap: wrap;
}
.footerSocial,
.footerProducts
{
width: 100%;
max-width: 200px;
}
.footerContact {
width: 100%;
max-width: 210px;
}
.footerNewsLetter {
width: 100%;
max-width: 220px;
}
.footerQuickLinks {
width: 100%;
max-width: 180px;
}
.footerInfoContacts h3
{
color: #ec008c;
font-weight: 400;
font-size: 16px;
}
.footerSocial {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
}
.footerSocial a,
.footerSocial a:hover,
.footerSocial a:active,
.footerSocial a:link,
.footerSocial a:visited
{
display: block;
padding: 12px;
width: 100%;
min-width: 200px;
color: white;
font-size: 16px;
background-color: #ec008c;
margin-bottom: 20px;
text-align: center;
cursor: pointer;
height: 40px;
position: relative;
padding-left: 45px;
}
.footerSocial a:first-child:before {
content: url(../img/zadat-poptavku.png);
position: absolute;
left: 18px;
top: 5px;
}
.footerSocial a:first-child + a:before {
content: url(../img/sjednat-schuzku.png);
position: absolute;
left: 18px;
top: 5px;
}
.emailNewsLetterForm {
width: 100%;
display: block;
}
a.newsletterOK,
input.newsletterOK {
display: block;
padding: 12px;
width: 100%;
min-width: 200px;
color: white;
font-size: 16px;
background-color: #ec008c;
margin-bottom: 20px;
text-align: center;
cursor: pointer;
height: 40px;
position: relative;
padding-left: 45px;
border: 0 none;
background-image: url("/img/newsletter.png");
background-repeat: no-repeat;
background-position: 15px 10px;
}
a.newsletterOK:before,
input.newsletterOK:after
{
content: url(/img/newsletter.png);
position: absolute;
left: 15px;
top: 10px;
}
input, select, textarea, option, button {
outline: none!important;
}
.emailNewsLetter::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #b7b6b6;
opacity: 1; /* Firefox */
}
.emailNewsLetter:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #b7b6b6;
}
.emailNewsLetter::-ms-input-placeholder { /* Microsoft Edge */
color: #b7b6b6;
}
.footerSocial .socialLinks a {
background-color: initial ;
width: initial;
min-width: initial;
}
.footerNewsLetter {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footerNewsLetter input[type="email"],
.footerNewsLetter input.emailNewsLetter
{
height: 40px;
width: 100%;
padding: 3px;
margin-bottom: 0px;
border: none;
margin-top: 20px;
text-align: center;
color: #666 !important;
font-size: 15px !important;
}
.footerProducts ul li,
.footerQuickLinks ul li
{
color: #ec008c;
position: relative;
z-index: 999;
list-style-type: disc;
font-size: 26px;
font-weight: 300;
margin: 1px 8px 10px -8px;
color: white;
font-size: 19px;
list-style: none !important;
}
.footerProducts ul li:before,
.footerQuickLinks ul li:before
{
color: #ec008c;
content: '\f0c8';
font-family: FontAwesome;
position: absolute;
float: left;
margin: 6px 0 0 -21px;
font-size: 11px;
}
.homerazitko {
position: absolute;
background: url(/img/razitkog.png) no-repeat;
margin-top: 24px;
width: 167px;
height: 166px;
margin-left: 32px;
/* overflow: visible; */
right: -170px;
}
.socialLinks {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.socialLinks a:first-child + a,
.socialLinks a:first-child + a + a
{
/* display: none;*/
}
.socialLinks a:first-child:before {
content: url(../img/facebook.png);
position: absolute;
left: 0px;
top: 0px;
}
.socialLinks a:first-child + a:before {
content: url(../img/instagram.png);
position: absolute;
left: 0px;
top: 0px;
}
.socialLinks a:first-child + a+ a:before {
content: url(../img/linkedin.png);
position: absolute;
left: 0px;
top: 0px;
}
.footerInfoContacts ul {
padding-left: 30px;
font-size: 14px;
}
.footerInfoContacts ul li a {
font-size: 16px;
}
.ytvhome {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: hsl(0deg 0% 0% / 85%);
display:none;
}
.ytvhomein {
padding: 50px;
width: calc(100% - 100px);
display: flex;
align-items: center;
justify-content: center;
}
.ytvhome.visible {
display: block;
}
img.ytvhomeclose {
position: absolute;
right: 12px;
top: 13px;
cursor: pointer;
}
.ytvhomein {
padding: 100px 50px 50px;
width: calc(100% - 11px);
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - 10px);
}
iframe#videoFRAME {
height: calc(100vh - 50px );
padding-bottom: 50px;
}
.podmsouhlas {
display: flex;
justify-items: center;
}
.podmsouhlas .control-label {
padding-right: 23px !important;
min-height: 100px !important;
}
.en-GB .harticle,
.en-GB .footerQuickLinks ul li:nth-child(4) {
display: none;
}
.en-GB input.newsletterOK {
font-size: 12px;
padding-top: 15px;
font-weight: bold;
}
.en-GB .ftrtxtwrp h2 {
font-size: 20px;
font-weight: 600;
margin-top: 9px;
}
.en-GB .ftrtxtwrp p {
font-weight: 300;
}
.shoptop {
display: none;
}
.shoptop.shopvisible {
display: block;
}
/*.xls100.ProductArticleContent div[id*="PanelConfigurator"],
.shoptop.shopvisible {
display: none !important;
}*/
.xls100.ProductArticleContent div[id*="PanelConfigurator"],
.shoptop.shopvisible {
display: block !important;
}
.confLogged.CNFvisible .xls100.ProductArticleContent div[id*="PanelConfigurator"],
.confLogged.CNFvisible .xls100.ProductArticleContent div[id*="PanelNaDotaz"],
.CNFvisible .shoptop.shopvisible {
display: block !important;
}
a.cartLinkNew {
position: absolute;
background: transparent;
right: 46px;
top: 31px;
height: 35px;
text-indent: -50px;
width: 34px;
overflow: hidden;
}
.ShopSimpleTemplate .content.contentsize {
margin: 0 auto;
}
.loginRow .dxbButton_MetropolisBlue#c407d7213aa5936fa_AtonPostButtonCmdLogout, .loginRow .dxbButtonHover_MetropolisBlue#c407d7213aa5936fa_AtonPostButtonCmdLogout {
margin: 0 auto !important;
}
/*--------------------------- b2bsensit zobrazovani a skryvani v B2B katalogu ------------------------------------------*/
/*----------------skryti pred zalogovanim----------------------*/
.b2bsensit .mainmenu {
display: none;
}
.b2bsensit .searchHolder {
display: none;
}
.CNFvisible.b2bsensit .shoptop.shopvisible {
display: none !important;
}
.b2bsensit .greyBackg {
display: none;
}
.b2bsensit .icoholder {
display: none;
}
/*----------------zobrazeni po zalogovani----------------------*/
.b2bsensit.userislogged .mainmenu {
display: block;
}
.b2bsensit.userislogged .searchHolder {
display: block;
}
.CNFvisible.b2bsensit.userislogged .shoptop.shopvisible {
display: block !important;
}
.b2bsensit.userislogged .greyBackg {
display: block;
}
.b2bsensit.userislogged .icoholder {
display: block;
}
.b2bsensit.userislogged .loginHolder {
background-color: transparent !important;
box-shadow: initial !important;
}
/*------------------------------------------------------------*/
.Registerholder .payanddelivery.adresses .row {
display: flex;
justify-content: center;
align-items: center;
}
.hlaskaPoOdeslani {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
z-index: 1000;
box-shadow: lightgrey 0px 0px 11px 7px;
background: #ec008c;
top: 0;
height: 29px;
padding: 0;
}
.hlaskaPoOdeslani p {
color: #ffffff;
font-weight: 700;
margin-bottom: 0px !important;
font-size: 12px;
padding: 0;
}
.row.doprava,
.row.platba {
display: none !important;
}
.shopcardholder.summary {
position: relative;
}
.shopcardINholder .deliveryText,
.shopcardholder.summary .deliveryText {
position: absolute;
bottom: 10px;
width: 94%;
text-align: center;
color: #ec008c;
font-weight: 500;
font-size: 16px;
}
/*------------BLOCK HOME ICONS ------------------*/
.icnshldrwrp .icontxtwrp {
position: relative;
}
.icnshldrwrp .icontxtwrp:after {
content: " ";
background: transparent;
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
cursor: default;
}
.icontxtwrp a {
color: #ec008c !important;
}