html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('fonts/MuseoSans-900.eot');
    src: url('fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'),url('fonts/MuseoSans-900.woff2') format('woff2'),url('fonts/MuseoSans-900.woff') format('woff'),url('fonts/MuseoSans-900.ttf') format('truetype'),url('fonts/MuseoSans-900.svg#MuseoSans-900') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('fonts/MuseoSans-500.eot');
    src: url('fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),url('fonts/MuseoSans-500.woff2') format('woff2'),url('fonts/MuseoSans-500.woff') format('woff'),url('fonts/MuseoSans-500.ttf') format('truetype'),url('fonts/MuseoSans-500.svg#MuseoSans-500') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('fonts/MuseoSans-300.eot');
    src: url('fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),url('fonts/MuseoSans-300.woff2') format('woff2'),url('fonts/MuseoSans-300.woff') format('woff'),url('fonts/MuseoSans-300.ttf') format('truetype'),url('fonts/MuseoSans-300.svg#MuseoSans-300') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('fonts/MuseoSans-700.eot');
    src: url('fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),url('fonts/MuseoSans-700.woff2') format('woff2'),url('fonts/MuseoSans-700.woff') format('woff'),url('fonts/MuseoSans-700.ttf') format('truetype'),url('fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
    font-weight: normal;
    font-style: normal
}

html {
    overflow-y: scroll
}

body {
    font-family: 'Museo Sans 300','Trebuchet MS',Arial,sans-serif;
    font-size: 13px !important;
    letter-spacing: 0.8px;
    line-height: 22px;
    color: #444444;
    overflow-x: hidden
}

a,em {
    color: #444444;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #006c47
}

h1,h2,h3,h4,h5 {
    text-transform: uppercase;
    font-family: 'Museo Sans 500';
    color: #f6bd5c
}

img {
    width: 100%
}

.zoo-item-list div.media-left {
    margin: 0 !important
}

ol,ul {
    padding-left: 15px
}

strong {
    color: #333;
    font-family: 'Museo Sans 700';
    font-weight: normal
}

ol li {
    margin-top: 15px;
    padding-left: 10px
}

ol {
    padding-bottom: 15px
}

ol:last-child {
    padding-bottom: 0
}

ol.number > li {
    counter-increment: root;
    margin-top: 25px
}

ol.number > li > ol.count {
    counter-reset: subsection;
    list-style-type: none
}

ol.number > li > ol.count > li {
    counter-increment: subsection;
    padding-left: 40px;
    margin-left: -15px;
    position: relative
}

ol.number > li > ol.count > li:before {
    content: counter(root) "." counter(subsection) " ";
    position: absolute;
    left: 0
}

.uk-description-list-horizontal > dd {
    hyphens: auto
}

.uk-animation-1 {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important
}

.uk-padding-bottom-remove {
    padding-bottom: 0 !important
}

.ppbMarginTop {
    margin-top: 60px !important
}

.ppbMarginBtm {
    margin-bottom: 60px !important
}

.ppbDisplay {
    display: none !important
}

.ppbButton a,.ppbButton .uk-button {
    border: 1px #444 solid;
    background: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: 'Museo Sans 700';
    text-decoration: none;
    color: #444;
    padding: 0 20px 0 70px;
    height: 50px;
    line-height: 50px;
}

.ppbContactForm .ppbButton .uk-button {
    border: 1px #444 solid !important;
    border-radius: 0 !important
}

.ppbButton .uk-button {
    line-height: 50px;
    min-height: 0;
    width: auto;
    margin-top: 0
}

.ppbButton a:hover,.ppbButton .uk-button:hover {
    color: #fff;
    background: none !important
}

.ppbButton a:after,.ppbButton .uk-button:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #006c47;
    transform-origin: left;
    transition: width 0.4s ease;
    z-index: -1
}

.ppbButton a:hover:after,.ppbButton .uk-button:hover:after {
    width: 100%
}

.ppbButton a:before,.ppbButton .uk-button:before {
    content: "\e903";
    font-family: 'ppbIcon';
    position: absolute;
    text-align: center;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 50px;
    width: 50px;
    background: #006c47;
    color: #fff;
    font-size: 1.4em
}

.ppbBanner .ppbButton a {
    background: rgba(245,245,245,0.9);
    border: none
}

.ppbBanner .ppbButton a:before {
    background: #f6bd5c
}

.ppbBanner .ppbButton a:after {
    background-color: #f9b337
}

.ppbBanner .ppbButton a:hover {
    color: #fff;
    background: rgba(245,245,245,0.1)
}

.ppbNotice {
    position: absolute;
    bottom: 0;
    right: 12.5%;
    width: 25%;
    background: rgba(0,0,0,0.75);
    z-index: 999;
    color: #fff
}

.ppbNoticeCtn {
    border: 1px solid #b09a51;
    border-bottom: none;
    padding: 30px 30px 20px 30px;
    margin: 10px
}

.ppbNoticeCtn .bottom-border.left,.ppbNoticeCtn .bottom-border.right {
    background: #b09a51;
    bottom: 10px
}

.ppbNoticeCtn.ppbHomeList .bottom-border.left,.ppbNoticeCtn.ppbHomeList .bottom-border.right {
    background: #b3d335
}

.ppbNoticeCtn .bottom-border.left {
    left: 10px
}

.ppbNoticeCtn .bottom-border.right {
    right: 10px
}

.ppbNoticeCtn.ppbHomeList {
    border-color: #b3d335;
    padding-right: 45px
}

.ppbNoticeCtn ul.nav,.ppbNoticeCtn.ppbHomeList ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.ppbNoticeCtn ul.nav li {
    margin-bottom: 5px;
    position: relative
}

.ppbNoticeCtn ul.nav li a {
    color: #fff;
    padding-left: 35px;
    position: relative;
    display: inherit
}

.ppbNoticeCtn ul.nav li a:hover,.ppbNoticeCtn ul.nav li:hover:after {
    color: #f9b339
}

.ppbNoticeCtn ul.nav li:after {
    content: "\e901";
    font-size: 1.5em;
    font-family: 'ppbIcon';
    position: absolute;
    top: 0px;
    left: 0
}

.ppbNoticeCtn h2 {
    font-size: 1.3em;
    color: #fff;
    margin: 0;
    margin-bottom: -10px;
    line-height: 1.25em
}

.ppbHomeList li a,.ppbHomeList li a:hover,.ppbHomeList li a h3 {
    color: #fff
}

.txtcolor01 {
    color: #7da277 !important
}

.txtcolor02 {
    color: #c35e64 !important
}

.txtcolor03 {
    color: #50407c !important
}

.txtcolor04 {
    color: #006a8e !important
}

.txtcolor05 {
    color: #dea311 !important
}

.txtcolor06 {
    color: #81298d !important
}

.bg01 {
    background-color: #7da277 !important
}

.bg02 {
    background-color: #c35e64 !important
}

.bg03 {
    background-color: #50407c !important
}

.bg04 {
    background-color: #006a8e !important
}

.bg05 {
    background-color: #dea311 !important
}

.bg06 {
    background-color: #4c4c4e !important
}

.bg07 {
    background-color: #81298d !important;
    color: #fff !important
}

.uk-container {
    padding: 0 !important
}

.uk-table-condensed td {
    padding: 12px
}

.uk-table th {
    padding: 10px 12px;
    color: #81298d
}

.uk-table-top,.uk-table-top td {
    vertical-align: top !important
}

.uk-table-bottom {
    vertical-align: bottom !important
}

.panel-container,.panel-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.panel-container.uk-position-z-index {
    z-index: 5
}

.panel {
    width: 100%;
    height: 100%;
    border-right: solid 1px #cccccc;
    border-color: rgba(204,204,204,0.3);
    position: relative
}

.panel-banner {
    z-index: 1;
    position: relative
}

.ppbWrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0
}

.ppbWrapper .uk-slideshow {
    height: 100vh !important
}

.ppbWrapper .uk-slideshow>li {
    height: 100% !important
}

.ppbHeader {
    position: fixed;
    margin: 0;
    z-index: 9998;
    width: 100%;
    height: 90px
}

.ppbHeaderBg {
    background: #fff;
    border-bottom: 1px #ccc solid;
    border-color: rgba(204,204,204,0.4)
}

.ppbLogo {
    position: absolute;
    z-index: 99999;
    float: left;
    margin-left: 50px;
    top: 26px
}

ul.ppbMenu {
    float: right;
    margin-right: 50px;
    color: #333;
    margin-top: 35px;
    text-shadow: 2px 0px 15px rgba(255,255,255,1)
}

ul.ppbMenu li {
    float: left;
    list-style: none
}

ul.ppbMenu li.search {
    position: relative;
    padding-right: 20px;
    font-size: 1.25em;
    vertical-align: middle;
    cursor: pointer
}

ul.ppbMenu li.search a {
    color: #333
}

ul.ppbMenu li.search img {
    width: auto
}

ul.ppbMenu li.search .image-title {
    display: none
}

ul.ppbMenu li.search::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    width: 1px;
    height: 25px;
    background: #666
}

.uk-visible-small.search img {
    display: none
}

.uk-visible-small.search {
    border-bottom: #e5e5e5 1px solid
}

.uk-visible-small.search ul li {
    list-style: none;
    margin-left: 15px
}

.uk-visible-small.search ul li a {
    color: #333
}

.uk-visible-small.search .image-title {
    font-family: 'Museo Sans 500';
    margin-left: 10px
}

ul.ppbMenu li.menu {
    position: relative;
    font-family: 'Museo Sans 700';
    padding-left: 25px;
    cursor: pointer
}

ul.ppbMenu li.menu:hover,.btn-close:hover,ul.ppbMenu li.search i:hover {
    color: #f9b339;
    transition: all .3s ease
}

ul.ppbMenu li.menu i {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 5px
}

.btn-close {
    z-index: 9999;
    position: relative;
    top: 34%;
    color: #333;
    right: 50px;
    float: right;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 1.4em
}

.nav-content {
    position: fixed;
    top: -100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,1);
    display: block;
    height: 90px;
    z-index: 9999;
    border-bottom: 1px solid rgba(204,204,204,0.3)
}

.ppbNav div#maximenuck104 ul.maximenuck {
    padding: 0 !important;
    background: none!important;
    border-top: none !important;
    font-family: 'Museo Sans 700' !important;
    text-align: right;
    margin-right: 85px
}

.ppbNav div#maximenuck104 ul.maximenuck li.maximenuck.level1 > a {
    color: #333 !important;
    text-transform: uppercase;
    padding: 0 !important
}

