/*
Theme Name: ETN Gasturbine Theme
Theme URI: http://csorbamedia.com
Author: Csorba Media B.V.
Author URI: http://csorbamedia.com
Text Domain: etn
*/

/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */
/* #Font-Face
	================================================== */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');
/* #Site Styles
================================================== */
/* ### general ### */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #002A5C;
}
body {
    background: #fff;
}
body.no-overflow{
	overflow: hidden;
}
input,
select,
textarea {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #002a5c;
}
img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
}
ul,
li {
    list-style: none;
}
:focus {
    outline: none;
}
main,
header,
footer,
aside,
blockquote,
nav,
cite,
article {
    display: block;
}
a{
	color: #50a6d9;
	text-decoration: none;
}
/* ### global classes ### */

.clear {
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.center {
    margin: 0 auto;
    position: relative;
    max-width: 1330px;
}
.centered {
    padding-right: calc((100% - 1600px) / 2);
    padding-left: calc((100% - 1600px) / 2);
}
.more {
    font-size: 11px;
    font-weight: bold;
    color: #399bd5;
    text-transform: uppercase;
    text-decoration: none;
}
.button {
    background: #003979;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: inline-block;
	border: none;
}
.nav-links {
    text-align: center;
    display: block;
    margin: 15px auto;
}
.nav-links a, .nav-links span.current{
	    background: #003979;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}
.nav-links span.current{
	background: #4ea5d9
}


.title {
    background: #e7edf2;
    overflow: hidden;
}
.title p {
    float: left;
    color: #003979;
    padding: 0px 10px;
    line-height: 34px;
    font-size: 20px;
    margin-bottom: 0!important;
    font-weight: bold;
}
.title a {
    float: right;
    background: #4ea5d9 url(img/bg1.png) no-repeat left;
    padding: 0px 15px 0px 25px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 34px;
}
/* .title a:hover{
    background: #003979 url(img/bg1-hover.png) no-repeat left;
} */
.title a.big {
    height: 64px;
    line-height: 64px;
    background: url(img/bg2.png) no-repeat left center;
}
h1{
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #003979;
    font-weight: bold;
}
h2{
    font-size: 25px;
    margin-bottom: 10px;
    color: #003979;
    font-weight: bold;
}
h3 {
    font-size: 20px;
    margin-top: 1em;
    margin-bottom: 10px;
    color: #003979;
    font-weight: bold;
}
.list {
    list-style: none;
}
.list li {
    padding: 2px 10px;
    border-bottom: 1px solid #e1e7ef;
}
.list li:last-child {
    border-bottom: 0px;
}
.list li a {
    color: #1a4d87;
    text-decoration: none;
}
.list li a:hover {
    font-weight: bold;
}
.scroller {
    padding: 5px;
    height: 300px;
    overflow-y: auto;
}
.row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.fullwidthimg {
  max-width:100%;
}
/* ### wrapper ### */
#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}
/* ### main container ### */

#mainCntr {
    width: 100%;
}
/* ### header container ### */

#headerCntr {
    position: relative;
    width: 100%;
    height: 90px;
    z-index: 100;
    background: #002A5C;
}
#headerCntr.fixed {
    position: fixed;
    top: 0;
	height: 100% !important;
}
body.admin-bar #headerCntr.fixed {
    top: 32px;
}
/*VM ETN*/
#wpadminbar a img{
  display: inline;
}
#headerCntr.small {
    height: 150px;
}
#headerCntr .logo {
    position: absolute;
    top: 0;
    z-index: 10;
}
#headerCntr .logo img {
    max-height: 150px;
    background: #002a5c;
}
#headerCntr .right {
    float: right;
    margin-top: 0;
    right: 30px;
}
#headerCntr .right ul {
    list-style: none;
}
#headerCntr .right li {
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 10px;*/ /*ETN VM*/
    font-size: 13px;
}
#headerCntr .right li.news a {
    display: block;
    color: #50a6d9;
    padding: 35px 45px 5px 0;
    text-decoration: none;
    background: url(img/icon-phone.svg) no-repeat right bottom;
    background-size: 28px;
}
#headerCntr .right li.search a {
    display: block;
    /*width: 30px;
    height: 60px;*/
    width: auto;
    height: 45px;
    background: url(img/icon-search-white.png) no-repeat left 5px center;
	  /*background-size: contain;*/
    background-size: 30px 30px;
    /*new*/
    padding-left: 45px;
    padding-right: 5px;
    line-height: 70px;
    color: white;
}
#headerCntr .right li.search a:after {
    content: "Search";
}
#headerCntr .right li.user a {
    display: block;
    /*width: 30px;
    height: 60px;*/
    width: auto;
    height: 45px;
    background: url(img/icon-user-white-transparent.svg) no-repeat left 5px center;
    /*background-size: contain;*/
    background-size: 30px 30px;
    /*new*/
    padding-left: 45px;
    padding-right: 5px;
    line-height: 70px;
    color: white;
}
#headerCntr .right li.user.rightlogin a:after {
    content: "Log In";
}
#headerCntr .right li.user.myaccount a:after {
    content: "My Account";
}
#headerCntr .right li.userlogout a {
    display: block;
    /*width: 30px;
    height: 60px;*/
    width: auto;
    height: 45px;
    background: url(img/icon-user-logout-white-transparent.svg) no-repeat left 5px center;
    /*background-size: contain;*/
    background-size: 30px 30px;
    /*new*/
    padding-left: 45px;
    padding-right: 5px;
    line-height: 70px;
    color: white;
}
#headerCntr .right li.userlogout a:after {
    content: "Log Out";
}
#headerCntr .right li.search a:hover,
#headerCntr .right li.user a:hover,
#headerCntr .right li.userlogout a:hover{
    background-color: #50a6d9;
    border-radius: 5px;
}
#headerCntr .mobileMenu {
    cursor: pointer;
    z-index: 15;
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
}
#headerCntr .mobileMenu span {
    display: block;
    height: 2px;
    text-indent: -9999px;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 20%;
    left: 20%;
    transition: 0.2s;
}
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after {
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    border-radius: 5px;
    background-color: #fff;
    transition-duration: 0.2s, 0.2s;
    position: absolute;
    left: 0;
}
#headerCntr .mobileMenu span:before {
    top: -8px;
}
#headerCntr .mobileMenu span:after {
    bottom: -8px;
}
#headerCntr .mobileMenu.is-active span,
#headerCntr.white .mobileMenu.is-active span {
    background: none;
}
#headerCntr .mobileMenu.is-active span:before,
#headerCntr .mobileMenu.is-active span:after {
    transition-delay: 0s, 0.2s;
}
#headerCntr .mobileMenu.is-active span:before {
    top: 0;
    transform: rotate(45deg);
}
#headerCntr .mobileMenu.is-active span:after {
    bottom: 0;
    transform: rotate(-45deg);
}
#headerCntr.white {
    background: #fff;
}
#headerCntr.white .right li.search a {
    /*background: url(img/icon-search.svg) no-repeat center center;*/
    /*VM ETN*/
    background: url(img/icon-search.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: #003979;
}
#headerCntr.white .right li.search a:hover {
    background: url(img/icon-search-white.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: white;
    background-color: #50a6d9;
    opacity: 0.5;
}
#headerCntr.white .right li.user a {
    /*background: url(img/icon-user.svg) no-repeat center center;*/
    /*VM ETN*/
    background: url(img/icon-user.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: #003979;
}
#headerCntr.white .right li.user a:hover {
    background: url(img/icon-user-white-transparent.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: white;
    background-color: #50a6d9;
    opacity: 0.5;
}
#headerCntr.white .right li.userlogout a {
    /*background: url(img/icon-user-logout.svg) no-repeat center center;*/
    /*VM ETN*/
    background: url(img/icon-user-logout.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: #003979;
}
#headerCntr.white .right li.userlogout a:hover {
    background: url(img/icon-user-logout-white-transparent.svg) no-repeat left 5px center;
    background-size: 35px 35px;
    color: white;
    background-color: #50a6d9;
    opacity: 0.5;
}
#headerCntr.white .mobileMenu {
    /*VM ETN*/
    margin-left: 5px;
}
#headerCntr.white .mobileMenu span {
    background: #003979;
}
#headerCntr.white .mobileMenu span:before,
#headerCntr.white .mobileMenu span:after {
    background: #003979;
}
#headerCntr .dropdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    height: 100%;
    overflow: auto;
    margin: 150px 0 0 0;
    /*padding: 0 0 250px 0;*/
    background: #002a5c;
}
#headerCntr .dropdown .menuBox {
    padding-top: 30px;
}
/* ### social box ### */

.socialBox {
    position: fixed;
    top: 120px;
    right: 0;
    width: 40px;
    background: #99be00;
}
.socialBox li {
    padding: 5px;
}
.socialBox ul, .socialBox li {
    list-style: none !important;
    list-style-type: none !important;
}

/* ### menu box ### */

.menuBox {
    overflow: hidden;
    width: 100%;
    background: #002a5c;
    padding-top: 30px;
    padding-bottom: 30px;
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding-left: 30px;
    padding-right: 30px;
}
.menuBox > div:first-child {
    margin-top: 0px !important;
}
.menuBox .block {
    width: 33.33%;
    float: left;
}
.menuBox .heading {
  /*VM ETN*/
    /*font-size: 40px;
    margin-bottom: 20px;*/
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    width: 100%;
}
.menuBox .row {
    margin-bottom: 20px;
    margin-left: unset;
    margin-right: unset;
}
.menuBox .row:last-of-type {
    margin-bottom: 0;
}
.menuBox .row ul {
    overflow: hidden;
}
.menuBox .row li {
    float: left;
    margin-right: 20px;
}
.menuBox address {
    color: #fff;
    font-style: normal;
    margin-bottom: 20px;
    width: 100%;
}
.menuBox address a {
    color: #fff;
    text-decoration: none;
}
.menuBox .copyright {
    color: #fff;
}
.menuBox nav {
    margin-bottom: 20px;
    padding-top: 10px;
}

