/*.main.sv-se .page-header{display:none}*/

body{
	margin:0;
	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size:12px;
  	color:#58585a;
	}
h1{text-align:center}
h1{font-size:2.5em}
h2{font-size:1.7em}
h3{font-size:1.4em;color:#23a5dd}
a, a:hover, a:visited{
	text-decoration:none;
 	color:#23a5dd;
	}
.item-page{padding-bottom: 10px;}
.main-content{margin-top:20px;}
.main-content p, .item-page h3{margin: 8px 20px;}
.main-content p{text-align: justify;}
.main:not(.en-gb) .main-content{margin-top:0}
.page-header{text-align:center}
.clr{clear:both}
.main{
	max-width:1440px;
	margin: 0 auto;
	padding:0;
	}
.header{
  	position:relative;
	background-color:#31385b;
	margin:0;
	padding:0;
    height:114px;
	}
.logo{
	max-width: 180px;
    margin: 0px auto;
    padding: 5px;
    position: absolute;
    left: 0;
    right: 0;
  	top:9px;
	}
.language{
    position: absolute;
    top: 10px;
    right: 10px;
}

div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.mod-languages ul.lang-inline li {
    display: inline;
}
div.mod-languages li {
    margin-left: 5px;
    margin-right: 5px;
}
div.mod-languages a {
    text-decoration: none;
}
.language .english{display:none}
.main:not(.en-gb) .language .english{display:block}
.language-warning{
    background: #9e1f62;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.topmenu{display:inline-block;margin-top: 89px;}
.mobile-menu{
  display:none;
  position:absolute;
  top:10px;
  left:10px;
  height:50px;
  width:50px;
  background:url(../images/menu.png) no-repeat center center;
  background-position:contain;
  background-size: 80%!important;
  cursor: pointer;
}
.mobile-menu.active{
  left:inherit;
  right:10px;
  background:url(../images/menu-close.png) no-repeat center center;
}
.topmenu ul{display:inline-block;margin:0;}
.topmenu ul li{
	display:inline-block;
	padding:5px 8px;
  	font-size:1.1em;
	}
.topmenu ul li a{
	text-transform:uppercase;
	color:#fff;
	}
.topmenu ul li:hover{
	background-color:rgba(255,255,255,0.5)
	}
.topmenu ul li.current{
	background-color:#fff;
	}
.topmenu ul li.current a{
	color:#31385b;	
	}
.contact-icons{
  position:absolute;
  /*width:120px;*/
  float:right;
  right:15px;
  bottom:5px;
}
.footer .contact-icons{
display:none;
}
.contact-icons span{
  	display:inline-block; 
  	height:20px;
  	width:20px;
  	margin:0 8px;
  	background-size:contain!important;
	}
.contact-icons .map-icon {background:url(../images/map-icon.png) no-repeat center center;}
.contact-icons .email-icon {background:url(../images/email-icon.png) no-repeat center center;}
.contact-icons .phone-icon {background:url(../images/phone-icon.png) no-repeat center center;}
.recognised{
	background-color:#23a5dd;
	color:#fff;
  	display:table;
  	width:100%;
  	text-transform:uppercase;
  	margin-top:10px;
	}
.recognised .text-before,.recognised .icons,.recognised .text-after{
  	display:table-cell;
    vertical-align: middle;
	}
.recognised .text-before{width:40%;text-align:right}
.recognised .text-after{width:40%;text-align:left}
.recognised .icons{min-width:320px;text-align:center;}
.recognised .icons .icon{margin:10px}
.presentation{position:relative;}
.presentation-title{
  height:100px;
  line-height:100px;
  text-align:center;
  font-size:2.8em;
  font-weight:normal;
}
.presentation-title span{font-weight:bold}
.main-image{
  position:relative;
  padding-top:48.5%;
  background:url(../images/main-bg.jpg) no-repeat;
  background-size:contain;
}
.slogan{
  	font-size:2.6em;
  	text-transform:uppercase;
  	color:rgba(255,255,255,0.7);
  	position:absolute;
  	right:50px;
  	top:25px;
	}
.slogan span{font-size:1.8em}
.left-image{
  	position:absolute;
  	top:0px;
	width:516px;
  	height:736px;
  	background:url(../images/girl-and-dog.png) no-repeat top left;
  	background-size:contain;
    background-position: 0 -19px;
  	z-index:2;
}
.features{
  	position:relative;
  	background:url(../images/floor-backgr-blue-filter.png) no-repeat center bottom;
	display:table;
  	width:100%;
	}
.features-title{
  	position:absolute;
  	top:0;
  	display:table-cell;
  	width:100%;
  	height:150px;
  	padding-top:20px;
 	text-align:center;
	font-size:1.7em;
  	background:url(../images/white-arrow-panel.png) no-repeat center bottom;
	}
.features-title span, .test-reports-title {font-weight:bold;font-style:italic;margin:0;}
.feature{
  	width:22%;
  	text-align:center;
  	display:table-cell;
  	height:165px;
  	padding: 75px 5px 0 5px;
  	color:#fff;
	}
.features .space{
  	width:12%;
 	display:table-cell;
	}
.feature-icon{
  	width:62px;
  	height:62px;
  	display:inline-block;
	background-position: center bottom;
	}
.feature-title,{
  	text-transform:uppercase;
  	font-weight:bold;
  	font-size: 1.1em;
    margin-top: 5px;
    margin-bottom: 10px;
}
.feature-desc{}
.feature1 .feature-icon{background:url(../images/ventilation-icon.png) no-repeat;}
.feature2 .feature-icon{background:url(../images/noise-icon.png) no-repeat;}
.feature3 .feature-icon{background:url(../images/humidity-icon.png) no-repeat;}
.feature4 .feature-icon{background:url(../images/heating-icon.png) no-repeat;}
.footer{
  background-color:#31385b;
  color:#fff;
  padding:10px 0;
  margin-top:10px;
}
.footermenu{}
.footermenu ul{padding:0;}
.footermenu ul li{
	display:inline-block;
  	width:33.3%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-left: solid 1px #fff;
    box-sizing: border-box;
}
.footermenu ul > li:first-child{border:0;}
.footermenu ul li a{color:#fff;}
.footermenu ul li a:hover{}
.footermenu ul li.current{}
.footerenu ul li.current a{}
.footer-text{
  	display:inline-block;
    padding: 10px;
    margin: 10px 0;
  	max-width:85%;
}
.footer-text span{font-weight:bold;font-style:italic;}
.facebook{
  	background:url(../images/fb-icon.png) no-repeat;
  	background-size:contain;
    width:20px;
  	height:20px;
    display:inline-block;
  	float:right;
  	margin-left:10px;
}
.facebook a{display:block;height:20px;width:20px;}
.partners{
  background:url(../images/partners.png) repeat-y -1px top;
  padding:20px 0;
}
.partners .holder{margin:0 auto;width:min-content;}
.partner{
  position:relative;
  display:inline-block;
  width:250px;
  height:200px;
  margin:10px;
  background-color:rgba(0,0,0,0.2);
  text-align:center;
}
.partner:hover{background-color:rgba(255,255,255,1);}
.partner img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 40%;
    max-width: 50%;
}
.partner > img:first-child{display:none}
.partner:hover img{display:none}
.partner:hover > img:first-child{display:inline-block}
.partner span.title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px;
    color: rgba(255,255,255,0.5);
}
.partner span.title a{color: rgba(255,255,255,0.5);}
.partner:hover span.title{background-color:#58585a;}

.test-reports{
}
.test-reports .banner{
  padding-top:24px;
  position:relative;
  margin:10px 0;
  cursor:pointer;
  overflow:hidden;
}

.test-reports .banner img{
    position: absolute;
    bottom: 14px;
    left: 10px;
}
.test-reports .banner > img:first-child{
  	display:inherit;
    object-fit: cover;
  	position:inherit;
    bottom:inherit;
    left:inherit;
  	margin-left: 70%;
    transform: translateX(-70%);
}

.test-reports .banner > img:nth-child(3){left:130px}
.test-reports-title{
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
    text-align: center;
    background: url(../images/white-arrow-panel.png) no-repeat center -46px;
    background-size: contain;  
}
.test-reports .content{
  display:none;
  margin-top: 15px;
  margin-bottom: 7px;
}
.test-reports .content .item{
  border-bottom:1px solid #c9c9ca;
  padding:8px 15px 0 15px;
}
.test-reports .content .item:hover{background-color:#f1f1f2;}
.test-reports .content div:first-child{border-top:1px solid #c9c9ca;}
.test-reports .content .item h3{margin-top:0}
.project-images,.blog .customers{text-align:center}
.project-images img, .customer{max-width:33%}
.project-images{margin-top:15px}
.customers{margin-bottom:10px}
.customer{display:inline-block;}
.customer .icons{
    width: 180px;
    margin: 0 auto;
    padding: 5px 0;
    margin-top: 15px;
}
.customer .icon{
  float:inherit!important;
  display:inline-block;
  width:30px;
  height:30px;
  margin:5px;
  background-size:contain!important;
}
.customer .icon a{
  display:block;
  width:30px;
  height:30px;
}
.customer .facebook{background: url(../images/customer-facebook.png) no-repeat center center}
.customer .twitter{background: url(../images/customer-twitter.png) no-repeat center center}
.customer .instagram{background: url(../images/customer-instagram.png) no-repeat center center}
.customer img{max-width:100%}

.item-block{
  background:url(../images/blue-floor.png) no-repeat;
  padding:15px 0;
}
.item-block .item{
    display: inline-block;
    width: 33%;
    vertical-align: top;
  	color:#fff;
}
.item-block .item .icon{
    height: 60px;
    width: 60px;
    margin: 10px auto;
    background-size: contain!important;
  	background-position: center center!important;

}
.item-block .item .icon.first{background: url(../images/application-icon.png) no-repeat;}
.item-block .item .icon.second{background: url(../images/thickness-icon.png) no-repeat;}
.item-block .item .icon.third{background: url(../images/fast-installation-icon.png) no-repeat;}
.item-block .item h2{
  text-align:center;
  font-size:1.2em;
}
.installation h1{}
.installation h1 + p{
  text-align:center;
  margin:0;
}
.installation p img{max-width:100%}
.important-notes{
  position:relative;
  background:#9e1f62;
  padding-top:70px;
  height:90px;
}
.white-padding{
  	position: absolute;
    top: 0;
    width: 100%;
    height: 49px;
    background: #fff;
}
.important-notes-title{
    position: absolute;
    top: 0;
    width: 100%;
    height: 160px;
    text-align: center;
    background: url(../images/white-arrow-panel-warning.png) no-repeat center -30px;
    background-size: contain;
}
.important-notes .note{
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    color:#fff;
}
.important-notes .note.left{
	padding-right:60px;
}
.important-notes .note.right{
	padding-left:60px;
}
.row{}
.row .step{
    display: inline-block;
    width: 33%;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
}
.row .step .icon{
    width: 40px;
    height: 40px;
    margin: 15px auto;
    background-size: contain!important;
}
.row .step1 .icon{background:url(../images/1.png) no-repeat}
.row .step2 .icon{background:url(../images/2.png) no-repeat}
.row .step3 .icon{background:url(../images/3.png) no-repeat}
.row .step4 .icon{background:url(../images/4.png) no-repeat}
.row .step5 .icon{background:url(../images/5.png) no-repeat}
.row .step6 .icon{background:url(../images/6.png) no-repeat}
.technical-information h1,.technical-information h2{font-weight:normal}
.technical-information h2{
  text-align:center;
  font-size:2.5em;
}
.layers{
  position:relative;
  background:#404041;
  padding:15px 25px;
  margin:25px 0;
}
.layers img{
  	width: 60%;
    max-width: 550px;
    margin-left: 5%;
    display: inline-block;
}
.layers ul{
position: absolute;
    top: 25%;
    left: 65%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.layers ul li{
  	padding-left: 30px;
    margin: 10px;
    background-size: contain!important;
    color: #fff;
    line-height: 18px;
}
.layers ul li.layer1{background:url(../images/l1.png) no-repeat}
.layers ul li.layer2{background:url(../images/l2.png) no-repeat}
.layers ul li.layer3{background:url(../images/l3.png) no-repeat}
.layers ul li.layer4{background:url(../images/l4.png) no-repeat}
.layers ul li.layer5{background:url(../images/l5.png) no-repeat}
.layers ul li.layer6{background:url(../images/l6.png) no-repeat}
.table-container{
  	background:url(../images/tech-inf-floor-panel.png) no-repeat;
    padding: 20px;
    color: #fff;
}
.table-container table{
  width:100%;
  max-width:800px;
  margin:0 auto;
}
.table-container tr > th:first-child,.table-container tr > td:first-child{text-align:left}
.table-container th.first-value span{
  	background:#9f2064;
    padding: 7px 20%;
    margin: 5px;
}
.table-container th.second-value span{
  	background:#305a6a;
    padding: 7px 20%;
    margin: 5px;
}
.table-container td{border-top: 1px solid;text-align:center}
.technical-information table, th, td {
    border-spacing: 0;
    padding: 7px 0;
  	min-width:90px;
}
.technical-information h3{
    text-align: center;
    text-transform: uppercase;
    color: #31385b;
    margin-top: 20px;
}
.technical-information img.feature-img{
    max-height: 50px;
    display: block;
    margin: 15px auto;
}
.slideshow{margin-top:25px}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{background:transparent}
.camera_commands > .camera_stop{display:none!important}
.camera_wrap .camera_pag .camera_pag_ul{text-align:center}

@media (min-width: 721px){
  .presentation-title{margin:0}
}
  
@media (max-width: 1024px){
.main-image,.left-image {
    display:none;
}
}

@media (max-width: 720px){
  .logo{padding-top:20px}
  .mobile-menu{display:block}
  .topmenu{
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 2;
  }

  .topmenu ul{
    display: none;
    padding-inline-start: 0;
    background:#fff;
    padding-top:60px;
    padding-bottom:20px;
  }
  .topmenu ul li{
    display: block;
  }
  .topmenu ul li a{
    display: block;
    color:#a7a9ac;
    background-size: auto 80%!important;
    background-position:20px center!important;
    height: 37px;
    line-height: 37px;
    text-indent:70px;
  }
  .topmenu ul li a.menu-tech-info{background: url(../images/menu-tech-info.png) no-repeat}
  .topmenu ul li a.menu-installation{background: url(../images/menu-installation.png) no-repeat;background-size: auto 65%!important;}
  .topmenu ul li a.menu-test-reports{background: url(../images/menu-test-reports.png) no-repeat}
  .topmenu ul li a.menu-partners{background: url(../images/menu-partners.png) no-repeat}
  .topmenu ul li:hover{background-color:#e7e8e9;}
  .topmenu ul li:hover a{color:#31385b;}
  .topmenu ul li:hover a.menu-tech-info{background: url(../images/menu-tech-info-h.png) no-repeat}
  .topmenu ul li:hover a.menu-installation{background: url(../images/menu-installation-h.png) no-repeat}
  .topmenu ul li:hover a.menu-test-reports{background: url(../images/menu-test-reports-h.png) no-repeat}
  .topmenu ul li;hover a.menu-partners{background: url(../images/menu-partners-h.png) no-repeat}

  .main-image,.left-image {
    display:none;
}
  .presentation-title {
    font-size: 1.6em;
    height: inherit;
    line-height: inherit;
}
  .recognised{
    padding:10px;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
  .recognised .text-before,.recognised .text-after,.recognised .icons{
    width:100%;
    display:block;
    text-align:center;
  }
  .whitespace{
    position: absolute;
    height: 58px;
    width: 100%;
    top: 0;
    background: #fff;
  }
  .features{
    display:block;
    background: #5e5d79;
    padding-top:60px;
  }
  .features-title{
    background-size: contain;
    box-sizing: border-box;
  }
.feature {
  	display:inline-block;
    width: 49%;
    padding: 10px;
    box-sizing: border-box;
  	vertical-align:top;
}
  .space{display:none}
  .project-images img, .customer{max-width:100%}
   .header .contact-icons{
	display:none;
}
  .footer .contact-icons{
	display: block;
    position: inherit;
    float: inherit;
    margin: 0 auto;
    margin-top:20px;
    width: 100%;
    text-align:center;
}
  .footer .contact-icons span{
    height: 30px;
    width: 30px;
    margin: 0 20px;
    background-size:inherit!important;
  }
  .footer-text{max-width:78%}
  
  .facebook{
    width:30px;
  	height:30px;
    margin-right:20px;
    margin-top:20px;
}
.facebook a{height:30px;width:30px;}
  .customer .icons{border-top: solid 1px #c9c9ca;}
  .layers{padding:5px;padding-top: 170px;}
  .layers ul{top:25px;left:inherit;right:25px}
  .layers img{width:85%;margin:0}
  .item-block{background:url(../images/blue-floor-mob.png) no-repeat;}
  .item-block .item,.important-notes .note,.row .step{display: block;width: 100%;}
  .important-notes{height:inherit;padding-top:160px}
  .important-notes .note.left,.important-notes .note.right{padding:10px 20px;}
  .test-reports .banner img{display:none;}
}

@media (min-width: 561px){
  .partners .holder{width:544px} 
}
@media (min-width: 834px){
  .partners .holder{width:817px} 
}
@media (min-width: 1108px){
  .partners .holder{width:1091px} 
}
@media (min-width: 1381px){
  .partners .holder{width:1364px}
  .logo{top: 13px;}
}