audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
/* base */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea {
	font-family: 'Exo', sans-serif;
}
body {
	margin: 0;
	background-color: #ffffff;
	overflow-x:hidden;
	-webkit-animation: bugfix infinite 1s; 
}
/* font */
@font-face {
    font-family: 'Exo', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
/* bugfix */
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}
/* links */
a:focus {
	outline: thin dotted;
}
a:link, a:visited
{
    color:#01643A;
    text-decoration: none;
}
a:active, a:hover
{
    color: #B0370B;
    text-decoration: none;
}
/*a:active, a:hover {
	outline: 0;
}*/
.navi a,
.navi a.focus {
	font-family: 'Exo', sans-serif;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
}
.navi a:link,
.navi a:visited,
.navi a:hover,
.navi a:active {
	text-decoration: none;
	color:#467988;
}
.navi li.focus a:link,
.navi li.focus a:visited,
.navi li.focus a:hover,
.navi li.focus a:active,
#secmenu.navi a:link,
#secmenu.navi a:visited,
#secmenu.navi a:hover,
#secmenu.navi a:active {
	text-decoration: none;
	color:#A31D21;
}
#secmenu.navi li.focus a:link,
#secmenu.navi li.focus a:visited {
	text-decoration: underline;
	color: #ffffff;
}
div.article-link {
	padding: 1% 0 1% 0;
}
/* Typography */

h1 {
	font-size: 3.2em;
	margin: .67em 0;
	font-family: 'Exo', sans-serif;
}
h2 {
	font-size: 1.2em;
	margin: .83em 0;
	font-family: 'Exo', sans-serif;
}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: .83em;
	margin: 1.67em 0;
}
h6 {
	font-size: .67em;
	margin: 2.33em 0;
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
p, pre {
	margin: 1em 0 2em 0;
	line-height: 1.22em;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 80%;
}
.f-osw-n {
	font-family: 'Exo', sans-serif;
	font-weight: normal;
}
/* Lists */
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
/* Embedded content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
/* Background */
.bu-graphic {
    position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
    z-index: -100;
}
.bu-graphic img {
    position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
/* Service Header */
.tools {
	position:relative;
	display: inline-block;
	padding: 0;
	margin:  0;
	text-align: right;
	vertical-align: top;
	width: 100%;
	z-index: 999;
	background: rgba(255,255,255,0.85);
	border-bottom: 1px solid #467988;
}
.tools:before  {
	content: "";
	display: block;
	padding-top: 2.3%;
}
.info-tool {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0 3% 0 2%;
	vertical-align: top;
	width:20%;
	*display:inline;
	*zoom:1;
}
.info-tool a {
	color:#404040;
	margin: 0% 10% 0% 0%;
	font-size:1.3em;
	text-transform: capitalize;
}
.lng-tool {
	display: inline-block;
	text-align: right;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width:32%;
	overflow: hidden;
	*display:inline;
	*zoom:1;
}
.lng-txt img {
	padding: 0 5% 0 0%;
	display: inline-block;
	margin: 0 0 0 0;
	text-align: left;
	width: 20%;
	*display:inline;
	*zoom:1;
}
.lng-txt {
	padding: 0 50 0 10%;
	display: inline-block;
	margin: 0;
	text-align: left;
	vertical-align: top;
	line-height: 0.9em;
	color:#000000;
	font-size:1.2em;
	width: 39%;
	*display:inline;
	*zoom:1;
}
.lng-txt a:link, 
.lng-txt a:visited {
    color:#799EA9;
    text-decoration: none;
}

input.but-txt-osw[type="submit"], input.but-txt-osw[type="button"],
select.but-txt-osw {
	font-size: 1.0em;
	color: #ffffff;
}
/* fiding stuff */
.fnd-lnk {
	position: absolute;
	right: 1%;
	bottom: 8%;
}
.bx-rel .fnd-lnk img {
	position: static;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 120%;
	height: 120%;
}
.fnd-remove:before, 
.fnd-close:before, 
.fnd-times:before {
    content: "\2716";
	font-size: 2.4em;
}
/* Full screen search*/
#fnd-cont a{
  color: #fff;
  font-size: 2rem;
	margin: 0;
	padding: 0;
}
#fnd-cont {
  position:fixed;
  width: 100%;
  height: 0;
  background: rgba(70,121,136,0.975);
  display: flex;
  align-items: center;
	margin-left: auto;
	margin-right: auto;
  opacity: 0;
  transition: all .5s;
  will-change: transform, opacity;
  z-index: 997;
}
.fnd-mid {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fnd-mid p {
	margin: 0;
	padding: 0 0 1% 0;
	color: #ffffff;
	font-size: 1.5rem;
  border-width: 0 0 1px 0;
  border-style: solid #fff;
}
.fnd-mid #searchfield {
	-webkit-appearance:none;
	border: 0;
  height: 2rem;  
  max-width: 50%;
  background-color: #ffffff;
  color: #717A8E;
  flex: 1 0 auto;
  font-size: 2rem;
  outline: 0;
  padding: 2rem 1rem;
}
#terminate {
  position: absolute;
  right: 5%;
  top: 5%;
}
#fnd-cont:target {
  height: 100vh !important;
  width: 100% !important;
  opacity: 1;
  z-index: 998;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* boxes */
