/*
Theme Name: Loki Systems Inc.
Theme URI: http://chrisbotting.com
Author: Chris Botting
Author URI: http://chrisbotting.com
Description: Loki Systems Inc. Theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/





body {
	background-color: #f1f1f1;
	text-align: center;
	margin: 0px auto;
	min-width: 740px;
}






/* SLIDER REVOLUTION HOVER EFFECTS FOR BUTTONS */

a.revolution-slider-button {
	width: 175px;
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
	margin: 15px 0px 0px 0px;
	padding: 11px 0px 12px 0px;
	background-color: #a4bd12;
	border: 3px solid #86a3bc;
}

a.revolution-slider-button:link {text-decoration: none; color: #ffffff !important;}
a.revolution-slider-button:visited {text-decoration: none; color: #ffffff !important;}
a.revolution-slider-button:hover {text-decoration: none; color: #ffffff !important; background-color: #ae49ba; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
a.revolution-slider-button:active {text-decoration: none; color: #ffffff !important;}







/* CONTENT STYLES */

:link img {
	border: none;
}

:visited img {
	border: none;
}

a:focus {
    outline:0;
}

a:active,
a:hover {
    outline: 0;
}

textarea:focus, input:focus{
    outline: 0;
}

p img { 
	max-width: 100%;
	height: auto;
}

p img.aligncenter { 
	max-width: 100%;
	height: auto;
	text-align: center;
    display: block;
	margin: 0px auto;
}

p img.alignleft { 
	max-width: 100%;
	height: auto;
    float: left;
	padding: 0px 20px 20px 0px;
}

img.alignleft { 
	max-width: 100%;
	height: auto;
    float: left;
	padding: 6px 30px 20px 0px;
}

p img.alignright { 
	max-width: 100%;
	height: auto;
    float: right;
	padding: 0px 0px 20px 20px;
}

p { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	text-align: left;
	padding: 0px 0px 17px 0px;
	margin: 0px;
}
	
p a:link {text-decoration: none; color: #93aa11;}
p a:visited {text-decoration: none; color: #93aa11;}
p a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
p a:active {text-decoration: none; color: #93aa11;}

.comment-author {
	font-weight: 700;
}

.comment-date {
	font-style: italic;
	color: #858585;
}

h1 { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #727272;
	text-align: left;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
}

h1 a:link {text-decoration: none; color: #727272;}
h1 a:visited {text-decoration: none; color: #727272;}
h1 a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
h1 a:active {text-decoration: none; color: #727272;}

h2 { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 23px;
	font-weight: 700;
	color: #727272;
	text-align: left;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 8px 0px 24px 0px;
	margin: 0px 0px 0px 0px;
}

h2 a:link {text-decoration: none; color: #727272;}
h2 a:visited {text-decoration: none; color: #727272;}
h2 a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
h2 a:active {text-decoration: none; color: #727272;}

h3 { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #727272;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 6px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
}

h4 { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #7ab1e1;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 6px 0px 17px 0px;
	margin: 0px 0px 0px 0px;
}

ul#big-and-bold {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #659fd1;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0px 0px 40px 0px;
	padding: 18px 0px 20px 1px;
	background-color: #e5e5e5;
	width: 84%;
	border-left: 70px solid #cccccc;
}

ul#big-and-bold li {
	padding: 9px 40px 9px 28px;
	list-style-type: none;
	background-image: none;
	text-align: left;
}
	
ul {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 10px 1px;
}

ul.children { /* FOR SITE MAP PLUGIN */
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	margin: 0px 0px -9px 0px;
	padding: 13px 0px 0px 10px;
}

ul li ul {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	margin: 0px 0px -14px 0px;
	padding: 17px 0px 0px 1px;
}
	
ul li {
	padding: 0px 40px 12px 12px;
	list-style-type: none;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 9px;
	text-align: left;
}

ul li a:link {text-decoration: none; color: #93aa11;}
ul li a:visited {text-decoration: none; color: #93aa11;}
ul li a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
ul li a:active {text-decoration: none; color: #93aa11;}

ol {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	margin: 0px 0px 0px 17px;
	padding: 10px 0px 12px 4px;
} 
	
ol li {
	padding: 0px 40px 12px 0px;
	text-align: left;
}

ol li a:link {text-decoration: none; color: #93aa11;}
ol li a:visited {text-decoration: none; color: #93aa11;}
ol li a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
ol li a:active {text-decoration: none; color: #93aa11;}
	
blockquote p { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	font-style: italic;
	color: #9cb31a;
	text-align: left;
	margin: -6px 50px 28px 10px;
	padding: 0px 0px 0px 0px;
}

	
	
	
	


/* HEADER STYLES */

.header-wrap {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
}

.header {
	max-width: 1040px;
	height: 171px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	padding: 0px;
}

#logo {
	top: 46px;
	left: 10px;
	text-align: left;
	position: absolute;
}

#slogan {
	top: 55px;
	left: 208px;
	text-align: left;
	position: absolute;
}

#telephone-number-na {
	top: 61px;
	right: 248px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #a4bd12;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	background-image: url('images/phone-icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	position: absolute;
}

#telephone-number-europe {
	top: 61px;
	right: 10px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #a4bd12;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	background-image: url('images/phone-icon.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	position: absolute;
}

#telephone-number-na a:link,
#telephone-number-europe a:link {text-decoration: none; color: #a4bd12;}
#telephone-number-na a:visited,
#telephone-number-europe a:visited {text-decoration: none; color: #a4bd12;}
#telephone-number-na a:hover,
#telephone-number-europe a:hover {text-decoration: none; color: #9f329e; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#telephone-number-na a:active,
#telephone-number-europe a:active {text-decoration: none; color: #a4bd12;}

.search {
	bottom: 0px;
	right: 10px;
	width: 273px;
	height: 61px;
	background-color: #eaf2fa;
	position: absolute;
}

#search-form {
	top: 12px;
	left: 21px;
	position: absolute;
}

#search-form input {
	width: 184px;
	padding: 6px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	text-transform: uppercase;
	color: #7b7b7b;
	border: 0px;
	background-color: #eaf2fa;
}

#search-button {
	top: 15px;
	right: 20px;
	position: absolute;
}







/* PRIMARY NAV STYLES */

.primary-nav {
	top: 0px;
	right: 10px;
	position: absolute;
}

.primary-menu {
	text-align: right;
	display: block;
}

.primary-menu ul#menu-primary-menu { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #535353;
	padding: 0px; 
	margin: 0px 0px 0px 0px; 
	float: right;
	text-transform: uppercase;
	position: relative;
	z-index: 1000;
}

.primary-menu ul#menu-primary-menu li {
	display: block;
	float: left; 
	padding: 0px; 
	margin: 0px; 
	background-image: none;
}

.primary-menu ul#menu-primary-menu li.menu-item a:link, 
.primary-menu ul#menu-primary-menu li.menu-item a:visited {
	color: #535353;
	text-decoration: none;  
	display: block; 
	float: right; 
	padding: 2px 2px 2px 2px;
	margin: 13px 0px 20px 30px;
}

.primary-menu ul#menu-primary-menu li.menu-item a:hover { 
	color: #ae49ba;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.primary-menu ul#menu-primary-menu li.current-menu-item a:link,
.primary-menu ul#menu-primary-menu li.current-menu-item a:visited { 
	color: #ae49ba;
}

.primary-menu ul#menu-primary-menu li.current-menu-item a:hover { 
	color: #ae49ba;
}



.primary-menu ul#menu-primary-menu li:hover > .sub-menu {
  display:inline-block;
  left:0;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity:1.0;
}



.primary-menu ul#menu-primary-menu ul.sub-menu {
	opacity: 0;
	width: 225px; 
	position: absolute; 
	left: -9999px;
	z-index: 1000;
	padding: 17px 0px 17px 0px;
	margin: 50px 0px 0px 7px;
	text-align: left; 
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal; 
	color: #ffffff; 
	line-height: 18px;
	background-color:rgba(159, 50, 158, 0.8);
	border: 3px solid rgba(204, 204, 204, 0.4);
	display: block;
}

.primary-menu ul#menu-primary-menu li ul.sub-menu li {
	padding: 0px 0px 0px 0px !important; 
	margin: 0px !important; 
	height: auto;
	background-image: none;
	z-index: 400;
}

.primary-menu ul#menu-primary-menu li:hover ul.sub-menu {
	left: auto;
}

.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.menu-item a:link, 
.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.menu-item a:visited {
	color: #ffffff; 
	text-decoration: none; 
	padding: 7px 0px 7px 25px; 
	width: 190px; 
	margin: 0 !important; 
	display: block; 
	font-style: normal; 
	font-weight: normal;
	background-image: none;
}

.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.menu-item a:hover { 
	color: #2b2b2b;
	background-image: none;
}

.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.current-menu-item a:link,
.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.current-menu-item a:visited { 
	color: #b9d7f1;
	background-image: none;
}

.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.current-menu-item a:hover { 
	color: #b9d7f1;
	background-image: none;
}






/* SECONDARY NAV STYLES */

.secondary-nav {
	bottom: 19px;
	right: 315px;
	position: absolute;
}

.secondary-menu {
	text-align: right;
	display: block;
}

.secondary-menu ul#menu-secondary-menu { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #7b7b7b;
	padding: 0px; 
	margin: 0px 0px 0px 0px; 
	float: right;
	text-transform: uppercase;
	position: relative;
	z-index: 999;
}