.menuBox nav .heading {
    color: #fff;
    font-size: 20px;
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.menuBox nav .heading a{
	text-decoration: none;
	border: none;
	outline: none;
  color: #fff;
  font-size: 20px;
  position: relative;
  margin-bottom: 0;
  letter-spacing: 0.6px;
  transition: 0.15s ease-in;
}
.menuBox nav .heading:before {
    /*content: '';
    width: 35px;
    border-top: 2px solid #4ea5d9;
    position: absolute;
    top: 0;
    left: 0;*/
    padding-top: 10px;
}
.menuBox nav ul {
    list-style: none;
}
.menuBox nav ul ul{
    margin-bottom: 20px;
}
/*.menuBox nav li {
    font-size: 20px;
}*/
.menuBox nav li a {
    /*color: #fff;*/
    color: #ccc;
    text-decoration: none;
    transition: 0.15s ease-in;
}
.menuBox nav .heading a:hover,
.menuBox nav li a:hover {
    color: #4ea5d9;
}


.privacyPolicy a {
    color: #a3aeca;
    text-decoration: none;
}
.privacyPolicy a:hover {
    color: #4ea5d9;
}
/* ### content container ### */

#contentCntr {
    width: 100%;
}
/* ### banner box ### */
.image-grid{
	text-align: center;
}
.image-grid div.partner-logo{
    width: 150px;
    height: 100px;
    float: none;
    display: inline-block;
    text-align: center;
    margin: 0 20px;
}
.image-grid div.partner-logo img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.bannerBox {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
.bannerBox .text {
    position: absolute;
    top: 150px;
    width: 560px;
}
.bannerBox figure {
    float: right;
    margin-right: 0px;
}
.bannerBox .title {
    background: #99be00;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
.bannerBox p {
    font-size: 25px;
    color: #fff;
}
.bannerBox.small {
    min-height: 350px;
    margin-bottom: 10px;
}
.bannerBox .courses {
    position: absolute;
    bottom: 30px;
    margin-left: 130px;
    width: 560px;
}
.bannerBox .detail {
    width: 100%;
    padding: 10px;
    background: rgba(0, 57, 121, 0.5);
}
.bannerBox .courses .title {
    margin-bottom: -7px;
}
.bannerBox .detail p {
    color: #fff;
    line-height: 30px;
}
.innerContainer {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
	padding: 0 10px;
	height: 100%;
}
/* ### nav box ### */

.navBox {
    width: 100%;
    background: #f6f8fa;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.navBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 78%;
    margin: 0 auto;
}
.navBox li {
    font-size: 18px;
}
.navBox li a {
    color: #094e93;
    text-decoration: none;
}
.navBox li a:hover {
    text-decoration: underline;
}
/* ### main container ### */
#contentBox{
	width:100%;
	position: relative;
	margin: 0 auto;
	display: block;
	max-width: 1600px;
	padding: 0 10px;
    overflow: hidden;
}

/* ### about box ### */

.aboutBox {
    width: 100%;
}
.aboutBox .row {
    overflow: hidden;
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.aboutBox .block {
    margin: 0 5px;
    width: calc(33.33% - 10px);
    background: #f6f8fa;
    margin-bottom: 10px;
}
.aboutBox figure {
    text-align: center;
}
.aboutBox .block img {
    max-width: 100%;
    display: inline-block;
}
.aboutBox .text {
    padding: 10px;
}
.aboutBox .text p {
    margin-bottom: 20px;
}
.aboutBox ul {
    list-style: none;
    padding: 20px 10px;
}
.aboutBox li {
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 100px;
    min-height: 90px;
}
.aboutBox li:last-child {
    margin-bottom: 0;
}
.aboutBox li p {
    margin-bottom: 20px;
}
.aboutBox li p:last-of-type {
    margin-bottom: 0;
}
.aboutBox li p strong {
    display: block;
}
.aboutBox li.flag {
    background: url(img/icon-flag.svg) no-repeat left top;
    background-size: 60px;
}
.aboutBox li.mission {
    background: url(img/icon-route.svg) no-repeat left top;
    background-size: 77px;
}
.aboutBox li.objective {
    background: url(img/icon-list.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.history {
    background: url(img/icon-book.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.structure {
    background: url(img/icon-group.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.technical {
    background: url(img/icon-hand.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.info {
    background: url(img/icon-user-info.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.involve {
    background: url(img/icon-user-arrows.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.innovative {
    background: url(img/icon-user-bulb.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.visible {
    background: url(img/icon-user-blank.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox li.connected {
    background: url(img/icon-user-circle.svg) no-repeat left top;
    background-size: 70px;
}
.aboutBox h3 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 27px;
}
.aboutBox.small {
    background: #f6f8fa;
    margin-bottom: 10px;
}
.aboutBox.who {
    background: #f6f8fa;
    margin-bottom: 10px;
    width: calc(100% - 290px);
}
.aboutBox .structureBox {
    max-width: 330px;
    width: auto;
    margin: 0 auto;
}
/* ### memberBox box ### */

.memberBox {
    background: #f6f8fa;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 25px;
}
.memberBox p {
    font-size: 20px;
    margin-bottom: 20px;
}
.memberBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* ### usergroup box ### */

.usergroupBox {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}
.usergroupBox .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.usergroupBox .list {
    width: calc(25% - 10px);
    margin-right: 10px;
    background: #f6f8fa;
    padding: 5px;
    margin-bottom: 10px;
}
.usergroupBox .list ul {
    list-style: none;
}
.usergroupBox .list li {
    border-bottom: 1px solid #c4d1e0;
    padding: 5px;
}
.usergroupBox .list li a {
    color: #003979;
    text-decoration: none;
}
.usergroupBox .carousel {
    width: 75%;
    background: #f6f8fa;
    padding: 5px 30px;
    position: relative;
    margin-bottom: 10px;
}
.usergroupBox .block {
    float: left;
    width: 50%;
    border-right: 1px solid #436d9c;
    padding: 10px;
}
.usergroupBox .block:last-of-type {
    border: 0;
}
.usergroupBox .block figure {
    width: 50%;
    padding-right: 10px;
    float: left;
}
.usergroupBox .block figure img {
    display: inline-block;
    max-width: 100%;
}
.usergroupBox .block figcaption {
    margin-bottom: 10px;
    color: #164984;
    font-weight: bold;
}
.usergroupBox .block p {
    float: left;
    width: 50%;
}
.usergroupBox .previous {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.usergroupBox .next {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
/* ### event box ### */

.eventBox {
    overflow: hidden;
}
.eventBox .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -5px;
    overflow: hidden;
}
.eventBox .block {
    width: calc(33.33% - 10px);
    margin: 0 5px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none;
    background-color: #f6f8fa;
}
.eventBox .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.eventBox .detail .category {
    background: #99be00;
    padding: 1px 5px;
    color: #fff;
    margin-left: 5px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -2px;
}
.eventBox .detail .text {
    background: rgba(78, 165, 217, 0.8);
    color: #fff;
    padding: 5px;
}
.eventBox .detail time {
    display: block;
    font-weight: bold;
}
.eventBox ul {
    overflow: hidden;
    /*padding: 0 10px;*/
    padding: 0px !important;
    margin: 0px !important;
}
.eventBox ul li {
    padding: 10px 0;
    border-bottom: 1px solid #cdd8e5;
    overflow: hidden;
    margin: 0px !important;
}
.eventBox ul li img {
    float: left;
    margin-right: 10px;
    max-width: 30%;
}
.eventBox ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.eventBox ul p {
    overflow: hidden;
    line-height: 24px;
}
.eventBox ul p.img{
    display: block;
    float: left;
    max-width: 65%;
}
.eventBox ul p strong {
    display: block;
}
.eventBox ul time {
    color: #51a6da;
    font-weight: 300;
}
/* ### event box ### */

.researchBox {
    overflow: hidden;
    margin-bottom: 20px;
}
.researchBox .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.researchBox .block {
    background: #f6f8fa;
    margin-bottom: 10px;
}
.researchBox .projects {
    width: 33.33%;
}
.researchBox .rnd {
    width: 33.33%;
}
.researchBox .rnd p {
    margin-bottom: 20px;
}
.researchBox .technology {
    width: calc(66.66% - 10px);
    margin-left: 10px;
}
.researchBox .text {
    padding: 10px;
    overflow: hidden;
}
.researchBox figure {
    float: left;
    margin-right: 25px;
}
.researchBox figure img {
    width: 125px;
}
.researchBox .detail {
    overflow: hidden;
}
.researchBox .projects .detail {
    height: 100%;
    overflow-y: auto;
}
.researchBox .energy {
    width: calc(66.66% - 10px);
    margin-left: 10px;
}
.researchBox .energy p {
    float: left;
    width: 50%;
}
.researchBox .plan {
    float: right;
    width: 50%;
    padding-left: 30px;
}
.researchBox .plan p {
    color: #4ea5d9;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    float: none;
}
.researchBox .plan li {
    padding-left: 25px;
    background: url(img/arrow.png) no-repeat left 5px;
    line-height: 25px;
}
.researchBox.small .row {
    margin: 0 -5px;
}
.researchBox.small .column {
    width: calc(33.33% - 10px);
    margin: 0 5px;
}
.researchBox.small .block {
    width: 100%;
}
.researchBox .heading {
    font-weight: bold;
    margin-bottom: 10px;
    color: #003979;
}
.researchBox .technical {
    border-top: 2px solid #003979;
    padding-top: 20px;
}
.researchBox .plan {
    width: 100%;
    margin: 0;
    padding: 0;
}
.researchBox .plan img {
    width: 100%;
}
/* ### policy box ### */

.policyBox {
    overflow: hidden;
    margin-bottom: 30px;
}
.policyBox .title {
    background: #e7edf2;
}
.policyBox .row {
    overflow: hidden;
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.policyBox .block {
    margin: 0 5px;
    width: calc(33.33% - 10px);
    background: #003979;
    margin-bottom: 10px;
    min-height: 340px;
}
.policyBox figure {
    text-align: center;
    padding: 20px;
}
.policyBox figure img {
    display: inline-block;
}
.policyBox.grayBg .block {
    background: #f6f8fa;
}
.policyBox .text {
    padding: 10px;
}
/* ### courses box ### */

.coursesBox {
    overflow: hidden;
    margin-bottom: 30px;
}
.coursesBox .row {
    overflow: hidden;
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.coursesBox .block {
    margin: 0 5px;
    width: calc(50% - 10px);
    background: #f6f8fa;
    margin-bottom: 10px;
    min-height: 340px;
}
.coursesBox.big .block {
    width: calc(100% - 10px);
}
.coursesBox .text {
    padding: 10px;
    overflow: hidden;
}
.coursesBox .details {
    float: left;
    width: 55%;
}
.coursesBox .details strong {
    display: block;
}
.coursesBox figure {
    float: left;
    width: 45%;
    padding: 0 20px;
}
.coursesBox figure img {
    max-width: 100%;
}
.coursesBox figcaption {
    font-weight: bold;
}
/* ### left container ### */

#leftCntr {
    float: left;
    width: 320px;
    padding-right: 10px;
}
#leftCntr.sticky {
    position: fixed;
    top: 0;
}
#leftCntr.bottom {
    position: absolute;
    bottom: 0;
    top: auto;
}
/* ### breadcrumb box ### */

.breadcrumbBox {
    /*border-bottom: 1px solid #d6d8da;*/
    padding: 10px 0;
}
.breadcrumbBox ul {
    display: inline-block;
}
.breadcrumbBox li, .breadcrumbBox span {
    display: inline-block;
}
.breadcrumbBox span {
	/*color: #56a9db;*/
  color: #50737d;
}
.breadcrumbBox span.breadcrumb_last{
	color: #7e7e7e;
}
.breadcrumbBox li:after {
    content: '>';
    display: inline-block;
    margin: 0 5px;
    color: #56a9db;
}
.breadcrumbBox li:last-child:after {
    display: none;
}
.breadcrumbBox li a, .breadcrumbBox span a{
    color: #7e7e7e;
    text-decoration: none;
}
.breadcrumbBox li a:hover, .breadcrumbBox span a:hover {
    text-decoration: underline;
}

.breadcrumbBox.bottom {
  position: absolute;
  bottom: 0;
  padding-right: 10px;
  left: 100px;
  padding-left: calc((100% - 1600px) / 2);
}

.breadcrumbBox.invisible,
.breadcrumbBox.invisible span,
.breadcrumbBox.invisible span a{
  color: rgba(126,126,126,0) !important;;
}
/* ### link box ### */

.linkBox {
    padding: 1em 0.5em 1em 0.5em;
    /*background: #f6f8fa;*/
    background: #e7edf2;
}
.linkBox .heading {
    font-weight: bold;
    color: #003979;
    position: relative;
    padding: 5px 0;
    font-size: 22px;
}

/*ETN VM edit*/
/*.linkBox .heading:before {
    content: '';
    width: 35px;
    border-top: 3px solid #4ea5d9;
    position: absolute;
    top: 0;
    left: 0;
}
*/
.linkBox ul {
    list-style: none;
}
.linkBox ul li {
    font-size: 20px; /*ETN VM edit - previous : 22px*/
    position: relative;
    padding: 5px 0;
}

/*.linkBox > ul > li:before,*/ /*ETN VM edit*/
.linkBox > ul > li > ul > li:before  {
    content: '';
    width: 35px;
    border-top: 2px solid #b2b2b2;
    position: absolute;
    top: 0;
    left: 0;
}
.linkBox li a {
    color: #003979;
    text-decoration: none;
}
.linkBox li a:hover {
    color: #4ea5d9;
}
.linkBox li:hover:before {
    border-color: #4ea5d9;
}
.linkBox li ul li:before {

}
.linkBox li ul li ul li{
	margin-left: 0;
}
.linkBox li ul li ul li a:before{
	content:"- ";
}
.linkBox li.current_page_item > a, .current-page-ancestor > a{
	color: #4ea5d9 !important;
}
/* ### filter box ### */

.filterBox {
    width: 100%;
}
.filterBox .text {
    padding: 8px;
}
.filterBox input[type="text"] {
    border: 1px solid #a5a7a9;
    border-radius: 20px;
    padding: 5px 15px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #d9d9d9;
    font-style: italic;
    margin-bottom: 25px;
}
.filterBox input[type="text"]::-webkit-input-placeholder {
    color: #d9d9d9;
}
.filterBox .inputSet {
    margin-bottom: 20px;
}
.filterBox .heading {
    border-bottom: 1px solid #d0d2d3;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 10px;
}
.filterBox ul {
    list-style: none;
    padding: 10px 0;
}
.filterBox li {
    margin-bottom: 10px;
}
.filterBox li label {
    font-size: 18px;
    padding-left: 30px;
    position: relative;
}
.filterBox li input {
    opacity: 0;
}
.filterBox li span:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 0;
}
.filterBox li input:checked + span:after {
    content: '';
    width: 25px;
    height: 22px;
    background: url(img/check.png) no-repeat;
    position: absolute;
    left: 0;
}
.filterBox li input:checked + span {
    font-weight: bold;
}
/* ### right container ### */

#rightCntr {
    float: right;
    width: calc(100% - 320px);
    padding-top: 10px;
}
#company_description ul, #company_description ol{
  padding-left:55px;
  margin-top:10px;
  margin-bottom:15px;
}
/*ETN VM*/
#company_description ul, #company_description li{
  list-style:disc outside none;
  list-style-type: square;
}

#company_description h4{
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}
/* ### events container ### */
#evnt-rightCntr {
    float: right;
    width: 220px;
    padding-top: 61px;
    margin-left: 10px;
}
#evnt-content{
    float: right;
    /*width: calc(100% - (320px + 230px));*/
    width: calc(100% - (320px));
    padding-top: 13px;
}
#evnt-rightCntr .rightBox{
	margin-bottom:10px;
}

/* ### publilcation box ### */

.publicationBox {
    width: calc(33.33% - 10px);
    margin-left: 10px;
    background: #f6f8fa;
}
.publicationBox .text {
    padding: 10px;
}
/* ### position box ### */

.positionBox {
    width: calc(66.66% - 20px);
    margin-left: 10px;
    background: #f6f8fa;
}
.positionBox .text {
    padding: 10px;
}
.positionBox ul {
    list-style: none;
}
.positionBox li {
    border-bottom: 1px solid #d6d8da;
    padding-top: 10px;
    padding-bottom: 10px;
}
.positionBox li:last-child {
    border-bottom: 0;
}
.positionBox li p {
    color: #0d4380;
}
.positionBox li p strong {
    display: block;
}
.positionBox .download {
    color: #5babdb;
    text-decoration: none;
}
.positionBox .read {
    display: inline-block;
    border: 1px solid #8babcc;
    color: #8babcc;
    font-size: 10px;
    text-decoration: none;
    padding: 0px 5px;
}
/* ### text box ### */

.textBox {
    background: #f6f8fa;
    padding: 15px;
    margin-bottom: 10px;
}
.textBox.small {
    padding: 0;
}
.textBox p {
    column-count: 2;
    column-gap: 30px;
    margin-bottom: 20px;
}
.textBox p strong {
    display: block;
}
.textBox p span {
    font-weight: bold;
}
.textBox .text {
    padding: 15px;
}
.textBox .title {
    margin: -15px;
    margin-bottom: 20px;
}
/* ### group box ### */

.groupBox {
    overflow: hidden;
}
.groupBox .left {
    float: left;
    width: 33.33%;
    padding-right: 10px;
}
.groupBox .row .left {
    background: #f6f8fa;
    padding-right: 0;
    margin-right: 10px;
    width: calc(33.33% - 10px);
    margin-bottom: 10px;
}
.groupBox .right {
    float: left;
    width: 66.66%;
}
.groupBox .details {
    /*background: #f6f8fa;*/
    margin-bottom: 10px;
    overflow: hidden;
}
.groupBox .text {
    padding: 10px;
}
.groupBox .list li {
    border-bottom: 1px solid #d6d8da;
}
.groupBox .list li:last-child {
    border-bottom: 0;
}
.groupBox p a {
    color: #5bacdc;
    text-decoration: none;
}
.groupBox p a:hover {
    font-weight: normal;
    text-decoration: underline;
}
.groupBox .list img {
    width: 100%;
}
.groupBox .list p {
    margin-bottom: 20px;
}
.groupBox .list p:last-of-type {
    margin-bottom: 0;
}
.groupBox .description {
    float: left;
    width: 50%;
}
/*.groupBox .description p {
    margin-bottom: 20px;
}*/
.groupBox figure {
    float: left;
    width: 50%;
    padding-left: 10px;
}
.groupBox figure img {
    max-width: 100%;
}
.groupBox figure figcaption {
    color: #51a6d9;
    font-size: 14px;
}
.groupBox .heading {
    font-size: 20px;
    font-weight: bold;
}
.groupBox .heading span {
    display: block;
    color: #4ea5d9;
}
.groupBox .column {
    margin-right: -30px;
    overflow: hidden;
}
.groupBox .column .description {
    padding-right: 30px;
}
.groupBox.energy figure {
    width: 100%;
    padding-left: 0;
}
.groupBox.energy .description {
    width: 100%;
}
.groupBox.energy .heading {
    margin-bottom: 20px;
}
.groupBox .data {
    width: 60%;
    padding: 15px;
}
.groupBox .data li {
    padding: 2px 0;
}
.groupBox .data li span {
    float: left;
    width: 60%;
}
.groupBox .data li:first-child {
    font-weight: bold;
    border-color: #002b70;
}
.groupBox .left .heading {
    font-weight: bold;
    padding: 10px;
    padding-bottom: 0;
}
.groupBox .full {
    width: 100%;
}
/* ### tab box ### */

.tabBox {
    border-bottom: 1px solid #c8d4e2;
    margin: 10px;
    overflow: hidden;
}
.tabBox li {
    float: left;
}
.tabBox li a {
    padding: 3px 10px;
    color: #002b70;
    font-weight: bold;
    background: #f6f8fa;
    border: 1px solid #c5d2e1;
    text-decoration: none;
    display: block;
}
.tabBox li.is-active a,
.tabBox li:hover a {
    background: #e7edf2;
}
.tabcontent{
	display: none;
}
.tabcontent.active{
	display: block;
}
/* ### turbine box ### */

.turbineBox {
    width: 100%;
    margin-bottom: 10px;
}
.turbineBox .text {
    padding: 10px;
    overflow: hidden;
    background: #f6f8fa;
}
.turbineBox .left {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.turbineBox .right {
    float: left;
    width: 50%;
}
.turbineBox figure {
    margin-bottom: 10px;
}
.turbineBox figure img {
    width: 100%;
}
.turbineBox p {
    margin-bottom: 20px;
}
.turbineBox ul {
    list-style: none;
}


ul#sticky-navbar {
	transition: all ease-in-out 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #e7edf2;
    z-index: 999;
	text-align: center;
	display: block;
	overflow: hidden;
}
body.admin-bar ul#sticky-navbar{
	top:32px;
}
ul#sticky-navbar.sticky{
	height: 44px;
}
ul#sticky-navbar li{
	display: inline-block;
}
ul#sticky-navbar li a{
	transition: all ease-in-out 0.3s;
	display: block;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	color: #003979;
}
ul#sticky-navbar li a:hover{
	color: #50a6d9;
}
ul#sticky-navbar li a.active{
	background: #50a6d9;
	color: #fff;
}
/* ### organisation box ### */

.organisationBox {
    background: #f6f8fa;
    margin-bottom: 20px;
}
.organisationBox .holder {
    overflow: hidden;
    padding: 20px 15px;
}
.organisationBox figure {
    float: left;
    width: 33.33%;
    padding-right: 30px;
}
.organisationBox figure img {
    max-width: 100%;
}
.organisationBox .text {
    float: left;
    width: 66.66%;
}
.organisationBox p {
    margin-bottom: 25px;
}
.organisationBox .structureBox {
    width: 100%;
}
.organisationBox .structureBox .text {
    width: 100%;
}
/* ### gasproducts box ### */

.gasproductsBox {
    background: #f6f8fa;
    margin-bottom: 20px;
}
.gasproductsBox .holder {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.gasproductsBox .text {
    padding: 10px;
    width: 50%;
}
.gasproductsBox .text p {
    margin-bottom: 20px;
}
.gasproductsBox figure {
    width: 50%;
    padding: 10px;
    background: #fff;
}
.gasproductsBox figure img {
    max-width: 100%;
}
/* ### result box ### */

.resultBox {
    background: #f6f8fa;
    margin-left: 5px;
}
.resultBox .tags {
    padding: 20px 10px;
    overflow: hidden;
}
.resultBox .tags li {
    float: left;
    background: #8ba5c2;
    padding: 0px 10px;
    border-radius: 20px;
    color: #fff;
    margin-right: 15px;
}
.resultBox .tags li .close {
    width: 17px;
    height: 17px;
    background: url(img/close.png) no-repeat;
    display: inline-block;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: middle;
}
.resultBox .tags li.reset {
    background: #4ea5d9;
}
.resultBox .tags li.reset a {
    text-decoration: none;
    color: #fff;
}
.resultBox .title p span {
    color: #44a0d7;
}
.resultBox .results {
    padding: 0 10px;
    padding-bottom: 50px;
}
.resultBox .results li {
    border-bottom: 1px solid #cdcfd1;
    overflow: hidden;
    padding: 15px 0;
    color: #094e93;
}
.resultBox .results time {
    float: left;
    width: 120px;
    font-size: 19px;
}
.resultBox .results p {
    overflow: hidden;
    font-size: 19px;
}
.resultBox .results p strong {
    display: block;
}
.resultBox .results p em {
    display: block;
}
/* ### video box ### */

.videoBox {
    background: #f6f8fa;
    width: calc(290px - 10px);
    margin-left: 10px;
}
.videoBox .text {
    padding: 8px;
}
.videoBox figure {
    margin-bottom: 10px;
}
.videoBox figure img {
    width: 100%;
}
.videoBox p {
    margin-bottom: 15px;
}
.videoBox p em {
    display: inline-block;
    font-weight: bold;
    display: block;
}
.videoBox p img {
    display: inline-block;
}
.videoBox .heading {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.videoBox p a {
    color: #4da5d9;
    text-decoration: none;
}
.videoBox p a:hover {
    text-decoration: underline;
}
/* ### structure box ### */

.structureBox {
    background: #f6f8fa;
    width: 100%;
}
.structureBox .text {
    padding: 20px;
}
.structureBox .flowchart {
    position: relative;
    padding-left: 20px;
}
.structureBox .flowchart:before {
    content: '';
    border-left: 1px solid #c0cede;
    position: absolute;
    top: 20px;
    left: 0;
    height: calc(100% - 20px);
}
#evc-section-wrapper .block .text .structureBox .flowchart a{
	color: #003979;
	font-size: 14px;
	font-weight: bold;
}
#evc-section-wrapper .block .text .structureBox .heading a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.structureBox .steps {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    position: relative;
}
.structureBox .steps:before {
    content: '';
    border-top: 1px solid #c0cede;
    position: absolute;
    width: 100%;
    left: -20px;
    top: 22px;
    z-index: 1;
}
.structureBox .steps p {
    padding: 5px 10px;
    background: #99be00;
    color: #fff;
    line-height: 16px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin-bottom: 0 !important; /*ETN VM edit*/
    margin-top: 0 !important; /*ETN VM edit*/
}
.structureBox .steps p.board {
    background: #99be00;
}
#evc-section-wrapper .block .text .flowchart .steps a{
	color:#fff;
}
#evc-section-wrapper .block .text .flowchart .steps .user a{
	color:#003979;
}
.structureBox .steps p.board:after {
    content: '';
    height: 20px;
    position: absolute;
    left: 50%;
    top: 100%;
    border-right: 1px solid #c0cede;
}
.structureBox .steps p.user {
    background: #f6f8fa;
    border: 1px solid #c8d4e2;
    color: #094e93;
}
.structureBox .item {
    margin-bottom: 20px;
    background: #fff;
    position: relative;
}
.structureBox .item:last-of-type:before {
    content: '';
    width: 20px;
    height: calc(100% - 15px);
    position: absolute;
    top: 15px;
    left: -25px;
    background: #f6f8fa;
}
.structureBox .heading {
    background: #4ea5d9;
    padding: 2px 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0 !important;
    position: relative;
}
.structureBox .blue {
    background: #002A5C;
}
.structureBox .heading:before {
    content: '';
    width: 20px;
    border-top: 1px solid #c0cede;
    position: absolute;
    left: -20px;
    top: 50%;
}
#evc-section-wrapper .block .text .structureBox .item ul{
	margin: 0;
	padding: 0;
}
.structureBox .item ul {
    list-style: none;
}
#evc-section-wrapper .block .text .structureBox .item li {
	list-style: none;
}
.structureBox .item li {
    border-bottom: 1px solid #f2f2f2;
}
#evc-section-wrapper .block .text .structureBox .item li a {
    padding: 5px 10px;
    color: #4ea5d9;
    font-size: 12px;
    display: block;
    text-decoration: none;
	/*font-weight: 100;*/
}
#evc-section-wrapper .block .text .structureBox .item li.current-menu-item a,li.current-menu-item > a, li.current-menu-parent > a{
	color: #50a6d9 !important;
}