div#maximenuck104 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,div#maximenuck104 ul.maximenuck li.maximenuck.level1.active > a span.titreck {
    color: #f6bd5c !important;
    border-bottom: 2px solid #f6bd5c;
    transition: all 0.3s ease
}

div#maximenuck104 ul.maximenuck li.maximenuck.level2:hover > a span.titreck,div#maximenuck104 ul.maximenuck li.maximenuck.level3:hover > a span.titreck {
    transition: all 0.3s ease;
    color: #f6bd5c;
    text-decoration: underline
}

div#maximenuck104 ul.maximenuck li.maximenuck.level2.active > a span.titreck,div#maximenuck104 ul.maximenuck li.maximenuck.level3.active > a span.titreck {
    color: #f6bd5c !important;
    position: relative
}

.ppbNav div#maximenuck104 ul.maximenuck li.maximenuck ul.maximenuck2 li.level2 a {
    padding: 0;
    text-transform: uppercase
}

.ppbNav div#maximenuck104 ul.maximenuck li.maximenuck.level1 {
    border-bottom: none !important;
    margin-right: 30px
}

.ppbNav div#maximenuck104 ul.maximenuck li.maximenuck.level1:hover,div#maximenuck104 ul.maximenuck li.maximenuck.level1.active,div#maximenuck104 ul.maximenuck li.maximenuck.level1.clickedck {
    background: none !important;
    border-bottom: none !important;
    transition: all .3s ease
}

div#maximenuck104.maximenuckh ul.maximenuck li.level1.parent > a::after,div#maximenuck104.maximenuckh ul.maximenuck li.level1.parent > span.separator::after {
    display: none !important
}

div#maximenuck104.maximenuckh li.fullwidth > div.floatck {
    position: fixed !important;
    top: 90px!important;
    background-color: #414141;
    color: #f6bd5c;
    text-transform: uppercase;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    font-family: 'Museo Sans 500' !important
}

div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck {
    background: none !important
}

div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover > a,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover > span,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck > a,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck > a,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck > span,div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck > span,div#maximenuck104 ul.maximenuck li.maximenuck a,div#maximenuck104 ul.maximenuck2 a {
    color: #f6bd5c !important
}

div#maximenuck104 ul.maximenuck2 li.maximenuck li.maximenuck a,div#maximenuck104 ul.maximenuck2 li.maximenuck li.maximenuck span.separator,div#maximenuck104 ul.maximenuck2 ul.maximenuck2 a {
    color: #fff !important;
    text-transform: none !important
}

div#maximenuck104 ul.maximenuck li div.floatck {
    padding: 20px 4% 40px 4% !important
}

div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck.level2 {
    display: inline-block !important;
    vertical-align: top;
    margin-right: 30px;
    margin-top: 20px;
    width: 16.666%
}

div#maximenuck104 ul.maximenuck li.maximenuck.nodropdown div.floatck,div#maximenuck104 ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck,div#maximenuck104 .maxipushdownck div.floatck div.floatck {
    margin: 0 !important;
    padding: 10px 0 !important
}

div#maximenuck104 ul.maximenuck li ul.maximenuck2 li.maximenuck ul.maximenuck2 li.maximenuck {
    margin: 0 0 10px 0 !important
}

div#maximenuck104 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck > a,div#maximenuck104 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.maximenuflatlistck.level3 > a,div#maximenuck104 .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck > a {
    text-indent: 0 !important
}

@keyframes showNav {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

@-webkit-keyframes showNav {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

@-moz-keyframes showNav {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

@-o-keyframes showNav {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

.showNav {
    -webkit-animation: showNav .8s ease forwards;
    -moz-animation: showNav .8s ease forwards;
    -o-animation: showNav .8s ease forwards;
    animation: showNav .8s ease forwards
}

@keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-webkit-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-moz-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

@-o-keyframes hideNav {
    from {
        top: 0
    }

    to {
        top: -100%
    }
}

.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards
}

.hidden {
    display: none
}

.ppbOffCanvas .ppbLogo2 {
    margin: 30px 30px 30px 25px;
    width: 180px
}

.uk-offcanvas {
    position: fixed;
    background: rgba(0,0,0,.3) !important
}

.ppbOffCanvas .btn-close {
    top: 25px;
    right: 18px;
    font-size: 1.6em
}

.ppbOffCanvas .uk-offcanvas-bar {
    width: 400px;
    background: #fff;
    letter-spacing: 1.5px;
    box-shadow: -2px 2px 15px rgba(0,0,0,0.3)
}

.uk-offcanvas-page {
    position: relative !important;
    height: 100vh
}

.ppbOffCanvas .accordeonck ul {
    padding: 0
}

.ppbOffCanvas #accordeonck153 li.accordeonck > span a {
    color: #333;
    font-family: 'Museo Sans 700';
    padding-right: 25px !important
}

.ppbOffCanvas #accordeonck153 li.accordeonck > span a:hover,.ppbOffCanvas #accordeonck153 li.accordeonck.active > span a,.ppbOffCanvas #accordeonck153 li.accordeonck.parent.open > span a {
    color: #f9b339 !important
}

.ppbOffCanvas #accordeonck153 li.accordeonck.parent.open > span a {
    text-decoration: underline
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level1.open {
    background: #f5f5f5;
    transition: all 0.3s ease
}

.ppbOffCanvas #accordeonck153 li.parent > span span.toggler_icon {
    background: url(../images/icon_arrowDw.png) center center no-repeat !important;
    width: 10px;
    right: 30px
}

.ppbOffCanvas #accordeonck153 li.parent.open > span span.toggler_icon {
    right: 30px;
    background: url(../images/icon_arrowUp.png) center center no-repeat !important
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level1:first-child {
    border-top: 1px solid #e5e5e5
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level1 {
    border-bottom: 1px #e5e5e5 solid;
    padding: 20px 0 0 0
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level1 > span a {
    text-transform: uppercase;
    margin: 0 30px 20px 30px
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level2.parent > span span.toggler_icon,.ppbOffCanvas #accordeonck153 li.accordeonck.level3.parent > span span.toggler_icon {
    right: 0
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level2 {
    border-top: 1px dashed #ccc;
    margin: 0 30px
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level2 > span a {
    padding: 15px 0;
    text-transform: uppercase
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level3 > span a,.ppbOffCanvas #accordeonck153 li.accordeonck.level4 > span a,.ppbOffCanvas #accordeonck153 li.accordeonck.level5 > span a {
    text-transform: none;
    margin-bottom: 20px;
    color: #666;
    font-family: 'Museo Sans 500'
}

.ppbOffCanvas #accordeonck153 li.accordeonck.level4 > span a,.ppbOffCanvas #accordeonck153 li.accordeonck.level5 > span a {
    margin-left: 20px
}

.ppbBanner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    width: 500px;
    z-index: 999
}

.ppbBanner h3 {
    font-size: 5em;
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'Museo Sans 500';
    letter-spacing: 4px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    margin: 0 0 0 -6px;
    color: #fff
}

.ppbBanner p {
    font-size: 1.5em;
    margin: 0 0 5px 0;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5)
}

.ppbValueBannerImg {
    position: absolute;
    top: 0
}

.ppbValueBannerImg img {
    width: 100vw;
    height: 100vh;
    object-fit: cover
}

.ppbWrapper .uk-overlay-panel {
    left: auto !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto !important;
    padding: 0 40px !important
}

.ppbWrapper .uk-dotnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto !important;
    width: 10px
}

.uk-dotnav > * {
    padding-left: 0 !important;
    margin-top: 25px !important
}

.ppbWrapper .uk-dotnav > li:first-child {
    margin-top: 0 !important
}

.uk-dotnav-contrast > * > * {
    background: rgba(102,102,102,1) !important;
    margin: 0 auto !important
}

.uk-dotnav > * > * {
    width: 10px !important;
    height: 10px !important
}

.uk-dotnav-contrast > .uk-active {
    border: solid 2px #f6be5c !important;
    border-radius: 50%;
    -webkit-transform: scale(1.3) !important;
    transform: scale(1.3) !important;
    width: 14px;
    height: 14px;
    margin-left: -2px
}

.uk-dotnav-contrast > * > :active,.uk-dotnav-contrast > .uk-active > * {
    background: rgba(246,190,92,1) !important;
    -webkit-transform: scale(0.6) !important;
    transform: scale(0.6) !important
}

.ppbCbSlider .uk-dotnav > * {
    margin-left: 25px;
    margin-bottom: -20px;
    margin-top: 20px !important
}

.ppbCbSlider .uk-dotnav-contrast > * > * {
    background: rgba(255,255,255,1) !important
}

.ppbCbSlider .uk-dotnav-contrast > .uk-active {
    border: solid 2px #fff !important;
    margin-top: 1.3em !important
}

.ppbCbSlider .uk-dotnav-contrast > * > :active,.uk-dotnav-contrast > .uk-active > * {
    background: rgba(255,255,255,1)
}

.mouse {
    width: 18px;
    height: 30px;
    border-radius: 13px;
    border: 2px solid #666;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 998
}

.mouse::before {
    content: "";
    width: 2px;
    height: 5px;
    background: #666;
    border-radius: 3px;
    position: absolute;
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: scrollDown 1.2s ease-in-out;
    animation-iteration-count: infinite
}

.mouse__arrow {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #666;
    width: 2px;
    height: 35px;
    bottom: -25px
}

