@charset "UTF-8";
/* gold: #86754d  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, , tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

* {box-sizing: border-box;}
body {background: url(../images/bkg.gif) #E9E9E9; background-attachment: fixed;   margin:0;
   font-family: 'Open Sans', serif, Tahoma, Geneva, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased;
}
	
input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], textarea{
width:auto;height: auto;background-color: #f5f5f5;border:solid 1px #ccc;color:#333;float:left;padding:.75em 1em;margin:1em;float:left;overflow: hidden;display:inline-block;
-webkit-border-radius: 3px;-moz-border-radius: 3px;	border-radius: 3px;}
.nla input[type=text] { background-color:#fff;}
input[type=submit], input[type=button], button, a.btn {
    display: block; cursor:pointer;	width:auto; height:auto;background: #990000;font-size:1em; border:0;padding:.7em 1.25em;   margin:1em 0;text-align: center; color:#fff;  text-decoration: none;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;-webkit-border-radius: 3px;
    -moz-border-radius: 3px; border-radius: 3px;}
a.btn { display:inline-block;}
input[type=submit]:hover, input[type=button]:hover, button:hover, a.btn:hover {    background:#333;	}
input[type=radio]{  margin:0 10px 0 3px;}
article{ height:auto; z-index:1; margin:0; overflow: hidden;	}
article .header{ display: block; padding: 0 12px;}
article .header h1, .grid-wrapper.narrow h1, .header h1{ font-size:4.5vw; font-weight:200; line-height:1.1;margin:0 0 .2em 0;}
article .header h2{font-size:3.6vw; font-weight:200; margin:0;}
article .header h3{ padding:.5em 0; display: block}
article h3{font-size:2em; font-weight:200;  line-height:1.3; margin:0; padding:1em 0 0 0; display: block}
article h4{font-size:1.35em; font-weight:600; margin:0; padding:1em 0 0 0}
article p{font-weight:400; line-height: 1.5; margin:0; padding: .5em 0 }
article p a{color:#666;}
article p a.red{color:#ff0000}
article p a:hover{color:#000;background: #dcdcdc}
article .book{ padding: 1em 1.5em; margin: 0; border: solid 1px #ccc; font-family: 'Open Sans', sans-serif; font-size:.9em }
article .book ul{list-style-type: none; margin: 0; padding: 0;}
article .book ul li{ font-size:1em; font-weight:400; margin: 0; padding: 0;}
article .order{  padding: 0; margin:1em 0 0 0; background:#fff; font-family: 'Open Sans', sans-serif; border-bottom:solid #ccc 1px; border-right:solid #ccc 1px}
article .order h4{font-weight:700; color:#fff; background:#999; padding:.5em 1em; margin:0}
article .order p.delivery{ line-height: 1; font-size:1em; padding: 0 0 0 1em; margin:0}
article .order p.info{ line-height: 1; font-size:12pt; padding: 0 0 0 1em; margin:0 0 1em 0;}
article .order p.price{  font-weight:700; line-height: 1; font-size:200%; color:#990000;padding: .5em;margin:0}
article .order p.price span { font-size:80%; color:#ccc; text-decoration:line-through; margin-left:20px;}
article .order table{margin: .5em 1em!important}
article p.info { font-size:0.7em; margin:0 1em 1em 1em;}
article .shrink{width: 100%}
article .video{margin: 1em 0}
article .links, article .newsletter{overflow: hidden; padding: 0 ; margin:1em 0 0 0; font-family: 'Open Sans', sans-serif; }
article .newsletter{ background: #fff;  }
article .links ul, article .social ul{list-style-type: none; margin:0; padding:0}
article .links a {position: relative;display: block;width:33%;float: left;margin: 0 1px 0 0;padding: 1.2vh 0;background: #fff; 
    text-align:center;font-size: 1.42vw;color:#000; text-decoration: none; font-weight: 400; cursor:pointer;
    -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
article .links a:hover { background: #ccc;}
article .social{padding: 0; margin:1em 0 0 0;overflow: hidden;}
article .social ul li { padding: 0;
    margin: 0 2%;
    text-align:center;
    position: relative;
    width:auto;
    display: block;
    float: left;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;}
article .social ul li:hover {  opacity: 1; filter: alpha(opacity=100);}
article .newsletter p{ font-size:.75em; padding:0 3% 3% 3%}
article .newsletter input[type=submit]{
    display: block;
	width:auto;
    height:auto;
	background: #999;
	font-size:.75em; 
	border:0;
	padding:.7em 1.25em;
	margin:1% 3% 3% 3%;
    /*margin:1em 0 0 0;*/
	text-align: center;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;}
article table{
    border-collapse: collapse;
    width:auto;
    margin: 1em 0}