ul#menu-product-menu > li > a{
	color: inherit
}
ul#menu-product-menu > li >ul >li > ul > li{
	display: none;
}
ul#menu-product-menu > li >ul >li.current-menu-item > ul > li,
ul#menu-product-menu > li >ul >li.current-menu-ancestor > ul > li{
	display: block;
}

/* ### board box ### */

.boardBox {
    width: calc(66.66% - 10px);
    margin-left: 10px;
}
.boardBox .text {
    padding: 15px;
    background: #f6f8fa;
    margin-bottom: 10px;
}
.boardBox .text p {
    margin-bottom: 10px;
}
.boardBox .text:last-of-type {
    margin-bottom: 0;
}
.boardBox figure img {
    max-width: 100%;
}
.boardBox .heading {
    font-size: 22px;
}
.boardBox .members {
    overflow: hidden;
}
.boardBox .members li {
    width: 50%;
    margin-top: 20px;
}
.boardBox .members img {
    width: 50%;
    float: left;
}
.boardBox .members .detail {
    padding-left: 20px;
    width: 50%;
    float: left;
}
.boardBox .members span {
    display: block;
    position: relative;
    margin-top: 15px;
    text-transform: uppercase;
}
.boardBox .members span:before {
    content: '';
    width: 30px;
    border-top: 1px solid #dddfe1;
    position: absolute;
    top: 0;
    left: 0;
}
/* ### committees box ### */

