/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{}
img{vertical-align: bottom;}
/*-- default --*/
a{color: #c51c2c;text-decoration:underline;}
a:hover{color: #c51c2c;text-decoration: none;}
a img{border:0;}
img a:hover{text-decoration: none;}
ul,ol{margin-left: 20px;}
p{padding-bottom: 20px;font-size: 14px;line-height: 21px;}
h1,h2,h3,h4,h5,h6{color:#646263;line-height: normal;font-weight:bold;margin:10px 0;padding:0;}
h1{font-size:24px; padding:0; margin:0 0 25px 0; line-height:100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#c51c2c; font-weight:bold; text-transform:uppercase;}
h2{font-size: 18px; color:#c51c2c; padding:0 0 5px 0px;}
h3{font-size: 14px;}
h4,h5,h6{font-size:12px;}
strong{font-weight:bold;}
address{font-style:normal;padding-bottom:10px;}
.skry{display:none;}
.basic001, .basic002, .basic003{margin:0; padding:0; position:static; width:auto;}
/* weby */
body{
font:normal 14px/1.5 Arial,Helvetica,sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
text-size-adjust:100%;
background:#fff url(https://www.slovbrick.sk/Data/3253/UserFiles/images/bg-body.jpg) no-repeat center top;
}
#header{position:relative; margin:0 auto; background:#fff; width:1200px; padding:0 25px;box-sizing: border-box;}
#head{max-width:100%; width:1200px;box-sizing: border-box; margin:0 auto; position:relative; padding:0;display: flex;/*align-items: center;*/justify-content: space-between;padding-bottom: 15px;}
#logo{padding:0; margin:11px 0 0 0;}
.wrap{float:right;}
#container{width:1200px;box-sizing: border-box; padding:0 25px; margin:0 auto;text-align:left; position:relative; background:#fff;}
#container-main{position:relative;}
#content{width: 100%;padding: 30px 0px;box-sizing: border-box;}
.top-header{display: flex;justify-content: flex-end;font-size: 12px;margin-bottom: 5px;padding-top:10px;}
.top-header > div{padding-left:20px;}
.top-header > div a{text-decoration: none;color:#999999;}
.top-header > div a:hover,
.top-header > div a:focus{text-decoration: underline;}
.top-header > div a::before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;}
.top-header > div:first-child a::before{content: "\f09a";}
.top-header > div:last-child a::before{content: "\f095";}
#menu-main{/*position:absolute;*/top:7px; right:0; z-index:100;}
#menu-main .title{display:none;}
#menu-main .content{}
#menu-main ul{margin:0; padding:0;}
#menu-main ul.sjMenu li{list-style:none; float:left; /*position:relative;*/ padding:0; margin:0;display: flex;flex-flow: column;}
#menu-main ul.sjMenu li a{display:block; float:left; line-height:85px; height:85px; color:#999999; text-decoration:none; padding:0 10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-size:16px;font-weight:bold;}
#menu-main ul.sjMenu li a:hover, #menu-main ul.sjMenu li:hover > a, #menu-main ul.sjMenu li.selected > a{text-decoration:none; color:#c51c2c;}
#menu-main ul.sjMenu li ul{display:none;flex-wrap:wrap; position:absolute; top:85px; left:0; background:#fff; min-width:200px;width: 100%;box-shadow: 0 0 6px #dddddd, 0 0 6px #dddddd;}
#menu-main ul.sjMenu li ul li{float:none; border:0;width: 25%;}
#menu-main ul.sjMenu li ul li a{float:none; padding:10px 30px; line-height:normal; height:auto; border:0;color:#c51c2c;text-align: center;}
#menu-main ul.sjMenu li ul li a:hover, #menu-main ul.sjMenu li ul li.selected > a{background:#c51c2c;color:#fff;}
#menu-main ul.sjMenu li:hover > ul{display:flex;}
#left ul.sjMenu, #left ul.sjMenu ul{margin:0;padding:0;}
#left ul.sjMenu{margin-bottom:20px;}
#left .sjMenu li{
margin:0;
padding:0;
list-style:none
}
#left .sjMenu li a{
display:block;
padding:12px 15px;
text-decoration:none;
background:#edebeb;
color:#7d7d7d;
border-bottom:1px solid #dcdadb;
}
#left .sjMenu li a:hover{
text-decoration:none;
background-color:#ff8901;
color:#fff;
}
#left .sjMenu li.selected > a{}
#left .sjMenu li li a{background:none; padding:8px 15px;}
#footer{background:#939393; color:#fff; clear:both; margin:0 auto; max-width: 1200px; padding:0;width:100%;}
.copy{text-align:center; font-size:14px; color:#fff; overflow:hidden; padding:15px 10px; background:#c51c2c;}
.copy p{margin:0; padding:0;}
.copy a, #footer a{color:#fff; text-decoration:none;}
.copy a:hover{text-decoration:underline;}
#footer .col{padding:20px 20px;width:30%;box-sizing: border-box;}
#footer .col:last-child{width:40%;}
#footer h3{color:#fff; text-transform:uppercase; font-size:24px; font-weight:bold;}
#footer a:hover{text-decoration:underline;}
.theme-default .nivoSlider{margin-bottom:15px;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
p:last-child{margin-bottom:0 !important; padding-bottom:0 !important;}
.skin-uvod #container{width:auto;}
.QuerySheet{}
.QuerySheet tr{}
.QuerySheet td, .QuerySheet th{vertical-align:top; padding:10px; border-bottom:1px solid #eee;}
.QuerySheet tr:nth-child(odd){background:#f6f6f6;}
.QuerySheet tr:last-child{background:none;}
.QuerySheet tr:last-child th, .QuerySheet tr:last-child td{border:0;}
.QuerySheet th.QuerySheetFoot{border-bottom:0; text-align:right;}
.QuerySheet th.QuerySheetFoot input[type="reset"]{display:none;}
.QuerySheetQueryRequired, .QuerySheetAnswerRequired{color:#58595b;}
.QuerySheetResult{padding:20px 0;}
.QuerySheetResult h5{font-size:14px; font-weight:normal;}
.footer-form{padding: 40px 0;}
.footer-form h2{font-size: 24px;text-transform: uppercase;}
#form-337 .QuerySheet td input[type="text"], .QuerySheet td textarea{max-width:100%; border:1px solid #CCC; width:100%; padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/* #form-337 .QuerySheetTitle{display:none;} */
#form-337 .QuerySheetStriped .QuerySheetSectionDesc, #form-337 .QuerySheetBordered .QuerySheetSectionDesc, #form-337 .QSBaseCols .QuerySheetWrapper .QuerySheetLine, #form-337 .QSVerticalCols .QuerySheetWrapper .QuerySheetLine{padding:10px 10px 10px 0;}
#form-337 .QSBaseCols .QuerySheetLine label.QuerySheetQuery{width: 100px;padding-left: 15px;box-sizing: border-box;}
#form-337 .QSBaseCols .QuerySheetLine .QuerySheetAnswer{margin-left:100px;}
#form-337 label.QuerySheetQuery{padding:13px 0;}
#form-337 .QuerySheet input[type="text"], #form-337 .QuerySheet textarea, #form-337 .QuerySheet select{width:291px; padding:15px;}
#form-337 .QSBaseCols .QuerySheetLine:nth-child(2n+1), #form-337 .QSVerticalCols .QuerySheetLine:nth-child(2n+1){clear:none;}
#form-337 .QuerySheetLine.QuerySheetLine1{float:right;}
#form-337 .QuerySheetLine.QuerySheetLine2, #form-337 .QuerySheetLine.QuerySheetLine3, #form-337 .QuerySheetLine.QuerySheetLine4{float:left;}
#form-337.QuerySheetForm{width:66.666%; margin-bottom:0;}
#form-337 .QuerySheetResult button.button, #form-337 .QuerySheet input.button{margin-right:20px; border-radius:5px; font-size:24px; min-width:175px;}
#form-337 .QuerySheetFoot{clear:none;}
#form-337 .QSBaseCols .QuerySheetLine label.QuerySheetQuery span, #form-337 .QuerySheetQueryRequiredInfo{color:#58595b;}
#form-337 .QuerySheetAnswer textarea{height:248px;}
#form-337 .QuerySheetSectionTitle{display:none;}
#form-337 .QuerySheetResult button.button,#form-337 .QuerySheet input.button{padding: 14px 15px;}
.QuerySheet input[type="text"], .QuerySheet textarea, .QuerySheet select{background-color: transparent!important;font-family: Arial;}
#form-337 p:last-child{padding-bottom: 25px!important;color:#939393;padding-left: 15px;}
.QuerySheet input[type="text"], .QuerySheet textarea, .QuerySheet select{border-color:#e4e4e4!important;}
/* CLANKY
-------------------------------------------------------*/
.articleSummary{margin-bottom:10px;width: 100%;overflow:hidden;padding-bottom:10px;text-align:justify;}
.articleSummary h3{clear:both;margin:0;padding:0 0 4px 0;}
.articleSummary h3 a{font-size: 14px;font-weight: bold;text-decoration:none;color:#ff6633;}
.articleSummary p{margin:0; padding:0 0 5px 0;}
.articleSummaryMore{clear:both;text-align:right;padding:0;}
img.articleSummaryImg, img.articleArticleImg{float:left;margin:0 15px 5px 0;padding:1px; border:1px solid #e6e6e6;}
.articleSummaryContent p{margin:0;padding:0;}
.article-sumarry-content{margin-left:170px;}
.article-sumarry-content h2{margin-top:0;}
.article-content{margin-bottom:15px;}
.NextPages {margin:5px 0;}
.articleBack {text-align:left;clear:both;padding-bottom:5px;}
.articles {text-align:justify;}
.articles .articleSummaryMore {clear:both;text-align:right;padding:0;}
.articles img.articleSummaryImg, .articles img.articleArticleImg {float:left;margin:0 10px 0 0;padding:2px;border:1px solid #CFCFCF;}
/* Dalsie strany
---------------------------------------------------------- */
.pagination, .pager{padding:0;text-align: center; width: 100%; max-width:100%;}
.pagination li {width:30px; height:30px; text-align:center; border:1px solid #e4e4e4; list-style:none; margin:0 2px; display:inline-block;}
.pagination a,.pagination span, .pagination li .current, .pager a {padding: 0;text-decoration:none; display:inline-block; line-height:30px; text-align:center; color:#000; width:100%; height:100%; font-size:14px;}
.pagination a:hover, .pagination span.current .pager a:hover{text-decoration:none; background:#ff8901; color:#FFF;}
.pagination, .pager{width:100%; float:none; overflow:hidden; margin:10px 0; padding:0;}
.backrow{clear:both;}
.articleSummaryMore a,
.backrow a,
.articleBack a{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#ededed;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Arial;
font-size:12px;
font-weight:bold;
font-style:normal;
height:30px;
line-height:30px;
padding:0 15px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
}
.articleSummaryMore a:hover,
.backrow a:hover,
.articleBack a:hover{
background-color:#dfdfdf;
}
.articleSummaryMore a:active,
.backrow a:active,
.articleBack a:active{
position:relative;
top:1px;
}
.basic002a h2{font-size:24px; color:#c51c2c; text-transform:uppercase; background:none; border-bottom:0 none; padding:0;}
.basic002a{background:#f6f4f4; margin-left:-20px; width:970px; padding:20px; margin-top:20px; float:left;}
.pecat{position:absolute; float:right; right:0; margin-top:80px; margin-right:8%;}
.galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right, .galleria-theme-classic .galleria-info-link, .galleria-theme-classic .galleria-info-close, .galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right{background-image:url(https://www.slovbrick.sk/Data/3253/UserFiles/images/classic-map.png);}
/*.galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right{
width:50px;
}
.galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right, .galleria-theme-classic .galleria-info-link, .galleria-theme-classic .galleria-info-close, .galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right{
background-color:#222;
}
.galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right{
background-position:16px 46px;
}
.galleria-theme-classic .galleria-image-nav-right{
background-position:-282px 46px;
}*/
.uvod-blocks{margin:0 -15px;display:flex;flex-wrap: wrap;font-family: 'Poppins', sans-serif;margin-bottom: 25px;}
.uvod-blocks > div{padding:0 15px;width:33.333%;box-sizing: border-box;margin-bottom:25px;}
.uvod-blocks > div:first-child > div{background-image: url(https://www.slovbrick.sk/Data/3253/UserFiles/images/uvod-blocks-1.jpg);}
.uvod-blocks > div:nth-child(2) > div{background-image: url(https://www.slovbrick.sk/Data/3253/UserFiles/images/uvod-blocks-2.jpg);}
.uvod-blocks > div:nth-child(3) > div{background-image: url(https://www.slovbrick.sk/Data/3253/UserFiles/images/uvod-blocks-3.jpg);}
.uvod-blocks > div > div{background-color: #c51c2c;display: block;width: 100%;box-sizing: border-box;padding: 30px 20px;height: 100%;font-size: 24px;line-height: 30px;color:#fff;display: flex;align-items: center;background-repeat: no-repeat;background-position: right center;background-size: contain;}
.uvod-text{
display:flex;
flex-wrap: wrap;
background-color: #f6f1f1;
margin:0 -25px;
}
.uvod-text > div{
width:50%;
padding:0;
box-sizing: border-box;
}
.uvod-text h2{
font-weight: bold;
font-size: 24px;
margin-bottom: 20px;
}
.uvod-text > div:first-child{
padding:15px 15px 15px 25px;
}
.uvod-text > div:nth-child(2) img{
width:100%;
}
#cols{
display: flex;
flex-wrap: wrap;
}
.StateSections .scrollable,
.ShopDetailView{
display:flex;
flex-wrap: wrap;
margin:0 -15px;
}
.StateSections .home-scroller{
margin-bottom: 30px;
}
.StateSections .home-scroller .more-products{
text-align: center;
}
.StateSections .home-scroller .more-products a{
color: #fff;
background-color: #c51c2c;
padding: 10px 20px;
font-size: 16px;
text-decoration: none;
}
.StateSections .home-scroller .more-products a:hover,
.StateSections .home-scroller .more-products a:focus{
background-color: #ae1b29;
}
.StateSections .title h2{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 25px;
}
div[class="Product"]{
width:25%;
padding:0 15px;
box-sizing: border-box;
margin-bottom: 30px;
}
div[class="Product"] .ImageWrapper,
div.Product .ProductImage{
position: relative;
margin-bottom: 10px;
}
div[class="Product"] .ImageWrapper .stickers,
div.Product .ProductImage .stickers{
position: absolute;
top:0;
left:0;
display:flex;
flex-wrap: wrap;
}
div[class="Product"] .ImageWrapper .stickers .sticker,
div.Product .ProductImage .stickers .sticker{
background-color: #c51c2c;
color:#fff;
margin-right: 5px;
padding: 5px 15px;
}
div[class="Product"] img{
width:100%;
}
div[class="Product"] h3,
div[class="Product"] h2{
font-family: 'Poppins', sans-serif;
font-size: 18px;
line-height: 22px;
text-align: center;
margin:0;
}
div[class="Product"] h3 a,
div[class="Product"] h2 a{
text-decoration: none;
color:#999999;
}
div[class="Product"] form:hover h3 a,
div[class="Product"] form:focus h3 a,
div[class="Product"] form:hover h2 a,
div[class="Product"] form:focus h2 a,
div[class="Product"] form:hover .ShopIcons .price,
div[class="Product"] form:focus .ShopIcons .price{
color:#c51c2c;
}
div[class="Product"] form:hover .ShopIcons .price del,
div[class="Product"] form:focus .ShopIcons .price del{
color:#58595b;
}
div[class="Product"] .ShopIcons .price{
font-family: 'Poppins', sans-serif;
color:#999999;
font-size: 16px;
line-height: 20px;
font-weight: 400!important;
text-align: center;
}
div[class="Product"] .ShopIcons .price strong{
font-weight: 400!important;
}
div[class="Product"] .OldPriceWithVAT{
font-size: 13px;
}
div[class="Product"] .price-without-vat,
div.Product.ProductDetail .price-without-vat{
display:none;
}
.ShopProductParentCategories ul{
display:flex;
list-style-type: none;
font-size: 16px;
color:#c51c2c;
margin-left:0;
margin-bottom: 30px;
}
.ShopProductParentCategories ul li{
margin-right: 10px;
}
.ShopProductParentCategories ul li a,
.ShopProductParentCategories ul .separator{
text-decoration: none;
color:#999999;
}
.ShopCategoryPages .CategoryPagesTitle{
display:none;
}
.ShopCategoryPages ul{
display:flex;
justify-content: center;
list-style-type: none;
font-size: 16px;
margin-left:0;
margin-bottom: 30px;
}
.ShopCategoryPages ul li a{
color:#000;
background-color:#fff;
font-size: 16px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 39px;
margin: 0 5px;
border: 1px solid #999999;
}
.ShopCategoryPages ul li b{
color:#fff;
background-color:#c51c2c;
font-size: 16px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 39px;
margin: 0 5px;
border: 1px solid #c51c2c;
}
.ProductDetail{
margin-bottom: 25px;
}
.ProductDetail .ProductWrapper{
display:flex;
flex-wrap: wrap;
margin:0 -15px;
}
.ProductDetail .ProductWrapper .ProductLeft{
width:45%;
padding:0 15px;
box-sizing: border-box;
margin-bottom: 25px;
}
.ProductDetail .ProductWrapper .ProductLeft img{
width:100%;
}
.ProductDetail .ProductWrapper .ProductDescription{
width:55%;
padding:0 15px;
box-sizing: border-box;
}
.ProductDetail .right-col{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.ProductDetail .dopyt-button{
font-size: 20px;
color:#fff;
background-color: #c51c2c;
text-decoration: none;
padding: 13px 30px;
border-radius: 5px;
display: block;
}
.ProductDetail .dopyt-button:hover,
.ProductDetail .dopyt-button:focus{
background-color: #ae1b29;
}
.ProductDetail .small-description{
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 13px;
margin-bottom: 15px;
}
div.Product.ProductDetail .OldPriceWithVAT{
font-size: 14px;
color:#58595b;
}
div.Product.ProductDetail .PriceWithVAT{
font-size: 12px;
color:#c51c2c;
font-weight: bold;
line-height: 27px;
}
div.Product.ProductDetail .PriceWithVAT strong{
font-size: 30px;
}
div.Product.ProductDetail .RecommendedPriceWithVAT{
color:#58595b;
font-size: 12px;
}
div.Product.ProductDetail .RecommendedPriceWithVAT strong{
font-size: 18px;
}
.product-detailed-info{
display:flex;
flex-wrap: wrap;
margin:0 -15px;
}
.product-detailed-info > div{
width:50%;
padding:0 15px;
box-sizing: border-box;
margin-bottom: 25px;
}
.product-detailed-info h2{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.product-detailed-info dl{
display:flex;
flex-wrap: wrap;
}
.product-detailed-info dt{
width:40%;
}
.product-detailed-info dd{
width:60%;
}
body:not(#page14799) .banner-top{
display:none;
}
#category-menu{
display:none;
}
.ShopIntro .Cat.WithIcons{
margin:0;
display:flex;
flex-wrap: wrap;
list-style-type: none;
margin-bottom: 25px;
}
.ShopIntro .Cat.WithIcons li{
width:25%;
}
.ShopIntro .Cat.WithIcons li a{
padding:25px 30px 15px;
text-align: center;
display: block;
color: #c51c2c;
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: flex;
flex-flow: column;
align-items: center;
}
.ShopIntro .Cat.WithIcons li a img{
margin-bottom: 15px;
width:100%;
max-width: 260px;
}
.ShopIntro .Cat.WithIcons li:hover a{
background: #c51c2c;
color: #fff;
}
#container-outer::after{
content:"";
position: absolute;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.2);
top: 117px;
z-index: -1;
opacity:0;
}
body.menu-hovered #container-outer::after{
z-index: 0;
opacity:1;
}
#ako-nakupovat-box{
border: 1px solid #e8e8e8;
padding: 30px;
font-size: 15px;
color:#676767;
}
#ako-nakupovat-box h1{
margin-bottom: 10px;
font-size: 20px;
text-transform: none;
color:#000;
}
#ako-nakupovat-box p{
padding: 0 0 10px 0;
font-size: 15px;
color:#676767;
}
#ako-nakupovat-box .box-kroky{
display: flex;
padding-top: 20px;
border-top: 1px solid #d9d9d9;
padding-bottom: 20px;
border-bottom: 1px solid #d9d9d9;
margin:30px 0;
}
#ako-nakupovat-box .box-kroky > div{
flex: 1;
text-align: center;
margin: 10px 0;
}
#ako-nakupovat-box .box-kroky > div:nth-child(even){
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
#ako-nakupovat-box .box-kroky > div > p:first-child{
color: #000;
font-size: 16px;
font-weight: 600;
letter-spacing: .9px;
text-transform: capitalize;
padding:0;
}
#ako-nakupovat-box .box-kroky > div > p:last-child{
color: gray;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 2px;
margin-top: 8px;
}
#ako-nakupovat-box .krok{
border-top: 1px dotted #eee;
display:flex;
flex-wrap: wrap;
align-items: flex-start;
}
#ako-nakupovat-box .krok > div{
padding: 11px;
box-sizing: border-box;
display: inline-block;
}
#ako-nakupovat-box .krok > div:first-child{
width: 55px;
font-size: 26px;
text-align: center;
}
#ako-nakupovat-box .krok > div:nth-child(2){
width: 90px;
font-size: 27px;
text-align: center;
padding: 11px;
}
#ako-nakupovat-box .krok > div:last-child{
flex-basis: 0px;
flex-grow: 1;
padding: 15px;
}
#ako-nakupovat-box > p:nth-of-type(2){
padding-bottom: 20px;
}
@media only screen and (max-width: 1300px) {
body{background-size: 1300px;}
#header,
#footer{width:950px;}
#head{max-width:100%; width:950px;}
#container{width:950px;}
#menu-main ul.sjMenu li ul li a[href*="tehlove-obklady.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="obklady-z-palenej-hliny.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="prirodny-kamen.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="doplnky-pre-obklady.xhtml"]{
font-size: 13px;
padding-top: 50%!important;
padding-bottom: 15px!important;
}
}
@media only screen and (max-width: 989px) {
body{background-size: 989px;}
#container,
#head{width:768px; margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/* #container{padding:10px;} */
#content{width:auto;}
/* #head{padding:0 10px;} */
table{table-layout:fixed; max-width:100%;}
.QuerySheet td.QuerySheetQuery{width:40%;}
.QuerySheet th.QuerySheetAnswer{width:60%;}
img{max-width:100%; height:auto !important;}
iframe{max-width:100%;}
#header,
#footer{width:768px;}
#logo{margin:25px 0 0;}
#logo img{max-width:220px;}
#menu-main ul.sjMenu li a{font-size:12px;}
.basic002a{width:728px;}
#form-337 .QSBaseCols .QuerySheetLine, #form-337 .QSVerticalCols .QuerySheetLine{width:100%;}
#form-337 .QuerySheet input.button{float:none; margin-left:40px;}
#footer{width:768px;}
#footer h3{font-size:18px;}
.uvod-blocks > div{width:100%;}
.uvod-blocks > div > div{height: 120px;}
#footer .col:last-child{width:100%;}
.uvod-text > div{width:100%;}
div[class="Product"]{width:50%;}
.ShopProductParentCategories ul{font-size: 14px;}
#menu-main ul.sjMenu li ul li,
.ShopIntro .Cat.WithIcons li{width: 50%;}
}
@media only screen and (max-width:767px) {
.mh{display:none !important;}
.md{display:inline;}
#container-main,
#container{width:auto; min-width:320px;}
#head{padding-bottom:5px;justify-content: center;}
#logo{margin:10px 0; float:none; text-align:center;}
#content{float:none !important; width:auto !important; clear:both !important; padding:0 !important;}
#container-outer{position:relative; padding:50px 0 0 0;}
#header{width:100%;}
#header{min-height:0;}
/* .center-outer{overflow: hidden;} */
/* .center-out{position: relative; left: 50%; float: left;}
.center-inner{position: relative; left: -50%; float: left;} */
.left, .right{float:none; width:auto; max-width:100%; margin-bottom:10px;}
.copy{height:auto;}
.copy p{height:auto; line-height:normal; text-align:center; padding:10px 0;}
.articleSummary{background:none; width:100%; height:auto; float:none; margin:5px 0 0 0 !important; clear:both; overflow:hidden;border:1px solid #e7e7e7;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; padding:10px 25px 10px 10px;}
.articleSummary .ImageWrapper{margin:0 15px 5px 0 !important; float:left !important; width:80px !important;}
.article .ImageWrapper{margin:0 10px 5px 0 !important; float:left !important; width:120px !important;}
.articleSummary:after{position:absolute; top:0; right:0; width:20px; background:#e7e7e7 url(https://www.slovbrick.sk/Data/3253/UserFiles/images/black-arrow.png) no-repeat center center; height:100%; content:"";}
.articleSummary .Image{text-align:center; display: inline; float:left; width:80px; height:auto;}
.articleSummary .Image a{display: inline; vertical-align:middle; border:0; text-align:center; padding:0 !important;}
.articleSummary .Image img{max-width:100% !important; max-height:80px; margin:0 auto 5px auto;}
.articleSummary h2{font-size:12px;line-height: normal;height: auto; padding:0 0 5px 0; margin:0 !important;overflow:hidden; background:none; position:static; height:auto; border:0;}
.article-sumarry-content{margin-left:0; padding:0; height:auto; position:static;}
.articleSummary h2 a{display:block; font-size:14px;}
.articleSummary h2 a:after{content: "";cursor: pointer;display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.articleSummary .articleSummaryMore{display:none;}
#menu-main{
position:absolute; width:100%;margin:0 !important; top:85px; left:0; background:none !important; min-height:0; height:auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:0 none;
}
#menu-main .title{
padding:0; width:100%; position:relative;
border:0;
background: none;
filter: none;
-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
display:block;
}
#menu-main .title h3{position:relative; height:46px !important; line-height:46px !important; padding:0; margin:0;
font-size:14px; text-indent:15px;
font-weight:bold !important;
background:#ee3739; text-align:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
z-index:10;
color:#fff;
min-height:0 !important;
}
#menu-main.selected .title h3{
background-color:#ca251d;
height:50px !important;
}
#menu-main h3 a{display: block !important; width:100%; height:100%; position:absolute !important; top:0; left:0;}
#menu-main h3 a:after{content:""; display:block; position:absolute; top:17px; right:10px; width:20px; height:16px; background:url(https://www.slovbrick.sk/Data/3253/UserFiles/images/ico-cat.png) no-repeat 0 0;}
#menu-main .content{display:none;position:absolute; top:50px; left:0; width:100% !important; padding:10px !important; background:#ca251d;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
z-index:9;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
#menu-main ul.sjMenu li{float:none; border:0;}
#menu-main ul.sjMenu li a, #menu-main ul.sjMenu li li a, #footer #cols ul li a{
float:none;
display:block;
padding:15px 10px !important;
text-align:left;
background:#ee3739 url(https://www.slovbrick.sk/Data/3253/UserFiles/images/white-arrow.png) no-repeat 95% center;
color:#fff !important;
border:0;
border-bottom:1px solid #c51c2c !important;
height:auto !important;
line-height:normal;
font-size:14px;
margin-bottom:0;
font-weight:normal;
}
#menu-main ul.sjMenu li li a{background-color:#777;}
#menu-main ul.sjMenu li ul{display:block !important; position:static; width:100%; border:0 !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#menu-main ul.sjMenu li ul li a[href*="tehlove-obklady.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="obklady-z-palenej-hliny.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="prirodny-kamen.xhtml"],
#menu-main ul.sjMenu li ul li a[href*="doplnky-pre-obklady.xhtml"]{
padding-top: 15px!important;
padding-bottom: 15px!important;
}
body{background:none;}
#logo img{max-width:100%;}
.pecat{display:none;}
.basic002a{width:auto; float:none; margin-left:0;}
#form-337.QuerySheetForm{width:auto;}
#form-337 .QuerySheet input[type="text"], #form-337 .QuerySheet textarea, #form-337 .QuerySheet select{width:100%;}
#cols .col .icon{display:none !important;}
#footer #cols, #cols .col{display:block !important; width:100%; float:none; height:auto; border:0;}
#footer{padding:0; width:auto;}
#footer #cols{padding:0; width: auto;}
#footer .center-outer, #footer .center-out, #footer .center-inner{width:100%; position: static;}
#cols .col{float:none; width:100%; padding:0; color:#ffffff;}
#footer h3{padding:15px 10px; margin:0; border-bottom:1px solid #ffffff; background:#939393 url(https://www.slovbrick.sk/Data/3253/UserFiles/images/white-arrow.png) no-repeat 95% center; cursor:pointer; font-size:14px;}
#footer #cols .con{display:none; background:#a9a9a9;}
#footer #cols .col:first-child .con,
#footer #cols .col:nth-child(2) .con, #footer #cols .col:nth-child(3) .con{padding:10px; border-bottom:1px solid #ffffff;}
#footer #cols ul{margin:0; padding:0; float:none; width:100%;}
#footer #cols ul li{float:none; border:0; margin:0; padding:0;}
.basic002a h2{font-size:20px;}
h1{font-size:18px;}
.product-detailed-info > div,
.ProductDetail .ProductWrapper .ProductLeft,
.ProductDetail .ProductWrapper .ProductDescription{width:100%;}
#menu-main ul.sjMenu li ul.Cat.WithIcons li a img{display:none;}
#menu-main ul.sjMenu li ul li{width:100%;}
#container-outer::after{display:none!important;}
#ako-nakupovat-box .box-kroky{
flex-flow: column;
}
#ako-nakupovat-box .box-kroky > div:nth-child(even){
border:0;
}
#ako-nakupovat-box .krok > div:first-child{
width: 45px;
}
#ako-nakupovat-box .krok > div:nth-child(2){
width:50px;
}
}
@media (max-width: 575px) {
div[class="Product"] {
width: 100%;
}
.ProductDetail .right-col{
flex-wrap: wrap;
}
.ProductDetail .right-col > div{
width:100%;
}
.ProductDetail .right-col > div:first-child{
margin-bottom: 15px;
}
.ProductDetail .dopyt-button{
text-align: center;
}
.ShopIntro .Cat.WithIcons li{
width:100%;
}
#ako-nakupovat-box .krok > div:last-child{
flex-basis:100%;
}
#ako-nakupovat-box .krok > div:nth-child(2){
padding-left: 0;
padding-bottom: 0;
}
#ako-nakupovat-box .krok > div:first-child{
padding-right: 0;
padding-bottom: 0;
}
}
@media only screen and (min-width:768px){
#menu-main ul.sjMenu li ul.Cat.WithIcons li a{
padding-top: 25px;
padding-bottom: 15px;
text-align: center;
height: 100%;
}
#menu-main ul.sjMenu li ul.Cat.WithIcons li a img{
margin-bottom: 15px;
width:100%;
max-width: 260px;
}