@font-face {
    font-family: 'Frutiger';
    src: url(../fonts/frutigerlt45light-webfont.woff);
}

html {
	font-family: Helvetica, sans-serif;
}

/* ==============================================================
	UIKit Default Styling
============================================================== */

.uk-panel-box {
	color: #5c6b4c;
}

/* header */
/*
.menu-gjr .uk-parent > a:hover, 
.menu-gjr .uk-parent > a:focus{
	background: rgba(245,245,245,0.8);
	color: black;
}
*/
.tm-navbar .uk-navbar-nav li a{
height: 30px;
line-height: 30px;
}
.uk-dropdown-navbar .uk-nav-navbar li a{
	border: none;
	height: 24px;
	line-height: 24px;
	text-shadow: none;
}
.logo-membrane{
	color: #ffffff; 
	font-size: 18pt;
}
.menu-gjr li a{
	border-left: 1px solid #A59675;
	border-right: 1px solid #271C00;
}
.tm-navbar .uk-navbar-nav > li:first-child a{
	border-left: none;
	margin-left: -13px;
}
.tm-navbar .uk-navbar-nav > li:last-child a {
	border-right: 0;
}
.header-gjr{
	margin-top: 20px;
	margin-bottom: 0px;
	color: white;
	font-size: 30px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	font-weight: 100;
}
.header-gjr > .uk-panel{
	float: left;
	max-width: none;
}
body{
	background-image: url("../images/visuals_header_green_72dpi.jpg");
	background-position: center -245px;
/*	background-image: url("../images/waves.png"); 
	background-position: center -40px;*/
	background-repeat: no-repeat;
}
body.gjr-water-membranes {
	background-image: url("../images/visuals_header_blue_72dpi.jpg");
	background-position: center -245px;
}
.menu-gjr{
	background: none;
	margin-top: 0px;
}
.menu-gjr li>a,
.menu-gjr .uk-navbar-nav > li.uk-active > a{
	color: white;
	font-family: Arial, sans-serif;
	font-weight: bold;
/*	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); */
}
.menu-gjr .uk-navbar-nav > li:hover>a {
	background: rgba(0, 0, 0, 0.5);
	text-shadow: none;
	color: #fff;
}
.uk-navbar-nav > li.uk-open > a {
	text-decoration: underline;
}
.menu-gjr .uk-open > .uk-dropdown-navbar{
	background: rgba(0, 0, 0, 0.5);
	text-shadow: none;
}
.menu-gjr .uk-open a, 
.menu-gjr .uk-open a:hover{
	color: #fff;
}
.menu-gjr .uk-open a:hover {
	text-decoration: underline;
}
.menu-gjr li.uk-open > a,
.menu-gjr .uk-navbar-nav > li.uk-active.uk-open > a {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-shadow: none;
}
.slogun{ /* Is het niet slogan? */
	float: right;
	text-align: right;
	font-size: 19px;
	background: none;
	margin-top: 20px;
	line-height: 30px;
	color: #5c6b4c;
	font-family: myriad-pro, sans-serif;
	font-weight: 200;
	position: relative;
	z-index: 1;
}
.slogun p {
	margin: 0;
}
@media (min-width: 1220px){
	.slogun{
		font-size: 23px;
	}
}
@media (min-width: 763px){
	.slogun{
		margin-top: 20px;
	}
}
.uk-navbar-toggle{
	color: white;
}
.uk-navbar-toggle:hover{
	color: white;
}
.tm-logo-small img{
	margin-top: 10px;
	width: 70%;
}
@media (min-width: 761px){
	.gjr-pagetitlemob{
		display: none;
	}
}
.gjr-pagetitlemob{
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-align: center;	
	margin-top: 10px;
	text-shadow: 2px 2px 4px #000000;	
}
.gjr-readmore-tech h3{
	background-repeat: no-repeat;
}
/* footer */
.tm-bottom-b .uk-row-first{
	margin-top: 0px;
}

.gjr-footer .uk-panel-title {
    font-size: 14px;
    text-shadow: none;
    color: #026f53 !important;
}

