@import url("../css/all.css"); 

html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html {
  scroll-behavior: smooth;
}

#section1 {
  height: 100vh;

}

#section2 {


}

img{display:block}
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing: inherit;}

body,html {color:#002948;font-family:Rubik,arial,tahoma;font-size:15px;font-weight:300;margin:0px;padding:0px}

td { font-size: 11px }
.clear{clear:both}
p{margin:0px 0px 20px 0px}
.break{page-break-after:always}
input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{width:100%;padding:12px;margin:0px 0px 0px 0px;font-family:Rubik,arial,tahoma;font-size:13px;border:2px solid #ccd9eb;border-radius:2px}
input[type=submit],form button,a.submit{float:left;cursor:pointer;padding:15px 20px 13px 20px;margin:0px 1px 0px 1px;border:2px solid #083d66;background:#ffffff;border-radius:2px;font-family:Rubik,Arial;font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:1px;transition:all 0.3s ease}
button i,a.submit i{position:relative;top:-1px;font-size:13px;vertical-align:middle;margin:-2px 10px 0px 0px}
button:hover,a.submit:hover{background:#002948;color:#ffffff;transition:all 0.3s ease;text-shadow:none}

input[type=submit]:hover{background:#083d66;color:#ffffff}
input:focus,button:focus {outline:none}
button{border:none;background:none;cursor:pointer}
label{display:block;font-size:10px;text-transform:uppercase;padding:10px 0px 10px 0px}
#buttons{display:block;padding:5px 0px 20px 0px}

.clear{clear:both}
.all{width:83%;max-width:1660px;margin:0px auto}
.small{font-size:13px}
a{text-decoration:none;color:#002948}
a:hover{color:#ed1064}
.new{padding:20px 0px 20px 0px;background:#cccccc}

.info, .ok, .error{line-height:2.9vh;padding:25px 40% 15px 0px;margin:0px 0px 15px 35px;}
.info{color:#084a7c}
.info i{position:relative;display:inline-block;margin-top:-4px;margin-left:-30px;font-size:18px}

.ok{color:#0fba1f}
.ok i{position:relative;display:inline-block;margin-top:-4px;margin-left:-30px;font-size:18px}

.error{color:#e92c07}
.error i{position:relative;display:inline-block;margin:-4px 5px 0px -30px;font-size:18px}
.alert{position:fixed;bottom:30px;left:30px;font-size:16px;z-index:999999;padding:20px;color:#ffffff;background:#ff0000}
.alert i{margin:0px 20px 0px 0px}
.center{text-align:center}

h1{font-family:Rubik,Arial;font-weight:500;text-transform:uppercase;margin:10px 0px 10px -1px;display:block;font-size:5.5vh}
##h2{display:inline-block;position:relative;z-index:6;font-size:15px;margin:5px 0px 0px -13mm;padding:0px 30px 0px 0mm;text-transform:uppercase}


.topcontact{position:fixed;display:inline-block;padding:0px 10px 10px 10px;font-size:11px;text-align:right;right:0px;top:0px}
.topcontact .phone{top:0px;font-size:26px;display:block;padding:5px 5px 0px 0px;transition:all 0.2s ease}
.topcontact .phone i{font-size:23px;padding:0px 10px 0px 0px;display:inline-block;margin-bottom:-5px}
.topcontact .address{opacity:0;position:relative;top:-30px;font-size:11px;text-align:right;display:block;font-weight:300;padding:3px px 0px 0px;transition:all 0.2s ease}

.topcontact:hover .phone{font-size:20px;transition:all 0.2s ease}
.topcontact:hover .address{opacity:0.8;top:0px;transition:all 0.2s ease}


.topcontact:hover{right:0px;transition:all 0.2s ease}

#top{position:fixed;z-index:9;color:#6c6c6;display:block;width:100%;box-shadow:0px -33px 30px 35px rgba(0,0,0,0.1)}
#topsearch{transition: all 0.3s ease-in-out;height:50px;background:#e5e5e5}
#topsearch > .search{}
#topsearch > .topmenu{width:25%;float:left;padding:7px 7px 7px 0px;}
.topmenu a{color:#6c6c6;display:block;padding:11px 20px 10px 20px;margin-left:1px;float:left;text-transform:uppercase;font-size:11px}
.topmenu a:hover{background:#ffffff;color:#0F2297}
.topmenu img{vertical-align:middle;margin:-4px 10px 0px 0px}
.topinfo {width:40%;float:left;text-align:right}

#topmenu{transition: all 0.3s ease-in-out;height:70px;padding:10px 0px 0px 0px;background:#083d66}
##topmenu .logo{display:inline-block;padding:5px 10px 0px 0px}
##topmenu .logo:hover{background:none}
##.newtopsearch2{width:100%;padding:7px 0px 5px 15px}
.newtopsearch4 {float:left;padding:11px 5px 0px 0px;font-size:11px;font-weight:300;line-height:15px}
.newtopsearch4 a { float: left; display: block; padding: 15px }
.newtopsearch4 .small {display:block;color:#66829a;font-size:10px;line-height:12px;padding:7px 0px 0px 0px;font-weight:600}

#logo{display:inline-block;width:150px;height:44px;margin:4px 0px 4px 10px;background: url(../gfx/logo.png) no-repeat;background-size:contain}
#logo:hover{background: url(../gfx/logo.png) no-repeat;background-size:contain}

.newtopsearch5 {float:left;padding:13px 10px 0px 10px; letter-spacing:-1px;font-size:24px;text-align:right}
.newtopsearch5 img{border-radius:2px}
.newtopsearch5 div{color:#6c6c6;display:block;float:left;font-size:21px;padding:0px 10px 0px 0px;line-height: 1px;}
.newtopsearch5 b{float:left;display:inline-block;padding:2px 10px 0px 0px;margin-top:-3px;font-weight:400;}
.newtopsearch5 a{display:inline-block;font-size:27px;padding:0px;margin:-5px 2px 0px 6px;color:#6c6c6}
.newtopsearch5 img{margin-bottom:-5px}
.newtopsearch5 i{opacity:0.5;color:#6c6c6}

#search{width:35%;float:left;height:50px;padding:7px 8px 8px 27px}
#search input[type=text]{border-radius:2px;text-transform:uppercase;font-size:11px;box-sizing:border-box;border:1px solid #ffffff;padding:10px 8px 10px 8px;width:100%;background:#ffffff;font-family:Lato,Arial}
#search button{float:right;position:relative;font-size:17px;z-index:9999;top:-32px;right:2px;border:0px;padding:5px 8px 5px 5px;margin:0px}
#search button:hover{color:#ff0000;background:#ffffff}


#table{}
#table .right{text-align:right}
#table .header{padding:10px;font-size:13px}
#table .row{border-top:1px solid #e0e9f4}
#table .row > div{padding:10px}
#table .row:hover{background:#e0e9f4}
#table .row > .clear{padding:0px}

##.row{padding:5px 0px 5px 0px;}
##.row:hover{background:#cccccc}












input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ffffff;
	padding: 9px 10px 9px 32px;
	width: 45px;
	border-radius:2px;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
input[type=search]:hover {
	width: 130px;
	background-color: #fff;
	border-color: #ffffff;
	box-shadow: 0 0 5px rgba(237,16,100,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* Demo 2 */
#demo-2 input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:hover {
	width: 100%;
	padding-left: 32px;
	color: #000;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}

#page{padding:0px 20px 25px 25px;background-size: 1000px 700px;background-position: 130% -120px;background-repeat:no-repeat}
#page .title{display:block;text-transform:uppercase;font-size:18px;font-weight:17px;padding:10px 0px 10px 0px}
#breadcrumb{padding:130px 0px 0px 10px;font-size:11px;opacity:0.7}
#breadcrumb a{padding:5px}
#breadcrumb ol{list-style: none;padding:0px;margin:0px}
#breadcrumb li{display:inline-block;padding:5px 10px 5px 10px}
#breadcrumb li:before {content: ' \2023';margin:0px 2px 0px 0px}
#breadcrumb li:first-child:before{content: ''}

.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position:absolute;vertical-align:bottom;
  bottom:100%;
  left: 0;
  right: 0;
  background-color:rgba(255,255,255,0.8);
  overflow: hidden;
  width: 100%;opacity:0;
  height: 0;padding:10px;
  transition: .25s ease-in-out;
}

.product a:hover .overlay {
  bottom:0;height: 90%;opacity:1
}

.icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-user:hover {
  color: #eee;
}

.txta {width:100%;font-size:13px;line-height:2.4vh;font-weight:300;
  position: absolute;padding:5px 20px 5px 20px;
  bottom:35%;
  left: 50%;
  -webkit-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
  text-align: center;text-shadow:0px 1px 1px rgba(255,255,255,1);    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 10.8ch;
}

#info{font-weight:300}
#info i{padding:0px 10px 0px 0px;vertical-align:middle;}
#info .title{font-weight:700;font-size:2.8vh;display:block;text-transform:uppercase;padding:5px 5px 15px 5px}
#info .title i{font-size:5vh;padding:25px;display:inline-block;border-top:1px solid #ed1064}
#info .img{padding:0px 20px 0px 0px}
#info .img img{width:100%}
#info .center img{width:100%;padding:5px}
#info .center{text-align:center;padding:10px 30px 25px 30px}
#info .join{text-align:center;margin:10px 15% 15px 15%;padding:20px 25px 10px 25px;color:#ffffff;background:#083d66;border-radius:2px;text-shadow:none;font-size:17px;font-weight:500}
#info .join i{font-size:28px;}

#brandinfo{padding:10px 30% 0px 0px;font-weight:300;font-size:15px;line-height:3.3vh;margin:25px 0px 10px 0px;border-top:1px solid rgba(1,64,155,0.2)}
#brandinfo h2{font-size:1.9vh;font-weight:500}

#products{padding:20px 0px 0px 0px}
#products > .product{position:relative;z-index:5;vertical-align:bottom;width:25%;overflow:hidden;display:block;float:left;padding:0px 10px 5px 10px;text-align:center;border-top:1px solid #ddeaf4;min-height:0px}
#products > .product:nth-child(5), #products > .product:nth-child(9){clear:both}, #products > .product:nth-child(13){clear:both}
#products > .product:hover{border-color:#ed1064}
#products > .product > a:hover > .image{transform:scale(1.15);transition:all 0.2s ease}
#products > .product > a > .title{font-weight:500;font-size:1.9vh;min-height:50px;margin-top:-20px;position:relative;z-index:3}
#products > .product > a > .image{position:relative;top:0px;z-index:1;transition:all 0.2s ease}
#products > .product > a > .image > img{width:90%;margin:0px auto}
#products > .product > a > .details{z-index:9;position:relative;min-height:40px;font-size:13px;font-weight:300}
#products > .product > a > .infos{position:relative;display:block;z-index:5;float:right;text-align:right;margin-top:-40px;top:60px;right:20px;height:60px;}
#products > .product > a > .infos > .wifi{display:inline-block;position:relative;right:0px;text-align:right;font-size:1.5vh;background:#53a5d0;border-radius:2px;padding:5px;margin:0px 5px 0px 0px;color:#ffffff;text-shadow:none}
#products > .product > a > .infos > .refrigerant{display:inline-block;position:relative;right:0px;text-align:right;font-size:1.5vh;background:#15d315;border-radius:2px;padding:5px;color:#ffffff;text-shadow:none}
#products > .product > a > .infos > .refrigerant > i, #products > .product > a > .infos > .wifi > i{position:relative;font-size:1.3vh;padding:0px 5px 0px 0px;top:-1px;opacity:0.75}
#products > .product > a > .infos > .votes{text-align:right;top:0px;right:20px;font-size:1.5vh;padding:5px;color:#cccccc;text-shadow:none}
#products > .product > a > .infos > .votes > i > .on{color:#ed1064}
#products > .product > a > .infos > .votes > i:hover{color:#cccccc}
#products .function{display:inline-block;padding:3px}
#products a .function {color:#002948;font-size:1.4vh}
#products .function i{display:inline-block;text-align:center;padding:3px;font-size:11px}
#products .cennik{font-weight:300;font-size:11px;}
#products .cennik a{display:inline-block;text-align:center;padding:5px 10px 5px 10px}
#products .cennik a i{display:block;font-size:24px;padding:0px 5px 5px 5px;}

#products > .news{min-height:280px}
#products .date{display:block;font-size:12px;padding:10px;color:#cccccc}

#news{padding:20px 0px 0px 0px}
#news > strong{display:block;padding:5px 0px 15px 0px;font-weight:500;font-size:2vh}
#news .news{vertical-align:bottom;width:25%;min-height:400px;overflow:hidden;display:block;float:left;padding:0px;text-align:center;border-top:1px solid #ddeaf4}
#news > .news > a > .title{font-weight:500;font-size:1.9vh;min-height:50px;margin-top:-20px;position:relative;z-index:3}
#news > .news > a > .intro{font-size:14px;padding:0px 10px 0px 10px;line-height:22px}
#news > .news > a > .image > img{width:100%;transition:all 0.2s ease}
#news > .news > a > .image{height:240px;margin:0px 0px 25px 0px;transition:all 0.2s ease;overflow:hidden;display: inline-block;}
#news > .news > a:hover > .image > img{transform:scale(1.1);transition:all 0.2s ease}

#newscontent strong{font-size:22px;font-weight:500}
#newscontent{padding:10px 25% 20px 0px;font-size:17px;line-height:28px}
#newscontent .posted{font-size:13px; padding:15px 0px 0px 0px; opacity:0.6}
#newscontent .posted i{font-size:12px;padding:0px 6px 0px 0px;margin-top:-4px}
#newsimage{width:120%;margin:15px 0px 15px -10%;background:#cccccc}
#newsimage img{width:100%}

.modelname{padding:20px 20px 10px 5px}
.modelcooling{display:inline-block;padding:20px 20px 5px 20px;font-size:1.8vh;font-weight:400;border-right:1px solid rgba(15,34,151,.1)}
.modelcooling > span{display:block;font-weight:700;font-size:7vh}
.modelcooling > span > span{font-size:5vh;font-weight:300}
.modelcooling .price{font-size:4vh;font-weight:700;color:#e2005a;margin-bottom:3px}
.modelcooling i{padding:0px 5px 0px 0px;font-size:2vh}

.modelseer{display:inline-block;position:relative;top:-13px;padding:0px 20px 5px 20px;font-size:11px;font-weight:400;text-shadow:none}
.modelseer > .seer{background:#0f2e86;color:#ffffff;padding:3px;border-radius:2px;margin:1px}
.modelseer > .scop{background:#e40c0c;color:#ffffff;padding:3px;border-radius:2px;margin:1px}

.modelnoise{vertical-align:top;display:inline-block;padding:20px 20px 5px 20px;font-size:1.8vh;font-weight:400;border-right:1px solid rgba(15,34,151,.1)}
.modelnoise > span{display:block;padding:8px 0px 0px 0px;font-size:5vh}

.modelcart{width:50%;vertical-align:top;padding:20px 20px 20px 0px;font-size:1.8vh;font-weight:400;border-top:1px solid rgba(15,34,151,.1);border-bottom:1px solid rgba(15,34,151,.1);margin:0px 0px 50px 0px}
.modelcart input[type="text"]{display:inline-block;width:50px;height:46px;margin:0px 5px 0px 5px;text-align:center;padding:14px 14px 13px 14px}
.modelcart button{float:right}
.q{vertical-align:top;display:inline-block;padding:0px 5px 0px 0px}
.q .button{display:inline-block;padding:13px 16px 13px 16px;height:46px;background:#f1f1f1;cursor:pointer;border-radius:2px}
.q .button:hover{background:#002948;color:#ffffff}
.q input[type=text]{position:relative;top:-1px}

.modelcartbutton{float:left;display:inline-block}

.modelstock{font-size:15px;display:inline-block;padding:12px 0px 10px 15px}
.modelstock i{display:block;float:left;padding:3px 10px 5px 0px}
.modeltype{display:block;float:left;margin-top:-12px;font-size:2.5vh;font-weight:300;text-transform:uppercase}
.ask{display:block;float:left;position:relative;background:#cccccc;font-size:11px;font-weight:400;text-transform:uppercase;padding:4px 7px 3px 7px;top:4px;margin:-15px 0px 0px 15px;color:#ffffff;background:#002948;border-radius:2px;text-shadow:none}
.ask:hover{color:#ffffff;background:#e2005a}
.ask i{margin:0px 7px 0px 0px}

#functions{padding:0px 0px 15px 0px;margin:-1px 0px 0px 0px}
.functions{font-weight:300}
.functions span{display:inline-block;padding:9px 10px 10px 5px;margin:5px;background:rgba(255,255,255,0.6);border-radius:4px}

#images{position:absolute;right:0px;width:280px;padding:5px;top:300px;border:1px solid rgba(15,34,151,.1);background:#ffffff}
#images img{width:48%;display:inline-block;padding:0px;margin:1%;}

#imagesgallery img{width:25%;float:left;padding:5px 15px 5px 15px}

#similar > .product{vertical-align:bottom;width:33.33%;overflow:hidden;display:block;float:left;padding:0px 10px 5px 10px;text-align:center;border-bottom:1px solid #ddeaf4;min-height:350px}
#similar > .product:hover{border-color:#ed1064}
#similar > .product > a:hover > .image{transform:scale(1.15);transition:all 0.2s ease}
#similar > .product > a > .title{min-height:50px;font-weight:500;margin-top:-20px;position:relative;z-index:3}
#similar > .product > a > .image{position:relative;top:0px;z-index:1;transition:all 0.2s ease}
#similar > .product > a > .image > img{width:90%;margin:0px auto}
#similar > .product > a > .details{z-index:9;position:relative;min-height:40px;font-size:1.5vh;font-weight:300}
#similar > .product > a > .infos{position:relative;z-index:5;float:right;margin-top:-40px;top:60px;right:20px;height:60px;}
#similar > .product > a > .infos > .refrigerant{text-align:right;font-size:1.5vh;background:#15d315;border-radius:2px;padding:5px;color:#ffffff;text-shadow:none}
#similar > .product > a > .infos > .refrigerant > i{position:relative;font-size:1.3vh;padding:0px 2px 0px 0px;top:-1px;opacity:0.75}
#similar .function{display:inline-block;padding:3px}
#similar a .function {color:#002948;font-size:1.2vh}
#similar .function i{display:inline-block;text-align:center;padding:3px;font-size:11px}
#similar .txta{bottom:20%;}

#files a{display:block;float:left;width:20%;text-align:center;padding:10px 20px 10px 20px;font-size:13px;line-height:18px}
#files i{color:#ff0000;display:block;padding:5px;font-size:27px;}
#vote{display:block;padding:15px 0px 10px 0px;font-size:11px;margin:0px 0px 0px -6px}
#vote > form{display:block;float:left}
#vote > span{display:block;float:left;padding:9px 0px 0px 14px;font-weight:300}

#vote > form > button{border:0;background:transparent;font-size:22px;font-weight:700;width:24px;margin:0;padding:0;float: right;cursor:pointer}
#vote > form > button > i{padding:6px;font-size:18px;}
.on{color:#ed1064}
#vote > form > button:hover,button:hover + button,button:hover + button + button,button:hover + button + button + button,button:hover + button + button + button + button {color:#ed1064}

#models{font-size:2vh;padding:0px 0px 15px 0px;text-shadow:none}
#models span{display:inline-block;font-size:1.6vh;padding:10px}
#models a{display:inline-block;padding:5px 8px 5px 8px;border:1px solid #9fbdd4;background:#ffffff;border-radius:2px;margin:0px 3px 6px 3px}
#models a:hover{background:#9fbdd4;border-color:#c0d7e9}
#models a.active {background:#e2005a;color:#ffffff;border:1px solid #e2005a}
#models .phase{position:absolute;padding:2px 4px 2px 4px;border-radius:2px;font-size:10px;background:#9fbdd4;color:#ffffff}
#models a.active .phase{background:#e2005a;color:#ffffff;}

#accessories > .model{float:left;width:20%;padding:15px;font-weight:400;font-size:14px}
#accessories > .description{float:left;width:30%;border-left:1px solid #bfced9;border-right:1px solid #bfced9;padding:15px;font-weight:400;font-size:14px}
#accessories > .price{float:left;width:15%;text-align:right;font-weight:400;padding:15px}
#accessories > .price > span{font-weight:700;color:#e2005a;}
#accessories > .cart{display:inline-block;font-weight:400;padding:5px}
#accessories > .cart > form > button{padding:7px;font-size:10px}

##tabs{padding:25px 0px 0px 0px}
##tabs .tabs{padding:15px 30px 15px 30px;font-size:1.7vh;display:inline-block;border-bottom:1px solid #ddeaf4}
##tabs .on{border-radius:2px;border-left:1px solid #ddeaf4;border-right:1px solid #ddeaf4;border-top:1px solid #cfdbe4;border-bottom:1px solid #ffffff}

#interested{display:block;margin:20px 0px 0px 0px;font-size:14px;line-height:20px}
#interested > .iicon{vertical-align:top;font-size:20px;font-weight:400;display:inline-block;padding:2px 15px 0px 0px}
#interested > .itext{display:inline-block;width:40%;padding:0px 15px 0px 15px;line-height:19px;border-left:1px solid #ddeaf4}
#interested > .itext > p{margin:0px}
#interested > .iphone{vertical-align:top;font-size:21px;font-weight:700;display:inline-block;padding:0px 15px 0px 15px;border-left:1px solid #ddeaf4}
#interested > .iphone > span{font-size:12px;font-weight:400;display:block;padding:0px 0px 3px 0px}
#interested > .iphone > i{position:relative;top:-3px;margin-2px 9px 0px 0px;font-size:14px}
#interested > .iphone > .number{padding:2px 0px 0px 0px;letter-spacing:-1px;}
#interested > .iask{vertical-align:top;font-size:18px;font-weight:700;display:inline-block;padding:0px 15px 0px 15px;border-left:1px solid #ddeaf4}
#interested > .iask > span{font-size:12px;font-weight:400;display:block}
#interested > .iask > a{display:block;background:#002948;padding:3px 8px 1px 8px;color:#ffffff;font-size:11px;font-weight:400;text-transform:uppercase;text-shadow:none;border-radius:2px}
#interested > .iask > a > i{font-size:13px;margin:0px 6px 0px 0px}
#interested > .iask > a:hover{background:#e2005a}

#contact strong{font-size:20px;font-weight:700;display:block}
#contact label{display:block;font-size:11px;padding:10px 0px 10px 0px}
#contact input[type=email]{width:99%}
#contact input[type=email],#contact input[type=text],textarea{display:block;font-size:13px}
#contact > .check{display:block;float:left;width:40px;padding:10px 0px 0px 0px}
#contact > .desc{display:block;float:left;width:80%;font-size:12px;}
#contact > .desc a u{text-decoration:underline} 
#contact > textarea{height:90px;font-size:13px}
#contact > button{font-family:Rubik,Arial;display:block;padding:14px 27px 14px 27px;text-transform:uppercase;font-size:11px;font-weight:700;background:#002948;border-radius:2px;color:#ffffff}
#contact > button:hover{background:#e2005a}

#cenniki{}
#cenniki > strong{display:block;padding:5px 0px 15px 0px;font-weight:500;font-size:2vh}
#cenniki > .cennik{float:left;width:14.28%;padding:10px 25px 10px 25px;text-align:center;min-height:360px}
#cenniki > .cennik a{display:block;font-size:2.1vh;font-weight:500}
#cenniki > .cennik img{width:100%;display:block;padding:5px;margin:0px 0px 5px 0px;transition:all 0.2s ease;box-shadow:0px 2px 5px rgba(0,0,0,0.1)}
#cenniki > .cennik img:hover{transition:all 0.2s ease;filter: contrast(1.45);}
#cenniki > .cennik i{vertical-align:middle;font-size:1.5vh;margin-top:-4px;display:inline-block;padding:0px 5px 0px 0px}
#cenniki > .cennik > .small{font-size:11px;display:block;text-align:center;padding:0px;position:relative;margin:2px 0px 0px 0px}
#cenniki > .cennik > a > span{display:block;padding:6px 0px 6px 0px}
#cenniki > .cennik > a > .iconpdf{opacity:0;display:block;text-align:center;position:absolute;z-index:999;margin-top:-50px;float:right;border-radius:2px}
#cenniki > .cennik > a > .iconpdf i{display:block;margin:0px;font-size:6vh;color:#ff0000}
#cenniki > .cennik > a:hover > .iconpdf{	-webkit-animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.slide-top {
	-webkit-animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.content{line-height:26px}
.content p{padding:10px}

.right{text-align:right}

.lg{background-color:#c8135c}
.samsung{background-color:#1428a0}
.mdv{background-color:#009fe9}
.daikin{background-color:#009ada}
.mitsubishi-electric{background-color:#e30613}
.kaisai{background-color:#003f79}

.share{font-size:12px;padding:8px 0px 10px 0px;margin:12px 0px 20px 0px;text-shadow:none;border-bottom:1px solid rgba(150,150,150,0.15);}
.share i{padding:0px 10px 0px 0px;font-size:15px;}
.share span{display:block;float:left;padding:7px 11px 3px 0px}
.share .fb{display:inline-block;background:#3b5998;color:#ffffff;padding:7px 7px 7px 12px;border-radius:2px;margin-right:5px}
.share .fb:hover{background-color:#2b467f}
.share .twitter{display:inline-block;background:#28aae1;color:#ffffff;padding:7px 7px 7px 12px;border-radius:2px;margin-right:5px}
.share .twitter:hover{background-color:#1994c8}
.share .google{display:block;float:left;background:url(gfx/bg-google.png) no-repeat left #dd493d;color:#ffffff;padding:8px 10px 8px 36px;border-radius:2px;margin-right:5px}
.share .google:hover{background-color:#cc3c30}

.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top:0;left:0;width: 100%;height: 100%; }

#lastnews{line-height:24px;padding:20px 0px 0px 0px}
#lastnews strong{display:inline-block;border-top:1px solid #e0e9f4;;padding:10px 0px 20px 0px}

#social{border-top:1px solid #e0e9f4;;padding:30px 15px 10px 15px;text-align:right}
#social span{display:inline-block;position:relative;top:-5px;font-size:13px;padding:10px;}
#social i{vertical-align:top;padding:10px 10px 10px 10px;font-size:4vh}

#footer{border-top:1px solid #e0e9f4;width:100%;margin:0 auto;color:#002948;line-height:19px;margin:20px 0px 0px 0px;padding:10px 15px 100px 15px}
#footer .title{font-size:17px;display:block;text-transform:uppercase;padding:20px 0px 10px 10px;font-weight:500}
#footer a{display:inline-block;padding:10px}

#summary{width:50%;float:left;opacity:0.5;font-size:13px;line-height:3vh;padding:50px 10px 50px 10px}

#qcontact{padding:10px 10px 10px 10px;margin-top:-10px}
#qcontact .title{padding:20px 0px 20px 0px}
#qcontact b{font-size:2.5vh;display:block;padding:10px 0px 0px 0px}

.cartproduct{border-bottom:1px solid #e0e9f4;padding:10px 0px 10px 0px}
#account{float:right;display:inline-block;color:#ffffff;padding:10px;font-size:13px;text-transform:uppercase;font-weight:400}
#account a{color:#ffffff}
#account i{color:#ffffff;padding:7px;font-size:20px;display:inline-block;position:relative;top:2px;margin:3px 5px 0px 10px}
#account .cart{display:inline-block;font-size:13px;position:relative;width:25px;height:25px;padding:5px 5px 5px 4px;text-align:center;top:-14px;right:10px;background:#ff0000;border-radius:50%;color:#ffffff}
#accountmenu{display:inline-block;position:relative;top:-5px;padding:5px;margin:-5px 0px 5px 15px}
#accountmenu a{display:inline-block;border-left:1px solid #e0e9f4;padding:5px 15px 5px 15px}
#accountleft{display:block;position:fixed;top:175px;z-index:99999;left:0px;}
#accountleft a{width:110px;padding:12px 10px 10px 10px;display:block;font-size:13px;background:#00adef;border-bottom:1px solid #ffffff;color:#ffffff;font-weight:400;line-height:12px;transition: 0.2s all ease}
#accountleft a i{display:block;float:left;padding:4px 10px 20px 0px;font-size:17px;}
#accountleft a:hover{width:120px;padding:12px 10px 10px 20px;transition: 0.2s all ease;background:#0097cf}

#points{text-shadow:none}
#points .received{font-size:13px;display:inline-block;padding:20px;color:#ffffff;background:#ed1064;border-radius:2px;margin:0px 10px 0px 0px}
#points .received span{font-size:35px;display:block;font-weight:700}

#points .pending{font-size:13px;display:inline-block;padding:20px;color:#ffffff;background:#627d91;border-radius:2px;}
#points .pending span{font-size:35px;display:block;font-weight:700}

.prize{width:25%;display:block;float:left;padding:10px 10px 10px 0px}
.prize b{font-size:18px;position:relative;z-index:9}
.prize img{width:80%;top:-20px;position:relative;z-index:1}
.prize > .pavailable{display:inline-block;padding:5px;position:relative;z-index:2;top:-45px;background:#cccccc;float:right;font-size:15px;border-radius:2px}
.prize > .nopoints{float:left;font-size:12px;color:#848484;padding:0px 10px 10px 0px}

#discounts{}
#discounts > strong{display:block}
#discounts > .company{float:left;width:23%;text-align:center;padding:10px 10px 20px 10px;border-top:1px solid #e0e9f4;margin:1%;min-height:160px}
#discounts > .company > a > img{display:inline-block;width:115px;text-align:center}

.quantity form{display:block;float:right}
.quantity span{display:block;float:right;width:60px;height:30px;vertical-align:top;text-align:center;padding:7px 5px 0px 5px}
.quantity button{display:block;float:right;width:30px;height:30px;padding:5px}
.quantity button:disabled{background: #dddddd;cursor:default;border-color:#cccccc}
.quantity button:disabled:hover{color:#000000}

.buttonsmall{float:right;display:block;cursor:pointer;padding:7px 15px 4px 10px;height:30px;margin:0px 1px 0px 1px;border:2px solid #083d66;background:#ffffff;border-radius:2px;font-family:Rubik,Arial;font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:1px;transition:all 0.3s ease}

#nonomedia{opacity:0.6;width:50%;float:left;text-align:right;padding:50px 0px 0px 0px;font-size:12px;}
#nonomedia a{padding:0px;}
#nonomedia a:hover{opacity:1;}
#nonomedia img{width:100px;align:right}


.w5{float:left;width:5%}
.w10{float:left;width:10%}
.w15{float:left;width:15%}
.w20{float:left;width:20%}
.w25{float:left;width:25%}
.w30{width:30%;float:left}
.w33{width:33%;float:left}
.w35{width:35%;float:left}
.w40{width:40%;float:left}
.w50{width:50%;float:left}
.w50a{width:50%;float:left;padding:0px 10px 0px 0px}
.w60{width:60%;float:left;padding:0px 10px 0px 0px}
.w70{width:70%;float:left}
.w75{width:75%;float:left}

.btn {
  outline: none;
  border: none;
  padding:10px 20px;cursor:pointer;background:#002948;color:#ffffff;border-radius:3px;

  margin:5px 5px 20px 5px;
}
.btn:hover{background:#ed1064}

.dropdown {
  position: relative;
  display: inline;
}

.btn-dropdown {
  padding: 0px;
  margin: 5px;
  list-style: none;background:rgba(0,64,113,0.9);border-radius:3px;
  position: absolute;
  left: 0px;
  top: 30px;


  text-align: initial;
  overflow: auto;
  display: none;
  z-index: 100;white-space: nowrap;
}

.btn-dropdown li {
  padding: 10px 15px 10px 15px;
  margin: 0px;

  cursor: pointer;
}
.btn-dropdown li a{color:#ffffff;text-shadow:none}

.btn-dropdown li:hover {
  background-color:#112b7e;display:block;
}

.btn-dropdown li:last-child {
  border-bottom: none;
}

@media screen and (max-width:960px) {
#products > .product{width:50%}
#news .news{width:50%}
}

@media screen and (max-width:1440px) {
.all{width:100%}
}

@media screen and (max-width:550px) {

body,html,div{font-size:14px}
.info, .error, .ok {margin:0px 0px 0px 25px;padding:20px 10px 20px 10px}
h1{font-size:3.3vh}
.w20{float:left;width:100%;}
.w33{width:100%}
.w40{width:100%}
.w50{width:100%}
.all{width:95%}
.alert{left:0px;bottom:0px;width:100%:}
#top{box-shadow:none}
#topmenu{background:none}
#topsearch{display:none}

#logo{position:absolute;display:block;top:0px;right:0px;margin:10px 10px 0px 0px;padding:7px 5px 1px 5px;z-index:999;background:url(../gfx/logo-blue.png) no-repeat;background-size:cover}

#page{padding:65px 10px 40px 10px;background-size: 500px 350px;background-position: -25% -55px;background-opacity:0.6}
#breadcrumb{display:none}
.lower{padding-top:120px}

.modeltype{font-size:2vh;padding:5px 0px 0px 0px}
#products > .product{display:block;width:100%;padding-bottom:30px;min-height:100px}
#brandinfo{padding:0px;text-align:center}

.modelcooling {width:50%;margin:0px;padding:15px;font-size: 1.4vh;font-weight: 400}
.modelcooling:nth-child(1) {border:none}
.modelcooling > span{display:block;font-weight:700;font-size:5vh}
.modelcooling > span > span{font-size:3.5vh;font-weight:300}
.modelcart{width:49%}
.modelseer{top:-2px;}
.seer, .scop{padding:0px 20px 5px 20px;font-size:12px}
.ask{display:block;float:left;position:relative;background:#cccccc;font-size:11px;padding:10px;top:4px;margin:10px 0px 0px 0px;color:#ffffff;background:#002948;border-radius:2px;text-shadow:none}
.ask:hover{color:#ffffff;background:#e2005a}
.ask i{margin:0px 7px 0px 0px}

#models span{display:block}
#similar > .product{width:100%;min-height:10px}
#files a{display:block;float:left;width:50%;text-align:center;padding:10px 10px 10px 10px;font-size:13px;line-height:18px}
#files i{color:#ff0000;display:block;padding:5px;font-size:27px;}

#images{display:none}
#imagesgallery img{width:48%}
#info .center{padding:10px 0px 15px 0px;line-height:22px}
#info .w20{padding:5px 0px 20px 0px}
#info .join{margin:0px;font-size:15px;padding:20px 10px 10px 10px}

.w30{width:100%}


#news .news{width:100%;overflow:hidden;}
#newsimage {width:115%;position:relative;right:0px;overflow:hidden;margin: 15px -10% 15px -10%;background: #cccccc;}
#newscontent {padding: 10px 0px 20px 0px;font-size: 15px;line-height: 28px;}
#newscontent strong {font-size:16px}

#interested{display:block;margin:20px 0px 0px 0px;font-size:14px;line-height:20px}
#interested > .iicon{width:100%;text-align:center;vertical-align:top;font-size:23px;font-weight:400;padding:0px 0px 20px 0px}
#interested > .itext{display:inline-block;width:100%;padding:0px 15px 0px 15px;line-height:19px;border-left:0px solid #ddeaf4}
#interested > .itext > p{margin:0px}
#interested > .iphone{width:100%;text-align:center;vertical-align:top;font-size:23px;font-weight:700;display:inline-block;padding:0px 15px 0px 15px;border-left:0px solid #ddeaf4}
#interested > .iphone > span{font-size:12px;font-weight:400;display:block;padding:0px 0px 3px 0px}
#interested > .iphone > i{position:relative;top:-3px;margin-2px 9px 0px 0px;font-size:14px}
#interested > .iphone > .number{padding:2px 0px 0px 0px;letter-spacing:-1px;}
#interested > .iask{width:100%;text-align:center;vertical-align:top;font-size:18px;font-weight:700;display:inline-block;padding:15px 15px 0px 15px;border-left:0px solid #ddeaf4}
#interested > .iask > span{font-size:12px;font-weight:400;display:block}
#interested > .iask > a{display:inline-block;background:#002948;padding:9px 12px 9px 12px;color:#ffffff;font-size:15px;font-weight:700;text-transform:uppercase;text-shadow:none;border-radius:2px}
#interested > .iask > a > i{font-size:15px;margin:0px 6px 0px 0px}
#interested > .iask > a:hover{background:#e2005a}

#cenniki > .cennik{width:33.33%;min-height:245px;padding:5px 10px 5px 10px;}
#social, #footer{text-align:center}

#accountmenu a{width:49%;padding:15px 10px 15px 20px}
#accountleft{display:none}
#discounts > .company{width:31%;min-height:130px}

.cartproduct a{font-size:17px}
.quantity button{padding:13px;height:42px;width:38px}
.quantity span{padding:13px;height:42px;}

#qcontact{font-size:2vh;padding:15px;margin-top:10px;background:#e0e9f4;border-radius:2px}
#qcontact .title{display:block;text-transform:uppercase;padding:10px 0px 0px 0px;font-weight:500}
#qcontact p{margin:0px}
#qcontact b{font-size:2.3vh}
#summary{width:100%;padding:30px 10px 25px 10px}
#nonomedia{width:100%;text-align:center;padding:10px 10px 50px 10px}
}

.come-in {
  transform: translateY(200px);
  animation: come-in 1.2s ease forwards;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}
@keyframes come-in {
  to { transform: translateY(0); }
}




#tabs{width:70%}
.tabs {
  display: flex;
  flex-wrap: wrap;
}
#tabshome{width:100%;padding:0px 0px 20px 0px}
#tabshome .news,#tabshome .product{border:none}
#tabshome h1, #tabshome h2, #tabshome h3, #tabshome h4{margin:0px;font-size:15px;display:inline-block;text-transform:none;font-weight:400}

.tabs label{border-radius:2px;z-index:2;order:1;display:block;font-size:14px;padding:15px 25px 15px 25px;cursor:pointer;border:1px solid #ffffff;border-bottom:1px solid #ddeaf4;margin-bottom:-1px;transition:all ease 0.2s}
.tabs label i{margin:0px 6px 0px 0px;opacity:0.6}
.tabs .tab {
  order: 99;
  flex-grow: 1;
  display:none;padding:20px;border:1px solid #ddeaf4;width:100%;background:rgba(255,255,255,0.8)}
 
.tabs input[type="radio"] {
  display: none;
}
 
.tab > .description{padding:10px 20px 20px 10px;line-height:3.8vh;font-weight:300;}
.tab h2, .tab h3{font-size:3vh;margin:0px 0px 10px 0px}

.tabs input[type="radio"]:checked + label{color:#e2005a;z-index:3;border-top:1px solid #ddeaf4;border-left:1px solid #ddeaf4;border-right:1px solid #ddeaf4;border-bottom:1px solid #ffffff; }
.tabs input[type="radio"]:checked + label i{opacity:1}
.tabs input[type="radio"]:checked + label span{display:block;position:relative;z-index:9;margin:-16px 0px 15px 0px;width:20px;height:5px;background:#ed1063}

.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
 
@media (max-width: 45em) {
#tabs{width:100%}
  .tabs .tab,
  .tabs label {
    order: initial;
  }
 
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}





@-webkit-keyframes slide-top {
0% {opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);}
100% {opacity:1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes slide-top {
0% {opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);}
100% {opacity:1;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}

.video-news {position: relative;overflow: hidden;width:85vw;height:60vh;}
.video-news iframe {position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform: translate(-50%, -50%);}


.video-background {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-background iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}