/*
Theme Name: Recvent
Theme URI: http://mediacad.se
Author: Kristoffer Axelsson, Mediacad cgi AB
Author URI: http://mediacad.se/
Description: recvent.se
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, recvent
Text Domain: recvent
*/

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}*/

/*Generel*/
html, body {
	margin: 0; padding: 0; font-family: 'Titillium Web', Helvetica, Arial, serif !important; height: 100%;
}

* {
	margin: 0; padding: 0;	
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;	
}

h1 {
	font-size: 70px; line-height: 80px; margin-bottom: 80px; font-weight: 200;
}

h2 {
	font-size: 40px; line-height: 55px; margin-bottom: 55px; font-weight: 200;
}

h3 {
	font-size: 40px; line-height: 46px; margin-bottom: 10px; font-weight: 200;	
}

h4 {
	font-size: 30px; line-height: 35px; margin-bottom: 15px; font-weight: 200; margin-top: 20px;
}

ul {
	letter-spacing: -4px;
}

ul li {
	letter-spacing: 0px;
}

.contentText  ul li {
	line-height: 2.2em;
}

p {
	font-size: 1em; line-height: 1.8em; margin-bottom: 30px; white-space: normal; /*line-height: 22px;*/
}

img {
	max-width: 100%; height: auto; margin: 0; padding: 0; vertical-align: top;
}

a, a:link {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

.clearfix, .clearfix:after {
  	zoom: 1; clear: both;
}

/*Generel end*/


/*Header*/
#header {
	width: 100%; height: 210px; z-index: 9999; display: block; position: absolute;
}

.noHeaderImage {
	height: 260px; /*210+50*/	
}

#indovent {
	/*position: absolute; width: 13.8%; top: 0; right: 0; text-align: center; color: #fff; text-transform: uppercase;*/
	position: absolute; width: 11.2%; top: 55px; right: 0; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px;
	background: #6e6d6d; /*right: 15.6%;*/
}

#webshop {
	position: absolute; 
	width: 11.2%; 
	top: 55px; 
	right: 11.2%; 
	text-align: center; 
	color: #fff; 
	text-transform: uppercase; 
	font-size: 12px;
	background: #005188;
}

#contact {
	display: none;	
}

#indovent p, #contact p, #webshop p {
	margin-bottom: 0px; font-size: inherit; line-height: 54px;
}

#indovent p, #webshop p { font-size: 12px; }

#indovent a, #indovent a:link, #contact a, #contact a:link, #webshop a, #webshop a:link {
	color: #fff;
}


#contact {
	background: #b1d2e8;
}

#branding {
	width: 210px; height: 210px; /*background: #fff;*/ text-align: center;
}

#branding img {
	/*width: 40%; height: auto; margin-top: 13%;*/
	width: 100%; height: auto;
}

.headerBox {
	position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto; width: 1234px; height: 100%;
}

.headerText {
	width: 67%; background:url(img/background_white.png) repeat; padding-top: 1.5%; padding-bottom: 1.5%; padding-left: 2%; padding-right: 2%; position: relative; margin-top: 27%;
}

.headerText h2 {
	color: #0095db; margin-bottom: 0px;
}

.headerText p {
	margin-bottom: 0px; font-size: inherit;
}

.headerReadMore {
	position: absolute; height: 24px; width: auto; bottom: -64px; padding-right: 36px; padding-left: 36px; padding-top: 20px; padding-bottom: 20px; background: #ffffff; font-size: 1em; text-transform: uppercase; right: 0;
	display: none;
}

.headerReadMore a, .headerReadMore a:link {
	color: #6e6d6d;
}

/*Header end*/


article {
	background: url(img/background.jpg) bottom center no-repeat;
}

.contentText, .contentText2 {
	width: 81%; /*overflow: auto;*/ display: block; margin: 0 auto;
}

div.contentText2 {
	margin: 60px auto; /*margin-top: 60px;*/
	margin-bottom: 0px;
}

#content article {
	padding-top: 60px;	
}

/*Menu*/
#menu {
	position: absolute; right: 0; top: 0; width: 81%; z-index: 9999;
}

.menu-container {
	position: relative;	width: 100%;
}

#menu ul {
	text-transform: uppercase;	
}

#menu ul li a, #menu ul li a:link {
	color: #fff; text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

.menu {
	text-align: right; height: 55px; line-height: 55px; vertical-align: middle;
}

.menu li {
	display: inline-block; vertical-align: middle; padding-left: 13px; padding-right: 13px; background: #0095db; position: relative; margin-top: -3px; font-size: 12px;
}

.menu li.current_page_item {
	text-decoration: underline; color: #fff;
}

/*.menu li:first-child {
	-webkit-border-radius: 6px 0px 0px 6px;-moz-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0px 6px;
}
.menu li:last-child {
	-webkit-border-radius: 0px 6px 6px 0px;-moz-border-radius: 0px 6px 6px 0px;border-radius: 0px 6px 6px 0px;
}*/

.menu li.current-menu-ancestor a, .menu li.current-menu-ancestor li a:link, .menu li.current_page_item a, .menu li.current_page_item li a:link, .menu li.current-page-ancestor a, .menu li.current-page-ancestor li a:link, .menu li.current-post-parent a, .menu li.current-post-parent a:link, .menu li.current-menu-item a, .menu li.current-menu-item a:link   {
	color: #9c9c9c;
}

#menu ul li .sub-menu {
	position: absolute; top: 50px; height: auto; line-height: normal; text-align: left; display: none; width: inherit; margin-bottom: 1px; z-index: 9999;
	margin-left: -15px; padding-left: 15px; padding-right: 15px; background: #0095db;
	-webkit-border-radius: 0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px;
}