article table th{
    background: #ccc; 
    padding: 1em;
    border: solid 1px #fff}
article table td{
    background: #f5f5f5;
    padding: 1em;
    border: solid 1px #fff}

article table tr .rightalign{text-align: right}

#pop {position:fixed; top:0; left:0; width:100%; height:100%; overflow:scroll; background-image:url(../images/wrap.png); background-repeat: repeat;
background-position: center center;z-index:133; display:none;
    -moz-transition: all 1s ease-in-out;   -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity:0;}
#ban { width:900px; height:375px; margin:150px auto 0 auto; background: url(../images/biblia/biblia_banner-pop-big_02.jpg);z-index:143;}
#ban .rb { display:block; width:820px; height:305px; float:left; margin:0; z-index:145;  }	
#ban .rbo { display:block; width:200px; height:46px; float:left; margin:10px 0 0 170px; z-index:145;}	
#ban_close{ width:50px; height:50px; overflow:hidden; float:right; margin:10px; z-index:147; cursor:pointer;}

#bb { width:200px; height:290px; position:fixed; top:300px; right:-200px; background: url(../images/atlas-banner-pop-sm.jpg);z-index:137;
-moz-transition: all 1s ease-in-out;   -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
#bb .rb  { display:block; width:200px; height:205px; float:right; margin:0; z-index:138; }	
#bb .rbo { display:block; width:200px; height:45px; float:right; margin:0; z-index:138; }	
#bb_close{ width:33px; height:33px; overflow:hidden; float:left; margin:2px; z-index:139; cursor:pointer; }

.sidemenu {display: block; width:auto;position:fixed; width: auto;padding: 1em 0;}
.sidemenu ul {list-style: none!important;margin: 0;padding:0;}
.sidemenu li{margin:0.5em 0;line-height: 1.5}
.sidemenu li a{ list-style: none; font-size:1.4vw;color:#666;text-decoration: none;line-height:1.5;padding:1em 0;margin:0;-webkit-transition: all 300ms; transition: all 300ms;}
.sidemenu li a.active {color:#000; font-weight:bold; }
.sidemenu li a:hover{color:#000;letter-spacing: .05em;}
.btn-buy {
    width:/*291px*/ auto;
    height:65px;
    padding:0 1%;
    display:block;
    font-size:1.2vw;
    line-height:65px;
    text-align:left;
    text-indent:6vw;
    overflow:hidden;
    color:#fff;
    background:#86754d url(../images/ico_btn-cart.png) left center no-repeat;
    text-decoration:none;
    /*text-shadow: 0 -1px 1px #000;*/
    background-size: contain;
    margin-left:-145px;
    z-index:100;
    position:fixed;
    bottom:/*65px*/50px;
    left:50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms;  transition: all 300ms;}

.btn-buy:hover {background-color:#736540 }
	
.btn-uni {
    display:inline-block;
    font-size:0.85em;
    font-weight:500;
    line-height:30px;
    text-align:center;
    overflow:hidden;
    padding:7px 20px;
    color:#fff;
    background:url(../images/btn-uni-bk.png) center top #F00;
    text-decoration:none;
    text-shadow: 0 -1px 1px #000;
    margin-top:20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;box-shadow: 0 0 10px #000}

.btn-uni:hover {
    background-position:bottom center;
    margin-top:21px;
    box-shadow: 0 0 10px #ef5329}

.btn-go-top {
    width:55px;
    height:39px;
    display:block;
    background:url(../images/go-to-top.png) center top;
    z-index:10;
    position:absolute;
    bottom:-5px;
    right:30px;
    overflow:hidden
}

.btn-review {
    width:110px;
    height:110px;
    display:block;
    background:url(../images/btn-recenzie.png) center top;
    z-index:10;
    position:absolute;
    bottom:15px;
    right:530px;
    overflow:hidden;
	line-height:110px;
    text-align:center;
    color:#fff;
    font-size:1em;
    font-weight:600;
    text-decoration:none;
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); /* IE 9 */
	-webkit-transform:rotate(-7deg);}

.btn-review:hover {
    transform:rotate(7deg);	
    -ms-transform:rotate(7deg); /* IE 9 */	
    -webkit-transform:rotate(7deg);
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);  
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);}

.see { width:100%; height:76px; overflow:hidden; margin:0; padding:0; }
/* /// slider * /// */
/*.slider{
    width:100%; 
    height:10vh;
    display: block;
    overflow:hidden;
    background:#fff;
    position: relative;
    z-index:1;
    margin-left:auto;
    margin-right:auto;
    top:3.2vh;
    }*/

.slider{
    width:98%; 
    height:auto;
    display: block;
    overflow:hidden;
    /*background:#fff;*/
    /*position: relative;*/
    z-index:1;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
	z-index:100;

    }
.slider img { width:100%; height:auto;}

.slider .arrows {
    height:100%; width:50%;
    display:block;
    position:relative;
    }

.prev {
    width:60px; height:60px;
    background:url(../images/arrows_slideshow.png);
    background-position:top left;
    margin-top: 30%;
    margin-left:3%;
    display: block;
    position: relative}

.prev:hover {background-position:bottom left}

.next {
    width:60px; height:60px;
    background:url(../images/arrows_slideshow.png);
    background-position:top right;
    margin-top: 30%;
    margin-right:3%;
    display: block;
    position: relative}

.prev:hover, .next:hover {
    background-color:rgba(255,255,255,.5)}


.slider.banner-krstny{
    background: #fff url(../images/banner_krstny-otec2.jpg) no-repeat center bottom;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;}
.title-tribox, .title-tribox-last{
    height:/*22vh*/auto;
    display:block;
    text-align: center;
    font-size:2.4vw;
    font-weight:400;
    padding: .35em 0 .35em 0;
    margin:0;
    background: #fff;
    border:solid 1px #dcdcdc;
    overflow: visible;
    }

.title-tribox{
    width:100%;
    display: block;
    moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.title-tribox:hover{
    border-color: #999;
    background:#f5f5f5;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.35));
    filter:         drop-shadow(0px 0px 5px gba(0,0,0,.35));
    -ms-transform: translate(0px,-5px); /* IE 9 */
    -webkit-transform: translate(0px,-5px); /* Safari */
    transform: translate(0px,-5px); /* Standard syntax */}

.title-tribox span, .title-tribox-last span{
    display: block; 
    width:100%;
    margin-bottom: 0px;
    padding: .3em 0 ;
    color:#666;
    text-decoration: none;
    }

.notice{text-align: center;font-weight: 700;color:#999; font-size:0.8em;}

/*2016*/
.title-tribox a { text-decoration:none; color:#666;} .title-tribox a:hover { color:#000;}
.title-tribox .najpredavanejsie, .title-tribox .najnovsie, .title-tribox .pripravujeme, .title-tribox .newsletter {width:5vw; height:5vw; overflow:hidden; margin:0.5vw auto 0 auto; }

.title-tribox .najpredavanejsie {  background:url(../images/ico-najpredavanejsie.png) no-repeat top center; background-size:cover;}
.title-tribox .najpredavanejsie:hover { background:url(../images/ico-najpredavanejsie_hover.png) no-repeat top center; background-size:cover;}

.title-tribox .najnovsie {  background:url(../images/ico-najnovsie2.png) no-repeat top center; background-size:cover;}
.title-tribox .najnovsie:hover { background:url(../images/ico-najnovsie2_hover.png) no-repeat top center; background-size:cover;}

.title-tribox .pripravujeme {  background:url(../images/ico-pripravujeme2.png) no-repeat top center; background-size:cover;}
.title-tribox .pripravujeme:hover { background:url(../images/ico-pripravujeme2_hover.png) no-repeat top center; background-size:cover;}

.title-tribox .newsletter { background:url(../images/ico-env.svg) no-repeat top center; background-size:cover; color:#888;}

.title-tribox .novinka {}

/* /// objednávky /// */

.objednavka { width:100%; height:auto; min-height:50vw; overflow:auto;}
.objednavka p.small{font-size:75%}
.objednavka table{width:100%}
.objednavka table.dodacie td{padding:0}
.objednavka table th{text-align: right;border-bottom-width:2px}
.objednavka table td{text-align: right}
.objednavka table td a{color:#000}
.objednavka table td input[type=text],.objednavka table td input[type=number]{
    background:#fff;
    font-size:1em;
    width:90%}
.objednavka table td.leftalign, .objednavka table th.leftalign{text-align: left}
.objednavka table td.total{
    font-weight: 700;
    font-size:150%}
.objednavka .titul{width:45%;text-align: left}
.objednavka .ks{width:auto;text-align: left}
.objednavka .summary{ width:100%; height:auto; overflow:hidden;
    display: block;
    padding: 1em;
    border: solid 2px #e5e5e5;
    text-align: right;
}

.objednavka .summary .l { width:50%; height:auto; overflow:hidden; float:left;}
.objednavka .summary .r { width:50%; height:auto; overflow:hidden; float:right;}
.objednavka .summary input { margin:0.9em 0 0.7em 1em;}
.objednavka .summary button {background:#096;padding: .5em 1.5em;margin:0 0 0.6em 0.8em;}
#kupon_info { text-align:left; font-weight:bold; color:#c00; margin-left:0.8em;}
#kupon2_info { text-align:left; font-weight:bold; color:#c00; margin-left:0.8em;}

.objednavka .summary strong {font-weight: 700}

.obj p { line-height:1.5;}
.obj p a{color:#666;}
.obj p a:hover{color:#c00;}
.obj .header { margin-top:2em;}

.objednavka .graybutton{
    height:2.75em;
    font-size:75%;
    background: #666;
    margin: .5em 0 1em .5em}


.objednavky table{width:100%}
.objednavky table th{border-bottom-width:2px}
.objednavky table td a{color:#000}

.objednavky .summary{ width:100%; height:auto; overflow:hidden; display: block; padding: 1em;  border: solid 2px #e5e5e5;  text-align: right;}
.objednavky .summary input { margin:0.9em 0 0.7em 1em;}
.objednavky .summary button {background:#096;padding: .5em 1.5em;margin:0 0 0.6em 0.8em;}


.tabs {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  margin: 1em 0;
  text-align: left;
}
.tabs li {
  float: left;
  display: block;
    width:23%;
}
.tabs input[type="radio"].ius {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label.lus {
  display: block;
  padding: 8px 21px 21px 15px;
  border-radius: 2px 2px 0 0;
  font-size: 1.2vw;
  font-weight: normal;
    color:#666;
    margin-right: 2px;
  background: #ddd;
  cursor: pointer;
  position: relative;
  top: 4px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tabs label.lus span{
    font-size:120%;
    font-weight: 900;
}

.tabs label.lus:hover {
  background: #ccc;
    top: 0;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%; height:auto;
  font-size: 17px;
  line-height: 25px;
  padding: 25px;
  position: absolute;
  top: 53px;
  left: 0;
  background: #fff;
}
.tabs [id^="tab"]:checked + label.lus {
  top: 0;
  padding-top: 12px;
  background: #fff;
    color:#000;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

.tab2c {  width: 100%; height:auto;  overflow: hidden;
  font-size: 17px;  line-height: 25px;  padding: 25px;  background: #fff;}

.tab2c a { color:#990000; font-weight:bold;}
.tab2c a:hover { color:#000; }

.d41 { width:39%; height:auto; overflow:hidden; float:left;}
.d42 { width:59%; height:auto; overflow:hidden; float:right;}

.bl { width:100%; height:auto; overflow:hidden; }
.bl4 { width:100%; height:auto; overflow:visible; }

.objednavanie {
        width:90%;
        font-size:.65em;
		border:1px solid #C0C0C0;
		border-collapse:collapse;
		padding:5px;
	}
    
    .objednavanie caption{
        text-align: left; font-size:1.5em;
        padding:.5em;
	}
    
    .objednavanie caption #volne{
       background:green;
        padding:2px 1em;
        font-size:.75em;
        color:#fff;
	}
    
    .objednavanie caption #rezervovane{
       background:#86754d;
        padding:2px 1em;
        font-size:.75em;
        color:#fff;
	}
    
    .objednavanie caption #predane{
       background:red;
        padding:2px 1em;
        font-size:.75em;
        color:#fff;
	}
    
	.objednavanie th {
		border:1px solid #C0C0C0;
		padding:5px;
		background:#F0F0F0;
	}
	.objednavanie td {
		border:1px solid #C0C0C0;
        text-align: center;
		padding:.75em .35em;
        background:green;
        color:#fff;
	}
            
    .objednavanie td:hover, .objednavanie td#desat:hover {
        background:#333;
	}
            
    .objednavanie td#rezervovane{
		border:1px solid #C0C0C0;
		padding:.3em;
        background:red;
	}
            
    .objednavanie td#desat{
		border:1px solid #C0C0C0;
		padding:.3em;
        background:#86754d;
	}
		
.tabs .tab-content.dop table td {text-align: left};
.tabs .tab-content.dop label { cursor:pointer; }
.tabs .tab-content.dop input[type=radio] {float:right; cursor:pointer; }
	
.dodu { width:100%; height:auto; overflow:hidden; background:#f5f5f5;}		
.dodu input[type=text], .dodu input[type=email], .dodu input[type=tel], .dodu input[type=password], .dodu input[type=number] {background:#fff; font-size:1em; margin:2% 0 0 2%;}		
.dodacie input[type=password] {background:#fff; font-size:1em;}		
.breg {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 2% 2% 0 2%;  background: #fff;}
.breg a { color:#000; font-weight:bold;} .breg a:hover { color:#990000; }
.breg .cb span { width:19px; height:19px;}

.freg { width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding-bottom:2%;}		
.freg input[type=text], .freg input[type=email], .freg input[type=tel], .freg input[type=password], .freg input[type=number] {background:#fff; font-size:1em; margin:2% 0 0 2%;}		
.freg input[type=text].ms {width:15%;}
.freg input[type=text].ms.no { border:solid 1px #c00;} 

.freg p { padding: 2% 2% 0 2%;}
.freg p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 2%; margin:2% 0 -1% 0;}
#bfirma, #bdadr { display:none;}

#osk { display:none; width:96%; padding:4px 2%; overflow:hidden;color:#900;}
#osk a { color:#900; font-weight:bold;} 
#osk.active { display:block;}

.footer { width:100%; height:50px; position:static; overflow: hidden;  background:#fff;  z-index:10}
.footer-inner{  width:90%; height:50px; margin:0 5%}
.footer-content{ width:100%;  height:50px;  line-height:50px; font-size:11pt; font-weight:300; color:#555; text-align:center;}
.footer-content p{padding-top:8px}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#555} .footer-content a:hover{color:#000}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo2.png) no-repeat;
   background-position: center center;}

.order form {width:auto;   height:auto;   overflow: hidden;}
.order form table{    width:auto;    height:auto;    overflow: hidden;    margin:0 0 1em!important;    padding:0!important}
.order form table td{    background:none;    padding:0;    margin:0}

.form-wrap input, .form-wrap textarea {
    padding: 18px; 
    font-size:1em;
    text-indent:3px;
    margin: 15px 0;
    background:#f0f0f0;
    clear: both
}

.form-wrap input:hover {
    background:#f5f5f5;
}
.form-wrap label{
    font-size:0.85em;
    padding: 8px;
    display:block;
    clear:both
}
.inner-col label{
    font-size:0.75em;
    line-height:1.5;
    clear:none!important;
    display:inline
}
.form-div{overflow:hidden;display:block;width:100%;padding:10px 0}


.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
    overflow: hidden;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {clear: both;}

.row.form {font-family: 'Open Sans', sans-serif;padding:.5em 0;line-height: 1.3;}

.grid-wrapper{ 
    width:94%;
    height:auto;
    margin:0 3%;
    overflow: hidden}

.grid-wrapper hr{
    border: 0;
    width: 100%;
    display: block;
    color: #f00;
    background-color: #ccc;
    height: 2px;
}
.grid-wrapper.nohr hr { height:1px; background:none;}

.grid-wrapper.narrow{
    width:80%;
    height:auto;
    margin:2% 10%;
    overflow: hidden}

.grid-wrapper.narrower{
    width:70%;
    height:auto;
    margin:2% 15%;
    overflow: hidden;
clear: both}

.grid-wrapper.narrower2{
    width:87.5%;
    height:auto;
    margin:2% 6.25%;
    overflow: hidden;
clear: both}


.grid-wrapper.content{
    width:80%;
    height:auto;
    margin:20px 10% 2% 10%;
    overflow: hidden}

.grid-wrapper.narrow.white{
    width:88%;
    height:auto; min-height:40vw;
    margin:0 6% 0 6%;
    padding-bottom:0;
    overflow: visible;
    /*background:white*/}

.grid-wrapper.narrow.white.lcm { min-height:15vw;  }

.grid-wrapper.narrow.white .cover {
    height:auto; position:relative;
    background:white; 
    padding:0; 
    margin:1.25%;
    border:solid 1px #dcdcdc;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.grid-wrapper.narrow.white .cover:hover {
        border-color:#999;
        -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.35));
        filter:         drop-shadow(0px 0px 5px gba(0,0,0,.35));
    -ms-transform: translate(0px,-5px); /* IE 9 */
    -webkit-transform: translate(0px,-5px); /* Safari */
    transform: translate(0px,-5px); /* Standard syntax */}

.grid-wrapper.narrow.white .cover img{width:100%; height:auto; margin:auto 0;}
.col-3 .bb .ib, .cover .ib { width:100%; height:19.9vw; overflow:hidden; background:#eee;}
.bl4 .bb .ib { width:100%; height:16.63vw; overflow:hidden; background:#eee;}
.col-3 .bb .ib.bg, .cover .ib.bg { background: radial-gradient(#ffffff, #ffffff, #cfd4d3);}

.grid-wrapper.narrow.white .cover .titd { width:100%; height:4.9vw; overflow:hidden;display: table; text-align: center; z-index:113;}
.grid-wrapper.narrow.white .cover span.tit a{ display: table-cell;  height:4.9vw; vertical-align: middle;   
        font-size:1.55vw;text-align: center;font-weight:200; text-transform:uppercase; line-height:1.15;
        color: #888; padding:0 0.5em;  margin:0;  text-decoration: none; }
.grid-wrapper.narrow.white .cover span.tit a.m {font-size:1.15vw;}
.grid-wrapper.narrow.white .cover span.tit a.s {font-size:1.3vw;}
.grid-wrapper.narrow.white .cover span.tit.s a	{font-size:1.3vw;}
.grid-wrapper.narrow.white .cover span a:hover{color:#000}

.col-3 .bb { width:auto; height:auto; overflow:hidden; margin:8% 7% 0 7%;  min-height:12.1vw;}
.bl4 .bb { width:auto; height:auto; overflow:hidden; margin:8% 7% 0 7%;  min-height:11vw;}

.grid-wrapper.narrow.white .cover span.price{   display: block;width:40%;height:2vw; line-height:2vw; overflow: hidden; float:right; border:none;
        font-size:1.1vw;text-align: center;text-decoration: none;
        color: #fff;background:#999;  margin:0; padding:0;  }

.grid-wrapper.narrow.white .cover span.ex, .cover span.pr, .cover span.vy, .cover span.dv, .cover span.sk, .cover span.dd, .cover span.no, .cover span.nv {
		display: block;width:60%;height:2vw; line-height:2.2vw; overflow: hidden; float:left;
        font-size:0.7vw;text-align: center;text-decoration: none; color: #555;background:#e2c685;  margin:0; padding:0; }

.cover span.sk { color:#fff; background:#47B183; }
.cover span.no { color:#fff; background:#C2B765; }
.cover span.nv { color:#fff; background:#676260; }
.cover span.vy { color:#fff; background:#bbb; }

.grid-wrapper.narrow.white .new {width:2vw;height:6vw; overflow: hidden; position:absolute; top:-0.5vw; left:2.5vw; /*59×150*/
 background:url(../images/ico-novinka.png) no-repeat; background-size:cover; z-index:99; }
.grid-wrapper.narrow.white .pre {width:2vw;height:6vw; overflow: hidden; position:absolute; top:-0.5vw; left:2.5vw; /*59×150*/
 background:url(../images/ico-v-pripravujeme.png) no-repeat; background-size:cover; z-index:99; }

.grid-wrapper.narrow.white .bl4 .cover {width: 22.99%;cursor:pointer; float:left; margin:0 0 2% 2%;}
.grid-wrapper.narrow.white .bl4 .new { left:2vw; }
/*.grid-wrapper.narrow.white .bl4 .cover span.ex { font-size:0.75vw; height:2vw; padding-top:0.3vw; line-height:0.9vw; }*/
.grid-wrapper.narrow.white .bl4 .cover span.ex, .bl4 .cover span.ex, .bl4 .cover span.pr, .bl4 .cover span.vy, .bl4 .cover span.dv, .bl4 .cover span.sk,
	.bl4 .cover span.dd, .bl4 .cover span.no, .bl4 .cover span.nv { font-size:0.75vw; }

.grid-wrapper.narrow.white .bl4 span.tit a{font-size:1.3vw;}
.grid-wrapper.narrow.white .bl4 span.tit a.m{font-size:1.15vw;}
.grid-wrapper.narrow.white .bl4 span.tit a.s{font-size:1vw;}

.grid-wrapper.narrow.white .cover .oznam{ display:none;width:100%;height:auto; padding:20px 2%; overflow: hidden; position:absolute; left:0; top:160px;font-size:1.3vw;text-align: center;
    color: #fff;background:rgba(128,128,128,.65); transition:ease-in-out all .3s; line-height:1.3; }
.grid-wrapper.narrow.white .cover:hover .oznam { display:block;}

.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 11px;
    height:auto;
}


.col-1 {width: 8.33%;}
.col-2 {width: 19%;}
.col-3 {width: 25%;}
.col-3a {width: 25.8%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 79%; min-height:380px;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%; overflow:hidden;}

.grid {overflow: visible}
.grid:after { content: ''; display: block; clear: both;}
.grid-sizer,
.grid-item {  width: 33.333%;}
.grid-item { float: left;}
.grid-item img { display: block; max-width: 100%;}
.grid-item img:hover {-webkit-filter: grayscale(100%) brightness(70%);filter: grayscale(100%) brightness(70%);}

/* text over thumbnails */
.grid-item span.text-content span {
    display:block;
    position: absolute;
    top:50%;
    width: 100%;
    font-size: 5vh;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
}

.grid-item span.text-content {
  background: rgba(0,0,0,0.5) url(../images/ico-loupe.png) bottom right no-repeat;
  color: white;
  cursor: pointer;
  display:block;
  width: 100%;
    height: 100%;
  position:absolute;
  margin-left: 100;
  margin-top: 0;
  margin-bottom:0;
    margin-right: 0;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.grid-item span.text-content:hover {opacity: 1;letter-spacing: 2px}

.grid-item span.gallery-name span {
    display:block;
    position: absolute;
    top:50%;
    width: 100%;
    font-size: 3vw;
    text-shadow: 0px 1px 1px rgba(0, 5, 0, 1);
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
}

.grid-item span.gallery-name {
  background: rgba(0,0,0,0);
  color: white;
  cursor: pointer;
  display:block;
  width: 100%;
    height: 100%;
  position:absolute;
  margin-left: 100;
  margin-top: 0;
  margin-bottom:0;
    margin-right: 0;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.grid-item span.gallery-name:hover {background: rgba(0,0,0,.7);letter-spacing: 2px}

.grid-wrapper ul{list-style-type: square}
.grid-wrapper li{
    font-size:100%!important; 
    font-weight:300; 
    line-height: 1.5; 
    margin:0;
    padding: 0 0 12px; 0}

.item { width:100%; height:auto; overflow:hidden; margin:.5em 0;}
.item label { line-height:1.1; cursor:pointer;}
.item label:hover { color:#c00;}
.item, .item img { vertical-align:middle;}
.item input { vertical-align:middle;}

a.lightbox img {
  height: auto;
}


.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
    z-index:126;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
}

.lightbox-target:target img {
  max-height: 100%;
  max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
  top: 0px;
}

/* /// TOOLTIP /// */
.tooltip{
    display: inline;
    position: relative;}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    font-size:.75em;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 10px;
    position: absolute;
    z-index: 98;
    width: auto;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.title-carousel{width:100%; height:auto;position:relative;margin:-50px auto 5px auto;}

.arrows-carousel {height:40px;width:40px;background: url(../images/arr_prev-next.png) rgba(255,255,255,0.25);display:block;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;z-index:5; cursor:pointer;}
.prev {background-position:top left}	.prev:hover {background-position:bottom left;background-color: #333;}
.next {background-position:top right}	.next:hover {background-position:bottom right;background-color: #333}
.carousel-prev{position:absolute;left:5px;top:50%;margin-top:-20px}
.carousel-next{position:absolute;right:5px;top:50%;margin-top:-20px}

.btn-title-carousel{margin:125px 0 0 40px}
.title-carousel-pagerbox{position:absolute;right:40px;bottom:20px;width:auto;height:16px}
.btn-title-carousel-pager{width:16px;height:16px;background:url(../images/btn_title-carousel-pager.png) top center no-repeat;float:left;display:block}
.btn-title-carousel-pager:hover{background-position:bottom center}

.list_carousel {background-color:none;	width:98%; height:80%;overflow:hidden;z-index:1; margin:1px 1% 1% 1%;position:relative; 
/*  margin-left:auto;margin-right:auto;top:0px;*/}
.banner { }
.list_carousel ul {	margin: 0;	padding: 0;	list-style: none;	display: block;}
.list_carousel li {	width: 100%;	height:19.62vw; /*18.075vw*/	padding: 0;	display: block;	float: left; z-index:4; }
.list_carousel img { width:auto; height:100%; border:none; }
.list_carousel.responsive {	width: 100%; margin-left: 0;}
.clearfix {	float: none; clear: both;}



/** /// Carousel ///  **/
 .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
     height: 67vh;
}

 .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

 .jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

 .jcarousel img {
    display: block;
    width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

 .jcarousel-control-prev,
 .jcarousel-control-next {
    position: absolute;
    top: 44%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: 0;
    color: #cfcfcf;
    text-decoration: none;
    font: 36px/67px Arial, sans-serif;
}

 .jcarousel-control-prev {
    left: 32px;
}

.jcarousel-control-next {
    right: 32px;
}

/** Carousel Pagination **/

 .jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

 .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size:78.57%;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #bdc2c4;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;
}

 .jcarousel-pagination a.active {
    background: #a50800;
    color: #fff;
    opacity: 1;
}

#tabObjednat { margin-left:1em!important; }
#infoObjednat { padding:0.5em; font-size:1.4em;  color:#990000;display:none; margin:0.5em;
	border:1px solid #990000;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#infoDV { padding:0.5em; font-size:1.4em;  color:#990000; margin:0.5em;
	border:1px solid #990000;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#o-titule { display:block; width:100%; height:auto; overflow:hidden;  }

#dzr {display:none; width:38%; height:auto; font-size:150%; margin:20% 25%; padding:4.2%; position:fixed; top:6%;
background:#cc0000; color:#fff; font-weight:bold; text-align:center; border:1px solid #fff;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;	-webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}

.err { width:99.8%; height:auto; overflow:hidden; padding:1%; background-color:#c00; color:#fff; font-weight:bold;
-webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}
.lsr { font-size:0.8em; color:#d00; text-align:right;}
#ikar_form { display:none;}

.red { color:#e00;}

.newsletter h2{ margin:0.7em!important;}
.newsletter input[type=button]{ margin:0.9em!important;}
#nlerr { color:red; margin:0.7em; font-size:1.3em; font-weight:bold;}
.hladanie h1 { width: 16.66%; float:left; }
.hladanie span { width:83%; height:auto; overflow:hidden; float:right; margin-top:1em; padding:0.1em 0;}
.hladanie input[type=text] { width:44%; margin:0 1% 0 24%; background:#fff;} .hladanie input[type=text]:focus { outline:none;}
.hladanie button[type=submit] { width:9%; background-color:#ddd; margin:0 1%;     padding: .75em 1em; float:left; border:none;
-webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px; cursor:pointer;}
.hladanie button[type=submit]:hover { background-color:#990000; color:#fff;}

.thl { width:100%; height:auto; overflow:hidden; }
.thl form { display:block; width:auto; height:auto; overflow:hidden; margin:0 auto; }
.thl.hladanie input[type=text] { width:48%; font-size:1.4em; margin-left:21%;}
.thl.hladanie button[type=submit] {font-size:1.4em; margin-top:1px; }

.sfo { width:100%; height:90vw; overflow:visible;}

.grid-wrapper.doplnok #photo { width:100%; height:auto;}
.grid-wrapper.doplnok #thumbs-a img { height:120px; width:auto; margin:0 30px;}

.rinfo  { color:#E00; font-weight:bold;}
.nwd { white-space:nowrap; }

.rel { position:relative;}
#mobinf { display:none; position:absolute; left:2%; top:0; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.freg input[type=tel].ok { border:solid 1px #47B183;} 
.freg input[type=tel].no { border:solid 1px #c00; position:relative;} 

#plpo { display:none;}
h4.oznam {color:#c00; font-size:24px; margin-bottom:10px; text-transform:uppercase;}

.grid-wrapper.vop li { font-weight:400;}
.vop h2 { font-size:1.6em; font-weight:200; line-height:1.3; margin-bottom:.2em;}
.vop h3 { font-size:1.4em; margin-bottom:.2em;}
.vop h4 { font-size:1em; line-height:1.4;}
.vop p span.red { color:#c00;}

@media (max-width:959px) { .jcarousel-control-prev { left: 10%;} .jcarousel-control-next { right: 10%;}}

@media (max-height:680px) and (min-width: 800px) {
	.hladanie h1, .hladanie h2 { display:none; } .sidemenu { margin-top:-100px;}
}

@media only screen and (min-width: 1400px) {
	body {background: #fff;}
	.mw {width:1400px; height:auto; overflow:hidden;background: url(../images/bkg.gif) #E9E9E9;}
	.col-3 .bb { min-height:235px; }		
	.col-3 .bb .ib, .cover .ib {height: 278px;}
	.bl4 .bb { min-height: 246px;}
	.bl4 .bb .ib {height: 222px;}
	.list_carousel {width:1207px; height:270px; margin:1px auto 10px auto;}
	.list_carousel img {width:1207px; height:270px; }
	.grid-wrapper.narrow.white .cover .titd { height: 68px;}
	.grid-wrapper.narrow.white .cover span.tit a { height: 68px; font-size: 16pt;}
	.grid-wrapper.narrow.white .cover span.tit a.m {font-size:13.8pt;}
	.grid-wrapper.narrow.white .cover span.tit a.s {font-size:14pt;}
	.grid-wrapper.narrow.white .cover span.tit.s a { font-size: 14pt;}	
	.title-tribox, .title-tribox-last{font-size:23pt;}
	.sidemenu li a {font-size: 15pt;}	

	.grid-wrapper.narrow.white .cover span.ex, .cover span.pr, .cover span.vy, .cover span.dv, .cover span.sk, .cover span.dd, .cover span.no, .cover span.nv 
		{ height: 28px; line-height: 28px;font-size: 8pt;}
	.grid-wrapper.narrow.white .cover span.price {height: 28px; line-height: 28px;font-size: 11pt;}
	.grid-wrapper.narrow.white .bl4 .cover span.ex, .bl4 .cover span.pr, .bl4 .cover span.vy, .bl4 .cover span.dv, .bl4 .cover span.sk, .bl4 .cover span.dd,
	.bl4 .cover span.no, .bl4 .cover span.nv { font-size: 8pt;}

	.grid-wrapper.narrow.white .bl4 span.tit a{font-size:16pt;}
	.grid-wrapper.narrow.white .bl4 span.tit a.m{font-size:13.8pt;}
	.grid-wrapper.narrow.white .bl4 span.tit a.s{font-size:12pt;}
	.grid-wrapper.narrow.white .cover .oznam{ font-size:16pt;}

	article .header h1, .grid-wrapper.narrow h1, .header h1 { font-size: 34pt;}
	article .header h3 { font-size: 24pt;}
	article .links a { font-size:15pt;}
	
	.btn-buy { font-size: 10pt;}
	.tabs label.lus {font-size: 16pt;}

	.footer { background:#ddd;}
	.footer-content {font-size: 11pt;}
}

@media only screen and (max-width: 1399px) {
	body {background: url(../images/bkg.gif) #E9E9E9;}
	.grid-wrapper.narrow.white{width:88%; margin:0 6% 0 6%;}
	.col-3 .bb { min-height:12.5vw;}		
	.col-3 .bb .ib, .cover .ib {height: 19.9vw;}
	.bl4 .bb { min-height: 11vw;}
	.bl4 .bb .ib {height: 15.6vw;}
	.list_carousel {width:98%; height:80%;margin:1px 1% 1% 1%;;}
	.list_carousel img { width:auto; height:100%;  }	
	.grid-wrapper.narrow.white .cover .titd { height: 4.9vw;}
	.grid-wrapper.narrow.white .cover span.tit a { height: 4.9vw; font-size: 1.55vw;}
	.grid-wrapper.narrow.white .cover span.tit a.m {font-size:1.15vw;}
	.grid-wrapper.narrow.white .cover span.tit a.s {font-size:1.3vw;}
	.grid-wrapper.narrow.white .cover span.tit.s a { font-size: 1.3vw;}	
	.title-tribox, .title-tribox-last{font-size:2.4vw;}
	.sidemenu li a {font-size: 1.4vw;}	

	.grid-wrapper.narrow.white .cover span.ex, .cover span.pr, .cover span.vy, .cover span.dv, .cover span.sk, .cover span.dd, .cover span.no, .cover span.nv 
	 { height: 2vw; line-height: 2.2vw;font-size: 0.85vw;}
	.grid-wrapper.narrow.white .cover span.price {height: 2vw; line-height: 2vw;font-size: 1.1vw;}

	.grid-wrapper.narrow.white .bl4 span.tit a{font-size:1.3vw;}
	.grid-wrapper.narrow.white .bl4 span.tit a.m{font-size:1.15vw;}
	.grid-wrapper.narrow.white .bl4 span.tit a.s{font-size:1vw;}

	article .header h1, .grid-wrapper.narrow h1, .header h1 { font-size: 4.2vw;}
	article .header h3 { font-size: 2vw;}
	.btn-buy { font-size: 1.3vw;}
	.footer-content {font-size: 10pt; }
}

@media only screen and (max-width: 1200px) {
    /*[class*="slider"] {margin-top: 6vh!important;height:220px!important}*/
	.col-3 .bb { min-height:12.1vw;}	
}

@media only screen and (max-width: 1130px) {
	.footer-content {line-height:1.4; padding-top:4px; }
}



/*  1024  */   
@media only screen and (max-width: 1024px) {
    /*[class*="menu"] {font-size:2.3vh}*/
    [class*="inner"] {
        width:100%!important;
        margin-left:0!important;   
        margin-right:0!important
    }
    /*[class*="slider"] {margin-top: 14vh!important;height:35vh!important;background-size:cover!important;}*/
    /*[class*="cover"] span a {
        font-size: 90%!important;
        line-height: 1!important
    }*/
    [class*="price"] {
       /* bottom:3em!important;
        right:-1em!important;*/
    }
    [class*="title-tribox"] img{
        width:40%!important;
    }
	.footer-content { box-sizing: border-box; padding:4px 5% 0 5%; }


}

@media only screen and (max-width: 767px), handheld {
    /*[class*="slider"] {
        height:27vh!important;
        background-size:cover!important;
        background-size:auto!important
    }*/
    /*[class*="title-tribox"] {height:42vh!important;}*/
    [class*="title-tribox"] img{width:50%!important;}
    /*[class*="cover"] img{width:85%!important;margin-right:auto;margin-left:auto}*/
    [class*="grid-wrapper"] {width: 100%;}
    /*[class*="header"] h1{font-size:8vw!important}*/
    [class*="header"] h2{font-size:5vw!important}
    [class*="links"] a {font-size:3vh!important;}
    [class*="social"] ul li img{width:5em!important;height:5em!important;}
    [class*="narrow"] {width: 100%;}
    /*[class*="menu"] {font-size:1.5vh}*/
    [class*="sidemenu"] {position: static}
    [class*="sidemenu"] a {font-size:4.5vw!important;}
    /*[class*="cover"] span.price{
        width:20vw!important;
        height:20vw!important;
        line-height:18vw!important;
        border-radius:20vw!important;
        font-size:4.5vw!important;}*/
    [class*="col-"] {width: 100%;}
    [class*="logo"] {float: none!important;background-position: center center!important;width:15vw;height:15vw;}
    [class*="header"] {height:auto!important;overflow:auto!important}
    /*[class*="inner"] {width: 100%!important;height:auto!important;overflow:auto!important}*/
    [class*="active"] {
        width: 100%!important;
        padding:0!important;
        margin:0 0 8px 0!important;
        border-bottom:0!important;
        /*background:#333 ;*/
        padding:3% !important;}
    [class*="inner"] {text-align: center}
    [class*="grid-sizer"] {width:100%}
    [class*="grid-item"] {width:100%}
    [class*="grid-item"] img {width:100%}
    [class*="grid-wrapper"] h1{font-size:8vh; line-height:1.3; }
    [class*="title-wrapper"] {height:80vh}
    [class*="footer-content"] {font-size:1.5vh}

	.grid-wrapper.narrow.white .bl4 .cover {width: 100%; margin:2% 0 4% 0; }
	.col-3 .bb .ib, .cover .ib { height:85vw; }
	.bl4 .bb .ib {height:85vw;}

	.grid-wrapper.narrow.white .bl4 .new {width:8vw;height:24vw; top:-1.8vw; left:10vw; }
	.grid-wrapper.narrow.white .bl4 .cover span.ex , .bl4 .cover span.pr, .bl4 .cover span.vy, .bl4 .cover span.dv, .bl4 .cover span.sk, .bl4 .cover span.dd,
	.bl4 .cover span.no, .bl4 .cover span.nv {font-size:3vw; height:6vw; line-height:6vw; padding:0; }
	.grid-wrapper.narrow.white .bl4 span.tit a{font-size:6vw; height:auto;}
	.grid-wrapper.narrow.white .cover span.ex, .cover span.pr, .cover span.vy, .cover span.dv, .cover span.sk, .cover span.dd, .cover span.no, .cover span.nv 
	 {font-size:3vw; height:6vw; line-height:6vw; padding:0; }
	.grid-wrapper.narrow.white .cover span.price{ font-size:3vw;height:6vw; line-height:6vw;  }
	.grid-wrapper.narrow.white .cover span.tit a{font-size:6vw; height:auto;}
	.grid-wrapper.narrow.white .cover .titd { margin:5% 0;}
	.grid-wrapper.narrow.white .cover .oznam{ font-size:15pt;}

	/*.grid-wrapper.narrow.white{width:100%; margin:0;}*/

	article .header h1, .grid-wrapper.narrow h1, .header h1 { font-size: 24pt;}
	article .header h3 { font-size: 18pt;}
	
	.thl.hladanie input[type=text] { width:76%; margin:5% 1% 5% 1%; background:#fff; font-size:4vw;}
	.thl.hladanie input[type=text]:focus { outline:none;}
	.thl.hladanie button[type=submit] { width:20%; background-color:#999; margin:5% 1%;  padding: .96em .5em; float:left; border:none;  font-size:3.6vw;
-webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px; cursor:pointer;}
	.thl.hladanie button[type=submit]:hover { background-color:#990000; color:#fff;}
	
	.grid-wrapper.narrow.white.lcm { width:100%; margin:0; min-height:25vw;  }
	.list_carousel li {	height:22.2vw;}
	.footer {height:50px;}
	.footer-inner{height:50px; padding-top:1px;}
	.footer-content .ikar { display:none;}
	.footer-content {font-size: 10px!important; line-height:1.5; padding:0; height:50px; }	
}