/*
Theme Name:   Gasera 2018
Description:  Gasera lapsiteema
Author:       Panic Marketing
Author URI:   http://www.panic.fi
Template:     twentyfifteen
Version:      2.3.4
*/
@import url("../twentyfifteen/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
.we_are_hiring {position: relative;top: -4px;right: 0px;width: 100px;cursor:hand !important;}

/* Rakenne */
body:before {
z-index: -1;
right: 0;
left: auto;
direction: ltr;
display:block !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6e6+0,ffffff+60 */
/*background: #f2f6e6 !important; /* Old browsers */
/*background: -moz-linear-gradient(top,  #f2f6e6 0%, #ffffff 60%) !important; /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #f2f6e6 0%,#ffffff 60%) !important; /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #f2f6e6 0%,#ffffff 60%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6e6', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */
}
body {overflow-x: hidden;}
.sidebar {
position: relative !important;
    float: right;
    top: 130px !important;
    direction: ltr;
    width: -webkit-calc(50% - 289px);
    width: calc(50% - 289px);
    max-width: initial;
    padding-right: 40px;
    padding-left: 0px;
    overflow-x: hidden;
}
@media screen and (min-width: 59.6875em) and (max-width: 1400px) {
.sidebar {width: 29.4118% !important;}
}
.class-hide {display:none !important;}
.content-area {
min-height: 1200px;
}
.site-content {
float: right;
margin-right: 29.4118%;
margin-left: auto;
direction: ltr;
}
.site-footer {
float: right;
margin: 0 35.2941% 0 0;
direction: ltr;
}
.entry-content {background: #fff; padding-top: 30px;}
.nav-links .nav-previous {margin-bottom: 10px;}
.nav-links .meta-nav {font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif; font-weight: normal; letter-spacing: .6px; text-transform:uppercase;}
.nav-links .post-title {font-family:'Source Sans Pro', 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 1px;}
.hentry {padding: 0; box-shadow: none;}
.hentry .entry-header, .hentry .entry-content, .hentry .entry-footer {padding: 0;}
.hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6 {display: inline;}
li {margin-left: 20px; margin-bottom: 6px; list-style:square;}
.hentry h1:after, .hentry h2:after, .hentry h3:after, .hentry h4:after, .hentry h5:after, .hentry h6:after {content: ''; height: 10px;  display: block;}
.entry-title,
.widecolumn h2 {
font-size: 39px;
line-height: 1.2308;
margin-bottom: 1.2308em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 36px;
line-height: 1.2308;
margin-top: 1.641em;
margin-bottom: 0.8205em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 28px;
line-height: 1.25;
margin-top: 1em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 24px;
line-height: 1.1852;
margin-top: 1.1852em;
margin-bottom: 1.1852em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 21px;
line-height: 1.4545;
margin-top: 1.4545em;
margin-bottom: 1.4545em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 18px;
line-height: 1.2632;
margin-top: 1.6842em;
margin-bottom: 1.6842em;
}
.single .entry-content ul {display: table;}
/* Tekstityylit */
span.green {
    color: #a0af00;
}
a {transition: .3s;}
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {border-bottom: none; text-decoration: underline;}
a.button, span.white-button a, span.green-button a {display: inline-block; padding: 10px 20px; color: #a0af00; border: 1px solid #a0af00; border-radius: 4px; text-align:center; font-family:'Source Sans Pro', 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 1px; text-transform: uppercase;}
span.white-button a {color: #fff; border-color: #fff;}
#grey-button a {
    color: #050505;
    border-color: #050505;
    border-radius: 0;
    font-size: 16px;
    padding: 4px 18px;
 }
 span#grey-button.green-button a {
    color: #bdb926 !important;
    border-color:#bdb926;
  }
span.ctaGreen a {
    color: #fff !important;
    border-color: #bdb926;
    background: #bdb926;
    font-weight: 500;    
    padding: 10px 20px;    
    letter-spacing: 1px;
    text-transform: uppercase;
}
a.button:hover, span.green-button:hover {background: #f8fbef; display: inline-block;}
span.white-button:hover {background: rgba(255, 255, 255, 0.25); display: inline-block;}
#grey-button:hover {    
display: block;
background: transparent;
}
.entry-content a.button:hover, span.green-button a:hover {border-bottom: 1px solid #a0af00;}
h1, h2, .page-title {font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;font-weight: normal;text-transform:uppercase;}
h1 {letter-spacing: 2px; text-transform: uppercase;}
h2 {letter-spacing: 1px;}
h3, h4, h5, h6, .site-header li {font-family: BrandonGrotesqueWeb-Regular, helvetica, sans-serif;font-weight: normal;letter-spacing: .6px;text-transform:uppercase;}
h3.product-title {font-size: 1.2em; margin-bottom: 10px;}
p, li, input, textarea {font-family:'Source Sans Pro', 'Open Sans', sans-serif;}
.breadcrumbs {font-family:'Source Sans Pro', 'Open Sans', sans-serif; font-size: 14px; color: #999; margin-bottom: 20px;}
.breadcrumbs a {color: #999;}
.entry-title, .widecolumn h2 {margin-bottom: 10px;}
.header-nav {text-transform: uppercase; letter-spacing: 2px;}
pre, .entry-content, .entry-summary, .entry-caption, .page-content, .comment-content, .nav-links, .widget, .author-description, .type-attachment .entry-title {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
word-wrap: break-word;
}
.single .hentry h1, .single .hentry h2, .single .hentry h3, .single .hentry h4, .single .hentry h5, .single .hentry h6 {
display: inline-block;
}
.single .hentry h3 {margin: 20px 0 10px; line-height: 1.6;}
/* Header */
.site-header {
    height: 60px;margin: 0;padding: 0;z-index: 99998;background-color: #fff !important;position: fixed;top: 0px;width: 100%;
    position: relative;
    top: 4px;
}
.admin-bar .site-header {/* top:40px; */}
a.home-logo {/* display: block; *//* max-width: 200px; *//* margin-top: 0; */float: left;line-height: 60px;}
.site-header .header-nav {position: relative;top: 0;height: 60px;width: 96%;text-align: center;z-index: -2;transition: all 0.5s ease-in-out;margin: 0 auto;max-width: 1300px;}
.home .site-header .header-nav {background-color: rgba(255, 255, 255, 0.5);}
.page-id-198 .site-header .header-nav {background-color: #fff;}
.site-header .header-nav li {display: inline-block;height: 60px;width: auto;line-height: 60px;padding: 3px 15px 0 15px;font-size: 17px;transition: .3s;border-bottom: 2px solid transparent;vertical-align: bottom;}
.site-header .header-nav li.current_page_item {background: rgba(255, 255, 255, 0.5);}
.site-header .header-nav li:hover {border-bottom: 2px solid #a0af00; transition: .3s;}
.site-header .header-nav li a {padding: 0;}
.home .site-header .header-nav li a {color: #000;}
.header-nav-fill {background-color: #fff;  width: 100%; height: 40px; position: fixed; top: 0px; z-index: -1; box-shadow: 0px 0px 60px rgba(0,0,0,0.1);}
.admin-bar .header-nav-fill {top: 40px;}
.site-header .header-nav.shrink {top: 0px; transition: all 0.5s ease-in-out; z-index:-2;}
.site-header a.menu-button {
    position: fixed; top: 35px; right: 20px;
}
.admin-bar .site-header a.menu-button {top: 18px;}
.site-header a.menu-button .dashicons {font-size:29px; width: 29px; height: 26px;}
.menu-button i {position: absolute;right: 0;top: 4px;opacity:1;transition: .5s;transition-delay: 0.15s;font-size: 26px;}
.menu-button i.icon-hide {opacity:0;transition: .5s;font-size: 20px;}
ul#menu-main-menu {line-height: 60px;margin: 0;float: right;height: 60px; background-color: transparent;}
/* Applications-slider */
.metaslider .caption {min-height: 52px; padding: 5px 10px 0px !important;}
.metaslider .caption-wrap {background: rgba(0,0,0,0.5) !important; text-align: center; font-size: 17px;}
.metaslider .caption-wrap a {color: #fff !important; font-family: BrandonGrotesqueWeb-Regular, helvetica, sans-serif; font-weight: normal; text-transform:uppercase; font-size:14px; display:inline-block;}
.flexslider:hover .flex-next {opacity: 0.8; right: -36px !important;}
.flexslider:hover .flex-prev {opacity: 0.8; left: -36px !important;}
.flex-direction-nav a {background-image: url(img/gasera_arrow2.png) !important; height: 60px !important; margin: -30px 0 0 !important;}
/* Sivupalkki */
.widget {margin: 0 0 30px; padding: 0 10%; list-style: none; position:relative; padding-top: 50px;}
.sidebar .widget div {max-width: 380px;}
.widget a:hover {color: #000;}
.widget p, .widget a, .widget li {color: #A0AF00;}
.sidebar .widget-title,
.sidebar .widget-title-rel {
font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    color: #637628;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    background: #f2f6e6;
    left: 0;
    padding: 8px 3% 2px;
    width: 41%;
}
.sidebar .widget-title-rel {
    top: 60px;
    color: #fff;
}
.sidebar .textwidget a {
border-bottom: none;
}
.single-product .sidebar .widget_nav_menu h2.widget-title, 
.single-technology .sidebar .widget_nav_menu h2.widget-title, 
.page-template-page-product-list .sidebar .widget_nav_menu h2.widget-title, 
.page-template-page-technology-list .sidebar .widget_nav_menu h2.widget-title, 
.post-type-archive .sidebar .widget_execphp:first-of-type h2.widget-title, 
.post-type-archive-project .sidebar h2.widget-title, 
.post-type-archive-project .sidebar h2.widget-title-rel, 
.single-project .sidebar .widget_execphp:first-of-type h2.widget-title, 
.single-application .sidebar .widget_execphp:first-of-type h2.widget-title {
color: #FFFFFF;
background: #a0af00;
}
.post-type-archive-project .sidebar h2.widget-title a,
.post-type-archive-project .sidebar h2.widget-title-rel a {
    color: #fff;
}
.page-template-page-product-list .sidebar .widget_nav_menu, .page-template-page-technology-list .sidebar .widget_nav_menu, .post-type-archive .sidebar .widget_execphp:first-of-type, .single-project .sidebar .widget_execphp:first-of-type, .single-application .sidebar .widget_execphp:first-of-type {background: #fff; border-bottom: 1px solid #D5E4A1;}
.post-type-archive .sidebar .widget_execphp:first-of-type h2.widget-title a, .single-project .sidebar .widget_execphp:first-of-type h2.widget-title a, .single-application .sidebar .widget_execphp:first-of-type h2.widget-title a {color: #fff;}
.post-type-archive .sidebar .widget p, .single-project .sidebar .widget p, .single-application .sidebar .widget p {margin-bottom: 10px;}
.single-product .sidebar .widget_nav_menu, .single-technology .sidebar .widget_nav_menu, .widget{
display: block;
width: auto;
padding: 60px 8% 30px;
padding-right: 600px;
margin-right: -600px;
}
.post-type-archive-project .widget,
.single-project .widget {
    padding-top: 30px;
}
li#text-4,
li#text-9,
li#text-7,
li#custom_html-2 {
    background: #F2F6E8;
}
.single-product .sidebar .widget_nav_menu, .single-technology .sidebar .widget_nav_menu {
background: #FFFFFF;
border-top: 1px solid #D5E4A1;
border-bottom: 1px solid #D5E4A1;
}
.sidebar input, .sidebar textarea {
background: rgba(255,255,255,0.5);
border: 1px solid rgba(150,150,150,0.3) !important;
}
.sidebar textarea {
height: 150px;
}
.widget li, .widget_nav_menu .sub-menu {border: none;}
.widget_nav_menu li {list-style: none; margin-left: 0; margin-bottom: 0;}
.widget_nav_menu li a,
.allProjects p .article-title {
    font-weight: 600; 
    text-transform: uppercase; 
    color: #637628;
}
.widget_nav_menu ul.sub-menu li a {font-weight: 400; text-transform: initial; color: #A0AF00;}
.widget_nav_menu ul.sub-menu li {padding-bottom: 0; padding-top: 4px;}
.widget_nav_menu ul.sub-menu {margin-top: 0 !important;}
.rpwe-block li {margin-left: 0; border-color: #f2f6e6 !important;}
.rpwe-block li img {margin-left: 10px;}
h3.rpwe-title a {text-transform: initial; font-family:'Source Sans Pro', 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;}
.rpwe-time {color: #90AC2A; font-size: 11px; display: block;}
/** Sivupalkin widgettien sisällöt **/
#execphp-24 p, #execphp-25 p {border: 1px solid #a0af00; padding: 10px; background-color: #f8fbef; margin-bottom: 4px;}
#execphp-24 i.icon-file-text-alt, #execphp-25 i.icon-file-text-alt {margin-right: 8px;}
#execphp-25 {padding-top: 0; padding-bottom: 0;}
#execphp-25 .execphpwidget p {
position: relative;
top: 50px;
margin-bottom: 10px;
}
#execphp-25 .execphpwidget p:last-of-type {
margin-bottom: 80px;
}
/*.sidebar #text-6 .widget-title {background: #a0af00; color: #fff;}*/
/* Ninja Kick sivupalkki */
#ncf_sidebar {
background-image: none !important;
background-color: #fff !important;
}
#ncf_sidebar input {
border-radius: 0px !important;
}
/* Etusivu */
body.home:before {
background-color: #fff;
box-shadow: none;
content: "";
display: none;
height:0;
min-height:0;
position: static;
top: 0;
left: 0;
width: 0;
z-index: 0;
}
.home .site-content {float: none; width: 100%; margin-right: 0; margin-left: 0;}
.home .sidebar {display: none;}
.home .entry-content {margin-top: 150px; padding-bottom: 60px; padding-top: 60px;}
.home .entry-content.front-latest {margin-top: 0;}
.home .widget {padding: 50px 0 30px; margin: 0;}
body.page-template-page-full:before {background-color: #fff; box-shadow: none; content: ""; display: none; height:0; min-height:0; position: static; top: 0; left: 0; width: 0; z-index: 0;}
body.page-template-page-full {background-color: #f5f5f5 !important;}
.page-template-page-full .site {background-color: #fff;}
.page-template-page-full .site-main {padding: 0;}
.page-template-page-full .site-content {float: none; width: 100%; margin-right: 0; margin-left: 0; padding-top: 40px;}
.page-template-page-full .sidebar {display: none;}
.page-template-page-full .entry-header h1 {display: inline-block; margin-bottom: 20px;}
.page-template-page-full .entry-content {margin-top: 0px; padding-bottom: 10px; padding-top: 0px;}
.page-template-page-full .entry-content p {margin: 0 auto 1em;}
.page-template-page-full .content-area {min-height: 0;}
.page-template-page-full .widget {padding: 50px 0 30px; margin: 0;}
.page-template-page-full .hentry {margin: 80px auto; text-align: center; max-width: 800px;}
.page-template-page-full .hentry h1:after{display:none;}
.page-template-page-full img.wp-post-image {margin: 0 auto; display: block;}
.page-template-page-full .wpcf7-form {margin-top: 50px;}
.page-template-page-full .wpcf7-form div {margin: 0 auto;}
.page-template-page-full .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
margin-bottom: 30px;
height: 0;
overflow: hidden;
}
.page-template-page-full .video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
body.home:before {
background-color: #fff;
box-shadow: none;
content: "";
display: none;
height:0;
min-height:0;
position: static;
top: 0;
left: 0;
width: 0;
z-index: 0;
}
.single-post .archive-link {margin-top: 10px;}
/* Pittcon 2016 kampanjasivu */
.page-template-page-full.page-id-991 .hentry {text-align: left;}
.page-template-page-full.page-id-991 h1.entry-title {display: none;}
.page-template-page-full.page-id-991 h1 {display: block; margin-bottom: 1em;}
.page-template-page-full.page-id-991 h2 {display: block; margin: 1.8em 0 1em; line-height: 1;}
.page-template-page-full.page-id-991 h2:after {display: none;}
.page-template-page-full.page-id-991 .wpcf7 {overflow: hidden;}
.page-template-page-full.page-id-991 .wpcf7-form div {margin: 0;}
.page-template-page-full.page-id-991 .green-content-block {padding-bottom: 20px; float: right; margin: 50px 0 3% 3%;}
.page-template-page-full.page-id-991 .green-content-block h2 {margin-top: 0;}
.page-template-page-full.page-id-991 .green-content-block p {padding: 10px 20px 0 !important; margin: 0 !important; display: block;}
.page-template-page-full.page-id-991 .green-content-block ul {padding: 0 20px !important; margin: 0 !important;}
.page-template-page-full.page-id-991 .green-content-block a {font-size: 16px; display: inline-block;}
.page-template-page-full.page-id-991 div.wpcf7-mail-sent-ok {
font-family: Source Sans Pro;
background-color: #a0af00;
border: none;
color: #fff;
}
@media screen and (max-width: 59.6875em) {
.page-template-page-full.page-id-991 h1 {margin-top: 50px;}
.page-template-page-full.page-id-991 .wpcf7 {overflow: visible;}
}
.header-video-container {padding-top: 60px; padding-bottom: 140px; text-align: center; color: #fff;}
.header-video-container h1 {font-size: 42px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}
.header-video-container h2 {font-family: 'source sans pro', sans-serif; font-size: 22px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}
.header-video-container p {margin-bottom: 10px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase;}
.home .header-video-container .header-video {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: -1; background-color: #2F77B7; max-height: 710px; overflow: hidden;}
.home .header-video-container .header-video-mobile {height: 460px; background-size: cover !important;}
.header-video-container a.button {color: #fff; border: 2px solid #fff; font-weight: 400; min-width: 180px; margin: 0 5px;}
.header-video-container a.button:hover {background: transparent; border-color:#000; color: #000; display: inline-block;}
.home .front-applications {
height: auto;
width: 100%;
background-color: transparent;
position: relative;
top: 0px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
padding: 0 9%;
}
.home .front-applications li {border-right: 6px solid #fff !important;}
.home .metaslider {background: #fff; padding: 6px;}
.home .metaslider-671 {background: transparent; width: 90% !important;}
.entry-content .more-link:after, .entry-summary .more-link:after {
content: "";
display:none;
}
.front-articles {display: block;width: 50%;float: left;}
.front-articles.tSide {
    padding: 4% 4%;
}
.front-articles.tSide.blogs {
    background: #fff;
}
.front-articles.tSide .faSm {
    color: #a0af00;
    font-size: 14px;
}
h5.faSm:after {
    content: "";
    display: block;
    height: 0.5em;
    width: 20%;
    border-top: 1px solid #050505;
    margin: 15px 0;
}
.front-articles h4 {
    margin: 0 0 11px 0;
    text-transform: uppercase;
    font-size: 36px;
    /* font-weight: 800; */
    font-size: 26px;
    line-height: 28px;
}
.front-articles h4 a {
    font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;
    /* font-weight: normal; */
}
.front-articles.tSide.blogs h3 {
       font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;
       font-weight: normal;
       text-transform: uppercase;
       font-size: 26px;
       line-height: 28px;
       letter-spacing: 0;
}
.front-articles.tSide.events .article-title {
    font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 48px;
}
.front-articles a {text-decoration: none;}
.front-articles p {width: 100%; display: block; margin-bottom: 12px; font-size: 16px; font-weight:300;}
.front-articles p.article-date {display: block; margin: 0; color: #999; font-size: 14px; font-weight: 300; line-height: 12px;}
.front-latest p.order-newsletter {display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.front-latest p.order-newsletter span {font-size: 14px; color: #999;}
.front-video .front-video-text {max-width: 47%; margin: 0 1%; display: block; float: left; color: #fff;}
.front-video .front-video-text h2 {margin-top: 20px; margin-bottom: 20px; font-weight: 400; font-size: 24px; line-height: 34px; letter-spacing: 1px; text-transform:uppercase;}
.front-video {
background-color: #a0af00;
overflow: hidden;
padding: 0 1000px;
margin: 0 -1000px;
display: flex;
flex-direction: row;
align-items: stretch;
}
.front-video iframe {
max-width: 48%;
margin: 0 1%;
display: block;
float: left;
height: initial;
min-height: 320px;
}
.front-video .front-video-text p {
font-weight: 300;
letter-spacing: 0.3px;
font-size: 17px;
line-height: 26px;
margin-bottom: 14px;
}
.front-subscribe {
background-color: #a0af00;
overflow: hidden;
padding: 40px 1000px 30px;
margin: 0 -1000px;
text-align: center;
}
.front-subscribe .wpcf7-form-control-wrap {vertical-align: text-bottom;}
.front-subscribe h3 {color:#fff;}
.front-subscribe input[type="email"] {height: 38px; width:63%; max-width: 400px; margin: 5px;}
.front-subscribe input[type="submit"] {height: 38px; width:33%; max-width: 100px; margin: 5px; padding: 0 20px; vertical-align: top;}
.front-some {margin-top: 40px !important;}
.front-some h2 {text-align: center; font-family: BrandonGrotesqueWeb-Regular; text-transform: uppercase; font-weight: 300; font-size: 24px; letter-spacing: 1px; color: #637628; margin-bottom: 10px;}
.front-some .cff-author {float: left !important; display: inline-block; width: 15% !important; clear: none !important;}
.front-some .cff-post-text, .front-some .cff-post-links, .front-some .cff-shared-link {float: right !important; display: inline-block; width: 85% !important; clear: none !important;}
.front-some .dcwss.dc-wall .stream li {width: 22%!important;}
.front-logos-container {text-align: center; background: #f2f6e6; padding: 50px 1000px; margin: 40px -1000px 0;}
.front-logos-container h2 {text-align: center; font-family: BrandonGrotesqueWeb-Regular; text-transform: uppercase; font-weight: 300; font-size: 24px; letter-spacing: 1px; color: #637628; margin-bottom: 30px;}
.front-logos-container img {width: 13%; padding: 0 1%; display: inline-block; text-align: center;}
.front-projects-container {border-bottom: 2px solid #a0af00; padding: 0 1000px; margin: 50px -1000px 0;}
.front-projects-container h2 {text-align: center; font-family: BrandonGrotesqueWeb-Regular; text-transform: uppercase; font-weight: 300; font-size: 24px; letter-spacing: 1px; color: #637628; margin-bottom: 10px;}
.front-projects-container .metaslider-400 {max-width: 1120px;}
.front-projects-container .metaslider-400 .flexslider {overflow: hidden; display: flex; flex-wrap: wrap-reverse; justify-content: center;}
.front-projects-container .metaslider-400 ol.flex-control-nav {display: flex; width: auto; margin-bottom: 40px !important;}
.front-projects-container .metaslider-400 ul.slides {display: flex; width: 100%;}
.front-projects-container .slides img {width: 30% !important; position: static; float: left;}
.front-projects-container .slides .caption-wrap {width: 70% !important; float: left; position: static !important; text-align: left; background: transparent !important; color: #000;}
.front-projects-container .slides .caption-wrap a {color: #000 !important; font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 16px; display: block; margin-top: 10px;}
.front-projects-container .slides .caption-wrap a.more-link {font-family: 'Source Sans Pro', 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; color: #637628 !important; padding: 12px 20px 12px; border: 1px solid #637628; border-radius: 4px; display: block; width: 210px; text-align: center;}
.front-projects-container .slides .caption-wrap a.more-link:hover {color: #a0af00 !important; border: 1px solid #a0af00;}
.front-projects-container .slides .caption-wrap a.caption-title {font-size: 20px;}
.front-projects-container .slides {margin-bottom: 20px !important;}
.front-projects-container .flex-control-thumbs img {max-width: 110px !important; margin: 0 5px 0 !important; width: auto;}
.front-projects-container .flex-control-thumbs li {border: 1px solid #a0af00 !important; display: inline-block; height: 84px; margin: 4px !important; line-height: 80px !important;}
/* Projektit */
.project-supporter {border: 1px solid #ddd; padding: 20px; overflow: hidden;}
.project-supporter-image img {width: 20%; margin-right: 20px; margin-bottom: 4px; display: block; float: left;}
.project-supporter-text {font-size: 16px; color: #888;}
.project-supporter-text p {margin-bottom:0;}
/* Tuote-, tekonologia- ja jälleenmyyjälistaus */
.products-cat {clear: both; overflow: hidden; margin-top: 40px;}
.products-cat > p {margin-bottom: 10px;}
.product-box {display: block; float: left; border: 1px solid #d4d4d4; padding: 20px; margin: 10px; max-width: 45%; min-height: 400px;}
.page-template-page-product-list .product-box {min-height: 500px;}
/*
.product-box:nth-child(2n+1) {
    clear: both;
}
*/
.product-image {text-align: center;}
.product-image img {max-height: 240px; width: auto;}
.product-content {text-align: center;}
.product-content p {text-align: left; font-size: 16px;}
.product-content a.more-link {display: none;}
.page-template-page-distribution .products-cat h2 {display: block;}
.page-template-page-distribution .products-cat p {font-size:15px; margin: 0;}
.page-template-page-distribution .product-box {
    width: 31.33333%;
    min-height: 410px;
    margin: 5px 1%;
    padding: 0;
}
/*
.page-template-page-distribution .product-box:nth-of-type(3n+2) {
    margin: 5px 1%;
    }*/
.page-template-page-distribution .product-box .product-title {background-color: #a0af00; padding: 10px; margin-bottom: 10px;}
.page-template-page-distribution .product-box .product-title h3 {display: inline-block;}
.page-template-page-distribution .product-box .product-title h3:after {display: none;}
.page-template-page-distribution .product-box .product-title p {}
.page-template-page-distribution .product-box .product-content {padding: 0 10px; text-align: left;}
/* Tuotesivu */
.single-product .site-main, .single-product .site-content {padding-top: 0;}
.product-header {padding: 80px 700px 10px 600px; margin: 0 -1000px 30px -600px; background-color: #f9f9f9; border-bottom: 4px solid #f2f6e6; background-size: cover; background-position: center center; overflow: hidden; min-height: 530px;}
.product-header {
display: flex;
align-items: center;
}
.product-header-content{width: 70%; margin-right: 2%; margin-left: 6.333%; display: block; float: left;}
.product-header img{
    max-height: 300px; 
    /* flex: 0 0 0%; */
}
.single-product .sidebar {top: 490px !important;}
/* Tuotesivu landeri */
body.product-lander:before {display: none !important;}
.single-product.product-lander .site-content {
min-height: 0 !important;
float: left;
margin-right: 0;
margin-left: 0;
width: 100%;
}
.single-product.product-lander .sidebar {
position: static !important;
float: left;
margin: 0 !important;
right: auto;
width: 100%;
padding: 0 !important;
overflow: hidden;
}
.single-product.product-lander .product-header {
padding: 100px 700px 0 630px;
margin: 0 -600px;
}
.single-product.product-lander .product-header-content h2 {
margin-bottom: 20px;
}
.single-product.product-lander .metaslider {
padding-top: 20px !important;
}
.single-product.product-lander .metaslider .flexslider {
padding-top: 80px;
}
.single-product.product-lander .metaslider .flex-viewport {
background-color: #FEFEF2;
border-top: 2px solid #a0af00;
border-bottom: 2px solid #a0af00;
overflow: hidden;
padding: 0 800px !important;
margin: 0 -800px !important;
width: initial !important;
}
.single-product.product-lander .metaslider .flex-viewport li.ms-image {
opacity: 0;
transition: .5s;
}
.single-product.product-lander .metaslider .flex-viewport li.ms-image.flex-active-slide {
opacity: 1;
transition: .5s;
}
.single-product.product-lander .metaslider .caption-wrap {display: none;}
.single-product.product-lander .metaslider .flex-control-nav {
position: absolute;
top: 0;
}
.single-product.product-lander .metaslider .flex-control-nav li {vertical-align: middle;}
.single-product.product-lander .metaslider .flex-control-nav li a {
position: relative;
height: auto;
float: left;
display: block;
width: 235px;
text-indent: 0;
background-color: #a0af00;
color: #fff;
text-decoration: none;
border-radius: 0;
box-shadow: none;
padding: 16px 5px;
white-space: nowrap;
}
.single-product.product-lander .metaslider .flex-control-nav li a.flex-active {
background-color: #B0BF08;
}
.single-product.product-lander .metaslider .flex-control-nav li a.flex-active:after {
content: '';
position: absolute;
bottom: -15px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #B0BF08;
left: 0;
right: 0;
margin: 0 auto;
}
.single-product.product-lander .sidebar {display: none;}
.product-highlights-container {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
}
.product-highlights-container div {
display: flex;
float: left;
width: 32%;
height: 300px;
text-align: center;
background-color: #a0af00;
background-image: url('./img/square.jpg');
background-size: 100% 100%;
margin: 0.6%;
padding: 60px 20px;
color: #fff;
align-items: center;
justify-content: center;
}
.product-highlights-container div h3 {font-size: 20px; line-height: 36px;}
.product-highlights-container div h3 span {font-size: 28px; font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif; font-weight: normal; display: block;}
.product-highlights-container div h3:after {display: none;}
.contact-product {background-color: #333 !important; color: #fff; margin: 0 -800px 100px; padding: 40px 800px; overflow: hidden;}
.contact-product .product-form {width: 70%; float: left; font-weight: 300;}
.contact-product .product-form h2 {font-size: 28px;}
.contact-product .product-form input[type="email"] {
background: #ccc;
height: 40px;
width: 80%;
}
.contact-product .product-form input[type="email"]:focus {
background: #fff;
}
.contact-product .product-form input[type="submit"] {
background: #fff;
color: #333;
height: 40px;
padding: 0 20px;
width: 19%;
margin-left: 1%;
vertical-align: top;
}
.contact-product .product-image {width: 30%; float: left;}
.contact-product .product-image img {}
/* Accordion Styles */
.accordion {
margin-bottom: 20px;
width: 49%;
float: left;
}
#accordion-1, #accordion-3 {margin-right: 1%;}
#accordion-2, #accordion-4 {margin-left: 1%;}
h3.accordion-title {
margin: 0;
padding: 20px 20px 12px;
background-color: #a0af00 !important;
display: block !important;
color: #fff;
position: relative;
}
h3.accordion-title:after {
content: '+';
height: 10px;
display: block;
position: absolute;
top: 12px;
right: 18px;
font-size: 40px;
}
h3.accordion-title.open:after{
content: '-';
top: 9px;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 0px;}
.accordion-content h3 {margin: 0 !important;}
.accordion-content h3:after {height: 0;}
.accordion-content p {margin-bottom: 8px;}
/* Pressi-sivu */
.category-press p {margin-bottom:16px;}
.category-press p.article-date {width: 20%; float: left; min-height: 30px;}
.category-press blockquote {
font-size: 22px;
line-height: 1.6;
margin-top: 26px;
margin-bottom: 30px;
margin-left: 0;
padding-left: 20px;
}
/* Articles category */
.category-articles .blog-article,
.category-webinars .webinar-article {
display: block;
float: left;
width: 48%;
min-height: 520px;
margin-right: 2%;
padding-bottom: 20px;
border: 1px solid #eee;
border-top: 3px solid rgba(162, 173, 0, 1);
box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
transition: 500ms;
}
.category-articles .blog-article:hover {
transform: translateY(-5px);
box-shadow: 0px 10px 35px rgba(0,0,0,0.2);
}
.category-articles .blog-article .image,
.category-webinars .webinar-article .image {
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.category-articles .blog-article h3,
.category-webinars .webinar-article h3 {
padding: 20px;
margin: 0;
font-size: 20px;
}
.category-articles .blog-article h3 a,
.category-webinars .webinar-article h3 a {
text-decoration: none;
}
.category-articles .blog-article p,
.category-webinars .webinar-article p {
padding: 5px 20px;
margin: 0;
font-size: 16px;
}
/* Blog category */
.category-blog .blog-article,
.category-webinars .webinar-article {
display: block;
float: left;
width: 48%;
min-height: 520px;
margin-right: 2%;
padding-bottom: 20px;
border: 1px solid #eee;
border-top: 3px solid rgba(162, 173, 0, 1);
box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
transition: 500ms;
}
.category-blog .blog-article:nth-child(2n +2),
.category-webinars .webinar-article:nth-child(2n +2) {
    clear: left;
}

.blog-article,
.webinar-article {
    margin-bottom: 20px;
}
.category-blog .blog-article:hover,
.category-webinars .blog-article:hover {
transform: translateY(-5px);
box-shadow: 0px 10px 35px rgba(0,0,0,0.2);
}
.category-blog .blog-article .image,
.category-webinars .blog-article .image {
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.category-blog .blog-article h3,
.category-webinars .blog-article h3 {
padding: 20px;
margin: 0;
font-size: 20px;
}
.category-blog .blog-article h3 a,
.category-webinars .blog-article h3 a {
text-decoration: none;
}
.category-blog .blog-article p,
.category-webinars .blog-article p {
padding: 5px 20px;
margin: 0;
font-size: 16px;
}
.sidebar .logo-download {border: 1px solid #eee; padding: 10px;}
/* Archive-pages */
.archive-thumb {
width: 23%;
margin-right: 2%;
display: inline-block;
float: left;
clear: both;
}
.archive-content {
width: 75%;
display: inline-block;
float: left;
}
.archive article.application {
display: block;
position: static;
overflow: auto;
margin-top: 0px !important;
margin-bottom: 40px !important;
}
.archive article.project {
display: block;
position: static;
overflow: auto;
margin-top: 0px !important;
margin-bottom: 40px !important;
}
/* Yhteystiedot */
.page-template-page-company .content-area {min-height: 1600px;}
#map_inner svg {width: 100%; height: auto !important;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {padding: 8px;width: 100%;max-width: 500px;}
span.wpcf7-list-item {display: block; margin-left: 0;}
/* Members-area */
.member-downloads {font-family: BrandonGrotesqueWeb-Regular, helvetica, sans-serif; font-weight: normal; font-size: 16px;}
.member-downloads td:nth-of-type(1) {width: 70%;}
.member-downloads tr:nth-child(odd) {background-color: #FBFDF8;}
/* WYSIWYG-tyylit */
.green-content-block {
background:#AFBB30;
color: #fff;
max-width:45%;
float:left;
margin: 0 3% 3% 0;
}
.green-content-block h1, .green-content-block h2, .green-content-block h3, .green-content-block h4, .green-content-block h5, .green-content-block h6 {background-color: #a0af00; display: inline-block; padding: 20px; margin: 0 0 10px 0; width: 100%;}
.green-content-block h1:after, .green-content-block h2:after, .green-content-block h3:after, .green-content-block h4:after, .green-content-block h5:after, .green-content-block h6:after {height:0;}
.green-content-block p, .green-content-block ul {display: inline-block; padding: 20px; margin: 0 0 10px 0;}
.green-content-block a {color: #fff;}
.green-content-block a:hover {color: #e7eed4;}
.green-content-block:after {clear:both;}
/* Footer */
.site-footer {
direction: ltr;
width: auto;
box-shadow: none;
background-color: #a0af00;
padding: 0 0px 40px;
margin: 280px 0 0 0;
color: #fff;
width: 100%;
}
.site-footer a {
color: #fff;
font-family: 'source sans pro', sans-serif;
text-decoration: underline;
}
.product-template-default.single-product .site-footer {
margin: 0px 0 0 0;
}
.single-product .site-main {
    padding-bottom:0;
}
.home .site-footer{
    margin-top: 0;
}
.footer-wave {position: relative; top: -15px; width:100%;}
.footer-wave img {width: 100%;}
.footer-logo {position: relative; top: -60px; width: 100%; text-align: center; background-color: transparent !important;}
.footer-logo h5 {font-size:15px;}
.footer-logo img {max-width: 22%;margin-bottom: 10px;}
.footer-content-container {
    width: 100%;
    padding: 0 6%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 300;
    max-width: 1403px;
}
.footer-content {width: 24%;margin-right:1%;display: block;float: left;}
.footer-content.col4 h3 {font-size:17px;margin-bottom: 12px;}
.footer-content h4 {font-size: 15px;text-transform:uppercase;padding-bottom: 0px;font-weight: 100;font-family: 'source sans pro', sans-serif;}
.footer-content p {margin: 0 0 8px 0;line-height: 23px;font-family: 'source sans pro', sans-serif;}
.footer-content p a {color: #fff;}
.footer-content ul {margin-bottom: 8px;}
footer ul#menu-social-media {margin-left: 0;}
footer #menu-social-media li {display: inline-block; margin: 0 6px 4px 0;}
footer #menu-social-media i {width: 35px; height: 30px; display: block !important; border-radius: 15px; text-align: center; padding-top: 6px; color: #fff;}
i.icon-facebook {background-color: #3b5998;}
i.icon-youtube {background-color: #e52d27;}
i.icon-linkedin {background-color: #0077b5;}
i.icon-twitter {background-color: #4099FF;}
i.fa {
font-size: 30px;
}
i.fa.fa-facebook {
color: #fff !important;
}
i.fa.fa-youtube {
color: #fff !important;
}
i.fa.fa-linkedin {
color: #fff !important;
}
i.fa.fa-twitter,
i.fa.fa-slideshare {
color: #fff !important;
}
/* Gasera SHED product highlights: */
#upper-brochure {
    /*margin-top: 40px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;*/
}
div#upper-webinar {    
    float: left;
    position: relative;
    margin-left: 20px;
    margin-top: 70px;
    margin-bottom: 10px;
}
/*#upper-app-note, #upper-app-note-2, #upper-app-note-3 {float: left; margin-top: 40px;}*/
.product-highlights {
display:block;
}
.product-highlights ul {
display: table-cell!important;
}
.product-highlights .fa {
position: absolute;
bottom: 25px;
left: 46%;
}
.product-highlights-open {
height: 700px;
}
.sub-menu-parent { position: relative; }
.sub-menu {
visibility: hidden; /* hides sub-menu */
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
color: #000000;
margin-left: 0!important;
}
.sub-menu-visible {
visibility: visible; /* shows sub-menu */
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
border: 1px solid #a0af00;
background-color: white;
}
.sub-menu li {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
list-style: none;
}
.pop-up {
position: absolute;
left: 0;
width: 32%;
display: flex;
margin: 0.6%;
height: 300px;
}
.pop-up-wrapper {
position: relative;
top: 300px;
width: 100%;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}
.pop-up-1 {
left: 0;
}
.pop-up-2 {
left: 385px;
}
.pop-up-3 {
left: 770px;
}
.pop-up-image {
background-repeat: no-repeat!important;
background-position: center!important;
background-size: cover!important;
width: 100%;
height: 170px;
}
.highlight-box {
display: flex;
float: left;
width: 32%;
height: 300px;
text-align: center;
background-color: #a0af00;
background-image: url(./img/square.jpg);
background-size: 100% 100%;
margin: 0.6%;
padding: 60px 20px;
color: #fff;
align-items: center;
justify-content: center;
}
h4.pop-up-text-header {
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
font-weight: bold;
width: 100%;
}
p.pop-up-text {
text-align: left;
font-size: 14px;
margin-bottom: 0px!important;
}
.sixteen-to-nine-aspect {
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
}
.product-lander-video {
position: absolute;
width: 100%;
height: 100%;
}
/** GASERA ONE SHED FRONT PAGE HEADER: */
.shed-header {
background-position: center!important;
background-repeat: no-repeat!important;
background-size: contain!important;
height: 400px;
margin-top: -100px;
}
.shed-header h1, .shed-header h2 {
text-align: center;
}
.shed-header .button {
margin-left: auto;
margin-right: auto;
display: block;
width: 250px;
}
.cleantech {width: 55%;margin: 10px 20px;}
/* Responsiivisuus 1800px */
@media screen and (min-width: 1800px) {
/** This won't work:
.single-product,
.product-lander,
.product-header {
padding: 80px 350px 0 260px;
margin: 0px -220px 20px;
}
*/
}
/* Responsiivisuus 1400px */
@media screen and (max-width: 1400px) {
.single-product.product-lander .product-header {padding: 75px 80px 0 60px;margin: 0 -20px 20px;}
.single-product.product-lander .metaslider .flex-control-nav li a {width: 175px;}
}
/* Responsiivisuus 1210px */
@media screen and (max-width: 1110px) {
.single-product.product-lander .metaslider .flex-control-nav li a {width: 140px;}
}
/* Responsiivisuus 955px */
@media screen and (max-width: 955px) {
body:before {background: #fff !important;}
.front-video .front-video-text h2, .front-logos-container h2, .front-some h2 {font-size: 18px;}
.site-header .header-nav li {padding: 3px 5px 0 5px; font-size: 14px; margin-left: 5px!important;}
.site-content {float: left; margin-right: 0; margin-left: auto; direction: ltr; padding-top: 0px;}
.content-area {min-height: initial;}
div#content {width: 100%;}
.green-content-block {max-width:initial; width:100%; float:left; margin: 0 0 30px 0;}
.secondary {display: block; margin: 0; padding: 0;}
.sidebar {position: static !important; width: 100%; right: 0; float: left; margin-right: auto; margin-left: auto; background-color: #e7eed4; padding: 7.6923%;}
.sidebar > li, .sidebar aside {padding: 0 !important; margin: 0 1% 30px !important; width: 48% !important; float: left;}
.single-product .sidebar .widget_nav_menu, .single-technology .sidebar .widget_nav_menu {background: transparent; border-top: none; border-bottom: none;}
.widget div {max-width: none;}
.post-type-archive .sidebar .widget_execphp:first-of-type, .single-project .sidebar .widget_execphp:first-of-type, .single-application .sidebar .widget_execphp:first-of-type {background: transparent; }
.single-product .sidebar .widget_nav_menu h2.widget-title, .single-technology .sidebar .widget_nav_menu h2.widget-title, .post-type-archive .sidebar .widget_execphp:first-of-type h2.widget-title, .single-project .sidebar .widget_execphp:first-of-type h2.widget-title, .single-application .sidebar .widget_execphp:first-of-type h2.widget-title, .post-type-archive .sidebar .widget_execphp:first-of-type h2.widget-title a, .single-project .sidebar .widget_execphp:first-of-type h2.widget-title a, .single-application .sidebar .widget_execphp:first-of-type h2.widget-title a, .page-template-page-product-list .sidebar .widget_nav_menu, .page-template-page-product-list .sidebar .widget_nav_menu h2.widget-title, .page-template-page-technology-list .sidebar .widget_nav_menu h2.widget-title, .page-template-page-technology-list .sidebar .widget_nav_menu {color: #637628; background: transparent;}
.page-template-page-product-list .sidebar .widget_nav_menu, .page-template-page-technology-list .sidebar .widget_nav_menu, .post-type-archive .sidebar .widget_execphp:first-of-type, .single-project .sidebar .widget_execphp:first-of-type, .single-application .sidebar .widget_execphp:first-of-type {border-bottom: none;}
.product-highlights-container div {width: 32%; height: 200px; margin: 0.6%; padding: 10px;}
.product-highlights-container h3 {font-size: 16px; line-height: 22px !important;}
.page-template-page-full .hentry {width: 90%; margin: 20px 5%; text-align: center;}
.sidebar .widget-title {position: static; background: none; padding: 0;}
.widget {display: block; width: auto; padding: 0; padding-right: 0; margin-right: 0;}
.secondary {background-color: transparent; box-shadow: none;}
.widget_nav_menu li {padding: 0.4em 0;}
.widget_nav_menu .sub-menu {margin: 0.4em 0 0 1em; padding-top: 0.6em;}
.header-video-container {padding-top: 4%; padding-bottom: 10%;}
.header-video-container h1 {font-size: 28px;}
.header-video-container h2 {font-size: 16px;}
.header-video-container a.button {font-size: 16px; padding: 8px 12px;}
/*#metaslider_173 li {width: 150px !important;}*/
.front-video {flex-direction: column;}
.front-video iframe {max-width: initial; margin: 20px auto 0;}
.front-video .front-video-text {max-width: initial; margin: 0 5%;}
.front-projects-container .flex-control-thumbs img {max-width: 65px !important;}
.front-projects-container .flex-control-thumbs li {height: 54px; margin: 3px !important; line-height: 54px !important;}
.flexslider .flex-next {opacity: 0.4 !important; right: 5px !important;}
.flexslider .flex-prev {opacity: 0.4 !important; left: 5px !important;}
.flexslider:hover .flex-next {opacity: 0.8 !important; right: 5px !important;}
.flexslider:hover .flex-prev {opacity: 0.8 !important; left: 5px !important;}
.product-header {padding: 100px 7.6923% 0; margin: 0; height: initial; display: block;}
.product-header-content {width: 48%; margin-right: 2%; margin-left: 0;}
.product-header img{width: 50%}
.single-product.product-lander .product-header {padding: 80px 270px 40px 270px; margin: 0 -200px 20px;}
.single-product.product-lander .metaslider .flex-control-nav li {display: none;}
.single-product.product-lander .metaslider .flexslider {padding-top: 0px;}
.page-id-344 .content-area {min-height: initial;}
.front-some .dcwss.dc-wall .stream li {width: 46%!important;}

.category-articles .blog-article,
.category-webinars .webinar-article {
    float: left; width: 100%; min-height: 0; margin-right: 0; margin-bottom: 30px;
}
.footer-content {width: 49%; margin-right:1%; min-height: 180px;}
.highlight-box {
width: 100%;
height: 195px;
}
.pop-up-image {
height: 250px;
}
.product-highlights-open {
height: initial;
}
}
.product-header-content p {
margin-bottom: 10px;
}
.brochure-button, .webinar-button {
    display: block;
    background-color: #a0af00;
    color: #fff;
    padding: 10px 20px;
    font-family: 'source sans pro', sans-serif;
    width: 200px;
    /*margin-top: -50px;*/
    text-align: center;
}
.brochure-button { float: left; margin: 0 10px 10px 0;}
.postid-2511 #upper-brochure .brochure-button,
.postid-2511 #upper-app-note .brochure-button, 
.postid-2511 #upper-app-note-2 .brochure-button,
.postid-2511 #upper-app-note-3 .brochure-button {
    width: 174px;
    /*margin-top: -50px;*/
    font-size: 14px;
}

#upper-app-note {    
    /*margin-right: 20px;*/
}

a#webinar-button {
    text-decoration: none;
    text-align: center;
}
.brochure-contact-form-fade, .webinar-contact-form-fade{
width: 100%;
height: 100%;
max-width: 100%!important;
max-height: 100%!important;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 999999;
}
.brochure-contact-form, .webinar-contact-form{
padding: 30px 100px;
width: 600px;
max-width: 600px!important;
display: block;
position: fixed;
left: 50%;
top: 50%;
z-index: 9999;
background-color: white;
transform: translate(-50%, -50%);
}
#lower-brochure-button,
.lower-app-note-button {
display: block;
background-color: #808080;
color: #fff;
padding: 10px 40px;
font-family: 'source sans pro', sans-serif;
width: 260px;
margin-top: 32px;
text-decoration: none;
}
.close-button {
position: relative;
top: -50px;
left: 430px;
}
.hidden {
display: none;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #a0af00!important;
font-family: 'Source Sans Pro', 'Open Sans', sans-serif!important;
}
@media screen and (max-width: 1024px){
    .sidebar {
        position: static !important;
        width: 100%;
        right: 0;
        float: left;
        margin-right: auto;
        margin-left: auto;
        background-color: #e7eed4;
        padding: 7.6923%;
    }
    .home .ncf_mobile .nks_cc_trigger_tabs.ncf_tab {
        bottom: 0px !important;
    }
}
/* Responsiivisuus 620px */
@media screen and (max-width: 620px) {
.entry-title,
.widecolumn h2 {
font-size: 25px;
line-height: 1.2308;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 25px;
line-height: 1.2308;
margin-top: 1.641em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 21px;
line-height: 1.25;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 18px;
line-height: 1.1852;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 16px;
line-height: 1.4545;
}
.footer-content h4 {font-size: 18px;}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 15px;
line-height: 1.2632;
}
li {margin-left: 0px; margin-bottom: 3px;}
.green-content-block li {margin-left: 20px;}
.site-main {padding: 50px 0;}
.home .site-main {padding: 0;}
.hentry {margin: 0 5%;}
.site-header a.home-logo {max-width: 200px; margin: 5px 0 0 0; text-align: left;}
.site-header a.home-logo img {width: auto; height: 22px; margin: 4px 20px;}
.site-header .header-nav.shrink {top: -220px;}
.site-header ul#menu-main-menu {background: #fff; margin: 0;}
.site-header .header-nav li {padding: 3px 6px 0 6px; font-size: 13px; display: block;}
.site-header .header-nav li a {color: #000;}
.header-video-container .header-video {display: none;}
.header-video-container {background-color: #2F77B7; background-image: url("./vid/gasera-bg-video.jpg");  background-size: cover; padding-top: 10%; padding-bottom: 10%; padding-left: 4%; padding-right: 4%;}
.header-video-container h1 {font-size: 17px;}
.header-video-container h2 {font-size: 14px;}
.header-video-container p {font-size: 14px; font-weight:400;}
.header-video-container a.button {font-size: 14px; min-width: 130px;}
.home .front-applications {padding: 0;}
.single .entry-content img {width:100%;}
.sidebar > li, .sidebar aside {padding: 0 !important; margin: 0 0 30px !important; width: 100% !important; float: left;}
.metaslider .caption-wrap a {font-size: 12px;}
.home .entry-content {padding-top: 30px; padding-bottom: 30px;}
.home .widget {padding: 0; margin: 0;}
.front-articles {width: 100%; margin: 0;}
.front-video iframe {max-width: 100%; margin: 0;}
.front-video .front-video-text {max-width: initial; margin: 0 7.6923%;}
.front-projects-container .flex-control-thumbs li {border: 1px solid #a0af00 !important; border-radius: 10px; height: 20px; line-height: initial !important;}
.front-projects-container .flex-control-thumbs img {max-width: initial !important; margin: 0 !important; width: 18px !important; height: 16px !important; opacity: 0 !important;}
.front-projects-container .metaslider-400 .flexslider {flex-wrap: wrap;}
.front-some .dcwss.dc-wall .stream li {width: 96%!important;}
.product-header {padding: 100px 5% 0; margin: 0;}
.product-header-content {width: 100%; margin-right: 0;}
.product-header img{width: 100%; max-width:100%; max-height:initial;}
.single-product.product-lander .metaslider .flex-control-thumbs img {
width: 60px !important;
height: auto;
}
.product-highlights-container div {display: block; width: 100%; height: auto; margin: 5px 0; padding: 30px 20px;}
.single-product.product-lander .accordion {
width: 100%;
float: left;
margin: 0 !important;
}
.single-product.product-lander .contact-product .product-form {width: 100%;}
.single-product.product-lander .contact-product .product-image {width: 0; display: none;}
.post-navigation {margin-top: 40px;}
.project-supporter-image img {width: 35% !important;}
.product-box {padding: 20px; margin: 10px 0; max-width: initial; min-height: initial; width: 100%;}
.page-template-page-distribution-php .product-box {width: 100%; min-height: initial; padding-bottom: 10px; margin: 5px 0 !important;}
.page-template-page-press p {width: auto; float: none; margin-bottom: 2px;}
.page-template-page-press p.article-date {width: auto; float: none; margin-bottom: 2px; margin-top: 8px; font-weight:600;}
.site-footer{overflow:auto; float:none;}
.footer-wave {display:none;}
.footer-content {width: 100%; margin-right: 0; margin-bottom: 20px; min-height: initial;}
.page-id-5564 .site-footer {    
    margin: 0;
    }
.footer-logo {top: 0; margin-top: 40px; margin-bottom: 40px;}
.footer-logo img {max-width: 50%; margin-bottom: 20px}
.brochure-contact-form, .webinar-contact-form{
padding: 20px 10px!important;
width: 330px!important;
}
.close-button {
left: 280px!important;
}
.highlight-box {
width: 100%;
}
.pop-up-image {
height: 150px;
background-size: contain!important;
}
.product-highlights-open {
height: initial;
}
.product-highlights h3 {
font-size: 14px;
}
.highlight-box {
height: 150px;
}
.product-highlights .fa {
bottom: 10px;
font-size: 24px;
}
}
/* Responsiivisuus 320px */
@media screen and (max-width: 320px) {
.single-product.product-lander .product-header-content h2 {
margin-bottom: -10px!important;
}
.brochure-contact-form, .webinar-contact-form{
padding: 10px 10px!important;
width: 280px!important;
}
.close-button {
top: -20px!important;
left: 230px!important;
}
.brochure-button, .webinar-button {
padding: 10px 15px!important;
width: 160px!important;
}
.g-recaptcha {
transform:scale(0.86);
transform-origin:0 0;
}
}
/* Print Styles */
@media print {
body {
background:white;
color:black;
margin:0
}
body:before {
background:#fff !important;
}
.site-header,
.sidebar,
.nks_cc_trigger_tabs,
.site-footer {
display:none !important;
}
.site-content {
float: left;
margin-right: 0;
margin-left: auto;
direction: ltr;
padding-top: 40px;
}
.content-area {
min-height: initial;
}
.product-header {
padding: 0;
margin: 0;
height: auto
}
}
.header-nav {
display: none;
}
.header-nav-mobile {
display: none;
position: absolute;
top: -220px;
height: 40px;
width: 100%;
text-align: center;
z-index: -2;
transition: all 2.0s ease-in-out;
}
.header-nav-mobile li {
padding: 3px 6px 0 6px;
font-size: 13px;
display: block;
height: 40px;
width: auto;
line-height: 40px;
transition: .3s;
border-bottom: 2px solid transparent;
}
.header-nav-mobile li a {
color: #000;
}
.site-header ul#menu-main-menu-1 {
background: #fff;
margin: 0;
}

@media screen and (min-width: 621px) {
    .header-nav {
    display: block;
    }
    .menu-button {
    display: none;
    }
}
/* Windows Phone CSS Fix: */
@-ms-viewport {
width: device-width;
}
.we_are_hiring {/* display: none!important; */}
/*slider*/
.slider1{
display: inline;
font-family: 'source sans pro', sans-serif;
font-weight: 400;
}
.unslider {
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0;
    overflow:visible;
    width: 100%;
    display: inline-block;
    float: left;
}
.unslider img{
width: 100%;
height: auto;
}
.unslider-wrap {
position: relative;
width: 100%;
z-index: 1;
}
.unslider-wrap.unslider-carousel li {
float: left;
position:relative;
}
li.slide, .frontNostot {
    opacity: 0;
}
.frontNosto img {
    width: 100%;
}
.unslider-vertical>ul {
height: 100%
}
.unslider-vertical li {
float: none;
width: 100%
}
.unslider-fade,
.unslider-carousel {
position: relative
}
.unslider-fade .unslider-wrap li,
.unslider-carousel .unslider-wrap li{
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active,
.unslider-carousel .unslider-wrap li.unslider-active {
z-index: 10
}
.unslider li,
.unslider ol,
.unslider ul {
list-style: none;
margin: 0;
padding: 0;
border: none
}
.unslider-arrow {
position: absolute;
left: 20px;
z-index: 2;
cursor: pointer;
z-index:998;
color: #fff;
}
.unslider-arrow.next {
left: auto;
right: 0px;
z-index:998;
top: 45%;
}
.unslider-arrow.prev {
left: auto;
left: 0px;
top: 45%;
}
/*unslider dots*/
.unslider-nav {
    position: absolute;
    bottom: 37%;
    left: 0;
    z-index: 2;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.unslider-nav ol {
    list-style: none;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.unslider-nav ol li {display: inline-block;width: 15px;height: 15px;margin: 0 4px;text-indent: -999em;border: 2px solid #575757;border-radius: 30px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;float: left;}
.unslider-nav ol li.unslider-active {background: #bdb926;opacity: 1;}
/*
span.rightWing {
width: 56px;
height: 56px;
opacity: 1;
right: 0px; 
position: absolute;
background: url('images/slider-arrows.png');
background-position: right bottom;
}
span.leftWing {
width: 56px;
height: 56px;
opacity: 1;
left: 0px; 
position: absolute;
background: url('images/slider-arrows.png');
background-position: left bottom;
}
*/
.slider1.unslider-horizontal h1 {text-align: center;z-index: 10000;width: 100%;font-size: 50px;color: #575757;}
.slider1.unslider-horizontal h1:after {content:"";display: block;height: 0.5em;vertical-align: bottom;width: 10%;margin-right: 0%;margin-left: 0%;border-top: 1px solid #575757;margin: .25em auto 0 auto;}
.alaotsikko{
position: absolute;
font-size: 3.5rem;
}
.alaotsikko a{display: flex;justify-content: center;align-items: center;height: 100%;color: #fff;letter-spacing: -1px;/* width: 100px; */line-height: 3rem;padding-left: 30px;text-align: center;max-width: 77%;margin: 0 auto;font-family: 'Source Sans Pro', sans-serif;}
.alaotsikko {line-height: 1.4;padding: 2px 0;margin: auto auto;width: 100%;max-width: 90%;display: inline-table;text-align: center;}
.alaotsikko a {padding: -1px 0;padding-left: 0;color: #575757;display: inline;margin: 0;text-align: left;}
.alaotsikko a strong { 
position: relative;
}
span.info p{
margin: 0;
font-size: 1em;
line-height: 1.4em;
padding: 10px 0 0 0;
}
.alaotsikko{/* top: 0; *//* left: 0; *//* bottom: 0; *//* right: 0; */}
.info.alaotsikko{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -70%);
}
.frontNostot {
    max-width: 90%;
    margin: 0 auto;
    margin-top: -190px;
    z-index: 99000;
    position: relative;
    display: inline-block;
    left: 5%;
    right: 5%;  
}
/* Safari only */ .frontNostot:not(:root:root) {  top: -65px; }
.frontNosto {
    position: relative;
    margin-bottom: 160px;
}
.wrapBoxx {
    padding: 20px 30px;
    background: #fff;
    max-width: 46%;
    right: 4%;
    position: absolute;
    bottom: -120px;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
    transition: 500ms;
    font-family: 'source sans pro', sans-serif;
    color: #030303 !important;
    }
    .wrapBoxx h2 {
    font-size: 20px;
    line-height: 25px;
    font-size: 26px;
    line-height: 28px;
}
.wrapBoxx a {
    color: #030303 !important;
    }
    .wrapBoxx p {
    margin-top: 17px;
}
img.nostoIkoni {
    position: relative;
    max-width: 70px;
    float: right;
    margin-bottom: 20px;
}
/*.front-latest {
    max-width: 90%;
    margin: 0 auto;
}*/
.front-latest {
    max-width: 90%;
    margin: 0 5% 50px 5%;
    display: inline-block;
    width: 100%;
}
div#wrapBlog {
    display: inline-block;
    float: left;
    background: #fff;
    width: 100%;
}
/*smart*/
@media all and (max-width: 736px) {
    #page, .unslider {
        margin-top: 60px;
    }
    .home .unslider {
        margin-top: 0px;
    }
    .wrapBoxx {
        padding: 20px 25px;     
        background: #fff;
        max-width: 100%;
        position: relative;
        bottom: 0;
        right: 0;
    }    
    .we_are_hiring {
        top: 0;
        right: 0px !important;        
        margin: 0 auto;
    }
    .site-header ul#menu-main-menu-1 {
        background: #fff;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .slider1.unslider-horizontal h1 {    
    font-size: 30px;
    line-height: 32px;
    }
    .alaotsikko {    
    font-size: 26px;
    letter-spacing: 0;
    line-height: 28px;
    }
    img.mobLogo {
    line-height: 60px;
    margin-top: 15px;
    margin-left: 20px;
    }
    .front-articles p {  
    margin-bottom: 10px;
    font-size: 14px;  
    }
    .front-articles h4 {
    margin: 20 0 25px 0;
    font-size: 26px;
    }
    .front-articles.tSide.blogs h3 {
    font-size: 20px;
    line-height: 24px;  
    margin-top: 30px;
    }
    .front-articles.tSide {
        padding: 20px 25px;
    }
    #grey-button a {
    font-size: 16px;
    padding: 5px 15px;
    }
    .frontNosto {  
    margin-bottom: 30px;
    }
    .frontNostot {
    margin-top: -20px;    
    }
    .footer-content-container {    
    text-align: center;
    }
    div#trioWrapper {
        max-width: 88% !important;
        margin-top: 30px;
    }
    .third {    
        margin-top: 20px !important;
        background: #fff;
        padding: 20px;
    }    
}
/*tablets*/
@media all and (min-width: 737px) and (max-width :1024px){
    .site-content {    
    margin-left: 0%;
    margin-right: 0;
    width: 100%;
    }
    .sidebar {
    position: relative !important;
    float: right;
    top: 0px !important;
    right: 0;
    bottom: auto !important;
    margin-right: 0;
    margin-left: 0%;
    direction: ltr;    
    max-width: initial;
    padding-right: 40px;
    padding-left: 0px;
    overflow-x: hidden;
    width: 100% !important;
    }
    
.sidebar {
    position: static !important;
    width: 100%;
    right: 0;
    float: left;
    margin-right: auto;
    margin-left: auto;
    background-color: #e7eed4;
    padding: 7.6923%;
}
    .site-header {   
    position: relative;
    display: inline-block;
    }    
    .site-main {
    padding: 30px 0;
    }
    .site-header .header-nav {    
    height: 60px;
    width: 100%;    
    margin: 20px 0 0 0;
    }
    .site-header .header-nav li {
    padding: 0px 5px 0 5px;
    font-size: 14px;
    margin-left: 0px !important;
    }
    .we_are_hiring {    
    width: 80px;    
    }
    .entry-title,
    .widecolumn h2 {
    font-size: 30px;    
    }
    .entry-content h1,
    .entry-summary h1,
    .page-content h1,
    .comment-content h1 {
    font-size: 28px;    
    }
    .entry-content h2,
    .entry-summary h2,
    .page-content h2,
    .comment-content h2 {
    font-size: 26px;    
    }
    #menu-main-menu {
    display: flex;
    justify-content: space-around;
    padding: 10px 15px;
    }
    .menu-main-menu-container {
    background: #fff;
    }
    a.home-logo {
    float: none;
    }
    ul#menu-main-menu {
    line-height: 50px;  
    float: none;
    }
    .alaotsikko {  
    font-size: 2.5rem;
    }
    .frontNostot {  
    margin-top: -0px;    
    }
    .frontNosto {  
    margin-bottom: 30px;
    }
    .wrapBoxx h2 {
    font-size: 20px;
    line-height: 25px;
    }
    .wrapBoxx {
    padding: 20px 30px;    
    max-width: 100%;
    right: 0;
    position: relative;
    bottom: 0;    
    }
    .slider1 {
        margin-top: 0px;
        display: inline-block;
    }
    .slider1.unslider-horizontal h1 {
    font-size: 40px;
        line-height: 44px;
    }
    .unslider-nav {
        left:0;
    }
    .front-articles h4 {
    margin: 0 0 3px 0;
    font-size: 24px;
    }
    h5.faSm:after {    
    margin: 10px 0;
    }
    .front-articles.tSide.blogs h3 {    
    font-size: 20px;
    line-height: 24px;    
    }
    .front-articles p {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 300;
    }
    #grey-button a {    
    font-size: 14px;
    padding: 4px 14px;
    }
    .front-latest {
    max-width: 100%;
    margin: 0 0 50px 0; 
    width: 100%;
    }
    .sidebar > li, .sidebar aside {    
    margin: 0 3% 30px !important;
    width: 27% !important;    
    }
    li#nav_menu-3 {
    width: 18% !important;
    }
    li#text-5 {
    width: 37% !important;
    }
    #sidebar h2 {
    width: 100%;
    }
    .pipedriveWebForms,
    .pipedriveWebForms iframe{
        min-width: 0 !important
    }
    div#trioWrapper h1 { 
        font-size: 22px !important;
        line-height: 24px !important;
    }
    div#trioWrapper {
        max-width: 94% !important; 
    }
    div#trioWrapper p {
        font-size: 12px;
    }    
}
/*midSize*/
@media (min-width:1025px) and (max-width :1200px){
.site-header .header-nav li {
    padding: 3px 8px 0 8px;
    font-size: 13px;
    margin-left: 0px;
}
.slider1.unslider-horizontal h1 {
   font-size: 40px;
}
.alaotsikko {
    font-size: 28px;
}
}
.footer-content input[type="email"] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 68%;
    float: left;
}

.footer-content input.wpcf7-form-control.wpcf7-submit {
    background: transparent;
    border: 1px solid #fff;
    width: 29%;
    float: right;
    padding: 10px 3px;
    font-weight: 100;
    font-family: 'source sans pro', sans-serif;
}
.footer-content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
    font-weight: 100;
    font-family: 'source sans pro', sans-serif; 
}

/*desktop*/
@media (min-width:1025px) {
    a.home-logo-new {
    float: left;
    line-height: 60px;
    max-width: 195px;
    }
    article#post-5564.hentry {
    margin: 80px 8.3333%;
    max-width: 100%;
    }
    .page-id-5564 .site-footer {    
    margin: 0;
    }
    div#holiday-video iframe {
    width: 100%;
    height: 595px;
    }
    .footer-content.col1 {width: 19%;}
    .footer-content.col2 {width: 19%;}
    .footer-content.col3 {width: 30%;}
    .footer-content.col4 {width: 28%;text-align: right;}
    }
    .eventImageLtst {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .front-articles h4 {
        margin: 0 0 15px 0;            
    }
    .front-articles.tSide.blogs h3 {            
        margin-top: 20px;
    }
}

/*desktop larger*/
@media (min-width:1580px) {
    .slider1.unslider-horizontal h1 {  
    font-size: 70px;
    }
}
/**/
@media (min-width:1201px) and (max-width:1357px) {
    .site-header .header-nav li {
        padding: 3px 8px 0 8px;
        font-size: 16px;
        margin-left: 0px;
    }
}
/**/
@media (min-width:1024px) and (max-width:1193px) {
    .front-latest {
        max-width: 100%;
        margin: 0 auto;
    }
    .front-articles h4 {
        margin: 0 0 15px 0;    
        font-size: 25px;    
    }
    .front-articles.tSide.blogs h3 {    
        font-size: 22px;
        line-height: 26px; 
        margin-top: 20px;
    }
}
/* Another fix */
@media screen and (min-width: 956px) and (max-width: 1024px) {
    .site-header .header-nav li {
    padding: 3px 5px 0 5px;
    font-size: 14px;
    margin-left: 5px!important;
    }
}
@media (min-width:1025px) and (max-width :1100px){
    .we_are_hiring {    
        width: 80px;    
    }
    a.home-logo-new {
    max-width: 180px;
    }
}

@media screen and (min-width:1357px){
    .we_are_hiring {    
        width: 80px;    
    }
    .site-header .header-nav li {
        padding: 3px 10px 0 10px;
        font-size: 16px;
    }
}

.relApp {
    font-family: BrandonGrotesqueWeb-Regular, helvetica, sans-serif;
    color: #A0AF00;
}
.textwidget img {
    max-width: 37%;
    float: left;
    margin-right: 13%;
    margin-top: 20px;
}
.logged-in .site-header {
    position: relative;
    top: 10px;
}
span.fa-hidden {
    display: none;
}

/* elements 2021*/

div#trioWrapper {
    max-width: 90%;
    margin: 0 auto;
}

div#trioWrapper h4 {
    font-family: BrandonGrotesqueWeb-Bold, helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;    
}
div#trioWrapper h4 a {
    color: #bdb926;
}

div#trioWrapper h1 {
    text-transform: initial;
    font-size: 26px;
    line-height: 34px;
}

@media screen and (min-width: 77.5em) {
    body, button, input, select, textarea {        
        font-size: 1.8rem;        
    }
}

@media screen and (min-width: 736px) {
    #trioWrapper {
        margin-bottom: 30px !important;
        display: flex;
        width: 100% !important;        
        padding-top: 30px;
    }
    .third {
        width: 31%;
        float: left;
        margin: 0 1.16%;
        font-size: 16px;
        font-weight: 300;
        background: #fff;
        padding: 20px;
    }
}

.wpcf7 form .wpcf7-response-output {    
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
}
form.wpcf7-form.wpcf7-acceptance-as-validation.sent p {
    display: none !important;
}

.ch2-style-light .ch2-btn-primary, .ch2-style-dark .ch2-btn-primary {
    background: #a0af00 !important;
    color: #FFFFFF;
}
.ch2-style-light .ch2-switch input:checked + label, .ch2-style-dark .ch2-switch input:checked + label {
    background: #a0af00 !important;
}
.ch2-style-light .ch2-btn-primary:hover, .ch2-style-dark .ch2-btn-primary:hover {
    background: #a0af00 !important;
    box-shadow: 0px 0px 0px 0 #fff !important;
}

.modal-window {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;    
}
.modal-window:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.modal-window > div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
    border:solid 1px #ccc;
}
.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}
.modal-window div:not(:last-of-type) {
    margin-bottom: 15px;
}

#pre-header .nks_cc_trigger_tabs.ncf_tab {    
    position: relative !important; 
    z-index: 99999 !important;  
    top: 0 !important; 
}
div#pre-header ul li {
    display: inline-block;
    margin: 0 20px;
    font-size: 14px;
    font-weight: 400;
}
div#pre-header ul li a {
    color:#b2b200 !important;
}

div#pre-header {
    text-align: center;
}

div#pre-header ul {
    margin: 0;
    padding: 4px 0;
    background: #f5f5f5;
    line-height: 14px;
}

.grecaptcha-badge { display: none; }