#menu li:hover .sub-menu {
	display: block;
}

#menu li .sub-menu li {
	display: block; padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px; text-transform: none;
	-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;
}


#menu li .sub-menu li:first-child {
	padding-top: 10px;	
}

#menu li .sub-menu li:last-child {
	border-bottom: 0px solid #9c9c9c; padding-bottom: 15px;	
}

#menu .sub-menu li.current-menu-item {
	text-decoration: underline;
}

#menu .current-menu-item .sub-menu, #menu .current-menu-parent .sub-menu, .menu li.current-page-ancestor .sub-menu {
	/*display: block !important;*/
}

ul li ul.sub-menu {
	/*display: block;	*/
}


#menu ul li.menu-item-has-children::before {
	content: ' '; height: 0; position: absolute; width: 0;
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #fff;

	/* positioning */
	top: 23px; right: -2px; z-index: 2;
}

#menu ul li.current-page-ancestor::after {
	display: block; content: " "; width: 100%; height: 5px; margin-top: -5px; background:url(img/menu_background.png) repeat-x;
}
/*Menu end*/


.headerInner, .entry-content, .header, .center {
	position: relative;	width: 1234px; margin: 0 auto;
}

#container {
	/*margin-top: -210px;*/ z-index: 300; /*margin: -210px auto; */
}

#container-wide #content .wideHeaderImage .noHeaderImage {
	height: 0px;
}

#container-wide {
	background: url(img/background.jpg) bottom center no-repeat;
}

.wideImage, .wideHeaderImage {
	position: relative;
}

.headerMobile {
	display: none;	
}

.headerDesktop {
	display: block;	
}


/*Ventilationssystem*/
.ventilation {
	overflow: hidden; position: relative; width: 100%; background: #fff;
}

.ventilation .imageLeft, .ventilation .imageRight {
	width: 50%;
}

body.page-template-page-ventsys .imageLeft {
	background: rgb(227,227,227);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg,  rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=1 );
	
	/*text-align: right;*/
	text-align: center;
}

.ventilationNoLean .imageRight {
	float: right; 
}

body.page-template-page-ventsys .ventilationNoLean .imageRight {	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=1 );
	
	text-align: center;
}

.ventilationNoLean .imageLeft img, .ventilationNoLean .imageRight img {
	/*position:absolute; top:0; bottom:0; margin:auto;*/
}

body.page-template-page-ventsys .ventilationNoLean .imageLeft img, body.page-template-page-ventsys .ventilationNoLean .imageRight img {
    /*position:absolute; top:0; bottom:0; margin:auto;*/
	/*position:absolute; top:0; bottom:0; margin:auto; max-height: 90%; width: auto;*/
	position: relative;;
}

body.page-template-page-ventsys .ventilationNoLean .imageLeft img {
	/*right: 5%;*/
}

body.page-template-page-ventsys .ventilationNoLean .imageRight img {
	/*left: 5%;*/
}

.textRightLean {
	width: 12%; height: 100%; position: absolute; right: 44%; top: 0; z-index: 5000;
}

.textRightLean svg, .textLeftLean svg {
    position:absolute; top:0; left:0; width:100%; height:100%;
}

.ventilation .textRight {
	width: 44%; 
	
	background: url(img/patt_blue_small.jpg) repeat;
	/*padding-left: 4%;*/
    height: 100%; /*position: absolute;*/ position: relative;
	right: 0; top: 0; z-index: 5000;
	
/*	-webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);*/
}


.textLeftLean {
	width: 12%; height: 100%; position: absolute; left: 44%; top: 0; z-index: 5000;
}

.ventilation .textLeft {
	width: 44%; 
	
	background: url(img/patt_white_small.png) repeat;
	/*padding-right: 4%;*/
    height: 100%; /*position: absolute;*/ position: relative; 
	left: 0; top: 0; z-index: 5000;
}


body.page-template-page-ventsys .wideHeaderImage, body.page-template-page-vart_att_veta .wideHeaderImage, body.page-template-page-filter .wideHeaderImage, body.page-template-page-contact .wideHeaderImage, body.page-template-page-radon .wideHeaderImage {
	position: absolute; z-index: -1; /*z-index: 999;*/ background: url(img/patt_white_small.png) repeat;
}

body.page-template-page-ventsys #content article, body.page-template-page-vart_att_veta #content article, body.page-template-page-filter #content article {
	padding-top: 260px;
}

