@font-face {
  font-family: 'mdom';
  src: url('mdom.eot?67330829');
  src: url('mdom.eot?67330829#iefix') format('embedded-opentype'),
       url('mdom.woff2?67330829') format('woff2'),
       url('mdom.woff?67330829') format('woff'),
       url('mdom.ttf?67330829') format('truetype'),
       url('mdom.svg?67330829#mdom') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mdom';
    src: url('mdom.svg?67330829#mdom') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "mdom";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\e803'; } /* '' */
.icon-minus-circled:before { content: '\e804'; } /* '' */
.icon-plus-circled:before { content: '\e806'; } /* '' */
.icon-ok-circled:before { content: '\e809'; } /* '' */
.icon-spin1:before { content: '\e827'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */

.maxTop{width:100%;float:left;background:#fff}

.he1{float:left;width:100%;margin:25px 0 0 0}
.he1 h1{z-index:10;overflow:hidden}
.he1 img{float:left;z-index:10;width:100%;height:auto;margin:0}
.he1 span{position:absolute;top:-9999em;right:0}
.logo{margin:0 39%;width:22%;float:left}

.wr1{position:relative;max-width:1280px;margin:0 auto}
.se1{float:right;width:78%;margin:0 0 40px 0;padding:2% 2%}
.as1{float:left;width:12%;margin:40px 0;background:#F9F9F9;padding:1% 2%}
.se0{float:left;width:100%;margin:0 0 40px 0;padding:2% 0}

.sys{float:left;width:100%;margin:10px 0 0 0;text-align:right}
.sys a:link,.sys a:visited,.sys a:hover{color:#fff;background:#0263F6;padding:5px;font-weight:700}

.h21{font-size:35px;line-height:40px;color:#DC001B;margin:10px 0 20px 0;text-transform: uppercase;font-weight:700}
.h31{font-size:25px;line-height:35px;color:#333;margin:10px 0 20px 0;text-transform: uppercase;font-weight:700}
.h41{font-size:20px;line-height:25px;color:#DC001B;margin:10px 0 20px 0;text-transform: uppercase;font-weight:700}

.line{width:100%;float:left;border:1px solid #000}

/*intro*/
.h21i{position:absolute;bottom:5%;right:3%;color:#fff;font-size:50px;line-height:55px;text-align:right;text-shadow: 0px 0px 5px rgba(0,0,0,1)}
.h21i span{font-weight:700}

.iBox1{position:relative;width:32%;float:left;height:405px;background:url(klimatske-naprave-bg.jpg) no-repeat top center #292929}
.iBox1 img{float:left;width:100%}
.h22i{position:absolute;bottom:5%;left:5%;color:#E40900;font-size:50px;line-height:55px}
.h22i span{font-weight:700}

.iBox2{width:34%;float:left;height:205px;background:#224B9F}
.iBox2 a:link,.iBox2 a:visited,.iBox2 a:hover{color:#fff;padding:6%;float:left}
.h23i{color:#fff;font-size:30px;line-height:35px;font-weight:700;float:left;margin:0 0 10px 0;width:100%}

.iBox3{width:34%;float:left;height:205px;background:#0263F6}
.iBox3 a:link,.iBox3 a:visited,.iBox3 a:hover{color:#fff;padding:6% 6% 0 6%;float:left}
.iBox31 a:link,.iBox31 a:visited,.iBox31 a:hover{padding:6%}
.h23i{color:#fff;font-size:30px;line-height:35px;font-weight:700;float:left;margin:0 0 10px 0;width:100%}

.iBox4{position:relative;width:32%;float:left;height:205px;background:#cc0019}
.iBox4 img{float:left;width:100%}
.h42i{position:absolute;top:12%;left:6%;color:#fff;font-size:30px;line-height:35px;font-weight:700}
.h42i span{font-weight:300;font-size:20px;line-height:25px}

.iBox5{position:relative;width:25%;float:left;height:230px;background:#747474}
.iBox5 img{float:left;width:100%}

.iBox5 div{float:left;margin:5px 0 0 0;width:100%}
.h52i{color:#fff;font-size:20px;line-height:25px;font-weight:700;text-align:center;display:block;margin:0 0 6% 0}
.h52i span{font-weight:300}

.iBox6{position:relative;width:25%;float:left;height:230px;background:#e7e7e7}

.uli {padding:10%}
.uli a:link,.uli a:visited{color:#000;text-decoration:underline}
.uli a:hover{color:#dc001b;text-decoration:none}
/*intro*/

/*MooDragSlide*/
#NaMooDragSlide{position:relative;width:68%;float:left;margin:0;overflow:hidden;background:#eee}
#NaMooDragSlide ul{position:absolute;top:0;left:0;width:1000%}
#NaMooDragSlide li{position:relative;float:left;overflow:hidden;height:405px;}
#NaMooDragSlideNav{display:none;width:100%;float:left;margin:20px 0 30px 0;text-align:center}
.NaMooOff{padding:10px;margin:0 5px;font-size:0;z-index:30;width:14px;height:14px;-webkit-border-radius:8px;border-radius:8px;background:#E7E7E7;text-align:center;cursor:pointer}
.NaMooOn{background:#009BDA;cursor:pointer}
/*MooDragSlide*/

.wh3{width:25%;float:left;padding:2px 0 15px;border-top:1px solid #ccc}
.wh4{width:73%;float:right;padding:2px 0 10px 2%;border-top:1px solid #ccc}

/*Prod*/
.ul10 {margin:4% 0}
.ul10 img{float:left;width:90%;margin:0;padding:0 0 0 10%}
.ul10 li{float:left;width:25%}
.ul10 a:link,.ul10 a:visited{border:1px solid #ddd;margin:0 10px 10px 0;background:#fff;float:left;color:#333;text-decoration:none}
.ul10 a:hover{color:#DC001B;border:1px solid #DC001B}
.ul10 b{float:left;display:block;font-weight:400;padding:5% 5% 10% 5%;font-size:20px}

.ref1L{float:left;width:49%}
.ref1R{float:right;width:49%}

.iconBox1{width:100%;float:left}
.iconBox1 img{width:7%;float:left;margin:0 2% 3% 0}
.iconBox2{width:49%;float:left;margin:0 1% 0 0}
.iconBox3{width:49%;float:left;margin:0 0 0 1%}
.iconBox2a{width:12%;float:left;margin:5px 5% 3% 0;clear:left}
.iconBox2b{width:80%;float:left;margin:0 0 1% 0}
.iconBox2a img{width:100%;float:left}


.boxK1{float:left;width:70%}
.boxK1 img{float:left;width:100%}
.boxK11{float:left;width:70%} 
.boxK11 img{float:left;width:40%}

.boxK2{float:right;width:25%;font-size:20px}
.boxK2 span{background:#01AFF8;color:#fff;font-weight:700;float:left;;font-size:20px;padding:6% 5%;margin:10px 0 0 0}
.boxK2 i{background:#B48A11;color:#fff;font-weight:700;float:left;;font-size:20px;padding:6% 5%;margin:10px 0 0 0}
.boxK2 b{background:#68C7E4;color:#fff;font-weight:700;float:left;font-size:30px;padding:6% 5%;margin:10px 0 0 0}
.boxK2 img{width:50%;float:left;margin:20px 0 0 0}
.boxK2 a:link,.boxK2 a:visited{float:left;background:#DC001B;color:#fff;padding:3% 5%;margin:20px 0;text-transform: uppercase;font-weight:700}
.boxK2 a:hover{background:#000;color:#fff}

.ban1 a:link,.ban1 a:visited{float:left;width:96%;background:#DC001B;color:#fff;padding:2%;margin:40px 0}
.ban1 b{font-size:20px}
.ban1 a:hover{background:#000}
.ban1 span{float:left;margin:13px 15px 0 0}

.boxwifi{width:100%;float:left}
.boxwifi img{width:20%;float:right;margin:0 0 5% 2%}
.boxwifi b{float:left;width:100%;font-weight:700;margin:30px 0 0 0}
.boxwifi span{background:#DC001B;color:#fff;padding:2px}

.boxwifi2{width:100%;float:left}
.boxwifi2 img{width:50%;float:right;margin:0 0 5% 2%}
.boxwifi2 b{float:left;width:100%;font-weight:700;margin:30px 0 0 0}

.tab{width:97%;padding:1%;float:left;border:2px solid #DC001B}
.tabL{width:60%;float:left}
.tabR{width:38%;float:right}
.tabR img{max-width:100%;float:left}

table{border-collapse:collapse;text-align:left;margin:0}
table td,table th{padding:0}
.zebra{width:100%}
.zebra th{background:#F9F9F9;color:#000;font-weight:700;border:1px solid #eee;padding:5px}
.zebra td{border:1px solid #eee;padding:5px}
/*Prod*/


.ul1 ul{margin:10px 0;padding:0 }
.ul1 li{padding:0;margin:5px 0 0 20px;list-style-type:disc;list-style-position:outside}


.ar5{float:left;width:73%;margin:0}
.ar6{float:right;width:18%;margin:0;padding:3%;}
.tit1{color:#DC001B;font-size:20px;margin:0 0 30px 0;text-transform:uppercase;font-weight:700}
.email a:link,.email a:visited{padding:2px 3px;background:#fff;color:#DC001B;text-decoration:underline}
.email a:hover{background:#DC001B;color:#fff;text-decoration:none}
.img100{width:100%;float:left}
.img100M{width:100%;float:left}
#map-canvas{float:left;width:100%;height:400px;margin:0}


/*footer*/
.fo{width:100%;float:left;color:#333;background:#f9f9f9;margin:0 0 50px 0;font-size:18px;line-height:23px}
.fo1{width:23%;padding:1% 1% 0 1%;float:left}
.fo2{width:25%;padding:0}
.fo3{text-align:right}
.fo1 img{width:100%;float:left}
.fo1 a:link,.fo1 a:visited{color:#333;text-decoration:underline}
.fo1 a:hover{color:#dc001b;text-decoration:none}
/*footer*/


/*reference*/
.ref li{width:30%;float:left;margin:0 5% 1% 0;background:#F9F9F9}
.ref li:nth-child(3n+0) {margin:0 0 1% 0}
.ref img{width:100%;float:left}
.ref b{padding:2% 3%;float:left;color:#DC001B}
/*reference*/



/*news*/
.newsBox{width:100%;float:left;margin:0}
.newsBox ul{width:100%;float:left;padding:4% 0}
.newsBox li{width:49.6%;float:left;margin:0 0.2% 0.6% 0;background:#F9F9F9}
.newsBox li:nth-child(2n+0) {float:right}
.newsBoxL{width:35%;float:left}
.newsBoxL img{float:left;width:90%;padding:5%}
.newsBoxR{width:63%;float:right;color:#8398b7;padding:1% 1% 0 0}
.newsBoxR h2{color:#000;font-size:18px;line-height:30px;margin:0;padding:0;font-weight:500}
.newsBoxDate{color:#666;font-size:13px;line-height:1px;margin:0;padding:0;font-weight:100}
.newsBoxDateLine{padding-bottom:2px}
#nav1 {width:100%;float:left;margin:0 0 30px 0;padding:0;font-size:20px}
#nav1 li{float:left;padding:0;margin:12px 4px}
#nav1 a:link,#nav1 a:visited{color:#666;background:#fff;padding:6px 8px;margin:0;text-decoration:none;border:1px solid #fff}
#nav1 a:hover{color:#fff;background:#666}
#nav1 .on a:link,#nav1 .on a:visited,#nav1 .on a:hover{background:#DC001B;color:#fff;border:1px solid #DC001B}

.newsBoxView{width:100%;float:left;margin:0;padding:3% 0;background:#fff}
.newsBoxView h2{font-size:35px;line-height:40px;color:#DC001B;margin:10px 0 20px 0;text-transform: uppercase;font-weight:700}
.newsBoxView img{max-width:100%;padding:0;margin:0}
.newsBoxView p{padding:1% 0}
.newsBoxView li{padding:0;margin:5px 0 0 20px;list-style-type:disc;list-style-position:outside}
.newsBoxViewDate{color:#666;font-size:13px;line-height:23px;margin:0 0 30px 0;padding:0;font-weight:100;width:100%;float:left}
.small{width:20%;padding:0;margin:0}
.big{max-width:100%;padding:0;margin:0}
/*news*/


/*form*/

#formMask{width:98%;float:left;padding:1%;background:#eee}
#form1{width:100%;float:left;text-align:left}
#form1_on,#form1_off{border:0}
#form1 input[type=text]{background:#fff;float:left;width:98%;border:1px solid #ccc;margin:5px 0;padding:4px 1%;font-size:16px;font-family:Arial}
#form1 textarea{background:#fff;border:1px solid #ccc;padding:4px 1%;width:98%;height:200px;margin:5px 0;font-size:16px;font-family:Arial}
#form1 input[type=submit]{font-size:18px;color:#fff;background:#DC001B;margin:3px 0 8px 0;padding:8px 20px;cursor:pointer;border:0}
#form1_off{display:none;font-size:22px;line-height:32px;background:#DC001B;color:#fff;padding:20px}
.form1_loading{background:url(loader.gif) no-repeat center center;height:50px}
#form1 i{font-size:22px;width:5%;float:left}
#form1 a:link,#form1 a:visited{color:#666;text-decoration:underline}
#form1 a:hover{color:#000;}
#form1 span{width:95%;float:right}
/*form*/

#na2 {float:left;width:100%;margin:40px 0;text-transform:uppercase}
#na2 ul {text-align:center}
#na2 li{display:inline-block;margin:0 0 20px 0;padding:0 2%;font-weight:400}
#na2 a:link,#na2 a:visited{color:#333;padding:14px 0;margin:0;text-decoration:none;}
#na2 a:hover{color:#dc001b;text-decoration:underline}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{color:#dc001b;padding:14px}
#na2 li:first-child{display:none}

#na3{width:100%;float:left}
#na3 li{display:block;margin:0;padding:0}
.a0 a:visited,.a0 a:link{color:#000;display:block;padding:4px 0 3px 0;text-decoration:none;font-weight:400}
.a0 a:hover{color:#DC001B}
.a1 a:link,.a1 a:visited,.a1 a:hover{color:#DC001B;display:block;padding:4px 0 3px 0;text-decoration:none;font-weight:700}

/*sitemap*/
.si{float:left;text-align:left;width:100%}
.si1 a:visited,.si1 a:link{text-transform:uppercase;width:98%;float:left;font-weight:700;color:#706D6E;padding:1% 1%;font-size:18px}
.si1 a:hover{color:#DC001B;background:#F9F9F9}
.si2 a:visited,.si2 a:link{font-weight:400;color:#706D6E;width:92%;float:left;padding:0.5% 0 0.5% 8%}
.si2 a:hover{color:#DC001B;background:#F9F9F9}
.si3 a:visited,.si3 a:link{font-weight:400;color:#706D6E;width:84%;float:left;padding:0% 0 0% 16%}
.si3 a:hover{color:#DC001B;background:#F9F9F9}
/*sitemap*/

/*video*/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px}
.videoWrapper object,.videoWrapper iframe,.videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*video*/


html{height:100%;min-height:100%}
body{height:100%;font-family:'Roboto Condensed',sans-serif;color:#333;font-size:20px;line-height:27px;margin:0;padding:0;font-weight:300}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h1{color:#000;font-size:12px;line-height:12px;margin:0;padding:0}
h2{color:#333;font-size:18px;font-weight:100;margin:0;padding:0}
h3{color:#000;font-size:16px;line-height:16px;font-weight:100;margin:0;padding:0}
h4{color:#666;font-size:14px;font-weight:100;margin:0;padding:0}
body,a,p,ul,li,form,fieldset,blockquote,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited{color:#000;text-decoration:none}
a:hover{color:#000;}
.clear,.clear2{clear:both;display:block}
.cf:before,.cf:after{content:'';display:table;}
.cf:after{clear:both;}


	/*tablet menu*/
	#maxBody{width:100%;overflow:hidden;overflow-y:visible}
	#MoMenu{visibility:hidden}
	#menuB1{display:none}
	.max{width:100%;float:left}
	.con{width:100%;float:left}
	.menu{width:0;float:left;overflow:hidden;background:#000}
	/*table menu*/

@media (max-width:1280px){
	.wr1{width:98%}
}

@media (max-width:800px){
	body{font-size:18px;line-height:25px}

	.he1{float:left;width:100%;margin:10px 0}
	.logo{width:28%;float:right;margin:20px 1% 0 0}

	#form1 input[type=text],#form1 textarea{font-size:18px}

	.as1,#na2,#na3,#na1,.ar6{display:none} 
	.ar5{float:left;width:100%;margin:0}
	.se1{float:left;width:100%;margin:0 0 40px 0;padding:2% 0}

	.maxON{width:200%}
	.conON{width:60%}
	.menu{display:block}
	.menuON{width:20%}
	#menuB1{z-index:9999;cursor:pointer;display:block;float:left;color:#fff;margin:0 10px 0 0}
	#mMenu{float:left;background:#000;color:#fff;padding:8px 3px;font-size:30px}
	#mCancle{float:left;background:#000;color:#fff;padding:8px 3px;font-size:30px}

	.mOff{display:none}
	.mOn{display:block}

	#MoMenu {visibility:visible;float:left;width:100%;display:block;overflow:hidden}
	#MoMenu li{display:block;float:left;width:100%;background-image:none;font-size:15px;word-wrap:break-word}
	.o2 a:visited,.o2 a:link,.o2 a:hover{text-transform:uppercase;font-size:20px;line-height:22px;font-weight:700;border-bottom:1px solid #2F3640;color:#fff;display:block;padding:15px 3%;margin:2px 0;text-decoration:none}
	.o1 a:visited,.o1 a:link,.o1 a:hover{text-transform:uppercase;font-size:20px;line-height:22px;border-bottom:1px solid #2F3640;color:#ccc;display:block;padding:15px 3%;margin:2px 0;text-decoration:none}
	.a0 a:visited,.a0 a:link,.a0 a:hover{background:#000;margin:0;font-size:18px;width:86%;border:none;padding:15px 7%;font-weight:400;color:#ccc}
	.a1 a:visited,.a1 a:link,.a1 a:hover{background:#000;margin:0;font-size:18px;width:86%;border:none;padding:15px 7%;font-weight:700;color:#fff}

	.newsBox li{width:100%;float:left;margin:0.2% 0;background:#F8F8F8}
	.newsBox img{max-width:100%;float:left}

	.fo1{width:100%;padding:2% 0%;float:left}
	.fo2{width:100%;padding:2% 0%}
	.fo3{text-align:left}

	.h22i{font-size:35px;line-height:40px}
	.iBox4{overflow:hidden}
	.iBox4 img{float:left;width:auto;height:100%}
}

@media (max-width:600px){
	table {overflow-x:auto;display:block;}
	.conON{width:50%}
	.menuON{width:40%}
	
	.ref1L{float:left;width:100%}
	.ref1R{float:right;width:100%}

	#na2 li:first-child{display:block}

	.logo{width:60%;float:right;margin:5px 1% 0 0}

	.wh3{width:100%;float:left;padding:2px 0 0;border-top:1px solid #ccc;font-weight:500}
	.wh4{width:100%;float:left;padding:2px 0 10px 0;border-top:0}

	.ref li{width:98%;float:left;margin:1%;background:#F9F9F9}
	.ref li:nth-child(3n+0) {margin:1%}

	.ul10 li{float:left;width:50%}

	.boxK1{float:left;width:100%}

	.boxK11{float:left;width:100%} 
	.boxK11 img{float:left;width:50%}

	.boxK2{float:right;width:100%;font-size:20px}
	.boxK2 span{width:90%}
	.boxK2 i{width:90%}
	.boxK2 b{width:90%}
	.boxK2 img{width:50%;float:left;margin:20px 0 0 0}

	.iconBox2{width:100%;float:left;margin:1% 0}
	.iconBox3{width:100%;float:left;margin:1% 0}

	.boxwifi img{width:40%;float:right;margin:0 5% 5% 5%}

	.tabL{width:100%;float:left}
	.tabR{width:100%;float:right;margin:20px 0 0 0}

	.iBox1{display:none}
	#NaMooDragSlide{width:100%}

	.iBox2{width:100%;float:left;height:auto;background:#a80015}
	.iBox3{width:100%;float:left;height:auto;background:#dc001b}
	.iBox4{position:relative;width:100%;float:left;height:auto;background:#cc0019}
	.iBox4 img{float:left;width:auto;height:100%}
	.iBox5{width:100%;height:auto}
	.iBox6{width:100%;height:auto}
	
#form1 i{font-size:22px;width:10%;float:left}
#form1 span{width:90%;float:right}
}