.gjr-footer .uk-nav-side > li > a:hover, 
.gjr-footer .uk-nav-side > li > a:focus{
	background: none;
}
.gjr-footer .uk-nav > li > a{
	padding: 0px 5px;
}
.gjr-footer .uk-nav{
	margin-left: 10px;
} 
.gjr-footer .menu-sidebar{
	padding-left: 10px;
}
.gjr-footer{
	/*
	border-top: 1px solid #03916d;
	border-bottom: 1px solid #03916d;
	*/	
	-webkit-box-shadow: 0 6px 4px -2px #d2d2d2, inset  0 6px 4px -2px #d2d2d2;
	   -moz-box-shadow: 0 6px 4px -2px #d2d2d2, inset  0 6px 4px -2px #d2d2d2;
	        box-shadow: 0 6px 4px -2px #d2d2d2, inset  0 6px 4px -2px #d2d2d2;
	margin-top: 10px;
	padding: 20px 0;
}
.footer-info * * {
	color: #03916d !important;
}
.footer-info .uk-active:hover{
	background: none;
}
.tm-footer{
	margin: 10px 0px 0px 0px;
}
.footer-left{
	float: left;
	color: black;
	font-size: 10px;
}
.footer-right{
	float: right;
	color: black;
	font-size: 10px;
}
.tm-bottom-b .uk-row-first>div{
	padding-left: 0px;
}
/* general */
.uk-panel-box{
	background: none;
}
.black{
	color: black;
}
.gjr-footer .uk-nav li, .gjr-footer .menu-sidebar, .li-item-gjr{
	list-style-image: url("../images/fuji-bullet.gif")
}
.gjr-footer .uk-nav li a:hover, .gjr-footer .menu-sidebar a:hover{
	text-decoration: underline;
}
/* homepage */
/*
.gjr-readmore {
	font-size: 11px;
	line-height: 13px;
}
*/
.gjr-readmore p{
	margin: 5px 0px;
}

.gjr-readmore h3{
	margin-bottom: 10px;
}
.pos-links .read-more{
	color: red;
	font-weight: bold;
}
.readmore-icon{
	margin-left: 10px;
}
.uk-dropdown{
	padding: 0px 0px 0px 13px;
}
.fuji-lady img {
	margin-top: -117px;
	position: relative;
}
/* textual changes */
body{
	color: #5c6b4c;
}
.uk-panel-box.contact h3.uk-panel-title{
	color: #03916d;
	font-weight: 200;
	font-size: 25px;
	font-family: Helvetica, sans-serif;
}
/* overall pages*/
#tm-middle{
	margin-top: 190px;
}
.home #tm-middle{
	margin-top: 90px; 
}
.tm-sidebar-b .contact{
	border: 1px solid #d2d2d2;
	border-top: 10px solid #03916D;
	padding: 20px;
}
.tm-sidebar-b .contact img {
	border: 4px double #d2d2d2;
}
.tm-sidebar-b .contact a {
	color: rgb(92, 107, 76);
}
.tm-sidebar-b .contact p:after {
	content: "";
	display: table;
	clear: both;
}
.tm-sidebar-b .contact a.contactbutton{
	background: #fb0023;
	color: white;
	border: none;
	padding: 10px 20px;
	margin: 0;
}
.tm-sidebar-b .contact a.contactbutton:after {
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	margin-left: 10px;
	color: white;
}
.tm-sidebar-b .contact a.contactbutton:hover{
	color: white;
}
@media (max-width: 761px){
	#tm-top-a .uk-row-first {
		margin-top: 120px;
	}
    .fuji-lady img 
    {
	    margin-top: -30px;
        position: relative;
    }
}
.uk-panel-box{
	padding: 0px;
}
/* ZOO */

.yoo-zoo .uk-switcher:before,
.yoo-zoo .uk-switcher:after {
    display: table;
    content: "";
    line-height: 0;
}

.yoo-zoo .uk-switcher:after {
    clear: both;
}

.productpage-tab {
	border-bottom: 10px solid #efefef;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.element-relateditems .uk-margin {
	margin-top: 20px;
}
.element-itemlink a{
	color: red;
}
.element-itemlink::after{
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	margin-left: 10px;
	color: red;
}
.gjr-zoo-related {
	position: relative;
}