.blueTitle {
	color: #0095db; padding-left: 17px;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}

body.page-template-page-ventsys h2 {
	text-transform: uppercase;
}

.textRight  h2, .textRight p{
	color: #fff;	
}

.textLeft  h2 {
	color: #0095db;	
}

.textRight p, .textLeft p {
	/*margin-bottom: 0px;*/
}

.verticalText {
	/*top: 0; bottom: 0; margin: auto; display: table; position: absolute; width: 43.5%; margin-left: 5%;*/
	display: table-cell; vertical-align: middle;
}

.verticalInner {
	width: 43.5%; /*margin-left: 5%; */ margin-left: auto; margin-right: auto; padding-top: 1.5em; padding-bottom: 1.5em; 
}

.verticalInner p:last-child {
	margin-bottom: 0px;
}

.verticalText h2 {
	/*margin-top: 30px;*/
}

.showText {
	display: block;
}

.textLeft .showText a, .textLeft .showText a:link, .textLeft .hideText a, .textLeft .hideText a:link, .ventilationNoLean .darkLink a, .ventilationNoLean .darkLink a:link  {
	color: #000;	
}

.hideText, .fullText {
	display: none;
}

.right {
	/*right: 0; margin-right: 5%; margin-left: 0%;*/
	/*float: right; margin-right: 5%; margin-left: 0%;*/
}

.high {
	padding-top: 250px; padding-bottom: 250px;	
}

.contentTextShort {
	width: 83%;	
}

.ventilationNoLean {
	/*overflow: hidden; position: relative; background: #fff;*/ width: 100%;
}

.ventilationNoLean .imageLeft, .ventilationNoLean .imageRight {
	width: 50%; height: 100%; position: relative;
}

.ventilationNoLean .imageLeft {
	float: left; background: url(img/patt_blue_small.jpg) repeat;
}

.ventilationNoLean .imageRight {
	float: right; background: url(img/patt_white_small.png) repeat;
}

.ventilationNoLean .textRight {
	width: 50%; 
	
	background: url(img/patt_blue_small.jpg) repeat;
/*    height: 100%; position: absolute; 
	right: 0; top: 0; z-index: 5000;*/
	float: right; position: relative;
	
	height:auto; display: table;
}

.ventilationNoLean .textLeft {
	width: 50%; 
	background: url(img/patt_white_small.png) repeat;
/*    height: 100%; position: absolute; 
	left: 0; top: 0; z-index: 5000;*/
	float: left; position: relative;
	
	height:auto; display: table;
}

.ventilationNoLean a, .ventilationNoLean a:link, .ventilation a, .ventilation a:link {
	color: #fff;	
}

.gallery-item {
	/*position: relative;*/
}

.wp-caption-text {
/*  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 100%; height: 65px;*/
}


/*Värt att veta*/
.vartattveta {
	width: 100%; background: #0095db; color: #fff; padding-top: 30px; padding-bottom: 50px;	z-index: 999;
}

.vartattveta p {
	margin-bottom: 0px;	
}

.imgContainer {
	margin-bottom: 50px;	
}

.imgLeft, .imgCenter, .imgRight {
	float: left; width: 33%;
}

.imgCenter {
	text-align: center;	
}

.imgRight {
	text-align: right;	
}

body.page-template-page-vart_att_veta .veta2 {
	margin-top: 70px;
}

.nomarginp p {
	margin-bottom: 0px;
}


/*Mögel*/
.headerTitle {
	position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 65%; width: 1234px;
}

.headerTitle h1 {
	margin-bottom: 0px; display: inline-block; background: url(img/background_white.png) repeat; font-size: 50px; color: #0095db; text-transform: uppercase; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;
}

ul li {
	list-style: none;	
}

body.page-template-page-mogel #content li::before { 
   content: ""; display: block; width: 23px; height: 6px; background: #0095db; float: left; margin-right: 30px; margin-top: 15px;
}

body.page-template-page-mogel-php .contentTextShort {
	margin-bottom: 100px;
}


/*FTX*/
body.page-template-page-ftx .headerTitle {
	top: 50%;
}

body.page-template-page-ftx h3 {
/*	margin-bottom: 10px;*/
}

.wpb_single_image img {
	width: 100% !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {

}


/*Effekt*/
body.page-template-page-effekt #content article {
	padding-top: 0px;
}

.effektInfo {
	width: 100%; background: #0095db; color: #fff; padding-top: 30px; padding-bottom: 30px; display: none;
}

.effektInfo p {
	margin-bottom: 0px;
}

body.page-template-page-effekt .contentText2 p {
	margin-bottom: 0px;
}


/*Lågenergibehov*/
body.page-template-page-lagenergi #content article {
	padding-top: 0px;
}

body.page-template-page-lagenergi .headerTitle {
	top: 45%;
}


/*Filterbeställning*/
.filterContainer {
	width: 100%; background: #ffffff; padding-top: 50px;
}

.filterInner {
	width: 1234px; margin: 0 auto;
}

body.page-template-page-filter .filterContainer li {
	list-style: decimal; margin-left: 15px;
}

.formHeader div, .formRow div {
	min-height: 1px; font-size: 18px;
}

.formHeader div:nth-child(1){
	width: 39%; float: left; display: block;
}

.formRow div:nth-child(1) {
	width: 37%; padding-left: 2%; float: left;
}

.formHeader div:nth-child(2), .formRow div:nth-child(2) {
	width: 10.5%; float: left;
}

.formHeader div:nth-child(3), .formRow div:nth-child(3) {
	width: 12.2%; float: left;
}

.formHeader div:nth-child(4), .formRow div:nth-child(4) {
	width: 18.2%; float: left;
}

.formHeader div:nth-child(5), .formRow div:nth-child(5) {
	width: 12.6%; float: left;
}

.formHeader div:nth-child(6), .formRow div:nth-child(6) {
	width: 7%; float: left;
}

.formRow > div {
	/*color: #fff;*/ /*line-height: 60px; min-height: 60px;*/
	line-height: 45px; min-height: 45px;
	display: table;
}

.formRow > div p {
	/*line-height: 1em; margin-bottom: 0px; height: auto;*/
	
	display:table-cell;
   	vertical-align:middle;
   	height:inherit;
	margin: 0px;
	line-height: normal;
}

.formRow img {
	max-height: 40px;
}


/*.formRow > div > div {
	line-height: 30px; margin-bottom: 0px; width: 100% !important;
}*/

.filterContainer select {
	color: #000;
}

span.wpcf7-list-item { 
	display: block; 
}

.wpcf7-submit {
	padding: 20px; background: #0095db; border: 0; color: #fff; text-transform: uppercase;
}