.secondary-menu ul#menu-secondary-menu li {
	display: block;
	float: left; 
	padding: 0px; 
	margin: 0px; 
	background-image: none;
}

.secondary-menu ul#menu-secondary-menu li.menu-item a:link, 
.secondary-menu ul#menu-secondary-menu li.menu-item a:visited {
	color: #7b7b7b;
	text-decoration: none;  
	display: block; 
	float: right; 
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 18px;
}

.secondary-menu ul#menu-secondary-menu li.menu-item a:hover { 
	color: #9f329e;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.secondary-menu ul#menu-secondary-menu li.current-menu-item a:link,
.secondary-menu ul#menu-secondary-menu li.current-menu-item a:visited { 
	color: #9f329e;
}

.secondary-menu ul#menu-secondary-menu li.current-menu-item a:hover { 
	color: #9f329e;
}







/* CONTENT STYLES */

.content-wrap {
	width: 100%;
	text-align: center;
}

#content {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 70px 0px 80px 0px;
}

#content:after {
    content:'';
    display:block;
    clear: both;
}

#column-left {
	text-align: left;
	width: 60%;
	padding: 0px 50px 0px 20px;
	float: left;
	position: relative;
}

#column-right {
	text-align: left;
	width: 30%;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
}

#sidenav-heading {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #727272;
	text-align: left;
	line-height: 27px;
	text-transform: uppercase;
	letter-spacing: 0px;
	position: relative;
	padding: 0px 0px 26px 0px;
}