.mouse__arrow:before,.mouse__arrow:after {
    transition: all .4s ease;
    content: '';
    display: block;
    position: absolute;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    background: #666;
    width: 2px;
    height: 9px;
    bottom: -5px;
    border-radius: 10px;
    -webkit-transform: translateX(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: translate(-50%,-50%) rotateZ(-45deg);
    right: -1px
}

.mouse__arrow:after {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: translate(-50%,-50%) rotateZ(45deg);
    left: 1px
}

@keyframes scrollDown {
    0% {
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    70%,90% {
        -webkit-transform: translate(-50%,100%);
        -moz-transform: translate(-50%,100%);
        -ms-transform: translate(-50%,100%);
        -o-transform: translate(-50%,100%);
        transform: translate(-50%,100%)
    }

    100% {
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

.ppbInnerBg {
    background: url(../images/1968.png) no-repeat;
    background-position: 92% 96%
}

.ppbPanel01 {
    position: relative;
    margin: 100px 0;
    width: 100%
}

.ppbHomeTitle p {
    font-family: 'Museo Sans 900';
    font-size: 3.5em;
    color: #333;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1em
}

.ppbHomeWho {
    position: relative;
    margin-left: 50px;
    padding: 50px;
    border: 1px solid #006c47;
    border-bottom: none
}

.bottom-border {
    position: absolute;
    height: 1px;
    width: 50px;
    background-color: #006c47;
    bottom: 0
}

.right {
    right: 0
}

.left {
    left: 0
}

.ppbInfo ul {
    position: relative;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 50px;
    padding: 0;
    text-align: center
}

.ppbInfo ul li {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-right: 42px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: 'Museo Sans 500';
    line-height: 1.6em
}

.ppbInfo ul li:last-child {
    margin-right: 0px
}

.ppbInfo ul li span {
    font-family: 'Museo Sans 900';
    font-size: 2.8em
}

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

.ppbHomeWhat {
    margin: 0 25% 50px 25%;
    position: relative
}

.ppbHomeSlider .uk-slider li div:before {
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ppbSliderTitle {
    position: absolute;
    color: #fff;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 2em;
    line-height: 1.1em;
    font-family: 'Museo Sans 700';
    letter-spacing: 2px;
    text-transform: uppercase
}

.ppbSliderCtn {
    position: relative;
    border: #fff 1px solid;
    border-bottom: none;
    margin: 15px;
    height: 94%
}

.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU01.svg) no-repeat;
    background-position: 78% 96.5%;
    background-size: 25%;
    height: 100%;
    position: relative
}

.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU02.svg) no-repeat;
    background-position: 76% 96.5%;
    background-size: 25%;
    height: 100%;
    position: relative
}

.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU03.svg) no-repeat;
    background-position: 76% 102%;
    background-size: 33%;
    height: 100%;
    position: relative
}

.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU04.svg) no-repeat;
    background-position: 75% 100%;
    background-size: 26%;
    height: 100%;
    position: relative
}

.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU05.svg) no-repeat;
    background-position: 76% 96.5%;
    background-size: 20%;
    height: 100%;
    position: relative
}

.ppbHomeSlider ul.uk-slider li:nth-child(6) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(6) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(12) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(12) .ppbOverlayIcon,.ppbHomeSlider ul.uk-slider li:nth-child(18) .ppbSliderIcon,.ppbHomeSlider ul.uk-slider li:nth-child(18) .ppbOverlayIcon {
    background: url(../images/icon/icon_BU06.svg) no-repeat;
    background-position: 76% 96.5%;
    background-size: 19%;
    height: 100%;
    position: relative
}

.ppbHomeSlider .uk-overlay-panel {
    color: #666 !important;
    padding: 0px !important
}

.ppbHomeSlider .uk-overlay-panel.uk-flex {
    background: #fff;
    height: 100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1) inset;
    z-index: 2
}

.ppbOverlayCtn {
    padding: 30px;
    border: 1px solid #333;
    border-bottom: none;
    position: relative;
    margin: 15px;
    height: calc(100% - 30px)
}

.ppbHomeSlider ul.uk-slider li .ppbSliderCtn .bottom-border {
    background: #fff
}

.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbSliderCtn {
    border-color: #7da277
}

.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(1) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(7) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(13) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbOverlayCtn h3:after {
    background: #7da277
}

.ppbHomeSlider ul.uk-slider li:nth-child(1) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(7) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(13) .ppbOverlayCtn h3 {
    color: #7da277
}

.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbSliderCtn {
    border-color: #c35e64
}

.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(2) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(8) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(14) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbOverlayCtn h3:after {
    background: #c35e64
}

.ppbHomeSlider ul.uk-slider li:nth-child(2) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(8) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(14) .ppbOverlayCtn h3 {
    color: #c35e64
}

.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbSliderCtn {
    border-color: #50407c
}

.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(3) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(9) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(15) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbOverlayCtn h3:after {
    background: #50407c
}

.ppbHomeSlider ul.uk-slider li:nth-child(3) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(9) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(15) .ppbOverlayCtn h3 {
    color: #50407c
}

.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbSliderCtn {
    border-color: #006a8e
}

.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(4) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(10) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(16) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbOverlayCtn h3:after {
    background: #006a8e
}

.ppbHomeSlider ul.uk-slider li:nth-child(4) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(10) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(16) .ppbOverlayCtn h3 {
    color: #006a8e
}

.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbOverlayCtn,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbSliderCtn {
    border-color: #dea311
}

.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(5) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(11) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbOverlayCtn h3:after,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbOverlayCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(17) a.ppbSliderBtn,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbOverlayCtn h3:after {
    background: #dea311
}

.ppbHomeSlider ul.uk-slider li:nth-child(5) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(11) .ppbOverlayCtn h3,.ppbHomeSlider ul.uk-slider li:nth-child(17) .ppbOverlayCtn h3 {
    color: #dea311
}

.ppbHomeSlider ul.uk-slider li:nth-child(6) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(12) .ppbSliderCtn,.ppbHomeSlider ul.uk-slider li:nth-child(18) .ppbSliderCtn {
    border-color: #fff
}

.ppbHomeSlider ul.uk-slider li:nth-child(6) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(12) .ppbSliderCtn .bottom-border,.ppbHomeSlider ul.uk-slider li:nth-child(18) .ppbSliderCtn .bottom-border {
    background: #fff
}

.ppbHomeSlider .uk-slidenav {
    width: 75px !important;
    height: 75px !important;
    line-height: 75px !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 40px !important;
    background: #f6bd5c !important
}

.ppbHomeSlider .uk-slidenav:hover {
    background: #333 !important;
    transition: all 0.6s ease
}

.ppbHomeSlider .uk-position-top-right {
    top: -150px;
    right: 25%
}

.ppbOverlayCtn h3 {
    font-size: 1.8em;
    line-height: 1.2em;
    font-family: 'Museo Sans 700';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px
}

.ppbOverlayCtn h3:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 80px;
    height: 4px;
    background: #666
}

.ppbOverlayCtn p {
    margin-left: 30px;
    margin-top: 50px
}

a.ppbSliderBtn {
    background: #333;
    border: none !important;
    border-radius: 0 !important;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 2em;
    line-height: 52px;
    text-align: center;
    text-decoration: none
}

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

.ppbPanel03 .ppbHomeWhat {
    margin: 0
}

.uk-list-line li {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important
}

ul.ppbNews,ul.ppbPress {
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
    padding: 10px !important;
    position: relative;
    margin-top: 50px
}

ul.ppbNews:before,ul.ppbPress:before {
    position: absolute;
    content: "Latest News";
    padding: 3px 15px;
    background: #008fd1;
    color: #fff;
    top: -27px;
    left: 0;
    font-family: "Museo Sans 500";
    font-size: 1.2em
}

ul.ppbPress:before {
    content: "Press Releases";
    background: #81298d
}

ul.ppbNews li,ul.ppbPress li {
    border: 1px solid #008fd1;
    border-top: 1px solid #008fd1 !important;
    position: relative;
    border-bottom: none;
    padding: 30px !important;
    margin-bottom: 20px
}

ul.ppbNews .bottom-border {
    background: #008fd1
}

ul.ppbPress .bottom-border {
    background: #81298d
}

ul.ppbPress li {
    border-color: #81298d !important
}

ul.ppbPress h3 {
    color: #81298d !important
}

ul.ppbNews li:last-child,ul.ppbPress li:last-child {
    margin-bottom: 0
}

ul.ppbNews h3,ul.ppbPress h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #008fd1
}

ul.ppbNews .ppbDate,ul.ppbPress .ppbDate {
    font-size: 0.9em;
    margin-bottom: 5px
}

ul.ppbNews p {
    margin: 8px 0 15px 0
}

ul.ppbNews .ppbRead,ul.ppbPress .ppbRead,.ppbSustainAcc .ppbRead {
    font-family: 'Museo Sans 700';
    color: #333;
    vertical-align: middle;
    text-transform: uppercase;
    margin-top: 10px
}

ul.ppbNews .ppbRead i,ul.ppbPress .ppbRead i,.ppbSustainAcc .ppbRead i {
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 5px
}

ul.ppbNews li a:hover .ppbRead,ul.ppbPress li a:hover .ppbRead,.ppbSustainAcc .ppbRead a:hover {
    color: #006c47
}

ul.ppbNews li a:hover .ppbRead i,ul.ppbPress li a:hover .ppbRead i,.ppbSustainAcc .ppbRead a:hover i {
    margin-left: 15px;
    transition: all 0.5s ease-out
}

.ppbHomeNewsShorten {
    margin-top: 5px
}

.ppbFooterWrap {
    background: #fff;
    z-index: 999;
    position: relative
}

.ppbFooter ul.nav,.ppbFtContact ul.nav {
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.ppbFtContact dl {
    margin-bottom: 10px
}

.ppbFooter ul.nav li {
    display: inline-block;
    width: 25%;
    text-align: center;
    background: #414141;
    position: relative;
    border-top: 1px solid #ccc;
    border-color: rgba(204,204,204,0.3);
    font-family: 'Museo Sans 500'
}

.ppbFooter ul.nav li:after {
    position: absolute;
    background: rgba(204,204,204,0.3);
    width: 1px;
    height: 100%;
    content: "";
    top: 0;
    right: 0
}

.ppbFooter ul.nav li a {
    color: #f6be5c;
    font-size: 1.35em;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 0;
    display: block;
    z-index: 2;
    margin-left: -10px
}

.ppbFooter ul.nav li a::after {
    content: "\e901";
    color: #f6be5c;
    font-size: 1.4em;
    font-family: 'ppbIcon';
    position: absolute;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ppbFooter ul.nav li a:before {
    content: "";
    height: 100%;
    left: 10px;
    top: 0;
    width: 0px;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: -1
}

.ppbFooter ul.nav li a:hover:before {
    width: 100%;
    background: #f6bd5c
}

.ppbFooter ul.nav li a:hover,.ppbFooter ul.nav li a:hover::after {
    color: #fff
}

.ppbFtContact {
    margin: 60px 120px;
    position: relative
}

.ppbFtContact h4 {
    font-size: 1.3em;
    color: #006c47;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 0
}

.uk-width-medium-2-10.address {
    width: 19%
}

.ppbFtContact ul.nav {
    text-align: right;
    margin-bottom: 5px
}

.ppbFtContact ul.nav li {
    display: inline-block;
    font-size: 0.85em;
    padding-left: 25px;
    padding-right: 25px;
    position: relative
}

.ppbFtContact ul.nav li:last-child {
    padding-right: 0
}

.ppbFtContact ul.nav li a:hover {
    color: #006c47 !important;
    text-decoration: underline
}

.ppbFtContact ul.nav li::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: #666;
    width: 1px;
    height: 15px
}

.ppbFtContact ul.nav li:last-child::after {
    background: transparent
}

.ppbUp {
    font-size: 2em;
    background-color: #006c47;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 55px;
    cursor: pointer;
    position: relative;
    display: block;
    margin-bottom: 8px
}

.ppbUp:hover {
    background-color: #414141;
    transition: all 0.8s ease
}

.copyright {
    text-align: right;
    font-size: 0.85em;
    line-height: 1.4em;
    margin: 0
}

.ppbFtContact .address,.ppbFtContact .title {
    font-family: 'Museo Sans 500';
    color: #333
}

.ppbInnerBanner {
    flex: 1 0 auto
}

.ppbInnerBanner {
    position: relative;
    width: 100%;
    height: 100vh
}

.ppbInnerBanner__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.js-fit {
    background-size: cover;
    background-position: center center
}

.ppbInnerTTWrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100vh - 200px)
}