/*.formHeader div:nth-child(5) {
	width: 6%; float: left;	display: block;
}*/

body.page-template-page-filter .bold {
	font-weight: bold; border-bottom: 2px solid #0095db; text-transform: uppercase; margin-top: 70px;
}

body.page-template-page-filter .bold2 {
	font-weight: bold; color: #0095db; font-size: 25px; margin-top: 45px; margin-bottom: 10px;
}


/*Kontakta oss*/
.contactContainer {
	width: 100%; color: #fff; height: 500px; 
}

.contactContainer a, .contactContainer a:link {
	color: #fff;
}

.contactContainer p {
	margin-bottom: 20px;
}

.private {
	float: left; width: 47%; background: url(img/patt_blue_contact.png) repeat; height: 100%; position: relative;
}

.company {
	float: right; width: 47%; background: url(img/patt_lightblue.jpg) repeat; height: 100%; position: relative;
}

.private:before, .company:before {
	content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;
}

.contactInner {
	display: inline-block; vertical-align: middle; margin-left: 30%;
}

.contentTextContact {
	width: 60%; overflow: auto; display: block; margin-bottom: 26px;
}

.servicepartner {
	margin-top: 65px;
}

.servicepartner a, .servicepartner a:link {
	color: #000;
}

body.page-template-page-contact #content article {
	padding-top: 305px;	
}


/*Systemlösning*/
.hus {
	width: 100%; background: #34aae0; color: #fff; padding-top: 50px; padding-bottom: 20px; margin-bottom: 40px; z-index: 999;
}

.hus a, .hus a:link {
	color: #fff;	
}

body.page-template-page-system #content ul li {
	margin-bottom: 30px;	
}

body.page-template-page-system #content li::before { 
   content: ""; display: block; width: 23px; height: 6px; background: #0095db; float: left; margin-right: 30px; margin-top: 10px;
}

.gallery-item img {
	border: 0px solid #cfcfcf !important;
}


/*Produkter*/
.productContainer {
	position: relative; /*background: url(img/hylla.jpg) bottom repeat-x; background-size: contain;*/ margin-bottom: 70px;
}

body.page-template-page-produkter h1 {
	font-size: 40px; line-height: 46px; margin-bottom: 40px; font-weight: 200;	
}

.product {
	float: left; width: 47%; position: relative; height: 100%;
}

.product:first-child {
	margin-right: 5%;
}

.productLeft {
	float: left; width: 45%; margin-right: 5%; position: absolute; height: 100%;
}

.productRight {
	float: right; width: 50%; /*position: relative;*/ height: 100%; min-height: 419px;
}

.productContent {
	/*width: 50%; position: absolute;*/ bottom: 0; left: 0;	color: #0095db;
}

.productContent p {
	font-size: 1em;	
}

.docContainer {
	bottom: 0; position: absolute; width: 100%;
}

.docContainer a, .docContainer a:link {
	color: #fff;
}

.datablad, .manual {
	width: 100%; position: relative; margin-bottom: 30px;
}

.manual {
	margin-bottom: 0px;	
}

.ref_doc {
	position: relative; width: 50%;	
}

.datablad .icon, .manual .icon, .ref_doc .icon, .skorstenBackbutton .icon, .sendSkorsten .icon, .calculateSkorsten .icon, .sendAFSkorsten .icon, .saveSkorsten .icon, .sendOffertSkorsten .icon  {
	background: #0282bf; width: 23.7%; height: 100%; position: absolute; right: 0; top: 0;
}

.button {
	width: 76.3%; line-height: 62px; display: block; background: #0095db; color: #fff; text-align: center; font-size: 1.5em;
}