.committeesBox {
    width: 100%;
    background: #f6f8fa;
    margin-bottom: 10px;
}
.committeesBox .text {
    padding: 10px;
}
.committeesBox .left {
    width: 25%;
    border-right: 1px solid #e8e8e8;
    padding-right: 25px;
}
.committeesBox .right {
    width: 75%;
    padding-left: 50px;
}
.committeesBox .heading {
    font-weight: bold;
    margin-bottom: 10px;
}
.committeesBox .right .list {
    margin-right: -25px;
    overflow: hidden;
}
.committeesBox .right .list li {
    width: calc(50% - 25px);
    margin-right: 25px;
}
.committeesBox .right .list li strong {
    display: block;
}
.committeesBox .right .list li:last-child {
    border-bottom: 1px solid #e8e8e8;
}
/* ### project box ### */

.projectBox {
    margin-bottom: 10px;
    background: #f6f8fa;
}
.projectBox .row {
    padding: 10px;
}
.projectBox .left {
    width: 50%;
    padding-right: 30px;
    border-right: 1px solid #e7e7e8;
    padding-bottom: 50px;
    position: relative;
}
.projectBox .right {
    padding-left: 30px;
    width: 50%;
    padding-bottom: 50px;
    position: relative;
}
.projectBox .scroller {
    width: 50%;
    height: 190px;
}
.projectBox p {
    margin-bottom: 20px;
}
.projectBox .more {
    border: 1px solid #64b0dd;
    padding: 0 5px;
    position: absolute;
    bottom: 0px;
    left: 10px;
}
.projectBox .right .more {
    left: 30px;
}
/* ### plan box ### */

.planBox {
    margin-bottom: 10px;
    background: #f6f8fa;
    overflow: hidden;
}
.planBox .text {
    float: left;
    width: 70%;
    padding: 10px;
    padding-right: 30px;
}
.planBox figure {
    float: right;
    width: 30%;
}
.planBox figure img {
    width: 100%;
}
.planBox p {
    margin-bottom: 20px;
}
/* ### report box ### */

.reportBox {
    margin-bottom: 10px;
    background: #f6f8fa;
    overflow: hidden;
}
.reportBox .text {
    float: left;
    width: 60%;
    padding: 10px;
    padding-right: 30px;
}
.reportBox figure {
    float: right;
    width: 40%;
    padding: 10px;
}
.reportBox figure img {
    max-width: 100%;
    margin-bottom: 25px;
}
.reportBox p {
    margin-bottom: 20px;
}
/* ### process box ### */