#sidenav {
	width: 100%;
	margin: 0px 0px 60px 0px;
	padding: 0px;
}

#sidenav ul {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 700; 
	color: #535353;
	line-height: 19px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 1px;
	border-top: 3px solid #dae5ee;
}
	
#sidenav ul li {
	padding: 12px 40px 12px 0px;
	list-style-type: none;
	background-image: none;
	text-align: left;
	border-bottom: 3px solid #dae5ee;
}

#sidenav ul li a:link {text-decoration: none; color: #535353;}
#sidenav ul li a:visited {text-decoration: none; color: #535353;}
#sidenav ul li a:hover {text-decoration: none; color: #9f329e; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#sidenav ul li a:active {text-decoration: none; color: #535353;}

#sidenav ul li.current_page_item a:link {text-decoration: none; color: #9f329e;}
#sidenav ul li.current_page_item a:visited {text-decoration: none; color: #9f329e;}
#sidenav ul li.current_page_item a:hover {text-decoration: none; color: #9f329e; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#sidenav ul li.current_page_item a:active {text-decoration: none; color: #9f329e;}

#side-teaser-button { 
	padding: 20px 0px 10px 0px;
	margin: 0px;
	position: relative;
}

#side-teaser-button a { 
	width: 100%;
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 16px;
	margin: 0px;
	padding: 38px 0px 39px 0px;
	background-color: #a849a7;
}