.page-template-page-skorsten .centerSection, .page-template-page-skorsten_ehandel .centerSection { text-align: center; }
.page-template-page-skorsten .centerSection form, .page-template-page-skorsten_ehandel .centerSection form { max-width: 500px; margin: 0 auto; }
.page-template-page-skorsten .centerSection select, .page-template-page-skorsten_ehandel .centerSection select { width: 70%; margin: 30px auto; border-radius: 0; border: 1px solid #0d7cb3; text-transform: uppercase; text-align-last: center; background: url(img/select.png) no-repeat right; background-size: 34px 43px; -webkit-appearance: none; padding-right: 40px; }
.page-template-page-skorsten .centerSection input, .page-template-page-skorsten_ehandel .centerSection input { margin-bottom: 15px; border-radius: 0; border: 1px solid #0d7cb3; }
.page-template-page-skorsten div .skorstenToolbar .small-skorsten, .page-template-page-skorsten_ehandel div .skorstenToolbar .small-skorsten { width: calc(50% - 8px); }
.page-template-page-skorsten .small-button, .page-template-page-skorsten_ehandel .small-button { font-size: 1em; padding: 10px 10px; line-height: normal; }
.page-template-page-skorsten .single-line, .page-template-page-skorsten_ehandel .single-line { line-height: 62px; padding: 0 10px; }
.page-template-page-skorsten .margin-right, 
.page-template-page-skorsten_ehandel .margin-right ,
.page-template-page-skorsten_AF .margin-right
{ margin-right: 16px; }
.page-template-page-skorsten .margin-top, .page-template-page-skorsten_ehandel .margin-top { margin-top: 25px; }
.page-template-page-skorsten .margin-bottom, .page-template-page-skorsten_ehandel .margin-bottom { margin-bottom: 40px; }
.page-template-page-skorsten #message, #message2, .page-template-page-skorsten_ehandel #message { background-color: #e9f6fe; border-radius: 10px; box-shadow: 3px 3px 15px #5d5d5d; font-family: 'Titillium Web', Helvetica, Arial, serif !important; overflow: initial; }
.page-template-page-skorsten #message h2, #message2 h2, .page-template-page-skorsten_ehandel #message h2 { margin: 0 0 30px 0; text-align: center; }
.page-template-page-skorsten #message p, #message2 p, .page-template-page-skorsten_ehandel #message p { text-align: center; line-height: normal; }
.page-template-page-skorsten #message button.OK, #message2 button.OK, .page-template-page-skorsten_ehandel #message button.OK { width: 170px; height: 30px; margin: 25px auto 0 auto; display: block; background-color: #1c94d1; border: 0; color: #fff; }
.page-template-page-skorsten #message .fancybox-close-small, #message2 .fancybox-close-small, .page-template-page-skorsten_ehandel #message .fancybox-close-small { background-color: #1c94d1; border-radius: 50%; width: 28px; height: 28px; top: -5px; right: -5px; }
.page-template-page-skorsten #message .fancybox-close-small:after, #message2 .fancybox-close-small:after, .page-template-page-skorsten_ehandel #message .fancybox-close-small:after { font-size: 28px; top: 0; right: -1px; color: #fff; }
.avskalad { padding-bottom: 50px; }

.button a, .button a:link, .button a:hover {
	color: #fff; line-height: 20px; font-size: 16px;
}

.datablad .icon, .ref_doc .icon {
	background: url(img/produktblad.svg) center center no-repeat #037fbb; background-size: 30%;	
}

.manual .icon {
	background: url(img/manual.svg) center center no-repeat #037fbb; background-size: 30%;	
}

.productImage {
	text-align: right;	
}

.sendAFSkorsten .button,
.sendSkorsten .button,
.skorstenBackbutton .button,
.sendOffertSkorsten .button,
.saveSkorsten .button {
	line-height: 26px;
	padding: 5px 0 10px 0;
}
.sendSkorstenPadding .button {
	padding: 17px 0 24px 0;
}




/*Radon*/
body.page-template-page-radon #content article {
    padding-top: 310px;
}





/*Quicklinks in bottom*/
.quicklink {
	width: 31.7%;	float: left; margin-top: 70px; margin-bottom: 55px;
}

.quicklinks .quicklink:first-child {
	margin-right: 2.4%;	
}

.quicklinks .quicklink:nth-child(3){
	margin-left: 2.4%;
	float: right;
}

.quicklinkText {
	background: #fff; line-height: 116px; text-align: center; font-size: 30px;	
}

.quicklinkText a, .quicklinkText a:link {
	color: #969696;
}

.quicklinkToHide {
    display: none;
}

.quicklinkToMove {
    width: 48%;
}

.startQuicklinks {
	width: 100%;
	max-width: 1010px;
}



/*Footer*/
.footerBox {
	position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto; width: 1234px; height: 55%;
}

#footer .wideImage {
	display: none;	
}

.footerText {
	width: 43%; padding-top: 4%; padding-bottom: 4%; padding-left: 4%; padding-right: 4%; position: relative;
	
	background-color: rgb(255, 255, 255); opacity: 0.749;
}

.footerText h3 {
	color: #0095db; margin-bottom: 30px;
}

.footerText p {
	margin-bottom: 0px; font-size: inherit;
}

.footerInfo {
	width: 100%; text-align: center; background: #0095db; padding-top: 60px; padding-bottom: 60px; color: #fff;
}

.footerReadMore {
	position: absolute; height: 24px; width: auto; bottom: -64px; padding-right: 36px; padding-left: 36px; padding-top: 20px; padding-bottom: 20px; background: #ffffff; font-size: 1em; text-transform: uppercase; right: 0;
}

.footerReadMore a, .footerReadMore a:link {
	color: #6e6d6d;
}


.footerInfo a, .footerInfo a:link {
	color: #fff;	
}


.mobile {
	display: none;	
}

.desktop {
	display: block;	
}

/*Index*/

body.blog article, body.search article  {
	background: none; padding-top: 3px; padding-bottom: 30px;
}

body.search article {
	border-bottom: 0px solid #000; background: none; padding-top: 3px; padding-bottom: 30px;
}

body.blog #container, body.search #container {
	background: url(img/background.jpg) bottom center no-repeat	
}



/*FAQ*/
.comment-form-comment label {
	display: block; width: 100%;	
}

.comment-form-comment textarea {
	width: 90%; padding: 10px;
}

.comment-respond a, .comment-respond a:link, .commentlist a, .commentlist a:link {
	color: #000;
}

.comment-reply-link {
	font-size: 1.5em;	
}
.comment-edit-link {
	font-weight: bold;	
}

.commentlist p, .commentmetadata, .reply {
	margin-bottom: 15px;	
}


body.page-template-page-filter .even, body.page-template-page-filter .even > div {
	/*background: #0095db; */overflow: auto;	
}

body.page-template-page-filter .odd, body.page-template-page-filter .odd > div {
	/*background: #028ac9; */overflow: auto;
}


/*.even, .event > div {
	background: #0095db; padding: 10px;	
}
*/
/*
.odd, .odd > div {
	background: #0095db; overflow: auto;
}

.even, .event > div {
	background: #028ac9; overflow: auto;
}*/

/*.commentlist .odd, .commentlist .odd > div {
	background: #0095db; overflow: auto; padding: 10px; color: #fff;
}

.commentlist .even, .commentlist .event > div {
	background: #028ac9; overflow: auto; padding: 10px;
}*/


/*.commentlist .odd a, .commentlist .odd a:link {
	color: #fff;
}*/