.processBox {
    background: #f6f8fa;
    margin-bottom: 10px;
}
.processBox .text {
    padding: 10px;
    overflow: hidden;
}
.processBox .left {
    float: left;
    width: 45%;
    padding-right: 40px;
}
.processBox .left p {
    margin-bottom: 20px;
}
.processBox .left p strong {
    display: block;
}
.processBox .left p a {
    color: #4ea5d9;
}
.processBox .left p a:hover {
    text-decoration: none;
}
.processBox .structure {
    float: left;
    width: 55%;
    position: relative;
    margin-top: 10px;
}
.processBox .set {
    background: #edf1f5;
    position: relative;
    margin: 0 25%;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.processBox .set:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(img/arrow2.png) no-repeat;
}
.processBox .set:last-of-type:after {
    display: none;
}
.processBox .set p {
    font-size: 14px;
}
.processBox .set ul {
    display: inline-block;
}
.processBox .set li {
    color: #094e93;
    padding-left: 10px;
    background: url(img/bullet.png) no-repeat center left;
    line-height: 20px;
    font-size: 14px;
}
.processBox .set .heading {
    background: #4ea5d9;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    margin: 0 -10px;
}
.processBox .lines {
    position: absolute;
    top: 20px;
    right: 0;
    height: calc(100% - 60px);
    border-left: 1px solid #094e93;
    width: 50%;
}
.processBox .lines:before {
    width: 20px;
    border-top: 1px solid #094e93;
    top: 0;
    left: -20px;
    position: absolute;
    content: '';
}
.processBox .lines:after {
    width: 20px;
    border-top: 1px solid #094e93;
    bottom: -1px;
    left: -20px;
    position: absolute;
    content: '';
}
.processBox .lines span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #2d68a3;
    padding-left: 20px;
    background: url(img/arrow1.png) no-repeat left;
    line-height: 20px;
}
.processBox .panel {
    position: absolute;
    top: 0;
    left: -130px;
    width: 110px;
    border: 1px solid #4ea5d9;
    height: 260px;
    background: #edf1f5;
    text-align: center;
}
.processBox .panel p {
    font-size: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 10px;
    text-align: center;
    line-height: 16px;
}
.processBox .panel:before {
    content: '';
    position: absolute;
    top: 10px;
    right: -30px;
    background: url(img/arrow3.png) no-repeat;
    width: 40px;
    height: 11px;
}
.processBox .panel:after {
    content: '';
    position: absolute;
    bottom: 40px;
    right: -30px;
    background: url(img/arrow3.png) no-repeat;
    width: 40px;
    height: 11px;
    z-index: 10;
}
.processBox .panel.right {
    height: 146px;
    right: -130px;
    left: auto;
}
.processBox .panel.right:before {
    top: 45%;
    right: auto;
    left: -30px;
}
.processBox .panel.right:after {
    display: none;
}
/* ### members box ### */
#member-map-holder {
    position: relative;
}
#member-map-holder span.intro {
    position: absolute;
    top: 0;
    left: 0;
   /* z-index: 999;*/
    padding: 15px;
    margin: 0;
    font-size: 27px;
}
#member-map-holder.simple span.intro{
	position: relative;
	width: 100%;
	text-align: center;
	display: block;
}
#member-map-holder.memberlist span.intro {
	display: none;
}
#member-map-holder #member-map{
	width: 100%;
	height: 200px;
	display: block;
}
#member-map-holder ul#memberlist{
	display: block;
	border-top: 1px solid #e7edf2;
  margin-left: unset;
  padding: unset;
}
#member-map-holder ul#memberlist li{
	display: block;
	/*padding: 15px;*/
	/*background: #f6f8fa;*/
	border-bottom: 1px solid #e7edf2;
	position: relative;
	min-height: 80px;
  margin-left: unset;
  /*line-height: 80px;*/
}
#member-map-holder ul#memberlist li.heading {
    height: auto;
    min-height: auto;
    background: #edf1f5;
    font-weight: bold;
    padding: 10px 15px;
}
#member-map-holder ul#memberlist li img{
	display: block;
    float: left;
    width: auto;
    height: auto;
    max-width: 120px;
    position: absolute;
    /*top: 10px;*/
    left: 15px;
    max-height: 50px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}
#member-map-holder ul#memberlist li div.content{
	display: inline-block;
    padding: 0 15px;
    margin-left: 150px;
    display: flex;
    align-items: center;
    min-height: 80px;
}
#member-map-holder div#viewpicker {
    background: #e7edf2;
    padding: 15px;
    display: block;
}
#member-map-holder div#viewpicker a{
	float: right;
}
#member-map-holder div#viewpicker select {
    -webkit-appearance: none;
    border: 1px solid #cbd9e4;
	width: auto;
    border-radius: 0;
    padding: 5px;
	display: inline-block;
}
.memberMapBox {
    margin-bottom: 10px;
    background: #f6f8fa;
    overflow: hidden;
}
.memberMapBox .text {
    float: left;
    width: 65%;
    padding: 15px;
}
.memberMapBox .text p {
    margin-bottom: 20px;
}
.memberMapBox figure {
    float: left;
    width: 35%;
}
.memberMapBox figure img {
    width: 100%;
}
/* ### benefit box ### */

.benefitBox {
    margin-bottom: 10px;
    background: #f6f8fa;
    overflow: hidden;
}
.benefitBox .heading {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
.benefitBox .details {
    padding: 15px;
    overflow: hidden;
}
.benefitBox ul {
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
}
.benefitBox li {
    float: left;
    width: 20%;
}
.benefitBox li img {
    display: inline-block;
    max-height: 120px;
    max-width: 100%;
    height: auto;
    width: auto !important;
    margin: 0 auto;
    vertical-align: middle;
}
.benefitBox li p {
    margin-bottom: 10px;
}
.benefitBox .button {
    float: right;
}
/* ### access box ### */

.accessBox {
    margin-bottom: 10px;
    background: #f6f8fa;
    overflow: hidden;
}
.accessBox .text {
    overflow: hidden;
    padding: 15px;
}
.accessBox .left {
    border-right: 1px solid #ccd8e4;
    padding: 0 45px 0 160px;
    background: url(img/icon-user-arrow.svg) no-repeat left 5px;
    width: 50%;
    background-size: 124px;
    float: left;
}
.accessBox fieldset {
    border: none;
}
.accessBox .heading {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
}
.accessBox label {
    display: block;
}
.accessBox input[type="text"],
.accessBox input[type="password"],
.accessBox select{/* added select by wesley */
    width: 98%;
    border: 1px solid #ccd8e4;
    margin-bottom: 10px;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 3px;
}
.accessBox .right {
    padding: 0 35px;
    float: left;
    width: 50%;
}
.accessBox .right p {
    margin-bottom: 20px;
}
.accessBox .right p a {
    color: #4ea5d9;
    text-decoration: none;
}
.accessBox .right p a:hover {
    text-decoration: underline;
}
.accessBox .right .heading {
    font-size: 16px;
}
/* ### map box ### */

.mapBox {
    width: 100%;
    background: #f6f8fa;
    margin-bottom: 10px;
}
.mapBox figure {
    position: relative;
}
.mapBox figure img {
    width: 100%;
}
.mapBox p {
    position: absolute;
    top: 20px;
    left: 15px;
    color: #003979;
    font-size: 35px;
}
.mapBox fieldset {
    border: 0;
}
.mapBox .country {
    margin: 5px;
    border-top: 1px solid #c8d5e2;
    padding: 20px 10px;
}
.mapBox label {
    font-weight: bold;
    color: #013a7a;
    font-size: 20px;
    vertical-align: middle;
}
.mapBox select {
    width: 240px;
    height: 24px;
    border: 1px solid #23548b;
    margin-right: 70px;
    margin-left: 20px;
    vertical-align: middle;
}
.mapBox a {
    font-weight: bold;
    color: #013a7a;
    font-size: 20px;
    text-decoration: none;
    vertical-align: middle;
}
/* ### technical box ### */

.technicalBox {
    margin-bottom: 10px;
}
.technicalBox h2 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px;
}
.technicalBox ul {
    overflow: hidden;
    padding: 20px;
    background: #f6f8fa;
}
.technicalBox li {
    padding: 5px 10px;
    width: 25%;
    border-right: 1px solid #ebedef;
}
.technicalBox li strong {
    color: #4ea5d9;
}
.technicalBox li:nth-child(4) {
    border-right: 0;
}
/* ### operation box ### */