div.box-layer {
	margin: 0px;
	position: relative;
	z-index: 20;
}
div.cnt {
	margin: 0px auto;
	z-index: 999;
	height: auto;
	max-width: 1280px;
	text-align:center;
}
.center-cont {
	margin: 0px auto;
	z-index: 10;
	height: auto;
	max-width: 1280px;
	text-align:center;
}
.hdr {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 20;
	overflow: hidden;
	background-color: #ffffff;
}
.hdr:before {
	content: "";
	display: block;
	padding-top: 8%; /* initial ratio of 1:1*/
}
.logo {
	position: absolute;
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
	left: 1.0%;
	width: 16%;
	height: 95%;
	top: 3%;
	z-index: 24;
}
/* Other ratios */
.ratio2_1:before {
	padding-top: 50%;
}
.ratio3_2:before {
	padding-top: 66.66666667%;
}
.ratio55_1:before {
	padding-top: 2%;
}
/* effects */
.bu-tr-wh {
	background: rgba(255, 255, 255, 0.85); 
}
.bu-tr-blugre {
	background: rgba(70,121,136, 0.85);
}
.bu-trans-fff60 {
	background: rgba(255, 255, 255, 0.60); 
}
.bu-trans-grey {
	background: rgba(28, 28, 28, 0.85); 
}
#waiting {
    display: none;
    margin: 15px 0px 15px 0px;
    text-align: center;
}
.brdr {
	border: solid 1px #467988;
}
.brdr-tp {
	border-top: solid 1px rgba(70,121,131,0.85)
	}
.brdr-pad {
	border: solid 1px #A4A4A4;
    padding: 1%;
}
.bu-lgt-grey {
	background-color:#A4A4A4;
}
.brdr-rnd {
	border-radius: 2.0em;
	-moz-border-radius: 2.0em;
	-webkit-border-radius: 2.0em;
}
.brdr-rnd-bottom-half {
	border-radius: 0px 0px 1.0em 1.0em;
	-moz-border-radius: 0px 0px 1.0em 1.0em;
	-webkit-border-radius: 0px 0px 1.0em 1.0em;
}
.form-brdr {
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
}
/* nav */
div.navi,
div.navi-mob {
	position: absolute;
	bottom: 0;
	right: 3%;
	width: 78%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	z-index:25;
}
div.navi-mob {
	display: none;
}
#topmenu ul {
	padding: 0;
	display: table;
	margin: 0 0;
	float: left;
}
#topmenu ul li {
	padding: 1% 1.5em;
	border: none;
	text-align: center;
	display: table-cell;
	height: 100%;
}
#topmenu li.divider {
	font-size: 1px;
	border: none;
	padding: 0;
	display: table-cell;
	width: 1px;
	vertical-align: top;
}
#topmenu li.focus {
	background-color:#ffffff;
}

#topmenu ul li:nth-child(7),
#topmenu ul li:nth-child(8) {
	display:none;
} 
a.focus {
    color: #F0F3F0;
	height: 32px;
}
a.focus:before {
    color: #FFDA00;
    content: "» ";
}
#lastmenu a {
	text-transform: capitalize;
	font-size: 1.7em;
	line-height: 1.3em;
	font-weight: 600;
	margin: 0 0.5em 0 0;
}
#lastmenu a:link,
#lastmenu a:visited {
    color:#467988;
}
#lastmenu a:hover,
#lastmenu a:active {
    color: #A4A4A4;
}
#lastmenu dl, menu, ol, ul {
	margin: 1em 0;
}
#lastmenu menu, ol, ul {
	padding: 0 0 0 1.5em;
}
#lastmenu li {
    color: #ffffff;
	list-style-type: disc;
	padding:5% 0 0 0;
}
#lastmenu li.focus {
    color: #A31D21;
	list-style-type: disc;
}


/* nav sub */
 div.menu {
	border-bottom:0px solid #006EB6;
	clear: both;
    line-height: 1.1em;
    padding: 5% 0px 6% 4%;
}
div.menu div.menu
{
    border: none;
    font-size: 14px;
    margin: 0px 0px 0px 19px;
    padding: 8px 0px 5px 0px;
	background-image: none;
}

/* nav mobile */
#header label {
	padding:0 0.125em;
	font:2.875em/1.4375em Arial;
	}
#menu label {
	padding:0 0.25em;
	font:3.125em/1.375em Arial;
	}
#menu .sub-nav label {
	padding:0 0.3125em;
	font:2em/2em Arial;
	top:0;
	}