/*ol.commentlist li.comment ul.children li.depth-2 a, ol.commentlist li.comment ul.children li.depth-2 a:link  {
	color: #fff;
}*/

#cancel-comment-reply-link {
	color: #930;
}	

.commentlist .avatar {
	display: none;	
}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #0095db; padding:1em; border-left:5px solid #028ac9; }
ol.commentlist li.comment div.comment-author {}
/*ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }*/
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
/*ol.commentlist li.comment div.comment-meta { font-size:9px; }*/
/*ol.commentlist li.comment div.comment-meta a { color:#000; }*/
/*ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }*/
ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }
/*ol.commentlist li.comment div.reply { font-size:11px; }*/
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 { background: #f6f6f6; border-left:5px solid #028ac9; margin:0 0 .25em .25em; color: #000; }
ol.commentlist li.comment ul.children li.depth-3 { background: #fff;border-left:5px solid #999; margin:0 0 .25em .25em; color: #000; }
ol.commentlist li.comment ul.children li.depth-4 { background: #f6f6f6;border-left:5px solid #bbb; margin:0 0 .25em .25em; color: #000; }
ol.commentlist li.comment ul.children li.depth-5 { background: #fff; border-left:5px solid #bbb; margin:0 0 .25em .25em; color: #000; }

ol.commentlist li.comment ul.children li.odd {}
/*ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }*/
ol.commentlist li.parent { border-left:5px solid #0095db; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist input, ol.commentlist textarea {
	color: #000;	
}

.comment-subject {
	font-weight: bold;	
}

ol.commentlist .comment-form-subject {
	display: none;	
}

.commentlist li .children .comment-subject {
	display: none;	
}

.commentlist li {
	margin-bottom: 35px;	
}

.comment-content h3 {
	font-size: 1.5em; margin: 0; margin-bottom: 10px; line-height: normal;	
}



/*Referenser*/
.ref_image {
	float: left; width: 52.2%;	
}

.reference .center {
}

/*.ref_content {
	float: right; width: 46.5%; position: relative; height: 100%;
}
*/
.ref_content h3 {
	color: #0095db; font-size: 1.5em; text-transform: uppercase;
}

.ref_content p {
	font-size: 1em;	
}

.reference {
	margin-bottom: 60px; 
}

.ref_content {	
	float: right; width: 46.5%; position: relative;
	
	  display: flex; justify-content: center;
}

.ref_content_inner {
	align-self: center;
	
/*	top: 0; bottom: 0; right: 0;
	margin: auto;
	display: table;
	position: absolute;
	width: 100%;*/
}


/*Grillunch*/
.grill h1 {
	margin-bottom: 30px;
}

.grill h2 {
	margin-bottom: 10px; color: #0095db;
}


/*Skorstenskonfigurator*/
.konfig {
	width: 100%;	
}

.skorsten_left {
	width: 50%; float: left;	
}

.skorsten_right {
	width: 46%; padding-left: 4%; float: right;	
}

.icon_info {
	margin-left: 3px;	
}

.control-label {
	font-weight: bold;	
}

.form-group input[type=radio] {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control_indicator {
	position: absolute;
	top: 8px;
	left: 0;
	width: 16px;
	height: 16px;
	background: #e6e6e6;
}

.radio-inline .control_indicator {
	border-radius: 50%;
}

/* Hover and focus states */
.form-group:hover input ~ .control_indicator,
.form-group input:focus ~ .control_indicator {
	background: #ccc;
}

/* Checked state */
.form-group input:checked ~ .control_indicator {
	background: #409cf9;
}

/* Hover state whilst checked */
.form-group:hover input:not([disabled]):checked ~ .control_indicator,
.form-group input:checked:focus ~ .control_indicator {
	background: #409cf9;
}

/* Disabled state */
.form-group input:disabled ~ .control_indicator {
	pointer-events: none;
	opacity: .6;
	background: #e6e6e6;
}

/* Check mark */
.control_indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.form-group input:checked ~ .control_indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control_indicator:after {
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control_indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.radio-inline .control_indicator:after {
	top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}

/* Disabled circle colour */
.radio-inline input:disabled ~ .control_indicator:after {
	background: #7b7b7b;
}

.form-group select {	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.skorstenResultat {
	width: 100%;	
}

.skorstenResultat1{
	float: left; width: 60%;
}

.skorstenResultat2 {
	float: left; width: 23%; text-align: right;
}

.skorstenResultat3 {
	float: left; width: 17%; text-align: right;
}


.skorstenToolbar {
	display: flex;	
}

.sendContainer {
	display: block;	
}

.skorstenToolbar .gobackDesc {
	float: left; width: 40%; margin-right: 10%; font-weight: bold; display: flex; position: relative;
}

.gobackDescBottom {
	position: absolute; bottom: 0;	
}

.gobackDescBottom p {
	margin-bottom: 0px;	
}

.skorstenToolbar .skorstenBackbutton, .skorstenToolbar .sendSkorsten, .skorstenToolbar .calculateSkorsten, .skorstenToolbar .sendAFSkorsten, .skorstenToolbar .saveSkorsten, .skorstenToolbar .sendOffertSkorsten {
	float: right; width: calc(50% - 8px); position: relative;
}

.skorstenToolbar .sendOffertSkorsten { float: left; }
.mt-30 { margin-top: 30px; }

.skorstenToolbar .skorstenBackbutton .button {
	margin-left: 23.7%; text-align: left; padding-left: 10%;
}

.skorstenToolbar .skorstenBackbutton .button a, .skorstenToolbar .skorstenBackbutton .button a:link {
	/*font-size: 22px;*/
}


.skorstenToolbar .skorstenBackbutton .icon {
	left: 0;
	background: url(img/tillbaka.svg) center center no-repeat #037fbb;
    background-size: 60% 60%;
}

.sendSkorsten .icon,
.sendAFSkorsten .icon,
.sendOffertSkorsten .icon {
	background: url(img/Skicka.svg) center center no-repeat #037fbb;
    background-size: 85% 85%;
}

.calculateSkorsten .icon {
	background: url(img/Berakna.svg) center center no-repeat #037fbb;
    background-size: 60%;
}

.saveSkorsten .icon {
	background: url(img/Spara.svg) center center no-repeat #037fbb;
    background-size: 50%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*Mobilanpassningar*/

@media screen and (max-width: 1919px) {
	.headerTitle {
		position: relative; width: 100%;
	}
	
	.headerTitle h1 {
		display: block;
	}
		
	.footerText {
		width: 92%;
	}
	
	.footerBox {
		height: 90%;	
	}
}

@media screen and (max-width: 1600px) {
	.verticalInner {
		width: 95%;
	}	
	
	.ventilationNoLean  {
		width: 100% !important;	overflow: hidden;
	}
	
	.right {
		margin-right: 0;
	}
}

/*iPad gammal dator*/
@media screen and (max-width: 1250px) {
	
	.headerBox {
		width: 100%;	
	}
	
	.footerBox {
		position: relative;	width: 100%;
	}
	
	.footerText {
		padding-bottom: 64px; opacity: 1;
	}
	
	.footerReadMore {
		bottom: 0;
	}
	
	.headerInner, .entry-content, .header, .contentText, .contentText2, .veta2, .center {
		width: 96%;	
	}
	
	.menu li.menu-item-has-children {
		padding-right: 30px;	
	}
	
	.menu li, #menu ul li .sub-menu {
		margin-left: -10px;
	}
	
	#menu li .sub-menu li, .menu li {
		padding-left: 10px; padding-right: 10px;
	}
	
	.headerBox {
		height: 100%;
	}
	
	.headerBox {
		position: relative;	
	}
	
	.headerText {
		width: 96%;	background: #0095db; margin-top: 0; color: #fff;
	}
	
	.headerText h2, .headerText h2 span {
		color: #fff !important; font-size: 40px;
	}
	
	h2 {
		/*font-size: 40px;*/ margin-bottom: 30px;	
	}
	
	#content article {
		padding-top: 30px;	
	}
	
	.contentTextShort {
		width: 100%;
	}
	
	body.page-template-page-effekt .headerTitle, body.page-template-page-radon .headerTitle {
		margin-top: 80px;
	}
		
}

@media screen and (max-width: 980px) {
	.ref_doc {
		width: 100%;	
	}
}

/*iPad portrait*/
@media screen and (max-width: 800px) {
	#menu {
		width: 100%;	
	}
	
	.menu {
		text-align: center;	
	}
	
	.headerInner {
		height: 270px;	
	}
	
	#header {
		height: 270px;	
	}
	
	#indovent, #contact, #webshop {
		width: 18%;	
	}
	
	#indovent {
		right: 20%;
	}

	#webshop {
		right: 38%;
	}
	
	.headerText {
		/*padding-top: 5%;*/
	}
	
	body.page-template-page-ventsys #content article, body.page-template-page-vart_att_veta #content article, body.page-template-page-filter #content article {
		/*padding-top: 320px;*/
		padding-top: 60px;
	}

	.wideHeaderImage img {
		/*margin-bottom: 120px;*/	
	}
	
	body.page-template-page-effekt .headerTitle, body.page-template-page-radon .headerTitle {
		margin-top: 0;
	}
	
	.imageRight {
		background: url(img/patt_white_small.png) repeat;	
	}
	
	.imageLeft {
		background: url(img/patt_blue_small.jpg) repeat;
	}
	
	h1 {
		margin-bottom: 40px;	
	}
	
	.imgCon {
		min-height: 300px;
	}
	
	.productLeft, .productRight {
		width: 100%; position: relative; min-height: 0px;
	}
	
	.productImage {
		text-align: center;	
	}
	
	.docContainer {
		position: relative;	
	}
	
	.productContainer {
		background: none;
	}
	
	.productLeft {
		margin-right: 0;
	}
	
	.productContainer .product {
		width: 48%;
	}
	
	.productContainer .product:first-child {
		margin-right: 4%;
	}
	
	body.page-template-page-produkter h1 {
		/*font-size: 40px; line-height: 46px; margin-bottom: 40px; font-weight: 200;	*/
	}
	
}

