@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display:fallback;
    src: url('../fonts/open-sans-300.eot');
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans-300.woff2') format('woff2'),
    url('../fonts/open-sans-300.woff') format('woff'),
    url('../fonts/open-sans-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display:fallback;
    src: url('../fonts/open-sans-regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans-regular.woff2') format('woff2'),
    url('../fonts/open-sans-regular.woff') format('woff'),
    url('../fonts/open-sans-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display:fallback;
    src: url('../fonts/open-sans-600.eot');
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/open-sans-600.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans-600.woff2') format('woff2'),
    url('../fonts/open-sans-600.woff') format('woff'),
    url('../fonts/open-sans-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display:fallback;
    src: url('../fonts/open-sans-700.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans-700.woff2') format('woff2'),
    url('../fonts/open-sans-700.woff') format('woff'),
    url('../fonts/open-sans-700.ttf') format('truetype');
}



html { height: 100%; overflow-y: scroll;}
body { height: 100%; margin: 0; padding: 0; font-family: "Myriad Pro", sans-serif; font-size: 14px; color: #093858; letter-spacing: 0; background: #fbfbfb;}
input, textarea { font-family: "Open Sans", Arial, sans-serif; font-size: 15px; line-height: 20px;}
a {color: #093858; text-decoration: none;}
a:hover {text-decoration: underline;}
.linkedin > a {font-weight: 600;}

.main-wrapper { position: relative; width: 100%; height: 100%; min-width: 250px; min-height: 100%; margin: 0 auto;}
.mobile-trigger {display: none;}

/* Main header */
.main-header {height: 100%; overflow: hidden; background: url('../images/main-slide.jpg') center center no-repeat; background-size: cover;}
.main-header.subpage {background-position: top;}
.main-header > .ga-letters {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/ga-letters.png') center center no-repeat; background-size: cover;}
.main-header.subpage {position:relative;height: 400px;}
.main-header.subpage > .ga-letters {height: 1000px;}

.main-header > .upper {position: relative;display: flex; flex-flow: row nowrap; padding: 35px 80px 0 80px; z-index: 2;}
.main-header > .upper > .logo {display: block; flex: 0 0 auto; width: 215px;}
.main-header > .upper > .logo > img {width: 100%;}
.main-header > .upper > .menu {display: flex; flex-flow: row nowrap; flex: 1 1 auto; align-items: center; justify-content: flex-end;}
.main-header > .upper > .menu > li {display: block; flex: 0 0 auto;margin:0 25px;border-bottom: 3px solid transparent;line-height: 35px;}
.main-header > .upper > .menu > li > a {font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; text-transform: uppercase;text-decoration: none;padding-bottom: 10px;}
.main-header > .upper > .menu > li:hover {border-bottom: 3px solid #31caee;}

.main-header > .slogan {position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 100%; animation: 1.2s fadeIn 0.45s; transition: all 0.15s ease-out;}
.main-header > .slogan > .text {margin-bottom: 10px; font-size: 64px; line-height: 70px; color: #fff; font-weight: 600;text-transform: uppercase; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); cursor: default;}
.main-header > .slogan > .sub {font-size: 44px; line-height: 50px; color: #31caee; font-weight: bold; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); cursor: default;}

.languages {font-size: 16px;margin-left:20px;margin-top: 17px;}
.languages > li {float:left;padding: 0 20px;}
.languages > li > a {color: white;text-transform: uppercase;font-weight: 600;}

/* Content */

.module-content {width: 100%;max-width: 1300px;margin:0 auto;padding-top: 85px;}
.module-content.slogan {padding-top:0;}
.module-content > .page-title {font-size: 32px;font-weight: 600;color: #093858;}
.module-content > .page-title.member {font-size: 48px;margin-bottom: 30px;}
.leftSide {display:none;float: left;max-width:39%;}
.rightSide {float: right;width: 100%;}
.leftSide.member {display: block;}
.rightSide.member {max-width: 60%;}
.leftSide.member.alvin {max-width: 60%;}
.rightSide.member.alvin {max-width: 39%;text-align: right;}

.oneNewsHolder {margin-bottom: 80px;}
.leftSide.news {display: block;width: 100%;max-width: 420px;}
.leftSide.news > .page-title {font-size: 24px;line-height: 1.42;font-weight: 600;}
.rightSide.news {display: block;width: 100%;max-width: 750px;color: black;line-height: 1.88;font-weight: normal;font-size: 16px;}
.rightSide.news span {font-family: "Myriad Pro", sans-serif !important;}

/* Members Profile page */
.module-content.ga {background: url('../images/ainalvinG.svg') 43px 0% no-repeat;background-size: 42%;}

.memberImageHolder {width: 100%;margin-bottom: 55px;}
.memberImageHolder > img {width: 100%;}

.topicsBg {display: none;position: relative;width: 100%;background-color: rgba(248, 237, 219, 0.6);left: 0; }
.topicsA {position: absolute;width: 50%;right:-190px;z-index: -1;}
.topicsG {position: absolute;width:100%;right:0;z-index:-1;top:-213px;}
.topicsG.alvin {top: -312px;}
.topicsG > img, .topicsA > img {width: 100%;}
.topicsHolder {position: relative;width: 100%;max-width: 1300px;min-height: 300px;margin:0 auto;}
.topicsHolder > .topicsContent {padding: 90px 0;max-width: 844px;padding-right: 100px;}
.topicsTitle {font-size: 24px;color: #093858;font-weight: 600;}
.topicsContent > .hr {background-color: #093858;opacity: 0.2;width: 100%;height: 4px;margin: 15px 0;}
.topicsContent > ul > li {font-size: 24px;line-height: 3.33;color: #093858;border-bottom: 1px solid #c1c1c1;}
.topicsBg.member {display: block;}

.sloganHolder {display:table;height: 380px;width: 100%;text-align: center;font-size: 32px;color: #093858;line-height: 1.44;}
.sloganHolder > .sloganContent {display: table-cell;height: 380px;vertical-align: middle;font-style: italic;}
.sloganHolder > .sloganContent span {font-style: normal;}

.timeLineHolder {display:none;width: 100%;height: 815px;background-color: rgba(9, 56, 88, 0.03); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);}
.timeLineHolder.member {display: table;}
.timeLineContent {height:815px;vertical-align: middle;
                        max-width: 1400px;margin:0 auto;}
.timeLineContent.leon {background: url('../images/ajutised/leon_timeline_eng.png') no-repeat;background-size: cover;background-position: top;}
.timeLineContent.alvin {background: url('../images/ajutised/alvin_timeline_eng.png') no-repeat;background-size: cover;background-position: top;}

.timeLineContent.leon.et {background: url('../images/ajutised/leon_timeline.png') no-repeat;background-size: cover;background-position: top;}
.timeLineContent.alvin.et {background: url('../images/ajutised/alvin_timeline.png') no-repeat;background-size: cover;background-position: top;}

.holdingMiddleThings {position: relative;}
.middleLine {width: 100%;border: solid 1px #093858;height:1px;}
.timeLineHolder.leon {}
/* Main footer */
.main-footer {background: #093858; padding: 54px 70px;}
.main-footer > .inner {display: flex; flex-flow: row nowrap; align-items: center;justify-content: center;}
.main-footer > .inner > .block {flex: 0 0 auto; padding: 5px 0; font-size: 24px; color: #fff;}
.main-footer > .inner > .block.with-separator { margin-left: 20px; padding-left: 20px; border-left: 1px solid #fff;}
.main-footer > .inner > .block > a {color: #fff;}
.main-footer > .inner > .block > a:hover {color: #31caee;}

/********* MOBILE *********/

.mobileMenuHolder {position:absolute;width: 100%;top: -450px;height: 450px;background: #28364a;z-index:2; transition: 1s;}
.mobileMenuHolder.open {top: 0px;transition: 1s;}
.mobileMenuContent {padding-top: 100px;}
.mobileMenuContent > ul {margin:0px;padding:0px;list-style: none;}
.mobileMenuContent > ul > li {width: 100%;text-align: center;padding: 20px 0px;}
.mobileMenuContent > ul > li.active > a {border-bottom: 2px solid #31caee;}
.mobileMenuContent > ul > li > a {text-decoration: none;color:white;font-size: 17px;text-transform: uppercase;font-weight: 600;padding-bottom: 5px;}
.mobileMenuContent > ul > li > ul {list-style:none;margin-top: 25px;}
.mobileMenuContent > ul > li > ul > li {line-height: 30px;}
.mobileMenuContent > ul > li > ul > li > a {color:white;text-transform: uppercase;font-size: 12px;font-weight: 600;}
.mobileMenuContent > .languageHolder {display: block;float: none;text-align: center;}
.mobileMenuContent > .languageHolder > a {font-size: 17px;color:white;}

.main-footer > .inner > .block.logo {margin-right: 50px; padding: 0;}
.main-footer > .inner > .block.logo > img {width: 120px;}
.main-footer > .inner > .block.company {font-weight: 600;}
.bt-menu {display: none;position: absolute;right:0;top: 12px;}

.bt-menu-trigger {
    position: relative;
    float: right;
    top: 15px;
    right: 20px;
    display: block;
    width: 40px;
    height: 50px;
    cursor: pointer;
    z-index: 6;
}
.bt-menu-trigger.noslide {top: 260px;}
.bt-menu-trigger span {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 100%;
    height: 4px;
    margin-top: -2px;
    background-color: white;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 3px;
}

.bt-menu-open .bt-menu-trigger span {
    background-color: transparent;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    border-radius: 3px;
}

.bt-menu-trigger span:before {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}

.bt-menu-trigger span:after {
    -webkit-transform: translateY(250%);
    transform: translateY(250%);
}

.bt-menu-open .bt-menu-trigger span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.bt-menu-open .bt-menu-trigger span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}


@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.inMobile.alvin {display: none;}

@media all and (max-width: 1400px) {
    .main-footer > .inner > .block {font-size: 20px;}
}

@media all and (max-width: 1200px) {
    .main-header > .slogan {padding-left: 15px; padding-right: 15px;}
    .main-header > .slogan > .text {font-size: 46px; line-height: 56px;}
    .main-header > .slogan > .sub {font-size: 34px; line-height: 40px;}

    .main-footer {padding: 40px 35px;}
    .main-footer > .inner {display: block;}
    .main-footer > .inner > .block {display: block; width: 100%; font-size: 20px; line-height: 26px; text-align: center;}
    .main-footer > .inner > .block.with-separator {border-left: 0; margin-left: 0; padding-left: 0;}

    .main-footer > .inner > .block.logo {margin-bottom: 15px;}
    .main-footer > .inner > .block.company {margin-bottom: 35px;}

    .main-header > .upper > .menu > li {margin: 0 10px;}
}

@media all and (max-width: 800px) {

    .inMobile.alvin {display: block;padding-left: 10px;}

    .main-header.subpage {height: 200px;}

    .main-header > .slogan > .text {margin-bottom: 15px; font-size: 36px; line-height: 44px;}
    .main-header > .slogan > .sub {font-size: 28px; line-height: 36px;}

    .module-content {padding-top: 40px;}

    .main-footer {padding: 30px 25px;}
    .main-footer > .inner > .block {font-size: 18px; line-height: 24px;}
    .main-footer > .inner > .block.phone > a {color: #31caee;}

    .main-header > .upper > .menu { display: none;}
    ul.languages {display: none;}

    .leftSide { padding:0 10px;}
    .module-content > .page-title.member {padding-left: 10px;font-size: 35px;}

    .topicsHolder > .topicsContent {padding-left:10px;padding-right: 10px;}
    .sloganHolder > .sloganContent {padding:0 10px;}

    .memberImageHolder {margin-bottom: 0;}
    .leftSide.member {width: 100%;}
    .leftSide.member.alvin {float:right;max-width: 100%;}
    .rightSide.member {max-width: 100%;padding:0 10px;}
    .rightSide.member.alvin {display:none;float: right;max-width: 100%;padding:0 10px;}
    .topicsG {top: -71px;width: 435px;}
    .bt-menu {display: block;}
    .topicsG.alvin {top: -104px;}

    .topicsContent > ul > li {font-size: 18px;}

    .ncsl-list {flex-wrap: wrap;}
    .module-content.ga {padding: 20px 10px;}
    .ncsl-list > .item {height: auto !important;}

    .module-content > .page-title {padding-left: 10px;}

    .pcscf-layout .contact-content {flex-wrap: wrap;}
    .contact-content > .leftSide {max-width: 100% !important;padding: 65px 0 !important;padding-left: 10px !important;font-size: 18px !important;}
    .mapHolder {height: 400px !important;}


    .timeLineHolder {height: 300px;}
    .timeLineContent {height: 300px;background-size: contain;}
    .timeLineContent.leon {background-size: contain;}

    .sloganHolder.member {font-size: 23px;height: 280px;}
    .sloganHolder > .sloganContent {height: 280px;}

    .rightSide.news {padding:0 10px;}
    .pcsp-content ul li {font-size: 18px !important;}
    .ncsl-list > .item > .info > .title {padding: 0 10px !important;}

    .rightSide {padding:0 10px;}
    .pcsp-content .rightSide h4 {margin-left: 0 !important;}
    .pcsp-content ul {padding: 0 !important;}

    .ncsl-list > .item { margin: 57px auto !important;}
}

@media all and (max-width: 600px) {
    .main-header > .upper {padding: 30px 25px;}
    .main-header > .upper > .logo {width: 170px;}
    .main-header > .slogan > .text {margin-bottom: 26px; font-size: 32px; line-height: 38px;}
    .main-header > .slogan > .sub {font-size: 24px; line-height: 32px;}
}

@media all and (max-width: 350px) {
    .main-header > .upper > .menu{display: none;}
    .main-header > .slogan > .text {margin-bottom: 26px; font-size: 24px; line-height: 32px;}
    .main-header > .slogan > .sub {font-size: 22px; line-height: 30px;}
}

@media all and (max-height: 350px) {
    .main-header > .upper{padding-top: 20px;}
    .main-header > .upper > .logo{width:170px;}
    .main-header > .slogan > .text {margin-bottom: 5px; font-size: 32px; line-height: 38px;}
    .main-header > .slogan > .sub {font-size: 22px; line-height: 30px;}
}