.operationBox {
    overflow: hidden;
}
.operationBox h4 {
    background: #4ea5d9;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
}
.operationBox .row {
    margin-right: -10px;
    overflow: hidden;
}
.operationBox .column {
    width: calc(33.33% - 10px);
    margin-right: 10px;
    background: #f6f8fa;
}
.operationBox .block {
    border-bottom: 10px solid #fff;
}
.operationBox .block:last-of-type {
    border-bottom: 0;
}
.operationBox .block.member {
    min-height: 410px;
}
.operationBox .heading {
    background: #e7edf2;
    padding: 5px 10px;
    color: #003979;
    font-weight: bold;
}
.operationBox .text {
    padding: 10px;
    overflow: hidden;
}
.operationBox .text img.man {
    float: left;
    margin-right: 30px;
}
.operationBox .text p {
    overflow: hidden;
}
.operationBox .title p {
    font-size: 16px;
}
.operationBox .title a {
    font-size: 10px;
}
.operationBox .news .text {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.operationBox .news .previous {
    width: 9px;
    height: 32px;
    background: url(img/arrow-previous1.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    text-indent: -9999px;
}
.operationBox .news .next {
    width: 9px;
    height: 32px;
    background: url(img/arrow-next1.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    text-indent: -9999px;
}
.operationBox .news li {
    padding: 10px 0;
    border-bottom: 1px solid #c4d1e0;
    font-size: 15px;
}
.operationBox .news li:last-child {
    border-bottom: 0;
}
.operationBox .news li time {
    color: #57a9db;
}
.operationBox .video {
    min-height: 580px;
}
.operationBox .video img {
    width: 100%;
}
.operationBox .carousel {
    background: #f6f8fa;
    position: relative;
    margin-bottom: 10px;
}
.operationBox .carousel .text {
    padding-left: 30px;
    padding-right: 30px;
}
.operationBox .carousel .previous {
    width: 22px;
    height: 137px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    text-indent: -9999px;
    background: url(img/arrow-previous.png) no-repeat;
}
.operationBox .carousel .next {
    width: 22px;
    height: 137px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    text-indent: -9999px;
    background: url(img/arrow-next.png) no-repeat;
}
.operationBox .carousel ul {
    overflow: hidden;
}
.operationBox .carousel li {
    width: 33.33%;
    padding: 10px 15px;
    border-right: 1px solid #babcbe;
}
.operationBox .carousel li:last-child {
    border-right: 0;
}
/* ### initiatives box ### */

.initiativesBox {
    margin-bottom: 10px;
}
.initiativesBox h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px;
}
.initiativesBox .left {
    width: calc(33.33% - 10px);
    background: #f6f8fa;
    margin-right: 10px;
}
.initiativesBox .right {
    width: 66.66%;
    background: #f6f8fa;
}
.initiativesBox .text {
    padding: 10px;
}
.initiativesBox .left li {
    font-size: 20px;
    border-bottom: 1px solid #d6d8da;
    padding: 8px 0;
}
.initiativesBox .left li:last-child {
    border-bottom: 0;
}
.initiativesBox .right p {
    margin-bottom: 20px;
}
.initiativesBox .right p a {
    color: #52a7da;
    text-decoration: none;
}
.initiativesBox .right p a:hover {
    text-decoration: underline;
}
/* ### carousel box ### */

.carouselBox {
    width: 70%;
    padding-right: 10px;
}
.carouselBox h1,
.carouselBox h2,
.carouselBox h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px;
    margin-top: 0;
}
.carouselBox .carousel {
    margin-bottom: 10px;
}
.carouselBox .holder {
    position: relative;
    padding: 10px 20px;
    background: #f6f8fa;
    padding-bottom: 30px;
}
.carouselBox .holder ul {
    list-style: none;
    overflow: hidden;
}
.carouselBox .holder li {
    float: left;
    width: 33.33%;
    padding: 0 8px;
    margin-bottom: 10px;
}
.carouselBox figure {
    width: 100%;
    position: relative;
}
.carouselBox figure img {
    width: 100%;
    background: white;
}
.carouselBox .tag {
    position: absolute;
    top: 0;
    left: 0;
    background: #99be00;
    padding: 2px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
.carouselBox .tag a{
	color: #fff !important;
	font-weight: 100 !important;
}
.carouselBox .text {
    background: #e7edf2;
    padding: 10px 10px 0 10px !important;
    height: 150px;
    line-height: 27px;
    overflow: hidden;
}
.carouselBox .text time {
    color: #42a0d7;
}
.carouselBox .previous {
    width: 7px;
    height: 41px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    text-indent: -9999px;
    background: url(img/arrow-previous2.png) no-repeat;
}
.carouselBox .next {
    width: 17px;
    height: 41px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    text-indent: -9999px;
    background: url(img/arrow-next2.png) no-repeat;
}
.carouselBox.big {
    width: 100%;
}
.carouselBox.big .holder li {
    width: 20%;
}
.carouselBox .banner {
    width: 100%;
    position: relative;
}
.carouselBox .banner img {
    width: 100%;
}
.carouselBox .banner .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(78, 165, 217, 0.8);
    padding: 10px;
    z-index: 10;
    color: #fff;
}
.carouselBox .banner time {
    font-weight: bold;
}
.carouselBox .banner span {
    position: absolute;
    top: -25px;
    left: 0;
    background: #99be00;
    padding: 0px 10px;
    color: #fff;
}
.carouselBox .ad {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto!important;
    max-width: 100%;
}
/* ### tweets box ### */

.pluginBox {
    width: 30%;
}
.pluginBox h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.pluginBox .text {
    padding: 10px;
    background: #f4f8fa;
}
.pluginBox .text img {
    max-width: 100%;
}
.pluginBox .search {
    padding: 30px;
    background: #f6f8fa;
    min-height: 300px;
    margin-bottom: 20px;
}
.pluginBox fieldset {
    border: none;
}
.pluginBox label {
    color: #61aedd;
    font-size: 13px;
    text-transform: uppercase;
}
.pluginBox input,
.pluginBox select {
    width: 100%;
    height: 22px;
    background: #fff;
    border: 1px solid #7bbbe2;
    padding: 5px 15px;
    font-size: 13px;
}
.pluginBox select {
    padding: 0;
}
.pluginBox .calender {
    width: 100%;
}
.pluginBox .calender img {
    display: inline-block;
    max-width: 100%;
}
/* ### pager box ### */

.pagerBox {
    background: #f6f8fa;
    padding: 20px 30px;
    text-align: right;
}
.pagerBox ul {
    list-style: none;
    display: inline-block;
}
.pagerBox li {
    float: left;
    margin-left: 15px;
}
.pagerBox li a {
    background: #4ea5d9;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    padding: 0 3px;
}
.pagerBox li a:hover {
    background: #003979;
}
/* ### footer container ### */

#footerCntr {
    overflow: hidden;
    width: 100%;
    background: #002a5c;
}
#footerCntr .logo {
    margin-left: -20px;
}
#footerCntr .logo img {
    max-height: 150px;
}

/* general Visual Composer fixes */
.overwrite h1 {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #003979;
    font-weight: bold;
}
.overwrite h2 {
    font-size: 25px;
    margin-bottom: 10px;
    color: #003979;
    font-weight: bold;
}
.overwrite h3 {
    margin-bottom: 2px;
    color: #003979;
    font-weight: bold;
}

.vc_editor #evc-section-wrapper.evc_section {
    margin-top: 30px;
}

#evc-section-wrapper .block {
    background: #f6f8fa;
    min-height: 100px;
}

#evc-section-wrapper .block .text {
    padding: 10px;
}

.wpb_wrapper p + p {
    margin-top: 10px;
}


#evc-section-wrapper .block .text p a,
#evc-section-wrapper .block .text a {
    /*
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    */
    color: #399bd5;
    text-decoration: none;
}

.overwrite .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner>.wpb_wrapper,
.overwrite  section#evc-section-wrapper,
.overwrite  #evc-section-wrapper .block {
    height: 100%;
}

#evc-icon-list-wrapper ul {
    list-style: none;
    padding: 20px 10px;
    margin-left: 0px;
}

#evc-icon-list-wrapper li {
    overflow: hidden;
    margin-left: 0px;
    margin-bottom: 30px;
    padding-left: 100px;
    min-height: 90px;
    background-size: 60px;
}

#evc-icon-list-wrapper.benefitBox ul,
#evc-icon-list-wrapper.benefitBox ul li {
    min-height: initial;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: center;
}
#evc-icon-list-wrapper.benefitBox ul{
    margin: unset;
}

#evc-icon-list-wrapper li:last-child {
    margin-bottom: 0;
}

#evc-icon-list-wrapper li p {
    margin-bottom: 20px;
}

#evc-icon-list-wrapper li p:last-of-type {
    margin-bottom: 0;
}

#evc-icon-list-wrapper li p strong {
    display: block;
}

#overwrite .js .tmce-active .wp-editor-area {
    color: #000;
}

#evc-featured-post-wrapper.eventBox .block {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
}

#evc-featured-post-wrapper.eventBox .block img {
    width: 100%;
    height: auto;
    display: block;
}

#evc-featured-post-wrapper.eventBox .detail .text {
    font-weight: 300;
}

#evc-section-wrapper .wpb_single_image.wpb_content_element,
#evc-section-wrapper .wpb_text_column.wpb_content_element {
    margin-bottom: unset;
}

#evc-button-wrapper.detail a.button,
#evc-login-wrapper.accessBox button.button {
    background: #003979;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border: none;
    text-transform: uppercase;
}

#contentCntr:before, #contentCntr:after {
    clear: both
}

#contentCntr {
    margin: 0 0px;
}

.wpb_wrapper ul,
.wpb_wrapper ol,
.wpb_wrapper menu {
    padding: 10px 32px;
}

.wpb_wrapper li > ul,
.wpb_wrapper li > ol {
    padding: unset;
}

.wpb_wrapper ul,
.wpb_wrapper ul > li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

.wpb_wrapper li > ul > li {
    list-style-type: circle;
}


.wpb_wrapper ol,
.wpb_wrapper ol > li {
  list-style-type: decimal;
  list-style-position: inside;
}

.wpb_wrapper ol > li:nth-child(n+2){ /* targets from the second li */
  margin-top: 5px;
}

.wpb_wrapper li > ol > li {
    list-style-type: lower-alpha;
}

#evc-section-wrapper .block .text table {
    width: 100%;
}

#evc-link-list-wrapper.researchBox .plan ul li  {
    list-style-type: none;
}

#evc-link-list-wrapper.researchBox .plan ul {
    padding: 0px;
}

.overwrite #evc-post-list-wrapper ul.list {
    padding: 0;
}

.overwrite #evc-post-list-wrapper .list li a {
    color: #1a4d87;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.overwrite #evc-link-list-wrapper.researchBox .plan ul li a,
.evc-post-archive-wrapper.carouselBox .carousel .holder a {
    color: #002a5c !important;
    font-weight: normal !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.evc-post-archive-wrapper.carouselBox .carousel .holder {
    font-weight: bold;
}

.overwrite #evc-post-list-wrapper .list li {
    list-style-type: none;
}

/*VM ETN*/
#evc-post-list-wrapper ul{
  margin: 0px;
}

.overwrite .groupBox .details {
    width: 100%;
}

.groupBox .details .tabber .tabcontent table,
.wpb_text_plain_column.wpb_content_element table {
    width: 100%;
}


.wpb_text_plain_column.wpb_content_element table.contenttable {
    word-wrap: break-word;
    table-layout: fixed;
    -moz-hyphens: auto;
}
.wpb_text_plain_column.wpb_content_element table.contenttable tr th:first-of-type,
.wpb_text_plain_column.wpb_content_element table.contenttable tr td:first-of-type{
    width: 45%;
}
.groupBox .details .tabber .tabcontent table thead th,
.wpb_text_plain_column.wpb_content_element table thead th {
    border-bottom: 2px solid #002A5C;
}
.wpb_text_plain_column.wpb_content_element table tbody tr td {
    border-bottom: 1px solid #d2d2d2;
}

.groupBox .details .tabber .tabcontent table thead th,
.groupBox .details .tabber .tabcontent table td,
.wpb_text_plain_column.wpb_content_element table thead th,
.wpb_text_plain_column.wpb_content_element table td {
    padding: 5px 15px;
    font-size: 16px;
    color: #002a5c;
}

.groupBox .details figure img {
    width: auto;
    /* VM ETN */
    /*height: 150px;*/
    max-height: 150px;
}

.groupBox .details .tabber .tabcontent table tr td:first-of-type,
.wpb_text_plain_column.wpb_content_element table tr td:first-of-type {
    font-weight: bold;

}

#evc-section-wrapper .wpb_text_plain_column.wpb_content_element table tr td a {
    font-size: 16px;
    text-transform: none;
}