.ppbInnerTTBox {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 150px;
    width: 40%;
    max-width: 620px;
    background: rgba(176,154,81,0.9);
    color: #fff;
    z-index: 5
}

.ppbCB01.ppbInnerTTBox {
    background: rgba(125,163,119,0.9)
}

.ppbCB02.ppbInnerTTBox {
    background: rgba(195,94,100,0.9)
}

.ppbCB03.ppbInnerTTBox {
    background: rgba(81,65,124,0.9)
}

.ppbCB04.ppbInnerTTBox {
    background: rgba(0,107,143,0.9)
}

.ppbCB05.ppbInnerTTBox {
    background: rgba(213,194,100,0.9)
}

.ppbCB06.ppbInnerTTBox {
    background: rgba(51,51,51,0.9)
}

.ppbContact.ppbInnerTTBox {
    background: rgba(248,170,41,0.9)
}

.ppbNews.ppbInnerTTBox {
    background: rgba(0,143,209,0.9)
}

.ppbIR.ppbInnerTTBox {
    background: rgba(129,41,141,0.9)
}

.ppbSustain.ppbInnerTTBox {
    background: rgba(137,168,15,0.9)
}

.ppbInnerTT {
    position: relative;
    padding: 40px;
    border: 1px solid #fff;
    border-bottom: none;
    margin: 10px
}

.ppbInnerTT .bottom-border {
    background: #fff
}

.ppbInnerTT h1 {
    font-family: 'Museo Sans 900';
    font-size: 3em;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    line-height: 1em;
    color: #fff
}

.ppbInnerTT .subtitle {
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0
}

.ppbInnerWrap {
    z-index: 3;
    position: relative;
    right: 0;
    margin-top: -200px;
    left: 0
}

.ppbInnerWrap h6 {
    font-size: 1.3em;
    color: #333;
    margin-right: 50px;
    font-family: 'Museo Sans 500';
    line-height: 1.2em;
    position: relative
}

.ppbInnerWrap h6:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background: #333;
    bottom: -10px;
    left: 0
}

.ppbInnerWrap h6 em {
    font-size: 0.7em;
    color: #666;
    font-family: 'Museo Sans 300'
}

.ppbInnerWrap .ppbBod h6 {
    color: #b09a51;
    font-family: 'Museo Sans 700';
    margin-bottom: 35px
}

.ppbInnerWrap .ppbBod h6:after {
    background: #b09a51
}

.ppbInner {
    position: relative
}

.ppbInner:before {
    content: "";
    height: 200px;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: -1
}