#main-nav-check, #menu .sub-nav-check {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.toggle-menu {
    position: absolute;
	bottom: 0;
    right: 0.40em;
    cursor: pointer;
    color:#467988;
    font-size: 2.8em;
    padding: 0px;
    margin: 0px;
    line-height: 0.65em;
	z-index: 500;
	vertical-align: top;
}
.container {
	background:#fff;
	min-height:100%;
	padding:0;
	margin:0;
}
#menu, #menu .sub-nav {
	position:absolute;
	top:0;
	bottom:0;
	width:13.75em;
	z-index:9999;
	left:-13.75em;
}
.container, #menu, #menu .sub-nav {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease;
	transition:transform .25s ease;
}
#menu ul {
	line-height:2.75em;
	text-decoration:none;
	padding:0;
	list-style:none;
	margin-top:4.0625em;
	border-top:1px solid #ffffff;
}
#menu li {
	border-bottom:1px solid #ffffff;
}
#menu li a {
	display: block;
	font-size:1.0em;
    font-weight: 600;
	padding-left:1.5em;
	color:#ffffff;
	text-decoration:none;
}
#menu li a:hover, #menu .toggle-sub:hover {
	background:#A4A4A4;
}
#menu .sub-nav {
	margin-top:-1px;
}
#menu .sub-heading {
	margin-top:4.0625em;
	padding-left:1.3125em;
	color:#ffffff;
	font: small-caps bold 1.1em;
}
#menu .sub-heading:before {
	content:"";
	display:table-row;
	height:1px;
	width:13.75em;
	margin-left:-1.3125em;
	background:#444;
}
#menu .toggle-sub {
	font:bold 1em/2.75em Arial !important;
	color:#ffffff;
	background:#467988;
	float:right;
	top:auto;
	margin-top:-2.75em;
	width:2.25em;
	border-left:1px solid #ffffff;
	cursor:pointer;
	text-align:center;
}
.container, #menu, #menu .sub-nav
{
	-webkit-transform:translate3d(0,0,0)
}

#menu, #menu ul {
	margin-bottom: 0px;
	overflow: hidden;
	text-align:left;
	background-color:#467988;
}

/* #### - extra css for js enhancement - #### */
#menu .close-all { 
    display:none 
}
.js #menu .close-all { 
    display:inline; color:#ffffff; 
}
.js #menu .toggle-menu { 
    top:0;
    z-index:9999 ;
    bottom: auto
}
.js #menu .sub-nav .toggle-menu { 
    left:0.15em; width:1em; color:#ffffff; 
}

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container, #main-nav-check:checked ~ #menu, #menu .sub-nav-check:checked ~ #fi-home-sub, #menu .sub-nav-check:checked ~ #fi-services-sub, #menu .sub-nav-check:checked ~ #fi-services-planning_development_molds-sub, #menu .sub-nav-check:checked ~ #fi-services-materials-sub, #menu .sub-nav-check:checked ~ #fi-services-molds-sub, #menu .sub-nav-check:checked ~ #fi-services-injection_molding-sub, #menu .sub-nav-check:checked ~ #fi-products-sub, #menu .sub-nav-check:checked ~ #fi-products-Ice_Claws-sub, #menu .sub-nav-check:checked ~ #fi-products-combi_quard-sub, #menu .sub-nav-check:checked ~ #fi-products-QUADRA_floor-sub, #menu .sub-nav-check:checked ~ #fi-products-corner_protectors-sub, #menu .sub-nav-check:checked ~ #fi-products-fittings-sub, #menu .sub-nav-check:checked ~ #fi-products-Window_accessories-sub, #menu .sub-nav-check:checked ~ #fi-company-sub, #menu .sub-nav-check:checked ~ #fi-company-news-sub, #menu .sub-nav-check:checked ~ #fi-contact-sub, #menu .sub-nav-check:checked ~ #fi-News-sub {	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0); }

.page-content { padding:1em 2em; max-width:64em; margin:auto }
.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */

/* doc */
div.document {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	background-color: #ffffff;
	z-index:20;
}