.groupBox .details .tabber .tabcontent table th,
.wpb_text_plain_column.wpb_content_element table th {
    text-align: left;
}

.groupBox .details .tabber .tabcontent.text ul {
    margin-left: 40px;
}

.groupBox .details .tabber .tabcontent.text ul li {
    list-style-type: disc;
}

.evc-post-archive-wrapper.carouselBox {
    width: 100%;
}

.evc-post-archive-wrapper.carouselBox .holder {
    padding: 0;
}


.overwrite .evc-post-archive-wrapper.carouselBox ul {
    padding: 0;
    margin: 0;
}

.evc-post-archive-wrapper.carouselBox ul li figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: #e7edf2;
}

#evc-section-wrapper .evc-post-archive-wrapper.carouselBox  ul li {
    list-style-type: none;
    margin-left: 0px;
}

#evc-section-wrapper .evc-post-archive-wrapper.carouselBox .pagerBox li {
    margin-left: 6px;
    margin-bottom: 5px;
}

#evc-section-wrapper .evc-post-archive-wrapper.carouselBox .pagerBox li a {
    background: #4ea5d9;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    padding: 0 3px;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding: 6px 14px;
}
#evc-section-wrapper .evc-post-archive-wrapper.carouselBox .pagerBox li a.selected {
	background: #003979;
}

#evc-login-wrapper.accessBox .left {
    width: 100%;
}

#evc-login-wrapper.accessBox button.button {
    float: right;
}

.evc-post-archive-wrapper.positionBox,
.evc-post-archive-wrapper.positionBox ul#positionPaperBox {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.evc-post-archive-wrapper.positionBox ul#positionPaperBox li {
    list-style-type: none;
}

.evc-post-archive-wrapper.positionBox ul#positionPaperBox li p {
    margin-bottom: 0px;
}

.evc-post-archive-wrapper.positionBox ul#positionPaperBox li p.archive-toggle {
    display: none;
}

.evc-post-archive-wrapper.positionBox ul#positionPaperBox li a.download {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 32px;
}

.wpb-js-composer .vc_tta.vc_general li.vc_tta-tab a{
	padding: 3px 10px;
    color: #002b70;
    font-weight: bold;
    background: #f6f8fa!important;
    border: 1px solid #c5d2e1;
    text-decoration: none;
    display: block;
}
.vc_tta-panels-container{
	border-top: 1px solid #c5d2e1 !important;
}

/*VM ETN*/
.vc_tta-panels .wpb_content_element{
  margin: unset;
}

.wpb-js-composer .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-tab>a:hover,
.wpb-js-composer .vc_tta-tab.vc_active>a{
	background: #e7edf2 !important;
}
.wpb-js-composer .vc_tta-panel-body{
	color: #002a5c !important;
}
.wpb-js-composer .vc_tta-panel-body ul{
	list-style: disc;
	margin: 10px 0 10px 30px;
}
.wpb-js-composer .vc_tta-panel-body ul li{
    list-style: disc;
}
.wpb-js-composer .vc_tta-tab.vc_active>a{
	color: #002b70 !important;
}
.wpb-js-composer .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-panels{
	background: none !important;
}
.reglogin-modal input.reglogin-input:not(.modal-etn-member), select.reglogin-input{
	display: block;
	margin: 0 auto;
	height: 40px;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 10px
}
.reglogin-modal a{
	text-decoration: none;
	color: #003979;
}
.reglogin-modal a:hover{
	text-decoration: underline;
}

/* Page loader */
.pushobj {
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
}
#pageloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    background: rgba(255,255,255,1);
}
#pageloader img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 132px;
    margin-left: -60px;
    margin-top: -45px;
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.menuBox .block.contactMobile {
    display: none;
}

.menu-item-has-children .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid white;
  margin-top: 8px;
}