#side-teaser-button a:link {text-decoration: none; color: #ffffff;}
#side-teaser-button a:visited {text-decoration: none; color: #ffffff;}
#side-teaser-button a:hover {text-decoration: none; color: #ffffff; background-color: #a4bd12; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#side-teaser-button a:active {text-decoration: none; color: #ffffff;}

#side-text-area { 
	padding: 0px 0px 30px 0px;
	margin: 0px;
	position: relative;
}

#side-text-area p { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #5c5c5c;
	line-height: 21px;
	text-align: left;
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

#button { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#button a {
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 16px;
	margin: 15px 0px 0px 0px;
	padding: 11px 17px 12px 18px;
	background-color: #a4bd12;
	border: 3px solid #bfd384;
}

#button a:link {text-decoration: none; color: #ffffff;}
#button a:visited {text-decoration: none; color: #ffffff;}
#button a:hover {text-decoration: none; color: #ffffff; background-color: #ae49ba; border: 3px solid #cf8dd3; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#button a:active {text-decoration: none; color: #ffffff;}

#divide {
	padding: 23px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	width: 96%;
	border-bottom: 3px solid #dce6ee;
}

#blog-index:after {
    content:'';
    display:block;
    clear: both;
}

#date { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400; 
	text-transform: uppercase;
	color: #505050;
	line-height: 21px;
	text-align: left;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

#sidenav-news-heading {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #727272;
	text-align: left;
	line-height: 27px;
	text-transform: uppercase;
	letter-spacing: 0px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#news-heading { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #7ab1e1;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase;
	padding: 24px 0px 6px 0px;
	margin: 0px;
}
	
#news-heading a:link {text-decoration: none; color: #7ab1e1;}
#news-heading a:visited {text-decoration: none; color: #7ab1e1;}
#news-heading a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#news-heading a:active {text-decoration: none; color: #7ab1e1;}

#news-text { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -20px 0px;
}

#news-view-all-button { 
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	position: relative;
}

#news-view-all-button a {
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 16px;
	margin: 15px 0px 0px 0px;
	padding: 11px 17px 12px 18px;
	background-color: #a4bd12;
	border: 3px solid #bfd384;
}

#news-view-all-button a:link {text-decoration: none; color: #ffffff;}
#news-view-all-button a:visited {text-decoration: none; color: #ffffff;}
#news-view-all-button a:hover {text-decoration: none; color: #ffffff; background-color: #ae49ba; border: 3px solid #cf8dd3; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#news-view-all-button a:active {text-decoration: none; color: #ffffff;}

#index-area { 
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 18px 0px;
	position: relative;
}

#index-area #button { 
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	position: relative;
}

#index-area-with-image { 
	width: 260px;
	padding: 20px 25px 20px 25px;
	margin: 0px 0px px 0px;
	position: relative;
	display: inline-table;
	position: relative;
}

#index-area-with-image img { 
	margin: 0px 0px 15px 0px;
	border: 4px solid #ffffff;
}

#index-area-with-image img:hover {text-decoration: none; opacity: 0.7; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}

#index-area-with-image #image-overlay-heading {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0px;
	position: absolute;
	text-align: center;
    position: absolute;
	top: 127px;
    left: 0px;
    right: 0px;
}

