@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'coco';
    src: url('fonts/cocogoose_pro-trial-webfont.woff2') format('woff2'),
         url('fonts/cocogoose_pro-trial-webfont.woff') format('woff'),
         url('fonts/cocogoose_pro-trial-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

*,
*:before,
*:after {
  box-sizing: border-box;
  border:0px; margin:0px; padding:0px;
}

html, body { font-family: 'Quicksand', serif; -webkit-font-smoothing: antialiased; font-size:16px; color:#FFFFFF; text-align:center; background-color:#000000; }

/*
article {
  overflow: scroll; 
  height: 100vh; 
  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y mandatory;
}

section {  
  scroll-snap-align: center;
}
*/

.ajax-box-loader { background:url(../images/page/process_load.png) center no-repeat rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; position:fixed; display:none; z-index:9998;  }

/* upload */
.upload-area{
    width: 100%;
    height: 50px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
	padding: 10px 0;
	margin-bottom:15px;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file{
    display: none;
}

/* Thumbnail */
.thumbnail{
    width: 100%;
    height: 80px;
    padding: 2px;
    /*border: 2px solid lightgray; */
    border-radius: 3px;
    float: left;
}
.thumbnail img { height:70px; width:auto; margin-right:20px; }
.thumbnail .delete { float:right; width:50px; height:50px; background:url(../images/page/close.png) center no-repeat; background-size:100%; cursor:pointer; margin:10px 5px; }
.thumbnail .delete:hover { width:60px; height:60px; margin:5px 0;}

.size{
    font-size:12px;
}
/**/

.cart-box { position:fixed; top:0; left:0; width:100%; z-index:8000; padding:15px 0; color:#FFFFFF; background: rgba(0,0,0,.5); z-index:9990;  }
.cart-box div { width:100%; max-width:1920px; text-align:right; }
.cart-box div a { color:#FFFFFF; text-decoration:none; font-size:24px; padding:0 15px;  }

p.logo { font-size: 50px;   font-weight: bold; text-transform:uppercase; }
.clear { clear:both; height:0px; }
.col-1-2 { float:left; width:50%; }
.col-1-3 { float:left; width:33%; }
.col-1-6 { float:left; width:67%; }

.page { width:100%; overflow:hidden; max-width:1920px; position:relative; }
.container-fluid { padding:0; }
.row { margin:0; }
p { margin:0; padding:0; }

h1, .h1 { font-size:60px; color:#FFFFFF; }
h2, .h2 { font-size:50px; margin-top:25px; color:#FEF2C1; line-height: 80px; }
h3 { font-size:18px; color:#666666; }
h4, .h4 { font-size:28px; line-height:40px; }

.slide { max-height:960px; }
.slide img { height:auto; width:auto; bottom:0px; left:0; }
.slide .mrow { display: block; max-height:960px; overflow:hidden; }

.s01 { background:url(../images/page/slide-1-bck.jpg) center no-repeat; }
.s02 { background:url(../images/page/slide-2-bck.jpg) center no-repeat #52D3D1; }
.s03 { background:url(../images/page/slide-3-bck.jpg) center no-repeat; }

.slide-right { text-align:right; padding:320px 250px 0 0; }

.button-l { width:357px; height:70px; line-height:70px; color:#000000; display:block; text-align:center; font-size:16px; color:#FFFFFF; text-decoration:none; cursor:pointer; font-family: 'coco', serif; -webkit-border-radius: 58px; -moz-border-radius: 58px; border-radius: 58px; /*padding-left:20px;*/ border:2px solid #fff; margin-top:10px;
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
   
.button-l:hover { width:367px; height:70px; line-height:70px; /* box-shadow: 0 0 25px rgba(255,255,255,.5);*/ color:#ffffff;  text-decoration:none; letter-spacing:1px; }   
   
.button { width:220px; height:60px; line-height:62px; color:#000000; display:inline-block; text-align:center; font-size:16px; color:#FFFFFF; text-decoration:none; cursor:pointer; font-family: 'coco', serif; -webkit-border-radius: 58px; -moz-border-radius: 58px; border-radius: 58px; /*padding-left:20px;*/
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
   
.button:hover { width:250px; height:60px; line-height:62px; /* box-shadow: 0 0 25px rgba(255,255,255,.5);*/ color:#ffffff;  text-decoration:none; letter-spacing:2px; }

.zaujem, .linkk { max-width:80%; font-size:15px!important; height:70px; line-height:72px; color:#FFFFFF; font-weight:normal; }
.zaujem:hover, .linkk:hover { max-width:84%; height:70px; line-height:72px; color:#FFFFFF; }



.b5:hover { width:415px; }
.b0:hover, .b6:hover, .b7:hover, .b8:hover, .b9:hover { width:367px; margin-right:-5px; margin-top:0; height:70px; line-height:70px; letter-spacing:2px; }
.b4:hover { width:220px; height:55px; line-height:57px; letter-spacing:2px; }

.b0 { background-color:#E72E58; padding:0; width:357px; height:70px; line-height:70px; font-size:20px; }
.b1 { background: /* background:url(../images/page/fb.png) 30px center no-repeat */ #F5A13F; background-size:auto 55%; }
.b2 { background: /* url(../images/page/fb.png) 30px center no-repeat*/ #5103ED; background-size:auto 55%; }
.b3 { background: /*  url(../images/page/fb.png) 30px center no-repeat */ #EC0332; background-size:auto 55%; }
.b4 { background-color:#00CC8D; width:180px; font-size:14px; padding:0; height:55px; line-height:57px;  }
.b5 { width:375px; font-size:16px; padding:0; background: rgba(108,58,201,1);
background: -moz-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,58,201,1)), color-stop(100%, rgba(215,81,141,1)));
background: -webkit-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -o-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -ms-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: linear-gradient(to right, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c3ac9', endColorstr='#d7518d', GradientType=1 ); }

.b10 { width:80%; height:50px; line-height:52px; font-size:15px; font-weight:normal; margin:5px 0 15px 0; padding:0; background: rgba(108,58,201,1);
background: -moz-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(108,58,201,1)), color-stop(100%, rgba(215,81,141,1)));
background: -webkit-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -o-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: -ms-linear-gradient(left, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
background: linear-gradient(to right, rgba(108,58,201,1) 0%, rgba(215,81,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c3ac9', endColorstr='#d7518d', GradientType=1 ); }
.b10:hover { width:86%; height:50px; line-height:52px; }

.b6 { padding:0; width:357px; height:70px; line-height:70px; font-size:20px; 
background: rgba(230,42,86,1);
background: -moz-linear-gradient(left, rgba(230,42,86,1) 0%, rgba(233,77,105,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,42,86,1)), color-stop(100%, rgba(233,77,105,1)));
background: -webkit-linear-gradient(left, rgba(230,42,86,1) 0%, rgba(233,77,105,1) 100%);
background: -o-linear-gradient(left, rgba(230,42,86,1) 0%, rgba(233,77,105,1) 100%);
background: -ms-linear-gradient(left, rgba(230,42,86,1) 0%, rgba(233,77,105,1) 100%);
background: linear-gradient(to right, rgba(230,42,86,1) 0%, rgba(233,77,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62a56', endColorstr='#e94d69', GradientType=1 );
}

.b7 { padding:0; width:357px; height:70px; line-height:70px; font-size:20px;
background: rgba(0,206,130,1);
background: -moz-linear-gradient(left, rgba(0,206,130,1) 0%, rgba(0,202,205,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,206,130,1)), color-stop(100%, rgba(0,202,205,1)));
background: -webkit-linear-gradient(left, rgba(0,206,130,1) 0%, rgba(0,202,205,1) 100%);
background: -o-linear-gradient(left, rgba(0,206,130,1) 0%, rgba(0,202,205,1) 100%);
background: -ms-linear-gradient(left, rgba(0,206,130,1) 0%, rgba(0,202,205,1) 100%);
background: linear-gradient(to right, rgba(0,206,130,1) 0%, rgba(0,202,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ce82', endColorstr='#00cacd', GradientType=1 );
}

.b8 { padding:0; width:357px; height:70px; line-height:70px; font-size:20px;
background: rgba(76,46,210,1);
background: -moz-linear-gradient(left, rgba(76,46,210,1) 0%, rgba(124,36,218,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,46,210,1)), color-stop(100%, rgba(124,36,218,1)));
background: -webkit-linear-gradient(left, rgba(76,46,210,1) 0%, rgba(124,36,218,1) 100%);
background: -o-linear-gradient(left, rgba(76,46,210,1) 0%, rgba(124,36,218,1) 100%);
background: -ms-linear-gradient(left, rgba(76,46,210,1) 0%, rgba(124,36,218,1) 100%);
background: linear-gradient(to right, rgba(76,46,210,1) 0%, rgba(124,36,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2ed2', endColorstr='#7c24da', GradientType=1 );
}

.b9 { padding:0; width:357px; height:70px; line-height:70px; font-size:20px;
background: rgba(38, 39, 98,1);
background: -moz-linear-gradient(left, rgba(38, 39, 98,1) 0%, rgba(46, 74, 117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(38, 39, 98,1)), color-stop(100%, rgba(46, 74, 117,1)));
background: -webkit-linear-gradient(left, rgba(38, 39, 98,1) 0%, rgba(46, 74, 117,1) 100%);
background: -o-linear-gradient(left, rgba(38, 39, 98,1) 0%, rgba(46, 74, 117,1) 100%);
background: -ms-linear-gradient(left, rgba(38, 39, 98,1) 0%, rgba(46, 74, 117,1) 100%);
background: linear-gradient(to right, rgb(38, 39, 98) 0%, rgb(46, 74, 117) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE1C1B', endColorstr='#F47407', GradientType=1 );
}


.coco { font-family: 'coco', serif; }
.top-cool { font-size:120px; line-height:130px; }
.top-cool span { font-size:180px; }
.top-cool-right { margin-bottom:90px; padding-right:80px;}

.popis { font-size: 26px; line-height: 60px; font-weight: 600; margin: 0 }

.samsung { text-align:left; padding:0px 320px 0 0; }
.samsung  .col-sm-6 { padding:30px 0; font-weight:bold; }
.samsung img { width: 100%; max-width: 750px; position: absolute; left: 100px; top: 50px; z-index: 2; }

.LG_Standard { text-align:left; padding:50px 0 0 350px; }
.LG_Standard .col-sm-6 { padding:30px 0; font-weight:bold; }
.LG_Standard img { width: 100%; max-width: 800px; position: absolute; left: 50px; top: 80px; z-index: 2; }

.toshiba { text-align:left; padding:30px 350px 0 50px; }
.toshiba .col-sm-6 { padding:30px 0; font-weight:bold; }
.toshiba .col-sm-6 p { }
.toshiba img { width:100%; max-width:800px; position:absolute; left:100px; top:50px; z-index:2; }

.z-row-0 { min-height:1200px; background:url(../images/page/row-0-bck.jpg) center bottom no-repeat; padding-top:100px; position:relative; }
.z-row { min-height:850px; background:url(../images/page/row-1-bck.jpg) center bottom no-repeat; padding-top:100px; position:relative; }
.p-row { min-height:1200px; padding:300px 0 0 0; background:url(../images/page/row-2-bck.jpg) center top no-repeat; position:relative; }
.l-row { min-height:1050px; background:url(../images/page/row-3-bck.jpg) center bottom no-repeat; position:relative; }

.Blanc { text-align:left; padding:150px 0 0 350px; }
.Blanc .col-sm-6 { padding:30px 0; font-weight:bold; }
.Blanc img { width:100%; max-width:700px; position:absolute; left:100px; top:200px; z-index:2; }

.toshiba .popis, .LG_Standard .popis, .Blanc .popis, .samsung .popis { font-size:16px; font-weight: 400; line-height: 1.5; }

.som-01 { position:absolute; z-index:1; left:0; top:220px; width:37%; height:50%; text-align:right; }
.som-02 { position:absolute; z-index:1; left:0; top:220px; width:42%; height:50%; text-align:right; }
.som-03 { position:absolute; z-index:1; left:0; top:220px; width:40%; height:50%; text-align:right; }
.som-04 { position:absolute; z-index:1; left:0; top:220px; width:39%; height:50%; text-align:right; }

.cool { position:absolute; z-index:3; right:8%; bottom:0; height:50%; text-align:right; width:35%; }

.women-01 { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2; overflow:hidden; }
.women-02 { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2; overflow:hidden; }
.women-03 { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2; overflow:hidden; }
.women-04 { position:absolute; left:0; top:0; height:100%; width:100%; z-index:2; overflow:hidden; }

.cena-01 { position: absolute; bottom: 280px; left: 200px; font-weight:bold; font-size:22px; }
.cena-02 { position: absolute; bottom: 50px; right: 200px; font-weight:bold; font-size:22px; }
.cena-03 { position: absolute; bottom: 280px; left: 200px; font-weight:bold; font-size:22px; }
.cena-04 { position: absolute; bottom: 250px; right: 250px; font-weight:bold; font-size:22px; }
.price { font-size:60px; line-height:60px; padding:0 60px 0 40px; }
.price span { font-size:22px; }

.ktip { color:rgba(255,255,255,.8); font-size:18px; letter-spacing:2px; }

.klima-01 h2, .klima-02 h2, .klima-03 h2, .klima-04 h2 { font-size:30px; margin:10px 0; }
.klima-01 p.popis, .klima-02 p.popis, .klima-03 p.popis, .klima-04 p.popis { line-height:34px; padding-right:100px; font-size:17px; }

.klima-01 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:350px 0 100px 90px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen-klimatizacia-Toshiba-Shorai-Premium.png) -50px top no-repeat; background-size: auto; background-size: auto 50%; }

.klima-02 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:350px 0 100px 90px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen_klimatizacia_LG_Standard_Plus_Left.png) -150px top no-repeat; background-size: auto; background-size: auto 50%; }
.klima-03 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:300px 0 100px 90px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen-klimatizacia-SAMSUNG-Wind-Free.png) -100px top no-repeat; background-size: auto; background-size: auto 50%; }
.klima-04 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:320px 0 100px 90px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen-klimatizacia-Blanc-Left.png) -80px top no-repeat; background-size: auto; background-size: auto 50%; }

.tip { color:rgba(255,255,255,.8); font-size:16px; letter-spacing:2px; margin-bottom:5px; font-weight:bold; }

.nlist { list-style-type:none; }
.nlist li { padding-left: 40px; background: url(../images/page/Icon_01.png) 5px center no-repeat; background-size: auto 50%; line-height: 40px; font-weight: bold; }
#covid { padding:0px 20px 0 40px; background: url(../images/page/Icon_01.png) 5px center no-repeat #ff0000; background-size: auto 50%; line-height: 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

/* .col-sm-6 p { line-height:2; } */

.imgbox { width:340px; height:240px; position:relative; }
.klima img { position:absolute; top:20px; left:20px; -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
.klima img.bck { left:59px; top:9px; position:absolute; opacity:0; width:222px; }   
.klima:hover img { width:340px; left:0; top:0px; }
.klima:hover img.bck { opacity:1; left:59px; top:9px; width:222px; }
/*background:none center no-repeat;  -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;*/


.slider-row { position:relative; height:80px; }
.slider-row #first { position:absolute; left:24px; bottom:15px; }
.slider-row #last { position:absolute; right:154px; bottom:15px; }

.slide_counter { position: absolute; color: #fff; font-size: 20px; font-weight: bold; z-index: 1000; right: 95px; top: 50px; max-width:20%; }

/**/
.inspiracie { font-size: 40px; padding: 55px 0; letter-spacing: 2px; font-weight: bold; }
.insp { -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; position:relative; overflow:hidden; }
.insp img { -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }   
.inspiracia-1 { float:left; background:url(../images/page/bcg-1a.jpg) top left no-repeat; height:750px; background-size:auto 100%; overflow:hidden; }
.inspiracia-2 { float:left; background:url(../images/page/bcg-3a.jpg) top left no-repeat; height:750px; background-size:auto 100%; overflow:hidden; }
.inspiracia-3 { float:left; background:url(../images/page/bcg-2a.jpg) top left no-repeat; height:750px; background-size:auto 100%; overflow:hidden; }
.i-open { width:48%; }
.i-close { width:26%; }

.i-open img { position:absolute; left:-50px; top:50px; }
.i-close img { position:absolute; left:-150px; top:50px; }

.i-close .zmrzlina, .i-close .pinacolada, .i-close .limonada { left:1350px; }
.i-open .zmrzlina-small, .i-open .pinacolada-small, .i-open .limonada-small { left:1500px; }

.zmrzlina, .pinacolada, .limonada { position:absolute; left:350px; bottom:120px; padding:80px 80px 0px 0px; text-align:left; -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out; width:550px; }
.zmrzlina h3, .pinacolada h3, .limonada h3 { font-size:40px; color:#FFFFFF; }
.zmrzlina .popis, .pinacolada .popis, .limonada .popis { font-size:16px; line-height:28px; font-weight:normal; }
.zmrzlina .row, .pinacolada .row , .limonada .row{ text-align:left; margin:25px 0; }
.zmrzlina .col-sm-6, .pinacolada .col-sm-6, .limonada .col-sm-6 { padding-left:0; font-size: 16px; font-weight: bold; }

.zmrzlina-small h3, .pinacolada-small h3 , .limonada-small h3{ font-size:24px; color:#FFFFFF; }
.zmrzlina-small .popis, .pinacolada-small .popis, .limonada-small .popis { font-size:16px; line-height:28px; font-weight:normal; padding-right:100px; }

.i-close .zmrzlina-small, .i-close .pinacolada-small, .i-close .limonada-small { left:180px; width:62%; }
.zmrzlina-small, .pinacolada-small, .limonada-small { position:absolute; left:350px; bottom:120px; width:50%; text-align:left; -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out; }
   
/**/
.col12 { padding:0 50px 50px 0; }

/**/
.cart-row-header { border-bottom: 2px solid #666; line-height:40px; color:#65ccd8; width:100%; font-size:16px; }
.cart-row-header div { float:left; }
.cart-row-header .img { width:12%; }
.cart-row-header .name { width:50%; text-align:left; }
.cart-row-header .ks { width:15%; }
.cart-row-header .price { width:15%; font-size:16px; padding:0; line-height:40px; text-align:right; }
.cart-row-header .fprice { width:14%; text-align:right; }
.cart-row-header .del { width:20%; }   

.cart-row { width:100%; /*border:1px solid #EDEDED;*/ border-top:0px; position:relative; font-size:16px;}
.cart-row a { cursor:pointer; }
.cart-row div { float:left; padding:10px 0; text-align:center; /* border-right:1px solid #EDEDED; */ }
.cart-row .img { width:12%; padding-top:10px; }
.cart-row .img img { height:120px; }
.cart-row .name { text-align:left; width:50%; }
.cart-row .ks { width:15%; position:relative; }
.cart-row .ks p { clear:both; }
.cart-row .ks span { float:left; width:50%; text-align:center; }
.cart-row .ks .button { background-color:#35424A; color:#FFFFFF; border:0; min-width:0; border:1px solid #35424A; height:auto; margin-top:10px; }
.cart-row .ks .button:hover { background-color:#FFFFFF; color:#000000; }
.cart-row .param { width:11%; }
.cart-row .price { width:15%; font-size:16px; padding:0; line-height:40px; text-align:right;  }
.cart-row .fprice { width:14%; font-weight:bold; text-align:right; }
.cart-row .del { width:20%; border-right:none; font-size:12px;  text-align:right; }

.cart-row .button { float:none; }
.pdelete { cursor:pointer; }
.pdelete:hover { color:#FFFFCC; }

.cart-row a.plus, .cart-row a.minus { padding:0 5px; background-color:#35424A; color:#FFFFFF; margin-left:5px; font-weight:bold;  }

.cart-end { font-size:20px; color:#fff; float:left; width:100%; margin:50px 0; }
.cart-end .col-1-2, .cart-end .col-1-35, .cart-end .col-1-65 { padding:10px 10px; }
.cart-end p { font-size:15px; }
.celkom { font-size:23px; }
.bordbot { border-bottom:1px solid #EDEDED; }

.col-1-65 { float:left; width:65%; text-align:left; }
.col-1-35 { float:left; width:35%; text-align:right; }

.sumar { padding-right:20%; font-size:22px; }  

/* bottom block */
.row-bottom { background-color:#EEBF19; width:100%; padding-top:100px; }
.row-bottom .cont { width:100%; max-width:1200px; text-align:left; font-size:18px; }
.row-bottom .separator { background-color:#F5EF15; height:7px; width:20%; left:0; right:0; margin-top:15px; margin-bottom:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* footer */
.row-footer { background-color:#1A1A1A; width:100%; padding:115px 0; color:#FFFFFF; font-size:16px; }
.row-footer .cont { width:100%; max-width:1200px; }
.row-footer a { text-decoration:none; color:#FEF2C1; }

.left { float:left; }
.right { float:right; }

label { margin:0; font-size:15px; color:rgba(255,255,255,.65);}
.input { background: #000; border-bottom: 1px solid rgba(255,255,255,0.35); margin: 0 0 30px 0; padding: 8px; color: #fff; width:100%; font-weight:bold; }

.klima-cont { background:url(../images/page/Group_87.jpg) center bottom no-repeat #2A2A2A; min-height:1000px; }
.klima-box { min-height:500px; padding:100px 0 0 0; }
.klima h3 {  margin:0px 0 60px 0; }

.row-cool { min-height:720px; text-align:center; }
.row-cool .col-sm-12 { padding-top:400px; }
.row-cool .col-sm-12 h1 { font-size:120px; }
.row-cool .col-sm-12 p { font-size:36px; }

.img-limonada { position:absolute; left:50px; top:-219px; z-index:2; }

#g1 { position:absolute; width:130px; height:130px; right: 5%; bottom: 290px; z-index:1; background:url(../images/page/gula_01_zelena.png) center no-repeat; background-size:100%; }
#g2 { position:absolute; width:400px; height:400px; left:17%; top:295px; z-index:1; background:url(../images/page/gula_01_zelena.png) center no-repeat; background-size:100%; }
#g3 { position:absolute;position: absolute; width: 140px; height: 140px; left: 35%; top: 100px; z-index:1; background:url(../images/page/gula_01_zelena.png) center no-repeat; background-size:100%; }

#g4 { position:absolute; width:400px; height:400px; right: -5%; top: 110px; z-index:1; background:url(../images/page/gula_02_fialova.png) center no-repeat; background-size:100%; }
#g5 { position:absolute; width:140px; height:140px; left:50%; top:0px; z-index:1; background:url(../images/page/gula_02_fialova.png) center no-repeat; background-size:100%; }
#g6 { position:absolute; width: 70px; height: 70px; left: 49%; bottom: 100px; z-index:1; background:url(../images/page/gula_02_fialova.png) center no-repeat; background-size:100%; }

#g7 { position:absolute; width:180px; height:180px; right:14%; bottom:170px; z-index:1; background:url(../images/page/gula_03_oranzova.png) center no-repeat; background-size:100%; }
#g8 { position:absolute; width: 280px; height: 280px; left: 21%; top: 450px; z-index:1; background:url(../images/page/gula_03_oranzova.png) center no-repeat; background-size:100%; }
#g9 { position:absolute; width:100px; height:100px; left: 20%; top: 150px; z-index:1; background:url(../images/page/gula_03_oranzova.png) center no-repeat; background-size:100%; }

#g10 { position:absolute; width: 280px; height: 280px; right: 7%; top: 330px; z-index:1; background:url(../images/page/gula_04_modra.png) center no-repeat; background-size:100%; }
#g11 { position:absolute; width:170px; height:170px; left:54%; top:10px; z-index:1; background:url(../images/page/gula_04_modra.png) center no-repeat; background-size:100%; }
#g12 { position:absolute; width:100px; height:100px; left:41%; bottom:150px; z-index:1; background:url(../images/page/gula_04_modra.png) center no-repeat; background-size:100%; }

.kontaktform { }
.kblok { background:#000000; margin:auto; top:0; bottom:0; margin:6% 8%; padding:80px 20px; color:#FFFFFF; }
.close-box { position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../images/page/close.png) center no-repeat; background-size:100%; z-index:800; cursor:pointer; }

.fklima { display:none; }
.flkima h4 { font-size:30px; margin:10px 0; }
.tipblok { position:absolute; bottom:80px; }

@keyframes floating {
  from {transform:translate(0,0);}
  65% { transform:translate(0,22px);}
  to {transform:translate(0,0);}
 }
 
@keyframes floating2 {
  from {transform:translate(0,0);}
  65% { transform:translate(0,22px);}
  to {transform:translate(0,0);}
 } 
 
.gnim {
  -webkit-animation: floating 4s infinite ease-in-out; /* Safari 4+ */
  -moz-animation:    floating 4s infinite ease-in-out; /* Fx 5+ */
  -o-animation:      floating 4s infinite ease-in-out; /* Opera 12+ */
  animation:         floating 4s infinite ease-in-out; /* IE 10+, Fx 29+ */
}

.gnim2 {
  -webkit-animation: floating 5s infinite ease-in-out; /* Safari 4+ */
  -moz-animation:    floating 5s infinite ease-in-out; /* Fx 5+ */
  -o-animation:      floating 5s infinite ease-in-out; /* Opera 12+ */
  animation:         floating 5s infinite ease-in-out; /* IE 10+, Fx 29+ */
}

.gnim3 {
  -webkit-animation: floating 3.5s infinite ease-in-out; /* Safari 4+ */
  -moz-animation:    floating 3.5s infinite ease-in-out; /* Fx 5+ */
  -o-animation:      floating 3.5s infinite ease-in-out; /* Opera 12+ */
  animation:         floating 3.5s infinite ease-in-out; /* IE 10+, Fx 29+ */
}

.gnim4 {
  -webkit-animation: floating2 5s infinite ease-in-out; /* Safari 4+ */
  -moz-animation:    floating2 5s infinite ease-in-out; /* Fx 5+ */
  -o-animation:      floating2 5s infinite ease-in-out; /* Opera 12+ */
  animation:         floating2 5s infinite ease-in-out; /* IE 10+, Fx 29+ */
} 

.kont-info { position:absolute; bottom:80px; }
.formbox { width:70%; margin:25px 0; }

/* NB */
@media all and ( max-width: 1366px ) {
/**/

html, body { font-size:16px; }

.s01 { background:url(../images/page/slide-1-bck.jpg) center top no-repeat; background-size:100% auto; }
.s02 { background:url(../images/page/slide-2-bck.jpg) center top no-repeat #52D3D1; background-size:100% auto; }
.s03 { background:url(../images/page/slide-3-bck.jpg) center top no-repeat; background-size:100% auto; }

.slide { max-height:660px; }
.slide img { height:auto; width:auto; bottom:0px; left:0; }
.slide .mrow { display: block; max-height:660px; overflow:hidden; }

h2, .h2 { font-size:40px; margin-top:25px; }

.women-01 img, .women-02 img, .women-03 img, .women-04 img { width:auto; height:100%; } 

.ktip { color:rgba(255,255,255,.8); font-size:15px; letter-spacing:1px; }

.klima-01 h2, .klima-02 h2, .klima-03 h2, .klima-04 h2 { font-size:20px; margin:10px 0; }
.klima-01 p.popis, .klima-02 p.popis, .klima-03 p.popis, .klima-04 p.popis { line-height:24px; padding-right:100px; font-size:15px; }

.klima-01 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:200px 0 20px 30px; width:40%; font-weight:bold; font-size:15px; background: url(../images/page/apen-klimatizacia-Toshiba-Shorai-Premium.png) -50px top no-repeat; background-size: auto; background-size: auto 50%; }

.klima-02 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:200px 0 20px 30px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen_klimatizacia_LG_Standard_Plus_Left.png) -100px top no-repeat; background-size: auto; background-size: auto 50%; }
.klima-03 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:200px 0 20px 30px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen-klimatizacia-SAMSUNG-Wind-Free.png) -100px top no-repeat; background-size: auto; background-size: auto 50%; }
.klima-04 { position:absolute; left:0; bottom:0; color:#FFFFFF; text-align:left; padding:220px 0 20px 30px; width:30%; font-weight:bold; font-size:16px; background: url(../images/page/apen-klimatizacia-Blanc-Left.png) -80px top no-repeat; background-size: auto; background-size: auto 50%; }

.slide-right { text-align: right;  padding: 200px 100px 0 0; }
.top-cool { font-size: 100px; line-height: 110px; }
.top-cool span { font-size: 120px; }

.top-cool-right { margin-bottom: 50px; padding-right: 80px; }

.Blanc { text-align:left; padding:150px 0 0 150px; }
.samsung { text-align:left; padding:0px 150px 0 0; }
.LG_Standard { text-align:left; padding:50px 0 0 150px; }
.toshiba { text-align:left; padding:30px 150px 0 50px; }

.z-row-0 { min-height:1200px; background:url(../images/page/row-0-bck.jpg) center bottom no-repeat; padding-top:100px; position:relative; }
.z-row { min-height:850px; background:url(../images/page/row-1-bck.jpg) center bottom no-repeat; padding-top:100px; position:relative; }
.p-row { min-height:1200px; padding:300px 0 0 0; background:url(../images/page/row-2-bck.jpg) center top no-repeat; position:relative; }
.l-row { min-height:1050px; background:url(../images/page/row-3-bck.jpg) center bottom no-repeat; position:relative; }


.samsung img { width: 100%; max-width: 600px; position: absolute; left: 20px; top: 50px; z-index: 2; }
.LG_Standard img { width: 100%; max-width: 650px; position: absolute; left: 50px; top: 80px; z-index: 2; }
.toshiba img { width:100%; max-width:650px; position:absolute; left:50px; top:50px; z-index:2; }
.Blanc img { width:100%; max-width:600px; position:absolute; left:50px; top:200px; z-index:2; }


.i-open img { position:absolute; left:-90px; top:50px; max-height:500px; }
.i-close img { position:absolute; left:-140px; top:50px; max-height:500px; }


.zmrzlina, .pinacolada, .limonada { position:absolute; left:230px; bottom:150px; padding:80px 60px 0px 0px; text-align:left; -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out; width:460px; }
.zmrzlina h3, .pinacolada h3, .limonada h3 { font-size:30px; color:#FFFFFF; }
.zmrzlina .popis, .pinacolada .popis, .limonada .popis { font-size:15px; line-height:28px; font-weight:normal; }
.zmrzlina .row, .pinacolada .row , .limonada .row{ text-align:left; margin:25px 0; }
.zmrzlina .col-sm-6, .pinacolada .col-sm-6, .limonada .col-sm-6 { padding-left:0; font-size: 15px; font-weight: bold; }

.zmrzlina-small h3, .pinacolada-small h3 , .limonada-small h3{ font-size:20px; color:#FFFFFF; }
.zmrzlina-small .popis, .pinacolada-small .popis, .limonada-small .popis { font-size:15px; line-height:28px; font-weight:normal; padding-right:30px; }

.i-close .zmrzlina-small, .i-close .pinacolada-small { left:115px; width:64%; }
.pinacolada-small, .i-close .limonada-small { left:95px; width:64%; }
.zmrzlina-small, .pinacolada-small, .limonada-small { position:absolute; left:300px; bottom:150px; width:50%; text-align:left; -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out; }

.pimg img { width:80%; }

.klima { max-width:33%; }

.p-row { padding:250px 0 0 0;  }

#g7 { right: 5%; }

}


/* TAB */
@media all and ( max-width: 800px ) {

html, body { font-size:15px; }
h1, .h1 { font-size:36px; }
h2 { font-size:25px; line-height:40px; }
h4, .h4 { font-size: 20px; line-height: 30px; }

.row-cool .col-sm-12 h1 { font-size:45px; }

.page { width:100%; overflow:hidden; }
.col-1-2 {  width:100%; margin-top:50px;  }
.col-1-3 { float:none; width:100%; }
.col-1-6 { float:none; width:100%; }
.col12 { padding:0 0px 50px 0; }

.slide { max-height:none; height:480px; }
.slide img { width:auto; height:100%; margin-left:-100%; }
.slide .row { display: block; max-height:none; overflow:none; }

.slide-right { text-align: center; padding: 50px 30px 30px 30px; }

.top-cool { font-size:70px; line-height:80px!important; }
.top-cool span { font-size:70px; }

.cool { position: absolute; z-index: 3; right: auto; bottom: 0; height: auto; text-align: center; margin-bottom:25px; text-shadow:2px 2px 1px rgba(0,0,0,0.5); }

.top-cool-right { margin-bottom:10px; padding-right:0px; }
.women-01 img,.women-02 img,.women-03 img,.women-04 img { margin:0; }

.som-01, .som-02, .som-03, .som-04 {

    position: absolute;
    z-index: 3;
    left: 0;
    top: 190px;
    width: 100%;
    height: 50%;
    text-align: center;
	text-shadow:2px 2px 1px rgba(0,0,0,0.5);

}
.klima-01, .klima-02, .klima-03, .klima-04 { display:none; }

.slide_counter { right: 0; top: 10px; left: 0; margin-left: auto; margin-right: auto; }

.menu-top-cont #top-logo { padding: 25px 0 0 25px; }

.row-top .cont { padding-top:100px; }
.row-top .col-1-2 { padding:0 25px; }
.row-top .left img { width:120%; margin-bottom:60px; }
.row-top .col-1-2 div { text-align:left; padding:25% 0 0 0; }
.mask { background-size:150% auto; background-position:left bottom; }

.row-middle { padding:80px 0; background-position:left bottom; }
.row-middle p.nadpis { font-size:32px; }

.z-row-0 { background-position:top; background-size:auto 130%; min-height:950px; padding:30px 0; }
/*.z-row { background:url(../images/page/bcg-1a.jpg); background-size:auto 100%; min-height:950px; padding:30px 0 30px 0; } 

.p-row { background:url(../images/page/bcg-3a.jpg);  background-size:auto 100%; min-height:0; padding:30px 0; } */
.pimg { height:10px; }
.l-row { background-size:auto 100%; padding:30px 0 30px 0; display: flex; flex-flow: column; }

.a { order: 2; }
.b { order: 1 } 

.samsung { text-align:left; padding:0px 20px }
.samsung img { width: 100%; max-width: 750px; position: relative; left: auto; top: 0px; z-index: 2; }

.LG_Standard { text-align:left; padding:0px 20px }
.LG_Standard img { width: 100%; max-width: 800px; position: relative; left: auto; top: 0px; z-index: 2; }

.toshiba { text-align:left; padding:0px 20px }
.toshiba img { width:100%; max-width:800px; position:relative; left:auto; top:0px; z-index:2; }

.Blanc { text-align:left; padding:0px 20px }
.Blanc img { width:100%; max-width:700px; position:relative; left:auto; top:-0px; z-index:2; }

.inspiracia-1 { float:none; background:url(../images/page/bcg-1a.jpg) top left no-repeat; height:auto; background-size:auto 100%; overflow:hidden; }
.inspiracia-2 { float:none; background:url(../images/page/bcg-3a.jpg) top left no-repeat; height:auto; background-size:auto 100%; overflow:hidden; }
.inspiracia-3 { float:none; background:url(../images/page/bcg-2a.jpg) top left no-repeat; height:auto; background-size:auto 100%; overflow:hidden; }
.i-open { width:100%; }
.i-close { width:100%; }

.zmrzlina, .pinacolada, .limonada { position:relative; left:auto; bottom:auto; padding:60px 25px; text-align:center; width:100%; }

.i-open img { position:relative; left:auto; top:50px; max-height:200px; }
.i-close img { position:relative; left:auto; top:50px; max-height:200px; }

.i-close .zmrzlina, .i-close .pinacolada, .i-close .limonada { left:auto; }
.zmrzlina-small, .pinacolada-small, .limonada-small { left:1500px!important; }
.zmrzlina .col-sm-6, .pinacolada .col-sm-6, .limonada .col-sm-6 { text-align:center;  }


.row-bottom .cont { padding: 0 20px; }
.row-bottom .cont img { width:100%; }
.customer-box { padding:40px 20px; }
.customer-box .fs32 { font-size:24px; }

.row-footer .cont { padding:0 25px; }

.button, .button-l { width:80%; margin-left: auto; margin-right: auto; left: 0; right: 0; min-width:none; }
.button:hover, .button-l:hover { width:90%; }


.row-cool { min-height:0; text-align:center; }
.row-cool .col-sm-12 { padding:100px 0; }
.row-cool .col-sm-12 h2 { font-size:90px; }
.row-cool .col-sm-12 p { font-size:36px; }

.klima { margin-bottom:50px; max-width:100%; }
.klima-cont { background:url(../images/page/Group_87.jpg) center bottom no-repeat #2A2A2A; }
.klima h3 { margin:60px 0 20px 0; }
.klima .popis { margin-top:15px; }


.inspiracie { font-size:30px; }
.img-limonada { width:100%; bottom:0px; pointer-events:none; top:auto; }

#g1, #g2, #g3, #g4, #g5, #g6, #g7, #g8, #g9, #g10, #g11, #g12 { display:none; }

.cena-01 { position: relative; bottom: auto; left: auto; font-weight:bold; font-size:22px; padding:40px 0 ; }
.cena-02 { position: relative; bottom: auto; right: auto; font-weight:bold; font-size:22px; padding:40px 0; }
.cena-03 { position: relative; bottom: auto; left: auto; font-weight:bold; font-size:22px; padding:40px 0; }
.cena-04 { position: relative; bottom: auto; right: auto; font-weight:bold; font-size:22px; padding:40px 0; }

.cena-01 p, .cena-02 p, .cena-03 p, .cena-04 p { text-align:center!important; }

.price { font-size: 30px; line-height: 40px; padding: 0; }

.kontaktform {z-index: 9900; top: 0; left: 0; overflow-y: scroll; position:relative; }
.formbox { width:95%; margin:25px 0; }
.kblok { background:#000000; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position:relative; left:0; right:0; margin:auto; top:0; bottom:0; margin:0%; padding:30px; color:#FFFFFF; }
.tipblok { position:relative; bottom:auto; margin:15px 0; }
.flkima h4 { font-size:20px!important; margin:10px 0; }
.kont-info { position:relative; bottom:auto; margin:15px 0; }

#covid { padding:0px 20px 0 40px; background: url(../images/page/Icon_01.png) 7px 10px no-repeat #ff0000; background-size: auto 42%; line-height: 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

#free { padding:0px 20px 0 40px; background: url(../images/page/Icon_01.png) 5px 10px no-repeat; background-size: auto 42%; line-height: 24px; }

.left { float:left; }
.right { float:center; }

.button, .button-l, .b8, .b9 { font-size:16px; height:50px; line-height:50px; text-shadow:none; }
.button:hover, .button-l:hover, .b8:hover, .b9:hover { font-size:16px; height:50px; line-height:50px; }
}


/* MOB */
@media all and ( max-width: 360px ) {
}