/* WOOCOMMERCE */
body.woocommerce-page #contentCntr{ margin-top: 30px; margin-bottom: 30px; }
.woocommerce-MyAccount-navigation-link--downloads{ display: none !important; }
.woocommerce .col2-set, .woocommerce-page .col2-set{ margin-top: 10px; margin-bottom: 10px; }
.woocommerce-account h3{ padding-left: 10px; margin-bottom: 0; font-size: 18px; padding-top: 3px; display: inline-block; }
body.page-id-3634 .woocommerce-MyAccount-content,
.woocommerce-EditAccountForm{ padding: 20px; }
.woocommerce-MyAccount-navigation li a{ color: #003979; text-decoration: none; font-size: 22px; }
.woocommerce-MyAccount-navigation li.is-active a{ color: #4ea5d9 !important; }
.woocommerce-EditAccountForm legend{ font-weight: bold; }
.woocommerce_dash{ background: #f3f3f3; padding: 20px; }
.woocommerce input.button{ background: #003979; line-height: normal !important; padding: 3px 10px; border-radius: 10px; font-weight: bold; text-decoration: none; color: #fff; display: inline-block; border: none; }

/*ETN VM*/
/* hide name and email change on account details*/
.woocommerce-account form.edit-account > p.woocommerce-form-row {
    display: none;
}
.woocommerce table.shop_table tr{
    border-bottom: .2em solid rgba(0,42,92,.9);
}
.woocommerce table.shop_table tr:not(:first-child) td:first-child {
    padding-top: 1em;
}
.woocommerce table.shop_table{
    width: unset;
    min-width: 80%;
    margin: auto;
}

/* ### login ### */

.login {
    width: 100%;
    margin-bottom: 20px;
}

.login__inner {
    width: 100%;
    height: 100%;
    padding: 30px;
}

.login__inner--participant {
    width: 100%;
    background: #ddd9d2;
    padding: 30px !important;
}
.login__inner--participant:nth-child(even){
    background: #eaeaea;
}

.login__inner--first {
    background: #6ea1af;
    color: #fff;
}

.login__checks {
    overflow: hidden;
    margin-bottom: 7px;
}

.login__checks li {
    float: left;
    margin-right: 20px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
}

.login__inner--second {
    background: #ddd9d2;
}

.login h3 {
    font-size: 24px;
    margin-bottom: 12px;
    color: #2a2a2a;
}

.login__inner--first h3 {
    color: #fff;
}

.login p {
    color: #2a2a2a;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px;
}

.login__inner--first p {
    color: #fff;
}

.login__number {
    color: #6ea1af;
    font-size: 25px;
    text-decoration: none;
}

.login__number:hover {
    text-decoration: underline;
}

.login fieldset {
    border: 0;
    position: relative;
    padding: 0 50px 0 32px;
    padding-left: 0px;
    padding-right: 0px;
}

.login fieldset.nogap {
    padding: 0;
}

.login__social {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.login__social li {
    display: inline-block;
    margin: 0 15px;
}

.login__social li img {
    display: inline;
}

.login__of {
    width: 100%;
    background: url(img/of-bg2.jpg) repeat-x 0 3px;
    height: 18px;
    text-align: center;
}

.login__inner--first .login__of {
    background: url(img/of-bg.jpg) repeat-x 0 3px;
}

.login__of span {
    color: #2a2a2a;
    font-size: 20px;
    font-family: 'nexabold';
    display: inline-block;
    background: #ddd9d2;
    padding: 0 13px;
}

.login__inner--first .login__of span {
    color: #fff;
    background: #6ea1af;
}

.login input[type="text"],
.login textarea,
.login input[type="email"],
.login input[type="tel"] {
    border: 0;
    border-bottom: 1px solid #95938f;
    background: none;
    font-size: 18px;
    width: 100%;
    height: auto;
    padding: 20px 0 8px 0;
    margin-top: 6px;
    margin-bottom: 5px;
    color: #002a5c;
}
.input-desc {
    font-size: 0.8em;
    color: #434343;
    font-style: italic;
}

.login select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 0 50px 0 15px;
    border: 0;
}

.login__inner--first input[type="text"] {
    color: #adc6ce;
    border-bottom: 1px solid #53717a;
}

.login input[type="text"]::-webkit-input-placeholder,
.login textarea::webkit-input-placeholder {
    color: white;
}

.login__inner--first input[type="text"]::-webkit-input-placeholder {
    color: #adc6ce;
}

.login input[type="password"] {
    border: 0;
    border-bottom: 1px solid #95938f;
    width: 100%;
    background: none;
    font-size: 18px;
    height: auto;
    padding: 26px 0 8px 0;
    margin-bottom: 20px;
    color: #b1aea8;
}

.login__inner--first input[type="password"], .login__inner--first input[type="email"], .login__inner--first input[type="text"] {
    color: #adc6ce;
    border-bottom: 1px solid #53717a;
}

.login input[type="password"]::-webkit-input-placeholder {
    color: #b1aea8;
}

.login__inner--first input[type="password"]::-webkit-input-placeholder {
    color: #adc6ce;
}

.login input[type="submit"] {
    border: 0;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
}

.login__button {
    width: 100%;
    margin-top: -2px;
    overflow: hidden;
}

.login__button input[type="submit"],
.login__button input[type="button"] {
    width: auto;
    float: right;
    margin-bottom: 0;
}

.login input[type="submit"].button,
.login input[type="button"].button {
    width: auto !important;
    padding-right: 28px;
    padding-left: 28px;
    font-size: 20px;
    margin: 30px auto 10px auto;
    display: block;
}



.login__button input[type="submit"].button,
.login__button input[type="button"].button {
    padding-left: 28px;
    padding-right: 28px;
    width: auto;
}

.login__bottom {
    width: 100%;
    text-align: center;
}

.login__bottom a {
    color: #fff;
    font-size: 14px;
}

.login__bottom a:hover {
    text-decoration: none;
}

.login__holder {
    overflow: hidden;
}

.login__block1,
.login__block2,
.login__block3 {
    width: 100%;
    overflow: hidden;
}

.login .login__block1 input {
    float: left;
    width: 32%;
    margin-right: 1%;
    overflow: hidden;
}
.login .login__block1 input:last-of-type{
    width: 33%;
    margin-right: 0%;
}
.login__block2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
@media screen and (max-width: 767px) {
    .login__block2 {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}
.vc_col-sm-12.vc_width_1 .login__inner--participant.vc_col-sm-6{
    width: 100% !important;
}

.login .login__block2 select {
    float: left;
    /*! width: 50%; */
    overflow: hidden;
}

.login .login__block2 .etn-loop-checkbox input{
	margin-right: 1%;
}

.login .login__block2 .etn-loop-checkbox {
    padding: 20px 0 8px 0;
}

.login .login__block3 input,
.login .login__block3 select {
    float: left;
    width: 44%;
    margin-right: 30px;
}

.login .login__block3 input.last,
.login .login__block3 select.last {
    margin-right: 0px;
    width: 51%;
}

.login select {
    font-size: 18px;
    color: #262626;
    position: relative;
}

.login select::-ms-expand {
    display: none;
}

.steps{ padding-left: 10px; text-align: center; width: 100%; margin-top: 20px; margin-bottom: 20px; }

.login.facturatie .login__button input[type="submit"].button,
.login.facturatie .login__button input[type="button"].button {
    width: 51%;
}

/* ### links ### */

.links {
    width: 100%;
    background: #eae8e4;
    padding: 38px 0;
}

.links ul {
    text-align: center;
    width: 100%;
}

.links li {
    display: inline-block;
    padding: 0 38px 0 30px;
    font-size: 20px;
    background: url(img/arrow1.jpg) no-repeat right 3px;
    margin-bottom: 10px;
}

.links li:last-child {
    background: none;
}

.links li a {
    color: #262626;
    text-decoration: none;
}

.links li.active a{
    font-weight: bold;
}

.links li.pass a {
    color: #4ea5d9;
}

/* ### Mijn journey ### */

body.page-template-template-etn-shop-php #contentBox{ padding-top: 50px; padding-bottom: 50px; }

.mijn-journey{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}
.mijn-journey h3,
.mijn-journey h4,
.mijn-journey p {
    color: #fff !important;
}

.mijn-journey h4 {
    font-size: 20px;
    line-height: 27px;
}

.mijn-journey .login__block1,
.mijn-journey .login__block2 {
    float: none;
    width: 100%;
    padding: 0px;
    clear: both;
}

.mijn-journey select {
    display: block;
    float: left;
    width: 28%;
}

.mijn-journey select:first-of-type {
    margin-right: 3px;
    width: 71%;
}

.mijn-journey select {
    background: #bee5ed url(img/select-002.jpg) no-repeat right;
}

.login__inner--participant select{
    background: #fff url(img/select-002.jpg) no-repeat right;
}

.mijn-journey .login__inner--participant {
    background: #6ea1af;
}

.mijn-journey .login__button input[type="submit"].button,
.mijn-journey .login__button input[type="button"].button {
    padding-left: 28px;
    padding-right: 28px;
    border: 0px;
}

.mijn-journey .login__button input[type="button"].button {
    background: none;
    color: #9fc36b;
    text-decoration: underline;
}

.mijn-journey .totalPrice {
    background: #eae8e4;
    float: right;
    width: 100%;
    padding: 30px;
}

.mijn-journey label {
    font-size: 18px;
    color: black;
    margin-bottom: 5px;
}

.mijn-journey label span {
    font-size: 12px;
}

.mijn-journey .totalPrice input[type="text"].price,
.mijn-journey .totalPrice input[type="text"].totalprice{
    text-align: center;
    font-size: 25px;
    border: 0px;
    color: #262626;
    margin-top: -7px;
    font-weight: bold;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background: #003979 !important;
}

.mijn-journey .totalPrice input[type="text"],
.mijn-journey .totalPrice label {
    float: left;
    padding: 0px 0 8px 0;
}

.mijn-journey .totalPrice input[type="text"] {
    width: 49% !important;
}

.mijn-journey .totalPrice label {
    width: 51%;
}

.carousel-item{ display: none; }


/* ### Bedankt ### */

.login{
    margin-top: 20px;
}

.login.bedankt {
    text-align: center;
}

.login.bedankt input[type="button"] {
    width: auto !important;
    border: 0px;
    display: inline-block !important;
    margin-top: 41px;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.login.bedankt .login__inner {
    padding: 93px 8px 0px 28px;
    padding-top: 0px;
}


/* ### Overzicht ### */

.login.overzicht .col--lg-6 {
    width: 53%;
}

.login.overzicht .col--lg-3 {
    width: 18%;
}

.login.overzicht .col--lg-3.first {
    width: 29%;
}

.login.overzicht input[type="submit"].button {
    width: 350px;
}


/* ### Login betalen ### */

.login.betalen .login__holder .col {
    background: #bee5ed;
    font-size: 18px;
    color: #000;
    padding: 20px;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 61px;
}

.login.betalen .login__holder .col span.method {
    padding-top: 7px;
    display: inline-block;
    padding-left: 20px; /* new ETN */
}

.login.betalen .login__holder input[type="checkbox"] {
    background: #6da1af;
    margin: 0px;
    border: 2px solid #6da1af;
    margin-top: 3px !important;
}

.login.betalen .login__holder input[type=checkbox]:checked {
    background: #bee5ed;
}

.login.betalen .login__holder input[type=checkbox]:checked:before {
    background: none;
}

.login.betalen .login__holder .paypal input[type="checkbox"] {
    margin-top: -3px !important;
}

.login.betalen .login__holder .paypal .paymentIcon {
    padding-top: 10px;
}

.login.betalen .paymentIcon {
    /*width: 116px;*/
    display: inline-block;
}

.login.betalen .paymentIcon img {
    padding-left: 19px;
    vertical-align: middle;
    display: inline;
}

.login.betalen input[type="submit"].button {
    width: 350px;
}

.login input[type="text"].selected_product{
    background: #bee5ed;
    font-size: 18px;
    color: #000;
    padding: 15px;
    border: 0;
}

/* ### VM ETN ### */
table.wpDataTable .columnValue{
    font-weight: normal !important;
}


.sub-menu .sub-menu li{
	font-size: medium;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}

.menu > .menu-item > a{
	font-size: 22px;
}

.linkBox .pagenav .page_item .children li{
  font-size: medium !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.linkBox .pagenav .page_item .children .children li:not(.current_page_item) {
    display: none;
}

.linkBox .pagenav .page_item .children .children li.current_page_item {
    padding-left: 20px;
    font-size: small !important;
}

/* ### VM ETN ### */
#eventTable {
 /*border-spacing: 0px;*/
 border-collapse: collapse;
 width: 100%;
 border:1px solid black;
}

#eventTable td, #eventTable th {
   border: 1px solid #ddd;
   padding: 8px;
}

#eventTable tr:nth-child(even){background-color: #f2f2f2;}

#eventTable tr:hover {background-color: #ddd;}

#eventTable th {
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: left;
   background-color: #002A5C;
   color: white;
   /*cursor: pointer;*/
}

/*ETN VM*/
.groupBox .description h1 + p,
.groupBox .description h2 + p,
.groupBox .description h3 + p,
.groupBox .description h4 + p{
    margin-top: 0px !important;
}

/*ETN VM*/
.groupBox .description p,
.groupBox .description h1,
.groupBox .description h2,
.groupBox .description h3,
.groupBox .description h4{
	margin-bottom: 0px !important;
	margin-top: 20px !important;
}
/*
.wpb_wrapper p:nth-child(n+2),
.wpb_wrapper h1,
.wpb_wrapper h2,
.wpb_wrapper h3,
.wpb_wrapper h4{
	margin-bottom: 0px !important;
	margin-top: 20px !important;
}*/ /*Too general*/

/*ETN VM*/
.register-response{
    text-align: justify;
    text-justify: inter-word;
    text-align-last: center;
}

/*ETN VM*/
.google-visualization-tooltip {
  list-style: none !important;
  width: 400px !important;
}
.google-visualization-tooltip ul, .google-visualization-tooltip li{
  list-style: none !important;
  margin: 8px !important;
  padding: 0px !important;
}

/*ETN VM*/
.etn-board ul{
  padding: 0px 10px !important;
}
.etn-board ul li{
  margin-bottom: 1em !important;
}
.etn-board p{
  margin-bottom: 0px !important;
}

/* ### ETN link box ### */
.ETNlinkBox .heading {
    font-weight: bold;
    color: #003979;
    position: relative;
    /*padding: 5px 0;*/
    font-size: 18px;
}
.ETNlinkBox ul {
    list-style: none;
}
.ETNlinkBox ul,
.ETNlinkBox ul li,
.ETNlinkBox ul li ul,
.ETNlinkBox ul li ul li{
    list-style: none !important;
    margin-left: 0px;
    padding: 0px;
}

/*.ETNlinkBox ul li {
    font-size: 20px;
    position: relative;
    padding: 5px 0;
}*/
.ETNlinkBox li.pagenav{
  padding: 0;
}
.ETNlinkBox li a {
    color: #003979;
    text-decoration: none;
}
.ETNlinkBox li a:hover {
    color: #4ea5d9;
}
.ETNlinkBox li:hover:before {
    border-color: #4ea5d9;
}
.ETNlinkBox li ul li:before {

}
.ETNlinkBox li ul li ul li{
	margin-left: 0;
}
.ETNlinkBox ul li ul li a:before{
	content:"- ";
}
.ETNlinkBox li.current_page_item > a, .current-page-ancestor > a{
	color: #4ea5d9 !important;
}
.ETNlinkBox .pagenav .page_item .children li{
  font-size: medium !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	/*list-style: none !important;*/
}

/******************************/

/*VM ETN*/
#evc-icon-list-wrapper, #evc-icon-list-wrapper > ul {
    margin-bottom: 0px;
}


/******************************/

/*VM ETN - interactive maps (members & GT)*/
.hoverinfo{
  position:fixed !important;
  overflow: visible;
  z-index:999;
}

#ETNMapContainer ul {
    margin-top: -10px;
}

/* works but out of div...
.hoverinfo{
  position:fixed !important;
  top:100px;
  left:100px;
  z-index:999;
}*/


/******************************/

/*tooltips*/
/*source: https://www.w3schools.com/css/css_tooltip.asp*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 4px 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip .tooltipbottom {
  top: 125%;
  margin-left: -100%;;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}


/******************************/
img.shrinkToFit{
  max-width: 100%;
  height: auto;
}

/******************************/
.dwqa-breadcrumbs {
display: none;
}

/**********/
.etn-loading {
    background: #fff url('css/ajax-loader.gif') center center no-repeat;
    min-height: 32px;
    min-width: 32px;
    float: right;
    display: block;
    margin: 30px 30px 10px 30px;
}
.linkBox + .twitter_feed {
    margin-top: 10px;
}
div.alert {
    background: #F03131;
    padding: 10px;
    border: 1px solid #CCC;
}
.alert a {
    color: #FFF;
    text-decoration: underline;
}