#index-area-with-image #image-overlay-heading a:link {text-decoration: none; color: #ffffff; background-color: #363636; padding: 3px 8px 4px 8px;}
#index-area-with-image #image-overlay-heading a:visited {text-decoration: none; color: #ffffff;}
#index-area-with-image #image-overlay-heading a:hover {text-decoration: none; color: #a0439f; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#index-area-with-image #image-overlay-heading a:active {text-decoration: none; color: #ffffff;}

#contact-area { 
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #505050;
	line-height: 21px;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#contact-area:after {
	content: '';
	display: block;
	clear: both;
}

#contact-area #contact-map { 
	padding: 0px 20px 12px 0px;
	margin: 0px;
	float: left;
}

#contact-area #contact-info { 
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
}







/* HOME HEADER IMAGE STYLES */

.home-image-wrap {
	width: 100%;
	text-align: center;
}






/* INTERNAL HEADER IMAGE STYLES */

.heading-wrap {
	width: 100%;
	text-align: center;
}

.internal-image-wrap {
	width: 100%;
	height: 209px;
	margin: 0px auto;
}

.heading-wrap #heading {
	max-width: 940px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	line-height: 44px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: -66px auto 0px auto;
	position: relative;
	background-color:rgba(122, 177, 225, 0.8);
	padding: 44px 40px 50px 60px;
}






/* HOME INTRO STYLES */

.intro-wrap {
	width: 100%;
	text-align: center;
}

.intro {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 40px 0px 80px 0px;
}

.intro #heading1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 56px;
	font-weight: 700;
	color: #727272;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 8px 0px;
	margin: 0px auto;
}

.intro #heading2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 44px;
	font-weight: 700;
	color: #363636;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 8px 0px;
	margin: 0px auto;
}

.intro #heading3 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #727272;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 20px 0px;
	margin: 0px auto;
}

.intro #teaser { 
	width: 280px;
	display: inline-table;
	margin: 0px;
	padding: 30px 32px 0px 32px;
}

.teaser_block .content {
    width:280px;
    height: 280px;
    background:#f6f6f6;
    text-align:center;
    min-height:280px;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
}

.teaser_block a.content {
    display:block;
    position: relative;
    overflow:hidden;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor:pointer;
}

.teaser_block a.content .overlay_bloc {
    background-color:rgba(0, 160, 150, 0);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 9900;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}

.teaser_block a.content:hover .overlay_bloc {
    display:block;
    background-color:rgba(0, 160, 150, 0.7);
}

.teaser_block a.content span {
    background-image: url('images/teaser-hover.gif');
	background-repeat: no-repeat;
    width:200px;
    height:0px;
    color: #97bf0d;
    text-transform:uppercase;
    font-size:12px;
    line-height:20px;
    padding: 40px;
    position:absolute;
    display:block;
    bottom:-80px;
    left:0;
    z-index: 9910;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.teaser_block a.content:hover span {
    bottom:0;
    height:200px;
    width:200px;
    color: #ffffff;
}





/* PRODUCTS STYLES */

.products-wrap {
	width: 100%;
	text-align: center;
	background-color: #3b3b3b;
}

.products {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 50px 0px 40px 0px;
}

.products #heading {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 35px 0px;
	margin: 0px auto;
}

.products #product { 
	width: 280px;
	display: inline-table;
	margin: 0px;
	padding: 0px 32px 35px 32px;
}

.footer_block .content {
    width:280px;
    height: 78px;
    padding-top: 50px;
    text-align:center;
    min-height:78px;
	text-transform:uppercase;
    font-family: 'Open Sans', Arial, sans-serif;
	color:#ffffff;
	font-size: 14px;
	line-height: 19px;
    font-weight:700;
}

