@font-face{font-family:istudio; font-display: swap; src:url('istudio.eot'); src:url('istudio.woff') format('woff'), url('istudio.ttf') format('truetype'), url('istudio.svg') format('svg'); } /*c*/
@font-face{font-family:istudio2; font-display: swap; src:url('istudio2.eot'); src:url('istudio2.woff') format('woff'), url('istudio2.ttf') format('truetype'), url('istudio2.svg') format('svg'); } /*c*/
@font-face{font-family:istudio3; font-display: swap; src:url('istudio3.eot'); src:url('istudio3.woff') format('woff'), url('istudio3.ttf') format('truetype'), url('istudio3.svg') format('svg'); } /*c*/
html,body,div,span,object,iframe,h1,h2,h3,h4,p,a,ol,ul,li,img,form,label,table,tr,th,td{background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; outline:0; box-sizing:border-box;} /*c*/
footer,header,nav,section{display:block; box-sizing:border-box;} /*c*/
html{height:100%; overflow-x:hidden!important;} /*c*/
body{FONT-FAMILY:istudio2, Tahoma; font-size:14px; color:#333; background-color:$bg_main; overflow-x:hidden!important; -webkit-font-smoothing:antialiased; background-image:url('poz_footer.png'); background-repeat:repeat-x; background-position:bottom; background-attachment: fixed; } /*c*/
h1,h2{FONT-FAMILY:istudio3,Tahoma; font-size:40px; padding:0 0 20px 0; font-weight: 400; line-height:1.20em; color:#333;} /*c*/
h1 span,h2 span{FONT-FAMILY:istudio,Tahoma; font-weight: 1;} /*c*/
h1 div{COLOR:#B8B8B8; FONT-FAMILY:istudio2, Tahoma; FONT-SIZE:11px; margin:0 0 20px 5px; vertical-align:top; display:block; text-transform: uppercase;}/*c*/
h1.vacsie,h2.vacsie{FONT-SIZE:60px; line-height:47px;}
h1.vacsie span,h2.vacsie span{FONT-SIZE:55px; line-height:30px; color:$mycolor;}
h3,.h3{font-size:25px; padding:40px 0 20px 0; color:#333;}
a{position: relative; color:#000; text-decoration:none; cursor:pointer; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s;}
a:hover{color:$mycolor; text-decoration:none}
a:after {bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; background: $mycolor; transition: width 0.6s ease 0s, left 0.6s ease 0s; width: 0;}
a:hover:after {width: 100%;}
a.noefect:after{width: 0;}
b, .bold{FONT-FAMILY:istudio, Tahoma; font-weight: 400;}
.bold img[src^=ico]{margin-right: 10px; vertical-align: middle;}
.underline{text-decoration: underline;}
ul,ol{list-style-position:inside}
img{max-width:100%; max-height:100%;} /*c*/
img[src^=prz]{position: absolute; bottom: 20px; right: 20px;} /*c*/
img[src^=ico2]{width:57px; height:61px;}
img[src^=l_] {width: 20px; height: 15px;}
.tovar img[src^=prz]{position: absolute; top: 180px; right: -20px;} /*c*/
table{border-collapse:collapse; border-spacing:0; border:medium none;}
table th{border:0; padding:5px 7px; text-align:center}
table td{padding:5px 10px; text-align:center; vertical-align:middle;}
iframe{width: 100%; height: calc(25vw + 25vh); min-height: 400px; margin-bottom: -7px;} /*c*/

.odsadenie{padding-left: calc(6vw + 6vh); padding-right: calc(6vw + 6vh);} /*c*/
.odsadenie2{padding-top: calc(3vw + 4vh); padding-bottom: calc(3vw + 4vh);} /*c*/
.odsadenie2m{padding-top: calc(2vw + 2vh); padding-bottom: calc(2vw + 2vh);} /*c*/
.odsadenie p{margin-bottom:20px; text-align: justify;}
.odsadenie ul{list-style-position: outside; padding: 0 0 30px 40px;}

.clearfix:before,.clearfix:after{content:" "; display:table} .clearfix:after{clear:both} .clearfix{*zoom:1}
.relative{position: relative;}
.nowrap{white-space: nowrap;} /*c*/
.round-shadow{overflow:hidden; position:relative;}
.round-shadow:after{content:""; position:absolute; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.5); box-shadow:0 0 40px rgba(0,0,0,0.5); bottom:-100px; left:0; right:0; width:100%; height:100px; -moz-border-radius:100%; border-radius:100%;}
.round-shadow-top:after{top:-100px;}
#more1,#more2,#more3{display: none;} /*readmore,c*/
.ikony{text-align: center;}
.ikony>a{display:inline-block; background: $takmer_biela; width:108px; height:108px; FONT-FAMILY:istudio, Tahoma; color:#333; vertical-align:top; margin:0 .1vw;}
.ikony>a img{display:block; margin: 20px auto 10px auto; max-width: 40px; height: 35px;}
.ikony>a:hover{background: $mycolor; height:118px; margin:-5px .1vw; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.ikony>a:hover img{max-width: 45px; height: 40px;}

.kat_icon{position: relative; display:inline-block; width: 9vw; max-width: 140px; min-width: 120px; margin: calc(.4vw + .4vh); vertical-align: top;  border:1px solid #EEEEEE; background-position: center; background-size: cover;} /*shop,c*/
.unactive .kat_icon{filter: opacity(0.5) grayscale(1); -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease;} /*shop*/
.kat_icon:hover, .kat_icon.active{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none;} /*shop*/
.kat_icon:hover {box-shadow:0 0 5px 2px rgba(0,0,0,.05);} /*shop*/
.kat_icon .obr {line-height: 125px; height:125px; margin:0;} /*shop,c*/
.kat_icon .obr img{max-height:110px;} /*shop,c*/
.kat_icon .nazov {display: table; width: 100%; min-height: 66px; background:$mycolor2;} /*shop,c*/
.kat_icon .nazov span{display: table-cell; vertical-align: middle; padding: 10px; text-align: center; color: #000; font-size: 12px; text-transform:uppercase;} /*shop,c*/
a.zrusit {text-align: left; filter: none; width:auto; height: auto; border-radius:0; border:0;} /*shop*/
a.zrusit: hover{box-shadow: none;} /*shop*/
a.zrusit img{vertical-align: -20px;} /*shop*/

.loga{text-align: center;}
.loga img{max-width: 100px; max-height: 50px; opacity:0.4; filter: grayscale(1); margin: calc(0.6vw + 5px); vertical-align: middle; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s;}
.loga img:hover{opacity:1; filter: grayscale(0);}

.delenie {width:100%; min-height: 300px; display: table;}
.delenie>.velky{width:60vw; display: table-cell; vertical-align: top; padding-right: 5vw;}
.delenie>.maly{width:auto; display: table-cell; background-position: center; background-size: cover; padding-left: 5vw;}
.delenie>.detail_img{position: relative; padding: 0; line-height: 50vh; text-align: center; vertical-align: middle;}
.delenie>.detail_img img{vertical-align: middle; max-height: 50vh;}

.textura{background:$mycolor2; width: 100%; color:$takmer_cierna !important;}
.tmavy{width:100%; background-color: $takmer_cierna; color: #fff;}
.tmavy h1, .tmavy h2{color: $takmer_biela;}
.odsek{padding: 10vw 10vw 10vw 45vw; background-repeat: no-repeat; background-size: auto 100%; background-position: left;}
.layer{position: absolute; bottom: -7px; width:100%; height: 7px; background-image:url('layer.png'); background-repeat: repeat-x;}
.layer2{position: absolute; bottom: 0; width:100%; height: 7px; background-image:url('layer2.png'); background-repeat: repeat-x;}
.oblaky{background-image:url('oblaky.png'); background-repeat: repeat-x; background-position: bottom; }
.bg_biela{position: relative; width:100%; background-color:#fff;}
.bg_mycolor{background-color:$mycolor !important; color: $menu_intro_a_hovertxt;}
.bg_mycolor2{background-color:$mycolor2;}

.qbutton{display:inline-block; position: relative; background:$mycolor2; padding:15px 40px; margin-bottom: 5px; FONT-FAMILY:istudio2,Tahoma; text-transform: uppercase; color:$menu_intro_a_txt; text-decoration:none; white-space: nowrap; vertical-align: top; cursor:pointer; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s;} /*c*/
.qbutton img[src^=ico] {position: absolute; top: 0; left: -30px; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s;} /*c*/
.qbutton img[src^=submenu] {visibility:hidden; opacity:0; position: absolute; bottom: -5px; left: calc(50% - 11px);  height: 0; z-index: 999;} /*c*/
.qbutton:hover{text-shadow:0 0 5px rgba(0,0,0,0.3); color:$menu_intro_a_hovertxt; background-color:$mycolor; padding-top: 20px; margin-bottom: 0; } /*c*/
.qbutton:hover img[src^=submenu]{visibility:visible; opacity:1; height: auto;} /*menusub*/
.qbutton:hover img[src^=ico] {top: 3px; left: -20px;}

input, TEXTAREA, SELECT{border: 1px dotted rgba(0,0,0,0); border-bottom: 2px solid #ccc; vertical-align: top; box-sizing:border-box; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s;} /*c,form*/
input:hover, TEXTAREA:hover, SELECT:hover{border: 1px dotted rgba(0,0,0,0.1); border-bottom: 2px solid $mycolor;} /*form*/
input[type=text], input[type=number], input[type=password], input[type=date], input[type=submit], input[type=button], .submit, TEXTAREA, SELECT{FONT-FAMILY:Tahoma; padding:14px 12px; background-color:#fff; color:#333; line-height: 16px; font-size:14px;} /*c,form*/
input[type=date]{background-image:url('ico_calendar.png'); background-repeat: no-repeat; background-position: 4px 7px; padding-left: 24px; text-transform: uppercase;} /*form*/
input[type=radio], input[type=checkbox]{width: 20px; height:20px; vertical-align: middle;} /*form*/
input:focus::-webkit-input-placeholder {opacity: 0;} /*form*/
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder {color: #ccc;} /*form*/
input:disabled, option:disabled, .unchecked, .qbutton.nedostupny, .qbutton.nedostupny:hover{background: #ddd !important; color: #454545 !important;} /*form*/
option{line-height: 1.5em;} /*form*/
.form-maly {width:70px;} /*form*/
.form-kmalemu {margin: 1px 0 15px 15px !important; width:calc(100% - 89px);} /*form*/
.form-kmalemu2 {border-top-left-radius: 0 !important; border-bottom-left-radius: 0!important; margin-left: 0!important; width:calc(100% - 72px);} /*form*/
.form-stredny {width:20%; min-width: 100px; margin: 0 1vw 1vw 0;} /*form*/
.form-velky {width:50%; min-width: 250px;} /*form*/
.form-full {width:100%; margin-bottom: 23px !important;} /*form*/
.povinne{background-image:url('povinne.png'); background-repeat: no-repeat; background-position: top 5px right 5px;} /*c,form*/
.nepovinne{background: $mycolor;} /*form*/
.nepovinne input{background-color:#ddd;} /*form*/
.bez_praveho {border-top-right-radius: 0 !important; border-bottom-right-radius: 0!important; margin-right: 0 !important;} /*c,form*/
.chybny{background-image: url('pruhy.png'); background-repeat: repeat; } /*form*/
.chyba{background: url('chyba.png') no-repeat left;min-height: 45px; padding-left: 60px; FONT-FAMILY:istudio; FONT-SIZE:20px; line-height: 45px; text-transform: uppercase; COLOR:#FF0000; margin: 30px 0 50px 0;} /*form*/
.submit {display: inline-block; cursor:pointer; margin: 0 -3px; padding-right: 20px; padding-left: 20px; background-image:url('line.png'); background-repeat:repeat-y; background-position:left; FONT-FAMILY:istudio,Tahoma; text-align:center; FONT-SIZE:12px; line-height: 19px; -webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;} /*c,form*/
.submit:hover {padding-right: 20px; padding-left: 25px; background-color: $mycolor; background-position: left 50px; color:$menu_sticky_a_hovertxt; text-shadow:0 0 10px rgba(0,0,0,0.5);}
.submit_red {padding-right: 10px; padding-left: 10px; background:red; color:#cdcdcd;} /*c,form*/
.submit_red:hover {padding-right: 15px; padding-left: 15px; color:#fff;}
.radio input{vertical-align: top; margin-right: 15px;}
.radio>div{display: inline-block; padding-bottom: 10px; line-height: 150%; max-width: calc(100% - 40px);}

INPUT[name="hladaj"] {background-image: url('vyhladavanie.png'); background-repeat: no-repeat; background-position: 10px center; padding-left: 35px !important;} /*c*/
#livesearch, #livesearch2, INPUT[name="hladaj"] {width: calc(250px + 8vw); max-width: calc(98vw - 80px);} /*c*/
#livesearch, #livesearch2{display: none; position: absolute; z-index: 99999; background:#fff; border: 1px solid #bebebe; -webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
#livesearch a, #livesearch2 a{display: block; clear: both; color: #333;  width: 100%; padding: 9px 5px 2px 5px; box-sizing: border-box; min-height: 43px;}
#livesearch a:hover, #livesearch2  a:hover{background:#EBEBEB;}
#livesearch .obr, #livesearch2 .obr{display:table; width:50px; height:50px; line-height: 50px; float: left; margin: 0 5px 5px 0;}
#livesearch .obr div, #livesearch2 .obr div{display:table-cell; vertical-align:middle; text-align:center;}
#livesearch .obr div img, #livesearch2 .obr div img{max-width: 45px; max-height: 45px;}
#livesearch h2, #livesearch2 h2{FONT-SIZE:15px; line-height:18px; padding:0; background:none; text-transform:none;}
#livesearch p, #livesearch2 p{FONT-SIZE:12px; padding:0;}
#livesearch span, #livesearch2 span{display: block; text-align:right; color: #999;}
#livesearch .kat, #livesearch2 .kat{margin-top: 6px !important;}
.filter{position: relative; display: inline-block; margin: 0 15px 20px 0;}
.filter div{position: relative;}
.filter .submit{position: absolute; top: 0; right: 0;} /*c*/

.button{text-align: right;}
.button .cierny{font-size: 30px;}
.button img{top: -5px;}

.ajax_loader{position:fixed; top:50%; left:50%; z-index:1100; display:none} /*slider,c*/
.ajax_loader .pulse{width:32px; height:32px; margin:-16px 0 0 -16px; background-color:#303030; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; border-radius:16px; -webkit-animation:scaleout 1.0s infinite ease-in-out; animation:scaleout 1.0s infinite ease-in-out}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1); opacity:0}}@-moz-keyframes scaleout{0%{-moz-transform:scale(0)}100%{-moz-transform:scale(1); opacity:0}}@-ms-keyframes scaleout{0%{-ms-transform:scale(0)}100%{-ms-transform:scale(1); opacity:0}}@-o-keyframes scaleout{0%{-o-transform:scale(0)}100%{-o-transform:scale(1); opacity:0}}@keyframes scaleout{0%{transform:scale(0); -webkit-transform:scale(0)}100%{transform:scale(1); -webkit-transform:scale(1); opacity:0}} /*slider,c*/
.ajax_loader{width:72px; text-align:center; margin:-9px 0 0 -36px} /*slider,c*/
.ajax_loader>div{width:18px; height:18px; background-color:#303030; margin:0 3px 0 0; border-radius:100%; display:inline-block; -webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both} /*slider,c*/
.ajax_loader .bounce1{-webkit-animation-delay:-0.32s; animation-delay:-0.32s} /*slider,c*/
.ajax_loader .bounce2{-webkit-animation-delay:-0.16s; animation-delay:-0.16s} /*slider,c*/
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}} /*slider,c*/
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0); -webkit-transform:scale(0.0)}40%{transform:scale(1.0); -webkit-transform:scale(1.0)}} /*slider,c*/

.q_logo {position:static;} /*c*/
.q_logo img{position:absolute; top:0; left:calc(18vw - 200px); height:130px; max-height:none; z-index: 1000} /*c*/
.q_logo img.sticky{display: none; top: -2px; height: calc($header_height + 15px);} /*c*/
.q_logo img.mobile{display: none; top: 8px; left:70px; height: auto; max-width: 50%; max-height: calc($header_mobile_height - 10px); } /*c*/
header{width:100%; height:calc($header_intro_height - 3px); background: #fff; display:inline-block; vertical-align:middle; position:absolute; z-index:110;} /*c*/
header.noslider{position: relative;}
header.noslider:not(.sticky)  .q_logo img:not(.mobile){top: 0;} /*c*/
header.sticky{height:calc($header_height - 5px); -webkit-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1); -moz-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1); -o-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1); -ms-transition:all .33s cubic-bezier(0.694,0.0482,0.335,1); transition:all .33s cubic-bezier(0.694,0.0482,0.335,1); top:-120px; left:0; position:fixed;}
header.sticky.sticky_animate{top:0}
header.sticky .q_logo img{display: none;}
header.sticky .q_logo img.sticky{display: block; cursor: pointer;}
.main_menu{position:absolute; top: 0; left:calc(18vw - 250px + 312px + 4vw); z-index:100; width:100%;} /*c*/
.main_menu{display:none;} /*citatviac,c*/
.main_menu ul{list-style:none outside none; height:$header_intro_height;} /*c*/
.main_menu ul li{display:inline-block; margin-left:-5px; vertical-align: top; position: relative; } /*c*/
.main_menu ul li>a{text-shadow:0 0 5px rgba(184,73,15,0.3); color:$menu_intro_a_txt; font-size:12px; display:table-cell; vertical-align:middle; text-align:center; height:$header_intro_height; line-height:17px; text-decoration:none; padding:0 calc(3vw - 15px); cursor:pointer;} /*c*/
.main_menu ul li img:first-child{display: block; margin: 5px auto 12px auto; -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s;} /*menuico,c*/
.main_menu ul li img[src^=submenu] {filter: invert(.6); visibility:hidden; opacity:0; position: absolute; top: calc($header_intro_height + 5px); left: calc(50% - 11px);  height: 0; margin:0; z-index: 999;} /*c*/
.main_menu>ul>li:hover>a{color:$menu_intro_a_hovertxt; background-color:$menu_intro_a_hoverpoz; height:calc($header_intro_height + 5px);  -webkit-transition:background-color .6s ease-out 0s; -moz-transition:background-color .6s ease-out 0s; -o-transition:background-color .6s ease-out 0s; -ms-transition:background-color .6s ease-out 0s;} /*c*/
.main_menu>ul>li:hover img:first-child{margin: 0 auto 12px auto;} /*menuico,c*/
.main_menu>ul>li:hover img[src^=submenu]{visibility:visible; opacity:1; height: auto; margin:0;} /*menusub,c*/
.submenu {visibility:hidden; padding: 15px 0 10px 0; opacity:0; position:absolute; top:$header_intro_height; left:0; width:200px; height:0; background-color:rgba(255,255,255,0.8); z-index:101; -webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s;} /*submenu,c*/
header.sticky .submenu {top:$header_height;} /*submenu,c*/
.submenu A{display:block; text-align:left; padding: 10px 15px; line-height: 120%; font-size: 12px; color: $takmer_cierna; FONT-FAMILY:istudio2,Tahoma;} /*submenu,c*/
.submenu A span{display:block; width: 170px;} /*submenu,c*/
.submenu A:hover{color: #000; background:$bg_main; margin: 0 -5px; padding: 10px 20px; width: calc(100% + 10px);} /*submenu*/
.menu0:hover .submenu, .menu1:hover .submenu, .menu2:hover .submenu, .menu3:hover .submenu, .menu4:hover .submenu, .menu5:hover .submenu, .menu6:hover .submenu, .menu7:hover .submenu, .menu8:hover .submenu, .menu9:hover .submenu{visibility:visible; opacity:1; height:auto;} /*submenu,c*/

.infopanel {position:absolute; top: calc($header_intro_height + 30px); right:0; z-index:90; background: $mycolor2; height:31px; vertical-align: top;} /*c*/
.infopanel a{color:#000; vertical-align: top; padding-top: 9px; padding-right: 3vw; display: inline-block; line-height: 20px; text-transform: uppercase; font-size: 12px;} /*c*/
.infopanel a:hover{color:$mycolor;} /*c*/
.infopanel img{max-width: none; max-height: none; margin: -14px 8px 0 -5px; z-index: 999;}
header.sticky .infopanel {top: calc($header_height - 3px);} /*c*/

header.sticky .main_menu{display:block; left:calc(18vw - 200px + 185px + 2vw);}
header.sticky .main_menu>ul{height: $header_height;}
header.sticky .main_menu>ul>li.active>a{color: $menu_sticky_a_activetxt!important; background-color:$menu_sticky_a_activepoz;}
header.sticky .main_menu>ul>li>a{color:$menu_sticky_a_txt!important; height:$header_height;}
header.sticky .main_menu ul li:hover>a{color:$menu_sticky_a_hovertxt!important; height:$header_height; background-color:$menu_sticky_a_hoverpoz; text-shadow:0 0 5px rgba(255,255,255,0.6);}
header.sticky .main_menu ul li img:first-child{display: none;}
header.sticky .main_menu ul li img[src^=submenu], header.sticky .main_menu .submenu{top:$header_height;}

.mobile_menu_button{color:$menu_mobile_a_txt; display:none; float:left; font-size: 32px; margin:0 calc($header_mobile_height / 2 - 8px); line-height: $header_mobile_height; cursor:pointer;} /*c*/
.mobile_menu{display:none; width:100%; position:relative; top:0; text-align:left; overflow:hidden; background-color:$menu_mobile_poz; z-index:100} /*c*/
.mobile_menu ul{display:none; width:100%; list-style:none; padding:15px 0 30px 0;} /*c*/
.mobile_menu ul li a{font-size:13px; color:$menu_mobile_a_txt; text-shadow:0 0 5px rgba(184,73,15,0.3); display:block; padding:5px 9px 5px 40px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-tap-highlight-color:transparent}
.mobile_menu ul li>a:first-child{FONT-FAMILY:istudio,Tahoma; padding: 9px 9px 9px 30px;}
.mobile_menu ul li a:hover,.mobile_menu ul li.active>a{color:$menu_mobile_a_activetxt; text-shadow:0 0 5px rgba(255,255,255,0.6); background-color:$menu_mobile_a_activepoz}
.mobile_menu ul li{border-bottom:1px solid $menu_mobile_a_activepoz;}
.mobile_menu ul li:last-child{border:0!important}
.mobile_submenu{margin-bottom: 15px;}
.mobile_submenu a{padding: 2px calc(2vw + 40px) !important;}
.mobile_submenu img{-webkit-filter: invert(1); filter: invert(1); max-width: 30px; height: 25px; vertical-align: middle; margin-right: 9px;}

.content{position:relative; z-index:100; margin:0 0 $footer_height 0; background-color:$bg_main;} /*c*/
.full_width{position:relative; z-index:100; background-color:$bg_main; min-height: calc(100vh - $header_intro_height - $footer_height);}  /*c*/
.citatviac_padding{padding-top: $header_intro_height !important;} /*c*/

.two_columns_66_33{width:100%}
.two_columns_66_33>.column1{width:66.66%; float:left; padding-right: 1vw;}
.two_columns_66_33>.column2{width:33.33%; float:left; padding-left: 1vw;}
.two_columns_33_66{width:100%}
.two_columns_33_66>.column1{width:33.33%; float:left; padding-right: 1vw;}
.two_columns_33_66>.column2{width:66.66%; float:left; padding-left: 1vw;}
.two_columns_75_25{width:100%}
.two_columns_75_25>.column1{width:75%; float:left; padding-right: 1vw;}
.two_columns_75_25>.column2{width:25%; float:left; padding-left: 1vw;}
.two_columns_25_75{width:100%}
.two_columns_25_75>.column1{width:25%; float:left; padding-right: 1vw;}
.two_columns_25_75>.column2{width:75%; float:left; padding-left: 1vw;}
.two_columns_50_50{width:100%}
.two_columns_50_50>.column1{width:50%; float:left; padding-right: 1vw;}
.two_columns_50_50>.column2{width:50%; float:left; padding-left: 1vw;}
.three_columns{width:100%}
.three_columns>.column1,.three_columns>.column2,.three_columns>.column3{width:33.33%; float:left}
.four_columns{width:100%}
.four_columns>.column1,.four_columns>.column2,.four_columns>.column3,.four_columns>.column4{width:25%; float:left; padding: 0 1vw;}
.four_columns>.column1{padding-left:0;} .four_columns>.column4{padding-right:0;}
.five_columns>.column1,.five_columns>.column2,.five_columns>.column3,.five_columns>.column4,.five_columns>.column5{width:20%; float:left}

.call_to_action{background-color:$mycolor; color:$takmer_cierna; padding-top: 30px; padding-bottom: 30px;}
.call_to_action>div{display:table; width: 100%;}
.call_to_action .oznam{padding: 2vh 0;}
.call_to_action .text{display: table-cell; vertical-align: middle; font-size:32px; FONT-FAMILY:istudio3, Tahoma; text-align: left;}
.call_to_action .tlacidla{display: table-cell; vertical-align: middle; text-align:right;}
.call_to_action .qbutton{margin-left:15px;}
.call_to_action .qbutton:hover{background: $bg_main;}
section{display:block; position:relative; overflow:hidden; background-size:cover; min-height: 200px; margin-bottom: 30px;}
section p{padding: 20vh 6vw; text-align: center; color:#fff; font-size:16px; letter-spacing:20px; text-shadow:1px 1px 15px rgba(0,0,0,0.9); text-transform:uppercase;}

footer{color:$footer_txt; font-size:12px; width: 100%; min-height: $footer_height; position:fixed; left: 0; bottom:0; z-index:99; text-shadow:1px 1px 5px rgba(0,0,0,0.3);}
footer .footer_content{position: absolute; width: 100%; bottom: 0; padding: 10px 6vw 10px 6vw;}
footer .footer_content div{display: inline-block; vertical-align: top; padding-right: 2.5vw; line-height: 150%; FONT-FAMILY:istudio,Tahoma;}
footer p{font-size:80%; text-align: center; opacity:0.7; margin: 40px 0 0 0;}
footer a{color:$footer_txt; FONT-FAMILY:istudio2,Tahoma;}
footer a:hover{color:$footer_hover;}
footer img[src^=logo] {margin-right: 20px; width:180px; height:70px;}
footer img[src^=odd] {margin: -60px 0 -20px 0; display: inline-block; width:43px; height:214px;}
.cookie-message{position:fixed; width: 100%; bottom:0;left:0; FONT-SIZE:90%; padding:10px 20px; text-align: center; background:rgba(255,255,255,0.8); box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:1000;} /*c*/
.cookie-message p{margin:0; padding-bottom: 8px;}
.cookie-message p a{color:$takmer_cierna;}
.cookie-message p a:hover{color:$mycolor;}

#todown{background-color:$menu_intro_poz; background-image:url('sed.png'); background-repeat:repeat-x; background-position:bottom; background-size: 100% 8px; text-align:center; width:160px; color:$menu_intro_a_txt; padding:60px 0 20px 0; position:absolute; top:0; left:calc(50vw - 80px); z-index:1000; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;} /*citatviac,c*/
#todown:hover{color:$menu_intro_a_hovertxt; padding-top:80px; background-size: 100% 60px;} /*citatviac*/

#totop{width:70px; color:#cdcdcd; position:fixed; bottom: 60px; right:20px; z-index:1000; opacity:0; filter:opacity(0%); visibility:hidden; -webkit-backface-visibility:hidden}
#totop.off{opacity:0; filter:opacity(0%);}
#totop.on{opacity:1; filter:opacity(100%); visibility:visible;}
#totop:hover{color: #fff; text-shadow:0 0 10px rgba(0, 0, 0, 0.5);}

#diz1{position: fixed; top: 0; right: calc(60vw - 200px);} /*slider,c*/
#diz2{position: fixed; top: 0; left: calc(70vw - 100px);} /*slider,c*/
#diz1.on, #diz2.on{opacity:1; filter:opacity(100%);} /*slider,c*/
#diz1.off, #diz2.off{opacity:0; filter:opacity(0%);} /*slider,c*/
.carousel{width:100%; height: 80vh; overflow:hidden; position:relative; z-index:10;} /*slider,c*/
.carousel-inner{width:100%; height: 80vh; overflow:hidden;} /*slider,c*/
.carousel-inner>.item{position:relative; height: 100%; display:none; -webkit-transition:.6s ease-in-out left; transition:.6s ease-in-out left;} /*slider,c*/
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block} /*slider,c*/
.carousel-inner>.active{left:0} /*slider,c*/
.carousel-inner>.next,.carousel-inner>.prev{position:absolute; top:0; width:100%} /*slider,c*/
.carousel-inner>.next{left:100%} /*slider,c*/
.carousel-inner>.prev{left:-100%} /*slider,c*/
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0} /*slider,c*/
.carousel-inner>.active.left{left:-100%} /*slider,c*/
.carousel-inner>.active.right{left:100%} /*slider,c*/
.carousel.fade .item{-webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -ms-transition:opacity .5s ease-in-out; -o-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out; opacity:1; filter:opacity(100%)} /*slider,c*/
.carousel.fade .active.left,.carousel.fade .active.right{opacity:0; filter:opacity(0%)} /*slider,c*/
.carousel.fade .active.item{opacity:1; filter:opacity(100%)} /*slider,c*/
.carousel.fade .active.left,.carousel.fade .active.right{left:0; z-index:2; opacity:0; filter:opacity(0%)} /*slider,c*/
.carousel.fade .next,.carousel.fade .prev{left:0; z-index:1} /*slider,c*/
.qode_slider_preloader{width:100%; background-color:#1c1c1c; position:absolute; z-index:20} /*slider,c*/
.qode_slider_preloader{height:1500px} /*slider,c*/
.qode_slider_preloader .ajax_loader{position:absolute} /*slider,c*/
.carousel-inner .slider_content{position:absolute; opacity:0; filter:opacity(0%); display:inline-block; width:100%; height: 100%; -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px)} /*slider,c*/
.carousel-inner .active .slider_content{left: 0; -webkit-animation:text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000); -moz-animation:text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000); -o-animation:text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000); animation:text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000); opacity:1; filter:opacity(100%)} /*slider,c*/
.vyhladavanie {position: absolute; top: calc(80vh - 100px); right: calc(100vw - 350px - 30vw); z-index: 1000;} /*c*/
.carousel-inner h2{position: absolute; bottom: calc(17vh + 88px); left: 0; padding:0; font-size:80px !important; width: calc(350px + 30vw); text-align: right; line-height:0.95em !important; color:#000; text-shadow:3px 3px 10px rgba(255,255,255,0.5)} /*slider,c*/
.carousel-inner h2 div{color: $mycolor; FONT-FAMILY: istudio, Tahoma; font-size:55px; line-height:30px;} /*slider,c*/
.carousel-inner .lista{position: absolute; bottom: 17vh; left: 0; background: $mycolor; color: $takmer_cierna; font-size: 15px; text-align: right; padding: 15px; width: calc(350px + 30vw); height: 90px; z-index: 999;} /*slider,c*/
.carousel-inner .item img{margin-left: 8vw; max-width: 100vw;} /*slider,c*/
.carousel-inner .item p{position: absolute; top: calc(35vh - 140px); left: 0; width: 70vw; height: 100px; text-align: right; color: $mycolor; FONT-FAMILY:istudio, Tahoma; font-size: 20px; line-height:1;} /*slider,c*/
.carousel-inner .item p .vacsie{font-size: 150px; line-height:1;} /*slider,c*/
.carousel-inner .item .image{position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; width:100%; height:100%; -moz-box-shadow:inset 0 160px 160px -160px rgba(0,0,0,0.8); box-shadow:inset 0 160px 160px -160px rgba(0,0,0,0.8);} /*slider,c*/
.carousel-inner .qbutton{position:absolute; bottom: calc(17vh + 40px); right: calc(100vw - 490px - 30vw);} /*slider,c*/
.carousel-control{opacity:0; top:0; width:15%; text-align:left; height:100%; position:absolute; z-index:2!important; cursor:pointer;} /*slider,c*/
.carousel-control.right{right:40px; left:auto; text-align:right;} /*slider,c*/
.carousel-control span{opacity:.4; color:#cdcdcd; font-size:45px; position: relative; top:50%; margin-top:-27px; padding:23px; z-index:10;} /*slider,c*/
.carousel-control span:hover{opacity:1; color: #fff; text-shadow:0 0 10px rgba(0, 0, 0, 0.5);} /*slider,c*/
.carousel:hover .carousel-control{opacity:1;} /*slider,c*/
.carousel-indicators{position:absolute; bottom:23px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none} /*slider,c*/
.carousel-indicators li{display:inline-block; width:8px; height:8px; cursor:pointer; border-radius:10px; background-color:#fff; opacity:.4; margin:3px; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transform:all .6s ease-in-out; transition:all .6s ease-in-out} /*slider,c*/
.carousel-indicators .active{opacity:1;} /*slider,c*/
@-webkit-keyframes text-from-bottom{0%{-webkit-transform:translate(0,15%); opacity:0}50%{-webkit-transform:translate(0,15%); opacity:0}100%{-webkit-transform:translate(0,0); opacity:1}} /*slider,c*/
@-moz-keyframes text-from-bottom{0%{-moz-transform:translate(0,15%); opacity:0}50%{-moz-transform:translate(0,15%); opacity:0}100%{-moz-transform:translate(0,0); opacity:1}} /*slider,c*/
@-o-keyframes text-from-bottom{0%{-o-transform:translate(0,15%); opacity:0}50%{-o-transform:translate(0,15%); opacity:0}100%{-o-transform:translate(0,0); opacity:1}} /*slider,c*/
@keyframes text-from-bottom{0%{transform:translate(0,15%); opacity:0}50%{transform:translate(0,15%); opacity:0}100%{transform:translate(0,0); opacity:1}} /*slider,c*/
@-webkit-keyframes rotate{0%{-webkit-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}50%{-webkit-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}100%{-webkit-transform:perspective(600px) rotateX(0deg) scale(1); opacity:1}} /*slider,c*/
@-moz-keyframes rotate{0%{-moz-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}50%{-moz-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}100%{-moz-transform:perspective(600px) rotateX(0deg) scale(1); opacity:1}} /*slider,c*/
@-o-keyframes rotate{0%{-o-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:.2}50%{-o-transform:perspective(600px) rotateX(90deg) scale(.5); opacity:.2}100%{-o-transform:perspective(600px) rotateX(0deg) scale(1); opacity:1}} /*slider,c*/
@keyframes rotate{0%{transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}50%{transform:perspective(600px) rotateX(90deg) scale(.5); opacity:0}100%{transform:perspective(600px) rotateX(0deg) scale(1); opacity:1}} /*slider,c*/
@-webkit-keyframes fade{0%{opacity:0}50%{opacity:0}100%{opacity:1}} /*slider,c*/
@-moz-keyframes fade{0%{opacity:0}50%{opacity:0}100%{opacity:1}} /*slider,c*/
@-o-keyframes fade{0%{opacity:0}50%{opacity:0}100%{opacity:1}} /*slider,c*/
@keyframes fade{0%{opacity:0}50%{opacity:0}100%{opacity:1}} /*slider,c*/
@-webkit-keyframes text-from-bottom-one-by-one{0%{top:70px; opacity:0}50%{top:45px; opacity:0}100%{top:0; opacity:1}} /*slider,c*/
@-moz-keyframes text-from-bottom-one-by-one{0%{top:70px; opacity:0}50%{top:45px; opacity:0}100%{top:0; opacity:1}} /*slider,c*/
@-o-keyframes text-from-bottom-one-by-one{0%{top:70px; opacity:0}50%{top:45px; opacity:0}100%{top:0; opacity:1}} /*slider,c*/
@keyframes text-from-bottom-one-by-one{0%{top:70px; opacity:0}50%{top:45px; opacity:0}100%{top:0; opacity:1}} /*slider,c*/

.cervena{COLOR:#FF0000;}
div.cervena{padding-top: 5px;}
.seda{COLOR:#777777;}
.male {FONT-FAMILY: istudio, Tahoma; FONT-SIZE: 11px; text-transform: uppercase; text-align: left;}
.male IMG {vertical-align: baseline; padding-right: 2px;}
.vacsie{FONT-SIZE:125%; line-height:140%;}
.velke{FONT-FAMILY:istudio, Tahoma; FONT-SIZE:25px; line-height:32px;}
.right{text-align:right !important;}
.left{text-align:left;}
.center, .center p{text-align:center;}
.centrovat{display:block; margin:0px auto;}
.centrovat40 {display: block; margin: 50px auto; width: 40vw;} /*c*/
.centrovat40  P{text-align: center;}
.centrovat40 .form-velky{width: calc(100% - 60px);} /*c,form*/
.float_r{float:right;}
.float_r2{float:right; margin-right:30px;}
.float_l{float:left;}
.float_l2{float:left; margin-right:9px;}
.popis{text-align:center; width:80%; margin:0 auto; display:block; font-size:20px; text-transform:uppercase;}
.popis IMG{margin-bottom:10px;}
.ul{width:80%; max-width:350px; margin:0 auto; display:block; list-style-position:outside;}
.viac{position:absolute; left:50px; bottom:50px;}
.tlac_iframe {width: 1px; height: 1px; min-height: 0; overflow: hidden; visibility: hidden;}

#hidepanel .frame, #hidepanel .frame p{width:100%; font-size: 0%; padding: 0; opacity: 0; line-height: 0; transition: font-size 1s .5s, line-height 1s .5s, padding 1s, opacity .5s;}
#hidepanel .frame h2{padding: 0; transition: padding 1s;}
#hidepanel .close {display:none;} #hidepanel:target .open {display:none;} #hidepanel:target .close {display:inline-block;}
#hidepanel:target .frame, #hidepanel:target .frame p{font-size: 100%; padding-bottom: 20px; line-height: 180%; opacity: 1; transition: font-size .5s, line-height .5s, padding 1s, opacity 1s .5s;}
#hidepanel:target .frame h2{padding:80px 0 20px 0; transition: padding 1s;}

#googlemap{min-height:400px;}

.galeria{text-align: center;}
.galeria a, .galeria div{display: inline-block; vertical-align: middle; width: calc(80px + 5vw); height: calc(60px + 5vh); line-height: calc(60px + 5vh); background: #fff no-repeat left top; background-size: cover; position: relative; margin: 1vw; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;}
.galeria a:hover, .galeria div:hover{background-position: right bottom; -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,.5); -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,.5); box-shadow: 0 0 10px 0 rgba(255,255,255,.5); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none;}
.galeria img{vertical-align: middle;}
.galeria a span{display: block; width: 100%; height: 100%;} /* prekrytie title tagu */

.tabulka{width: 100%; border-collapse:collapse; margin: 30px 0;}
.tabulka input{vertical-align:middle;}
.tabulka tr td:last-child, tr th:last-child{text-align:right;} /*border-radius:0 6px 6px 0;*/
.tabulka tr td:first-child, tr th:first-child{text-align:left; padding-left:10px;} /*border-radius:6px 0 0 6px;*/
.tabulka tr{border-bottom:1px solid rgba(0,0,0,0.2);}
.tabulka tr:nth-child(1n+2):hover{background-color:rgba(255,255,255,0.2);}

div.ikona{margin:0 1% 1% 0; width:120px; min-width:120px; float:left;}
div.ikona TABLE{width:100%; min-width:120px;}
div.ikona TABLE td{border:1px solid #EEEEEE; background-color:#FFFFFF; width:100%; height:110px; vertical-align:middle; text-align:center;}
div.ikona TABLE th{border:1px solid #EEEEEE; background-color:#009900; FONT-FAMILY:istudio, Tahoma; FONT-SIZE:17px; text-align:center; vertical-align:middle; line-height:17px; height:40px;}

.flex-container{clear:both; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;  -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start;}
.flex-container>div, .flex-container>A{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}

.priznak {position:absolute; bottom:-3px; left:10px; line-height: 100%; width:100%; text-align: left;}
.priznak div{display:inline-block; padding:4px 4px; margin:3px; background:#666; FONT-FAMILY:istudio, Tahoma; color:#fff; text-transform:uppercase; font-size:20px; line-height: 100%; -moz-box-shadow:inset 0 10px 10px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 10px 10px rgba(0,0,0,0.2); box-shadow:inset 0 10px 10px rgba(0,0,0,0.2);}
.priznak .iba-na-objednavku{background:#FFCC00;}
.priznak .akcia{background:#FF3300;}
.priznak .novinka{background:#008ECB;}
.priznak .skladom{background:#DFDF00;}
.priznak .cenova-bomba{background:#996600;}
.priznak .vypredaj{background:#FFCCFF;}
.priznak .zlava, .priznak .zlava-v{background:#FF3300;}
.priznak .doprava-zadarmo{background:#009900;}

.item, .tovar {position: relative; display:block;  background:#fff; height: 400px; color: #333; border:1px dashed #CC9B83; color: #333;} /*c*/
.item:hover, .tovar:hover {COLOR:#565554; text-decoration: none; border:1px solid #aaa;}
.item H2, .tovar H2 {FONT-FAMILY:istudio,Tahoma; FONT-SIZE:14px; line-height:18px; padding:10px 9px 3px 9px; background: none; text-transform:none; margin:0;}
.item H2 span, .tovar H2 span{color: $mycolor;}
.item .priznak, .tovar .priznak {position:absolute; top:-1px; left:0;} 
.item .priznak div, .tovar .priznak div{font-size:13px; margin:0 2px 4px 2px;}
.item P, .tovar P {padding:0 11px 0 11px; text-align:left; FONT-SIZE:12px; line-height:15px; height:60px; overflow:hidden;}
.tovar, .tovar_fik {min-width: 190px; width: 220px; margin: 10px;} /*c*/
.tovar {height: 400px;} /*c*/
.tovar .farby {width: 100%; text-align: right; margin-bottom: -10px;}
.tovar .farby div{display: inline-block; vertical-align: top; width: 30px; height: 12px; background-repeat: no-repeat; background-size: cover; margin: 0 0 5px 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.tovar .farby div:hover{height: 33px; margin-bottom: -21px;}
.obr{position: relative; width: 100%; height: 220px; background-color: #fff; display: table; vertical-align: middle; text-align: center;} /*c*/
.obr div {position: relative; display: table-cell; vertical-align: middle;}
.obr img {max-width: 90%; max-height: 210px; vertical-align: middle;}
.obr .velkosti{width: 100%; text-align: center; position: absolute; bottom: 0;}
.obr .velkosti div{display: inline-block; margin:1px; padding: 0 4px; line-height: 20px; FONT-SIZE: 12px;}
.tovar:hover .obr_tien {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}

.cena {position: absolute; color:inherit; display: inline-block; width: 100%; bottom: 0; right: 0; FONT-SIZE: 22px; FONT-FAMILY: istudio, Tahoma; min-height: 67px; text-align: right; padding-top: 10px; padding-right: 65px; background: #C9DAEA;}
.cena img[src*=kosik] {position: absolute; top: 10px; right: -3px;}
.stara_cena{text-decoration: line-through; FONT-SIZE: 12px; color: red; margin-top: -5px;}
.cena_mala {FONT-SIZE: 12px; FONT-FAMILY:istudio2,Tahoma; margin-top: -2px;}
.detail_cena {width: 100%;}
.detail_cena td:first-child{text-align: left;}
.detail_cena td:first-child .velke{FONT-SIZE:160%;}
.detail_cena td:last-child{text-align: right;}
.detail_cena td{display: block;}
.detail_cena tr{display: block; margin-bottom:50px;}
.detail_cena .cena, #specifikacie_ako_tabulka .cena{position: relative; top: auto; bottom: auto; right: auto; left: auto;} /*c*/
.detail_cena .cena{background: none;}
.detail_cena .cena:hover{color: $mycolor;}
#specifikacie_ako_tabulka{position: relative; width: 100%;} /*c*/

.velkosti a, .velkosti div{display: inline-block; margin:0 1vw 1vw 0; width: auto; padding: 0 12px; text-align: center; line-height: 50px; FONT-SIZE: 20px; color:#000; background: $mycolor;}
.velkosti a:hover{background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.velkosti a.na_objednavku, .velkosti div.na_objednavku{background: rgba(0,0,0,.8); text-decoration: line-through;}
.velkosti a.na_objednavku:hover{background: rgba(0,0,0,.6);}

.zvyraznenie{background: red !important; color: #fff !important;}
.zvyraznenie img{-webkit-filter: invert(1); filter: invert(1);}
.link {FONT-FAMILY: istudio, Tahoma; FONT-SIZE: 12px; text-transform: uppercase; padding-right: 5px;}
.centy {FONT-SIZE:60%; vertical-align:text-top; padding-left:1px; line-height: 1em;} .centy IMG{width: 20px; height: 15px; vertical-align:text-top; margin: 0 0 0 2px;}
.vlastnost{FONT-SIZE: 28px; line-height: 40px; display: inline-block; margin: 20px 40px 0 0;}
.vlastnost IMG[src^=ico] {margin: 0 9px -5px 5px;}
.strankovanie {width:100%; text-align: center; text-transform: uppercase; margin: 20px 0;}

div.oznam{FONT-SIZE:25px; FONT-FAMILY:'istudio', Tahoma; text-align:center; padding:150px 0; text-transform: uppercase;}
div.oznam P{FONT-SIZE:14px; FONT-FAMILY:Tahoma; text-align:center;}

.mobile_only{display: none !important;} /*c*/
.hide{display: none !important;} /*c*/

@media only screen and (max-width:1300px){ /*b*/
.odsek{background-position: calc(50vw - 700px);}
} /*b*/

@media only screen and (max-width:1200px){ /*b*/
header{margin-bottom:0;height:auto!important; min-height: $header_mobile_height;} /*c*/
header .q_logo img,header .q_logo img.sticky{display:none !important;} /*c*/
header .q_logo img.mobile{display: block !important;} /*c*/
.infopanel {top: 38px;} /*c*/
.content{padding-top: $header_mobile_height;} /*c*/
.main_menu{display:none!important} /*c*/
.mobile_menu{display:block} /*c*/
.mobile_menu_button{display:block;} /*c*/
} /*b*/

@media only screen and (max-width:1024px){ /*b*/
.limit1000{display: none;} /*c*/
.carousel-control{width:10%} /*slider,c*/
.carousel, .carousel-inner{height:500px;} /*slider,c*/
.carousel-inner h2{bottom: 160px;} /*slider,c*/
.carousel-inner .lista{bottom: 70px;} /*slider,c*/
.carousel-inner .qbutton{bottom: 110px;} /*slider,c*/
.carousel-inner .slider_content{padding-top:0;} /*slider,c*/
.odsadenie{padding-left: calc(2vw + 2vh); padding-right: calc(2vw + 2vh);} /*c*/
.odsadenie2{padding-top: calc(2vw + 2vh); padding-bottom: calc(2vw + 2vh);} /*c*/
.centrovat40 {width: 50%;} /*c*/
.four_columns>.column1,.four_columns>.column2,.four_columns>.column3,.four_columns>.column4{width:50%; float:left; padding: 0 1vw;}
.four_columns>.column1, .four_columns>.column3{padding-left:0;} .four_columns>.column2, .four_columns>.column4{padding-right:0;}
} /*b*/

@media only screen and (max-width:700px){ /*b*/
.limit700{display: none !important;} /*c*/
.carousel, .vyhladavanie{display:none;} /*slider,c*/
.odsek{padding: 5vw; background-image: none !important;}
} /*b*/
@media only screen and (max-width:567px){ /*b*/
.infopanel {top: 60px;} /*c*/
.content{padding-top: 70px;} /*c*/
.limit600,.tovar_fik{display: none !important;} /*c*/
.odsadenie, .odsek{padding-left: 20px !important; padding-right: 20px !important;} /*c*/
.odsadenie2, .odsek{padding-top: 30px !important; padding-bottom: 30px !important;} /*c*/
.mobile_only{display: inline-block !important;} /*c*/
span.mobile_only{display: inline-block !important;} /*c*/
.mobile_left{text-align: left !important;}
.qbutton{padding:15px 15px;} /*c*/
.tabulka tr.mobile_only{display: table-row !important; border-bottom:0;} /*c*/
.side_menu{display:none;} /*c*/
.two_columns_50_50 .column1,.two_columns_50_50 .column2,.three_columns .column1,.three_columns .column2,.three_columns .column3,.two_columns_66_33 .column1,.two_columns_66_33 .column2,.two_columns_33_66 .column1,.two_columns_33_66 .column2,.two_columns_75_25 .column1,.two_columns_75_25 .column2,.two_columns_25_75 .column1,.two_columns_25_75 .column2,.four_columns .column1,.four_columns .column2,.four_columns .column3,.four_columns .column4{width:100%; padding: 0;}
.vlastnost{FONT-SIZE: 25px; margin-right: 30px;} .vlastnost.mensie{FONT-SIZE: 22px;}
h1,h2{font-size:30px;} /*c*/
.call_to_action .text{display: block; text-align: center;}
.call_to_action .tlacidla{display: block; text-align: center; margin-top: 20px;}
.call_to_action .tlacidla a:first-child{margin-left:0;}
.delenie {min-height: auto;}
.delenie>.velky{display: block; width: 100%; padding: 5vw !important;}
.delenie>.maly{display: block; width: 100%;}
.delenie>.detail_img{line-height: 1;}
.centrovat40 {width: 90%;} 
.galeria{padding: 10px 0;}
.ikony{padding: 0; text-align: center;}/*c*/
.content{margin-bottom:$footer_mobile_height;}
footer{min-height: $footer_mobile_height;}
footer .footer_content div{padding: 30px 30px 0 0;}
.tovar {height: 350px;} /*c*/
.tovar .priznak div{font-size:11px;}
.obr{height: 150px;} /*c*/
.obr img {max-height: 145px;}
.kat_icon .obr {line-height: 65px; height:80px;} /*shop,c*/
.kat_icon .obr img{max-height:65px;} /*shop,c*/
} /*b*/

@media only screen and (max-width:400px){ /*b*/
.tovar{margin: 10px 0;;}
} /*b*/

@media only screen and (max-height:400px){ /*b*/
header{position: relative;} /*c*/
.form_width{padding-top: 0;}  /*c*/
} /*b*/