.img-pos-cent-top img {
    object-position: center top;
}
/* box */
.content {
	/* Positioning */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.bx-rel {
	display: inline-block;
	position:relative;
}
.bx-rel img{
	position:absolute;
	top:0;
	left:0;
}
.bx-abs {
	position:absolute;
}
.bx-abs-h-au {
	position:absolute;
	height: auto;
}
.bx-abs-h-au-bot-0 {
	position:absolute;
	height: auto;
	/*bottom: 0;*/
}
.bx-txt {
	position:absolute;
	height: auto;
}
.bx-txt h1, .bx-txt h2, .bx-txt p, .bx-txt p {
	margin:0;
	padding:0;
}
.brd-fff {
	border:solid 1px #ffffff;
}
.m-lft-bot-2pct {
	margin: 0 0 3% 3%;
}
.m-bot-2pct {
	margin: 0 0 3% 0;
}
.m-bot-6pct {
	margin: 0 0 6% 0;
}
.m-rgt-0 {
	margin-right: 0% !important;
}
.hid-bx {
	display: none;
}

/* front */
.f-bx-tp:before,
.f-bx-l:before, 
.f-bx-s:before {
	content: "";
	display: block;
}
.f-bx-tp {
	margin: 2% 0 2% 0;
	width: 100%;
	background-color: #467988;
	overflow:hidden;
}
.f-bx-tp .content {
	overflow:hidden;
}
.f-bx-tp img {
	top:0;
	left:0;
	width: 100%;
	max-height: 130%;
}
.f-bx-tp-txt {
	bottom: 10%;
	width: 94%;
	height: auto;
	padding: 0% 3% 0% 3%;
	color:#ffffff;
}
.f-bx-tp:before {
	padding-top: 16%;
}
.f-bx-l {
	margin: 2% 4.25% 2% 0;
	width: 30.5%;
	background-color: #467988;
	overflow: hidden;
}
.f-bx-l .content {
	overflow: hidden;
}
.f-bx-l img {
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.f-bx-l-txt {
	width: 92%;
	height: auto;
	padding: 1% 4% 2% 4%;
	color:#ffffff;
	left: 0;
	bottom: 0%;
}
.f-bx-l:before {
	padding-top: 110%;
}
.f-bx-s {
	width: 31.3%;
	background-color: #467988;
}
.f-bx-s:before {
	padding-top: 80%;
}
.f-bx-s img {
	top:0.3%;
	left:0.3%;
	width: 99.4%;
	height: 99.4%;
}
.f-bx-s-txt-frame {
	top:10%;
	left:10%;
	width: 80%;
	height: auto;
}
.f-bx-s-txt {
	width: 94%;
	height: auto;
	padding: 3%;
	color:#303030;
}
.f-bx-s-news {
	top:4%;
	left:8%;
	width: 86%;
	padding: 0%;
}
.f-bx-i {
	width: 31.5%;
}
.f-bx-i:before {
	content: "";
	display: block;
	padding-top: 35%;
}
.f-bx-i img {
	position:absolute;
	top:0.9%;
	left:0.3%;
	width: 99.4%;
	height: 98.2%;
}

/* front TEXT*/
.f-bx-tp-txt h1,
.f-bx-l-txt h1,
.f-bx-s-txt h2 {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
.f-bx-tp-txt h1 {
    font-size: 4.3em;
	text-shadow:-2px 2px 0px #000000,1px -1px 10px #000000,-1px 1px 10px #000000;
}
.f-bx-tp-txt h3 {
	margin:0;
	padding:0 0 0 0;
}
.f-bx-l-txt h2 {
	font-weight: 600;
	margin: 0.1em 0;
    font-size: 3.2em;
	/*text-shadow:-2px 2px 0px #000000,1px -1px 10px #000000,-1px 1px 10px #000000;*/
}
.f-bx-s-news h2 {
    margin: 0;
    padding: 0 0 1% 0;
    font-size: 3.2em;
	color:#303030;
}
.f-bx-i h2, 
.f-bx-i p, 
.f-bx-i h3 {
	position:relative;
	left:6%;
	width: 80%;
	height: auto;
	margin:0;
}
.f-bx-i h3 {
	position:absolute;
	top:32%;
	left:6%;
	width: 88%;
	height: auto;
	padding: 0.2%;
}
.f-bx-l-txt a,
.f-bx-s-txt a,
.f-bx-i a,
.f-bx-i p {
	color:#303030;
	margin:0;
	padding:0 0 0 0;
	font-size:0.92em;
	font-weight:normal;
	line-height: 1.5em;
}
.f-bx-l-txt a {
	color: rgba(255,255,255,1.00);
	font-weight: 300;
	font-size: 0.80em;
	line-height: 1.4em;
}
.f-bx-l-txt p {
	margin:0;
	padding:0 0 0 0;
	font-weight: 200;
}
/* intro */
.intro-cont {
    height: auto;
    overflow: hidden;
    padding: 0px;
    width: 100%;
	padding-top: 2%;
}
.intro-txt {
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
.intro-pad {
    margin: 1% 0 3% 5%;
}
.intro-cont h3 {
	font-size: 1.6em;
}
.intro-cont p {
	font-size: 1.4em;
}
/* preview */
.intro-cont .article-template {
	display: inline-block;
	width: 75%;
	margin: 0 0 0 0;
	overflow: hidden;
	margin-top: -0.25em;
	/*float: right;*/
	vertical-align: top;
}
.previe {
	display: inline-block;
	width: 75%;
	overflow: hidden;
	margin-top: -0.25em;
}
.previe-cont,
.previe-img {
	width: 27.92%;
	background-color: rgba(70,121,131,0.85);
	overflow: hidden;
	float: left;
	vertical-align: top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.previe-cont {
	margin: 0 0 5% 5%;
}
.previe-img {
	width: 100.00%;
}
.previe-cont:before,
.previe-img:before {
	content: "";
	display: block;
	padding-top: 79.6875%;
}
.previe-txt {
	position: absolute;
	top: 30%;
	left: 10%;
	z-index: 100;
}
.previe-txt h2,
.previe-txt p {
	color:#ffffff;
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	width: 80%;
	/*text-shadow: 1px 1px 0px rgba(80, 80, 80, 1);
	text-shadow: 2px 2px 0px rgba(80, 80, 80, 1);
	text-shadow:
		0 1px 0 #ccc,
		0 2px 0 #c9c9c9,
		0 3px 0 #bbb,
		0 4px 0 #b9b9b9,
		0 5px 0 #aaa,
		0 6px 1px rgba(70,121,136,.1),
		0 0 5px rgba(70,121,136,.1),
		0 1px 3px rgba(70,121,136,.3),
		0 3px 5px rgba(70,121,136,.2),
		0 5px 10px rgba(70,121,136,.25),
		0 10px 10px rgba(70,121,136,.2),
		0 20px 20px rgba(70,121,136,.15);*/
	text-shadow:-2px 2px 0px #000000,1px -1px 10px #000000,-1px 1px 10px #000000;
	
}
.previe-txt h2 {
	font-size: 2.2em;
	font-weight: 600;
}
.previe-txt p {
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 5%;
}
/* default */
.art-cont {
    height: auto;
    overflow: hidden;
    padding: 0px;
    width: 100%;
}
.sub-menu {
    display: inline-block;
    margin: 3% 3% 5% 1%;
    overflow: hidden;
    padding: 0px;
    vertical-align: top;
    width: 19%;
	font-weight: 400;
	border-right: solid 1px rgba(70,121,131,0.85)
}
.art-no-men {
    display: inline-block;
    margin: 3% 0 3% 3%;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 75%;
	background-color: rgba(255,255,255,1.0);
}
.art-col,
.art-col-kont,
.art-col-full {
    display: inline-block;
    margin: 3% 0 3% 0;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 55%;
	background-color: rgba(255,255,255,1.0);
}
.art-col-full, 
.art-col-kont {
    width: 75%;
}
.art-flo-rgt-img {
	float: right;
	width: 32%;
	margin-right: -50%;
}
.art-flo-rgt-med {
	float: right;
	width: 70%;
	margin-right: -80%;
}
.art-flo-rgt-vid {
	float: right;
	width: 90%;
	margin-right: -100%;
}
.art-flo-rgt-vid video {
  width: 100%    !important;
  height: auto   !important;
}
.art-no-men p,
.art-col p,
.art-col-kont p {
    font-size: 1.2em
}
.art-pad-l-top {
    margin: 1% 45% 3% 0%;
}
.art-pad-s-top {
    margin: 1% 30% 3% 0%;
}
.art-pad-kont {
    margin: 1% 5% 3% 0%;
}
.art-mgn-full {
    margin: 1% 3% 3% 3%;
}
.art-side {
    display: inline-block;
    margin: 3% 0 3% 3%;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 18%;
	background-color: rgba(255,255,255,1.0);
}
.full-img img{
    width: 100%;
}
.std-img_16_9 {
    width: 100%;
	overflow: hidden;
}
.std-img_16_9:before {
	content: "";
	display: block;
	padding-top: 56.27906977%;
}
.std-img_16_9 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.std-img_2_1 {
    width: 100%;
	overflow: hidden;
}
.std-img_2_1:before {
	content: "";
	display: block;
	padding-top: 50%;
}
.std-img_2_1 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* personnel */
.personnel-not-inline {
	display: block;
	width: 40%;
	margin:  0 10% 0 0;
	vertical-align: top;
}
.personnel {
	display: inline-block;
	width: 40%;
	margin:  0 2.5% 2% 0;
	vertical-align: top;
}
.pers-desk {
	margin: 0 10% 0 0;
}
.personnel h2 {
	margin: 0.43em 0 0.2em 0;
	/*border-bottom:solid 1px #01643A;*/
	font-size: 1.3em;
}
.personnel-info p {
	margin: 0.0em 0 0.83em 0;
	line-height: 1.62em;
	font-size: 0.95em;
}
.personnel-title p {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 70%;
	margin: 0.0em 0 0.93em 0;
}
.personnel-subtitle2 {
	display: none;
}
.personnel-not-inline img, .personnel img {
	width: 100%;
}
.contact-person-header h2 {
font-size: 2.3em;
margin: 1.67em 0 .67em 0;
font-family: 'Ubuntu Condensed', sans-serif;
font-weight: 400;
	display: block;
	width: 100%;
}
/* gmap */
.art-col-kont .article-template {
	display: block;
	margin: 0;
	padding: 1%;
	width: 60%;
	float: right;
	border: solid 1px rgba(70,121,131,0.85);
}
.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* products listed */
.prod-li div {
	width: 45%;
	margin: 0.43em 0 0.2em 0;
	vertical-align: top;
	display: inline-block;
}
.prod-li img {
	width: 53%;
	margin: 0.43em 0 0.2em 0;
	vertical-align: top;
	display: inline-block;
}
.prod-li h2 {
	margin: 0.43em 0 0.2em 0;
	padding: 0.43em 0 0.2em 0;
	font-size: 1.6em;
	/*border-top:dotted 1px #01643A;*/
	vertical-align: top;
}
.prod-li p {
	margin: 0.0em 0 0.83em 0;
	line-height: 1.62em;
	vertical-align: top;
}
/* fittings */
.art-fittings {
	margin-top: 5%;
	width: 100%;
	position: relative;
}
.art-fittings:before {
	padding-top: 40%;
	content: "";
	display: block;
}
.art-fittings-col0,
.art-fittings-col1,
.art-fittings-col2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.art-fittings-img {
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 46%;
	float: left;
	margin-right: 5%;
}
.art-fittings-img .content {
	overflow: hidden;
}
.art-fittings-img img {
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.art-fittings-img:before {
	padding-top: 80%;
	content: "";
	display: block;
}
.art-fittings-col0 {
	display: inline-block;
	width: 44%;
	margin: 0 0 0 5%;
	padding: 0;
}
.art-fittings-col0 h2 {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
.art-fittings-col0 p {
	display: none;
}
.art-fittings-col1,
.art-fittings-col2 {
	width: 18%;
	margin: 0 0 0 5%;
}
.art-fittings-col1 h2,
.art-fittings-col2 h2 {
	font-size: 1.2em;
}
.art-fittings-col1 p,
.art-fittings-col2 p {
	padding: 0;
	margin: 0;
}
/* gallery */
.article-gallery {
    width: 100%;
}
.imageGallery {
}
.GallImg,
.GallImg img {
    width: 100%;
}
.GallImg:before {
    padding-top: 66.66666667%;
}
a[rel=gallery]
{
    border-color: rgba(70,121,136,1.00);
    border-style: solid;
    border-width: 2px;
    cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
    width: 28%;
    display: inline-block;
    padding: 1%;
    margin: 0 3% 3% 0;
}
a[rel=gallery]:hover
{
    border-color: #000000;
}
.article-gallery > .imageGallery > a[rel=gallery] > .bx-rel {
	position: relative;
}
.article-gallery > .imageGallery > a[rel=gallery] > .bx-rat {
	width: 100%;
	overflow: hidden;
}
.article-gallery > .imageGallery > a[rel=gallery] > .bx-rat:before {
	content: "";
	display: block;
	padding-top: 66.66666667%;
}

/* social media  */
.ftr-social-media {
    margin: 5% 0 0 0;
    padding: 3% 0;
    width: 90%;
}
.social-media-icon {
    display: inline-block;
    margin: 2% 3% 0px 5%;
    width: 15%;
}
.social-media-icon img {
    width: 100%;
}
/* footer */
div.footer {
	display: inline-block;
	position: relative;
	margin: 2% auto 0 auto;
	text-align: left;
	width: 100%;
	color: #ffffff;
	background-color:#467988;
	height: auto;
	z-index:20;
}
div.footer a:link, div.footer a:visited {
	color: #ffffff;
}
div.footer h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0% 0% 3% 0%;
}
div.footer h3 {
	font-size: 1.05em;
	margin: 0px;
	font-weight:normal;
	padding: 4% 0% 2% 0%;
}
div.footer h4 {
	font: normal 1.5em;
	margin: 0px;
	padding: 0% 0% 2% 0%;
}
div.footer p {
	font-size: 0.95em;
	margin: 0;
	padding: 0% 0% 2% 0%;
}
div.footer-sec {
	margin: 3% 0 3% 3%;
	width: 18%;
	display: inline-block;
	vertical-align: top;
}
div.footer-sec:nth-child(4) {
	width: 30%;
}
div.footer-sec:nth-child(4) img {
	width: 96%;
	padding: 2.5% 2%;
	border: solid 1px #ffffff;
}
div.footer-sec img {
	max-width: 90%;
	max-height: 90%;
	padding: 0% 0% 2% 0%;
}
@media (min-width:1152px) {
/* Typography */
/* nav */
div.navi {
	display: inline-block;
}
div.navi-mob {
	display: none;
}
.navi a {
}
.lng-tool {
	bottom: auto;
	top: 0;
	right: 0;
	width: 30%;
	font-size: 80%;
}	
.toggle-menu {
	display:none;
}
/* Typography */
.lng-txt a {
	font-size: 85%;
}
.navi a {
	font-size: 140%;
}
.sub-menu {
	font-size: 55%;
}
.f-bx-tp-txt h1 {
    font-size: 250%;
}
.f-bx-l-txt h2 {
    font-size: 170%;
}
.intro-txt,
.previe-txt {
    font-size: 70%;
}
.art-pad-s-top {
    font-size: 80%;
}
.art-pad-s-top h1 {
    font-size: 280%;
}
.art-fittings {
	font-size: 80%;
}
}
@media (max-width:767px) {
/* nav */
div.navi {
	display: none;
}
div.navi-mob {
	display: inline-block;
}
.sub-menu {
	display: none;
}
/* Service Header */
.tools:before {
    content: "";
    display: block;
    padding-top: 6%;
}
.info-tool {
    display: none;
}
.lng-tool {
	bottom: auto;
	top: 0;
	right: 0;
	width: 60%;
}
.lng-txt {
	padding: 0 2% 0 0;
	margin: 0;
	font-size:0.9em;
}	
.lng-txt img {
    padding: 0 5% 0 0%;
    margin: -5% 0 0 0;
    width: 15%;
}
.fnd-lnk {
	bottom: 0%;
	right: auto;
	left: 3%;
}
#terminate {
  position: absolute;
  right: 15%;
  top: 5%;
	margin: 0;
	padding: 0;
}
.hdr .fnd-lnk img {
    position: static;
    width: 90%;
    height: 90%;
	padding: 1%;
	margin-top: -2.5%;
}
.fnd-symb:before {
	font-size: 1.0em;
}
.fnd-mid #searchfield {
  max-width: 90%;
  font-size: 1.6rem;
}
/* boxes */
.hdr {
	margin-top: 0em;
}
.hdr:before {
	padding-top: 18%;
}
.logo {
	top: -5%;
	left: 25%;
	width: 60%;
	height: 120%;
}
.m-rgt-0 {
    margin-right: 4% !important;
}
/* front */
.f-bx-l {
	margin: 2% 4% 2% 0;
	width: 48%;
}
.f-bx-l:nth-child(odd),
.m-rgt-0:nth-of-type(6) {
    margin-right: 0% !important;
}
.f-bx-l:before {
	padding-top: 80%;
}
.f-bx-l img {
	top: -40%;
	width: 100%;
	height: 240%;
	max-height: 160%;
}
.f-bx-l-txt {
	width: 96%;
	left: 0%;
	bottom:0%;
}
/* intro */
.intro-txt {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.intro-cont h1 {
	margin: .67em 0 0 0;
}
.intro-cont h3 {
	margin: .32em 0 0 0;
}
.intro-cont p {
	margin: .46em 0 0 0;
}
/* preview */
.previe {
    width: 100%;
    margin-top: -0.25em;
	margin: 0 0 0 -5%;
}
.previe-cont,
.previe-img {
	width: 44.92%;
}
.previe-img {
	width: 100.00%;
}
/* default */
.art-col,
.art-col-full,
.art-col-kont,
.art-no-men {
    margin: 3% 0 0 0;
    width: 100%;
}
.art-pad-l-top,
.art-pad-s-top,
.art-pad-kont {
    margin: 1% 5% 3% 5%;
}
.full-img {
    margin: 0% 5% 3% 5%;
    width: 90%;
	float: left;
}
.art-flo-rgt-img,
.art-flo-rgt-med,
.art-flo-rgt-vid {
	float: right;
	margin-right: 0;
}
.art-flo-rgt-med {
    width: 45%;
    margin: 0 -5% 3% 3%;
}
.art-fittings {
	font-size: 70%;
}

/* social media  */
.social-media-icon {
    margin: 2% 0% 0px 3%;
}
div.footer {
	font-size:80%;
}
div.footer-sec img {
    max-width: 50%;
    max-height: 50%;
}
div.footer-sec {
	margin: 5% 0 3% 5%;
	width: 35%;
	display: inline-block;
	vertical-align: top;
}
div.footer-sec:nth-child(4) {
	width: 55%;
}
div.footer-sec:nth-child(4) img {
	width: 100%;
}
/* personnel */
.personnel {
	width: 40%;
	margin:  0 8% 0 0;
}
.art-col-kont .article-template {
	width: 100%;
	float: left;
	margin: 0 0 4% 0;
}
.article-pad-cont h1 {
	margin: 15% 0 0 0;
}
/* Typography */
.f-bx-tp-txt h1 {
    font-size: 140%;
}
.f-bx-l-txt h2 {
    font-size: 140%;
}
.f-bx-l-txt a {
    font-size: 65%;
}
.intro-txt,
.previe-txt {
    font-size: 60%;
}
.art-pad-l-top,
.art-pad-s-top,
.art-pad-kont {
    font-size: 65%;
}
}
@media (min-width:768px) and (max-width:979px) {
.lng-txt img {
    padding: 0 5% 0 0%;
    margin: -5% 0 0 0;
    width: 15%;
}
.lng-txt a {
    font-size: 65%;
}
/* front */
.footer {
	font-size: 65%;
}
/* nav sub */
.toggle-menu {
	display:none;
}
/* social media  */
.social-media-icon {
    margin: 2% 0% 0px 8%;
}
/* Typography */
.lng-txt a {
	font-size: 65%;
}
.navi a {
	font-size: 75%;
}
.sub-menu {
	font-size: 40%;
}
.f-bx-tp-txt h1 {
    font-size: 140%;
}
.f-bx-l-txt h2 {
    font-size: 140%;
}
.intro-txt,
.previe-txt {
    font-size: 50%;
}
.art-pad-l-top,
.art-pad-s-top {
    font-size: 60%;
}
.art-pad-l-top h1, 
.art-pad-s-top h1 {
    font-size: 200%;
}
.art-fittings {
	font-size: 60%;
}
}
@media (min-width:980px) and (max-width:1151px) {
/* front */
.f-bx-l-txt h2 {
    font-size: 2.3em;
}
.f-bx-tp-txt h1 {
    font-size: 2.7em;
}	
.footer {
	font-size: 80%;
}
/* nav sub */
.toggle-menu {
	display:none;
}
/* Typography */
.lng-txt a {
	font-size: 75%;
}
.navi a {
	font-size: 100%;
}
.sub-menu {
	font-size: 55%;
}
.f-bx-tp-txt h1 {
    font-size: 230%;
}
.f-bx-l-txt h2 {
    font-size: 140%;
}
.intro-txt,
.previe-txt {
    font-size: 60%;
}
.art-pad-l-top, 
.art-pad-s-top {
    font-size: 70%;
}
.art-pad-l-top h1, 
.art-pad-s-top h1 {
    font-size: 230%;
}
.art-fittings {
	font-size: 70%;
}
}
@media (max-width:480px) {
/* nav */
div.navi {
	display: none;
}
div.navi-mob {
	display: inline-block;
}
.sub-menu {
	display: none;
}
/* Service Header */
.tools:before {
    content: "";
    display: block;
    padding-top: 7%;
}
.info-tool {
    display: none;
}
.lng-tool {
	bottom: auto;
	top: 0;
	right: 0;
	width: 90%;
}
.lng-txt {
	padding: 0 2% 0 0;
	margin: 0;
	font-size:0.8em;
}	
.fnd-lnk {
	bottom: 0%;
	right: auto;
	left: 3%;
}
#terminate {
  position: absolute;
  right: 15%;
  top: 5%;
	margin: 0;
	padding: 0;
}
.hdr .fnd-lnk img {
    position: static;
    width: 90%;
    height: 90%;
	padding: 1%;
	margin-top: -2.5%;
}
.fnd-symb:before {
	font-size: 1.0em;
}
.fnd-mid #searchfield {
  max-width: 90%;
  font-size: 1.6rem;
}
/* boxes */
.hdr {
	margin-top: 0em;
}
.hdr:before {
	padding-top: 18%;
}
.logo {
	top: -5%;
	left: 25%;
	width: 60%;
	height: 120%;
}
/* front */
.f-bx-l {
	margin: 3% 0 3% 0;
	width: 100%;
}
.f-bx-l:before {
	padding-top: 60%;
}
.f-bx-l img {
	width: 100%;
}
.f-bx-l-txt {
	width: 96%;
	left: 0%;
	bottom:0%;
}
/* intro */
.intro-txt {
    width: 95%;
    display: inline-block;
    vertical-align: top;
}
.intro-cont h1 {
	margin: .67em 0 0 0;
}
.intro-cont h3 {
	margin: .23em 0 0 0;
}
.intro-cont p {
	margin: .32em 0 0 0;
}
/* preview */
.previe {
    width: 100%;
    margin-top: -0.25em;
	margin: 0 0 0 -5%;
}
.previe-cont,
.previe-img {
	width: 44.92%;
}
.previe-img {
	width: 100.00%;
}
.previe-txt h2 {
	font-size: 1.4em;
}
/* default */
.art-col,
.art-col-full,
.art-col-kont,
.art-no-men {
    margin: 3% 0 0 0;
    width: 100%;
}
.art-pad-l-top,
.art-pad-s-top,
.art-pad-kont{
    margin: 1% 5% 3% 5%;
}
.full-img {
    margin: 0% 5% 3% 5%;
    width: 90%;
	float: left;
}
.art-flo-rgt-img,
.art-flo-rgt-med,
.art-flo-rgt-vid {
	float: right;
	margin-right: 0;
}
.art-flo-rgt-med {
	float: left;
    width: 100%;
}
/* personnel */
.personnel {
	width: 80%;
}
.art-col-kont .article-template {
	width: 100%;
	float: left;
	margin: 0 0 4% 0;
}
.contact-person-header {
	margin: 10% 0 0 0;
}/* products listed */
.prod-li h2 {
	font-size: 1.2em;
}
.art-fittings {
	font-size: 50%;
}
/* social media  */
.social-media-icon {
    margin: 2% 0% 0px 4%;
}
/* footer */
div.footer {
	font-size:80%;
}
div.footer-sec img {
    max-width: 50%;
    max-height: 50%;
}
div.footer-sec {
	margin: 5% 0 3% 10%;
	width: 70%;
	display: inline-block;
	vertical-align: top;
}
div.footer-sec:nth-child(4) {
	width: 90%;
}
/* Typography */
.f-bx-tp-txt h1 {
    font-size: 110%;
}
.f-bx-l-txt h2 {
    font-size: 110%;
}
.intro-txt {
    font-size: 50%;
}
.previe-txt {
    font-size: 70%;
}
.art-pad-l-top,
.art-pad-s-top,
.art-pad-kont {
    font-size: 65%;
}
.art-pad-l-top h1, 
.art-pad-s-top h1 {
    font-size: 180%;
}
}