.footer_block .content:link {text-decoration: none; color: #ffffff;}
.footer_block .content:visited {text-decoration: none; color: #ffffff;}

.footer_block a.content {
    display:block;
    position: relative;
    overflow:hidden;
    cursor:pointer;
}

.footer_block a.content:link {text-decoration: none; color: #ffffff;}
.footer_block a.content:visited {text-decoration: none; color: #ffffff;}

.footer_block a.content .overlay_bloc {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 9900;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}

.footer_block a.content:hover .overlay_bloc {
    display:block;
}

.footer_block a.content span {
    background: #ae49ba;
    width:240px;
    height:0px;
    text-transform:uppercase;
    position:absolute;
    display:block;
    bottom:0px;
	padding:0px 20px 0px 20px;
    left:0;
    z-index: 9910;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.footer_block a.content:hover span {
    bottom:0;
    height:108px;
	font-size: 14px;
	padding-top:20px;
    color: #343333;
	font-weight:700;
	line-height:12px;
}





/* NEWS STYLES */

.news-wrap {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
}

.news {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 60px 0px 30px 0px;
}

.news #heading { 
	width: 90px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #3b3b3b;
	text-align: center;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: -15px auto 0px auto;
	background-color: #ffffff;
	z-index: 200;
}

.news #heading-line { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #3b3b3b;
	text-align: center;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 8px 0px 0px 0px;
	margin: 0px auto;
	border-bottom: 4px solid #f1f1f1;
}

#news-centering { 
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#news-centering #news-post { 
	width: 280px;
	display: inline-table;
	margin: 0px;
	padding: 0px 30px 60px 30px;
}

#news-centering #news-post #date { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400; 
	color: #6f6f6f;
	line-height: 17px;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#news-centering #news-post #heading { 
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #7ab1e1;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase;
	padding: 2px 0px 10px 0px;
	margin: 0px;
}
	
#news-centering #news-post #heading a:link {text-decoration: none; color: #7ab1e1;}
#news-centering #news-post #heading a:visited {text-decoration: none; color: #7ab1e1;}
#news-centering #news-post #heading a:hover {text-decoration: none; color: #ae49ba; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#news-centering #news-post #heading a:active {text-decoration: none; color: #7ab1e1;}

#news-centering #news-post p { 
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #5c5c5c;
	line-height: 20px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}






/* CUSTOMER STYLES */

.customers-wrap {
	width: 100%;
	text-align: center;
	background-color: #dae9f7;
	border-bottom: 5px solid #d0dfed;
}

.customers {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 40px 0px 80px 0px;
}

.customers #heading { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #3b3b3b;
	text-align: center;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 8px 0px 20px 0px;
	margin: 0px auto;
}

#customer-centering { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#customer-centering #customer { 
	width: 295px;
	display: inline-table;
	margin: 0px;
	padding: 0px 20px 0px 20px;
}

#customer-centering #customer #caption { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	color: #5d5d5d;
	line-height: 16px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}








/* FOOTER STYLES */

.footer-wrap {
	width: 100%;
	text-align: center;
	border-bottom: 4px solid #96c1e7;
}

.footer {
	max-width: 1040px;
	text-align: center;
	margin: 0px auto;
	position: relative;
	padding: 0px 0px 120px 0px;
}

.footer:after {
    content:'';
    display:block;
    clear: both;
}

#footer-teaser-buttons { 
	padding: 0px 0px 0px 0px;
	margin: -20px 0px 0px 0px;
	position: relative;
}

#footer-teaser-buttons a { 
	width: 200px;
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 16px;
	margin: 0px 5px 12px 5px;
	padding: 7px 0px 8px 0px;
	background-color: #a4bd12;
	border: 3px solid #bfd384;
}

#footer-teaser-buttons a:link {text-decoration: none; color: #ffffff;}
#footer-teaser-buttons a:visited {text-decoration: none; color: #ffffff;}
#footer-teaser-buttons a:hover {text-decoration: none; color: #ffffff; background-color: #ae49ba; border: 3px solid #cf8dd3; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#footer-teaser-buttons a:active {text-decoration: none; color: #ffffff;}

#telephone-number-na-footer {
	bottom: 60px;
	left: 10px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #a4bd12;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	background-image: url('images/phone-icon-footer.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	position: absolute;
}