.gjr-zoo-related h4.gjr-zoo-title {
	font-size: 22px;
	top:4px;
	left: 6px;
	text-shadow: 0 0 4px rgba(0,0,0,0.75);
}

.gjr-zoo-related div.gjr-zoo-thumbnail img {
	max-width: 140px;
}

.gjr-zoo-teaser {
	position: relative;
	margin-top: 20px;
    width:150px;
}

.gjr-zoo-teaser .uk-margin {
	margin-top: 5px;
}

.gjr-zoo-teaser .uk-subnav{
	margin-top: -25px;
    display:none;
}

.gjr-zoo-title {
	position: absolute;
	left: 5px;
	color: white;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
}
.gjr-zoo-title a {
	color: white;
}
.gjr-zoo-title a:hover {
	text-decoration: none;
}

.product-fuji_3-water-membranes-technology .watermembranestitle .headtitle {
    font-size: 30px;
	font-family: 'Frutiger', sans-serif;
}

/* Contact page */
.meet{
	padding-left: 0px !important;
}
/* Sidebar */
.tm-sidebar-a .uk-panel-box:first-child {
	padding-top: 0;
}

.tm-sidebar-b .uk-panel-title {
    color: #03916d;
    font-size: 20px;
    width: 100%;
    font-weight: normal;
    padding-bottom: 8px;
}

.tm-sidebar-b .contact .uk-panel-title {
	border: none;
}
.uk-subnav > * {
    float: left;
    display: none;
}

/*blue energy calculator*/
/*
.slider_box {
    height: 230px;
    border: 1px solid #d2d2d2;
    margin-bottom: 15px;
}

.col {
    float: left;
    padding: 10px;
}
.slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 4px;
    border: 1px solid #d2d2d2;
}
.ui-slider-horizontal {
    height: 10px;
}
.slider {
    width: 456px;
    margin: 15px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.amount {
    margin: 15px;
}
#amount_total {
    color: #FB0023;
    margin-left: 10px;
}
.ui-slider-range.ui-widget-header.ui-slider-range-min {
    background-color: #03916D;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-range-min {
    background: #03916D;
}
.ui-widget-header {
    color: #222222;
    font-weight: bold;
}
a.ui-state-default {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
}

.ui-slider-range.ui-widget-header.ui-slider-range-min {
    background-color: #03916D;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-range-min {
    background: #03916D;
}
.ui-widget-header {
    color: #222222;
    font-weight: bold;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
a.ui-state-default {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
*/
/*blue energy calculator*/

.waterfeed{
    display: block;
    margin-top: 50px;
}

.uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #dddddd;
}

/*bec*/
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
    background-color: #03916D;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border:none;
    background:none;
    font-weight: normal;
    color: #fff;
}

/* =========================================================
	MODULES
========================================================= */

/* Contacts sidebar */

	.tm-contacts-sidebar td {
		vertical-align: top;
	}
	
	.tm-contacts-sidebar td:nth-child(even) {
		padding-left: 10px;
	}
	
	.tm-contacts-sidebar .tm-contacts-title {
		font-weight: bold;
		color: #03916D;
	}
	
/* =========================================================
	FORMS
========================================================= */

	/* Contact form (contactformulier) */
	
	.ccms_form_element input[type="submit"] {
		background-color: #fb0023;
		color: white;
		border: none;
        width:100%;
	}

/*form*/
#chronoform_Contactformulier
{
    background-color: #025D44;
    color: #fff;
    padding: 20px;
    overflow: hidden;
    width:75%;
}
.ready
{
    border-radius: 4px;
    width: 60%;
    float: right;
}
.readymessage
{
    border-radius: 4px;
    width: 60%;
    float: right;
    height:100px;
}
.cfdiv_submit {
    float: right;
    background-color: #fb0023;
    color: #fff;
    width:100px;
    padding:5px;
}
.cfdiv_header > h2{
    color:#fff;
    font-weight:400;
}
.ccms_form_element label
{
    font-size:14px;
}