/* Base */
* {outline:none;}
html, body {height: 100%;}
body {font-family: 'Open Sans', sans-serif;font-size: 15px;line-height: 1.6;color: #404040;background-color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
h3.section-title {text-align: center;font-size: 40px;color: #025391;}}
h1.section-title {text-align: center;font-size: 40px;color: #025391;}

a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}


/* Header */
.top {background-color: #404040;padding: 5px 0;color: #fff;}
.top p {margin: 0;}
.top ul {margin: 0;padding: 0;}
.top li i {color: #fff;}
.top li a {color: #fff;}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #004070;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

/* Facebook logo */
.fa {
    padding: 5px;
    font-size: 15px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    background: #3B5998;
  color: white;
}

/* Services */

.service {
    background-color: #fff;
    margin-top: 65px ;
    font-size: 30px;
    font-weight: bold;
    color: #004070;
    position: relative;
    left: auto;
    top: 50%;

}

.service1 {
    background-color: #fff;
    margin-top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
    left: auto;
    top: 50%;
}

.topproduct-img {
    height: 250px;
    margin: 0px auto;
}

.bottomproduct-img {
    height: 150px;
    margin: 0px auto;
}

.bottleproduct-img {
    height: 250px;
    margin: 0px auto;
}

.tetrapakproduct-img {
    height: 350px;
    margin: 0px auto;
}
.service3 {
  background-color: #fff;
  margin-top: 30px ;
  font-size: 30px;
  font-weight: bold;
  color: #004070;
  position: relative;
  left: auto;
  top: 50%;
}

.service4 {
  background-color: #fff;
  margin-top: 10px ;
  font-size: 20px;
  font-weight: bold;
  color: #004070;
  position: relative;
  left: 50%;
  top: 50%;
}

.goclick{
    position: relatice;
    z-index: 9;
}








/* Navigation */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #e7e7e7;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #404040;font-weight: normal;font-size: 13px;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #005FA6;background-color: transparent;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #f3f3f3;}
.navbar-default .navbar-toggle i {font-size: 31px;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-left: 0;padding-right: 0;}
.navbar-brand>img {padding: 5px;}

@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768 px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #005FA6;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #404040;line-height: 1.12857143;font-size: 12px;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #005FA6;background-color: transparent;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {.main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}.main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {.main-navbar-nav > li {border-bottom: 1px solid #f3f3f3;}.main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {.navbar-toggle {display: block;}.navbar-collapse.collapse {display: none !important;}.main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}.navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}}

/* DrWhoM entrance */
.entrance_content {background-image: url(http://i.imgur.com/yxfortg.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 475px;padding: 0;}
/* DrWhoM plant */
.plant_content {background-image: url(industrial-ro-systems.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;opacity:0.7; height: 475px;padding: 0;}
/* Trees */
.trees_content {background-image: url(trees.png);background-position: center center;background-repeat: no-repeat;background-size: cover; height: 450px;padding: 10;}
/* PET Filling */
.PET_content {background-image: url(PET_Filling.png);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 475px;padding: 0;}
/* DrWhoM Sustainability_Banner */
.sustainability_content {background-image: url(sustainability_banner.png);background-position: center center;background-repeat: no-repeat;background-size: cover;opacity:0.7;height: 450px;padding: 0;}


 
/* Home */
.Company {padding-top: 30px;padding-bottom: 50px;}
h1.section-title {text-align: center;font-size: 40px;color: #025391;}
.Company p.desc {text-align: center;font-size: 20px;margin-bottom: 20px;color: #404040;}

/* Certifications */
.home_content {background-color: #d5eaf756}
.home_content h2 {relative;font-size: 17px;font-weight: 600;padding-bottom: 20px;color: #0f0000;margin-bottom: 30px;}

/** CSS-LIGHTBOX MARKUP **/
.csslightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.csslightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}
.csslightbox:target {
	outline: none;
	display: block;
}

/* Footer */
footer.site-footer {background: #e6e6e6;padding: 20px 0 0;float: left;width: 100%;}
footer.site-footer h4 {font-size: 17px;font-weight: bold;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #666;font-size: 11px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #666;}
p.text {color: #666;}
#copyright {background: #404040;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #fff;font-size: 12px;}


/* Breadcrumb (sub heading) */
.bread_area {border-bottom: 1px solid #e7e7e7;padding: 10px 0;margin-bottom: 10px;}
.breadcrumb {margin: 0;background: #fff;padding: 0;}

/* Pages */
.page-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px; color: #000000}
h2,h3 {color: #025391}
h3.section-title {text-align: center;font-size: 40px}