#telephone-number-europe-footer {
	bottom: 60px;
	left: 156px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700; 
	color: #a4bd12;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	background-image: url('images/phone-icon-footer.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	position: absolute;
}

#telephone-number-na-footer a:link,
#telephone-number-europe-footer a:link {text-decoration: none; color: #a4bd12;}
#telephone-number-na-footer a:visited,
#telephone-number-europe-footer a:visited {text-decoration: none; color: #a4bd12;}
#telephone-number-na-footer a:hover,
#telephone-number-europe-footer a:hover {text-decoration: none; color: #9f329e; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;}
#telephone-number-na-footer a:active,
#telephone-number-europe-footer a:active {text-decoration: none; color: #a4bd12;}

#copyright {
	bottom: 40px;
	left: 10px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #5c5c5c;
	text-transform: uppercase;
	text-align: left;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	position: absolute;
}

#certification {
	bottom: 40px;
	right: 10px;
	padding: 0px;
	margin: 0px;
	position: absolute;
}

#social {
	width: 300px;
	position: relative;
	padding: 60px 0px 20px 0px;
	margin: 0px auto;
}

#social a {
	padding: 0px 3px 0px 3px;
}

#social a:hover {
	opacity: 0.7; 
	-webkit-transition:all .2s ease-in; 
	-moz-transition:all .2s ease-in; 
	-o-transition:all .2s ease-in; 
	transition:all .2s ease-in;
}





/* FOOTER PRIMARY NAV STYLES */

.footer-primary-nav {
	width: 100%;
}

.footer-primary-menu {
	float:left;
    width:100%;
	padding: 15px 0px 10px 0px;
	overflow:hidden;
	position:relative;
}

.footer-primary-menu ul#menu-footer-primary-menu { 
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	left:50%;
	text-align:center;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px; 
	font-weight: 700; 
	color: #535353;
	text-transform: uppercase;
	position: relative;
}

.footer-primary-menu ul#menu-footer-primary-menu li {
	display:block;
	float:left;
	list-style:none;
	padding: 0px 0px 8px 0px; 
	margin: 0px 0px 0px 0px;
	position:relative;
	background-image: none;
	right:50%;
	border-bottom: 4px solid #e3e3e3;
}

.footer-primary-menu ul#menu-footer-primary-menu li.menu-item a:link, 
.footer-primary-menu ul#menu-footer-primary-menu li.menu-item a:visited {
	color: #535353;
	text-decoration: none;  
	display: block; 
	float: right; 
	padding: 2px 2px 2px 2px;
	margin: 0px 10px 0px 10px;
}

.footer-primary-menu ul#menu-footer-primary-menu li.menu-item a:hover { 
	color: #9f329e;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.footer-primary-menu ul#menu-footer-primary-menu li.current-menu-item a:link,
.footer-primary-menu ul#menu-footer-primary-menu li.current-menu-item a:visited { 
	color: #9f329e;
}

.footer-primary-menu ul#menu-footer-primary-menu li.current-menu-item a:hover { 
	color: #9f329e;
}




/* FOOTER SECONDARY NAV STYLES */

.footer-secondary-nav {
	width: 100%;
}

.footer-secondary-menu {
	float:left;
    width:100%;
	padding: 0px 0px 10px 0px;
	overflow:hidden;
	position:relative;
}

.footer-secondary-menu ul#menu-footer-secondary-menu { 
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	left:50%;
	text-align:center;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px; 
	font-weight: 400; 
	color: #767676;
	text-transform: uppercase;
	position: relative;
}

.footer-secondary-menu ul#menu-footer-secondary-menu li {
	display:block;
	float:left;
	list-style:none;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-image: none;
	position:relative;
	right:50%;
}

.footer-secondary-menu ul#menu-footer-secondary-menu li.menu-item a:link, 
.footer-secondary-menu ul#menu-footer-secondary-menu li.menu-item a:visited {
	color: #767676;
	text-decoration: none;  
	display: block; 
	float: right; 
	padding: 2px 2px 2px 2px;
	margin: 0px 8px 0px 8px;
}