/*Mobile*/
@media screen and (max-width: 800px) {
	.mobile {
		display: block;	
	}
	
	.desktop {
		display: none;	
	}
	
	h1 {
		font-size: 30px; line-height: 46px; margin-bottom: 30px;	
	}
	
	h2 {
		font-size: 28px; line-height: 40px;
	}
	
	body.page-template-page-produkter h1 {
		font-size: 30px; line-height: 46px; margin-bottom: 30px;
	}
	
	.headerText h2, .headerText h2 span {
		font-size: 30px; color: #0095db !important;
	}
	
	h3 {
		font-size: 26px; line-height: 32px;
	}
		
	.headerBox {
		position: absolute;	
	}
	
	.headerText {
		background: url(img/background_white.png) repeat; margin-top: 100%; width: 92%; margin-left: 2%;
	}
		
	.headerTitle {
		/*margin-top: 20px; */position: absolute; width: 96%; bottom: 30px !important; top: auto;
	}
	
	.headerTitle h1 {
		padding: inherit; /*margin-left: 2%; margin-right: 2%;*/ font-size: 30px;
	}
	
	body.page-template-page-ftx .headerTitle, body.page-template-page-lagenergi .headerTitle {
		top: auto;
	}
	
	.blueTitle {
		padding-left: 0px;	
	}
	
	#menu {
		display: none;	
	}
	
	.quicklink {
		width: 100%; margin-top: 0px; margin-bottom: 30px;
	}
	
	.quicklink img {
		display:none;
	}
	
	.quicklinks .quicklink:nth-child(3) {
		margin-left: 0;	
	}

	.footerInfo {
		padding-top: 120px;	
	}
	
	.wpb_single_image.vc_align_center {
		text-align: left;	
	}
	
	.gallery-item {
		width: 100% !important;	
	}
	
	.headerMobile {
		display: block;	
	}
	
	.headerDesktop {
		display: none;	
	}
	
	#contact, #indovent, #webshop {
		display: none;	
	}
	
	.headerInner {
		width: 100%;	
	}
	
	.vartattveta .imgLeft, .vartattveta .imgCenter, .vartattveta .imgRight {
		width: 100%; text-align: center; margin-bottom: 20px;
	}
	
	.vartattveta .imgRight {
		margin-bottom: 0px;	
	}
	
	.ventilationNoLean .imageLeft, .ventilationNoLean .imageRight,.ventilationNoLean .textRight, .ventilationNoLean .textLeft  {
		width: 100%;	
	}
	
	body.page-template-page-ventsys .ventilationNoLean .imageRight img {
		left: 0%;
	}
	
	body.page-template-page-ventsys .ventilationNoLean .imageLeft img {
		right: 0%;
	}
	
	.imageLeft, .imageRight {
		min-height: auto !important; padding-top: 30px; padding-bottom: 30px;
	}
	
	body.page-template-page-ventsys .ventilationNoLean .imageLeft img, body.page-template-page-ventsys .ventilationNoLean .imageRight img {
		position: relative; width: 100%; height: auto;
	}
	
	.textLeft, .textRight {
		width: 100%; position: relative; min-height: auto !important;
	}
	
	.quicklinks {
		margin-top: 40px;
	}
	
	body.page-template-page-vart_att_veta #content article, body.page-template-page-filter #content article {
		padding-top: 320px;
	}

	.wpb_single_image .vc_figure {
		width: 100% !important; text-align: center;
	}
	
	.imageLeft, .imageRight {
		padding-top: 0px; padding-bottom: 0px; 	
	}
	
	.productContainer .product {
		width: 100%; min-height: 1px !important; height: auto !important; margin-bottom: 30px;
	}
	
	.ventilationNoLean .imageLeft, .ventilationNoLean .imageRight, .ventilationNoLean .textRight, .ventilationNoLean .textLeft {
		height: auto !important; min-height: 1px !important;
	}
	
	.verticalInner {
		margin-left: 2.5%; margin-right: 2.5%;
	}
	
