@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,600');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed&display=swap');

@import 'font-awesome.css';

/* Clear CSS */
.clearfix { }
.clear { clear:both;}
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

a { color: #1c4935;}

.row:before, .row:after {display: none !important; width:0px; height:0px;}

/*-----------------------------Common CSS END-----------------------------*/

body { background:#fff; font-size:13px; font-family: 'Montserrat'; font-weight:400; color:#1d1d1d; word-wrap:break-word; margin:0px; padding:0px; width:100%; height:100%;}


.sm_megamenu_dropdown_fullwidth ul { margin: 0; padding: 0;}
.sm_megamenu_dropdown_fullwidth ul li { list-style: none; line-height: 30px;}
.sm_megamenu_dropdown_fullwidth ul li a { font-weight: 300; color: #666; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; border-bottom: 2px solid transparent; padding: 4px 0; font-size: 16px;}
.sm_megamenu_dropdown_fullwidth ul li a:hover { border-color: #1c4935;}

section.wwd { padding: 30px 0;}
section.wwd h2, h2.sm-title { font-size: 20px; margin: 0 0 15px; padding: 0; font-weight: 600;}
section.wwd img { margin: 0 auto;}

section.social-media { padding: 40px 0;}
section.social-media .sm-box { height: 500px; overflow: hidden; overflow-y: scroll;}

.lis-title h2 { font-size: 20px; margin: 0 0 15px; padding: 0; font-weight: 600;}
.lis-title a { text-align: right; float: right; border-bottom: 1px solid #1d1d1d; font-size: 14px; font-weight: 300;}

section.lis { padding: 30px 0;}
section.lis .lis-title a:hover { color: #1d1d1d;}
section.lis .story-box i { font-style: normal; font-weight: 100; font-size: 12px; margin: 0; padding: 5px 0; display: block;}
section.lis .story-box p { font-size: 14px; font-weight: 300; margin: 0 0 8px;}
section.lis .story-box a, .news-box a { font-size: 13px; border-bottom: 1px solid #1d1d1d; font-weight: 300;}
section.lis .story-box a:hover, .news-box a:hover { color: #1d1d1d;}

.news-box { background: #f2f2f2; min-height: 120px; padding: 15px; margin: 0 15px;}
.news-box i { font-style: normal; font-weight: 300; font-size: 12px; margin: 0; padding: 5px 0; display: block; }
.news-box p { font-size: 13px; font-weight: 300; margin: 0 0 8px;}

section.page-img { background: #f4f4f4;}

.page-breadcrumb { background: #e6e6e6; padding: 25px 0;}
.breadcrumbs li { display: block; float: left; font-size: 12px; margin-right: 12px; text-transform: uppercase;}
.breadcrumbs li + li::before { color: #909090; content: "/"; padding-right: 12px;}
.breadcrumbs li a { color: #333; font-family: 'Montserrat'!important; font-size: 12px;}
.breadcrumbs li a:hover, .breadcrumbs li span { color: #1c4935;}

section.page-text { min-height: 450px; font-size: 16px; line-height: 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #555;}
section.page-text h2.p-title { text-transform: uppercase; }

.page-box { margin-top: 20px; position: relative; overflow: hidden;}
.page-box .box-details { background: rgba(0,0,0,0.8); position: absolute; bottom: -67px; left: 0; width: 100%; color: #fff; padding: 0 15px 15px; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;}
.page-box .box-details h3 { font-size: 17px; font-weight: 600; margin: 0; padding: 0; line-height: 40px;}
.page-box .box-details p { font-size: 13px; font-weight: 300; margin: 0; padding: 0; line-height: 18px;}
.page-box .box-details a { float: right; font-weight: 400; font-size: 13px; border-bottom: 2px solid #fff; padding: 0 0 3px; line-height: 14px; color: #7eb69a}
.page-box .box-details a:hover { border-color: #7eb69a; color: #fff;}
.page-box:hover .box-details { bottom: 0;}


section.main-cats { padding: 30px 0 10px; background: #1c4935;}
.images-block { margin:0px 0 20px; width:100%; overflow:hidden; position:relative;}
.images-block .cat-link { background: rgba(0,0,0,0.8); position: absolute; bottom: -67px; left: 0; width: 100%; color: #fff; padding: 0 15px 15px; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;}
.images-block .cat-link h2 { margin: 0; padding: 0; font: 600 17px/40px Montserrat;}
.images-block .cat-link p { font-size: 13px; font-weight: 300; margin: 0; padding: 0; line-height: 18px;}
.images-block .cat-link a { float: right; font-weight: 400; font-size: 13px; border-bottom: 2px solid #fff; padding: 0 0 3px; line-height: 14px; color: #7eb69a}
.images-block .cat-link a:hover { border-color: #7eb69a; color: #fff;}
.images-block:hover .cat-link { bottom: 0;}

/*
.images-block .cat-link { background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; backface-visibility:hidden; transform:scale(0); opacity:0;}
.images-block .cat-name { padding:14% 0;}
.images-block .cat-link h2 { font-weight:400; text-transform:uppercase; color:#fff; font-size:20px; margin:18px 0 0; padding:0;}
.images-block .cat-link a { display:inline-block; line-height:38px; text-decoration:none; color:#fff; padding:0px;  font-weight:400; margin-top:10px; border-bottom: 2px solid #1c4935;}
.images-block .cat-link a:hover, .btm-img .btm-inner a:hover { border-color: #fff; color: #1c4935;}
.images-block:hover .cat-link { transform:scale(1); opacity:1;}
*/

section.certificates { background: #e9e9e9 url(../images/sgs-bg.jpg) center center no-repeat; padding: 50px 0;}
.cert-block { margin:0px 0 20px; width:100%; overflow:hidden; position:relative;}
.cert-block .cat-link { background: rgba(0,0,0,0.8); position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 0 15px 15px; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; min-height: 260px;}
.cert-block .cat-link h2 { margin: 0; padding: 0; font: 600 17px/40px 'Montserrat';}
.cert-block .cat-link p { font-size: 12px; font-weight: 300; margin: 0; padding: 0; line-height: 20px;}
.cert-block .cat-link a { float: right; font-weight: 400; font-size: 13px; border-bottom: 2px solid #fff; padding: 0 0 3px; line-height: 14px; color: #7eb69a;}
.cert-block .cat-link a:hover { border-color: #7eb69a; color: #fff;}

section.certificates .certif-img { overflow: hidden;}
section.certificates .certif-img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); opacity: 0.8;}

section.vh-bg { background: #d7e0dc; padding: 30px 0 10px;}
.vh-block { margin:0px 0 20px; width:100%; overflow:hidden; position:relative;}
.vh-block .cat-link { background: rgba(0,0,0,0.8); position: absolute; bottom: -67px; left: 0; width: 100%; color: #fff; padding: 0 15px 15px; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;}
.vh-block .cat-link h2 { margin: 0; padding: 0; font: 600 17px/40px Montserrat;}
.vh-block .cat-link p { font-size: 13px; font-weight: 300; margin: 0; padding: 0; line-height: 18px;}
.vh-block .cat-link a { float: right; font-weight: 400; font-size: 13px; border-bottom: 2px solid #fff; padding: 0 0 3px; line-height: 14px; color: #7eb69a}
.vh-block .cat-link a:hover { border-color: #7eb69a; color: #fff;}
.vh-block:hover .cat-link { bottom: 0;}


section.news { padding-top: 25px;}


.form-group label { display:none;}
.form-group { position:relative;}
fieldset .required:after { color:#d73105; content:"*"; font-size:12px; left:-16px; margin:0 0 0 5px; position:absolute; top:8px; font-weight:400;}
.form-group .input-text { background:#f7f7f7; display:block; border:1px solid #ccc; color:#000; font-weight:400; line-height:2.3rem; padding:1rem 1rem; width:100%; font-size:14px; box-shadow:none; vertical-align:baseline; outline:none; border-radius: 0;}
.form-group .input-text:hover, .form-group .input-text:focus { border-color:#1c4935;}
.submit-btn { text-align:right;}
.submit-btn button { background:#1c4935; color:#fff; text-transform:uppercase; font-size:14px; overflow:hidden; position:relative; display:inline-block; margin:0 0.25rem; padding:5px 30px; border-radius: 0; border: none;}
.submit-btn button:hover { background: #111; color: #fff;}

.work-summary-container {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/img_rhein_factory_view2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	transition: background-image ease-out .2s;
	overflow: hidden;
	position: relative
}

.work-summary-container .right-fill {
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background: #fff;
	background: rgba(255, 255, 255, .95)
}

.work-summary-container .desktop-links {
	display: inline-block;
	float: left;
	width: 100%;
	margin: -1px 0 0 0;
	padding: 0
}

.work-summary-container .mobile-links {
	display: none;
	float: left;
	width: 100%;
	margin: -1px 0 0 0;
	padding: 0
}

.work-summary-container .box {
	display: table;
	float: left;
	width: calc(25% - 2px);
	height: 303px;
	margin: 0;
	padding: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.work-summary-container .box:first-of-type {}

.work-summary-container .box:nth-of-type(4),
.work-summary-container .box:nth-of-type(8) {
	border-right: none;
	width: 25%
}

.work-summary-container .box:nth-of-type(5),
.work-summary-container .box:nth-of-type(6),
.work-summary-container .box:nth-of-type(7),
.work-summary-container .box:nth-of-type(8) {
	border-bottom: none
}

.work-summary-container .box .inner {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff;
	background: rgba(255, 255, 255, .95);
	transition: background ease-out .3s
}

.work-summary-container:hover .box .inner {
	background: rgba(255, 255, 255, .45)
}

.work-summary-container .box:hover .inner {
	transition: background ease-out 0s;
	background: rgba(255, 255, 255, .95)
}

.work-summary-container .box img {
	display: inline-block;
	width: 75%;
	height: auto;
	margin: 0;
	padding: 0;
	-webkit-backface-visibility: hidden;
	transition: all ease-out .2s;
	opacity: 1;
	position: relative;
	top: -10px
}

.work-summary-container:hover .box img {
	opacity: 0
}

.work-summary-container .box:hover img {
	transition: all ease-out .3s;
	opacity: 1
}

.work-summary-container .dresdon img {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75)
}

.work-summary-container .classique img {
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7)
}

.work-summary-container .zusa img {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75)
}

.work-summary-container .announcer img {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75)
}

.work-summary-container .codess img {
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7)
}

.work-summary-container .tony-owen-partners img {
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95)
}

.work-summary-container .espavita img {
	-webkit-transform: scale(.63);
	-moz-transform: scale(.63);
	-o-transform: scale(.63);
	transform: scale(.63)
}

.work-summary-container .williamson-chaseling img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.work-summary-container .box p {
	font-family: 'Auxin-Medium', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: gray;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	transition: all ease-out .2s;
	opacity: 0
}

.work-summary-container .box p:hover {}

.work-summary-container .box:hover p {
	opacity: 1
}





.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#fff !important; background:#1c4935; line-height:40px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s; z-index:9999;}
.cd-top:hover { background:#111;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { background:#111; opacity:1; color:#fff; }

footer { background: #222; padding: 30px 0;}
footer h2 { font-size: 16px; color: #fff; font-weight: 400; margin: 0 0 15px;}
footer ul { margin: 0; padding: 0;}
footer ul li { list-style: none; margin-bottom: 8px;}
footer ul li a, footer p a { font-size: 12px; font-weight: 300; color: #ccc;}
footer ul li a i { font-size: 14px; color: #1c4935;}
footer ul li a:hover, footer p a:hover { color: #1c4935; padding-left: 5px;}
footer p { color: #ccc; font-size: 12px; margin: 0 0 12px; font-weight: 300;}
footer p i { color: #1c4935; font-size: 16px; padding-right: 5px;}
section.cp-bg { background: #1c4935; padding: 15px 0; font-weight: 300;}
section.cp-bg p { margin: 0; padding: 0; line-height: 24px; color: #fff;}
section.cp-bg p a { font-weight: 400; color: #fff; font-size: 13px;}
section.cp-bg p a:hover { text-decoration: underline;}
section.cp-bg .copy-right { text-align: left;}
section.cp-bg .powered { text-align: right;}