.footer-secondary-menu ul#menu-footer-secondary-menu li.menu-item a:hover { 
	color: #9f329e;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.footer-secondary-menu ul#menu-footer-secondary-menu li.current-menu-item a:link,
.footer-secondary-menu ul#menu-footer-secondary-menu li.current-menu-item a:visited { 
	color: #9f329e;
}

.footer-secondary-menu ul#menu-footer-secondary-menu li.current-menu-item a:hover { 
	color: #9f329e;
}






/* PAGINATION */

.pagination {
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	position:relative;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 3px 2px 0px;
	padding: 4px 7px 4px 7px;
	text-decoration: none;
	text-align:center;
	color: #fff;
	background-color: #858585;
	position:relative;
}

.pagination a:hover{
	color: #fff;
	background: #9f329e;
}

.pagination .current{
	background-color: #7ab1e1;
	color: #fff;
}






/* FORM STYLES */

.wpcf7 p {
	line-height: 15px !important;
}

input.wpcf7-text {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 22px;
	color: #4f9ab8;
	text-align: left;
	width: 350px;
	padding: 4px;
	border: 3px solid #dbd9d2;
	margin: 6px 0px 0px 0px;
	background-color: #ffffff;
}

input.wpcf7-file {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 22px;
	color: #4f9ab8;
	text-align: left;
	width: 350px;
	padding: 0px;
	margin: 6px 0px 12px 0px;
}

textarea,
textarea.wpcf7-textarea {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 22px;
	color: #4f9ab8;
	text-align: left;
	width: 400px;
	padding: 4px;
	height: 120px;
	border: 3px solid #dbd9d2;
	margin: 6px 0px 0px 0px;
	background-color: #ffffff;
}

.wpcf7-list-item { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 18px;
	color: #4f9ab8;
	text-align: left;
	padding-right: 13px;
	margin: 0px 0px 0px 0px !important;
}

input[type=submit] {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	line-height: 15px;
	text-align: left;
	border: 0px solid;
	text-transform: uppercase;
	padding: 14px 36px 15px 36px;
	background-color: #a0439f;
	margin: 10px 0px 16px 0px;
	cursor: pointer;
}

.wpcf7-response-output { 
	font-family: 'Lato', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0px;
	width: 375px;
	background-color: #f00;
	line-height: 17px;
	padding: 18px !important;
	border: none !important;
	margin: 0px 0px 20px 0px !important;
}

span.wpcf7-not-valid-tip {
	color: #f00 !important;
	font-size: 1em !important;
}

p img.ajax-loader {
	width: 16px !important;
	height: auto;
}










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

.primary-menu ul#menu-primary-menu ul.sub-menu {
	margin: 50px 0px 0px -120px;
}

.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.menu-item a:link, 
.primary-menu ul#menu-primary-menu li.menu-item ul.sub-menu li.menu-item a:visited {
	text-align: right;
	padding: 7px 10px 7px 15px; 
	width: 190px; 
}

}





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

.primary-nav {
	top: 10px;
	right: 20px;
}

.primary-menu ul#menu-primary-menu li.menu-item a:link, 
.primary-menu ul#menu-primary-menu li.menu-item a:visited {
	margin: 13px 0px 20px 20px;
}

.primary-menu ul#menu-primary-menu ul.sub-menu {
	display: none;
}

.primary-menu ul#menu-primary-menu li ul.sub-menu li {
	display: none;
}

.primary-menu ul#menu-primary-menu li:hover ul.sub-menu {
	display: none;
}

.header {
	height: 220px;
}

#logo {
	top: 76px;
	left: 20px;
}

#slogan {
	top: 85px;
	left: 210px;
}

#telephone-number-na {
	top: 81px;
	right: 21px;
}

#telephone-number-europe {
	top: 101px;
	right: 20px;
}

.search {
	bottom: 0px;
	right: 20px;
}

}