.ppbInnerTopMargin {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.ppbInnerBtmMargin {
    margin-bottom: 100px
}

.ppbInnerCtn01 {
    margin: 0 150px
}

.ppbInnerCtn02 {
    margin: 0 200px
}

.ppbAsideBg {
    background: #414141;
    margin-top: 200px !important
}

.ppbAside {
    position: relative;
    color: #fff;
    overflow: hidden
}

.ppbAside ul.nav {
    list-style: none;
    padding: 30px 50px;
    margin: 0
}

.ppbAside ul.nav li {
    list-style: none;
    margin: 15px 0;
    position: relative;
    padding-left: 40px
}

.ppbAside ul.nav li a {
    color: #fff
}

.ppbAside ul.nav li a:hover,.ppbAside ul.nav li a:hover:before,.ppbAside ul li.active.deeper.parent > a,.ppbAside ul li.current.active > a,.ppbAside ul li.current.active > a:before,.ppbAside ul.nav li.active.deeper.parent > a:before {
    color: #f6bd5c
}

.ppbAside ul.nav li a:before {
    content: "\e901";
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'ppbIcon';
    color: #fff;
    font-size: 1.8em
}

.ppbAside ul.nav li ul li {
    padding-left: 8px !important;
    margin: 5px 0
}

.ppbAside ul.nav li ul li ul li ul li {
    padding-left: 0px !important
}

.ppbAside ul.nav li ul li a:before {
    display: none
}

.ppbAsideCtn {
    overflow-y: auto;
    height: 100%
}

ul.ppbAsideNews h3,ul.ppbAsideNews .ppbDate {
    color: #fff
}

ul.ppbAsideNews h3 {
    font-size: 1.15em
}

ul.ppbAsideNews li {
    padding: 40px 65px 40px 50px !important;
    position: relative;
    border-bottom: 1px solid #666
}

ul.ppbAsideNews .ppbAsideBtn,.ppbHomeList ul .ppbAsideBtn {
    background: #f6bd5c;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 2em;
    color: #fff;
    line-height: 55px;
    right: 0;
    position: absolute;
    bottom: 0
}

.ppbHomeList ul .ppbAsideBtn {
    right: 10px;
    bottom: 10px;
    background: #b3d335
}

ul.ppbAsideNews .ppbDate {
    margin-bottom: 10px;
    font-size: 12px
}

ul.breadcrumb {
    list-style: none;
    float: right;
    text-align: right;
    margin: 25px 140px 25px 0
}

ul.breadcrumb li {
    display: inline-block;
    padding-right: 10px;
    font-size: 0.85em;
    position: relative;
    color: #666
}

ul.breadcrumb span.divider {
    margin-left: 10px
}

ul.breadcrumb li.active span {
    color: #006b49;
    font-family: 'Museo Sans 500'
}

.ppbHighlight {
    font-size: 1.2em;
    line-height: 2em;
    border-left: #f6bd5c solid 3px;
    margin-bottom: 30px;
    color: #333;
    padding-left: 45px
}

.ppbHighlight h5 {
    font-size: 2em;
    font-family: 'Museo Sans 500';
    line-height: 1.5em;
    margin: 0;
    color: #b09a51
}

.ppbHighlight p.position {
    margin: 0;
    color: #666;
    line-height: 1.6em
}

.ppbInnerSlider .uk-overlay-background {
    background: rgba(0,0,0,0.8) !important
}

.ppbInnerSlider .uk-overlay-panel h3 {
    font-family: 'Museo Sans 500';
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 95%
}

.ppbInnerSlider .uk-slidenav {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 30px !important;
    background: #f6bd5c !important
}

.ppbInnerSlider .uk-slidenav:hover {
    background: #333 !important;
    transition: all 0.6s ease
}

.ppbInnerSlider .uk-position-top-right {
    top: -100px;
    right: 15%
}

.ppbInnerSliderCtn {
    background: #f5f5f5;
    padding: 130px 0 50px 0;
    position: relative;
    margin: 50px 0
}

.ppbInnerSliderCtn p {
    position: absolute;
    top: 50px;
    left: 200px;
    font-size: 1.3em;
    color: #333;
    width: 35%
}

.ppbInnerSlider .uk-overlay-panel {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100%;
    padding: 0 !important
}

.ppbInnerSlider ul.uk-slider li .ppbSliderCtn {
    height: 88%;
    margin: 10px
}

.ppbInnerSlider ul.uk-slider li:nth-child(1) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(7) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(13) .ppbSliderIcon {
    background: url(../images/icon/icon_BU01.svg) no-repeat;
    background-position: 82% 100%;
    background-size: 15%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(1) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(7) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(13) .ppbSliderCtn {
    border-color: #7da277 !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(1) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(7) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(13) .ppbSliderCtn .bottom-border {
    background-color: #7da277;
    width: 30px
}

.ppbInnerSlider ul.uk-slider li:nth-child(2) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(8) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(14) .ppbSliderIcon {
    background: url(../images/icon/icon_BU02.svg) no-repeat;
    background-position: 82% 100%;
    background-size: 15%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(2) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(8) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(14) .ppbSliderCtn {
    border-color: #c35e64 !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(2) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(8) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(14) .ppbSliderCtn .bottom-border {
    background-color: #c35e64;
    width: 30px
}

.ppbInnerSlider ul.uk-slider li:nth-child(3) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(9) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(15) .ppbSliderIcon {
    background: url(../images/icon/icon_BU03.svg) no-repeat;
    background-position: 82% 110%;
    background-size: 23%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(3) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(9) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(15) .ppbSliderCtn {
    border-color: #50407c !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(3) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(9) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(15) .ppbSliderCtn .bottom-border {
    background-color: #50407c;
    width: 30px
}

.ppbInnerSlider ul.uk-slider li:nth-child(4) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(10) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(16) .ppbSliderIcon {
    background: url(../images/icon/icon_BU04.svg) no-repeat;
    background-position: 82% 110%;
    background-size: 22%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(4) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(10) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(16) .ppbSliderCtn {
    border-color: #006a8e !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(4) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(10) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(16) .ppbSliderCtn .bottom-border {
    background-color: #006a8e;
    width: 30px
}

.ppbInnerSlider ul.uk-slider li:nth-child(5) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(11) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(17) .ppbSliderIcon {
    background: url(../images/icon/icon_BU05.svg) no-repeat;
    background-position: 82% 100%;
    background-size: 15%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(5) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(11) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(17) .ppbSliderCtn {
    border-color: #dea311 !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(5) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(11) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(17) .ppbSliderCtn .bottom-border {
    background-color: #dea311;
    width: 30px
}

.ppbInnerSlider ul.uk-slider li:nth-child(6) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(12) .ppbSliderIcon,.ppbInnerSlider ul.uk-slider li:nth-child(18) .ppbSliderIcon {
    background: url(../images/icon/icon_BU06.svg) no-repeat;
    background-position: 84% 100%;
    background-size: 15%;
    height: 100%;
    position: relative;
    width: 100%
}

.ppbInnerSlider ul.uk-slider li:nth-child(6) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(12) .ppbSliderCtn,.ppbInnerSlider ul.uk-slider li:nth-child(18) .ppbSliderCtn {
    border-color: #f5f5f5 !important
}

.ppbInnerSlider ul.uk-slider li:nth-child(6) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(12) .ppbSliderCtn .bottom-border,.ppbInnerSlider ul.uk-slider li:nth-child(18) .ppbSliderCtn .bottom-border {
    background-color: #f5f5f5;
    width: 30px
}

.ppbBodTeaser img,.ppbBod img {
    width: 100%
}

.ppbBodTeaser h4 {
    font-size: 1.4em;
    font-family: 'Museo Sans 500';
    color: #b09a51;
    margin-bottom: 10px
}

.ppbBodTeaser::after,.ppbTeaser::after {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    content: ""
}

.ppbTeaser::after {
    bottom: 10px;
    right: 0
}

.ppbPress .ppbBodTeaser::after {
    top: 0;
    left: 0;
    right: 0
}

.ppbPress .ppbBodTeaser .bottom-border.left {
    left: 0
}

.ppbPress .ppbBodTeaser .bottom-border.right {
    right: 0
}

.ppbPress .ppbBodTeaserCtn .ppbTeaserBtn a,.ppbReport .ppbTeaserBtn a {
    visibility: hidden
}

.ppbPress .ppbBodTeaserCtn h3.uk-article-title {
    margin-bottom: 10px !important
}

.ppbPress .ppbBodTeaserCtn .ppbTeaserBtn a:after,.ppbReport .ppbTeaserBtn a:after {
    visibility: visible;
    display: block;
    background: #f6bd5c;
    text-align: center;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    z-index: 2
}

.ppbReport .ppbTeaserBtn a:after {
    right: 0px
}

.ppbPress .ppbBodTeaserCtn .ppbTeaserBtn a:hover:after {
    background: #414141;
    transition: all 0.4s ease
}

.ppbPress .ppbBodTeaserCtn {
    min-height: auto
}

.ppbBodTeaser .bottom-border,.ppbTeaser .bottom-border {
    background: #ccc
}

.ppbBodTeaser .bottom-border.left,.ppbTeaser .bottom-border.left {
    left: 10px
}

.ppbBodTeaser .bottom-border.right {
    right: 10px
}

.ppbTeaser .bottom-border.left,.ppbTeaser .bottom-border.right {
    bottom: 10px
}

.ppbBodTeaserCtn {
    position: relative;
    padding: 35px 65px 35px 50px;
    z-index: 1;
    min-height: 200px
}

.ppbTeaserCtn {
    position: relative;
    padding: 40px 50px 40px 0;
    z-index: 1
}

.ppbTeaserCtn h3.uk-article-title,.ppbBodTeaser .ppbBodTeaserCtn h3.uk-article-title {
    font-size: 1.3em;
    color: #008fd1;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase
}

.ppbBodTeaser .ppbBodTeaserCtn h3.uk-article-title {
    color: #81298d;
    margin: 0;
    line-height: 1.3em;
    margin-top: 5px
}

.ppbSustain .ppbTeaserCtn {
    padding-top: 35px;
    padding-bottom: 35px
}

.ppbSustain .ppbTeaserCtn h3.uk-article-title {
    color: #89a80f
}

.ppbTeaser .ppbTeaserBtn a {
    bottom: 10px;
    right: 0
}

.ppbTeaserBtn a {
    background: #f6bd5c;
    text-align: center;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 2
}

.ppbTeaserBtn a:hover {
    background: #414141;
    transition: all 0.4s ease
}

.ppbTeaserBtn a:after {
    content: "\e901";
    font-size: 2em;
    color: #fff;
    font-family: "ppbIcon";
    line-height: 50px
}

.uk-pagination {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 85px 150px 0 150px;
    padding: 8px 0
}

.ppbIR .uk-pagination {
    margin-left: 0;
    margin-right: 0
}

.uk-pagination > .uk-active > span {
    background: #f6bd5c
}

.uk-pagination > li a {
    background: none
}

.uk-pagination > li:nth-child(n+2) {
    margin-left: 10px
}

.page-nav-ctn {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 40px;
    margin-top: 100px
}

.page-nav a.prev,.page-nav a.next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.page-nav a.prev {
    left: 0;
    right: auto
}

.page-nav a.prev,.page-nav a.next {
    visibility: hidden
}

.page-nav a.prev:after {
    content: '\e900';
    font-family: 'ppbIcon';
    visibility: visible;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2em;
    text-align: left
}

.page-nav a.next:after {
    content: '\e901';
    font-family: 'ppbIcon';
    visibility: visible;
    display: block;
    top: 50%;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2em
}

.ppbAllBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ppbAllBtn a {
    color: transparent
}

.ppbAllBtn a:after {
    content: "ALL NEWS";
    display: block;
    text-align: center;
    margin-top: -22px;
    cursor: pointer;
    position: relative;
    z-index: -1;
    color: #333
}

.ppbSustain .ppbAllBtn a:after {
    content: "ALL EVENTS"
}

.ppbLink.uk-description-list-horizontal dt {
    width: 250px;
    color: #b09a51;
    white-space: normal
}

.ppbLink.uk-description-list-horizontal dd {
    margin-left: 400px;
    position: relative;
    padding-left: 25px
}

.ppbLink.uk-description-list-horizontal dd:before {
    content: "\e903";
    font-family: "ppbIcon";
    font-size: 1em;
    top: 0;
    position: absolute;
    left: 0
}

.ppbCbMagLt {
    margin-right: -44%;
    border: 1px solid #9fc295;
    position: relative
}

.ppbCbMagLt.border02 {
    border: 1px solid #c35e64
}

.ppbCbMagLt.border03 {
    border: 1px solid #50407c
}

.ppbCbMagLt h3 {
    font-size: 1.8em;
    font-family: 'Museo Sans 700';
    color: #9fc295;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px
}

.ppbCbCtnLt {
    padding: 40px 250px 40px 50px;
    z-index: 1;
    position: relative
}

.ppbCbCtnRt {
    margin-top: 50px
}

.ppbCbNo {
    position: absolute;
    font-family: 'Museo Sans 700';
    font-size: 14em;
    color: #fff;
    top: 15px;
    left: -60px;
    letter-spacing: 8px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.ppbCbIcon {
    position: absolute;
    bottom: 0;
    right: 32%
}

.ppbCbRtBox {
    background: #9fc295;
    color: #fff;
    padding: 10px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column
}

.ppbOrgCol {
    background: #f6bd5c
}

.ppbCbRtBorder {
    position: relative;
    border: 1px solid #fff;
    border-bottom: none;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.ppbCbRtBorder .bottom-border {
    background: #fff
}

.ppbCbRtBorder h4 {
    font-family: 'Museo Sans 500';
    color: #fff;
    margin-top: 0;
    font-size: 1.3em
}

.ppbCbRtCtn {
    position: relative;
    padding: 50px 50px 35px 50px;
    height: 100%
}

.ppbCbRtBorder ul {
    padding-left: 15px
}

.ppbCbRtBorder li {
    margin-top: 5px
}

.ppbCbRtBorder li ul li {
    margin-top: 0;
    list-style: none;
    position: relative
}

.ppbCbRtBorder li ul li:before {
    content: "-";
    top: 0;
    left: -15px;
    position: absolute
}

.ppbCbSlider p {
    margin: 0
}

.ppbCbSlider {
    background: #f5f5f5
}

.ppbCb02Border:after {
    content: "";
    position: absolute;
    border: 1px solid #ccc;
    border-bottom: none;
    top: 10px;
    left: 10px;
    right: 10px;
    width: 100%;
    height: 100%
}

.ppbCb02Border .bottom-border.left {
    left: 10px;
    width: 210px;
    bottom: -10px;
    background: #ccc
}

.ppbCb02Border .bottom-border.right {
    right: -10px;
    bottom: -10px;
    background: #ccc
}

.ppbCb02Ctn {
    padding: 50px 50px 20px 0
}

article:first-child .ppbInnerCtn01.ppbCbCtn {
    margin-top: 0 !important
}

article:nth-child(odd) .ppbInnerCtn01.ppbCbCtn,article:nth-child(even) .ppbInnerCtn01.ppbCbCtn {
    margin-top: 100px
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbInnerImage {
    ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    z-index: 2
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbNo {
    left: auto;
    right: -60px
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbMagLt {
    margin-right: 0;
    margin-left: -44%
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
    padding-right: 50px;
    padding-left: 250px;
    text-align: right
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbIcon {
    right: 0;
    left: 32%;
    text-align: left;
    z-index: -1
}

article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbIcon img {
    width: auto
}

article:nth-child(5) .ppbInnerCtn01.ppbCbCtn .ppbButton.hide {
    display: none
}

.ppbCb04 img,.ppbCb05 img {
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 10%
}

.ppbCb04 .uk-panel-teaser,.ppbCb05 .uk-panel-teaser {
    margin-bottom: 0
}

.ppbCb04 h3.uk-panel-title,.ppbCb05 h3.uk-panel-title {
    text-transform: uppercase;
    color: #006a8e
}

.ppbCb05 h3.uk-panel-title {
    color: #dea311
}

.ppbCb04 div:nth-child(1) .uk-panel-teaser img {
    width: 20%
}

.ppbCb04 div:nth-child(2) .uk-panel-teaser img {
    width: 25%
}

.ppbCb04 div:nth-child(3) .uk-panel-teaser img {
    width: 30%
}

.ppbCb04 div:nth-child(4) .uk-panel-teaser img {
    width: 25%
}

.ppbCbMapWrap {
    position: relative;
    margin: 80px 100px 0 100px;
    text-align: center;
    padding: 50px 0 50px 0
}

.ppbCbMapWrap::after {
    content: "";
    border: 1px #7da277 solid;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 50px;
    width: calc(100% - 100px);
    height: 100%;
    z-index: -1
}

.ppbCbMapWrap.ppbCb02::after {
    border-color: #c35e64
}

.ppbCbMapWrap.ppbCb03::after {
    border-color: #50407c
}

.ppbCbMapWrap.ppbCb05Map::after {
    border-color: #dea311
}

.ppbCbMapWrap.ppbCb05Map .bottom-border {
    background-color: #dea311 !important
}

.ppbCbMapCtn {
    position: absolute;
    width: 40%;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left
}

.ppbCbMapCtn h3 {
    font-size: 1.5em;
    font-family: 'Museo Sans 900';
    text-transform: uppercase;
    line-height: 1.15em;
    letter-spacing: 1px;
    color: #333
}

.ppbCbMapCtn h3 span {
    font-size: 2.3em;
    line-height: 1em;
    letter-spacing: 2px
}

.ppbCbMap .uk-dropdown,.ppbCbMap .uk-dropdown-blank {
    width: 250px
}

.ppbCbMap div.uk-margin {
    margin-top: -10px !important
}

.ppbCbMap ul {
    margin-top: 0
}

.ppbCbMap p {
    margin-bottom: 0
}

.ppbCbMap .uk-panel-box {
    padding: 20px 20px 5px 25px
}

.ppbCbMapWrap .bottom-border.left,.ppbCbMapWrap .bottom-border.right {
    left: 50px;
    width: 100px;
    background-color: #7da277
}

.ppbCbMapWrap .bottom-border.right {
    right: 50px;
    left: auto
}

.ppbCbMapWrap .uk-contrast .uk-icon-button {
    background: none;
    color: #f6bd5c;
    font-size: 3em;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}

.ppbCbMapWrap .uk-panel-box {
    border: 2px solid #f6bd5c
}

.ppbCbMapWrap .uk-panel-title {
    font-size: 1.3em;
    font-family: 'Museo Sans 700';
    text-transform: uppercase;
    color: #333
}

.ppbCbMapWrap em {
    text-decoration: underline;
    font-size: 1.2em
}

.ppbAccordion,.cpAccordion {
    border-bottom: #ccc 1px solid
}

.ppbAccordion .uk-accordion-title,.cpAccordion .uk-accordion-title {
    margin-bottom: 0;
    padding: 25px 50px 20px 25px;
    ;background: none;
    position: relative;
    border-top: #ccc 1px solid;
    color: #f6bd5c;
    font-size: 1.2em
}

.ppbAccordion .uk-accordion-title::before,.cpAccordion .uk-accordion-title::before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    content: "\f067";
    top: 0;
    background: #f6bd5c;
    position: absolute;
    right: 0;
    font-size: 0.6em;
    line-height: 30px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center
}

.ppbAccordion .uk-accordion-title.uk-active:before,.cpAccordion .uk-accordion-title.uk-active::before {
    content: "\f068"
}

.ppbAccordion .uk-accordion-content {
    padding: 0 50px 50px 25px
}

.ppbAccordion img {
    padding-bottom: 25px
}

.cpAccordion .uk-accordion-title,.cpAccordion .uk-accordion-title li p {
    padding: 0;
    margin: 0
}

.cpAccordion .uk-accordion-title li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    position: relative
}

.cpAccordion .uk-accordion-title li.title {
    color: #7da277;
    font-size: 1.1em;
    font-family: 'Museo Sans 500';
    margin: 0 0 0 15px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cpAccordion .uk-accordion-content {
    padding: 0px 50px 25px 92px
}

.cpAccordion div:nth-child(3) ul.uk-accordion-title li.title {
    color: #c35e64
}

.cpAccordion div:nth-child(5) ul.uk-accordion-title li.title {
    color: #50407c
}

.cpAccordion div:nth-child(7) ul.uk-accordion-title li.title {
    color: #006a8e
}

.cpAccordion div:nth-child(9) ul.uk-accordion-title li.title {
    color: #c4ad3d
}

.cpAccordion div:nth-child(11) ul.uk-accordion-title li.title {
    color: #000000
}

.uk-description-list-horizontal > dt {
    width: 180px;
    font-weight: normal;
    font-family: 'Museo Sans 500'
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.ppbContactForm .uk-form input[type="text"],.ppbContactForm .uk-form input[type="tel"],.ppbContactForm .uk-form input[type="email"],.ppbContactForm .uk-form select,.ppbContactForm .uk-form textarea,.ppbSearch .inputbox {
    width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #ccc !important;
    border-bottom: none !important;
    padding: 0 20px !important;
    position: relative;
    background: transparent !important;
    height: 50px
}

.ppbSearch .inputbox {
    height: 54px
}

.ppbContactForm .uk-form textarea {
    height: auto;
    padding-top: 15px !important;
    background-color: transparent !important
}

.ppbContactForm .uk-form-row {
    margin-bottom: 20px !important;
    position: relative
}

.ppbContactForm .bottom-border,.ppbSearch .bottom-border {
    background: #ccc
}

.ppbContactForm img {
    width: auto;
    margin: 10px 0 20px 0
}

.ppbContactForm .rsform-captcha-refresh-button {
    position: absolute;
    top: 30px;
    right: 0
}

.arrow {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.arrow:after {
    color: #666;
    font-family: "FontAwesome";
    font-size: inherit;
    content: "\f107";
    pointer-events: none;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    position: absolute
}

.uk-form .arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.uk-form input[type="checkbox"] {
    margin-right: 10px;
    height: 16px;
    width: 16px !important;
    border: 1px solid #ccc;
    margin-top: 3px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: 0 0;
    float: left;
    margin-bottom: 25px
}

.rsform-upload-box {
    width: 100%
}

.ppbFormUp {
    position: relative;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 20px 20px 0 20px
}

.ppbFormUp.uk-form-horizontal .uk-form-label {
    margin-top: 1px
}

.ppbSustain .ppbNewsCtn h2 {
    color: #89a80f
}

.ppbNewsCtn h2 {
    margin: 0;
    font-size: 2em;
    font-family: 'Museo Sans 700';
    color: #008fd1;
    line-height: 1.2em
}

.ppbNewsCtn .date {
    font-size: 0.8em;
    margin: 0;
    color: #666
}

.ppbBursa .uk-panel-title {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: 'Museo Sans 700'
}

.ppbBursaBtn {
    border: 1px #ccc solid;
    border-bottom: none;
    position: relative;
    padding: 30px 30px 30px 30px
}

.ppbBursaBtn .bottom-border {
    background: #ccc
}

.ppbBursa .ppbTeaserBtn a {
    right: 0
}

.ppbCb04 .ppbBursaBtn {
    border-color: #006a8e;
    padding: 40px 50px 50px 50px
}

.ppbCb04 .ppbBursaBtn .bottom-border {
    background: #006a8e
}

.ppbCb05 .ppbBursaBtn {
    padding: 40px 50px 60px 50px;
    border-color: #dea311
}

.ppbCb05 .ppbBursaBtn .bottom-border {
    background: #dea311
}

.ppbCb05 .ppbBursaBtn ul li {
    margin-bottom: 10px
}

.pos-right:nth-child(odd) .timeline-content {
    float: right
}

.pos-right:nth-child(odd) .timeline-content:before,.pos-right:nth-child(even) .timeline-content:before {
    content: "";
    position: absolute;
    top: 20px;
    height: 1px;
    width: 10%;
    background-color: #f6bd5c
}

.pos-right:nth-child(odd) .timeline-content:before {
    right: 100%
}

.pos-right:nth-child(even) .timeline-content:before {
    left: 100%
}

.timeline-year {
    background-color: #b09a51;
    width: 100px;
    height: 30px;
    left: 50%;
    font-size: 1.3em;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.year-text {
    text-align: center;
    padding-top: 7px
}

dt {
    font-weight: 100
}

.timeline-btn,.timeline-btn.uk-active {
    background-color: #f6bd5c
}

.timeline-btn:hover,.timeline-btn.uk-active:hover {
    background-color: #b09a51!important
}

.timeline-btn:before,.timeline-btn.uk-active:before {
    font-size: 20px
}

.timeline-content {
    border: 1px solid #f6bd5c
}

.events-header {
    padding: 0 20px;
    display: block
}

.events-header h3 {
    margin-bottom: 0
}

.events-header-none {
    display: none
}

.timeline-body {
    margin-top: 20px
}

.ppbMilestones .uk-accordion-content {
    padding: 0 20px !important
}

.ppbMilestones .uk-accordion-title {
    background: #f6bd5c;
    color: #fff;
    letter-spacing: 1px;
    padding: 0;
    line-height: 16px
}

.ppbMilestones {
    margin-bottom: 100px
}

.ppbMilestones .uk-float-left {
    padding-right: 20px
}

.ppbMilestones h3 {
    font-family: 'Museo Sans 700';
    color: #b09a51;
    letter-spacing: 1px;
    font-size: 1.8em
}

.VivaTimeline dl dt:nth-child(1) {
    top: -50px
}

.VivaTimeline dl dt {
    top: 0
}

.ppbSustain h5 {
    color: #333;
    font-size: 1.2em
}

.ppbSustainAcc.cpAccordion img {
    width: 50px
}

.ppbSustainAcc {
    margin-top: 30px
}

.ppbSustainAcc.cpAccordion .uk-accordion-title {
    padding-top: 15px;
    padding-bottom: 15px
}

.ppbSustainAcc.cpAccordion .uk-accordion-content {
    padding-left: 65px
}

.ppbSustainAcc.cpAccordion div:nth-child(1) ul.uk-accordion-title li.title {
    color: #7da278
}

.ppbSustainAcc.cpAccordion div:nth-child(3) ul.uk-accordion-title li.title {
    color: #c35e64
}

.ppbSustainAcc.cpAccordion div:nth-child(5) ul.uk-accordion-title li.title {
    color: #dea311
}

.ppbSustainAcc.cpAccordion div:nth-child(7) ul.uk-accordion-title li.title {
    color: #006a8e
}

.ppbSustainBox.uk-accordion-title:last-child {
    border-bottom: 1px solid #ccc
}

.ppbSustainBox h3 {
    color: #333;
    margin-top: 8px;
    margin-bottom: 5px;
    font-family: 'Museo Sans 700';
    font-size: 1.25em;
    line-height: 1.1em
}

.ppbSustainBox::before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    content: "\f067";
    top: 0;
    background: #f6bd5c;
    position: absolute;
    right: 0;
    font-size: 0.7em;
    line-height: 30px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center
}

.ppbSustainBox.uk-active:before {
    content: "\f068"
}

.ppbSustainBox .uk-accordion-content {
    padding: 0 0 15px 0
}

.ppbSusGrid img {
    width: auto
}

.ppbSusGrid .ppbBursaBtn {
    padding-bottom: 10px
}

select {
    color: #fff;
    width: 17.6em !important;
    padding: 12px 0 12px 10px;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .1em;
    background: url("../images/icon_select.png") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-color: #f6bd5c;
    margin-bottom: 20px
}

.ppbReport img {
    box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
    width: auto
}

.ppbReport h2,.ppbReport h3.uk-accordion-title {
    font-size: 1.8em;
    color: #81298d;
    font-family: 'Museo Sans 700';
    text-transform: none
}

.ppbReport h3.uk-accordion-title {
    font-size: 1.5em
}

.ppbAccordion .ppbReport {
    margin-top: 50px
}

.ppbAccordion .ppbReport img {
    padding-bottom: 0
}

.ppbAccordion .ppbReport .uk-accordion-content {
    padding-bottom: 50px
}

.ppbReportTb {
    margin-top: 40px
}

.ppbReportTb .uk-table th,.ppbReportTb .uk-table td {
    padding: 12px 20px;
    position: relative;
    vertical-align: top !important
}

.ppbReportTb .uk-table th,.ppbReportTb .uk-table td {
    border-bottom: none;
    font-size: 1.2em;
    font-family: 'Museo Sans 500'
}

.ppbReportTb .uk-table td {
    padding-left: 30px
}

.ppbReportTb .uk-table td:before {
    content: "\e903";
    font-family: 'ppbIcon';
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 0.85em
}

.ppbtableRt {
    border-right: #ccc 1px solid
}

.ppbtable.uk-table th,.ppbShareTbl.uk-table th {
    border-bottom: #ccc 2px solid
}

.ppbtable.uk-table {
    border: 1px solid #ccc
}

.ppbtable .title {
    color: #ffffff;
    background: #81298d
}

.ppbAgmTbl ol {
    margin-bottom: 0 !important
}

.ppbAgmTbl ol li {
    padding: 0;
    margin: 0
}

.ppbShareTbl.uk-table th {
    color: #333
}

.ppbShareTbl.uk-table {
    border-bottom: 2px solid #ccc
}

.ppbSearch .chzn-container-single .chzn-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    border: 1px solid #ccc;
    border-radius: 1px;
    background-color: #fff;
    background: transparent;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
    height: 25px !important
}

.ppbSearch select.inputbox {
    height: 25px !important
}

.ppbSearch .chzn-container-single .chzn-drop {
    border-radius: 0 0 1px 1px;
    border-color: #ccc
}

.ppbSearch .chzn-container .chzn-results li {
    padding: 5px 10px
}

.ppbSearch .chzn-container-single .chzn-single div b,.ppbSearch .chzn-container-single .chzn-single abbr {
    display: none
}

.ppbSearch .search-results {
    margin-top: 50px;
    border-bottom: #ccc 1px solid
}

.ppbSearch .result-title {
    padding: 20px 0;
    border-top: #ccc 1px solid
}

.ppbSearch .result-title a {
    font-size: 1.2em;
    font-family: 'Museo Sans 500';
    color: #333
}

.ppbSearch .result-title a:hover {
    color: #006c47
}

.ppbSiteMap div#maximenuck173 ul.menu {
    margin: 0;
    margin-top: -30px;
    padding: 0;
    list-style: none
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.parent.level1,.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.level1 {
    border-bottom: #ccc 1px solid;
    padding: 30px 0;
    line-height: 1.8em
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck a:hover {
    text-decoration: underline
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.parent.level1 > a span,.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.level1 > a span {
    list-style: none;
    font-size: 1.2em;
    font-family: 'Museo Sans 500';
    color: #f9b339;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.parent.level1 > a span:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background: #f9b339;
    left: 0;
    bottom: 0
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.level2 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px
}

.ppbSiteMap div#maximenuck173 ul.menu li.maximenuck.level2 > a span {
    font-family: 'Museo Sans 500';
    color: #333
}

@media (min-width: 1920px) {
    body {
        font-family:'Museo Sans 300','Trebuchet MS',Arial,sans-serif;
        font-size: 16px !important;
        line-height: 1.65em;
        font-weight: normal
    }

    .ppbInfo ul li {
        font-size: 1em
    }
}

@media (max-width: 1366px) {
    .ppbNotice {
        right:10%;
        width: 30%
    }

    ul.breadcrumb {
        margin-right: 100px
    }

    .ppbInnerTTBox {
        right: 100px
    }

    .ppbCbCtnLt {
        padding-right: 220px
    }

    article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
        padding-left: 220px
    }

    .ppbCbRtCtn {
        padding: 30px 30px 15px 30px
    }

    .ppbInnerCtn01 {
        margin-left: 100px;
        margin-right: 100px
    }

    .ppbInnerCtn02 {
        margin-left: 150px;
        margin-right: 150px
    }

    .ppbCbMapWrap {
        margin-left: 50px;
        margin-right: 50px
    }

    .ppbInfo ul li {
        margin-right: 30px
    }

    .ppbFtContact {
        margin: 50px
    }

    .ppbInnerSliderCtn p {
        left: 150px
    }

    .ppbBursaBtn {
        padding-left: 40px;
        padding-right: 50px
    }

    .ppbBursaBtn .uk-grid > * {
        padding-left: 25px
    }
}

@media (max-width: 1280px) {
    .uk-container {
        padding:0 35px !important
    }
}

@media (max-width: 1024px) {
    .ppbNotice {
        right:7%;
        width: 35%
    }

    ul.breadcrumb {
        margin-right: 70px
    }

    .ppbInnerCtn01 {
        margin-left: 70px;
        margin-right: 70px
    }

    .ppbInnerCtn02 {
        margin-left: 120px;
        margin-right: 120px
    }

    .ppbInnerSliderCtn p {
        left: 120px;
        top: 40px
    }

    .ppbBodTeaserCtn {
        min-height: 230px
    }

    .ppbInnerBg img {
        width: 100%
    }

    .ppbInnerTT h1 {
        font-size: 2.5em
    }

    .ppbHomeTitle p {
        font-size: 3em
    }

    .ppbHomeWho {
        padding: 30px
    }

    .ppbInfo {
        width: 100%
    }

    .ppbInfo ul {
        margin-top: 60px;
        margin-left: 0
    }

    .ppbInfo ul li {
        margin-right: 80px
    }

    .ppbHidden {
        display: none !important
    }

    .ppbDisplay {
        display: block !important
    }

    .ppbHomeWhat {
        margin: 0 100px 50px 100px
    }

    .ppbHomeSlider .uk-position-top-right {
        top: -145px;
        right: 100px
    }

    .ppbAside ul.nav {
        padding: 20px 30px
    }

    .ppbFooter ul.nav li {
        width: 50%
    }

    .ppbFtContact .uk-description-list-horizontal > dt {
        width: 100%
    }

    .ppbFtContact .uk-description-list-horizontal > dd {
        margin-left: 0 !important
    }

    .timeline-year {
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .ppbCbCtnLt {
        padding: 40px 170px 40px 40px
    }

    .ppbCbIcon {
        right: 10px
    }

    article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
        padding: 40px 40px 40px 170px
    }

    article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn .ppbCbIcon {
        left: 10px
    }

    .ppbCbMapWrap {
        margin-left: 30px;
        margin-right: 30px
    }

    .ppbCbMapCtn h3,.ppbCbMapCtn h3 span {
        font-size: 1.4em
    }

    .ppbCbMapWrap::after {
        left: 40px;
        width: calc(100% - 80px)
    }

    .ppbCbMapWrap .bottom-border.left {
        left: 40px
    }

    .ppbCbMapWrap .bottom-border.right {
        right: 40px
    }

    .ppbReport h2 {
        font-size: 1.6em;
        line-height: 1.2em
    }

    .investor-uikit-bursa-annoucement .ppbInnerCtn02 {
        margin-left: 70px;
        margin-right: 70px
    }

    .ppbBursa .uk-panel-title {
        font-size: 1em;
        line-height: 1.2em
    }

    .ppbLink.uk-description-list-horizontal dd {
        margin-left: 295px
    }

    .ppbContactForm .uk-form-horizontal .uk-form-controls {
        margin-left: 0
    }
}

@media (max-width: 960px) {
    .ppbInnerTTBox {
        width:50%;
        right: 70px
    }

    .ppbInnerTT h1 {
        font-size: 2.5em
    }

    .ppbInnerTT {
        padding: 30px 30px 20px 40px
    }

    .ppbReport img {
        width: 100%
    }
}

@media (max-width: 959px) {
    .uk-container {
        padding:0 50px !important
    }

    .ppbNoticeCtn {
        padding-left: 25px;
        padding-right: 25px
    }

    .ppbInnerTopMargin {
        margin-top: 100px !important;
        margin-bottom: 60px !important
    }

    .ppbInnerCtn01 {
        margin-left: 50px;
        margin-right: 50px
    }

    .ppbInnerCtn02 {
        margin-left: 100px;
        margin-right: 100px
    }

    .ppbInnerSliderCtn p {
        left: 100px
    }

    .ppbInnerWrap {
        margin-top: 0px
    }

    ul.breadcrumb {
        margin-right: 50px
    }

    .ppbHomeWho {
        margin-left: 0;
        margin-top: 30px
    }

    .ppbInnerTTWrap {
        height: calc(100vh)
    }

    .ppbInnerTTBox {
        position: absolute;
        top: 50%;
        right: auto;
        left: 50%;
        width: 80%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .ppbCbMagLt,article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbMagLt {
        margin-right: 0;
        margin-left: 0
    }

    .ppbCbCtnLt,article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
        padding: 40px
    }

    .ppbCbNo {
        left: -30px
    }

    article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbCbNo {
        right: -30px
    }

    article:nth-child(even) .ppbInnerCtn01.ppbCbCtn .ppbInnerImage {
        ms-flex-order: 0;
        -webkit-order: 0;
        order: 0
    }

    .ppbCbMapWrap {
        margin-top: 50px
    }

    .ppbCbMapWrap::after {
        left: 20px;
        width: calc(100% - 40px)
    }

    .ppbCbMapWrap .bottom-border.left {
        left: 20px
    }

    .ppbCbMapWrap .bottom-border.right {
        right: 20px
    }

    .ppbCb02Ctn {
        padding: 50px 50px 20px 50px
    }

    .ppbTeaser::after,.ppbTeaser .bottom-border.right {
        right: 10px
    }

    article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
        text-align: left
    }

    .ppbCbMagLt .ppbButton a,.ppbCbMagLt .ppbButton .uk-button {
        margin-bottom: 60px
    }

    .ppbCb04 .ppbBursaBtn,.ppbCb05 .ppbBursaBtn {
        text-align: left
    }

    .ppbTeaser .ppbTeaserBtn a {
        right: 10px
    }

    .ppbTeaserCtn {
        padding-left: 40px;
        padding-top: 30px
    }

    .ppbSustain .ppbTeaserCtn {
        padding-top: 25px
    }

    .ppbHomeSlider .uk-position-top-right {
        top: -40px;
        right: auto;
        left: 80px
    }

    .ppbHomeSlider {
        padding-top: 100px
    }

    .ppbInner h4 {
        margin-top: 40px
    }

    #rsform_3_page_0 {
        margin-top: 20px
    }

    .ppbBodTeaser h4 {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    ul.ppbMenu li.menu i {
        font-size:1.8em;
        margin-right: 0
    }
}

@media (max-width: 640px) {
    h4 {
        font-size:1.2em
    }

    .uk-container {
        padding: 0 30px !important
    }

    .ppbInnerTopMargin {
        margin-top: 60px !important
    }

    .ppbInnerCtn01,.ppbInnerCtn02 {
        margin-left: 30px;
        margin-right: 30px
    }

    .ppbHighlight {
        padding-left: 30px
    }

    .ppbInnerSliderCtn p {
        width: calc(100% - 60px);
        left: 30px
    }

    .ppbLogo {
        margin-left: 25px;
        width: 180px;
        top: 20px
    }

    .ppbHeader {
        height: 70px
    }

    ul.ppbMenu {
        margin-right: 25px;
        margin-top: 25px
    }

    .ppbOffCanvas .uk-offcanvas-bar {
        width: 100%
    }

    .ppbBanner {
        width: auto
    }

    .ppbBanner h3 {
        font-size: 3.5em;
        margin: 0
    }

    .ppbInnerBg {
        background-position: 100% 85%;
        background-size: contain
    }

    .ppbInfo ul {
        margin-top: 40px
    }

    .ppbInfo ul li {
        margin-right: 0;
        margin-bottom: 30px;
        display: block;
        word-break: break-all
    }

    .ppbInfo ul li:last-child {
        margin: 0
    }

    .ppbInfo ul li span br {
        display: none
    }

    .ppbHomeWhat {
        margin: 0 30px 50px 30px
    }

    .ppbHomeSlider .uk-position-top-right {
        left: 11px
    }

    .ppbPanel01 {
        margin-top: 80px
    }

    .ppbPanel01,.ppbPanel02,.ppbPanel03 {
        margin-bottom: 80px
    }

    .ppbFooter ul.nav li {
        width: 100%
    }

    .ppbFooter ul.nav li a {
        padding: 25px 0
    }

    .ppbFtContact {
        margin: 50px 30px
    }

    .timeline-year {
        width: 65px
    }

    .VivaTimeline dl::before {
        left: 32px
    }

    .timeline-content {
        display: block;
        width: 85%;
        margin-left: 40px;
        margin-bottom: 30px
    }

    .VivaTimeline dd {
        margin-left: 21px
    }

    .ppbInnerSlider {
        padding-top: 80px
    }

    .ppbInnerSlider .uk-position-top-right {
        top: -32px;
        right: auto;
        left: 12px
    }

    .ppbInnerTT h1 {
        font-size: 2em
    }

    .ppbInnerTT {
        padding: 25px 15px 20px 25px
    }

    .ppbCbMapCtn {
        width: 100%;
        top: 35px;
        padding: 0 50px
    }

    .ppbCbMapWrap {
        padding-top: 90px;
        padding-bottom: 20px
    }

    .ppbCbMapWrap::after {
        left: 0;
        width: 100%
    }

    .ppbCbMapWrap .bottom-border.left {
        left: 0
    }

    .ppbCbMapWrap .bottom-border.right {
        right: 0
    }

    .ppbCbMap .uk-slideset {
        margin-top: 25px
    }

    .ppbCbMapWrap .uk-panel-box {
        border: none;
        background: none;
        padding: 0 50px
    }

    .ppbCbMap ul.uk-slideset-nav.uk-dotnav > * {
        padding-left: 15px !important;
        margin-top: 0px !important
    }

    .ppbCb02Ctn {
        padding: 30px 30px 10px 40px
    }

    .cpAccordion .uk-accordion-title li.title {
        font-size: 1em;
        margin: 0 15px
    }

    .ppbBursaBtn {
        text-align: center
    }

    .investor-uikit-bursa-annoucement .ppbInnerCtn02 {
        margin-left: 50px;
        margin-right: 50px
    }

    .ppbBursaBtn img {
        width: 25%
    }

    .ppbLink.uk-description-list-horizontal dd {
        margin-left: 0;
        margin-top: 10px
    }

    .ppbCbCtnRt {
        margin-top: 30px
    }

    .ppbInnerCtn01.ppbCbCtn,article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn {
        margin-top: 50px !important
    }

    .ppbBursaBtn img {
        width: 15%
    }

    .ppbNewsCtn h2 {
        font-size: 1.6em
    }

    ul.ppbNews,ul.ppbPress {
        padding: 0 !important
    }

    ul.ppbNews li,ul.ppbPress li {
        padding: 20px !important
    }

    select {
        width: 100% !important
    }

    .ppbReport h2 {
        font-size: 1.6em;
        line-height: 1.2em;
        padding-bottom: 20px
    }

    .uk-description-list-horizontal > dd {
        margin-left: 0px
    }

    .ppbSearch .ppbButton {
        margin-top: 25px
    }

    .ppbSustainAcc.cpAccordion .uk-accordion-title li.title {
        margin-right: 30px;
        line-height: 1.2em
    }
}

@media (max-width: 480px) {
    .ppbInnerTT h1 {
        font-size:1.7em
    }
}

@media (max-width: 320px) {
    .ppbHomeTitle p {
        font-size:2em
    }

    .ppbHomeSlider .uk-slidenav {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        color: rgba(255,255,255,.9) !important;
        font-size: 30px !important;
        background: #f6bd5c !important
    }

    .ppbHomeSlider {
        padding-top: 65px
    }

    ul.ppbNews {
        margin-top: 30px
    }

    .ppbPanel01 {
        margin-top: 50px
    }

    .ppbPanel01,.ppbPanel02,.ppbPanel03 {
        margin-bottom: 50px
    }

    .ppbBanner h3 {
        font-size: 2.5em
    }

    .ppbInnerTT h1 {
        font-size: 1.3em;
        line-height: 1.2em
    }

    .investor-uikit-bursa-annoucement .ppbInnerCtn02 {
        margin-left: 30px;
        margin-right: 30px
    }

    .ppbBursaBtn img {
        width: 30%
    }

    .ppbButton a,.ppbButton .uk-button {
        padding-left: 55px;
        padding-right: 15px;
        font-size: 0.9em
    }

    .ppbButton a::before,.ppbButton .uk-button::before {
        line-height: 50px;
        width: 40px;
        font-size: 1.1em
    }

    .ppbCbCtnLt,article:nth-child(2n) .ppbInnerCtn01.ppbCbCtn .ppbCbCtnLt {
        padding: 30px
    }

    .ppbCbMapCtn {
        padding: 0 30px
    }

    .ppbCbMap ul.uk-slideset-nav.uk-dotnav > * {
        padding-left: 10px !important;
        margin-top: 0px !important
    }

    .ppbCbMapCtn h3,.ppbCbMapCtn h3 span {
        font-size: 1.25em
    }

    .ppbCb04 .ppbBursaBtn,.ppbCb05 .ppbBursaBtn {
        padding: 30px 30px 60px 30px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (max--moz-device-pixel-ratio:1.5) {
}

#system-message {
    margin-bottom: 10px;
    padding: 0
}

#system-message > dt {
    font-weight: bold;
    display: none
}

#system-message > dd {
    margin: 0;
    font-weight: bold;
    text-indent: 30px
}

#system-message > dd > ul {
    color: #0055BB;
    background-position: 4px top;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    list-style: none;
    padding: 10px;
    border-top: 3px solid #84A7DB;
    border-bottom: 3px solid #84A7DB
}

#system-message > dd > ul > li {
    line-height: 1.5em
}

#system-message > .message > ul {
    background-color: #C3D2E5;
    background-image: url(../images/notice-info.png)
}

#system-message > .error > ul,#system-message > .warning > ul,#system-message > .notice > ul {
    color: #c00
}

#system-message > .error > ul {
    background-color: #E6C0C0;
    background-image: url(../images/notice-alert.png);
    border-color: #DE7A7B
}

#system-message > .warning > ul {
    background-color: #E6C8A6;
    background-image: url(../images/notice-note.png);
    border-color: #FFBB00
}

#system-message > .notice > ul {
    background-color: #EFE7B8;
    background-image: url(../images/notice-note.png);
    border-color: #F0DC7E
}

@import url(../../../media/system/css/system.css);.system-unpublished,tr.system-unpublished {
    background: #e8edf1;
    border-top: 4px solid #c4d3df;
    border-bottom: 4px solid #c4d3df
}

span.highlight {
    background-color: #FFFFCC;
    font-weight: bold;
    padding: 1px 0
}

.img-fulltext-float-right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.img-fulltext-float-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.img-fulltext-float-none {
}

.img-intro-float-right {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px
}

.img-intro-float-left {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

.img-intro-float-none {
}

.invalid {
    border-color: #ff0000
}

label.invalid {
    color: #ff0000
}

#editor-xtd-buttons {
    padding: 5px
}

.button2-left,.button2-right,.button2-left div,.button2-right div {
    float: left
}

.button2-left a,.button2-right a,.button2-left span,.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer
}

.button2-left span,.button2-right span {
    cursor: default;
    color: #999
}

.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span {
    padding: 0 6px
}

.page span {
    color: #000;
    font-weight: bold
}

.button2-left a:hover,.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4
}

.button2-left a,.button2-left span {
    padding: 0 24px 0 6px
}

.button2-right a,.button2-right span {
    padding: 0 6px 0 24px
}

.button2-left {
    background: url(../images/j_button2_left.png) no-repeat;
    float: left;
    margin-left: 5px
}

.button2-right {
    background: url(../images/j_button2_right.png) 100% 0 no-repeat;
    float: left;
    margin-left: 5px
}

.button2-left .image {
    background: url(../images/j_button2_image.png) 100% 0 no-repeat
}

.button2-left .readmore,.button2-left .article {
    background: url(../images/j_button2_readmore.png) 100% 0 no-repeat
}

.button2-left .pagebreak {
    background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat
}

.button2-left .blank {
    background: url(../images/j_button2_blank.png) 100% 0 no-repeat
}

div.tooltip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 13000
}

div.tooltip h4 {
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../images/selector-arrow.png) no-repeat
}

div.tooltip p {
    font-size: 90%;
    margin: 0
}

.img_caption .left {
    float: left;
    margin-right: 1em
}

.img_caption .right {
    float: right;
    margin-left: 1em
}

.img_caption .left p {
    clear: left;
    text-align: center
}

.img_caption .right p {
    clear: right;
    text-align: center
}

.img_caption {
    text-align: center!important
}

.img_caption.none {
    margin-left: auto;
    margin-right: auto
}

a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(../images/calendar.png) no-repeat;
    cursor: pointer;
    vertical-align: middle
}