.hidden { display: none }
::selection { background: rgb(0,172,236); color: #fff }
::-moz-selection {
background:rgb(0,172,236);
color:#fff
}
img::selection { background: transparent; color: #fff }
img::-moz-selection {
background:transparent;
color:#fff
}
body { -webkit-tap-highlight-color: rgb(0,172,236); color: #fff }

::-webkit-input-placeholder {
color:#191919;
opacity:1
}
::-moz-placeholder {
color:#191919;
opacity:1
}
:-ms-input-placeholder {
color:#191919;
opacity:1
}
input:-moz-placeholder {
color:#191919;
opacity:1
}
* { position: relative; border: 0; outline: none; text-decoration: none; border-spacing: 0; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "museo-sans", sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; color: #5f6168 }
body { background: #fff }
.clear { clear: both }
.holder { min-width: 1080px; overflow-x: hidden }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Rokkitt", sans-serif; }
h1, h2 { font-size: 44px; text-align: center; margin-bottom: 30px }
h1 { color: #284c96; }
h2 { color: #fff; }
.right, .distributor, .website { float: right; }
.left { float: left; }
.col { width: 100%; }
.col-1 { width: 940px; margin: 0 auto; padding: 0 10px; }
.fa-stack { float: right; line-height: 1.2em!important; }
.fa-sm { font-size: 1em; }
hr { width: 100%; height: 7px; background: #2a4a8d; }
.logo { float: left; margin: 17px 0 20px 0; max-width:200px }
.logo img{ width:100%;height:auto }
.menus { float: right; margin:27px 0; }
.menu-bottom { margin-top: 17px;/*overflow: hidden;*/ }
.menu-bottom ul { display: table; float: right; }
.menu-bottom ul li, .menu-top li { list-style: none; float: left; }
.menu-bottom ul li a { font-family: "Rokkitt", sans-serif; font-weight: bold; font-size: 24px; color: #284c96; padding: 10px 15px; }
.menu-bottom ul.nav li > a:hover, .menu-bottom ul li.active > a, .menu-bottom ul li.open > a, .menu-bottom ul.nav li ul li a:hover, .menu-bottom ul li ul li.active a { color: #00b3ff; }
.menu-bottom li:last-child a { padding: 10px 0 10px 15px; }
.menu-bottom ul li ul { padding: 5px 0; }
.menu-bottom ul li:hover ul { display: block; }
.menu-bottom ul li ul { position: absolute; left: 0; top: 35px; background: #e9edf4; display: none; min-width: 100%; z-index: 120; }
.menu-bottom ul.nav li.parent:hover a, .menu-bottom ul.nav li.parent a:hover, .menu-bottom ul li.parent.open a { background: url("../images/bg-menu-hover.png") bottom center no-repeat; }
.menu-bottom ul li ul li { white-space: nowrap; display: block; margin: 5px 0; padding: 0; line-height: 30px; width: 100%; z-index: 10 }
.menu-bottom ul li ul li a { white-space: nowrap; margin: 0; padding: 10px 15px; }
.menu-bottom ul li ul li a:last-child { padding: 10px 15px; }
.shadow { -webkit-box-shadow: 0px 5px 5px rgba(59, 59, 59, 0.5); -moz-box-shadow: 0px 5px 5px rgba(59, 59, 59, 0.5); box-shadow: 0px 5px 5px rgba(59, 59, 59, 0.5); z-index: 10; }
.shadow-top { -webkit-box-shadow: 0px -5px 5px rgba(59, 59, 59, 0.3); -moz-box-shadow: 0px -5px 5px rgba(59, 59, 59, 0.3); box-shadow: 0px -5px 5px rgba(59, 59, 59, 0.3); }
.shadow-pro { -webkit-box-shadow: 0px 0px 5px 3px rgba(59, 59, 59, 0.3); -moz-box-shadow: 0px 0px 5px 3px rgba(59, 59, 59, 0.3); box-shadow: 0px 0px 5px 3px rgba(59, 59, 59, 0.3); }
.menu-top { background: #e9edf4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 20px; float: right }
.menu-top ul { float: left; }
.menu-top ul li { line-height: 37px; font-weight: 300; font-size: 18px; color: #284c96; float: left; }
.menu-top ul li.line { background: url("../images/shadow.png") no-repeat center right; padding: 0px 20px 0 0; margin-right: 20px; }
.menu-top li a { padding: 0 30px; color: #284c96; }
.menu-top li a:hover { color: #009de0; }
.menu-top li a:first-child { padding: 0 30px 0 0; }
.menu-top .icon-email { background: url("../images/icon-email.png") no-repeat 0 0; width: 26px; height: 18px; padding: 0!important; text-indent: -999em; display: block; margin-top: 9px; }
.menu-top .icon-email:hover { background: url("../images/icon-email.png") no-repeat 0 -22px; }
.slideshow { width: 100%; background: url("../images/background-slide.jpg") repeat-x; height: 485px; z-index: 1 }
.slideshow .slider { width: 1600px; margin: 0 auto; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) }
.slideshow .camera_wrap { float: none!important; }
.slideshow .slider .camera_text .big { font-family: "Rokkitt", sans-serif; font-size: 50px; line-height: 60px; margin-bottom: 5px; width: 450px; }
.slideshow .slider .camera_text .small { font-size: 23px; line-height: 35px; width: 400px; }
.slideshow .slider .camera_text button { font-family: "Rokkitt", sans-serif; padding: 10px 25px; color: #284c96; font-size: 23px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; background: #fff; margin-top: 20px; transition: background 0.7s; -webkit-transition: background 0.7s }
.slideshow .slider .camera_text button:hover { color: #fff; background: #009de0; }
.slideshow .cameracurrent { display: table!important; }
.slideshow .cameraContent { width: 960px; height: 100%; margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.slideshow .camera_caption { width: 450px; color: #fff; vertical-align: middle; display: table-cell; position: relative; }
.slideshow .camera_caption > div { padding: 0; background: none; }
.padding { padding: 50px 0; }
.padding p { text-align: center; font-size: 18px; font-weight: 400; line-height: 25px; width: 900px; margin: 0 auto; }
.products, .casestudies { background: #009de0; padding: 50px 0; overflow: auto; }
.products .item, .casestudies .item { width: 309px; height: 380px; float: left; margin: 0px 6px 5px 0; background: #fff; }
.products .item:nth-child(3n+1), .casestudies .item:nth-child(3n) { margin: 0px 0 5px 0; }
.products .item .image, .casestudies .item .image { height: 208px; overflow: hidden; }
.products .item .image img, .casestudies .item .image img { overflow: hidden; width: 313px; }
.products .item .image .overlay, .casestudies .item .image .overlay { height: 208px; width: 100%; background: url("../images/overlay.png") no-repeat; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; transition: opacity 1s; -webkit-transition: opacity 1s; /* Safari */ }
.products .item h3, .casestudies .item h3 { font-size: 24px; font-weight: bold; text-align: center; color: #284c96; margin: 26px 0 15px 0; padding: 0 20px; }
.products .item .image:hover .overlay, .casestudies .item .image:hover .overlay { opacity: 1; }
.products .item p, .casestudies .item p { text-align: center; font-size: 16px; line-height: 20px; padding: 0 20px; margin: 0 auto; }
.casestudies .item { height: 310px; }
.booking { padding: 35px 0; background: #d1d3d8; font-family: "Rokkitt", sans-serif; overflow: auto; }
.appointment { font-weight: bold; font-size: 30px; display: inline-block; *display: inline;
zoom: 1; line-height: normal; }
.appointment span { color: #284c96; }
.booking a.button, .contact .btn { background: #284c96; width: auto; height: 45px; font-family: "Rokkitt", sans-serif; font-size: 23px; cursor: pointer; display: inline-block; *display: inline;
zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.7s; -webkit-transition: background 0.7s }
.booking a.button:hover, .contact .btn:hover { background: #009de0; }
.booking a.button { color: #fff; vertical-align: middle; padding: 10px 12px; height: auto; margin-top: -6px; }
.big-footer { background: url("../images/background-footer.png") repeat-x top center, url("../images/background-footer.png") repeat-x center bottom, #01052a url("../images/background-footer.jpg") no-repeat center center; color: #fff; padding: 35px 0; }

.big-footer a{color:#fff}
.big-footer a:hover{color:#009de0}

.big-footer .item { width: 304px; margin: 0 13px 0 0; }
.big-footer .item:last-child { margin: 0; }
.big-footer .item h3 { font-size: 24px; font-weight: 900; color: #009de0; margin-bottom: 16px; }
.big-footer .item table { border-collapse: collapse; }
.big-footer .item table td { vertical-align: text-top; }
.big-footer ul li { list-style: none; }
.big-footer ul li a { color: #009de0; font-size: 24px; font-family: "Rokkitt", sans-serif; }
.big-footer ul li ul { margin-top: 16px; }
.big-footer ul li ul li a { font-size: 16px; font-family: "museo-sans", sans-serif; color: #fff; }
.big-footer ul li ul li a:hover { color: #009de0; }
.big-footer ul li.item-136, .big-footer ul li.item-137, .big-footer ul li.item-138, .big-footer ul li.item-115, .big-footer ul li.item-123, .big-footer ul li.item-129, .menu-bottom ul li.item-123 { display: none; }
{
display:none;
}
.big-footer .item.right p { color: #009de0; font-size: 16px; margin: 16px 0 10px 0; }
.footer .col-1, .big-footer .col-1, .booking .col-1 { width: 940px; }
.footer { background: #1a1a1a; height: 66px; color: #fff; line-height: 66px; font-size: 10px; }
.footer a { color: #fff; }
a { color: #284c96; transition: color 0.5s; -webkit-transition: color 0.5s }
a:hover { color: #009de0 }
/* Follower Template */
.article, .contact { text-align: left; padding: 40px 0; overflow: auto; }
.article h1, .contact h1, .category h1 { color: #009de0; text-align: left; font-size: 38px; margin-bottom: 20px; }
.article h2, .contact h2, .category h2 { color: #009de0; text-align: left; font-size: 38px; margin-bottom: 20px; }
.article .text { width: 622px; }
.article .text p, .contact p { padding: 10px 0; font-size: 16px; line-height: 23px; }
.article h3 { padding: 20px 0 5px 0; color: #009de0; font-size: 38px; }
.article h3:first-child { padding: 0 0 5px 0; }
.article h4 { padding: 10px 0 0 0; display: inline-block; color: #009de0; font-size: 24px; }
.article h5 { padding: 10px 0 0 0; display: inline-block; color: #5F6168; font-weight: 400; font-size: 20px; }
div[class*='project-'], div[class*='casestudies-'] { padding: 40px 0; overflow: hidden; background: url("/templates/home/images/shadow-products.png") no-repeat bottom center; }
div[class*='pyronics-'] { padding: 5px 0; overflow: auto; }
div[class*='pyronics-'] h3 { margin: 25px 0px 5px; }
.category { padding: 40px 0 20px 0; overflow: auto; }
div[class*='project-']:last-child, div[class*='pyronics-']:last-child { margin-bottom: 40px; background: none; }
div[class*='project-'] .left .text, div[class*='casestudies-'] .left .text { width: 590px; }
div[class*='pyronics-'] .none .text, div[class*='pyronics-'] .none .text table { width: 100%; }
div[class*='pyronics-'] .none .text { display: none; }
div[class*='pyronics-'] .none .text table thead { background: #009DE0; color: #fff; font-weight: 700 }
div[class*='pyronics-'] .none .text span { color: #cc0000; }
div[class*='pyronics-'] .none .text table thead td, div[class*='pyronics-'] .none .text table tbody td { padding: 5px; }
div[class*='pyronics-'] .none .text table tbody tr:nth-child(even) { background: #D1D3D8; }
div[class*='project-'] .left .text p, div[class*='casestudies-'] .left .text p, div[class*='pyronics-'] .none .text p { padding: 10px 0; font-size: 16px; line-height: 25px; }
div[class*='project-'] .left .abm { margin-bottom: 20px; color: #009de0; font-size: 18px; }
div[class*='project-'] .left .icon-abm { background: url("/templates/home/images/icon-abm.png") no-repeat left center; text-indent: -9999em; display: inline-block; width: 48px; height: 13px; }
div[class*='project-'] .left h2, div[class*='casestudies-'] .left h2 { text-align: left; color: #284c96; font-size: 24px; }
div[class*='pyronics-'] .none h2 { text-align: left; color: #fff; font-size: 24px; background: #284c96; padding: 10px; margin-bottom: 15px; cursor: pointer; }
div[class*='pyronics-'] .none h2:after { content: ""; display: block; }
div[class*='casestudies-'] .left h2 { margin-top: 30px; margin-bottom: 20px; }
div[class*='casestudies-'] .left h2:first-child { margin-top: 0; }
div[id*='slider-container-'] { cursor: url('https://mail.google.com/mail/images/2/openhand.cur'), move; }
.table-project { display: table; width: 306px; }
.table-project h1 { font-size: 34px; line-height: normal; text-align: left; }
.table-project .row { display: block; margin-bottom: 20px; }
.table-project .row strong { color: #284c96; }
.table-project .row .td { display: block; width: 153px; }
.table-project .row p { text-align: left!important; width: 306px!important; font-size: 15px; }
.table-project .row ul { width: 306px!important; }
.table-project .row ul li { padding-left: 5px; font-size: 15px; font-weight: 400 }
.intro { margin: 0 0 20px 0; width: 306px; }
.intro table tr td { vertical-align: text-top; height: 30px }
.intro .text table tr td:first-child { width: 106px; }
.intro .text table tr td:last-child { width: 200px; }
.category .text table strong, .intro .text table strong { color: #284c96; }
.category .text td { width: 50%; padding: 10px 0; vertical-align: top }
div[class*='casestudies-'] { background: none; }
.text ul { margin: 0 0 10px 0; }
.text ul li { margin: 5px 0 0 0; list-style: inside; font-size: 16px; padding-left: 30px; }
.text ul li:first-child { margin: 0; }
.category .text p { font-size: 16px; line-height: 25px; padding: 5px 0; }
.category .text p:first-child { padding: 0 0 10px 0; }
.breadcrumb { height: 100px; width: 100%; background: url("/templates/home/images/breadcrumb-bg.jpg") no-repeat center center, url("/templates/home/images/breadcrumb-bg-2.jpg") repeat-x center center; z-index: 1; }
.breadcrumb ul { float: right; margin: 43px 0 0 0; }
.breadcrumb li { float: left; list-style: none; font-size: 16px; color: #00b3ff; }
.breadcrumb li a, .breadcrumb li .divider { color: #fff; padding: 0 5px; }
.breadcrumb .title h2 { text-align: left; float: left; line-height: 100px; margin-bottom: 0px; }
.contact .left { width: 580px; }
.contact .right { width: 340px; }
.contact .sales { margin-top: 35px; }
.contact .sales .left { width: auto; margin-left: 0; }
.contact .sales .right { width: 420px; margin-left: 0; }
.contact .left strong, .contact label { color: #284c96; font-size: 16px; }
.contact .input { margin: 5px 0 20px 0; }
.contact .input:first-child { margin: 0 0 20px 0; }
.contact .input:last-child { margin: 5px 0 0 0; }
.contact label { font-weight: bold; }
.contact label.error { color: red; font-weight: normal; }
.contact .btn { width: 216px; color: #fff; }
.contact .inputbox { font-family: "museo-sans", sans-serif; font-size: 14px; font-weight: 300; display: block; width: 315px; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; }
#map { width: 100%; height: 280px; z-index: 0; }
.donwloads { width: 306px; }
.donwloads .item .image { width: 306px; overflow: hidden; }
.donwloads .item .image img { width: 306px; display: block; }
.donwloads .item .title { font-family: "Rokkitt", sans-serif; width: 100%; padding: 15px 0; text-align: center; color: #fff; background: #284c96; font-weight: bold; font-size: 16px; }
.donwloads .donwload { width: 100%; background: #009de0; color: #fff; font-family: "Rokkitt", sans-serif; padding: 15px 0; text-align: center; font-weight: bold; font-size: 16px; margin-top: 5px; transition: background 1s; -webkit-transition: background 1s; }
.donwload:hover { background: #284c96; }
.donwloads .donwload a { color: #fff; }
.donwloads .icon-download { background: transparent url("/templates/home/images/icon-download.png") no-repeat left center; text-indent: -9999em; display: inline-block; width: 20px; }
.gallery-project { width: 590px!important; }
.gallery-project .caroufredsel_wrapper { width: 100%; }
.gallery-project .slider img { max-width: 590px; width: 590px; display: block; margin: 0 auto; }
.gallery-project .slide { width: 100%; height: 443px; overflow: hidden; }
.gallery-project .caption { background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0% 0% transparent; bottom: 0px; color: #FFF; display: block; left: 0px; padding: 10px; position: absolute; width: 100%; word-wrap: break-word; }
.gallery-thumbs { max-width: 590px; padding-top: 20px; height: 100px; text-align: center; }
.gallery-thumbs .slide { display: inline-block; width: 100px!important; height: 100px; margin: 0 10px; }
.gallery-thumbs .slide:first-child { margin: 0 10px 0 0; }
.gallery-thumbs .slide img { width: 100px; height: 100px; display: block; opacity: 0.6; transition: opacity 1s; -webkit-transition: opacity 1s; }
.gallery-thumbs .slide img:hover { opacity: 1; }
a.gallery-prev.main { position: absolute; float: left; left: 30px; top: 50%; margin-top: -14px; background: url("../images/camera/arrows-black.png") no-repeat 0 0; display: block; height: 28px; width: 14px; }
a.gallery-next.main { position: absolute; float: right; right: 30px; top: 50%; margin-top: -14px; background: url("../images/camera/arrows-black.png") no-repeat -15px 0; display: block; height: 28px; width: 14px; }
a.arrows span { text-align: left; text-indent: -999em; display: block; cursor: pointer; }
/* Infographics */
.infographics .item { z-index: 900; width: 220px; height: 218px; overflow: hidden; }
.infographics .image { width: 220px; height: 182px; overflow: hidden; }
.infographics .image img { width: 220px; }
.infographics .item .title { font-family: "Rokkitt", sans-serif; width: 100%; padding: 8px 0; text-align: center; color: #fff; background: #284c96; font-weight: bold; font-size: 15px; position: absolute; bottom: 0px; height: 21px; }
.infographics .tank a.readmore, .infographics .tank-landfillgas a.readmore { display: block; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; color: #f5f5f5; background: #009DE0; width: 100px; margin: 10px auto; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 3px; }
.tank { width: 100%; height: 930px; position: relative; }
.bg { background: url('/images/flow-chart-biogas.png'); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index : 100; }
.tank-landfillgas { width: 100%; height: 590px; position: relative; }
.bg-landfillgas { background: url('/images/flow-chart-landfillgas.png'); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
.tube { background: trasparent; position: absolute; }
.tube.x { height: 20px; }
.tube.y { width: 20px; }
.water { background: #dbce10; position: absolute; }
.water.left { left: 0; }
.water.right { right: 0; }
.water.top { top: 0; }
.water.bottom { bottom: 0; }
.x .water { height: 20px; }
.y .water { width: 20px; }
#owl-demo img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.owl-controls { position: absolute; bottom: -65px; display: block; height: 10px; width: 100%; }
.owl-controls .owl-pagination { display:table; margin:10px auto; }
.owl-controls .owl-pagination .owl-page { margin:0 5px; width: 14px; height: 14px; background-color: #5F6168; border-radius: 50%; display: inline-block; box-shadow: 0px 0px 2px 1px rgba(59, 59, 59, 0.3); opacity:.7; }
.owl-controls .owl-pagination .owl-page.active, .owl-controls .owl-pagination .owl-page:hover { background-color:#284C96; opacity:1; } 
.owl-carousel { background-color:#284C96; }

.onerow h2 { color: #284c96;margin-top:30px }