/*	.filterContainer p {
		width: 95%; margin: 0 auto;	
	}*/
	
	.filterInner {
		width: 97%;	
	}
	
	.formHeader.bold {
		display: none;	
	}
	
	.formRow div:nth-child(1) {
		width: 98.5%; padding-left: 1.5%;
	}
	
	.formHeader div:nth-child(2), .formRow div:nth-child(2), .formHeader div:nth-child(3), .formRow div:nth-child(3), .formHeader div:nth-child(4), .formRow div:nth-child(4) {
 		width: 33.33%;
  		width: calc(100% / 3);
	}
	
	.formHeader div:nth-child(5), .formRow div:nth-child(5) {
		width: 98.5%; text-align: right; padding-right: 1.5%;
	}
	
	.formRow > div {
		min-height: auto; line-height: normal;
	}
	
	.filterContainer select {
		margin-bottom: 10px; margin-top: 10px;
	}
	
	.contentTextContact {
		width: 100%;	
	}
	
	.contactContainer {
		height: auto;	
	}
	
	.private, .company {
		width: 100%; padding-top: 30px; padding-bottom: 30px;
	}
	
	.servicepartner {
		margin-top: 30px;	
	}
	
	.contactInner {
		margin-left: 2%; width: 96%; margin-right: 2%;	
	}
	
	body.page-template-page-contact .wideHeaderImage .imgCon {
		display: none;
	}
	
	.contactInner {
		text-align: center;
	}
	
	.formHeader div, .formRow div {
		font-size: 18px;
	}
	
	body.page-template-page-filter .bold2 {
		font-size: 22px; margin-top: 30px;
	}
	
	.formRow div:nth-child(1), .formHeader div:nth-child(5), .formRow div:nth-child(5) {
		width: 100%; padding-left: 0%;
	}
	
	.formRow {
		width: 97%; padding-left: 1.5%; padding-right: 1.5%;	
	}
	
	.wpcf7-form-control-wrap {
		max-width: 100%; overflow: hidden;	
	}
	
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
		max-width: 99%; overflow: hidden;
	}
	
	.wpcf7-submit {
		width: 99%;	
	}
	
	
	/*Referenser*/
	.ref_content, .ref_image, .ref_doc {
		position: relative; width: 100%;
	}
	
	.ref_image {
		margin-bottom: 20px;
	}
	
	.reference {
		margin-bottom: 40px;	
	}
	
	.ref_content {
		height: auto !important;	
	}
	
}


@media screen and (max-width: 540px) {
	#branding {
		width: 35%;
		max-width: 210px;
	}
}