/*!
######################################################

# home-v4-base.css?ver=2

# OCOM GLOBAL ASSET RELEASE: 17.0.0

# BUILD DATE: Wed Dec 19 2018 13:11:35 GMT-0800 (PST)

# COPYRIGHT ORACLE CORP 2018 [UNLESS STATED OTHERWISE]

######################################################
*/


/*! VERSION INFO */

#compass-homestyle {
    content: "17.0.0"
}


/*! BASE - OCOM */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    height: 100%
}

body {
    padding: 0;
    margin: 0;
    color: #494b4d;
    background: #fff;
    min-width: 280px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 1.55;
    opacity: 1 !important
}

body:focus {
    outline: 0
}

table tr td,
table tr th {
    font-size: 1.8rem;
    line-height: 1.3
}

p {
    margin: 0 0 1.1em;
    line-height: 1.55
}

h1,
h2,
h3,
h4,
h5,
h6,
.herotitle {
    color: #000;
    padding: 0;
    margin: 0 0 0.4em;
    line-height: 1.2
}

h1 {
    font-size: 2.4rem
}

h2,
.herotitle {
    font-size: 4.8rem;
    font-weight: 400
}

h2.hero,
.ch10 .ch10w3 h2 {
    font-size: 5.6rem
}

h3 {
    font-size: 4.0rem
}

h3.sub {
    font-size: 3.4rem;
    font-weight: 400
}

h3.sub2 {
    font-size: 2.8rem;
    font-weight: 400
}

h4 {
    font-size: 2.4rem
}

h4.sub {
    font-size: 2.0rem
}

h5 {
    font-size: 3.5rem
}

h6 {
    font-size: 2.8rem
}

@media only screen and (min-width: 1360px) and (max-width: 1600px) {
    .herotitle,
    h2 {
        font-size: calc(4.5833333333vw - 23.3333333333px)
    }
}

@media only screen and (min-width: 770px) and (max-width: 1360px) {
    .herotitle,
    h2 {
        font-size: calc(.9322033898vw + 26.3220338983px)
    }
}

@media only screen and (min-width: 1360px) and (max-width: 1500px) {
    h2.hero,
    .ch10 .ch10w3 h2 {
        font-size: calc(11.4285714286vw - 115.428571429px)
    }
}

@media only screen and (min-width: 770px) and (max-width: 1360px) {
    h2.hero,
    .ch10 .ch10w3 h2 {
        font-size: calc(.8474576271vw + 28.4745762712px)
    }
}

@media only screen and (max-width: 770px) {
    .herotitle,
    h2 {
        font-size: 3.7rem
    }
    h2.hero,
    .ch10 .ch10w3 h2 {
        font-size: 4.5rem
    }
}

@media only screen and (max-width: 450px) {
    html {
        -webkit-text-size-adjust: none
    }
    h1 {
        font-size: 2.1rem
    }
    .herotitle,
    h2 {
        font-size: 4rem
    }
    h2.hero,
    .ch10 .ch10w3 h2 {
        font-size: 4.2rem
    }
    h3 {
        font-size: 3.7rem
    }
    h3.sub {
        font-size: 3.1rem
    }
    h3.sub2 {
        font-size: 2.6rem
    }
}

.eyebrow {
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    margin: 0 0 0.25em
}

.eyebrowbar {
    position: relative;
    padding-top: .3em
}

.eyebrowbar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 2em;
    background: #dee0e0
}

.center-text {
    text-align: center
}

.txtlight {
    color: #fff
}

.txtlight *,
.txtlight [class*="icn"]:before {
    color: #fff
}

.txtlight a,
.txtlight a:hover,
.txtlight a:active,
.txtlight a:link,
.txtlight a:visited,
.txtlight a:focus {
    color: #fff
}

.txtlight a:not(.cta-lnk),
.txtlight a:hover:not(.cta-lnk),
.txtlight a:active:not(.cta-lnk),
.txtlight a:link:not(.cta-lnk),
.txtlight a:visited:not(.cta-lnk),
.txtlight a:focus:not(.cta-lnk) {
    text-decoration: underline
}

.txtdark {
    color: #494b4d
}

.txtdark * {
    color: #494b4d
}

.txtdark h1.txtdark,
.txtdark h2.txtdark,
.txtdark h3.txtdark,
.txtdark h4.txtdark,
.txtdark h5.txtdark,
.txtdark h6.txtdark,
.txtdark h1,
.txtdark h2,
.txtdark h3,
.txtdark h4,
.txtdark h5,
.txtdark h6 {
    color: #000
}

.xsml {
    font-size: 1.4rem
}

.sml {
    font-size: 1.6rem
}

a,
a:link,
a:visited {
    color: #00758f;
    text-decoration: none
}

a:hover {
    color: #00758f;
    text-decoration: underline
}

a:focus {
    outline: 0
}

.no-touch a[href*='tel:'] {
    color: inherit !important
}

.no-touch a[href*='tel:']:hover {
    text-decoration: none !important;
    cursor: default
}

dt,
strong,
em,
b {
    font-weight: bold
}

i,
em {
    font-style: italic
}

ol,
dl {
    margin-bottom: 1px
}

dd {
    margin-bottom: .5em
}

blockquote {
    padding: .5em 0px
}

hr {
    color: #ccc;
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 3em 0;
    clear: both
}

em {
    font-weight: inherit
}

img {
    border: 0
}

p.smtxt,
div.smtxt,
span.smtxt {
    font-size: 1.4rem
}

ol.decimal {
    margin: 0;
    padding: 0;
    overflow: hidden
}

ol.decimal li {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
    margin-bottom: 0.6em
}

ol.decimal li ol {
    margin: .6em 0 .6em 1.9em
}

ul.obullets {
    margin: 0 0 1.1em;
    overflow: hidden
}

ul.obullets li {
    line-height: 1.3;
    display: list-item !important;
    padding: 0;
    margin-right: 1em;
    margin-bottom: 0.6em;
    position: relative;
    left: 1em;
    background: none;
    background-image: none
}

ul.obullets li:before {
    font-family: 'oracleicons' !important;
    content: "\ea56";
    height: 1em;
    width: 1em;
    color: inherit;
    position: absolute;
    font-size: 1.2em;
    left: -1.1em;
    line-height: 1;
    text-align: center
}

ul.obullets li ul {
    margin: .6em 0 .6em 1em
}

.rtl ul.obullets li {
    left: auto;
    right: 1em
}

.rtl ul.obullets li:before {
    left: auto;
    right: -1.1em
}

.rtl ul.obullets li ul {
    margin: .6em 1em .6em 0
}

.rtl ol.decimal li ol {
    margin: .6em 1.9em .6em 0
}

.cta-list {
    font-size: 1.8rem;
    margin-left: 1.4em;
    margin-bottom: 1.5em
}

.cta-list li {
    line-height: 1.3;
    margin-bottom: 0.6em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.cta-list li a {
    outline: 0
}

.cta-list li:before {
    float: left;
    display: block;
    font-size: 1.5em;
    line-height: 0.8;
    color: #00758f;
    margin: 0 0 0 -1.2em;
    font-family: 'oracleicons' !important;
    font-weight: normal;
    content: "\ea60"
}

.rtl .cta-list {
    margin-right: 1.4em;
    margin-left: 0
}

.rtl .cta-list li:before {
    float: right;
    margin: 0 -1.2em 0 0;
    content: "\ea5d"
}

div[class*="listcol-"] {
    -moz-column-count: 1;
    column-count: 1;
    column-width: 100%
}

ul[class*="listcol-"],
ol[class*="listcol-"] {
    -moz-column-fill: balance;
    column-fill: balance;
    -moz-column-gap: 36px;
    column-gap: 36px
}

ul[class*="listcol-"]>li,
ol[class*="listcol-"]>li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.listcol-2 {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-width: 50%;
    column-width: 50%
}

.listcol-3 {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-width: 33.333%;
    column-width: 33.333%
}

.listcol-4 {
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-width: 25%;
    column-width: 25%
}

.listcol-5 {
    -moz-column-count: 5;
    column-count: 5;
    -moz-column-width: 25%;
    column-width: 25%
}

@media (max-width: 1300px) {
    .listcol-4 {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-width: 33.333%;
        column-width: 33.333%
    }
    .listcol-5 {
        -moz-column-count: 4;
        column-count: 4;
        -moz-column-width: 25%;
        column-width: 25%
    }
}

@media (max-width: 1080px) {
    ul[class*="listcol-"],
    ol[class*="listcol-"] {
        -moz-column-gap: 32px;
        column-gap: 32px
    }
}

@media (max-width: 974px) {
    .listcol-3,
    .listcol-4 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-width: 50%;
        column-width: 50%
    }
    .listcol-5 {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-width: 33.333%;
        column-width: 33.333%
    }
}

@media (max-width: 770px) {
    .listcol-2 {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-width: 100%;
        column-width: 100%
    }
}

@media (max-width: 600px) {
    ul[class*="listcol-"],
    ol[class*="listcol-"] {
        -moz-column-gap: 28px;
        column-gap: 28px
    }
    .listcol-3,
    .listcol-4 {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-width: 100%;
        column-width: 100%
    }
    .listcol-5 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-width: 100%;
        column-width: 50%
    }
}

@media (max-width: 450px) {
    .listcol-4,
    .listcol-5 {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-width: 100%;
        column-width: 100%
    }
}

span.newwin {
    display: inline-block
}

span.newwin:after,
a.newwin:after {
    content: " ";
    display: inline;
    background: url("../../../asset/web/i/newwin-lg.png") no-repeat 100% 50% transparent;
    padding-left: 20px;
    margin-left: 5px
}

span.onew {
    display: inline-block;
    background: #f29111;
    color: #FFF;
    border-radius: 3px;
    padding: 1px 3px;
    margin: 0 2px 2px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em;
    vertical-align: middle
}

div.ohilite {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #f29111;
    color: #FFF;
    position: absolute;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    opacity: 0;
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease
}

div.ohilite div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

div.ohilite span {
    display: inline-block
}

.ohilite-on div.ohilite {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease
}

.o-bgimg {
    background-size: cover !important;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.o-bgimg[style*="bgnw-"] {
    background-position: 0 0
}

.o-bgimg[style*="bgn-"] {
    background-position: 50% 0
}

.o-bgimg[style*="bgne-"] {
    background-position: 100% 0
}

.o-bgimg[style*="bge-"] {
    background-position: 100% 50%
}

.o-bgimg[style*="bgse-"] {
    background-position: 100% 100%
}

.o-bgimg[style*="bgs-"] {
    background-position: 50% 100%
}

.o-bgimg[style*="bgsw-"] {
    background-position: 0 100%
}

.o-bgimg[style*="bgw-"] {
    background-position: 0 50%
}

.mwidth,
.cwidth {
    clear: both;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto
}

.mwidth:after,
.cwidth:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

@media (min-width: 0) and (max-width: 1476px) {
    .mwidth,
    .cwidth {
        max-width: 1476px;
        padding-left: 38px;
        padding-right: 38px
    }
}

@media (min-width: 0) and (max-width: 974px) {
    .mwidth,
    .cwidth {
        padding-left: 28px;
        padding-right: 28px
    }
}

@media (min-width: 0) and (max-width: 670px) {
    .mwidth,
    .cwidth {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media (min-width: 1476px) {
    .col-framework .col-item.cwidth {
        padding-left: calc((100% - 1400px) / 2);
        padding-right: calc((100% - 1400px) / 2)
    }
}

.cwidthguide.cwidth {
    position: fixed;
    top: 0;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    transform: translateX(-50%);
    pointer-events: none
}

.cwidthguide.cwidth>div {
    top: 0;
    bottom: 0;
    border-left: blue solid 1px;
    border-right: blue solid 1px;
    width: auto;
    position: relative;
    height: 100%
}

@media (min-width: 0) and (max-width: 1476px) {
    .cwidthguide.cwidth {
        max-width: 1476px
    }
}

.breakpointflag {
    position: fixed;
    top: 0;
    left: 0;
    background: #00f;
    color: #fff;
    z-index: 10000;
    padding: 8px 15px
}

.breakpointflag:before {
    font-weight: bold;
    font-size: 2.2rem
}

@media (min-width: 0) and (max-width: 320px) {
    .breakpointflag:before {
        content: "< 320px"
    }
}

@media (min-width: 320px) and (max-width: 450px) {
    .breakpointflag:before {
        content: "< 450px"
    }
}

@media (min-width: 450px) and (max-width: 600px) {
    .breakpointflag:before {
        content: "< 600px"
    }
}

@media (min-width: 600px) and (max-width: 770px) {
    .breakpointflag:before {
        content: "< 770px"
    }
}

@media (min-width: 770px) and (max-width: 860px) {
    .breakpointflag:before {
        content: "< 860px"
    }
}

@media (min-width: 860px) and (max-width: 974px) {
    .breakpointflag:before {
        content: "< 974px"
    }
}

@media (min-width: 974px) and (max-width: 1080px) {
    .breakpointflag:before {
        content: "< 1080px"
    }
}

@media (min-width: 1080px) and (max-width: 1300px) {
    .breakpointflag:before {
        content: "< 1300px"
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .breakpointflag:before {
        content: "< 1500px"
    }
}

@media (min-width: 1500px) {
    .breakpointflag:before {
        content: "> 1500px"
    }
}

section.cmp-overlap {
    padding-bottom: 6.5em
}

section.cmp-overlap+section.cpad {
    padding-top: 5.5em;
    margin-top: -3.5em
}

.cpad {
    padding-top: 3em;
    padding-bottom: 3.5em
}

section.expando+.cpad {
    padding-top: 3.498em
}

.cpad .cwidth,
.cpad .cwidth>:last-child {
    margin-bottom: 0
}

section.cpad:not([class*='bg']):not(.expando)+section.cpad.crule[class*='bgwhite']::before,
section.cpad:not([class*='bg']):not(.expando)+section.cpad.crule:not([class*='bg'])::before,
section.cpad[class*='bgwhite']:not(.expando)+section.cpad.crule[class*='bgwhite']::before,
section.cpad[class*='bgvlightgrey']:not(.expando)+section.cpad.crule[class*='bgvlightgrey']::before,
section.cpad[class*='bgvlightslate']:not(.expando)+section.cpad.crule[class*='bgvlightslate']::before {
    content: "";
    max-width: 1180px;
    width: 75%;
    height: 2px;
    background: rgba(147, 150, 153, 0.3);
    display: block;
    margin: 0 auto;
    position: relative;
    top: -1.75em
}

.col-item.cpad {
    padding-top: 3em !important;
    padding-bottom: 3em !important
}

@media (max-height: 800px),
(max-width: 770px) {
    .cpad {
        padding-top: 2.1em;
        padding-bottom: 2.45em
    }
    section.expando+.cpad {
        padding-top: 2.7em
    }
    .col-item.cpad {
        padding-top: 2.1em !important;
        padding-bottom: 2.1em !important
    }
    section.cpad:not([class*='bg']):not(.expando)+section.cpad.crule[class*='bgwhite']::before,
    section.cpad:not([class*='bg']):not(.expando)+section.cpad.crule:not([class*='bg'])::before,
    section.cpad[class*='bgwhite']:not(.expando)+section.cpad.crule[class*='bgwhite']::before,
    section.cpad[class*='bgvlightgrey']:not(.expando)+section.cpad.crule[class*='bgvlightgrey']::before,
    section.cpad[class*='bgvlightslate']:not(.expando)+section.cpad.crule[class*='bgvlightslate']::before {
        top: -1.225em
    }
}

.cpad.bgvlightgrey:not(.expando)+.cpad.bgvlightgrey,
.cpad.bgvlightslate:not(.expando)+.cpad.bgvlightslate,
.cpad.bgwhite:not(.expando)+.cpad[class*='bgwhite'],
.cpad.bgwhite:not(.expando)+.cpad:not([class*='bg']),
.cpad:not([class*='bg']):not(.expando)+.cpad[class*='bgwhite'],
.cpad:not([class*='bg']):not(.expando):not([style*='background-image'])+.cpad:not([class*='bg']) {
    padding-top: 0
}

.spad {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.spad .cwidth,
.spad .cwidth>:last-child {
    margin-bottom: 0
}

@media (max-height: 800px),
(max-width: 770px) {
    .spad {
        padding-top: 1.05em;
        padding-bottom: 1.05em
    }
}

.rtl section {
    direction: rtl
}

.wireframe {
    filter: grayscale(1);
    opacity: .5
}

html {
    font-size: 62.5%;
    height: 100%
}

@media only screen and (min-width: 1360px) and (max-width: 1600px) {
    html {
        font-size: calc(.625vw + 0px)
    }
}

@media only screen and (min-width: 770px) and (max-width: 1360px) {
    html {
        font-size: calc(.095890411vw + 7.2616438356px)
    }
}

@media only screen and (min-width: 600px) and (max-width: 770px) {
    html {
        font-size: calc(1vw + 1px)
    }
}

@media only screen and (max-width: 770px) {
    html {
        font-size: 46%;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
}


/*! GENERIC - OBTTNS */

.obttns {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 1.6rem
}

.obttns a,
.obttns button {
    font-size: 1em;
    font-weight: bold;
    font-family: inherit;
    line-height: inherit;
    display: inline-block;
    padding: .6em 3em .57em 1.2em;
    background: none;
    border: 0;
    cursor: pointer
}

.obttns>div {
    position: relative;
    margin: 0 .8em .6em 0;
    border: 2px solid #00758f;
    float: left;
    background: #00758f
}

.ready .obttns a,
.ready .obttns button {
    transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s
}

.ready .obttns>div {
    transition: background .2s, border .2s;
    -moz-transition: background .2s, border .2s;
    -webkit-transition: background .2s, border .2s
}

.obttns button>span {
    position: relative
}

.obttns a:before,
.obttns a:after,
.obttns button:before,
.obttns button:after {
    font-family: 'oracleicons' !important;
    display: block;
    position: absolute;
    right: 0.25em;
    left: auto;
    top: 50%;
    transition: color .2s, right .2s .1s, left .2s .1s;
    -moz-transition: color .2s, right .2s .1s, left .2s .1s;
    -webkit-transition: color .2s, right .2s .1s, left .2s .1s;
    line-height: 1.2;
    font-weight: normal;
    margin-top: -0.575em
}

.obttns a:after,
.obttns button:after {
    font-size: 2.3em
}

.obttns a:before,
.obttns button:before {
    margin-top: -0.565em;
    font-size: 2.5em;
    right: 0.13em !important
}

.obttns div.icn-padlock:before {
    font-family: 'oracleicons' !important;
    display: inline-block;
    position: absolute;
    top: 0;
    left: .05em;
    transition: color .2s;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    line-height: 1.25;
    font-weight: normal;
    font-size: 2em;
    pointer-events: none
}

.obttns div.icn-padlock a,
.obttns div.icn-padlock button {
    padding-left: 2.2em
}

.obttns a:after,
.obttns button:after {
    content: "\ea60"
}

.rtl .obttns a:after,
.rtl .obttns button:after {
    content: "\ea5d"
}

.obttns a[class*=icn-]:after,
.obttns button[class*=icn-]:after {
    display: none !important
}

.obttns a[class*=icn-none],
.obttns button[class*=icn-none] {
    padding-right: 1.2em
}

.obttns>div:hover>a,
.obttns>div:hover>a:after,
.obttns>div>a:link,
.obttns>div>a:hover,
.obttns>div>a:visited,
.obttns>div>a:active,
.obttns>div>a:focus,
.obttns>div:hover button,
.obttns>div:hover button:after {
    text-decoration: none !important
}

.obttns a:focus,
.obttns button:focus {
    outline: 0
}

.obttns>div:hover a:after,
.obttns>div:hover button:after,
a:hover .obttns>div button:after {
    right: 0.18em
}

.obttn-center {
    text-align: center
}

.obttn-center>div {
    float: none;
    display: inline-block;
    text-align: left;
    margin: 0 .8em .6em .8em !important
}

.rtl .obttns:not(.obttn-center) {
    float: right;
    width: auto
}

.rtl .obttns:not(.obttn-center) div {
    float: right;
    margin: 0 0 .6em .8em
}

.rtl .obttns>div>a:after,
.rtl .obttns>div>button:after {
    right: auto;
    left: 0.22em
}

.rtl .obttns>div>a,
.rtl .obttns>div>button {
    padding: .6em 1.2em .57em 3em
}

.rtl .cw22 .obttns {
    float: left;
    width: auto
}

.rtl .cw22 .obttns div {
    float: left;
    margin: 0 16px 0.6em 0
}

.rtl .obttns>div:hover a:after,
.rtl .obttns>div:hover button:after {
    right: auto;
    left: 0.16em
}

.rtl .obttns a:before,
.rtl .obttns button:before {
    right: auto !important;
    left: 0.13em !important
}

.rtl .obttns div.icn-padlock a,
.rtl .obttns div.icn-padlock button {
    padding-right: 2.2em
}

.rtl .obttns div.icn-padlock:before {
    right: .05em;
    left: auto
}

.rtl .obttns a[class*=icn-none],
.rtl .obttns button[class*=icn-none] {
    padding-left: 1.2em
}

.obttns .bttn-disabled {
    transition: none;
    opacity: .7;
    filter: grayscale(1);
    pointer-events: none
}

.obttns>div a,
.obttns>div a:after,
.obttns>div button,
.obttns>div button:after,
.obttns>div:before,
.obttns>div a:before,
.obttns>div button:before {
    color: #fff
}

.obttns>div {
    background: #00758f;
    border-color: #00758f
}

.obttns>div:hover a,
.obttns>div:hover a:after,
.obttns>div:hover:before,
.obttns>div:hover a:before,
.obttns>div:hover button,
.obttns>div:hover button:after,
.obttns>div:hover button:before,
a:hover .obttns>div button,
a:hover .obttns>div button:after,
a:hover .obttns>div button:before,
.obttns>div.obttnf a,
.obttns>div.obttnf a:after,
.obttns>div.obttnf button,
.obttns>div.obttnf button:after,
.obttns>div.obttnf:before,
.obttns>div.obttnf a:before {
    color: #00758f !important;
    text-decoration: none
}

.obttns>div:hover,
a:hover .obttns>div,
.obttns>div.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.obttn1 a,
.obttns>div.obttn1 a:after,
.obttns>div.obttn1 button,
.obttns>div.obttn1 button:after,
.obttns>div.obttn1 button:before,
.obttns>div.obttn1:before,
.obttns>div.obttn1 a:before {
    color: #00758f
}

.obttns>div.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.obttn1:hover a,
.obttns>div.obttn1:hover a:after,
.obttns>div.obttn1:hover:before,
.obttns>div.obttn1:hover a:before,
.obttns>div.obttn1:hover button,
.obttns>div.obttn1:hover button:after,
.obttns>div.obttn1:hover button:before,
a:hover .obttns>div.obttn1 button,
a:hover .obttns>div.obttn1 button:after,
a:hover .obttns>div.obttn1 button:before,
.obttns>div.obttn1.obttnf a,
.obttns>div.obttn1.obttnf a:after,
.obttns>div.obttn1.obttnf button,
.obttns>div.obttn1.obttnf button:after,
.obttns>div.obttn1.obttnf:before,
.obttns>div.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn1:hover,
a:hover .obttns>div.obttn1,
.obttns>div.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.obttn2 a,
.obttns>div.obttn2 a:after,
.obttns>div.obttn2 button,
.obttns>div.obttn2 button:after,
.obttns>div.obttn2 button:before,
.obttns>div.obttn2:before,
.obttns>div.obttn2 a:before {
    color: #00758f
}

.obttns>div.obttn2 {
    background: #fff;
    border-color: #00758f
}

.obttns>div.obttn2:hover a,
.obttns>div.obttn2:hover a:after,
.obttns>div.obttn2:hover:before,
.obttns>div.obttn2:hover a:before,
.obttns>div.obttn2:hover button,
.obttns>div.obttn2:hover button:after,
.obttns>div.obttn2:hover button:before,
a:hover .obttns>div.obttn2 button,
a:hover .obttns>div.obttn2 button:after,
a:hover .obttns>div.obttn2 button:before,
.obttns>div.obttn2.obttnf a,
.obttns>div.obttn2.obttnf a:after,
.obttns>div.obttn2.obttnf button,
.obttns>div.obttn2.obttnf button:after,
.obttns>div.obttn2.obttnf:before,
.obttns>div.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn2:hover,
a:hover .obttns>div.obttn2,
.obttns>div.obttn2.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.obttn3:hover,
.obttns>div.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.obttn4:hover,
.obttns>div.obttn4.obttnf {
    background: #fff
}

.obttns>div.obttn5 a,
.obttns>div.obttn5 a:after,
.obttns>div.obttn5:before,
.obttns>div.obttn5 a:before {
    color: #fff
}

.obttns>div.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.obttn5:hover a,
.obttns>div.obttn5:hover a:after,
.obttns>div.obttn5:hover:before,
.obttns>div.obttn5:hover a:before,
.obttns>div.obttn5.obttnf a,
.obttns>div.obttn5.obttnf a:after,
.obttns>div.obttn5.obttnf:before,
.obttns>div.obttn5.obttnf a:before {
    color: #00758f !important
}

.obttns>div.obttn5:hover,
.obttns>div.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.obttn6:hover a,
.obttns>div.obttn6:hover a:after,
.obttns>div.obttn6:hover:before,
.obttns>div.obttn6:hover a:before,
.obttns>div.obttn6.obttnf a,
.obttns>div.obttn6.obttnf a:after,
.obttns>div.obttn6.obttnf:before,
.obttns>div.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn6:hover,
.obttns>div.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.obttn7:hover a,
.obttns>div.obttn7:hover a:after,
.obttns>div.obttn7:hover:before,
.obttns>div.obttn7:hover a:before,
.obttns>div.obttn7.obttnf a,
.obttns>div.obttn7.obttnf a:after,
.obttns>div.obttn7.obttnf:before,
.obttns>div.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn7:hover,
.obttns>div.obttn7.obttnf {
    background: #005467;
    border-color: #005467
}

.obttns>div.obttn8 a,
.obttns>div.obttn8 a:after,
.obttns>div.obttn8:before,
.obttns>div.obttn8 a:before {
    color: #00758f
}

.obttns>div.obttn8 {
    background: transparent;
    border-color: #00758f
}

.obttns>div.obttn8:hover a,
.obttns>div.obttn8:hover a:after,
.obttns>div.obttn8:hover:before,
.obttns>div.obttn8:hover a:before,
.obttns>div.obttn8.obttnf a,
.obttns>div.obttn8.obttnf a:after,
.obttns>div.obttn8.obttnf:before,
.obttns>div.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn8:hover,
.obttns>div.obttn8.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.obttn9 a,
.obttns>div.obttn9 a:after,
.obttns>div.obttn9 button,
.obttns>div.obttn9 button:after,
.obttns>div.obttn9:before,
.obttns>div.obttn9 a:before,
.obttns>div.obttn9 button:before {
    color: #00758f
}

.obttns>div.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.obttn9:hover a,
.obttns>div.obttn9:hover a:after,
.obttns>div.obttn9:hover:before,
.obttns>div.obttn9:hover a:before,
.obttns>div.obttn9:hover button,
.obttns>div.obttn9:hover button:after,
.obttns>div.obttn9:hover button:before,
a:hover .obttns>div.obttn9 button,
a:hover .obttns>div.obttn9 button:after,
a:hover .obttns>div.obttn9 button:before,
.obttns>div.obttn9.obttnf a,
.obttns>div.obttn9.obttnf a:after,
.obttns>div.obttn9.obttnf button,
.obttns>div.obttn9.obttnf button:after,
.obttns>div.obttn9.obttnf:before,
.obttns>div.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.obttn9:hover,
.obttns>div.obttn9.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.bttn-black a,
.obttns>div.bttn-black a:after,
.obttns>div.bttn-black button,
.obttns>div.bttn-black button:after,
.obttns>div.bttn-black:before,
.obttns>div.bttn-black a:before,
.obttns>div.bttn-black button:before {
    color: #fff
}

.obttns>div.bttn-black {
    background: #000;
    border-color: #000
}

.obttns>div.bttn-black:hover a,
.obttns>div.bttn-black:hover a:after,
.obttns>div.bttn-black:hover:before,
.obttns>div.bttn-black:hover a:before,
.obttns>div.bttn-black:hover button,
.obttns>div.bttn-black:hover button:after,
.obttns>div.bttn-black:hover button:before,
a:hover .obttns>div.bttn-black button,
a:hover .obttns>div.bttn-black button:after,
a:hover .obttns>div.bttn-black button:before,
.obttns>div.bttn-black.obttnf a,
.obttns>div.bttn-black.obttnf a:after,
.obttns>div.bttn-black.obttnf button,
.obttns>div.bttn-black.obttnf button:after,
.obttns>div.bttn-black.obttnf:before,
.obttns>div.bttn-black.obttnf a:before {
    color: #000 !important;
    text-decoration: none
}

.obttns>div.bttn-black:hover,
a:hover .obttns>div.bttn-black,
.obttns>div.bttn-black.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-black.obttn1 a,
.obttns>div.bttn-black.obttn1 a:after,
.obttns>div.bttn-black.obttn1 button,
.obttns>div.bttn-black.obttn1 button:after,
.obttns>div.bttn-black.obttn1 button:before,
.obttns>div.bttn-black.obttn1:before,
.obttns>div.bttn-black.obttn1 a:before {
    color: #000
}

.obttns>div.bttn-black.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-black.obttn1:hover a,
.obttns>div.bttn-black.obttn1:hover a:after,
.obttns>div.bttn-black.obttn1:hover:before,
.obttns>div.bttn-black.obttn1:hover a:before,
.obttns>div.bttn-black.obttn1:hover button,
.obttns>div.bttn-black.obttn1:hover button:after,
.obttns>div.bttn-black.obttn1:hover button:before,
a:hover .obttns>div.bttn-black.obttn1 button,
a:hover .obttns>div.bttn-black.obttn1 button:after,
a:hover .obttns>div.bttn-black.obttn1 button:before,
.obttns>div.bttn-black.obttn1.obttnf a,
.obttns>div.bttn-black.obttn1.obttnf a:after,
.obttns>div.bttn-black.obttn1.obttnf button,
.obttns>div.bttn-black.obttn1.obttnf button:after,
.obttns>div.bttn-black.obttn1.obttnf:before,
.obttns>div.bttn-black.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn1:hover,
a:hover .obttns>div.bttn-black.obttn1,
.obttns>div.bttn-black.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-black.obttn2 a,
.obttns>div.bttn-black.obttn2 a:after,
.obttns>div.bttn-black.obttn2 button,
.obttns>div.bttn-black.obttn2 button:after,
.obttns>div.bttn-black.obttn2 button:before,
.obttns>div.bttn-black.obttn2:before,
.obttns>div.bttn-black.obttn2 a:before {
    color: #000
}

.obttns>div.bttn-black.obttn2 {
    background: #fff;
    border-color: #000
}

.obttns>div.bttn-black.obttn2:hover a,
.obttns>div.bttn-black.obttn2:hover a:after,
.obttns>div.bttn-black.obttn2:hover:before,
.obttns>div.bttn-black.obttn2:hover a:before,
.obttns>div.bttn-black.obttn2:hover button,
.obttns>div.bttn-black.obttn2:hover button:after,
.obttns>div.bttn-black.obttn2:hover button:before,
a:hover .obttns>div.bttn-black.obttn2 button,
a:hover .obttns>div.bttn-black.obttn2 button:after,
a:hover .obttns>div.bttn-black.obttn2 button:before,
.obttns>div.bttn-black.obttn2.obttnf a,
.obttns>div.bttn-black.obttn2.obttnf a:after,
.obttns>div.bttn-black.obttn2.obttnf button,
.obttns>div.bttn-black.obttn2.obttnf button:after,
.obttns>div.bttn-black.obttn2.obttnf:before,
.obttns>div.bttn-black.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn2:hover,
a:hover .obttns>div.bttn-black.obttn2,
.obttns>div.bttn-black.obttn2.obttnf {
    background: #000;
    border-color: #000
}

.obttns>div.bttn-black.obttn3:hover,
.obttns>div.bttn-black.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-black.obttn4:hover,
.obttns>div.bttn-black.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-black.obttn5 a,
.obttns>div.bttn-black.obttn5 a:after,
.obttns>div.bttn-black.obttn5:before,
.obttns>div.bttn-black.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-black.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-black.obttn5:hover a,
.obttns>div.bttn-black.obttn5:hover a:after,
.obttns>div.bttn-black.obttn5:hover:before,
.obttns>div.bttn-black.obttn5:hover a:before,
.obttns>div.bttn-black.obttn5.obttnf a,
.obttns>div.bttn-black.obttn5.obttnf a:after,
.obttns>div.bttn-black.obttn5.obttnf:before,
.obttns>div.bttn-black.obttn5.obttnf a:before {
    color: #000 !important
}

.obttns>div.bttn-black.obttn5:hover,
.obttns>div.bttn-black.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-black.obttn6:hover a,
.obttns>div.bttn-black.obttn6:hover a:after,
.obttns>div.bttn-black.obttn6:hover:before,
.obttns>div.bttn-black.obttn6:hover a:before,
.obttns>div.bttn-black.obttn6.obttnf a,
.obttns>div.bttn-black.obttn6.obttnf a:after,
.obttns>div.bttn-black.obttn6.obttnf:before,
.obttns>div.bttn-black.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn6:hover,
.obttns>div.bttn-black.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-black.obttn7:hover a,
.obttns>div.bttn-black.obttn7:hover a:after,
.obttns>div.bttn-black.obttn7:hover:before,
.obttns>div.bttn-black.obttn7:hover a:before,
.obttns>div.bttn-black.obttn7.obttnf a,
.obttns>div.bttn-black.obttn7.obttnf a:after,
.obttns>div.bttn-black.obttn7.obttnf:before,
.obttns>div.bttn-black.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn7:hover,
.obttns>div.bttn-black.obttn7.obttnf {
    background: #000;
    border-color: #000
}

.obttns>div.bttn-black.obttn8 a,
.obttns>div.bttn-black.obttn8 a:after,
.obttns>div.bttn-black.obttn8:before,
.obttns>div.bttn-black.obttn8 a:before {
    color: #000
}

.obttns>div.bttn-black.obttn8 {
    background: transparent;
    border-color: #000
}

.obttns>div.bttn-black.obttn8:hover a,
.obttns>div.bttn-black.obttn8:hover a:after,
.obttns>div.bttn-black.obttn8:hover:before,
.obttns>div.bttn-black.obttn8:hover a:before,
.obttns>div.bttn-black.obttn8.obttnf a,
.obttns>div.bttn-black.obttn8.obttnf a:after,
.obttns>div.bttn-black.obttn8.obttnf:before,
.obttns>div.bttn-black.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn8:hover,
.obttns>div.bttn-black.obttn8.obttnf {
    background: #000;
    border-color: #000
}

.obttns>div.bttn-black.obttn9 a,
.obttns>div.bttn-black.obttn9 a:after,
.obttns>div.bttn-black.obttn9 button,
.obttns>div.bttn-black.obttn9 button:after,
.obttns>div.bttn-black.obttn9:before,
.obttns>div.bttn-black.obttn9 a:before,
.obttns>div.bttn-black.obttn9 button:before {
    color: #000
}

.obttns>div.bttn-black.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-black.obttn9:hover a,
.obttns>div.bttn-black.obttn9:hover a:after,
.obttns>div.bttn-black.obttn9:hover:before,
.obttns>div.bttn-black.obttn9:hover a:before,
.obttns>div.bttn-black.obttn9:hover button,
.obttns>div.bttn-black.obttn9:hover button:after,
.obttns>div.bttn-black.obttn9:hover button:before,
a:hover .obttns>div.bttn-black.obttn9 button,
a:hover .obttns>div.bttn-black.obttn9 button:after,
a:hover .obttns>div.bttn-black.obttn9 button:before,
.obttns>div.bttn-black.obttn9.obttnf a,
.obttns>div.bttn-black.obttn9.obttnf a:after,
.obttns>div.bttn-black.obttn9.obttnf button,
.obttns>div.bttn-black.obttn9.obttnf button:after,
.obttns>div.bttn-black.obttn9.obttnf:before,
.obttns>div.bttn-black.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-black.obttn9:hover,
.obttns>div.bttn-black.obttn9.obttnf {
    background: #000;
    border-color: #000
}

.obttns>div.bttn-darkgrey a,
.obttns>div.bttn-darkgrey a:after,
.obttns>div.bttn-darkgrey button,
.obttns>div.bttn-darkgrey button:after,
.obttns>div.bttn-darkgrey:before,
.obttns>div.bttn-darkgrey a:before,
.obttns>div.bttn-darkgrey button:before {
    color: #fff
}

.obttns>div.bttn-darkgrey {
    background: #4e5052;
    border-color: #4e5052
}

.obttns>div.bttn-darkgrey:hover a,
.obttns>div.bttn-darkgrey:hover a:after,
.obttns>div.bttn-darkgrey:hover:before,
.obttns>div.bttn-darkgrey:hover a:before,
.obttns>div.bttn-darkgrey:hover button,
.obttns>div.bttn-darkgrey:hover button:after,
.obttns>div.bttn-darkgrey:hover button:before,
a:hover .obttns>div.bttn-darkgrey button,
a:hover .obttns>div.bttn-darkgrey button:after,
a:hover .obttns>div.bttn-darkgrey button:before,
.obttns>div.bttn-darkgrey.obttnf a,
.obttns>div.bttn-darkgrey.obttnf a:after,
.obttns>div.bttn-darkgrey.obttnf button,
.obttns>div.bttn-darkgrey.obttnf button:after,
.obttns>div.bttn-darkgrey.obttnf:before,
.obttns>div.bttn-darkgrey.obttnf a:before {
    color: #4e5052 !important;
    text-decoration: none
}

.obttns>div.bttn-darkgrey:hover,
a:hover .obttns>div.bttn-darkgrey,
.obttns>div.bttn-darkgrey.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkgrey.obttn1 a,
.obttns>div.bttn-darkgrey.obttn1 a:after,
.obttns>div.bttn-darkgrey.obttn1 button,
.obttns>div.bttn-darkgrey.obttn1 button:after,
.obttns>div.bttn-darkgrey.obttn1 button:before,
.obttns>div.bttn-darkgrey.obttn1:before,
.obttns>div.bttn-darkgrey.obttn1 a:before {
    color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn1:hover a,
.obttns>div.bttn-darkgrey.obttn1:hover a:after,
.obttns>div.bttn-darkgrey.obttn1:hover:before,
.obttns>div.bttn-darkgrey.obttn1:hover a:before,
.obttns>div.bttn-darkgrey.obttn1:hover button,
.obttns>div.bttn-darkgrey.obttn1:hover button:after,
.obttns>div.bttn-darkgrey.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkgrey.obttn1 button,
a:hover .obttns>div.bttn-darkgrey.obttn1 button:after,
a:hover .obttns>div.bttn-darkgrey.obttn1 button:before,
.obttns>div.bttn-darkgrey.obttn1.obttnf a,
.obttns>div.bttn-darkgrey.obttn1.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn1.obttnf button,
.obttns>div.bttn-darkgrey.obttn1.obttnf button:after,
.obttns>div.bttn-darkgrey.obttn1.obttnf:before,
.obttns>div.bttn-darkgrey.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn1:hover,
a:hover .obttns>div.bttn-darkgrey.obttn1,
.obttns>div.bttn-darkgrey.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn2 a,
.obttns>div.bttn-darkgrey.obttn2 a:after,
.obttns>div.bttn-darkgrey.obttn2 button,
.obttns>div.bttn-darkgrey.obttn2 button:after,
.obttns>div.bttn-darkgrey.obttn2 button:before,
.obttns>div.bttn-darkgrey.obttn2:before,
.obttns>div.bttn-darkgrey.obttn2 a:before {
    color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn2 {
    background: #fff;
    border-color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn2:hover a,
.obttns>div.bttn-darkgrey.obttn2:hover a:after,
.obttns>div.bttn-darkgrey.obttn2:hover:before,
.obttns>div.bttn-darkgrey.obttn2:hover a:before,
.obttns>div.bttn-darkgrey.obttn2:hover button,
.obttns>div.bttn-darkgrey.obttn2:hover button:after,
.obttns>div.bttn-darkgrey.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkgrey.obttn2 button,
a:hover .obttns>div.bttn-darkgrey.obttn2 button:after,
a:hover .obttns>div.bttn-darkgrey.obttn2 button:before,
.obttns>div.bttn-darkgrey.obttn2.obttnf a,
.obttns>div.bttn-darkgrey.obttn2.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn2.obttnf button,
.obttns>div.bttn-darkgrey.obttn2.obttnf button:after,
.obttns>div.bttn-darkgrey.obttn2.obttnf:before,
.obttns>div.bttn-darkgrey.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn2:hover,
a:hover .obttns>div.bttn-darkgrey.obttn2,
.obttns>div.bttn-darkgrey.obttn2.obttnf {
    background: #4e5052;
    border-color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn3:hover,
.obttns>div.bttn-darkgrey.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn4:hover,
.obttns>div.bttn-darkgrey.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkgrey.obttn5 a,
.obttns>div.bttn-darkgrey.obttn5 a:after,
.obttns>div.bttn-darkgrey.obttn5:before,
.obttns>div.bttn-darkgrey.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkgrey.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn5:hover a,
.obttns>div.bttn-darkgrey.obttn5:hover a:after,
.obttns>div.bttn-darkgrey.obttn5:hover:before,
.obttns>div.bttn-darkgrey.obttn5:hover a:before,
.obttns>div.bttn-darkgrey.obttn5.obttnf a,
.obttns>div.bttn-darkgrey.obttn5.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn5.obttnf:before,
.obttns>div.bttn-darkgrey.obttn5.obttnf a:before {
    color: #4e5052 !important
}

.obttns>div.bttn-darkgrey.obttn5:hover,
.obttns>div.bttn-darkgrey.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn6:hover a,
.obttns>div.bttn-darkgrey.obttn6:hover a:after,
.obttns>div.bttn-darkgrey.obttn6:hover:before,
.obttns>div.bttn-darkgrey.obttn6:hover a:before,
.obttns>div.bttn-darkgrey.obttn6.obttnf a,
.obttns>div.bttn-darkgrey.obttn6.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn6.obttnf:before,
.obttns>div.bttn-darkgrey.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn6:hover,
.obttns>div.bttn-darkgrey.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn7:hover a,
.obttns>div.bttn-darkgrey.obttn7:hover a:after,
.obttns>div.bttn-darkgrey.obttn7:hover:before,
.obttns>div.bttn-darkgrey.obttn7:hover a:before,
.obttns>div.bttn-darkgrey.obttn7.obttnf a,
.obttns>div.bttn-darkgrey.obttn7.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn7.obttnf:before,
.obttns>div.bttn-darkgrey.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn7:hover,
.obttns>div.bttn-darkgrey.obttn7.obttnf {
    background: #383a3b;
    border-color: #383a3b
}

.obttns>div.bttn-darkgrey.obttn8 a,
.obttns>div.bttn-darkgrey.obttn8 a:after,
.obttns>div.bttn-darkgrey.obttn8:before,
.obttns>div.bttn-darkgrey.obttn8 a:before {
    color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn8 {
    background: transparent;
    border-color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn8:hover a,
.obttns>div.bttn-darkgrey.obttn8:hover a:after,
.obttns>div.bttn-darkgrey.obttn8:hover:before,
.obttns>div.bttn-darkgrey.obttn8:hover a:before,
.obttns>div.bttn-darkgrey.obttn8.obttnf a,
.obttns>div.bttn-darkgrey.obttn8.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn8.obttnf:before,
.obttns>div.bttn-darkgrey.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn8:hover,
.obttns>div.bttn-darkgrey.obttn8.obttnf {
    background: #4e5052;
    border-color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn9 a,
.obttns>div.bttn-darkgrey.obttn9 a:after,
.obttns>div.bttn-darkgrey.obttn9 button,
.obttns>div.bttn-darkgrey.obttn9 button:after,
.obttns>div.bttn-darkgrey.obttn9:before,
.obttns>div.bttn-darkgrey.obttn9 a:before,
.obttns>div.bttn-darkgrey.obttn9 button:before {
    color: #4e5052
}

.obttns>div.bttn-darkgrey.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgrey.obttn9:hover a,
.obttns>div.bttn-darkgrey.obttn9:hover a:after,
.obttns>div.bttn-darkgrey.obttn9:hover:before,
.obttns>div.bttn-darkgrey.obttn9:hover a:before,
.obttns>div.bttn-darkgrey.obttn9:hover button,
.obttns>div.bttn-darkgrey.obttn9:hover button:after,
.obttns>div.bttn-darkgrey.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkgrey.obttn9 button,
a:hover .obttns>div.bttn-darkgrey.obttn9 button:after,
a:hover .obttns>div.bttn-darkgrey.obttn9 button:before,
.obttns>div.bttn-darkgrey.obttn9.obttnf a,
.obttns>div.bttn-darkgrey.obttn9.obttnf a:after,
.obttns>div.bttn-darkgrey.obttn9.obttnf button,
.obttns>div.bttn-darkgrey.obttn9.obttnf button:after,
.obttns>div.bttn-darkgrey.obttn9.obttnf:before,
.obttns>div.bttn-darkgrey.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgrey.obttn9:hover,
.obttns>div.bttn-darkgrey.obttn9.obttnf {
    background: #4e5052;
    border-color: #4e5052
}

.obttns>div.bttn-grey a,
.obttns>div.bttn-grey a:after,
.obttns>div.bttn-grey button,
.obttns>div.bttn-grey button:after,
.obttns>div.bttn-grey:before,
.obttns>div.bttn-grey a:before,
.obttns>div.bttn-grey button:before {
    color: #fff
}

.obttns>div.bttn-grey {
    background: #939699;
    border-color: #939699
}

.obttns>div.bttn-grey:hover a,
.obttns>div.bttn-grey:hover a:after,
.obttns>div.bttn-grey:hover:before,
.obttns>div.bttn-grey:hover a:before,
.obttns>div.bttn-grey:hover button,
.obttns>div.bttn-grey:hover button:after,
.obttns>div.bttn-grey:hover button:before,
a:hover .obttns>div.bttn-grey button,
a:hover .obttns>div.bttn-grey button:after,
a:hover .obttns>div.bttn-grey button:before,
.obttns>div.bttn-grey.obttnf a,
.obttns>div.bttn-grey.obttnf a:after,
.obttns>div.bttn-grey.obttnf button,
.obttns>div.bttn-grey.obttnf button:after,
.obttns>div.bttn-grey.obttnf:before,
.obttns>div.bttn-grey.obttnf a:before {
    color: #939699 !important;
    text-decoration: none
}

.obttns>div.bttn-grey:hover,
a:hover .obttns>div.bttn-grey,
.obttns>div.bttn-grey.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-grey.obttn1 a,
.obttns>div.bttn-grey.obttn1 a:after,
.obttns>div.bttn-grey.obttn1 button,
.obttns>div.bttn-grey.obttn1 button:after,
.obttns>div.bttn-grey.obttn1 button:before,
.obttns>div.bttn-grey.obttn1:before,
.obttns>div.bttn-grey.obttn1 a:before {
    color: #939699
}

.obttns>div.bttn-grey.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-grey.obttn1:hover a,
.obttns>div.bttn-grey.obttn1:hover a:after,
.obttns>div.bttn-grey.obttn1:hover:before,
.obttns>div.bttn-grey.obttn1:hover a:before,
.obttns>div.bttn-grey.obttn1:hover button,
.obttns>div.bttn-grey.obttn1:hover button:after,
.obttns>div.bttn-grey.obttn1:hover button:before,
a:hover .obttns>div.bttn-grey.obttn1 button,
a:hover .obttns>div.bttn-grey.obttn1 button:after,
a:hover .obttns>div.bttn-grey.obttn1 button:before,
.obttns>div.bttn-grey.obttn1.obttnf a,
.obttns>div.bttn-grey.obttn1.obttnf a:after,
.obttns>div.bttn-grey.obttn1.obttnf button,
.obttns>div.bttn-grey.obttn1.obttnf button:after,
.obttns>div.bttn-grey.obttn1.obttnf:before,
.obttns>div.bttn-grey.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn1:hover,
a:hover .obttns>div.bttn-grey.obttn1,
.obttns>div.bttn-grey.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-grey.obttn2 a,
.obttns>div.bttn-grey.obttn2 a:after,
.obttns>div.bttn-grey.obttn2 button,
.obttns>div.bttn-grey.obttn2 button:after,
.obttns>div.bttn-grey.obttn2 button:before,
.obttns>div.bttn-grey.obttn2:before,
.obttns>div.bttn-grey.obttn2 a:before {
    color: #939699
}

.obttns>div.bttn-grey.obttn2 {
    background: #fff;
    border-color: #939699
}

.obttns>div.bttn-grey.obttn2:hover a,
.obttns>div.bttn-grey.obttn2:hover a:after,
.obttns>div.bttn-grey.obttn2:hover:before,
.obttns>div.bttn-grey.obttn2:hover a:before,
.obttns>div.bttn-grey.obttn2:hover button,
.obttns>div.bttn-grey.obttn2:hover button:after,
.obttns>div.bttn-grey.obttn2:hover button:before,
a:hover .obttns>div.bttn-grey.obttn2 button,
a:hover .obttns>div.bttn-grey.obttn2 button:after,
a:hover .obttns>div.bttn-grey.obttn2 button:before,
.obttns>div.bttn-grey.obttn2.obttnf a,
.obttns>div.bttn-grey.obttn2.obttnf a:after,
.obttns>div.bttn-grey.obttn2.obttnf button,
.obttns>div.bttn-grey.obttn2.obttnf button:after,
.obttns>div.bttn-grey.obttn2.obttnf:before,
.obttns>div.bttn-grey.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn2:hover,
a:hover .obttns>div.bttn-grey.obttn2,
.obttns>div.bttn-grey.obttn2.obttnf {
    background: #939699;
    border-color: #939699
}

.obttns>div.bttn-grey.obttn3:hover,
.obttns>div.bttn-grey.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-grey.obttn4:hover,
.obttns>div.bttn-grey.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-grey.obttn5 a,
.obttns>div.bttn-grey.obttn5 a:after,
.obttns>div.bttn-grey.obttn5:before,
.obttns>div.bttn-grey.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-grey.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-grey.obttn5:hover a,
.obttns>div.bttn-grey.obttn5:hover a:after,
.obttns>div.bttn-grey.obttn5:hover:before,
.obttns>div.bttn-grey.obttn5:hover a:before,
.obttns>div.bttn-grey.obttn5.obttnf a,
.obttns>div.bttn-grey.obttn5.obttnf a:after,
.obttns>div.bttn-grey.obttn5.obttnf:before,
.obttns>div.bttn-grey.obttn5.obttnf a:before {
    color: #939699 !important
}

.obttns>div.bttn-grey.obttn5:hover,
.obttns>div.bttn-grey.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-grey.obttn6:hover a,
.obttns>div.bttn-grey.obttn6:hover a:after,
.obttns>div.bttn-grey.obttn6:hover:before,
.obttns>div.bttn-grey.obttn6:hover a:before,
.obttns>div.bttn-grey.obttn6.obttnf a,
.obttns>div.bttn-grey.obttn6.obttnf a:after,
.obttns>div.bttn-grey.obttn6.obttnf:before,
.obttns>div.bttn-grey.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn6:hover,
.obttns>div.bttn-grey.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-grey.obttn7:hover a,
.obttns>div.bttn-grey.obttn7:hover a:after,
.obttns>div.bttn-grey.obttn7:hover:before,
.obttns>div.bttn-grey.obttn7:hover a:before,
.obttns>div.bttn-grey.obttn7.obttnf a,
.obttns>div.bttn-grey.obttn7.obttnf a:after,
.obttns>div.bttn-grey.obttn7.obttnf:before,
.obttns>div.bttn-grey.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn7:hover,
.obttns>div.bttn-grey.obttn7.obttnf {
    background: #6a6c6e;
    border-color: #6a6c6e
}

.obttns>div.bttn-grey.obttn8 a,
.obttns>div.bttn-grey.obttn8 a:after,
.obttns>div.bttn-grey.obttn8:before,
.obttns>div.bttn-grey.obttn8 a:before {
    color: #939699
}

.obttns>div.bttn-grey.obttn8 {
    background: transparent;
    border-color: #939699
}

.obttns>div.bttn-grey.obttn8:hover a,
.obttns>div.bttn-grey.obttn8:hover a:after,
.obttns>div.bttn-grey.obttn8:hover:before,
.obttns>div.bttn-grey.obttn8:hover a:before,
.obttns>div.bttn-grey.obttn8.obttnf a,
.obttns>div.bttn-grey.obttn8.obttnf a:after,
.obttns>div.bttn-grey.obttn8.obttnf:before,
.obttns>div.bttn-grey.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn8:hover,
.obttns>div.bttn-grey.obttn8.obttnf {
    background: #939699;
    border-color: #939699
}

.obttns>div.bttn-grey.obttn9 a,
.obttns>div.bttn-grey.obttn9 a:after,
.obttns>div.bttn-grey.obttn9 button,
.obttns>div.bttn-grey.obttn9 button:after,
.obttns>div.bttn-grey.obttn9:before,
.obttns>div.bttn-grey.obttn9 a:before,
.obttns>div.bttn-grey.obttn9 button:before {
    color: #939699
}

.obttns>div.bttn-grey.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-grey.obttn9:hover a,
.obttns>div.bttn-grey.obttn9:hover a:after,
.obttns>div.bttn-grey.obttn9:hover:before,
.obttns>div.bttn-grey.obttn9:hover a:before,
.obttns>div.bttn-grey.obttn9:hover button,
.obttns>div.bttn-grey.obttn9:hover button:after,
.obttns>div.bttn-grey.obttn9:hover button:before,
a:hover .obttns>div.bttn-grey.obttn9 button,
a:hover .obttns>div.bttn-grey.obttn9 button:after,
a:hover .obttns>div.bttn-grey.obttn9 button:before,
.obttns>div.bttn-grey.obttn9.obttnf a,
.obttns>div.bttn-grey.obttn9.obttnf a:after,
.obttns>div.bttn-grey.obttn9.obttnf button,
.obttns>div.bttn-grey.obttn9.obttnf button:after,
.obttns>div.bttn-grey.obttn9.obttnf:before,
.obttns>div.bttn-grey.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-grey.obttn9:hover,
.obttns>div.bttn-grey.obttn9.obttnf {
    background: #939699;
    border-color: #939699
}

.obttns>div.bttn-darkslate a,
.obttns>div.bttn-darkslate a:after,
.obttns>div.bttn-darkslate button,
.obttns>div.bttn-darkslate button:after,
.obttns>div.bttn-darkslate:before,
.obttns>div.bttn-darkslate a:before,
.obttns>div.bttn-darkslate button:before {
    color: #fff
}

.obttns>div.bttn-darkslate {
    background: #324b5c;
    border-color: #324b5c
}

.obttns>div.bttn-darkslate:hover a,
.obttns>div.bttn-darkslate:hover a:after,
.obttns>div.bttn-darkslate:hover:before,
.obttns>div.bttn-darkslate:hover a:before,
.obttns>div.bttn-darkslate:hover button,
.obttns>div.bttn-darkslate:hover button:after,
.obttns>div.bttn-darkslate:hover button:before,
a:hover .obttns>div.bttn-darkslate button,
a:hover .obttns>div.bttn-darkslate button:after,
a:hover .obttns>div.bttn-darkslate button:before,
.obttns>div.bttn-darkslate.obttnf a,
.obttns>div.bttn-darkslate.obttnf a:after,
.obttns>div.bttn-darkslate.obttnf button,
.obttns>div.bttn-darkslate.obttnf button:after,
.obttns>div.bttn-darkslate.obttnf:before,
.obttns>div.bttn-darkslate.obttnf a:before {
    color: #324b5c !important;
    text-decoration: none
}

.obttns>div.bttn-darkslate:hover,
a:hover .obttns>div.bttn-darkslate,
.obttns>div.bttn-darkslate.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkslate.obttn1 a,
.obttns>div.bttn-darkslate.obttn1 a:after,
.obttns>div.bttn-darkslate.obttn1 button,
.obttns>div.bttn-darkslate.obttn1 button:after,
.obttns>div.bttn-darkslate.obttn1 button:before,
.obttns>div.bttn-darkslate.obttn1:before,
.obttns>div.bttn-darkslate.obttn1 a:before {
    color: #324b5c
}

.obttns>div.bttn-darkslate.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn1:hover a,
.obttns>div.bttn-darkslate.obttn1:hover a:after,
.obttns>div.bttn-darkslate.obttn1:hover:before,
.obttns>div.bttn-darkslate.obttn1:hover a:before,
.obttns>div.bttn-darkslate.obttn1:hover button,
.obttns>div.bttn-darkslate.obttn1:hover button:after,
.obttns>div.bttn-darkslate.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkslate.obttn1 button,
a:hover .obttns>div.bttn-darkslate.obttn1 button:after,
a:hover .obttns>div.bttn-darkslate.obttn1 button:before,
.obttns>div.bttn-darkslate.obttn1.obttnf a,
.obttns>div.bttn-darkslate.obttn1.obttnf a:after,
.obttns>div.bttn-darkslate.obttn1.obttnf button,
.obttns>div.bttn-darkslate.obttn1.obttnf button:after,
.obttns>div.bttn-darkslate.obttn1.obttnf:before,
.obttns>div.bttn-darkslate.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn1:hover,
a:hover .obttns>div.bttn-darkslate.obttn1,
.obttns>div.bttn-darkslate.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn2 a,
.obttns>div.bttn-darkslate.obttn2 a:after,
.obttns>div.bttn-darkslate.obttn2 button,
.obttns>div.bttn-darkslate.obttn2 button:after,
.obttns>div.bttn-darkslate.obttn2 button:before,
.obttns>div.bttn-darkslate.obttn2:before,
.obttns>div.bttn-darkslate.obttn2 a:before {
    color: #324b5c
}

.obttns>div.bttn-darkslate.obttn2 {
    background: #fff;
    border-color: #324b5c
}

.obttns>div.bttn-darkslate.obttn2:hover a,
.obttns>div.bttn-darkslate.obttn2:hover a:after,
.obttns>div.bttn-darkslate.obttn2:hover:before,
.obttns>div.bttn-darkslate.obttn2:hover a:before,
.obttns>div.bttn-darkslate.obttn2:hover button,
.obttns>div.bttn-darkslate.obttn2:hover button:after,
.obttns>div.bttn-darkslate.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkslate.obttn2 button,
a:hover .obttns>div.bttn-darkslate.obttn2 button:after,
a:hover .obttns>div.bttn-darkslate.obttn2 button:before,
.obttns>div.bttn-darkslate.obttn2.obttnf a,
.obttns>div.bttn-darkslate.obttn2.obttnf a:after,
.obttns>div.bttn-darkslate.obttn2.obttnf button,
.obttns>div.bttn-darkslate.obttn2.obttnf button:after,
.obttns>div.bttn-darkslate.obttn2.obttnf:before,
.obttns>div.bttn-darkslate.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn2:hover,
a:hover .obttns>div.bttn-darkslate.obttn2,
.obttns>div.bttn-darkslate.obttn2.obttnf {
    background: #324b5c;
    border-color: #324b5c
}

.obttns>div.bttn-darkslate.obttn3:hover,
.obttns>div.bttn-darkslate.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn4:hover,
.obttns>div.bttn-darkslate.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkslate.obttn5 a,
.obttns>div.bttn-darkslate.obttn5 a:after,
.obttns>div.bttn-darkslate.obttn5:before,
.obttns>div.bttn-darkslate.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkslate.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn5:hover a,
.obttns>div.bttn-darkslate.obttn5:hover a:after,
.obttns>div.bttn-darkslate.obttn5:hover:before,
.obttns>div.bttn-darkslate.obttn5:hover a:before,
.obttns>div.bttn-darkslate.obttn5.obttnf a,
.obttns>div.bttn-darkslate.obttn5.obttnf a:after,
.obttns>div.bttn-darkslate.obttn5.obttnf:before,
.obttns>div.bttn-darkslate.obttn5.obttnf a:before {
    color: #324b5c !important
}

.obttns>div.bttn-darkslate.obttn5:hover,
.obttns>div.bttn-darkslate.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn6:hover a,
.obttns>div.bttn-darkslate.obttn6:hover a:after,
.obttns>div.bttn-darkslate.obttn6:hover:before,
.obttns>div.bttn-darkslate.obttn6:hover a:before,
.obttns>div.bttn-darkslate.obttn6.obttnf a,
.obttns>div.bttn-darkslate.obttn6.obttnf a:after,
.obttns>div.bttn-darkslate.obttn6.obttnf:before,
.obttns>div.bttn-darkslate.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn6:hover,
.obttns>div.bttn-darkslate.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn7:hover a,
.obttns>div.bttn-darkslate.obttn7:hover a:after,
.obttns>div.bttn-darkslate.obttn7:hover:before,
.obttns>div.bttn-darkslate.obttn7:hover a:before,
.obttns>div.bttn-darkslate.obttn7.obttnf a,
.obttns>div.bttn-darkslate.obttn7.obttnf a:after,
.obttns>div.bttn-darkslate.obttn7.obttnf:before,
.obttns>div.bttn-darkslate.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn7:hover,
.obttns>div.bttn-darkslate.obttn7.obttnf {
    background: #243642;
    border-color: #243642
}

.obttns>div.bttn-darkslate.obttn8 a,
.obttns>div.bttn-darkslate.obttn8 a:after,
.obttns>div.bttn-darkslate.obttn8:before,
.obttns>div.bttn-darkslate.obttn8 a:before {
    color: #324b5c
}

.obttns>div.bttn-darkslate.obttn8 {
    background: transparent;
    border-color: #324b5c
}

.obttns>div.bttn-darkslate.obttn8:hover a,
.obttns>div.bttn-darkslate.obttn8:hover a:after,
.obttns>div.bttn-darkslate.obttn8:hover:before,
.obttns>div.bttn-darkslate.obttn8:hover a:before,
.obttns>div.bttn-darkslate.obttn8.obttnf a,
.obttns>div.bttn-darkslate.obttn8.obttnf a:after,
.obttns>div.bttn-darkslate.obttn8.obttnf:before,
.obttns>div.bttn-darkslate.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn8:hover,
.obttns>div.bttn-darkslate.obttn8.obttnf {
    background: #324b5c;
    border-color: #324b5c
}

.obttns>div.bttn-darkslate.obttn9 a,
.obttns>div.bttn-darkslate.obttn9 a:after,
.obttns>div.bttn-darkslate.obttn9 button,
.obttns>div.bttn-darkslate.obttn9 button:after,
.obttns>div.bttn-darkslate.obttn9:before,
.obttns>div.bttn-darkslate.obttn9 a:before,
.obttns>div.bttn-darkslate.obttn9 button:before {
    color: #324b5c
}

.obttns>div.bttn-darkslate.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkslate.obttn9:hover a,
.obttns>div.bttn-darkslate.obttn9:hover a:after,
.obttns>div.bttn-darkslate.obttn9:hover:before,
.obttns>div.bttn-darkslate.obttn9:hover a:before,
.obttns>div.bttn-darkslate.obttn9:hover button,
.obttns>div.bttn-darkslate.obttn9:hover button:after,
.obttns>div.bttn-darkslate.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkslate.obttn9 button,
a:hover .obttns>div.bttn-darkslate.obttn9 button:after,
a:hover .obttns>div.bttn-darkslate.obttn9 button:before,
.obttns>div.bttn-darkslate.obttn9.obttnf a,
.obttns>div.bttn-darkslate.obttn9.obttnf a:after,
.obttns>div.bttn-darkslate.obttn9.obttnf button,
.obttns>div.bttn-darkslate.obttn9.obttnf button:after,
.obttns>div.bttn-darkslate.obttn9.obttnf:before,
.obttns>div.bttn-darkslate.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkslate.obttn9:hover,
.obttns>div.bttn-darkslate.obttn9.obttnf {
    background: #324b5c;
    border-color: #324b5c
}

.obttns>div.bttn-slate a,
.obttns>div.bttn-slate a:after,
.obttns>div.bttn-slate button,
.obttns>div.bttn-slate button:after,
.obttns>div.bttn-slate:before,
.obttns>div.bttn-slate a:before,
.obttns>div.bttn-slate button:before {
    color: #fff
}

.obttns>div.bttn-slate {
    background: #8aadbf;
    border-color: #8aadbf
}

.obttns>div.bttn-slate:hover a,
.obttns>div.bttn-slate:hover a:after,
.obttns>div.bttn-slate:hover:before,
.obttns>div.bttn-slate:hover a:before,
.obttns>div.bttn-slate:hover button,
.obttns>div.bttn-slate:hover button:after,
.obttns>div.bttn-slate:hover button:before,
a:hover .obttns>div.bttn-slate button,
a:hover .obttns>div.bttn-slate button:after,
a:hover .obttns>div.bttn-slate button:before,
.obttns>div.bttn-slate.obttnf a,
.obttns>div.bttn-slate.obttnf a:after,
.obttns>div.bttn-slate.obttnf button,
.obttns>div.bttn-slate.obttnf button:after,
.obttns>div.bttn-slate.obttnf:before,
.obttns>div.bttn-slate.obttnf a:before {
    color: #8aadbf !important;
    text-decoration: none
}

.obttns>div.bttn-slate:hover,
a:hover .obttns>div.bttn-slate,
.obttns>div.bttn-slate.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-slate.obttn1 a,
.obttns>div.bttn-slate.obttn1 a:after,
.obttns>div.bttn-slate.obttn1 button,
.obttns>div.bttn-slate.obttn1 button:after,
.obttns>div.bttn-slate.obttn1 button:before,
.obttns>div.bttn-slate.obttn1:before,
.obttns>div.bttn-slate.obttn1 a:before {
    color: #8aadbf
}

.obttns>div.bttn-slate.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-slate.obttn1:hover a,
.obttns>div.bttn-slate.obttn1:hover a:after,
.obttns>div.bttn-slate.obttn1:hover:before,
.obttns>div.bttn-slate.obttn1:hover a:before,
.obttns>div.bttn-slate.obttn1:hover button,
.obttns>div.bttn-slate.obttn1:hover button:after,
.obttns>div.bttn-slate.obttn1:hover button:before,
a:hover .obttns>div.bttn-slate.obttn1 button,
a:hover .obttns>div.bttn-slate.obttn1 button:after,
a:hover .obttns>div.bttn-slate.obttn1 button:before,
.obttns>div.bttn-slate.obttn1.obttnf a,
.obttns>div.bttn-slate.obttn1.obttnf a:after,
.obttns>div.bttn-slate.obttn1.obttnf button,
.obttns>div.bttn-slate.obttn1.obttnf button:after,
.obttns>div.bttn-slate.obttn1.obttnf:before,
.obttns>div.bttn-slate.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn1:hover,
a:hover .obttns>div.bttn-slate.obttn1,
.obttns>div.bttn-slate.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-slate.obttn2 a,
.obttns>div.bttn-slate.obttn2 a:after,
.obttns>div.bttn-slate.obttn2 button,
.obttns>div.bttn-slate.obttn2 button:after,
.obttns>div.bttn-slate.obttn2 button:before,
.obttns>div.bttn-slate.obttn2:before,
.obttns>div.bttn-slate.obttn2 a:before {
    color: #8aadbf
}

.obttns>div.bttn-slate.obttn2 {
    background: #fff;
    border-color: #8aadbf
}

.obttns>div.bttn-slate.obttn2:hover a,
.obttns>div.bttn-slate.obttn2:hover a:after,
.obttns>div.bttn-slate.obttn2:hover:before,
.obttns>div.bttn-slate.obttn2:hover a:before,
.obttns>div.bttn-slate.obttn2:hover button,
.obttns>div.bttn-slate.obttn2:hover button:after,
.obttns>div.bttn-slate.obttn2:hover button:before,
a:hover .obttns>div.bttn-slate.obttn2 button,
a:hover .obttns>div.bttn-slate.obttn2 button:after,
a:hover .obttns>div.bttn-slate.obttn2 button:before,
.obttns>div.bttn-slate.obttn2.obttnf a,
.obttns>div.bttn-slate.obttn2.obttnf a:after,
.obttns>div.bttn-slate.obttn2.obttnf button,
.obttns>div.bttn-slate.obttn2.obttnf button:after,
.obttns>div.bttn-slate.obttn2.obttnf:before,
.obttns>div.bttn-slate.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn2:hover,
a:hover .obttns>div.bttn-slate.obttn2,
.obttns>div.bttn-slate.obttn2.obttnf {
    background: #8aadbf;
    border-color: #8aadbf
}

.obttns>div.bttn-slate.obttn3:hover,
.obttns>div.bttn-slate.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-slate.obttn4:hover,
.obttns>div.bttn-slate.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-slate.obttn5 a,
.obttns>div.bttn-slate.obttn5 a:after,
.obttns>div.bttn-slate.obttn5:before,
.obttns>div.bttn-slate.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-slate.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-slate.obttn5:hover a,
.obttns>div.bttn-slate.obttn5:hover a:after,
.obttns>div.bttn-slate.obttn5:hover:before,
.obttns>div.bttn-slate.obttn5:hover a:before,
.obttns>div.bttn-slate.obttn5.obttnf a,
.obttns>div.bttn-slate.obttn5.obttnf a:after,
.obttns>div.bttn-slate.obttn5.obttnf:before,
.obttns>div.bttn-slate.obttn5.obttnf a:before {
    color: #8aadbf !important
}

.obttns>div.bttn-slate.obttn5:hover,
.obttns>div.bttn-slate.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-slate.obttn6:hover a,
.obttns>div.bttn-slate.obttn6:hover a:after,
.obttns>div.bttn-slate.obttn6:hover:before,
.obttns>div.bttn-slate.obttn6:hover a:before,
.obttns>div.bttn-slate.obttn6.obttnf a,
.obttns>div.bttn-slate.obttn6.obttnf a:after,
.obttns>div.bttn-slate.obttn6.obttnf:before,
.obttns>div.bttn-slate.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn6:hover,
.obttns>div.bttn-slate.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-slate.obttn7:hover a,
.obttns>div.bttn-slate.obttn7:hover a:after,
.obttns>div.bttn-slate.obttn7:hover:before,
.obttns>div.bttn-slate.obttn7:hover a:before,
.obttns>div.bttn-slate.obttn7.obttnf a,
.obttns>div.bttn-slate.obttn7.obttnf a:after,
.obttns>div.bttn-slate.obttn7.obttnf:before,
.obttns>div.bttn-slate.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn7:hover,
.obttns>div.bttn-slate.obttn7.obttnf {
    background: #637d8a;
    border-color: #637d8a
}

.obttns>div.bttn-slate.obttn8 a,
.obttns>div.bttn-slate.obttn8 a:after,
.obttns>div.bttn-slate.obttn8:before,
.obttns>div.bttn-slate.obttn8 a:before {
    color: #8aadbf
}

.obttns>div.bttn-slate.obttn8 {
    background: transparent;
    border-color: #8aadbf
}

.obttns>div.bttn-slate.obttn8:hover a,
.obttns>div.bttn-slate.obttn8:hover a:after,
.obttns>div.bttn-slate.obttn8:hover:before,
.obttns>div.bttn-slate.obttn8:hover a:before,
.obttns>div.bttn-slate.obttn8.obttnf a,
.obttns>div.bttn-slate.obttn8.obttnf a:after,
.obttns>div.bttn-slate.obttn8.obttnf:before,
.obttns>div.bttn-slate.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn8:hover,
.obttns>div.bttn-slate.obttn8.obttnf {
    background: #8aadbf;
    border-color: #8aadbf
}

.obttns>div.bttn-slate.obttn9 a,
.obttns>div.bttn-slate.obttn9 a:after,
.obttns>div.bttn-slate.obttn9 button,
.obttns>div.bttn-slate.obttn9 button:after,
.obttns>div.bttn-slate.obttn9:before,
.obttns>div.bttn-slate.obttn9 a:before,
.obttns>div.bttn-slate.obttn9 button:before {
    color: #8aadbf
}

.obttns>div.bttn-slate.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-slate.obttn9:hover a,
.obttns>div.bttn-slate.obttn9:hover a:after,
.obttns>div.bttn-slate.obttn9:hover:before,
.obttns>div.bttn-slate.obttn9:hover a:before,
.obttns>div.bttn-slate.obttn9:hover button,
.obttns>div.bttn-slate.obttn9:hover button:after,
.obttns>div.bttn-slate.obttn9:hover button:before,
a:hover .obttns>div.bttn-slate.obttn9 button,
a:hover .obttns>div.bttn-slate.obttn9 button:after,
a:hover .obttns>div.bttn-slate.obttn9 button:before,
.obttns>div.bttn-slate.obttn9.obttnf a,
.obttns>div.bttn-slate.obttn9.obttnf a:after,
.obttns>div.bttn-slate.obttn9.obttnf button,
.obttns>div.bttn-slate.obttn9.obttnf button:after,
.obttns>div.bttn-slate.obttn9.obttnf:before,
.obttns>div.bttn-slate.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-slate.obttn9:hover,
.obttns>div.bttn-slate.obttn9.obttnf {
    background: #8aadbf;
    border-color: #8aadbf
}

.obttns>div.bttn-darkblue a,
.obttns>div.bttn-darkblue a:after,
.obttns>div.bttn-darkblue button,
.obttns>div.bttn-darkblue button:after,
.obttns>div.bttn-darkblue:before,
.obttns>div.bttn-darkblue a:before,
.obttns>div.bttn-darkblue button:before {
    color: #fff
}

.obttns>div.bttn-darkblue {
    background: #003b4d;
    border-color: #003b4d
}

.obttns>div.bttn-darkblue:hover a,
.obttns>div.bttn-darkblue:hover a:after,
.obttns>div.bttn-darkblue:hover:before,
.obttns>div.bttn-darkblue:hover a:before,
.obttns>div.bttn-darkblue:hover button,
.obttns>div.bttn-darkblue:hover button:after,
.obttns>div.bttn-darkblue:hover button:before,
a:hover .obttns>div.bttn-darkblue button,
a:hover .obttns>div.bttn-darkblue button:after,
a:hover .obttns>div.bttn-darkblue button:before,
.obttns>div.bttn-darkblue.obttnf a,
.obttns>div.bttn-darkblue.obttnf a:after,
.obttns>div.bttn-darkblue.obttnf button,
.obttns>div.bttn-darkblue.obttnf button:after,
.obttns>div.bttn-darkblue.obttnf:before,
.obttns>div.bttn-darkblue.obttnf a:before {
    color: #003b4d !important;
    text-decoration: none
}

.obttns>div.bttn-darkblue:hover,
a:hover .obttns>div.bttn-darkblue,
.obttns>div.bttn-darkblue.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkblue.obttn1 a,
.obttns>div.bttn-darkblue.obttn1 a:after,
.obttns>div.bttn-darkblue.obttn1 button,
.obttns>div.bttn-darkblue.obttn1 button:after,
.obttns>div.bttn-darkblue.obttn1 button:before,
.obttns>div.bttn-darkblue.obttn1:before,
.obttns>div.bttn-darkblue.obttn1 a:before {
    color: #003b4d
}

.obttns>div.bttn-darkblue.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn1:hover a,
.obttns>div.bttn-darkblue.obttn1:hover a:after,
.obttns>div.bttn-darkblue.obttn1:hover:before,
.obttns>div.bttn-darkblue.obttn1:hover a:before,
.obttns>div.bttn-darkblue.obttn1:hover button,
.obttns>div.bttn-darkblue.obttn1:hover button:after,
.obttns>div.bttn-darkblue.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkblue.obttn1 button,
a:hover .obttns>div.bttn-darkblue.obttn1 button:after,
a:hover .obttns>div.bttn-darkblue.obttn1 button:before,
.obttns>div.bttn-darkblue.obttn1.obttnf a,
.obttns>div.bttn-darkblue.obttn1.obttnf a:after,
.obttns>div.bttn-darkblue.obttn1.obttnf button,
.obttns>div.bttn-darkblue.obttn1.obttnf button:after,
.obttns>div.bttn-darkblue.obttn1.obttnf:before,
.obttns>div.bttn-darkblue.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn1:hover,
a:hover .obttns>div.bttn-darkblue.obttn1,
.obttns>div.bttn-darkblue.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn2 a,
.obttns>div.bttn-darkblue.obttn2 a:after,
.obttns>div.bttn-darkblue.obttn2 button,
.obttns>div.bttn-darkblue.obttn2 button:after,
.obttns>div.bttn-darkblue.obttn2 button:before,
.obttns>div.bttn-darkblue.obttn2:before,
.obttns>div.bttn-darkblue.obttn2 a:before {
    color: #003b4d
}

.obttns>div.bttn-darkblue.obttn2 {
    background: #fff;
    border-color: #003b4d
}

.obttns>div.bttn-darkblue.obttn2:hover a,
.obttns>div.bttn-darkblue.obttn2:hover a:after,
.obttns>div.bttn-darkblue.obttn2:hover:before,
.obttns>div.bttn-darkblue.obttn2:hover a:before,
.obttns>div.bttn-darkblue.obttn2:hover button,
.obttns>div.bttn-darkblue.obttn2:hover button:after,
.obttns>div.bttn-darkblue.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkblue.obttn2 button,
a:hover .obttns>div.bttn-darkblue.obttn2 button:after,
a:hover .obttns>div.bttn-darkblue.obttn2 button:before,
.obttns>div.bttn-darkblue.obttn2.obttnf a,
.obttns>div.bttn-darkblue.obttn2.obttnf a:after,
.obttns>div.bttn-darkblue.obttn2.obttnf button,
.obttns>div.bttn-darkblue.obttn2.obttnf button:after,
.obttns>div.bttn-darkblue.obttn2.obttnf:before,
.obttns>div.bttn-darkblue.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn2:hover,
a:hover .obttns>div.bttn-darkblue.obttn2,
.obttns>div.bttn-darkblue.obttn2.obttnf {
    background: #003b4d;
    border-color: #003b4d
}

.obttns>div.bttn-darkblue.obttn3:hover,
.obttns>div.bttn-darkblue.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn4:hover,
.obttns>div.bttn-darkblue.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkblue.obttn5 a,
.obttns>div.bttn-darkblue.obttn5 a:after,
.obttns>div.bttn-darkblue.obttn5:before,
.obttns>div.bttn-darkblue.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkblue.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn5:hover a,
.obttns>div.bttn-darkblue.obttn5:hover a:after,
.obttns>div.bttn-darkblue.obttn5:hover:before,
.obttns>div.bttn-darkblue.obttn5:hover a:before,
.obttns>div.bttn-darkblue.obttn5.obttnf a,
.obttns>div.bttn-darkblue.obttn5.obttnf a:after,
.obttns>div.bttn-darkblue.obttn5.obttnf:before,
.obttns>div.bttn-darkblue.obttn5.obttnf a:before {
    color: #003b4d !important
}

.obttns>div.bttn-darkblue.obttn5:hover,
.obttns>div.bttn-darkblue.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn6:hover a,
.obttns>div.bttn-darkblue.obttn6:hover a:after,
.obttns>div.bttn-darkblue.obttn6:hover:before,
.obttns>div.bttn-darkblue.obttn6:hover a:before,
.obttns>div.bttn-darkblue.obttn6.obttnf a,
.obttns>div.bttn-darkblue.obttn6.obttnf a:after,
.obttns>div.bttn-darkblue.obttn6.obttnf:before,
.obttns>div.bttn-darkblue.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn6:hover,
.obttns>div.bttn-darkblue.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn7:hover a,
.obttns>div.bttn-darkblue.obttn7:hover a:after,
.obttns>div.bttn-darkblue.obttn7:hover:before,
.obttns>div.bttn-darkblue.obttn7:hover a:before,
.obttns>div.bttn-darkblue.obttn7.obttnf a,
.obttns>div.bttn-darkblue.obttn7.obttnf a:after,
.obttns>div.bttn-darkblue.obttn7.obttnf:before,
.obttns>div.bttn-darkblue.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn7:hover,
.obttns>div.bttn-darkblue.obttn7.obttnf {
    background: #002a37;
    border-color: #002a37
}

.obttns>div.bttn-darkblue.obttn8 a,
.obttns>div.bttn-darkblue.obttn8 a:after,
.obttns>div.bttn-darkblue.obttn8:before,
.obttns>div.bttn-darkblue.obttn8 a:before {
    color: #003b4d
}

.obttns>div.bttn-darkblue.obttn8 {
    background: transparent;
    border-color: #003b4d
}

.obttns>div.bttn-darkblue.obttn8:hover a,
.obttns>div.bttn-darkblue.obttn8:hover a:after,
.obttns>div.bttn-darkblue.obttn8:hover:before,
.obttns>div.bttn-darkblue.obttn8:hover a:before,
.obttns>div.bttn-darkblue.obttn8.obttnf a,
.obttns>div.bttn-darkblue.obttn8.obttnf a:after,
.obttns>div.bttn-darkblue.obttn8.obttnf:before,
.obttns>div.bttn-darkblue.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn8:hover,
.obttns>div.bttn-darkblue.obttn8.obttnf {
    background: #003b4d;
    border-color: #003b4d
}

.obttns>div.bttn-darkblue.obttn9 a,
.obttns>div.bttn-darkblue.obttn9 a:after,
.obttns>div.bttn-darkblue.obttn9 button,
.obttns>div.bttn-darkblue.obttn9 button:after,
.obttns>div.bttn-darkblue.obttn9:before,
.obttns>div.bttn-darkblue.obttn9 a:before,
.obttns>div.bttn-darkblue.obttn9 button:before {
    color: #003b4d
}

.obttns>div.bttn-darkblue.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkblue.obttn9:hover a,
.obttns>div.bttn-darkblue.obttn9:hover a:after,
.obttns>div.bttn-darkblue.obttn9:hover:before,
.obttns>div.bttn-darkblue.obttn9:hover a:before,
.obttns>div.bttn-darkblue.obttn9:hover button,
.obttns>div.bttn-darkblue.obttn9:hover button:after,
.obttns>div.bttn-darkblue.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkblue.obttn9 button,
a:hover .obttns>div.bttn-darkblue.obttn9 button:after,
a:hover .obttns>div.bttn-darkblue.obttn9 button:before,
.obttns>div.bttn-darkblue.obttn9.obttnf a,
.obttns>div.bttn-darkblue.obttn9.obttnf a:after,
.obttns>div.bttn-darkblue.obttn9.obttnf button,
.obttns>div.bttn-darkblue.obttn9.obttnf button:after,
.obttns>div.bttn-darkblue.obttn9.obttnf:before,
.obttns>div.bttn-darkblue.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkblue.obttn9:hover,
.obttns>div.bttn-darkblue.obttn9.obttnf {
    background: #003b4d;
    border-color: #003b4d
}

.obttns>div.bttn-blue a,
.obttns>div.bttn-blue a:after,
.obttns>div.bttn-blue button,
.obttns>div.bttn-blue button:after,
.obttns>div.bttn-blue:before,
.obttns>div.bttn-blue a:before,
.obttns>div.bttn-blue button:before {
    color: #fff
}

.obttns>div.bttn-blue {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.bttn-blue:hover a,
.obttns>div.bttn-blue:hover a:after,
.obttns>div.bttn-blue:hover:before,
.obttns>div.bttn-blue:hover a:before,
.obttns>div.bttn-blue:hover button,
.obttns>div.bttn-blue:hover button:after,
.obttns>div.bttn-blue:hover button:before,
a:hover .obttns>div.bttn-blue button,
a:hover .obttns>div.bttn-blue button:after,
a:hover .obttns>div.bttn-blue button:before,
.obttns>div.bttn-blue.obttnf a,
.obttns>div.bttn-blue.obttnf a:after,
.obttns>div.bttn-blue.obttnf button,
.obttns>div.bttn-blue.obttnf button:after,
.obttns>div.bttn-blue.obttnf:before,
.obttns>div.bttn-blue.obttnf a:before {
    color: #00758f !important;
    text-decoration: none
}

.obttns>div.bttn-blue:hover,
a:hover .obttns>div.bttn-blue,
.obttns>div.bttn-blue.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-blue.obttn1 a,
.obttns>div.bttn-blue.obttn1 a:after,
.obttns>div.bttn-blue.obttn1 button,
.obttns>div.bttn-blue.obttn1 button:after,
.obttns>div.bttn-blue.obttn1 button:before,
.obttns>div.bttn-blue.obttn1:before,
.obttns>div.bttn-blue.obttn1 a:before {
    color: #00758f
}

.obttns>div.bttn-blue.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-blue.obttn1:hover a,
.obttns>div.bttn-blue.obttn1:hover a:after,
.obttns>div.bttn-blue.obttn1:hover:before,
.obttns>div.bttn-blue.obttn1:hover a:before,
.obttns>div.bttn-blue.obttn1:hover button,
.obttns>div.bttn-blue.obttn1:hover button:after,
.obttns>div.bttn-blue.obttn1:hover button:before,
a:hover .obttns>div.bttn-blue.obttn1 button,
a:hover .obttns>div.bttn-blue.obttn1 button:after,
a:hover .obttns>div.bttn-blue.obttn1 button:before,
.obttns>div.bttn-blue.obttn1.obttnf a,
.obttns>div.bttn-blue.obttn1.obttnf a:after,
.obttns>div.bttn-blue.obttn1.obttnf button,
.obttns>div.bttn-blue.obttn1.obttnf button:after,
.obttns>div.bttn-blue.obttn1.obttnf:before,
.obttns>div.bttn-blue.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn1:hover,
a:hover .obttns>div.bttn-blue.obttn1,
.obttns>div.bttn-blue.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-blue.obttn2 a,
.obttns>div.bttn-blue.obttn2 a:after,
.obttns>div.bttn-blue.obttn2 button,
.obttns>div.bttn-blue.obttn2 button:after,
.obttns>div.bttn-blue.obttn2 button:before,
.obttns>div.bttn-blue.obttn2:before,
.obttns>div.bttn-blue.obttn2 a:before {
    color: #00758f
}

.obttns>div.bttn-blue.obttn2 {
    background: #fff;
    border-color: #00758f
}

.obttns>div.bttn-blue.obttn2:hover a,
.obttns>div.bttn-blue.obttn2:hover a:after,
.obttns>div.bttn-blue.obttn2:hover:before,
.obttns>div.bttn-blue.obttn2:hover a:before,
.obttns>div.bttn-blue.obttn2:hover button,
.obttns>div.bttn-blue.obttn2:hover button:after,
.obttns>div.bttn-blue.obttn2:hover button:before,
a:hover .obttns>div.bttn-blue.obttn2 button,
a:hover .obttns>div.bttn-blue.obttn2 button:after,
a:hover .obttns>div.bttn-blue.obttn2 button:before,
.obttns>div.bttn-blue.obttn2.obttnf a,
.obttns>div.bttn-blue.obttn2.obttnf a:after,
.obttns>div.bttn-blue.obttn2.obttnf button,
.obttns>div.bttn-blue.obttn2.obttnf button:after,
.obttns>div.bttn-blue.obttn2.obttnf:before,
.obttns>div.bttn-blue.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn2:hover,
a:hover .obttns>div.bttn-blue.obttn2,
.obttns>div.bttn-blue.obttn2.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.bttn-blue.obttn3:hover,
.obttns>div.bttn-blue.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-blue.obttn4:hover,
.obttns>div.bttn-blue.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-blue.obttn5 a,
.obttns>div.bttn-blue.obttn5 a:after,
.obttns>div.bttn-blue.obttn5:before,
.obttns>div.bttn-blue.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-blue.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-blue.obttn5:hover a,
.obttns>div.bttn-blue.obttn5:hover a:after,
.obttns>div.bttn-blue.obttn5:hover:before,
.obttns>div.bttn-blue.obttn5:hover a:before,
.obttns>div.bttn-blue.obttn5.obttnf a,
.obttns>div.bttn-blue.obttn5.obttnf a:after,
.obttns>div.bttn-blue.obttn5.obttnf:before,
.obttns>div.bttn-blue.obttn5.obttnf a:before {
    color: #00758f !important
}

.obttns>div.bttn-blue.obttn5:hover,
.obttns>div.bttn-blue.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-blue.obttn6:hover a,
.obttns>div.bttn-blue.obttn6:hover a:after,
.obttns>div.bttn-blue.obttn6:hover:before,
.obttns>div.bttn-blue.obttn6:hover a:before,
.obttns>div.bttn-blue.obttn6.obttnf a,
.obttns>div.bttn-blue.obttn6.obttnf a:after,
.obttns>div.bttn-blue.obttn6.obttnf:before,
.obttns>div.bttn-blue.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn6:hover,
.obttns>div.bttn-blue.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-blue.obttn7:hover a,
.obttns>div.bttn-blue.obttn7:hover a:after,
.obttns>div.bttn-blue.obttn7:hover:before,
.obttns>div.bttn-blue.obttn7:hover a:before,
.obttns>div.bttn-blue.obttn7.obttnf a,
.obttns>div.bttn-blue.obttn7.obttnf a:after,
.obttns>div.bttn-blue.obttn7.obttnf:before,
.obttns>div.bttn-blue.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn7:hover,
.obttns>div.bttn-blue.obttn7.obttnf {
    background: #005467;
    border-color: #005467
}

.obttns>div.bttn-blue.obttn8 a,
.obttns>div.bttn-blue.obttn8 a:after,
.obttns>div.bttn-blue.obttn8:before,
.obttns>div.bttn-blue.obttn8 a:before {
    color: #00758f
}

.obttns>div.bttn-blue.obttn8 {
    background: transparent;
    border-color: #00758f
}

.obttns>div.bttn-blue.obttn8:hover a,
.obttns>div.bttn-blue.obttn8:hover a:after,
.obttns>div.bttn-blue.obttn8:hover:before,
.obttns>div.bttn-blue.obttn8:hover a:before,
.obttns>div.bttn-blue.obttn8.obttnf a,
.obttns>div.bttn-blue.obttn8.obttnf a:after,
.obttns>div.bttn-blue.obttn8.obttnf:before,
.obttns>div.bttn-blue.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn8:hover,
.obttns>div.bttn-blue.obttn8.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.bttn-blue.obttn9 a,
.obttns>div.bttn-blue.obttn9 a:after,
.obttns>div.bttn-blue.obttn9 button,
.obttns>div.bttn-blue.obttn9 button:after,
.obttns>div.bttn-blue.obttn9:before,
.obttns>div.bttn-blue.obttn9 a:before,
.obttns>div.bttn-blue.obttn9 button:before {
    color: #00758f
}

.obttns>div.bttn-blue.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-blue.obttn9:hover a,
.obttns>div.bttn-blue.obttn9:hover a:after,
.obttns>div.bttn-blue.obttn9:hover:before,
.obttns>div.bttn-blue.obttn9:hover a:before,
.obttns>div.bttn-blue.obttn9:hover button,
.obttns>div.bttn-blue.obttn9:hover button:after,
.obttns>div.bttn-blue.obttn9:hover button:before,
a:hover .obttns>div.bttn-blue.obttn9 button,
a:hover .obttns>div.bttn-blue.obttn9 button:after,
a:hover .obttns>div.bttn-blue.obttn9 button:before,
.obttns>div.bttn-blue.obttn9.obttnf a,
.obttns>div.bttn-blue.obttn9.obttnf a:after,
.obttns>div.bttn-blue.obttn9.obttnf button,
.obttns>div.bttn-blue.obttn9.obttnf button:after,
.obttns>div.bttn-blue.obttn9.obttnf:before,
.obttns>div.bttn-blue.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-blue.obttn9:hover,
.obttns>div.bttn-blue.obttn9.obttnf {
    background: #00758f;
    border-color: #00758f
}

.obttns>div.bttn-darkorange a,
.obttns>div.bttn-darkorange a:after,
.obttns>div.bttn-darkorange button,
.obttns>div.bttn-darkorange button:after,
.obttns>div.bttn-darkorange:before,
.obttns>div.bttn-darkorange a:before,
.obttns>div.bttn-darkorange button:before {
    color: #fff
}

.obttns>div.bttn-darkorange {
    background: #8a331d;
    border-color: #8a331d
}

.obttns>div.bttn-darkorange:hover a,
.obttns>div.bttn-darkorange:hover a:after,
.obttns>div.bttn-darkorange:hover:before,
.obttns>div.bttn-darkorange:hover a:before,
.obttns>div.bttn-darkorange:hover button,
.obttns>div.bttn-darkorange:hover button:after,
.obttns>div.bttn-darkorange:hover button:before,
a:hover .obttns>div.bttn-darkorange button,
a:hover .obttns>div.bttn-darkorange button:after,
a:hover .obttns>div.bttn-darkorange button:before,
.obttns>div.bttn-darkorange.obttnf a,
.obttns>div.bttn-darkorange.obttnf a:after,
.obttns>div.bttn-darkorange.obttnf button,
.obttns>div.bttn-darkorange.obttnf button:after,
.obttns>div.bttn-darkorange.obttnf:before,
.obttns>div.bttn-darkorange.obttnf a:before {
    color: #8a331d !important;
    text-decoration: none
}

.obttns>div.bttn-darkorange:hover,
a:hover .obttns>div.bttn-darkorange,
.obttns>div.bttn-darkorange.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkorange.obttn1 a,
.obttns>div.bttn-darkorange.obttn1 a:after,
.obttns>div.bttn-darkorange.obttn1 button,
.obttns>div.bttn-darkorange.obttn1 button:after,
.obttns>div.bttn-darkorange.obttn1 button:before,
.obttns>div.bttn-darkorange.obttn1:before,
.obttns>div.bttn-darkorange.obttn1 a:before {
    color: #8a331d
}

.obttns>div.bttn-darkorange.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn1:hover a,
.obttns>div.bttn-darkorange.obttn1:hover a:after,
.obttns>div.bttn-darkorange.obttn1:hover:before,
.obttns>div.bttn-darkorange.obttn1:hover a:before,
.obttns>div.bttn-darkorange.obttn1:hover button,
.obttns>div.bttn-darkorange.obttn1:hover button:after,
.obttns>div.bttn-darkorange.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkorange.obttn1 button,
a:hover .obttns>div.bttn-darkorange.obttn1 button:after,
a:hover .obttns>div.bttn-darkorange.obttn1 button:before,
.obttns>div.bttn-darkorange.obttn1.obttnf a,
.obttns>div.bttn-darkorange.obttn1.obttnf a:after,
.obttns>div.bttn-darkorange.obttn1.obttnf button,
.obttns>div.bttn-darkorange.obttn1.obttnf button:after,
.obttns>div.bttn-darkorange.obttn1.obttnf:before,
.obttns>div.bttn-darkorange.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn1:hover,
a:hover .obttns>div.bttn-darkorange.obttn1,
.obttns>div.bttn-darkorange.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn2 a,
.obttns>div.bttn-darkorange.obttn2 a:after,
.obttns>div.bttn-darkorange.obttn2 button,
.obttns>div.bttn-darkorange.obttn2 button:after,
.obttns>div.bttn-darkorange.obttn2 button:before,
.obttns>div.bttn-darkorange.obttn2:before,
.obttns>div.bttn-darkorange.obttn2 a:before {
    color: #8a331d
}

.obttns>div.bttn-darkorange.obttn2 {
    background: #fff;
    border-color: #8a331d
}

.obttns>div.bttn-darkorange.obttn2:hover a,
.obttns>div.bttn-darkorange.obttn2:hover a:after,
.obttns>div.bttn-darkorange.obttn2:hover:before,
.obttns>div.bttn-darkorange.obttn2:hover a:before,
.obttns>div.bttn-darkorange.obttn2:hover button,
.obttns>div.bttn-darkorange.obttn2:hover button:after,
.obttns>div.bttn-darkorange.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkorange.obttn2 button,
a:hover .obttns>div.bttn-darkorange.obttn2 button:after,
a:hover .obttns>div.bttn-darkorange.obttn2 button:before,
.obttns>div.bttn-darkorange.obttn2.obttnf a,
.obttns>div.bttn-darkorange.obttn2.obttnf a:after,
.obttns>div.bttn-darkorange.obttn2.obttnf button,
.obttns>div.bttn-darkorange.obttn2.obttnf button:after,
.obttns>div.bttn-darkorange.obttn2.obttnf:before,
.obttns>div.bttn-darkorange.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn2:hover,
a:hover .obttns>div.bttn-darkorange.obttn2,
.obttns>div.bttn-darkorange.obttn2.obttnf {
    background: #8a331d;
    border-color: #8a331d
}

.obttns>div.bttn-darkorange.obttn3:hover,
.obttns>div.bttn-darkorange.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn4:hover,
.obttns>div.bttn-darkorange.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkorange.obttn5 a,
.obttns>div.bttn-darkorange.obttn5 a:after,
.obttns>div.bttn-darkorange.obttn5:before,
.obttns>div.bttn-darkorange.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkorange.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn5:hover a,
.obttns>div.bttn-darkorange.obttn5:hover a:after,
.obttns>div.bttn-darkorange.obttn5:hover:before,
.obttns>div.bttn-darkorange.obttn5:hover a:before,
.obttns>div.bttn-darkorange.obttn5.obttnf a,
.obttns>div.bttn-darkorange.obttn5.obttnf a:after,
.obttns>div.bttn-darkorange.obttn5.obttnf:before,
.obttns>div.bttn-darkorange.obttn5.obttnf a:before {
    color: #8a331d !important
}

.obttns>div.bttn-darkorange.obttn5:hover,
.obttns>div.bttn-darkorange.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn6:hover a,
.obttns>div.bttn-darkorange.obttn6:hover a:after,
.obttns>div.bttn-darkorange.obttn6:hover:before,
.obttns>div.bttn-darkorange.obttn6:hover a:before,
.obttns>div.bttn-darkorange.obttn6.obttnf a,
.obttns>div.bttn-darkorange.obttn6.obttnf a:after,
.obttns>div.bttn-darkorange.obttn6.obttnf:before,
.obttns>div.bttn-darkorange.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn6:hover,
.obttns>div.bttn-darkorange.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn7:hover a,
.obttns>div.bttn-darkorange.obttn7:hover a:after,
.obttns>div.bttn-darkorange.obttn7:hover:before,
.obttns>div.bttn-darkorange.obttn7:hover a:before,
.obttns>div.bttn-darkorange.obttn7.obttnf a,
.obttns>div.bttn-darkorange.obttn7.obttnf a:after,
.obttns>div.bttn-darkorange.obttn7.obttnf:before,
.obttns>div.bttn-darkorange.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn7:hover,
.obttns>div.bttn-darkorange.obttn7.obttnf {
    background: #632515;
    border-color: #632515
}

.obttns>div.bttn-darkorange.obttn8 a,
.obttns>div.bttn-darkorange.obttn8 a:after,
.obttns>div.bttn-darkorange.obttn8:before,
.obttns>div.bttn-darkorange.obttn8 a:before {
    color: #8a331d
}

.obttns>div.bttn-darkorange.obttn8 {
    background: transparent;
    border-color: #8a331d
}

.obttns>div.bttn-darkorange.obttn8:hover a,
.obttns>div.bttn-darkorange.obttn8:hover a:after,
.obttns>div.bttn-darkorange.obttn8:hover:before,
.obttns>div.bttn-darkorange.obttn8:hover a:before,
.obttns>div.bttn-darkorange.obttn8.obttnf a,
.obttns>div.bttn-darkorange.obttn8.obttnf a:after,
.obttns>div.bttn-darkorange.obttn8.obttnf:before,
.obttns>div.bttn-darkorange.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn8:hover,
.obttns>div.bttn-darkorange.obttn8.obttnf {
    background: #8a331d;
    border-color: #8a331d
}

.obttns>div.bttn-darkorange.obttn9 a,
.obttns>div.bttn-darkorange.obttn9 a:after,
.obttns>div.bttn-darkorange.obttn9 button,
.obttns>div.bttn-darkorange.obttn9 button:after,
.obttns>div.bttn-darkorange.obttn9:before,
.obttns>div.bttn-darkorange.obttn9 a:before,
.obttns>div.bttn-darkorange.obttn9 button:before {
    color: #8a331d
}

.obttns>div.bttn-darkorange.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkorange.obttn9:hover a,
.obttns>div.bttn-darkorange.obttn9:hover a:after,
.obttns>div.bttn-darkorange.obttn9:hover:before,
.obttns>div.bttn-darkorange.obttn9:hover a:before,
.obttns>div.bttn-darkorange.obttn9:hover button,
.obttns>div.bttn-darkorange.obttn9:hover button:after,
.obttns>div.bttn-darkorange.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkorange.obttn9 button,
a:hover .obttns>div.bttn-darkorange.obttn9 button:after,
a:hover .obttns>div.bttn-darkorange.obttn9 button:before,
.obttns>div.bttn-darkorange.obttn9.obttnf a,
.obttns>div.bttn-darkorange.obttn9.obttnf a:after,
.obttns>div.bttn-darkorange.obttn9.obttnf button,
.obttns>div.bttn-darkorange.obttn9.obttnf button:after,
.obttns>div.bttn-darkorange.obttn9.obttnf:before,
.obttns>div.bttn-darkorange.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkorange.obttn9:hover,
.obttns>div.bttn-darkorange.obttn9.obttnf {
    background: #8a331d;
    border-color: #8a331d
}

.obttns>div.bttn-orange a,
.obttns>div.bttn-orange a:after,
.obttns>div.bttn-orange button,
.obttns>div.bttn-orange button:after,
.obttns>div.bttn-orange:before,
.obttns>div.bttn-orange a:before,
.obttns>div.bttn-orange button:before {
    color: #fff
}

.obttns>div.bttn-orange {
    background: #f29111;
    border-color: #f29111
}

.obttns>div.bttn-orange:hover a,
.obttns>div.bttn-orange:hover a:after,
.obttns>div.bttn-orange:hover:before,
.obttns>div.bttn-orange:hover a:before,
.obttns>div.bttn-orange:hover button,
.obttns>div.bttn-orange:hover button:after,
.obttns>div.bttn-orange:hover button:before,
a:hover .obttns>div.bttn-orange button,
a:hover .obttns>div.bttn-orange button:after,
a:hover .obttns>div.bttn-orange button:before,
.obttns>div.bttn-orange.obttnf a,
.obttns>div.bttn-orange.obttnf a:after,
.obttns>div.bttn-orange.obttnf button,
.obttns>div.bttn-orange.obttnf button:after,
.obttns>div.bttn-orange.obttnf:before,
.obttns>div.bttn-orange.obttnf a:before {
    color: #f29111 !important;
    text-decoration: none
}

.obttns>div.bttn-orange:hover,
a:hover .obttns>div.bttn-orange,
.obttns>div.bttn-orange.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-orange.obttn1 a,
.obttns>div.bttn-orange.obttn1 a:after,
.obttns>div.bttn-orange.obttn1 button,
.obttns>div.bttn-orange.obttn1 button:after,
.obttns>div.bttn-orange.obttn1 button:before,
.obttns>div.bttn-orange.obttn1:before,
.obttns>div.bttn-orange.obttn1 a:before {
    color: #f29111
}

.obttns>div.bttn-orange.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-orange.obttn1:hover a,
.obttns>div.bttn-orange.obttn1:hover a:after,
.obttns>div.bttn-orange.obttn1:hover:before,
.obttns>div.bttn-orange.obttn1:hover a:before,
.obttns>div.bttn-orange.obttn1:hover button,
.obttns>div.bttn-orange.obttn1:hover button:after,
.obttns>div.bttn-orange.obttn1:hover button:before,
a:hover .obttns>div.bttn-orange.obttn1 button,
a:hover .obttns>div.bttn-orange.obttn1 button:after,
a:hover .obttns>div.bttn-orange.obttn1 button:before,
.obttns>div.bttn-orange.obttn1.obttnf a,
.obttns>div.bttn-orange.obttn1.obttnf a:after,
.obttns>div.bttn-orange.obttn1.obttnf button,
.obttns>div.bttn-orange.obttn1.obttnf button:after,
.obttns>div.bttn-orange.obttn1.obttnf:before,
.obttns>div.bttn-orange.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn1:hover,
a:hover .obttns>div.bttn-orange.obttn1,
.obttns>div.bttn-orange.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-orange.obttn2 a,
.obttns>div.bttn-orange.obttn2 a:after,
.obttns>div.bttn-orange.obttn2 button,
.obttns>div.bttn-orange.obttn2 button:after,
.obttns>div.bttn-orange.obttn2 button:before,
.obttns>div.bttn-orange.obttn2:before,
.obttns>div.bttn-orange.obttn2 a:before {
    color: #f29111
}

.obttns>div.bttn-orange.obttn2 {
    background: #fff;
    border-color: #f29111
}

.obttns>div.bttn-orange.obttn2:hover a,
.obttns>div.bttn-orange.obttn2:hover a:after,
.obttns>div.bttn-orange.obttn2:hover:before,
.obttns>div.bttn-orange.obttn2:hover a:before,
.obttns>div.bttn-orange.obttn2:hover button,
.obttns>div.bttn-orange.obttn2:hover button:after,
.obttns>div.bttn-orange.obttn2:hover button:before,
a:hover .obttns>div.bttn-orange.obttn2 button,
a:hover .obttns>div.bttn-orange.obttn2 button:after,
a:hover .obttns>div.bttn-orange.obttn2 button:before,
.obttns>div.bttn-orange.obttn2.obttnf a,
.obttns>div.bttn-orange.obttn2.obttnf a:after,
.obttns>div.bttn-orange.obttn2.obttnf button,
.obttns>div.bttn-orange.obttn2.obttnf button:after,
.obttns>div.bttn-orange.obttn2.obttnf:before,
.obttns>div.bttn-orange.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn2:hover,
a:hover .obttns>div.bttn-orange.obttn2,
.obttns>div.bttn-orange.obttn2.obttnf {
    background: #f29111;
    border-color: #f29111
}

.obttns>div.bttn-orange.obttn3:hover,
.obttns>div.bttn-orange.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-orange.obttn4:hover,
.obttns>div.bttn-orange.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-orange.obttn5 a,
.obttns>div.bttn-orange.obttn5 a:after,
.obttns>div.bttn-orange.obttn5:before,
.obttns>div.bttn-orange.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-orange.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-orange.obttn5:hover a,
.obttns>div.bttn-orange.obttn5:hover a:after,
.obttns>div.bttn-orange.obttn5:hover:before,
.obttns>div.bttn-orange.obttn5:hover a:before,
.obttns>div.bttn-orange.obttn5.obttnf a,
.obttns>div.bttn-orange.obttn5.obttnf a:after,
.obttns>div.bttn-orange.obttn5.obttnf:before,
.obttns>div.bttn-orange.obttn5.obttnf a:before {
    color: #f29111 !important
}

.obttns>div.bttn-orange.obttn5:hover,
.obttns>div.bttn-orange.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-orange.obttn6:hover a,
.obttns>div.bttn-orange.obttn6:hover a:after,
.obttns>div.bttn-orange.obttn6:hover:before,
.obttns>div.bttn-orange.obttn6:hover a:before,
.obttns>div.bttn-orange.obttn6.obttnf a,
.obttns>div.bttn-orange.obttn6.obttnf a:after,
.obttns>div.bttn-orange.obttn6.obttnf:before,
.obttns>div.bttn-orange.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn6:hover,
.obttns>div.bttn-orange.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-orange.obttn7:hover a,
.obttns>div.bttn-orange.obttn7:hover a:after,
.obttns>div.bttn-orange.obttn7:hover:before,
.obttns>div.bttn-orange.obttn7:hover a:before,
.obttns>div.bttn-orange.obttn7.obttnf a,
.obttns>div.bttn-orange.obttn7.obttnf a:after,
.obttns>div.bttn-orange.obttn7.obttnf:before,
.obttns>div.bttn-orange.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn7:hover,
.obttns>div.bttn-orange.obttn7.obttnf {
    background: #ae680c;
    border-color: #ae680c
}

.obttns>div.bttn-orange.obttn8 a,
.obttns>div.bttn-orange.obttn8 a:after,
.obttns>div.bttn-orange.obttn8:before,
.obttns>div.bttn-orange.obttn8 a:before {
    color: #f29111
}

.obttns>div.bttn-orange.obttn8 {
    background: transparent;
    border-color: #f29111
}

.obttns>div.bttn-orange.obttn8:hover a,
.obttns>div.bttn-orange.obttn8:hover a:after,
.obttns>div.bttn-orange.obttn8:hover:before,
.obttns>div.bttn-orange.obttn8:hover a:before,
.obttns>div.bttn-orange.obttn8.obttnf a,
.obttns>div.bttn-orange.obttn8.obttnf a:after,
.obttns>div.bttn-orange.obttn8.obttnf:before,
.obttns>div.bttn-orange.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn8:hover,
.obttns>div.bttn-orange.obttn8.obttnf {
    background: #f29111;
    border-color: #f29111
}

.obttns>div.bttn-orange.obttn9 a,
.obttns>div.bttn-orange.obttn9 a:after,
.obttns>div.bttn-orange.obttn9 button,
.obttns>div.bttn-orange.obttn9 button:after,
.obttns>div.bttn-orange.obttn9:before,
.obttns>div.bttn-orange.obttn9 a:before,
.obttns>div.bttn-orange.obttn9 button:before {
    color: #f29111
}

.obttns>div.bttn-orange.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-orange.obttn9:hover a,
.obttns>div.bttn-orange.obttn9:hover a:after,
.obttns>div.bttn-orange.obttn9:hover:before,
.obttns>div.bttn-orange.obttn9:hover a:before,
.obttns>div.bttn-orange.obttn9:hover button,
.obttns>div.bttn-orange.obttn9:hover button:after,
.obttns>div.bttn-orange.obttn9:hover button:before,
a:hover .obttns>div.bttn-orange.obttn9 button,
a:hover .obttns>div.bttn-orange.obttn9 button:after,
a:hover .obttns>div.bttn-orange.obttn9 button:before,
.obttns>div.bttn-orange.obttn9.obttnf a,
.obttns>div.bttn-orange.obttn9.obttnf a:after,
.obttns>div.bttn-orange.obttn9.obttnf button,
.obttns>div.bttn-orange.obttn9.obttnf button:after,
.obttns>div.bttn-orange.obttn9.obttnf:before,
.obttns>div.bttn-orange.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-orange.obttn9:hover,
.obttns>div.bttn-orange.obttn9.obttnf {
    background: #f29111;
    border-color: #f29111
}

.obttns>div.bttn-darkgreen a,
.obttns>div.bttn-darkgreen a:after,
.obttns>div.bttn-darkgreen button,
.obttns>div.bttn-darkgreen button:after,
.obttns>div.bttn-darkgreen:before,
.obttns>div.bttn-darkgreen a:before,
.obttns>div.bttn-darkgreen button:before {
    color: #fff
}

.obttns>div.bttn-darkgreen {
    background: #004f35;
    border-color: #004f35
}

.obttns>div.bttn-darkgreen:hover a,
.obttns>div.bttn-darkgreen:hover a:after,
.obttns>div.bttn-darkgreen:hover:before,
.obttns>div.bttn-darkgreen:hover a:before,
.obttns>div.bttn-darkgreen:hover button,
.obttns>div.bttn-darkgreen:hover button:after,
.obttns>div.bttn-darkgreen:hover button:before,
a:hover .obttns>div.bttn-darkgreen button,
a:hover .obttns>div.bttn-darkgreen button:after,
a:hover .obttns>div.bttn-darkgreen button:before,
.obttns>div.bttn-darkgreen.obttnf a,
.obttns>div.bttn-darkgreen.obttnf a:after,
.obttns>div.bttn-darkgreen.obttnf button,
.obttns>div.bttn-darkgreen.obttnf button:after,
.obttns>div.bttn-darkgreen.obttnf:before,
.obttns>div.bttn-darkgreen.obttnf a:before {
    color: #004f35 !important;
    text-decoration: none
}

.obttns>div.bttn-darkgreen:hover,
a:hover .obttns>div.bttn-darkgreen,
.obttns>div.bttn-darkgreen.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkgreen.obttn1 a,
.obttns>div.bttn-darkgreen.obttn1 a:after,
.obttns>div.bttn-darkgreen.obttn1 button,
.obttns>div.bttn-darkgreen.obttn1 button:after,
.obttns>div.bttn-darkgreen.obttn1 button:before,
.obttns>div.bttn-darkgreen.obttn1:before,
.obttns>div.bttn-darkgreen.obttn1 a:before {
    color: #004f35
}

.obttns>div.bttn-darkgreen.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn1:hover a,
.obttns>div.bttn-darkgreen.obttn1:hover a:after,
.obttns>div.bttn-darkgreen.obttn1:hover:before,
.obttns>div.bttn-darkgreen.obttn1:hover a:before,
.obttns>div.bttn-darkgreen.obttn1:hover button,
.obttns>div.bttn-darkgreen.obttn1:hover button:after,
.obttns>div.bttn-darkgreen.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkgreen.obttn1 button,
a:hover .obttns>div.bttn-darkgreen.obttn1 button:after,
a:hover .obttns>div.bttn-darkgreen.obttn1 button:before,
.obttns>div.bttn-darkgreen.obttn1.obttnf a,
.obttns>div.bttn-darkgreen.obttn1.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn1.obttnf button,
.obttns>div.bttn-darkgreen.obttn1.obttnf button:after,
.obttns>div.bttn-darkgreen.obttn1.obttnf:before,
.obttns>div.bttn-darkgreen.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn1:hover,
a:hover .obttns>div.bttn-darkgreen.obttn1,
.obttns>div.bttn-darkgreen.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn2 a,
.obttns>div.bttn-darkgreen.obttn2 a:after,
.obttns>div.bttn-darkgreen.obttn2 button,
.obttns>div.bttn-darkgreen.obttn2 button:after,
.obttns>div.bttn-darkgreen.obttn2 button:before,
.obttns>div.bttn-darkgreen.obttn2:before,
.obttns>div.bttn-darkgreen.obttn2 a:before {
    color: #004f35
}

.obttns>div.bttn-darkgreen.obttn2 {
    background: #fff;
    border-color: #004f35
}

.obttns>div.bttn-darkgreen.obttn2:hover a,
.obttns>div.bttn-darkgreen.obttn2:hover a:after,
.obttns>div.bttn-darkgreen.obttn2:hover:before,
.obttns>div.bttn-darkgreen.obttn2:hover a:before,
.obttns>div.bttn-darkgreen.obttn2:hover button,
.obttns>div.bttn-darkgreen.obttn2:hover button:after,
.obttns>div.bttn-darkgreen.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkgreen.obttn2 button,
a:hover .obttns>div.bttn-darkgreen.obttn2 button:after,
a:hover .obttns>div.bttn-darkgreen.obttn2 button:before,
.obttns>div.bttn-darkgreen.obttn2.obttnf a,
.obttns>div.bttn-darkgreen.obttn2.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn2.obttnf button,
.obttns>div.bttn-darkgreen.obttn2.obttnf button:after,
.obttns>div.bttn-darkgreen.obttn2.obttnf:before,
.obttns>div.bttn-darkgreen.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn2:hover,
a:hover .obttns>div.bttn-darkgreen.obttn2,
.obttns>div.bttn-darkgreen.obttn2.obttnf {
    background: #004f35;
    border-color: #004f35
}

.obttns>div.bttn-darkgreen.obttn3:hover,
.obttns>div.bttn-darkgreen.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn4:hover,
.obttns>div.bttn-darkgreen.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkgreen.obttn5 a,
.obttns>div.bttn-darkgreen.obttn5 a:after,
.obttns>div.bttn-darkgreen.obttn5:before,
.obttns>div.bttn-darkgreen.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkgreen.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn5:hover a,
.obttns>div.bttn-darkgreen.obttn5:hover a:after,
.obttns>div.bttn-darkgreen.obttn5:hover:before,
.obttns>div.bttn-darkgreen.obttn5:hover a:before,
.obttns>div.bttn-darkgreen.obttn5.obttnf a,
.obttns>div.bttn-darkgreen.obttn5.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn5.obttnf:before,
.obttns>div.bttn-darkgreen.obttn5.obttnf a:before {
    color: #004f35 !important
}

.obttns>div.bttn-darkgreen.obttn5:hover,
.obttns>div.bttn-darkgreen.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn6:hover a,
.obttns>div.bttn-darkgreen.obttn6:hover a:after,
.obttns>div.bttn-darkgreen.obttn6:hover:before,
.obttns>div.bttn-darkgreen.obttn6:hover a:before,
.obttns>div.bttn-darkgreen.obttn6.obttnf a,
.obttns>div.bttn-darkgreen.obttn6.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn6.obttnf:before,
.obttns>div.bttn-darkgreen.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn6:hover,
.obttns>div.bttn-darkgreen.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn7:hover a,
.obttns>div.bttn-darkgreen.obttn7:hover a:after,
.obttns>div.bttn-darkgreen.obttn7:hover:before,
.obttns>div.bttn-darkgreen.obttn7:hover a:before,
.obttns>div.bttn-darkgreen.obttn7.obttnf a,
.obttns>div.bttn-darkgreen.obttn7.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn7.obttnf:before,
.obttns>div.bttn-darkgreen.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn7:hover,
.obttns>div.bttn-darkgreen.obttn7.obttnf {
    background: #003926;
    border-color: #003926
}

.obttns>div.bttn-darkgreen.obttn8 a,
.obttns>div.bttn-darkgreen.obttn8 a:after,
.obttns>div.bttn-darkgreen.obttn8:before,
.obttns>div.bttn-darkgreen.obttn8 a:before {
    color: #004f35
}

.obttns>div.bttn-darkgreen.obttn8 {
    background: transparent;
    border-color: #004f35
}

.obttns>div.bttn-darkgreen.obttn8:hover a,
.obttns>div.bttn-darkgreen.obttn8:hover a:after,
.obttns>div.bttn-darkgreen.obttn8:hover:before,
.obttns>div.bttn-darkgreen.obttn8:hover a:before,
.obttns>div.bttn-darkgreen.obttn8.obttnf a,
.obttns>div.bttn-darkgreen.obttn8.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn8.obttnf:before,
.obttns>div.bttn-darkgreen.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn8:hover,
.obttns>div.bttn-darkgreen.obttn8.obttnf {
    background: #004f35;
    border-color: #004f35
}

.obttns>div.bttn-darkgreen.obttn9 a,
.obttns>div.bttn-darkgreen.obttn9 a:after,
.obttns>div.bttn-darkgreen.obttn9 button,
.obttns>div.bttn-darkgreen.obttn9 button:after,
.obttns>div.bttn-darkgreen.obttn9:before,
.obttns>div.bttn-darkgreen.obttn9 a:before,
.obttns>div.bttn-darkgreen.obttn9 button:before {
    color: #004f35
}

.obttns>div.bttn-darkgreen.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkgreen.obttn9:hover a,
.obttns>div.bttn-darkgreen.obttn9:hover a:after,
.obttns>div.bttn-darkgreen.obttn9:hover:before,
.obttns>div.bttn-darkgreen.obttn9:hover a:before,
.obttns>div.bttn-darkgreen.obttn9:hover button,
.obttns>div.bttn-darkgreen.obttn9:hover button:after,
.obttns>div.bttn-darkgreen.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkgreen.obttn9 button,
a:hover .obttns>div.bttn-darkgreen.obttn9 button:after,
a:hover .obttns>div.bttn-darkgreen.obttn9 button:before,
.obttns>div.bttn-darkgreen.obttn9.obttnf a,
.obttns>div.bttn-darkgreen.obttn9.obttnf a:after,
.obttns>div.bttn-darkgreen.obttn9.obttnf button,
.obttns>div.bttn-darkgreen.obttn9.obttnf button:after,
.obttns>div.bttn-darkgreen.obttn9.obttnf:before,
.obttns>div.bttn-darkgreen.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkgreen.obttn9:hover,
.obttns>div.bttn-darkgreen.obttn9.obttnf {
    background: #004f35;
    border-color: #004f35
}

.obttns>div.bttn-green a,
.obttns>div.bttn-green a:after,
.obttns>div.bttn-green button,
.obttns>div.bttn-green button:after,
.obttns>div.bttn-green:before,
.obttns>div.bttn-green a:before,
.obttns>div.bttn-green button:before {
    color: #fff
}

.obttns>div.bttn-green {
    background: #3a913f;
    border-color: #3a913f
}

.obttns>div.bttn-green:hover a,
.obttns>div.bttn-green:hover a:after,
.obttns>div.bttn-green:hover:before,
.obttns>div.bttn-green:hover a:before,
.obttns>div.bttn-green:hover button,
.obttns>div.bttn-green:hover button:after,
.obttns>div.bttn-green:hover button:before,
a:hover .obttns>div.bttn-green button,
a:hover .obttns>div.bttn-green button:after,
a:hover .obttns>div.bttn-green button:before,
.obttns>div.bttn-green.obttnf a,
.obttns>div.bttn-green.obttnf a:after,
.obttns>div.bttn-green.obttnf button,
.obttns>div.bttn-green.obttnf button:after,
.obttns>div.bttn-green.obttnf:before,
.obttns>div.bttn-green.obttnf a:before {
    color: #3a913f !important;
    text-decoration: none
}

.obttns>div.bttn-green:hover,
a:hover .obttns>div.bttn-green,
.obttns>div.bttn-green.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-green.obttn1 a,
.obttns>div.bttn-green.obttn1 a:after,
.obttns>div.bttn-green.obttn1 button,
.obttns>div.bttn-green.obttn1 button:after,
.obttns>div.bttn-green.obttn1 button:before,
.obttns>div.bttn-green.obttn1:before,
.obttns>div.bttn-green.obttn1 a:before {
    color: #3a913f
}

.obttns>div.bttn-green.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-green.obttn1:hover a,
.obttns>div.bttn-green.obttn1:hover a:after,
.obttns>div.bttn-green.obttn1:hover:before,
.obttns>div.bttn-green.obttn1:hover a:before,
.obttns>div.bttn-green.obttn1:hover button,
.obttns>div.bttn-green.obttn1:hover button:after,
.obttns>div.bttn-green.obttn1:hover button:before,
a:hover .obttns>div.bttn-green.obttn1 button,
a:hover .obttns>div.bttn-green.obttn1 button:after,
a:hover .obttns>div.bttn-green.obttn1 button:before,
.obttns>div.bttn-green.obttn1.obttnf a,
.obttns>div.bttn-green.obttn1.obttnf a:after,
.obttns>div.bttn-green.obttn1.obttnf button,
.obttns>div.bttn-green.obttn1.obttnf button:after,
.obttns>div.bttn-green.obttn1.obttnf:before,
.obttns>div.bttn-green.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn1:hover,
a:hover .obttns>div.bttn-green.obttn1,
.obttns>div.bttn-green.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-green.obttn2 a,
.obttns>div.bttn-green.obttn2 a:after,
.obttns>div.bttn-green.obttn2 button,
.obttns>div.bttn-green.obttn2 button:after,
.obttns>div.bttn-green.obttn2 button:before,
.obttns>div.bttn-green.obttn2:before,
.obttns>div.bttn-green.obttn2 a:before {
    color: #3a913f
}

.obttns>div.bttn-green.obttn2 {
    background: #fff;
    border-color: #3a913f
}

.obttns>div.bttn-green.obttn2:hover a,
.obttns>div.bttn-green.obttn2:hover a:after,
.obttns>div.bttn-green.obttn2:hover:before,
.obttns>div.bttn-green.obttn2:hover a:before,
.obttns>div.bttn-green.obttn2:hover button,
.obttns>div.bttn-green.obttn2:hover button:after,
.obttns>div.bttn-green.obttn2:hover button:before,
a:hover .obttns>div.bttn-green.obttn2 button,
a:hover .obttns>div.bttn-green.obttn2 button:after,
a:hover .obttns>div.bttn-green.obttn2 button:before,
.obttns>div.bttn-green.obttn2.obttnf a,
.obttns>div.bttn-green.obttn2.obttnf a:after,
.obttns>div.bttn-green.obttn2.obttnf button,
.obttns>div.bttn-green.obttn2.obttnf button:after,
.obttns>div.bttn-green.obttn2.obttnf:before,
.obttns>div.bttn-green.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn2:hover,
a:hover .obttns>div.bttn-green.obttn2,
.obttns>div.bttn-green.obttn2.obttnf {
    background: #3a913f;
    border-color: #3a913f
}

.obttns>div.bttn-green.obttn3:hover,
.obttns>div.bttn-green.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-green.obttn4:hover,
.obttns>div.bttn-green.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-green.obttn5 a,
.obttns>div.bttn-green.obttn5 a:after,
.obttns>div.bttn-green.obttn5:before,
.obttns>div.bttn-green.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-green.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-green.obttn5:hover a,
.obttns>div.bttn-green.obttn5:hover a:after,
.obttns>div.bttn-green.obttn5:hover:before,
.obttns>div.bttn-green.obttn5:hover a:before,
.obttns>div.bttn-green.obttn5.obttnf a,
.obttns>div.bttn-green.obttn5.obttnf a:after,
.obttns>div.bttn-green.obttn5.obttnf:before,
.obttns>div.bttn-green.obttn5.obttnf a:before {
    color: #3a913f !important
}

.obttns>div.bttn-green.obttn5:hover,
.obttns>div.bttn-green.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-green.obttn6:hover a,
.obttns>div.bttn-green.obttn6:hover a:after,
.obttns>div.bttn-green.obttn6:hover:before,
.obttns>div.bttn-green.obttn6:hover a:before,
.obttns>div.bttn-green.obttn6.obttnf a,
.obttns>div.bttn-green.obttn6.obttnf a:after,
.obttns>div.bttn-green.obttn6.obttnf:before,
.obttns>div.bttn-green.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn6:hover,
.obttns>div.bttn-green.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-green.obttn7:hover a,
.obttns>div.bttn-green.obttn7:hover a:after,
.obttns>div.bttn-green.obttn7:hover:before,
.obttns>div.bttn-green.obttn7:hover a:before,
.obttns>div.bttn-green.obttn7.obttnf a,
.obttns>div.bttn-green.obttn7.obttnf a:after,
.obttns>div.bttn-green.obttn7.obttnf:before,
.obttns>div.bttn-green.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn7:hover,
.obttns>div.bttn-green.obttn7.obttnf {
    background: #2a682d;
    border-color: #2a682d
}

.obttns>div.bttn-green.obttn8 a,
.obttns>div.bttn-green.obttn8 a:after,
.obttns>div.bttn-green.obttn8:before,
.obttns>div.bttn-green.obttn8 a:before {
    color: #3a913f
}

.obttns>div.bttn-green.obttn8 {
    background: transparent;
    border-color: #3a913f
}

.obttns>div.bttn-green.obttn8:hover a,
.obttns>div.bttn-green.obttn8:hover a:after,
.obttns>div.bttn-green.obttn8:hover:before,
.obttns>div.bttn-green.obttn8:hover a:before,
.obttns>div.bttn-green.obttn8.obttnf a,
.obttns>div.bttn-green.obttn8.obttnf a:after,
.obttns>div.bttn-green.obttn8.obttnf:before,
.obttns>div.bttn-green.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn8:hover,
.obttns>div.bttn-green.obttn8.obttnf {
    background: #3a913f;
    border-color: #3a913f
}

.obttns>div.bttn-green.obttn9 a,
.obttns>div.bttn-green.obttn9 a:after,
.obttns>div.bttn-green.obttn9 button,
.obttns>div.bttn-green.obttn9 button:after,
.obttns>div.bttn-green.obttn9:before,
.obttns>div.bttn-green.obttn9 a:before,
.obttns>div.bttn-green.obttn9 button:before {
    color: #3a913f
}

.obttns>div.bttn-green.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-green.obttn9:hover a,
.obttns>div.bttn-green.obttn9:hover a:after,
.obttns>div.bttn-green.obttn9:hover:before,
.obttns>div.bttn-green.obttn9:hover a:before,
.obttns>div.bttn-green.obttn9:hover button,
.obttns>div.bttn-green.obttn9:hover button:after,
.obttns>div.bttn-green.obttn9:hover button:before,
a:hover .obttns>div.bttn-green.obttn9 button,
a:hover .obttns>div.bttn-green.obttn9 button:after,
a:hover .obttns>div.bttn-green.obttn9 button:before,
.obttns>div.bttn-green.obttn9.obttnf a,
.obttns>div.bttn-green.obttn9.obttnf a:after,
.obttns>div.bttn-green.obttn9.obttnf button,
.obttns>div.bttn-green.obttn9.obttnf button:after,
.obttns>div.bttn-green.obttn9.obttnf:before,
.obttns>div.bttn-green.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-green.obttn9:hover,
.obttns>div.bttn-green.obttn9.obttnf {
    background: #3a913f;
    border-color: #3a913f
}

.obttns>div.bttn-darkburgundy a,
.obttns>div.bttn-darkburgundy a:after,
.obttns>div.bttn-darkburgundy button,
.obttns>div.bttn-darkburgundy button:after,
.obttns>div.bttn-darkburgundy:before,
.obttns>div.bttn-darkburgundy a:before,
.obttns>div.bttn-darkburgundy button:before {
    color: #fff
}

.obttns>div.bttn-darkburgundy {
    background: #592439;
    border-color: #592439
}

.obttns>div.bttn-darkburgundy:hover a,
.obttns>div.bttn-darkburgundy:hover a:after,
.obttns>div.bttn-darkburgundy:hover:before,
.obttns>div.bttn-darkburgundy:hover a:before,
.obttns>div.bttn-darkburgundy:hover button,
.obttns>div.bttn-darkburgundy:hover button:after,
.obttns>div.bttn-darkburgundy:hover button:before,
a:hover .obttns>div.bttn-darkburgundy button,
a:hover .obttns>div.bttn-darkburgundy button:after,
a:hover .obttns>div.bttn-darkburgundy button:before,
.obttns>div.bttn-darkburgundy.obttnf a,
.obttns>div.bttn-darkburgundy.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttnf button,
.obttns>div.bttn-darkburgundy.obttnf button:after,
.obttns>div.bttn-darkburgundy.obttnf:before,
.obttns>div.bttn-darkburgundy.obttnf a:before {
    color: #592439 !important;
    text-decoration: none
}

.obttns>div.bttn-darkburgundy:hover,
a:hover .obttns>div.bttn-darkburgundy,
.obttns>div.bttn-darkburgundy.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-darkburgundy.obttn1 a,
.obttns>div.bttn-darkburgundy.obttn1 a:after,
.obttns>div.bttn-darkburgundy.obttn1 button,
.obttns>div.bttn-darkburgundy.obttn1 button:after,
.obttns>div.bttn-darkburgundy.obttn1 button:before,
.obttns>div.bttn-darkburgundy.obttn1:before,
.obttns>div.bttn-darkburgundy.obttn1 a:before {
    color: #592439
}

.obttns>div.bttn-darkburgundy.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn1:hover a,
.obttns>div.bttn-darkburgundy.obttn1:hover a:after,
.obttns>div.bttn-darkburgundy.obttn1:hover:before,
.obttns>div.bttn-darkburgundy.obttn1:hover a:before,
.obttns>div.bttn-darkburgundy.obttn1:hover button,
.obttns>div.bttn-darkburgundy.obttn1:hover button:after,
.obttns>div.bttn-darkburgundy.obttn1:hover button:before,
a:hover .obttns>div.bttn-darkburgundy.obttn1 button,
a:hover .obttns>div.bttn-darkburgundy.obttn1 button:after,
a:hover .obttns>div.bttn-darkburgundy.obttn1 button:before,
.obttns>div.bttn-darkburgundy.obttn1.obttnf a,
.obttns>div.bttn-darkburgundy.obttn1.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn1.obttnf button,
.obttns>div.bttn-darkburgundy.obttn1.obttnf button:after,
.obttns>div.bttn-darkburgundy.obttn1.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn1:hover,
a:hover .obttns>div.bttn-darkburgundy.obttn1,
.obttns>div.bttn-darkburgundy.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn2 a,
.obttns>div.bttn-darkburgundy.obttn2 a:after,
.obttns>div.bttn-darkburgundy.obttn2 button,
.obttns>div.bttn-darkburgundy.obttn2 button:after,
.obttns>div.bttn-darkburgundy.obttn2 button:before,
.obttns>div.bttn-darkburgundy.obttn2:before,
.obttns>div.bttn-darkburgundy.obttn2 a:before {
    color: #592439
}

.obttns>div.bttn-darkburgundy.obttn2 {
    background: #fff;
    border-color: #592439
}

.obttns>div.bttn-darkburgundy.obttn2:hover a,
.obttns>div.bttn-darkburgundy.obttn2:hover a:after,
.obttns>div.bttn-darkburgundy.obttn2:hover:before,
.obttns>div.bttn-darkburgundy.obttn2:hover a:before,
.obttns>div.bttn-darkburgundy.obttn2:hover button,
.obttns>div.bttn-darkburgundy.obttn2:hover button:after,
.obttns>div.bttn-darkburgundy.obttn2:hover button:before,
a:hover .obttns>div.bttn-darkburgundy.obttn2 button,
a:hover .obttns>div.bttn-darkburgundy.obttn2 button:after,
a:hover .obttns>div.bttn-darkburgundy.obttn2 button:before,
.obttns>div.bttn-darkburgundy.obttn2.obttnf a,
.obttns>div.bttn-darkburgundy.obttn2.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn2.obttnf button,
.obttns>div.bttn-darkburgundy.obttn2.obttnf button:after,
.obttns>div.bttn-darkburgundy.obttn2.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn2:hover,
a:hover .obttns>div.bttn-darkburgundy.obttn2,
.obttns>div.bttn-darkburgundy.obttn2.obttnf {
    background: #592439;
    border-color: #592439
}

.obttns>div.bttn-darkburgundy.obttn3:hover,
.obttns>div.bttn-darkburgundy.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn4:hover,
.obttns>div.bttn-darkburgundy.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-darkburgundy.obttn5 a,
.obttns>div.bttn-darkburgundy.obttn5 a:after,
.obttns>div.bttn-darkburgundy.obttn5:before,
.obttns>div.bttn-darkburgundy.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-darkburgundy.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn5:hover a,
.obttns>div.bttn-darkburgundy.obttn5:hover a:after,
.obttns>div.bttn-darkburgundy.obttn5:hover:before,
.obttns>div.bttn-darkburgundy.obttn5:hover a:before,
.obttns>div.bttn-darkburgundy.obttn5.obttnf a,
.obttns>div.bttn-darkburgundy.obttn5.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn5.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn5.obttnf a:before {
    color: #592439 !important
}

.obttns>div.bttn-darkburgundy.obttn5:hover,
.obttns>div.bttn-darkburgundy.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn6:hover a,
.obttns>div.bttn-darkburgundy.obttn6:hover a:after,
.obttns>div.bttn-darkburgundy.obttn6:hover:before,
.obttns>div.bttn-darkburgundy.obttn6:hover a:before,
.obttns>div.bttn-darkburgundy.obttn6.obttnf a,
.obttns>div.bttn-darkburgundy.obttn6.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn6.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn6:hover,
.obttns>div.bttn-darkburgundy.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn7:hover a,
.obttns>div.bttn-darkburgundy.obttn7:hover a:after,
.obttns>div.bttn-darkburgundy.obttn7:hover:before,
.obttns>div.bttn-darkburgundy.obttn7:hover a:before,
.obttns>div.bttn-darkburgundy.obttn7.obttnf a,
.obttns>div.bttn-darkburgundy.obttn7.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn7.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn7:hover,
.obttns>div.bttn-darkburgundy.obttn7.obttnf {
    background: #401a29;
    border-color: #401a29
}

.obttns>div.bttn-darkburgundy.obttn8 a,
.obttns>div.bttn-darkburgundy.obttn8 a:after,
.obttns>div.bttn-darkburgundy.obttn8:before,
.obttns>div.bttn-darkburgundy.obttn8 a:before {
    color: #592439
}

.obttns>div.bttn-darkburgundy.obttn8 {
    background: transparent;
    border-color: #592439
}

.obttns>div.bttn-darkburgundy.obttn8:hover a,
.obttns>div.bttn-darkburgundy.obttn8:hover a:after,
.obttns>div.bttn-darkburgundy.obttn8:hover:before,
.obttns>div.bttn-darkburgundy.obttn8:hover a:before,
.obttns>div.bttn-darkburgundy.obttn8.obttnf a,
.obttns>div.bttn-darkburgundy.obttn8.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn8.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn8:hover,
.obttns>div.bttn-darkburgundy.obttn8.obttnf {
    background: #592439;
    border-color: #592439
}

.obttns>div.bttn-darkburgundy.obttn9 a,
.obttns>div.bttn-darkburgundy.obttn9 a:after,
.obttns>div.bttn-darkburgundy.obttn9 button,
.obttns>div.bttn-darkburgundy.obttn9 button:after,
.obttns>div.bttn-darkburgundy.obttn9:before,
.obttns>div.bttn-darkburgundy.obttn9 a:before,
.obttns>div.bttn-darkburgundy.obttn9 button:before {
    color: #592439
}

.obttns>div.bttn-darkburgundy.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-darkburgundy.obttn9:hover a,
.obttns>div.bttn-darkburgundy.obttn9:hover a:after,
.obttns>div.bttn-darkburgundy.obttn9:hover:before,
.obttns>div.bttn-darkburgundy.obttn9:hover a:before,
.obttns>div.bttn-darkburgundy.obttn9:hover button,
.obttns>div.bttn-darkburgundy.obttn9:hover button:after,
.obttns>div.bttn-darkburgundy.obttn9:hover button:before,
a:hover .obttns>div.bttn-darkburgundy.obttn9 button,
a:hover .obttns>div.bttn-darkburgundy.obttn9 button:after,
a:hover .obttns>div.bttn-darkburgundy.obttn9 button:before,
.obttns>div.bttn-darkburgundy.obttn9.obttnf a,
.obttns>div.bttn-darkburgundy.obttn9.obttnf a:after,
.obttns>div.bttn-darkburgundy.obttn9.obttnf button,
.obttns>div.bttn-darkburgundy.obttn9.obttnf button:after,
.obttns>div.bttn-darkburgundy.obttn9.obttnf:before,
.obttns>div.bttn-darkburgundy.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-darkburgundy.obttn9:hover,
.obttns>div.bttn-darkburgundy.obttn9.obttnf {
    background: #592439;
    border-color: #592439
}

.obttns>div.bttn-burgundy a,
.obttns>div.bttn-burgundy a:after,
.obttns>div.bttn-burgundy button,
.obttns>div.bttn-burgundy button:after,
.obttns>div.bttn-burgundy:before,
.obttns>div.bttn-burgundy a:before,
.obttns>div.bttn-burgundy button:before {
    color: #fff
}

.obttns>div.bttn-burgundy {
    background: #942645;
    border-color: #942645
}

.obttns>div.bttn-burgundy:hover a,
.obttns>div.bttn-burgundy:hover a:after,
.obttns>div.bttn-burgundy:hover:before,
.obttns>div.bttn-burgundy:hover a:before,
.obttns>div.bttn-burgundy:hover button,
.obttns>div.bttn-burgundy:hover button:after,
.obttns>div.bttn-burgundy:hover button:before,
a:hover .obttns>div.bttn-burgundy button,
a:hover .obttns>div.bttn-burgundy button:after,
a:hover .obttns>div.bttn-burgundy button:before,
.obttns>div.bttn-burgundy.obttnf a,
.obttns>div.bttn-burgundy.obttnf a:after,
.obttns>div.bttn-burgundy.obttnf button,
.obttns>div.bttn-burgundy.obttnf button:after,
.obttns>div.bttn-burgundy.obttnf:before,
.obttns>div.bttn-burgundy.obttnf a:before {
    color: #942645 !important;
    text-decoration: none
}

.obttns>div.bttn-burgundy:hover,
a:hover .obttns>div.bttn-burgundy,
.obttns>div.bttn-burgundy.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-burgundy.obttn1 a,
.obttns>div.bttn-burgundy.obttn1 a:after,
.obttns>div.bttn-burgundy.obttn1 button,
.obttns>div.bttn-burgundy.obttn1 button:after,
.obttns>div.bttn-burgundy.obttn1 button:before,
.obttns>div.bttn-burgundy.obttn1:before,
.obttns>div.bttn-burgundy.obttn1 a:before {
    color: #942645
}

.obttns>div.bttn-burgundy.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn1:hover a,
.obttns>div.bttn-burgundy.obttn1:hover a:after,
.obttns>div.bttn-burgundy.obttn1:hover:before,
.obttns>div.bttn-burgundy.obttn1:hover a:before,
.obttns>div.bttn-burgundy.obttn1:hover button,
.obttns>div.bttn-burgundy.obttn1:hover button:after,
.obttns>div.bttn-burgundy.obttn1:hover button:before,
a:hover .obttns>div.bttn-burgundy.obttn1 button,
a:hover .obttns>div.bttn-burgundy.obttn1 button:after,
a:hover .obttns>div.bttn-burgundy.obttn1 button:before,
.obttns>div.bttn-burgundy.obttn1.obttnf a,
.obttns>div.bttn-burgundy.obttn1.obttnf a:after,
.obttns>div.bttn-burgundy.obttn1.obttnf button,
.obttns>div.bttn-burgundy.obttn1.obttnf button:after,
.obttns>div.bttn-burgundy.obttn1.obttnf:before,
.obttns>div.bttn-burgundy.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn1:hover,
a:hover .obttns>div.bttn-burgundy.obttn1,
.obttns>div.bttn-burgundy.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn2 a,
.obttns>div.bttn-burgundy.obttn2 a:after,
.obttns>div.bttn-burgundy.obttn2 button,
.obttns>div.bttn-burgundy.obttn2 button:after,
.obttns>div.bttn-burgundy.obttn2 button:before,
.obttns>div.bttn-burgundy.obttn2:before,
.obttns>div.bttn-burgundy.obttn2 a:before {
    color: #942645
}

.obttns>div.bttn-burgundy.obttn2 {
    background: #fff;
    border-color: #942645
}

.obttns>div.bttn-burgundy.obttn2:hover a,
.obttns>div.bttn-burgundy.obttn2:hover a:after,
.obttns>div.bttn-burgundy.obttn2:hover:before,
.obttns>div.bttn-burgundy.obttn2:hover a:before,
.obttns>div.bttn-burgundy.obttn2:hover button,
.obttns>div.bttn-burgundy.obttn2:hover button:after,
.obttns>div.bttn-burgundy.obttn2:hover button:before,
a:hover .obttns>div.bttn-burgundy.obttn2 button,
a:hover .obttns>div.bttn-burgundy.obttn2 button:after,
a:hover .obttns>div.bttn-burgundy.obttn2 button:before,
.obttns>div.bttn-burgundy.obttn2.obttnf a,
.obttns>div.bttn-burgundy.obttn2.obttnf a:after,
.obttns>div.bttn-burgundy.obttn2.obttnf button,
.obttns>div.bttn-burgundy.obttn2.obttnf button:after,
.obttns>div.bttn-burgundy.obttn2.obttnf:before,
.obttns>div.bttn-burgundy.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn2:hover,
a:hover .obttns>div.bttn-burgundy.obttn2,
.obttns>div.bttn-burgundy.obttn2.obttnf {
    background: #942645;
    border-color: #942645
}

.obttns>div.bttn-burgundy.obttn3:hover,
.obttns>div.bttn-burgundy.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn4:hover,
.obttns>div.bttn-burgundy.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-burgundy.obttn5 a,
.obttns>div.bttn-burgundy.obttn5 a:after,
.obttns>div.bttn-burgundy.obttn5:before,
.obttns>div.bttn-burgundy.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-burgundy.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn5:hover a,
.obttns>div.bttn-burgundy.obttn5:hover a:after,
.obttns>div.bttn-burgundy.obttn5:hover:before,
.obttns>div.bttn-burgundy.obttn5:hover a:before,
.obttns>div.bttn-burgundy.obttn5.obttnf a,
.obttns>div.bttn-burgundy.obttn5.obttnf a:after,
.obttns>div.bttn-burgundy.obttn5.obttnf:before,
.obttns>div.bttn-burgundy.obttn5.obttnf a:before {
    color: #942645 !important
}

.obttns>div.bttn-burgundy.obttn5:hover,
.obttns>div.bttn-burgundy.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn6:hover a,
.obttns>div.bttn-burgundy.obttn6:hover a:after,
.obttns>div.bttn-burgundy.obttn6:hover:before,
.obttns>div.bttn-burgundy.obttn6:hover a:before,
.obttns>div.bttn-burgundy.obttn6.obttnf a,
.obttns>div.bttn-burgundy.obttn6.obttnf a:after,
.obttns>div.bttn-burgundy.obttn6.obttnf:before,
.obttns>div.bttn-burgundy.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn6:hover,
.obttns>div.bttn-burgundy.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn7:hover a,
.obttns>div.bttn-burgundy.obttn7:hover a:after,
.obttns>div.bttn-burgundy.obttn7:hover:before,
.obttns>div.bttn-burgundy.obttn7:hover a:before,
.obttns>div.bttn-burgundy.obttn7.obttnf a,
.obttns>div.bttn-burgundy.obttn7.obttnf a:after,
.obttns>div.bttn-burgundy.obttn7.obttnf:before,
.obttns>div.bttn-burgundy.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn7:hover,
.obttns>div.bttn-burgundy.obttn7.obttnf {
    background: #6b1b32;
    border-color: #6b1b32
}

.obttns>div.bttn-burgundy.obttn8 a,
.obttns>div.bttn-burgundy.obttn8 a:after,
.obttns>div.bttn-burgundy.obttn8:before,
.obttns>div.bttn-burgundy.obttn8 a:before {
    color: #942645
}

.obttns>div.bttn-burgundy.obttn8 {
    background: transparent;
    border-color: #942645
}

.obttns>div.bttn-burgundy.obttn8:hover a,
.obttns>div.bttn-burgundy.obttn8:hover a:after,
.obttns>div.bttn-burgundy.obttn8:hover:before,
.obttns>div.bttn-burgundy.obttn8:hover a:before,
.obttns>div.bttn-burgundy.obttn8.obttnf a,
.obttns>div.bttn-burgundy.obttn8.obttnf a:after,
.obttns>div.bttn-burgundy.obttn8.obttnf:before,
.obttns>div.bttn-burgundy.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn8:hover,
.obttns>div.bttn-burgundy.obttn8.obttnf {
    background: #942645;
    border-color: #942645
}

.obttns>div.bttn-burgundy.obttn9 a,
.obttns>div.bttn-burgundy.obttn9 a:after,
.obttns>div.bttn-burgundy.obttn9 button,
.obttns>div.bttn-burgundy.obttn9 button:after,
.obttns>div.bttn-burgundy.obttn9:before,
.obttns>div.bttn-burgundy.obttn9 a:before,
.obttns>div.bttn-burgundy.obttn9 button:before {
    color: #942645
}

.obttns>div.bttn-burgundy.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-burgundy.obttn9:hover a,
.obttns>div.bttn-burgundy.obttn9:hover a:after,
.obttns>div.bttn-burgundy.obttn9:hover:before,
.obttns>div.bttn-burgundy.obttn9:hover a:before,
.obttns>div.bttn-burgundy.obttn9:hover button,
.obttns>div.bttn-burgundy.obttn9:hover button:after,
.obttns>div.bttn-burgundy.obttn9:hover button:before,
a:hover .obttns>div.bttn-burgundy.obttn9 button,
a:hover .obttns>div.bttn-burgundy.obttn9 button:after,
a:hover .obttns>div.bttn-burgundy.obttn9 button:before,
.obttns>div.bttn-burgundy.obttn9.obttnf a,
.obttns>div.bttn-burgundy.obttn9.obttnf a:after,
.obttns>div.bttn-burgundy.obttn9.obttnf button,
.obttns>div.bttn-burgundy.obttn9.obttnf button:after,
.obttns>div.bttn-burgundy.obttn9.obttnf:before,
.obttns>div.bttn-burgundy.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-burgundy.obttn9:hover,
.obttns>div.bttn-burgundy.obttn9.obttnf {
    background: #942645;
    border-color: #942645
}

.obttns>div.bttn-red a,
.obttns>div.bttn-red a:after,
.obttns>div.bttn-red button,
.obttns>div.bttn-red button:after,
.obttns>div.bttn-red:before,
.obttns>div.bttn-red a:before,
.obttns>div.bttn-red button:before {
    color: #fff
}

.obttns>div.bttn-red {
    background: #f80000;
    border-color: #f80000
}

.obttns>div.bttn-red:hover a,
.obttns>div.bttn-red:hover a:after,
.obttns>div.bttn-red:hover:before,
.obttns>div.bttn-red:hover a:before,
.obttns>div.bttn-red:hover button,
.obttns>div.bttn-red:hover button:after,
.obttns>div.bttn-red:hover button:before,
a:hover .obttns>div.bttn-red button,
a:hover .obttns>div.bttn-red button:after,
a:hover .obttns>div.bttn-red button:before,
.obttns>div.bttn-red.obttnf a,
.obttns>div.bttn-red.obttnf a:after,
.obttns>div.bttn-red.obttnf button,
.obttns>div.bttn-red.obttnf button:after,
.obttns>div.bttn-red.obttnf:before,
.obttns>div.bttn-red.obttnf a:before {
    color: #f80000 !important;
    text-decoration: none
}

.obttns>div.bttn-red:hover,
a:hover .obttns>div.bttn-red,
.obttns>div.bttn-red.obttnf {
    background: rgba(255, 255, 255, 0)
}

.obttns>div.bttn-red.obttn1 a,
.obttns>div.bttn-red.obttn1 a:after,
.obttns>div.bttn-red.obttn1 button,
.obttns>div.bttn-red.obttn1 button:after,
.obttns>div.bttn-red.obttn1 button:before,
.obttns>div.bttn-red.obttn1:before,
.obttns>div.bttn-red.obttn1 a:before {
    color: #f80000
}

.obttns>div.bttn-red.obttn1 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-red.obttn1:hover a,
.obttns>div.bttn-red.obttn1:hover a:after,
.obttns>div.bttn-red.obttn1:hover:before,
.obttns>div.bttn-red.obttn1:hover a:before,
.obttns>div.bttn-red.obttn1:hover button,
.obttns>div.bttn-red.obttn1:hover button:after,
.obttns>div.bttn-red.obttn1:hover button:before,
a:hover .obttns>div.bttn-red.obttn1 button,
a:hover .obttns>div.bttn-red.obttn1 button:after,
a:hover .obttns>div.bttn-red.obttn1 button:before,
.obttns>div.bttn-red.obttn1.obttnf a,
.obttns>div.bttn-red.obttn1.obttnf a:after,
.obttns>div.bttn-red.obttn1.obttnf button,
.obttns>div.bttn-red.obttn1.obttnf button:after,
.obttns>div.bttn-red.obttn1.obttnf:before,
.obttns>div.bttn-red.obttn1.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn1:hover,
a:hover .obttns>div.bttn-red.obttn1,
.obttns>div.bttn-red.obttn1.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-red.obttn2 a,
.obttns>div.bttn-red.obttn2 a:after,
.obttns>div.bttn-red.obttn2 button,
.obttns>div.bttn-red.obttn2 button:after,
.obttns>div.bttn-red.obttn2 button:before,
.obttns>div.bttn-red.obttn2:before,
.obttns>div.bttn-red.obttn2 a:before {
    color: #f80000
}

.obttns>div.bttn-red.obttn2 {
    background: #fff;
    border-color: #f80000
}

.obttns>div.bttn-red.obttn2:hover a,
.obttns>div.bttn-red.obttn2:hover a:after,
.obttns>div.bttn-red.obttn2:hover:before,
.obttns>div.bttn-red.obttn2:hover a:before,
.obttns>div.bttn-red.obttn2:hover button,
.obttns>div.bttn-red.obttn2:hover button:after,
.obttns>div.bttn-red.obttn2:hover button:before,
a:hover .obttns>div.bttn-red.obttn2 button,
a:hover .obttns>div.bttn-red.obttn2 button:after,
a:hover .obttns>div.bttn-red.obttn2 button:before,
.obttns>div.bttn-red.obttn2.obttnf a,
.obttns>div.bttn-red.obttn2.obttnf a:after,
.obttns>div.bttn-red.obttn2.obttnf button,
.obttns>div.bttn-red.obttn2.obttnf button:after,
.obttns>div.bttn-red.obttn2.obttnf:before,
.obttns>div.bttn-red.obttn2.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn2:hover,
a:hover .obttns>div.bttn-red.obttn2,
.obttns>div.bttn-red.obttn2.obttnf {
    background: #f80000;
    border-color: #f80000
}

.obttns>div.bttn-red.obttn3:hover,
.obttns>div.bttn-red.obttn3.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-red.obttn4:hover,
.obttns>div.bttn-red.obttn4.obttnf {
    background: #fff
}

.obttns>div.bttn-red.obttn5 a,
.obttns>div.bttn-red.obttn5 a:after,
.obttns>div.bttn-red.obttn5:before,
.obttns>div.bttn-red.obttn5 a:before {
    color: #fff
}

.obttns>div.bttn-red.obttn5 {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-red.obttn5:hover a,
.obttns>div.bttn-red.obttn5:hover a:after,
.obttns>div.bttn-red.obttn5:hover:before,
.obttns>div.bttn-red.obttn5:hover a:before,
.obttns>div.bttn-red.obttn5.obttnf a,
.obttns>div.bttn-red.obttn5.obttnf a:after,
.obttns>div.bttn-red.obttn5.obttnf:before,
.obttns>div.bttn-red.obttn5.obttnf a:before {
    color: #f80000 !important
}

.obttns>div.bttn-red.obttn5:hover,
.obttns>div.bttn-red.obttn5.obttnf {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-red.obttn6:hover a,
.obttns>div.bttn-red.obttn6:hover a:after,
.obttns>div.bttn-red.obttn6:hover:before,
.obttns>div.bttn-red.obttn6:hover a:before,
.obttns>div.bttn-red.obttn6.obttnf a,
.obttns>div.bttn-red.obttn6.obttnf a:after,
.obttns>div.bttn-red.obttn6.obttnf:before,
.obttns>div.bttn-red.obttn6.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn6:hover,
.obttns>div.bttn-red.obttn6.obttnf {
    background: rgba(255, 255, 255, 0);
    border-color: #fff
}

.obttns>div.bttn-red.obttn7:hover a,
.obttns>div.bttn-red.obttn7:hover a:after,
.obttns>div.bttn-red.obttn7:hover:before,
.obttns>div.bttn-red.obttn7:hover a:before,
.obttns>div.bttn-red.obttn7.obttnf a,
.obttns>div.bttn-red.obttn7.obttnf a:after,
.obttns>div.bttn-red.obttn7.obttnf:before,
.obttns>div.bttn-red.obttn7.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn7:hover,
.obttns>div.bttn-red.obttn7.obttnf {
    background: #b30000;
    border-color: #b30000
}

.obttns>div.bttn-red.obttn8 a,
.obttns>div.bttn-red.obttn8 a:after,
.obttns>div.bttn-red.obttn8:before,
.obttns>div.bttn-red.obttn8 a:before {
    color: #f80000
}

.obttns>div.bttn-red.obttn8 {
    background: transparent;
    border-color: #f80000
}

.obttns>div.bttn-red.obttn8:hover a,
.obttns>div.bttn-red.obttn8:hover a:after,
.obttns>div.bttn-red.obttn8:hover:before,
.obttns>div.bttn-red.obttn8:hover a:before,
.obttns>div.bttn-red.obttn8.obttnf a,
.obttns>div.bttn-red.obttn8.obttnf a:after,
.obttns>div.bttn-red.obttn8.obttnf:before,
.obttns>div.bttn-red.obttn8.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn8:hover,
.obttns>div.bttn-red.obttn8.obttnf {
    background: #f80000;
    border-color: #f80000
}

.obttns>div.bttn-red.obttn9 a,
.obttns>div.bttn-red.obttn9 a:after,
.obttns>div.bttn-red.obttn9 button,
.obttns>div.bttn-red.obttn9 button:after,
.obttns>div.bttn-red.obttn9:before,
.obttns>div.bttn-red.obttn9 a:before,
.obttns>div.bttn-red.obttn9 button:before {
    color: #f80000
}

.obttns>div.bttn-red.obttn9 {
    background: #fff;
    border-color: #fff
}

.obttns>div.bttn-red.obttn9:hover a,
.obttns>div.bttn-red.obttn9:hover a:after,
.obttns>div.bttn-red.obttn9:hover:before,
.obttns>div.bttn-red.obttn9:hover a:before,
.obttns>div.bttn-red.obttn9:hover button,
.obttns>div.bttn-red.obttn9:hover button:after,
.obttns>div.bttn-red.obttn9:hover button:before,
a:hover .obttns>div.bttn-red.obttn9 button,
a:hover .obttns>div.bttn-red.obttn9 button:after,
a:hover .obttns>div.bttn-red.obttn9 button:before,
.obttns>div.bttn-red.obttn9.obttnf a,
.obttns>div.bttn-red.obttn9.obttnf a:after,
.obttns>div.bttn-red.obttn9.obttnf button,
.obttns>div.bttn-red.obttn9.obttnf button:after,
.obttns>div.bttn-red.obttn9.obttnf:before,
.obttns>div.bttn-red.obttn9.obttnf a:before {
    color: #fff !important
}

.obttns>div.bttn-red.obttn9:hover,
.obttns>div.bttn-red.obttn9.obttnf {
    background: #f80000;
    border-color: #f80000
}

.u03v5.u03bttns .obttns>div a,
.u03v5.u03bttns .obttns>div a:after,
.u03v5.u03bttns .obttns>div button,
.u03v5.u03bttns .obttns>div button:after,
.u03v5.u03bttns .obttns>div button:before,
.u03v5.u03bttns .obttns>div:before,
.u03v5.u03bttns .obttns>div a:before {
    color: #fff !important;
    font-weight: normal !important
}

.u03v5.u03bttns .obttns>div {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0) !important;
    border-width: 1px !important
}

.u03v5.u03bttns .obttns>div a {
    background: rgba(0, 0, 0, 0.55) !important;
    transition: background .2s;
    -moz-transition: background .2s;
    -webkit-transition: background .2s
}

.u03v5.u03bttns .obttns>div:hover a,
.u03v5.u03bttns .obttns>div:hover a:after,
.u03v5.u03bttns .obttns>div:hover:before,
.u03v5.u03bttns .obttns>div:hover a:before,
.u03v5.u03bttns .obttns>div:hover button,
.u03v5.u03bttns .obttns>div:hover button:after,
.u03v5.u03bttns .obttns>div:hover button:before,
.u03v5.u03bttns a:hover .obttns>div button,
.u03v5.u03bttns a:hover .obttns>div button:after,
.u03v5.u03bttns a:hover .obttns>div button:before,
.u03v5.u03bttns .obttns>div.obttnf a,
.u03v5.u03bttns .obttns>div.obttnf a:after,
.u03v5.u03bttns .obttns>div.obttnf button,
.u03v5.u03bttns .obttns>div.obttnf button:after,
.u03v5.u03bttns .obttns>div.obttnf:before,
.u03v5.u03bttns .obttns>div.obttnf a:before {
    color: #00758f !important
}

.u03v5.u03bttns .obttns>div:hover,
.u03v5.u03bttns a:hover .obttns>div,
.u03v5.u03bttns .obttns>div.obttnf {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0) !important
}

.u03v5.u03bttns .obttns>div:hover a,
.u03v5.u03bttns a:hover .obttns>div button,
.u03v5.u03bttns .obttns>div.obttnf a {
    background: rgba(255, 255, 255, 0.86) !important
}

.cc04light .u03 .obttns.u03bttnborder>div,
.pghero:not(.herolight)+.u03 .obttns.u03bttnborder>div {
    border-color: rgba(255, 255, 255, 0.6) !important
}

.cc04dark .cc04.pghero:not(.herolight)+.u03 .obttns.u03bttnborder>div {
    border-color: rgba(255, 255, 255, 0) !important
}

.cc04light .u03 .obttns.u03bttnborder>div:hover,
.cc04light .u03 a:hover .obttns.u03bttnborder>div,
.cc04light .u03 .obttns.u03bttnborder>div.obttnf {
    border-color: rgba(255, 255, 255, 0.86) !important
}

.pghero:not(.herolight)+.u03 .obttns.u03bttnborder>div:hover,
.pghero:not(.herolight)+.u03 a:hover .obttns.u03bttnborder>div,
.pghero:not(.herolight)+.u03 .obttns.u03bttnborder>div.obttnf {
    border-color: rgba(255, 255, 255, 0.86) !important
}


/*! GENERIC - BRAND COLORS */

.bgred,
.afterbg-red:after,
.beforebg-red:before,
.setred .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgred:after {
    background-color: #f80000 !important
}

.txtred,
.afterred:after,
.beforered:before,
.setred .bctxt,
.setred .bcolorbefore:before {
    color: #f80000 !important
}

.fillred {
    fill: #f80000
}

.fill-red.fill-red[class*="icn-"] {
    fill: transparent
}

.fill-red.fill-red[class*="icn-"]:before {
    color: #f80000
}

.setred .bcbordercolor,
.border-red {
    border-color: #f80000 !important
}

.bgwhite,
.afterbg-white:after,
.beforebg-white:before,
.setwhite .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgwhite:after {
    background-color: #fff !important
}

.txtwhite,
.afterwhite:after,
.beforewhite:before,
.setwhite .bctxt,
.setwhite .bcolorbefore:before {
    color: #fff !important
}

.fillwhite {
    fill: #fff
}

.fill-white.fill-white[class*="icn-"] {
    fill: transparent
}

.fill-white.fill-white[class*="icn-"]:before {
    color: #fff
}

.setwhite .bcbordercolor,
.border-white {
    border-color: #fff !important
}

.bgblack,
.afterbg-black:after,
.beforebg-black:before,
.setblack .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgblack:after {
    background-color: #000 !important
}

.txtblack,
.afterblack:after,
.beforeblack:before,
.setblack .bctxt,
.setblack .bcolorbefore:before {
    color: #000 !important
}

.fillblack {
    fill: #000
}

.fill-black.fill-black[class*="icn-"] {
    fill: transparent
}

.fill-black.fill-black[class*="icn-"]:before {
    color: #000
}

.setblack .bcbordercolor,
.border-black {
    border-color: #000 !important
}

.bgslate,
.afterbg-slate:after,
.beforebg-slate:before,
.setslate .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgslate:after {
    background-color: #8aadbf !important
}

.txtslate,
.afterslate:after,
.beforeslate:before,
.setslate .bctxt,
.setslate .bcolorbefore:before {
    color: #8aadbf !important
}

.fillslate {
    fill: #8aadbf
}

.fill-slate.fill-slate[class*="icn-"] {
    fill: transparent
}

.fill-slate.fill-slate[class*="icn-"]:before {
    color: #8aadbf
}

.setslate .bcbordercolor,
.border-slate {
    border-color: #8aadbf !important
}

.bglightslate,
.afterbg-lightslate:after,
.beforebg-lightslate:before,
.setlightslate .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightslate:after {
    background-color: #cad9de !important
}

.txtlightslate,
.afterlightslate:after,
.beforelightslate:before,
.setlightslate .bctxt,
.setlightslate .bcolorbefore:before {
    color: #cad9de !important
}

.filllightslate {
    fill: #cad9de
}

.fill-lightslate.fill-lightslate[class*="icn-"] {
    fill: transparent
}

.fill-lightslate.fill-lightslate[class*="icn-"]:before {
    color: #cad9de
}

.setlightslate .bcbordercolor,
.border-lightslate {
    border-color: #cad9de !important
}

.bgdarkslate,
.afterbg-darkslate:after,
.beforebg-darkslate:before,
.setdarkslate .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkslate:after {
    background-color: #324b5c !important
}

.txtdarkslate,
.afterdarkslate:after,
.beforedarkslate:before,
.setdarkslate .bctxt,
.setdarkslate .bcolorbefore:before {
    color: #324b5c !important
}

.filldarkslate {
    fill: #324b5c
}

.fill-darkslate.fill-darkslate[class*="icn-"] {
    fill: transparent
}

.fill-darkslate.fill-darkslate[class*="icn-"]:before {
    color: #324b5c
}

.setdarkslate .bcbordercolor,
.border-darkslate {
    border-color: #324b5c !important
}

.bgvlightslate,
.afterbg-vlightslate:after,
.beforebg-vlightslate:before,
.setvlightslate .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgvlightslate:after {
    background-color: #dce6ea !important
}

.txtvlightslate,
.aftervlightslate:after,
.beforevlightslate:before,
.setvlightslate .bctxt,
.setvlightslate .bcolorbefore:before {
    color: #dce6ea !important
}

.fillvlightslate {
    fill: #dce6ea
}

.fill-vlightslate.fill-vlightslate[class*="icn-"] {
    fill: transparent
}

.fill-vlightslate.fill-vlightslate[class*="icn-"]:before {
    color: #dce6ea
}

.setvlightslate .bcbordercolor,
.border-vlightslate {
    border-color: #dce6ea !important
}

.bggrey,
.afterbg-grey:after,
.beforebg-grey:before,
.setgrey .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bggrey:after {
    background-color: #939699 !important
}

.txtgrey,
.aftergrey:after,
.beforegrey:before,
.setgrey .bctxt,
.setgrey .bcolorbefore:before {
    color: #939699 !important
}

.fillgrey {
    fill: #939699
}

.fill-grey.fill-grey[class*="icn-"] {
    fill: transparent
}

.fill-grey.fill-grey[class*="icn-"]:before {
    color: #939699
}

.setgrey .bcbordercolor,
.border-grey {
    border-color: #939699 !important
}

.bglightgrey,
.afterbg-lightgrey:after,
.beforebg-lightgrey:before,
.setlightgrey .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightgrey:after {
    background-color: #dee0e0 !important
}

.txtlightgrey,
.afterlightgrey:after,
.beforelightgrey:before,
.setlightgrey .bctxt,
.setlightgrey .bcolorbefore:before {
    color: #dee0e0 !important
}

.filllightgrey {
    fill: #dee0e0
}

.fill-lightgrey.fill-lightgrey[class*="icn-"] {
    fill: transparent
}

.fill-lightgrey.fill-lightgrey[class*="icn-"]:before {
    color: #dee0e0
}

.setlightgrey .bcbordercolor,
.border-lightgrey {
    border-color: #dee0e0 !important
}

.bgdarkgrey,
.afterbg-darkgrey:after,
.beforebg-darkgrey:before,
.setdarkgrey .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkgrey:after {
    background-color: #4e5052 !important
}

.txtdarkgrey,
.afterdarkgrey:after,
.beforedarkgrey:before,
.setdarkgrey .bctxt,
.setdarkgrey .bcolorbefore:before {
    color: #4e5052 !important
}

.filldarkgrey {
    fill: #4e5052
}

.fill-darkgrey.fill-darkgrey[class*="icn-"] {
    fill: transparent
}

.fill-darkgrey.fill-darkgrey[class*="icn-"]:before {
    color: #4e5052
}

.setdarkgrey .bcbordercolor,
.border-darkgrey {
    border-color: #4e5052 !important
}

.bgvlightgrey,
.afterbg-vlightgrey:after,
.beforebg-vlightgrey:before,
.setvlightgrey .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgvlightgrey:after {
    background-color: #f2f4f5 !important
}

.txtvlightgrey,
.aftervlightgrey:after,
.beforevlightgrey:before,
.setvlightgrey .bctxt,
.setvlightgrey .bcolorbefore:before {
    color: #f2f4f5 !important
}

.fillvlightgrey {
    fill: #f2f4f5
}

.fill-vlightgrey.fill-vlightgrey[class*="icn-"] {
    fill: transparent
}

.fill-vlightgrey.fill-vlightgrey[class*="icn-"]:before {
    color: #f2f4f5
}

.setvlightgrey .bcbordercolor,
.border-vlightgrey {
    border-color: #f2f4f5 !important
}

.bgorange,
.afterbg-orange:after,
.beforebg-orange:before,
.setorange .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgorange:after {
    background-color: #f29111 !important
}

.txtorange,
.afterorange:after,
.beforeorange:before,
.setorange .bctxt,
.setorange .bcolorbefore:before {
    color: #f29111 !important
}

.fillorange {
    fill: #f29111
}

.fill-orange.fill-orange[class*="icn-"] {
    fill: transparent
}

.fill-orange.fill-orange[class*="icn-"]:before {
    color: #f29111
}

.setorange .bcbordercolor,
.border-orange {
    border-color: #f29111 !important
}

.bglightorange,
.afterbg-lightorange:after,
.beforebg-lightorange:before,
.setlightorange .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightorange:after {
    background-color: #ffd39e !important
}

.txtlightorange,
.afterlightorange:after,
.beforelightorange:before,
.setlightorange .bctxt,
.setlightorange .bcolorbefore:before {
    color: #ffd39e !important
}

.filllightorange {
    fill: #ffd39e
}

.fill-lightorange.fill-lightorange[class*="icn-"] {
    fill: transparent
}

.fill-lightorange.fill-lightorange[class*="icn-"]:before {
    color: #ffd39e
}

.setlightorange .bcbordercolor,
.border-lightorange {
    border-color: #ffd39e !important
}

.bgdarkorange,
.afterbg-darkorange:after,
.beforebg-darkorange:before,
.setdarkorange .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkorange:after {
    background-color: #8a331d !important
}

.txtdarkorange,
.afterdarkorange:after,
.beforedarkorange:before,
.setdarkorange .bctxt,
.setdarkorange .bcolorbefore:before {
    color: #8a331d !important
}

.filldarkorange {
    fill: #8a331d
}

.fill-darkorange.fill-darkorange[class*="icn-"] {
    fill: transparent
}

.fill-darkorange.fill-darkorange[class*="icn-"]:before {
    color: #8a331d
}

.setdarkorange .bcbordercolor,
.border-darkorange {
    border-color: #8a331d !important
}

.bgblue,
.afterbg-blue:after,
.beforebg-blue:before,
.setblue .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgblue:after {
    background-color: #00758f !important
}

.txtblue,
.afterblue:after,
.beforeblue:before,
.setblue .bctxt,
.setblue .bcolorbefore:before {
    color: #00758f !important
}

.fillblue {
    fill: #00758f
}

.fill-blue.fill-blue[class*="icn-"] {
    fill: transparent
}

.fill-blue.fill-blue[class*="icn-"]:before {
    color: #00758f
}

.setblue .bcbordercolor,
.border-blue {
    border-color: #00758f !important
}

.bglightblue,
.afterbg-lightblue:after,
.beforebg-lightblue:before,
.setlightblue .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightblue:after {
    background-color: #bde6ee !important
}

.txtlightblue,
.afterlightblue:after,
.beforelightblue:before,
.setlightblue .bctxt,
.setlightblue .bcolorbefore:before {
    color: #bde6ee !important
}

.filllightblue {
    fill: #bde6ee
}

.fill-lightblue.fill-lightblue[class*="icn-"] {
    fill: transparent
}

.fill-lightblue.fill-lightblue[class*="icn-"]:before {
    color: #bde6ee
}

.setlightblue .bcbordercolor,
.border-lightblue {
    border-color: #bde6ee !important
}

.bgdarkblue,
.afterbg-darkblue:after,
.beforebg-darkblue:before,
.setdarkblue .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkblue:after {
    background-color: #003b4d !important
}

.txtdarkblue,
.afterdarkblue:after,
.beforedarkblue:before,
.setdarkblue .bctxt,
.setdarkblue .bcolorbefore:before {
    color: #003b4d !important
}

.filldarkblue {
    fill: #003b4d
}

.fill-darkblue.fill-darkblue[class*="icn-"] {
    fill: transparent
}

.fill-darkblue.fill-darkblue[class*="icn-"]:before {
    color: #003b4d
}

.setdarkblue .bcbordercolor,
.border-darkblue {
    border-color: #003b4d !important
}

.bgvdarkblue,
.afterbg-vdarkblue:after,
.beforebg-vdarkblue:before,
.setvdarkblue .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgvdarkblue:after {
    background-color: #002e3d !important
}

.txtvdarkblue,
.aftervdarkblue:after,
.beforevdarkblue:before,
.setvdarkblue .bctxt,
.setvdarkblue .bcolorbefore:before {
    color: #002e3d !important
}

.fillvdarkblue {
    fill: #002e3d
}

.fill-vdarkblue.fill-vdarkblue[class*="icn-"] {
    fill: transparent
}

.fill-vdarkblue.fill-vdarkblue[class*="icn-"]:before {
    color: #002e3d
}

.setvdarkblue .bcbordercolor,
.border-vdarkblue {
    border-color: #002e3d !important
}

.bggreen,
.afterbg-green:after,
.beforebg-green:before,
.setgreen .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bggreen:after {
    background-color: #3a913f !important
}

.txtgreen,
.aftergreen:after,
.beforegreen:before,
.setgreen .bctxt,
.setgreen .bcolorbefore:before {
    color: #3a913f !important
}

.fillgreen {
    fill: #3a913f
}

.fill-green.fill-green[class*="icn-"] {
    fill: transparent
}

.fill-green.fill-green[class*="icn-"]:before {
    color: #3a913f
}

.setgreen .bcbordercolor,
.border-green {
    border-color: #3a913f !important
}

.bglightgreen,
.afterbg-lightgreen:after,
.beforebg-lightgreen:before,
.setlightgreen .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightgreen:after {
    background-color: #d2e8c5 !important
}

.txtlightgreen,
.afterlightgreen:after,
.beforelightgreen:before,
.setlightgreen .bctxt,
.setlightgreen .bcolorbefore:before {
    color: #d2e8c5 !important
}

.filllightgreen {
    fill: #d2e8c5
}

.fill-lightgreen.fill-lightgreen[class*="icn-"] {
    fill: transparent
}

.fill-lightgreen.fill-lightgreen[class*="icn-"]:before {
    color: #d2e8c5
}

.setlightgreen .bcbordercolor,
.border-lightgreen {
    border-color: #d2e8c5 !important
}

.bgdarkgreen,
.afterbg-darkgreen:after,
.beforebg-darkgreen:before,
.setdarkgreen .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkgreen:after {
    background-color: #004f35 !important
}

.txtdarkgreen,
.afterdarkgreen:after,
.beforedarkgreen:before,
.setdarkgreen .bctxt,
.setdarkgreen .bcolorbefore:before {
    color: #004f35 !important
}

.filldarkgreen {
    fill: #004f35
}

.fill-darkgreen.fill-darkgreen[class*="icn-"] {
    fill: transparent
}

.fill-darkgreen.fill-darkgreen[class*="icn-"]:before {
    color: #004f35
}

.setdarkgreen .bcbordercolor,
.border-darkgreen {
    border-color: #004f35 !important
}

.bgburgundy,
.afterbg-burgundy:after,
.beforebg-burgundy:before,
.setburgundy .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgburgundy:after {
    background-color: #942645 !important
}

.txtburgundy,
.afterburgundy:after,
.beforeburgundy:before,
.setburgundy .bctxt,
.setburgundy .bcolorbefore:before {
    color: #942645 !important
}

.fillburgundy {
    fill: #942645
}

.fill-burgundy.fill-burgundy[class*="icn-"] {
    fill: transparent
}

.fill-burgundy.fill-burgundy[class*="icn-"]:before {
    color: #942645
}

.setburgundy .bcbordercolor,
.border-burgundy {
    border-color: #942645 !important
}

.bglightburgundy,
.afterbg-lightburgundy:after,
.beforebg-lightburgundy:before,
.setlightburgundy .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglightburgundy:after {
    background-color: #ebcad3 !important
}

.txtlightburgundy,
.afterlightburgundy:after,
.beforelightburgundy:before,
.setlightburgundy .bctxt,
.setlightburgundy .bcolorbefore:before {
    color: #ebcad3 !important
}

.filllightburgundy {
    fill: #ebcad3
}

.fill-lightburgundy.fill-lightburgundy[class*="icn-"] {
    fill: transparent
}

.fill-lightburgundy.fill-lightburgundy[class*="icn-"]:before {
    color: #ebcad3
}

.setlightburgundy .bcbordercolor,
.border-lightburgundy {
    border-color: #ebcad3 !important
}

.bgdarkburgundy,
.afterbg-darkburgundy:after,
.beforebg-darkburgundy:before,
.setdarkburgundy .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bgdarkburgundy:after {
    background-color: #592439 !important
}

.txtdarkburgundy,
.afterdarkburgundy:after,
.beforedarkburgundy:before,
.setdarkburgundy .bctxt,
.setdarkburgundy .bcolorbefore:before {
    color: #592439 !important
}

.filldarkburgundy {
    fill: #592439
}

.fill-darkburgundy.fill-darkburgundy[class*="icn-"] {
    fill: transparent
}

.fill-darkburgundy.fill-darkburgundy[class*="icn-"]:before {
    color: #592439
}

.setdarkburgundy .bcbordercolor,
.border-darkburgundy {
    border-color: #592439 !important
}

.bglinkblue,
.afterbg-linkblue:after,
.beforebg-linkblue:before,
.setlinkblue .bcbackgroundcolor,
ul.icn-list.icn-circle-list li.bglinkblue:after {
    background-color: #00758f !important
}

.txtlinkblue,
.afterlinkblue:after,
.beforelinkblue:before,
.setlinkblue .bctxt,
.setlinkblue .bcolorbefore:before {
    color: #00758f !important
}

.filllinkblue {
    fill: #00758f
}

.fill-linkblue.fill-linkblue[class*="icn-"] {
    fill: transparent
}

.fill-linkblue.fill-linkblue[class*="icn-"]:before {
    color: #00758f
}

.setlinkblue .bcbordercolor,
.border-linkblue {
    border-color: #00758f !important
}

.bgred-gradient,
.afterbg-red-gradient:after,
.beforebg-red-gradient:before {
    background: -moz-linear-gradient(left, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: linear-gradient(to right, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='rgba(248,0,0,0)', GradientType=1)
}

.bgred-45gradient,
.afterbg-red-45gradient:after,
.beforebg-red-45gradient:before {
    background: -moz-linear-gradient(-45deg, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: linear-gradient(135deg, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='rgba(248,0,0,0)', GradientType=1)
}

.bgred-vgradient,
.afterbg-red-vgradient:after,
.beforebg-red-vgradient:before {
    background: -moz-linear-gradient(top, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #f80000 0%, rgba(248, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='rgba(248,0,0,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgred-gradient:after {
    background: -moz-linear-gradient(left, #f80000 0%, rgba(248, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, #f80000 0%, rgba(248, 0, 0, 0.2) 100%);
    background: linear-gradient(to right, #f80000 0%, rgba(248, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='rgba(248,0,0,0.2)', GradientType=1)
}

.bgwhite-gradient,
.afterbg-white-gradient:after,
.beforebg-white-gradient:before {
    background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0)', GradientType=1)
}

.bgwhite-45gradient,
.afterbg-white-45gradient:after,
.beforebg-white-45gradient:before {
    background: -moz-linear-gradient(-45deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0)', GradientType=1)
}

.bgwhite-vgradient,
.afterbg-white-vgradient:after,
.beforebg-white-vgradient:before {
    background: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgwhite-gradient:after {
    background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0.2)', GradientType=1)
}

.bgblack-gradient,
.afterbg-black-gradient:after,
.beforebg-black-gradient:before {
    background: -moz-linear-gradient(left, #000 0%, transparent 100%);
    background: -webkit-linear-gradient(left, #000 0%, transparent 100%);
    background: linear-gradient(to right, #000 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='transparent', GradientType=1)
}

.bgblack-45gradient,
.afterbg-black-45gradient:after,
.beforebg-black-45gradient:before {
    background: -moz-linear-gradient(-45deg, #000 0%, transparent 100%);
    background: -webkit-linear-gradient(-45deg, #000 0%, transparent 100%);
    background: linear-gradient(135deg, #000 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='transparent', GradientType=1)
}

.bgblack-vgradient,
.afterbg-black-vgradient:after,
.beforebg-black-vgradient:before {
    background: -moz-linear-gradient(top, #000 0%, transparent 100%);
    background: -webkit-linear-gradient(top, #000 0%, transparent 100%);
    background: linear-gradient(to bottom, #000 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='transparent', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgblack-gradient:after {
    background: -moz-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, #000 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='rgba(0,0,0,0.2)', GradientType=1)
}

.bgslate-gradient,
.afterbg-slate-gradient:after,
.beforebg-slate-gradient:before {
    background: -moz-linear-gradient(left, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: -webkit-linear-gradient(left, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: linear-gradient(to right, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aadbf', endColorstr='rgba(138,173,191,0)', GradientType=1)
}

.bgslate-45gradient,
.afterbg-slate-45gradient:after,
.beforebg-slate-45gradient:before {
    background: -moz-linear-gradient(-45deg, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: linear-gradient(135deg, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aadbf', endColorstr='rgba(138,173,191,0)', GradientType=1)
}

.bgslate-vgradient,
.afterbg-slate-vgradient:after,
.beforebg-slate-vgradient:before {
    background: -moz-linear-gradient(top, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: -webkit-linear-gradient(top, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    background: linear-gradient(to bottom, #8aadbf 0%, rgba(138, 173, 191, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aadbf', endColorstr='rgba(138,173,191,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgslate-gradient:after {
    background: -moz-linear-gradient(left, #8aadbf 0%, rgba(138, 173, 191, 0.2) 100%);
    background: -webkit-linear-gradient(left, #8aadbf 0%, rgba(138, 173, 191, 0.2) 100%);
    background: linear-gradient(to right, #8aadbf 0%, rgba(138, 173, 191, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aadbf', endColorstr='rgba(138,173,191,0.2)', GradientType=1)
}

.bglightslate-gradient,
.afterbg-lightslate-gradient:after,
.beforebg-lightslate-gradient:before {
    background: -moz-linear-gradient(left, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: -webkit-linear-gradient(left, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: linear-gradient(to right, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad9de', endColorstr='rgba(202,217,222,0)', GradientType=1)
}

.bglightslate-45gradient,
.afterbg-lightslate-45gradient:after,
.beforebg-lightslate-45gradient:before {
    background: -moz-linear-gradient(-45deg, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: linear-gradient(135deg, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad9de', endColorstr='rgba(202,217,222,0)', GradientType=1)
}

.bglightslate-vgradient,
.afterbg-lightslate-vgradient:after,
.beforebg-lightslate-vgradient:before {
    background: -moz-linear-gradient(top, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: -webkit-linear-gradient(top, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    background: linear-gradient(to bottom, #cad9de 0%, rgba(202, 217, 222, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad9de', endColorstr='rgba(202,217,222,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightslate-gradient:after {
    background: -moz-linear-gradient(left, #cad9de 0%, rgba(202, 217, 222, 0.2) 100%);
    background: -webkit-linear-gradient(left, #cad9de 0%, rgba(202, 217, 222, 0.2) 100%);
    background: linear-gradient(to right, #cad9de 0%, rgba(202, 217, 222, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad9de', endColorstr='rgba(202,217,222,0.2)', GradientType=1)
}

.bgdarkslate-gradient,
.afterbg-darkslate-gradient:after,
.beforebg-darkslate-gradient:before {
    background: -moz-linear-gradient(left, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: -webkit-linear-gradient(left, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: linear-gradient(to right, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b5c', endColorstr='rgba(50,75,92,0)', GradientType=1)
}

.bgdarkslate-45gradient,
.afterbg-darkslate-45gradient:after,
.beforebg-darkslate-45gradient:before {
    background: -moz-linear-gradient(-45deg, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: linear-gradient(135deg, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b5c', endColorstr='rgba(50,75,92,0)', GradientType=1)
}

.bgdarkslate-vgradient,
.afterbg-darkslate-vgradient:after,
.beforebg-darkslate-vgradient:before {
    background: -moz-linear-gradient(top, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: -webkit-linear-gradient(top, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    background: linear-gradient(to bottom, #324b5c 0%, rgba(50, 75, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b5c', endColorstr='rgba(50,75,92,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkslate-gradient:after {
    background: -moz-linear-gradient(left, #324b5c 0%, rgba(50, 75, 92, 0.2) 100%);
    background: -webkit-linear-gradient(left, #324b5c 0%, rgba(50, 75, 92, 0.2) 100%);
    background: linear-gradient(to right, #324b5c 0%, rgba(50, 75, 92, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b5c', endColorstr='rgba(50,75,92,0.2)', GradientType=1)
}

.bgvlightslate-gradient,
.afterbg-vlightslate-gradient:after,
.beforebg-vlightslate-gradient:before {
    background: -moz-linear-gradient(left, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: -webkit-linear-gradient(left, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: linear-gradient(to right, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6ea', endColorstr='rgba(220,230,234,0)', GradientType=1)
}

.bgvlightslate-45gradient,
.afterbg-vlightslate-45gradient:after,
.beforebg-vlightslate-45gradient:before {
    background: -moz-linear-gradient(-45deg, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: linear-gradient(135deg, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6ea', endColorstr='rgba(220,230,234,0)', GradientType=1)
}

.bgvlightslate-vgradient,
.afterbg-vlightslate-vgradient:after,
.beforebg-vlightslate-vgradient:before {
    background: -moz-linear-gradient(top, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: -webkit-linear-gradient(top, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    background: linear-gradient(to bottom, #dce6ea 0%, rgba(220, 230, 234, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6ea', endColorstr='rgba(220,230,234,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgvlightslate-gradient:after {
    background: -moz-linear-gradient(left, #dce6ea 0%, rgba(220, 230, 234, 0.2) 100%);
    background: -webkit-linear-gradient(left, #dce6ea 0%, rgba(220, 230, 234, 0.2) 100%);
    background: linear-gradient(to right, #dce6ea 0%, rgba(220, 230, 234, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6ea', endColorstr='rgba(220,230,234,0.2)', GradientType=1)
}

.bggrey-gradient,
.afterbg-grey-gradient:after,
.beforebg-grey-gradient:before {
    background: -moz-linear-gradient(left, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: -webkit-linear-gradient(left, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: linear-gradient(to right, #939699 0%, rgba(147, 150, 153, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939699', endColorstr='rgba(147,150,153,0)', GradientType=1)
}

.bggrey-45gradient,
.afterbg-grey-45gradient:after,
.beforebg-grey-45gradient:before {
    background: -moz-linear-gradient(-45deg, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: linear-gradient(135deg, #939699 0%, rgba(147, 150, 153, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939699', endColorstr='rgba(147,150,153,0)', GradientType=1)
}

.bggrey-vgradient,
.afterbg-grey-vgradient:after,
.beforebg-grey-vgradient:before {
    background: -moz-linear-gradient(top, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: -webkit-linear-gradient(top, #939699 0%, rgba(147, 150, 153, 0) 100%);
    background: linear-gradient(to bottom, #939699 0%, rgba(147, 150, 153, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939699', endColorstr='rgba(147,150,153,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bggrey-gradient:after {
    background: -moz-linear-gradient(left, #939699 0%, rgba(147, 150, 153, 0.2) 100%);
    background: -webkit-linear-gradient(left, #939699 0%, rgba(147, 150, 153, 0.2) 100%);
    background: linear-gradient(to right, #939699 0%, rgba(147, 150, 153, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939699', endColorstr='rgba(147,150,153,0.2)', GradientType=1)
}

.bglightgrey-gradient,
.afterbg-lightgrey-gradient:after,
.beforebg-lightgrey-gradient:before {
    background: -moz-linear-gradient(left, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: -webkit-linear-gradient(left, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: linear-gradient(to right, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e0', endColorstr='rgba(222,224,224,0)', GradientType=1)
}

.bglightgrey-45gradient,
.afterbg-lightgrey-45gradient:after,
.beforebg-lightgrey-45gradient:before {
    background: -moz-linear-gradient(-45deg, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: linear-gradient(135deg, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e0', endColorstr='rgba(222,224,224,0)', GradientType=1)
}

.bglightgrey-vgradient,
.afterbg-lightgrey-vgradient:after,
.beforebg-lightgrey-vgradient:before {
    background: -moz-linear-gradient(top, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: -webkit-linear-gradient(top, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    background: linear-gradient(to bottom, #dee0e0 0%, rgba(222, 224, 224, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e0', endColorstr='rgba(222,224,224,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightgrey-gradient:after {
    background: -moz-linear-gradient(left, #dee0e0 0%, rgba(222, 224, 224, 0.2) 100%);
    background: -webkit-linear-gradient(left, #dee0e0 0%, rgba(222, 224, 224, 0.2) 100%);
    background: linear-gradient(to right, #dee0e0 0%, rgba(222, 224, 224, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e0', endColorstr='rgba(222,224,224,0.2)', GradientType=1)
}

.bgdarkgrey-gradient,
.afterbg-darkgrey-gradient:after,
.beforebg-darkgrey-gradient:before {
    background: -moz-linear-gradient(left, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: -webkit-linear-gradient(left, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: linear-gradient(to right, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5052', endColorstr='rgba(78,80,82,0)', GradientType=1)
}

.bgdarkgrey-45gradient,
.afterbg-darkgrey-45gradient:after,
.beforebg-darkgrey-45gradient:before {
    background: -moz-linear-gradient(-45deg, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: linear-gradient(135deg, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5052', endColorstr='rgba(78,80,82,0)', GradientType=1)
}

.bgdarkgrey-vgradient,
.afterbg-darkgrey-vgradient:after,
.beforebg-darkgrey-vgradient:before {
    background: -moz-linear-gradient(top, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: -webkit-linear-gradient(top, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    background: linear-gradient(to bottom, #4e5052 0%, rgba(78, 80, 82, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5052', endColorstr='rgba(78,80,82,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkgrey-gradient:after {
    background: -moz-linear-gradient(left, #4e5052 0%, rgba(78, 80, 82, 0.2) 100%);
    background: -webkit-linear-gradient(left, #4e5052 0%, rgba(78, 80, 82, 0.2) 100%);
    background: linear-gradient(to right, #4e5052 0%, rgba(78, 80, 82, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5052', endColorstr='rgba(78,80,82,0.2)', GradientType=1)
}

.bgvlightgrey-gradient,
.afterbg-vlightgrey-gradient:after,
.beforebg-vlightgrey-gradient:before {
    background: -moz-linear-gradient(left, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: -webkit-linear-gradient(left, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: linear-gradient(to right, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f5', endColorstr='rgba(242,244,245,0)', GradientType=1)
}

.bgvlightgrey-45gradient,
.afterbg-vlightgrey-45gradient:after,
.beforebg-vlightgrey-45gradient:before {
    background: -moz-linear-gradient(-45deg, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: linear-gradient(135deg, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f5', endColorstr='rgba(242,244,245,0)', GradientType=1)
}

.bgvlightgrey-vgradient,
.afterbg-vlightgrey-vgradient:after,
.beforebg-vlightgrey-vgradient:before {
    background: -moz-linear-gradient(top, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: -webkit-linear-gradient(top, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    background: linear-gradient(to bottom, #f2f4f5 0%, rgba(242, 244, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f5', endColorstr='rgba(242,244,245,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgvlightgrey-gradient:after {
    background: -moz-linear-gradient(left, #f2f4f5 0%, rgba(242, 244, 245, 0.2) 100%);
    background: -webkit-linear-gradient(left, #f2f4f5 0%, rgba(242, 244, 245, 0.2) 100%);
    background: linear-gradient(to right, #f2f4f5 0%, rgba(242, 244, 245, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f5', endColorstr='rgba(242,244,245,0.2)', GradientType=1)
}

.bgorange-gradient,
.afterbg-orange-gradient:after,
.beforebg-orange-gradient:before {
    background: -moz-linear-gradient(left, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: -webkit-linear-gradient(left, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: linear-gradient(to right, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='rgba(242,145,17,0)', GradientType=1)
}

.bgorange-45gradient,
.afterbg-orange-45gradient:after,
.beforebg-orange-45gradient:before {
    background: -moz-linear-gradient(-45deg, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: linear-gradient(135deg, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='rgba(242,145,17,0)', GradientType=1)
}

.bgorange-vgradient,
.afterbg-orange-vgradient:after,
.beforebg-orange-vgradient:before {
    background: -moz-linear-gradient(top, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: -webkit-linear-gradient(top, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    background: linear-gradient(to bottom, #f29111 0%, rgba(242, 145, 17, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='rgba(242,145,17,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgorange-gradient:after {
    background: -moz-linear-gradient(left, #f29111 0%, rgba(242, 145, 17, 0.2) 100%);
    background: -webkit-linear-gradient(left, #f29111 0%, rgba(242, 145, 17, 0.2) 100%);
    background: linear-gradient(to right, #f29111 0%, rgba(242, 145, 17, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='rgba(242,145,17,0.2)', GradientType=1)
}

.bglightorange-gradient,
.afterbg-lightorange-gradient:after,
.beforebg-lightorange-gradient:before {
    background: -moz-linear-gradient(left, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: -webkit-linear-gradient(left, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: linear-gradient(to right, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd39e', endColorstr='rgba(255,211,158,0)', GradientType=1)
}

.bglightorange-45gradient,
.afterbg-lightorange-45gradient:after,
.beforebg-lightorange-45gradient:before {
    background: -moz-linear-gradient(-45deg, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: linear-gradient(135deg, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd39e', endColorstr='rgba(255,211,158,0)', GradientType=1)
}

.bglightorange-vgradient,
.afterbg-lightorange-vgradient:after,
.beforebg-lightorange-vgradient:before {
    background: -moz-linear-gradient(top, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: -webkit-linear-gradient(top, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    background: linear-gradient(to bottom, #ffd39e 0%, rgba(255, 211, 158, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd39e', endColorstr='rgba(255,211,158,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightorange-gradient:after {
    background: -moz-linear-gradient(left, #ffd39e 0%, rgba(255, 211, 158, 0.2) 100%);
    background: -webkit-linear-gradient(left, #ffd39e 0%, rgba(255, 211, 158, 0.2) 100%);
    background: linear-gradient(to right, #ffd39e 0%, rgba(255, 211, 158, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd39e', endColorstr='rgba(255,211,158,0.2)', GradientType=1)
}

.bgdarkorange-gradient,
.afterbg-darkorange-gradient:after,
.beforebg-darkorange-gradient:before {
    background: -moz-linear-gradient(left, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: -webkit-linear-gradient(left, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: linear-gradient(to right, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a331d', endColorstr='rgba(138,51,29,0)', GradientType=1)
}

.bgdarkorange-45gradient,
.afterbg-darkorange-45gradient:after,
.beforebg-darkorange-45gradient:before {
    background: -moz-linear-gradient(-45deg, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: linear-gradient(135deg, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a331d', endColorstr='rgba(138,51,29,0)', GradientType=1)
}

.bgdarkorange-vgradient,
.afterbg-darkorange-vgradient:after,
.beforebg-darkorange-vgradient:before {
    background: -moz-linear-gradient(top, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: -webkit-linear-gradient(top, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    background: linear-gradient(to bottom, #8a331d 0%, rgba(138, 51, 29, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a331d', endColorstr='rgba(138,51,29,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkorange-gradient:after {
    background: -moz-linear-gradient(left, #8a331d 0%, rgba(138, 51, 29, 0.2) 100%);
    background: -webkit-linear-gradient(left, #8a331d 0%, rgba(138, 51, 29, 0.2) 100%);
    background: linear-gradient(to right, #8a331d 0%, rgba(138, 51, 29, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a331d', endColorstr='rgba(138,51,29,0.2)', GradientType=1)
}

.bgblue-gradient,
.afterbg-blue-gradient:after,
.beforebg-blue-gradient:before {
    background: -moz-linear-gradient(left, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: linear-gradient(to right, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='rgba(0,117,143,0)', GradientType=1)
}

.bgblue-45gradient,
.afterbg-blue-45gradient:after,
.beforebg-blue-45gradient:before {
    background: -moz-linear-gradient(-45deg, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: linear-gradient(135deg, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='rgba(0,117,143,0)', GradientType=1)
}

.bgblue-vgradient,
.afterbg-blue-vgradient:after,
.beforebg-blue-vgradient:before {
    background: -moz-linear-gradient(top, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: -webkit-linear-gradient(top, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    background: linear-gradient(to bottom, #00758f 0%, rgba(0, 117, 143, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='rgba(0,117,143,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgblue-gradient:after {
    background: -moz-linear-gradient(left, #00758f 0%, rgba(0, 117, 143, 0.2) 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, rgba(0, 117, 143, 0.2) 100%);
    background: linear-gradient(to right, #00758f 0%, rgba(0, 117, 143, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='rgba(0,117,143,0.2)', GradientType=1)
}

.bglightblue-gradient,
.afterbg-lightblue-gradient:after,
.beforebg-lightblue-gradient:before {
    background: -moz-linear-gradient(left, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: -webkit-linear-gradient(left, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: linear-gradient(to right, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde6ee', endColorstr='rgba(189,230,238,0)', GradientType=1)
}

.bglightblue-45gradient,
.afterbg-lightblue-45gradient:after,
.beforebg-lightblue-45gradient:before {
    background: -moz-linear-gradient(-45deg, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: linear-gradient(135deg, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde6ee', endColorstr='rgba(189,230,238,0)', GradientType=1)
}

.bglightblue-vgradient,
.afterbg-lightblue-vgradient:after,
.beforebg-lightblue-vgradient:before {
    background: -moz-linear-gradient(top, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: -webkit-linear-gradient(top, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    background: linear-gradient(to bottom, #bde6ee 0%, rgba(189, 230, 238, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde6ee', endColorstr='rgba(189,230,238,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightblue-gradient:after {
    background: -moz-linear-gradient(left, #bde6ee 0%, rgba(189, 230, 238, 0.2) 100%);
    background: -webkit-linear-gradient(left, #bde6ee 0%, rgba(189, 230, 238, 0.2) 100%);
    background: linear-gradient(to right, #bde6ee 0%, rgba(189, 230, 238, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde6ee', endColorstr='rgba(189,230,238,0.2)', GradientType=1)
}

.bgdarkblue-gradient,
.afterbg-darkblue-gradient:after,
.beforebg-darkblue-gradient:before {
    background: -moz-linear-gradient(left, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: -webkit-linear-gradient(left, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: linear-gradient(to right, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='rgba(0,59,77,0)', GradientType=1)
}

.bgdarkblue-45gradient,
.afterbg-darkblue-45gradient:after,
.beforebg-darkblue-45gradient:before {
    background: -moz-linear-gradient(-45deg, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: linear-gradient(135deg, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='rgba(0,59,77,0)', GradientType=1)
}

.bgdarkblue-vgradient,
.afterbg-darkblue-vgradient:after,
.beforebg-darkblue-vgradient:before {
    background: -moz-linear-gradient(top, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: -webkit-linear-gradient(top, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    background: linear-gradient(to bottom, #003b4d 0%, rgba(0, 59, 77, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='rgba(0,59,77,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkblue-gradient:after {
    background: -moz-linear-gradient(left, #003b4d 0%, rgba(0, 59, 77, 0.2) 100%);
    background: -webkit-linear-gradient(left, #003b4d 0%, rgba(0, 59, 77, 0.2) 100%);
    background: linear-gradient(to right, #003b4d 0%, rgba(0, 59, 77, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='rgba(0,59,77,0.2)', GradientType=1)
}

.bgvdarkblue-gradient,
.afterbg-vdarkblue-gradient:after,
.beforebg-vdarkblue-gradient:before {
    background: -moz-linear-gradient(left, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: -webkit-linear-gradient(left, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: linear-gradient(to right, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e3d', endColorstr='rgba(0,46,61,0)', GradientType=1)
}

.bgvdarkblue-45gradient,
.afterbg-vdarkblue-45gradient:after,
.beforebg-vdarkblue-45gradient:before {
    background: -moz-linear-gradient(-45deg, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: linear-gradient(135deg, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e3d', endColorstr='rgba(0,46,61,0)', GradientType=1)
}

.bgvdarkblue-vgradient,
.afterbg-vdarkblue-vgradient:after,
.beforebg-vdarkblue-vgradient:before {
    background: -moz-linear-gradient(top, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: -webkit-linear-gradient(top, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    background: linear-gradient(to bottom, #002e3d 0%, rgba(0, 46, 61, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e3d', endColorstr='rgba(0,46,61,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgvdarkblue-gradient:after {
    background: -moz-linear-gradient(left, #002e3d 0%, rgba(0, 46, 61, 0.2) 100%);
    background: -webkit-linear-gradient(left, #002e3d 0%, rgba(0, 46, 61, 0.2) 100%);
    background: linear-gradient(to right, #002e3d 0%, rgba(0, 46, 61, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e3d', endColorstr='rgba(0,46,61,0.2)', GradientType=1)
}

.bggreen-gradient,
.afterbg-green-gradient:after,
.beforebg-green-gradient:before {
    background: -moz-linear-gradient(left, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: -webkit-linear-gradient(left, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: linear-gradient(to right, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='rgba(58,145,63,0)', GradientType=1)
}

.bggreen-45gradient,
.afterbg-green-45gradient:after,
.beforebg-green-45gradient:before {
    background: -moz-linear-gradient(-45deg, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: linear-gradient(135deg, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='rgba(58,145,63,0)', GradientType=1)
}

.bggreen-vgradient,
.afterbg-green-vgradient:after,
.beforebg-green-vgradient:before {
    background: -moz-linear-gradient(top, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: -webkit-linear-gradient(top, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    background: linear-gradient(to bottom, #3a913f 0%, rgba(58, 145, 63, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='rgba(58,145,63,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bggreen-gradient:after {
    background: -moz-linear-gradient(left, #3a913f 0%, rgba(58, 145, 63, 0.2) 100%);
    background: -webkit-linear-gradient(left, #3a913f 0%, rgba(58, 145, 63, 0.2) 100%);
    background: linear-gradient(to right, #3a913f 0%, rgba(58, 145, 63, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='rgba(58,145,63,0.2)', GradientType=1)
}

.bglightgreen-gradient,
.afterbg-lightgreen-gradient:after,
.beforebg-lightgreen-gradient:before {
    background: -moz-linear-gradient(left, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: -webkit-linear-gradient(left, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: linear-gradient(to right, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8c5', endColorstr='rgba(210,232,197,0)', GradientType=1)
}

.bglightgreen-45gradient,
.afterbg-lightgreen-45gradient:after,
.beforebg-lightgreen-45gradient:before {
    background: -moz-linear-gradient(-45deg, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: linear-gradient(135deg, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8c5', endColorstr='rgba(210,232,197,0)', GradientType=1)
}

.bglightgreen-vgradient,
.afterbg-lightgreen-vgradient:after,
.beforebg-lightgreen-vgradient:before {
    background: -moz-linear-gradient(top, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: -webkit-linear-gradient(top, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    background: linear-gradient(to bottom, #d2e8c5 0%, rgba(210, 232, 197, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8c5', endColorstr='rgba(210,232,197,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightgreen-gradient:after {
    background: -moz-linear-gradient(left, #d2e8c5 0%, rgba(210, 232, 197, 0.2) 100%);
    background: -webkit-linear-gradient(left, #d2e8c5 0%, rgba(210, 232, 197, 0.2) 100%);
    background: linear-gradient(to right, #d2e8c5 0%, rgba(210, 232, 197, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8c5', endColorstr='rgba(210,232,197,0.2)', GradientType=1)
}

.bgdarkgreen-gradient,
.afterbg-darkgreen-gradient:after,
.beforebg-darkgreen-gradient:before {
    background: -moz-linear-gradient(left, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: -webkit-linear-gradient(left, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: linear-gradient(to right, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f35', endColorstr='rgba(0,79,53,0)', GradientType=1)
}

.bgdarkgreen-45gradient,
.afterbg-darkgreen-45gradient:after,
.beforebg-darkgreen-45gradient:before {
    background: -moz-linear-gradient(-45deg, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: linear-gradient(135deg, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f35', endColorstr='rgba(0,79,53,0)', GradientType=1)
}

.bgdarkgreen-vgradient,
.afterbg-darkgreen-vgradient:after,
.beforebg-darkgreen-vgradient:before {
    background: -moz-linear-gradient(top, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: -webkit-linear-gradient(top, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    background: linear-gradient(to bottom, #004f35 0%, rgba(0, 79, 53, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f35', endColorstr='rgba(0,79,53,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkgreen-gradient:after {
    background: -moz-linear-gradient(left, #004f35 0%, rgba(0, 79, 53, 0.2) 100%);
    background: -webkit-linear-gradient(left, #004f35 0%, rgba(0, 79, 53, 0.2) 100%);
    background: linear-gradient(to right, #004f35 0%, rgba(0, 79, 53, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f35', endColorstr='rgba(0,79,53,0.2)', GradientType=1)
}

.bgburgundy-gradient,
.afterbg-burgundy-gradient:after,
.beforebg-burgundy-gradient:before {
    background: -moz-linear-gradient(left, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: -webkit-linear-gradient(left, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: linear-gradient(to right, #942645 0%, rgba(148, 38, 69, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='rgba(148,38,69,0)', GradientType=1)
}

.bgburgundy-45gradient,
.afterbg-burgundy-45gradient:after,
.beforebg-burgundy-45gradient:before {
    background: -moz-linear-gradient(-45deg, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: linear-gradient(135deg, #942645 0%, rgba(148, 38, 69, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='rgba(148,38,69,0)', GradientType=1)
}

.bgburgundy-vgradient,
.afterbg-burgundy-vgradient:after,
.beforebg-burgundy-vgradient:before {
    background: -moz-linear-gradient(top, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: -webkit-linear-gradient(top, #942645 0%, rgba(148, 38, 69, 0) 100%);
    background: linear-gradient(to bottom, #942645 0%, rgba(148, 38, 69, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='rgba(148,38,69,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgburgundy-gradient:after {
    background: -moz-linear-gradient(left, #942645 0%, rgba(148, 38, 69, 0.2) 100%);
    background: -webkit-linear-gradient(left, #942645 0%, rgba(148, 38, 69, 0.2) 100%);
    background: linear-gradient(to right, #942645 0%, rgba(148, 38, 69, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='rgba(148,38,69,0.2)', GradientType=1)
}

.bglightburgundy-gradient,
.afterbg-lightburgundy-gradient:after,
.beforebg-lightburgundy-gradient:before {
    background: -moz-linear-gradient(left, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: -webkit-linear-gradient(left, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: linear-gradient(to right, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcad3', endColorstr='rgba(235,202,211,0)', GradientType=1)
}

.bglightburgundy-45gradient,
.afterbg-lightburgundy-45gradient:after,
.beforebg-lightburgundy-45gradient:before {
    background: -moz-linear-gradient(-45deg, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: linear-gradient(135deg, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcad3', endColorstr='rgba(235,202,211,0)', GradientType=1)
}

.bglightburgundy-vgradient,
.afterbg-lightburgundy-vgradient:after,
.beforebg-lightburgundy-vgradient:before {
    background: -moz-linear-gradient(top, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: -webkit-linear-gradient(top, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    background: linear-gradient(to bottom, #ebcad3 0%, rgba(235, 202, 211, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcad3', endColorstr='rgba(235,202,211,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bglightburgundy-gradient:after {
    background: -moz-linear-gradient(left, #ebcad3 0%, rgba(235, 202, 211, 0.2) 100%);
    background: -webkit-linear-gradient(left, #ebcad3 0%, rgba(235, 202, 211, 0.2) 100%);
    background: linear-gradient(to right, #ebcad3 0%, rgba(235, 202, 211, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcad3', endColorstr='rgba(235,202,211,0.2)', GradientType=1)
}

.bgdarkburgundy-gradient,
.afterbg-darkburgundy-gradient:after,
.beforebg-darkburgundy-gradient:before {
    background: -moz-linear-gradient(left, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: -webkit-linear-gradient(left, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: linear-gradient(to right, #592439 0%, rgba(89, 36, 57, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592439', endColorstr='rgba(89,36,57,0)', GradientType=1)
}

.bgdarkburgundy-45gradient,
.afterbg-darkburgundy-45gradient:after,
.beforebg-darkburgundy-45gradient:before {
    background: -moz-linear-gradient(-45deg, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: linear-gradient(135deg, #592439 0%, rgba(89, 36, 57, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592439', endColorstr='rgba(89,36,57,0)', GradientType=1)
}

.bgdarkburgundy-vgradient,
.afterbg-darkburgundy-vgradient:after,
.beforebg-darkburgundy-vgradient:before {
    background: -moz-linear-gradient(top, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: -webkit-linear-gradient(top, #592439 0%, rgba(89, 36, 57, 0) 100%);
    background: linear-gradient(to bottom, #592439 0%, rgba(89, 36, 57, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592439', endColorstr='rgba(89,36,57,0)', GradientType=0)
}

ul.icn-list.icn-circle-list li.bgdarkburgundy-gradient:after {
    background: -moz-linear-gradient(left, #592439 0%, rgba(89, 36, 57, 0.2) 100%);
    background: -webkit-linear-gradient(left, #592439 0%, rgba(89, 36, 57, 0.2) 100%);
    background: linear-gradient(to right, #592439 0%, rgba(89, 36, 57, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592439', endColorstr='rgba(89,36,57,0.2)', GradientType=1)
}

.bgorangered,
.afterbg-orangered:after,
.beforebg-orangered:before {
    background: -moz-linear-gradient(left, #f29111 0%, #f80000 100%);
    background: -webkit-linear-gradient(left, #f29111 0%, #f80000 100%);
    background: linear-gradient(to right, #f29111 0%, #f80000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='#f80000', GradientType=1);
    background-repeat: no-repeat
}

.bgredorange,
.afterbg-redorange:after,
.beforebg-redorange:before {
    background: -moz-linear-gradient(left, #f80000 0%, #f29111 100%);
    background: -webkit-linear-gradient(left, #f80000 0%, #f29111 100%);
    background: linear-gradient(to right, #f80000 0%, #f29111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='#f29111', GradientType=1);
    background-repeat: no-repeat
}

.bgburgundyblue,
.afterbg-burgundyblue:after,
.beforebg-burgundyblue:before {
    background: -moz-linear-gradient(left, #942645 0%, #00758f 100%);
    background: -webkit-linear-gradient(left, #942645 0%, #00758f 100%);
    background: linear-gradient(to right, #942645 0%, #00758f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='#00758f', GradientType=1);
    background-repeat: no-repeat
}

.bgblueburgundy,
.afterbg-blueburgundy:after,
.beforebg-blueburgundy:before {
    background: -moz-linear-gradient(left, #00758f 0%, #942645 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, #942645 100%);
    background: linear-gradient(to right, #00758f 0%, #942645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#942645', GradientType=1);
    background-repeat: no-repeat
}

.bggreenblue,
.afterbg-greenblue:after,
.beforebg-greenblue:before {
    background: -moz-linear-gradient(left, #3a913f 0%, #00758f 100%);
    background: -webkit-linear-gradient(left, #3a913f 0%, #00758f 100%);
    background: linear-gradient(to right, #3a913f 0%, #00758f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='#00758f', GradientType=1);
    background-repeat: no-repeat
}

.bgbluegreen,
.afterbg-bluegreen:after,
.beforebg-bluegreen:before {
    background: -moz-linear-gradient(left, #00758f 0%, #3a913f 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, #3a913f 100%);
    background: linear-gradient(to right, #00758f 0%, #3a913f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#3a913f', GradientType=1);
    background-repeat: no-repeat
}

.bggreendarkgreen,
.afterbg-greendarkgreen:after,
.beforebg-greendarkgreen:before {
    background: -moz-linear-gradient(left, #3a913f 0%, #004f35 100%);
    background: -webkit-linear-gradient(left, #3a913f 0%, #004f35 100%);
    background: linear-gradient(to right, #3a913f 0%, #004f35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='#004f35', GradientType=1);
    background-repeat: no-repeat
}

.bgdarkgreengreen,
.afterbg-darkgreengreen:after,
.beforebg-darkgreengreen:before {
    background: -moz-linear-gradient(left, #004f35 0%, #3a913f 100%);
    background: -webkit-linear-gradient(left, #004f35 0%, #3a913f 100%);
    background: linear-gradient(to right, #004f35 0%, #3a913f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f35', endColorstr='#3a913f', GradientType=1);
    background-repeat: no-repeat
}

.bgredblue,
.afterbg-redblue:after,
.beforebg-redblue:before {
    background: -moz-linear-gradient(left, #f80000 0%, #00758f 100%);
    background: -webkit-linear-gradient(left, #f80000 0%, #00758f 100%);
    background: linear-gradient(to right, #f80000 0%, #00758f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='#00758f', GradientType=1);
    background-repeat: no-repeat
}

.bgbluered,
.afterbg-bluered:after,
.beforebg-bluered:before {
    background: -moz-linear-gradient(left, #00758f 0%, #f80000 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, #f80000 100%);
    background: linear-gradient(to right, #00758f 0%, #f80000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#f80000', GradientType=1);
    background-repeat: no-repeat
}

.bgredburgundy,
.afterbg-redburgundy:after,
.beforebg-redburgundy:before {
    background: -moz-linear-gradient(left, #f80000 0%, #942645 100%);
    background: -webkit-linear-gradient(left, #f80000 0%, #942645 100%);
    background: linear-gradient(to right, #f80000 0%, #942645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='#942645', GradientType=1);
    background-repeat: no-repeat
}

.bgburgundyred,
.afterbg-burgundyred:after,
.beforebg-burgundyred:before {
    background: -moz-linear-gradient(left, #942645 0%, #f80000 100%);
    background: -webkit-linear-gradient(left, #942645 0%, #f80000 100%);
    background: linear-gradient(to right, #942645 0%, #f80000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='#f80000', GradientType=1);
    background-repeat: no-repeat
}

.bgbluedarkblue,
.afterbg-bluedarkblue:after,
.beforebg-bluedarkblue:before {
    background: -moz-linear-gradient(left, #00758f 0%, #003b4d 100%);
    background: -webkit-linear-gradient(left, #00758f 0%, #003b4d 100%);
    background: linear-gradient(to right, #00758f 0%, #003b4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#003b4d', GradientType=1);
    background-repeat: no-repeat
}

.bgdarkblueblue,
.afterbg-darkblueblue:after,
.beforebg-darkblueblue:before {
    background: -moz-linear-gradient(left, #003b4d 0%, #00758f 100%);
    background: -webkit-linear-gradient(left, #003b4d 0%, #00758f 100%);
    background: linear-gradient(to right, #003b4d 0%, #00758f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='#00758f', GradientType=1);
    background-repeat: no-repeat
}

.bgburgundydarkblue,
.afterbg-burgundydarkblue:after,
.beforebg-burgundydarkblue:before {
    background: -moz-linear-gradient(left, #942645 0%, #003b4d 100%);
    background: -webkit-linear-gradient(left, #942645 0%, #003b4d 100%);
    background: linear-gradient(to right, #942645 0%, #003b4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='#003b4d', GradientType=1);
    background-repeat: no-repeat
}

.bgdarkblueburgundy,
.afterbg-darkblueburgundy:after,
.beforebg-darkblueburgundy:before {
    background: -moz-linear-gradient(left, #003b4d 0%, #942645 100%);
    background: -webkit-linear-gradient(left, #003b4d 0%, #942645 100%);
    background: linear-gradient(to right, #003b4d 0%, #942645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4d', endColorstr='#942645', GradientType=1);
    background-repeat: no-repeat
}

[class*="icn-"].fill-icngradient-green:before,
.icn-img.icn-circle.bg-icngradient-green:after,
ul.icn-list.icn-circle-list li.bg-icngradient-green:after {
    background: -moz-linear-gradient(-45deg, #3a913f 0%, #003b4d 100%);
    background: -webkit-linear-gradient(-45deg, #3a913f 0%, #003b4d 100%);
    background: linear-gradient(135deg, #3a913f 0%, #003b4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='#003b4d', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-green {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-green:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-green:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

[class*="icn-"].fill-icngradient-darkorange:before,
.icn-img.icn-circle.bg-icngradient-darkorange:after,
ul.icn-list.icn-circle-list li.bg-icngradient-darkorange:after {
    background: -moz-linear-gradient(-45deg, #f29111 0%, #942645 100%);
    background: -webkit-linear-gradient(-45deg, #f29111 0%, #942645 100%);
    background: linear-gradient(135deg, #f29111 0%, #942645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='#942645', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-darkorange {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-darkorange:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-darkorange:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

[class*="icn-"].fill-icngradient-burgundy:before,
.icn-img.icn-circle.bg-icngradient-burgundy:after,
ul.icn-list.icn-circle-list li.bg-icngradient-burgundy:after {
    background: -moz-linear-gradient(-45deg, #942645 0%, #592439 100%);
    background: -webkit-linear-gradient(-45deg, #942645 0%, #592439 100%);
    background: linear-gradient(135deg, #942645 0%, #592439 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942645', endColorstr='#592439', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-burgundy {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-burgundy:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-burgundy:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

[class*="icn-"].fill-icngradient-orange:before,
.icn-img.icn-circle.bg-icngradient-orange:after,
ul.icn-list.icn-circle-list li.bg-icngradient-orange:after {
    background: -moz-linear-gradient(-45deg, #f29111 0%, #f80000 100%);
    background: -webkit-linear-gradient(-45deg, #f29111 0%, #f80000 100%);
    background: linear-gradient(135deg, #f29111 0%, #f80000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29111', endColorstr='#f80000', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-orange {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-orange:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-orange:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

[class*="icn-"].fill-icngradient-blue:before,
.icn-img.icn-circle.bg-icngradient-blue:after,
ul.icn-list.icn-circle-list li.bg-icngradient-blue:after {
    background: -moz-linear-gradient(-45deg, #00758f 0%, #003b4d 100%);
    background: -webkit-linear-gradient(-45deg, #00758f 0%, #003b4d 100%);
    background: linear-gradient(135deg, #00758f 0%, #003b4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758f', endColorstr='#003b4d', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-blue {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-blue:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-blue:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

[class*="icn-"].fill-icngradient-red:before,
.icn-img.icn-circle.bg-icngradient-red:after,
ul.icn-list.icn-circle-list li.bg-icngradient-red:after {
    background: -moz-linear-gradient(-45deg, #f80000 0%, #942645 100%);
    background: -webkit-linear-gradient(-45deg, #f80000 0%, #942645 100%);
    background: linear-gradient(135deg, #f80000 0%, #942645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='#942645', GradientType=1)
}

.icn-img.icn-circle.bg-icngradient-red {
    background: transparent !important
}

.icn-img.icn-circle.bg-icngradient-red:before {
    color: #fff
}

[class*="icn-"].fill-icngradient-red:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    [class*="icn-"].fill-icngradient-green:before {
        color: #003b4d;
        background: transparent
    }
    [class*="icn-"].fill-icngradient-darkorange:before {
        color: #942645;
        background: transparent
    }
    [class*="icn-"].fill-icngradient-burgundy:before {
        color: #592439;
        background: transparent
    }
    [class*="icn-"].fill-icngradient-orange:before {
        color: #f80000;
        background: transparent
    }
    [class*="icn-"].fill-icngradient-blue:before {
        color: #003b4d;
        background: transparent
    }
    [class*="icn-"].fill-icngradient-red:before {
        color: #942645;
        background: transparent
    }
}


/*! GENERIC - BETAMODE */

#betamode {
    background: #0f0;
    color: #1d8b00;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 1%;
    position: fixed;
    bottom: 8px;
    left: 8px;
    z-index: 1000;
    min-height: 14px;
    text-align: right;
    border-radius: 6px;
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5)
}


/*! GENERIC - LOGO */

.o_icon:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 13%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjY3IDAgMTYzIDIxIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5he2ZpbGw6I0ZGRn08L3N0eWxlPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTM2LjYsMTMuMWgxMC4ybC01LjQtOC43bC05LjksMTUuN0gxMjdsMTItMTguOWMwLjUtMC44LDEuNC0xLjIsMi40LTEuMmMwLjksMCwxLjgsMC40LDIuMywxLjJsMTIuMSwxOC45IGgtNC41bC0yLjEtMy41aC0xMC4zTDEzNi42LDEzLjEiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE4My40LDE2LjVWMC4yaC0zLjh2MThjMCwwLjUsMC4yLDEsMC42LDEuM2MwLjQsMC40LDAuOSwwLjYsMS40LDAuNmgxNy40bDIuMy0zLjVMMTgzLjQsMTYuNSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTIwLjIsMTMuNmMzLjcsMCw2LjctMyw2LjctNi43YzAtMy43LTMtNi43LTYuNy02LjdoLTE2Ljd2MTkuOWgzLjhWMy43aDEyLjZjMS44LDAsMy4yLDEuNCwzLjIsMy4yIGMwLDEuOC0xLjQsMy4yLTMuMiwzLjJsLTEwLjgsMGwxMS40LDEwaDUuNWwtNy43LTYuNEwxMjAuMiwxMy42Ii8+PHBhdGggY2xhc3M9ImEiIGQ9Ik03OS45LDIwLjFjLTUuNSwwLTkuOS00LjQtOS45LTkuOWMwLTUuNSw0LjQtOS45LDkuOS05LjloMTEuNWM1LjUsMCw5LjksNC40LDkuOSw5LjljMCw1LjUtNC40LDkuOS05LjksOS45SDc5LjkgTTkxLjIsMTYuNmMzLjYsMCw2LjQtMi45LDYuNC02LjRjMC0zLjYtMi45LTYuNC02LjQtNi40aC0xMWMtMy41LDAtNi40LDIuOS02LjQsNi40czIuOSw2LjQsNi40LDYuNEg5MS4yIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNjMuOCwyMC4xYy01LjUsMC0xMC00LjQtMTAtOS45YzAtNS41LDQuNS05LjksMTAtOS45aDEzLjdsLTIuMywzLjVIMTY0Yy0zLjYsMC02LjUsMi45LTYuNSw2LjRjMCwzLjUsMi45LDYuNCw2LjUsNi40aDEzLjhsLTIuMiwzLjVIMTYzLjgiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTIxMC41LDE2LjZjLTIuOSwwLTUuNC0yLTYuMi00LjdoMTYuNGwyLjItMy41aC0xOC42YzAuOC0yLjcsMy4zLTQuNyw2LjItNC43aDExLjJsMi4yLTMuNWgtMTMuN2MtNS41LDAtOS45LDQuNC05LjksOS45YzAsNS41LDQuNCw5LjksOS45LDkuOUgyMjJsMi4yLTMuNUgyMTAuNSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjI2LDIuM2MwLTEsMC44LTEuOCwxLjgtMS44YzEsMCwxLjgsMC44LDEuOCwxLjhjMCwxLTAuOCwxLjgtMS44LDEuOEMyMjYuOCw0LjEsMjI2LDMuMywyMjYsMi4zIE0yMjcuOCw0LjZjMS4yLDAsMi4yLTEsMi4yLTIuMmMwLTEuMi0xLTIuMi0yLjItMi4yYy0xLjIsMC0yLjIsMS0yLjIsMi4yUzIyNi41LDQuNiwyMjcuOCw0LjYgTTIyNy42LDFjMC4zLDAsMC41LDAsMC42LDAuMWMwLjUsMC4xLDAuNSwwLjYsMC41LDAuN2MwLDAsMCwwLjEsMCwwLjJjMCwwLjEtMC4xLDAuMy0wLjMsMC40YzAsMCwwLDAtMC4xLDAuMWwwLjYsMWgtMC42bC0wLjUtMWgtMC4zdjFIMjI3VjFIMjI3LjYgTTIyNy43LDIuMWMwLjIsMCwwLjMsMCwwLjQtMC4yYzAuMSwwLDAuMS0wLjEsMC4xLTAuMmMwLTAuMS0wLjEtMC4yLTAuMi0wLjNjLTAuMS0wLjEtMC4yLTAuMS0wLjUtMC4xaC0wLjF2MC43SDIyNy43Ii8+PC9zdmc+");
    opacity: 1
}

.o_icon {
    display: block;
    width: 100%
}

.o_icon span {
    text-indent: -9999px;
    display: block;
    height: 0
}


/*! VENDOR - SLICK CAROUSEL */

.slick-loading .slick-list {
    background: #fff url("../../../asset/web/i/w01-loader.gif") center center no-repeat
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 8em;
    width: 5em;
    cursor: pointer;
    background: transparent;
    color: transparent;
    bottom: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    overflow: hidden;
    font-size: 1.1rem
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
    text-decoration: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev:hover,
.slick-next:hover {
    background-color: rgba(50, 75, 92, 0.1)
}

.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {
    background-color: transparent !important
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    color: #939699;
    opacity: .4
}

.slick-prev:before,
.slick-next:before {
    display: block;
    font-family: "oracleicons" !important;
    font-size: 10em;
    line-height: 0.85;
    color: #00758f;
    opacity: 1;
    -webkit-transform: translateX(-0.25em);
    -ms-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rtl .slick-prev:before,
.rtl .slick-next:before {
    -webkit-transform: translateX(0.25em);
    -ms-transform: translateX(0.25em);
    transform: translateX(0.25em)
}

.slick-prev {
    left: 0
}

.rtl .slick-prev {
    left: auto;
    right: 0
}

.slick-prev:before {
    content: "\ea8f"
}

.rtl .slick-prev:before {
    content: "\ea90"
}

.slick-next {
    right: 0
}

.rtl .slick-next {
    left: 0;
    right: auto
}

.slick-next:before {
    content: "\ea90"
}

.rtl .slick-next:before {
    content: "\ea8f"
}

_:-ms-input-placeholder,
:root .slick-prev,
_:-ms-input-placeholder,
:root .slick-next {
    height: 88px;
    width: 55px
}

_:-ms-input-placeholder,
:root .slick-prev:before,
_:-ms-input-placeholder,
:root .slick-next:before {
    font-size: 110px
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dotted.slick-slider.slick-dotted-hidden {
    margin-bottom: 0
}

.slick-dots {
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 30px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots.hide {
    visibility: hidden;
    width: 1em;
    height: 0
}

.slick-dots li {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    width: 22px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    box-sizing: border-box;
    margin: 0 auto;
    border: 2px solid #939699;
    border-radius: 50%;
    background: transparent;
    display: block;
    height: 18px;
    width: 18px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
    opacity: 1;
    transition: background 200ms linear, border-color 200ms linear
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    opacity: 1;
    background: #939699
}

.slick-dots li.slick-active button {
    background: #f80000;
    border-color: #f80000;
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.rtl .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@media only screen and (min-width: 1601px) {
    .slick-prev {
        left: calc((1600px - 1400px) / 2 - 5em - 1.5em)
    }
    .slick-next {
        right: calc((1600px - 1400px) / 2 - 5em - 1.5em)
    }
}

@media only screen and (min-width: 1510px) and (max-width: 1600px) {
    .slick-prev {
        left: calc((100vw - 1400px) / 2 - 5em - 1.5em)
    }
    .slick-next {
        right: calc((100vw - 1400px) / 2 - 5em - 1.5em)
    }
}

@media only screen and (max-width: 770px) {
    .slick-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -ms-flex-wrap: none;
        flex-flow: row nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1em
    }
    .slick-prev,
    .slick-next {
        height: 4em;
        width: 2.5em;
        position: static;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .slick-prev:before,
    .slick-next:before {
        font-size: 5em
    }
    _:-ms-input-placeholder,
    :root .slick-prev,
    _:-ms-input-placeholder,
    :root .slick-next {
        height: 44px;
        width: 27.5px
    }
    _:-ms-input-placeholder,
    :root .slick-prev:before,
    _:-ms-input-placeholder,
    :root .slick-next:before {
        font-size: 55px
    }
    .slick-prev {
        -ms-flex-order: 0;
        order: 0
    }
    .slick-next {
        -ms-flex-order: 2;
        order: 2
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0
    }
    .slick-dots {
        -ms-flex-order: 1;
        order: 1;
        position: static;
        width: auto
    }
    .slick-nav .slick-dots {
        margin: 0 1em
    }
    .slick-dots li {
        width: 18px;
        height: 18px
    }
    .slick-dots li button {
        width: 14px;
        height: 14px
    }
}

@media only screen and (max-width: 770px) and (min-width: 599px) {
    .slick-dots li {
        width: 12px;
        height: 12px
    }
    .slick-dots li button {
        width: 8px;
        height: 8px
    }
}


.slicklight .slick-prev:before,
.slicklight .slick-next:before {
    transition: color 0.8s 0s !important;
    -webkit-transition: color 0.8s 0s !important;
    -moz-transition: color 0.8s 0s !important;
    color: #FFF
}


/*! VENDOR - TRUSTE RESPONSIVE */

div.truste-heading {
    margin: 0 25px 0 0;
    color: #fff
}

span.truste-heading-text {
    font-size: 23px;
    font-size: 2.3rem
}

hr.truste-hr-banner {
    margin: 10px 25px 0 25px;
    display: none
}

div#truste-consent-track {
    background-color: #4E5052
}

div#truste-consent-text {
    font-size: 1.4rem;
    margin-top: 10px;
    color: white
}

div#truste-consent-content {
    display: table;
    padding: 25px 10px;
    max-width: 974px;
    margin: 0px auto
}

div#truste-consent-buttons {
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box;
    min-width: 20rem;
    border-left: 25px solid transparent
}

button#truste-show-consent {
    background: #4E5052;
    border: solid 2px white;
    padding: 10px 20px;
    color: white;
    font-size: 1.6rem;
    cursor: pointer;
    border-radius: 5px
}

button#truste-show-consent:hover {
    background-color: white;
    color: #4E5052
}

#truste-consent-button {
    font-size: 0;
    z-index: 10;
    line-height: 0;
    position: absolute;
    margin: 10px 10px 0 0;
    top: 0px;
    right: 0px
}

#truste-consent-button em {
    visibility: hidden
}

#truste-consent-button:before {
    font-size: 0;
    display: inline-block;
    content: ' ';
    height: 2.4rem;
    width: 2.4rem;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQsMyAyMSwwIDEyLDkgMywwIDAsMyA5LDEyIDAsMjEgMywyNCAxMiwxNSAyMSwyNCAyNCwyMSAxNSwxMiAiLz4NCjwvc3ZnPg0K") no-repeat 0px 0px transparent;
    background-size: 100% 100%;
    opacity: 1;
    line-height: 0
}

div.truste-image {
    display: table-cell;
    box-sizing: content-box;
    width: 10rem;
    border-right: 25px solid transparent;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODggMjUyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4OCAyNTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRn0NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjUsMTY3LjRsMTUuOSwxNS45YzIuOC0wLjEsNS4xLTIuNCw1LjEtNS4ydi0yMC40YzAtMi45LTIuMy01LjItNS4yLTUuMmgtODYuNmMtMi45LDAtNS4yLDIuMy01LjIsNS4yDQoJdjIwLjRjMCwyLjksMi4zLDUuMiw1LjIsNS4yaDYwLjl2LTExLjljMC0yLjMsMS40LTQuNCwzLjYtNS4zYzAuNy0wLjMsMS41LTAuNCwyLjItMC40QzE2OSwxNjUuNywxNzAuNCwxNjYuMywxNzEuNSwxNjcuNA0KCSBNMzguMSwxMzQuOGgyMTEuN1Y5MC43SDM4LjFWMTM0Ljh6IE00Nyw5OS41SDI0MVYxMjZINDdWOTkuNXogTTI4MC43LDIuNUg3LjNjLTIuNCwwLTQuNCwyLTQuNCw0LjR2MjA3LjNoMTU4Ljh2LTguOGgtMTUwVjU5LjgNCgloMjY0LjZ2MTQ1LjZoLTY2LjhsNi4zLDYuM2MwLjcsMC43LDEuMiwxLjYsMS41LDIuNWg2Ny44VjYuOUMyODUuMSw0LjUsMjgzLjIsMi41LDI4MC43LDIuNXogTTYyLjQsMTEuM2MzLjcsMCw2LjYsMyw2LjYsNi42DQoJcy0zLDYuNi02LjYsNi42cy02LjYtMy02LjYtNi42UzU4LjcsMTEuMyw2Mi40LDExLjN6IE00MC4zLDExLjNjMy43LDAsNi42LDMsNi42LDYuNnMtMyw2LjYtNi42LDYuNnMtNi42LTMtNi42LTYuNg0KCVMzNi43LDExLjMsNDAuMywxMS4zeiBNMTguMywxMS4zYzMuNywwLDYuNiwzLDYuNiw2LjZzLTMsNi42LTYuNiw2LjZzLTYuNi0zLTYuNi02LjZTMTQuNiwxMS4zLDE4LjMsMTEuM3ogTTExLjcsMzMuNGgxODAuOFY1MQ0KCUgxMS43VjMzLjR6IE0yMDEuMywzMy40aDc1VjUxaC03NVYzMy40eiBNMjAwLjcsMjAyLjhsLTMyLjMtMzIuM2MtMC40LTAuNC0xLTAuNS0xLjUtMC4zYy0wLjUsMC4yLTAuOCwwLjctMC44LDEuM3Y2Mi43DQoJYzAsMS4yLDEuNSwxLjgsMi4zLDFsMTIuOC0xMi44bDEwLjksMjYuM2MwLjMsMC43LDEuMSwxLDEuOCwwLjdsNS0yLjFsNS0yLjFjMC43LTAuMywxLTEuMSwwLjctMS44bC0xMC45LTI2LjNoMTgNCgljMS4yLDAsMS44LTEuNSwxLTIuM0wyMDAuNywyMDIuOHoiLz4NCjwvc3ZnPg0K) no-repeat;
    background-position: center center
}

@media only screen and (max-width: 975px) and (min-width: 771px) {
    div#truste-consent-text {
        padding-bottom: 10px
    }
}
@media only screen and (max-width: 770px) and (min-width: 501px) {
    div#truste-consent-text {
        width: 75%
    }
    div#truste-consent-buttons {
        margin: 15px 0 10px;
        float: left;
        border: 0
    }
}

@media only screen and (max-width: 500px) and (min-width: 0) {
    div.truste-heading {
        margin-left: 15px
    }
    div#truste-consent-text {
        width: 90%;
        margin: 10px 15px
    }
    div#truste-consent-buttons {
        margin: 10px 15px 0;
        float: left;
        border: 0
    }
    div.truste-image {
        display: none
    }
}


/*! F11v6 */

html,
body {
    height: 100%;
    background-color: #bec0c2
}

.f11v6 .f11w1 {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    min-width: 300px
}

.f11.f11v6 {
    overflow-x: hidden
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .f11v6 {
        overflow-x: auto
    }
}


/*! CG19 */

.col-framework {
    margin-left: auto;
    margin-right: auto
}

.col-item {
    float: none !important;
    position: relative;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    -ms-flex-wrap: none;
    flex-flow: column nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.col-item>div {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-item:focus {
    outline: 0
}

.col-w1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: left;
    -ms-flex-align: stretch;
    align-items: stretch
}

.col-centered .col-item {
    -ms-flex-pack: center;
    justify-content: center
}

.col-top .col-item {
    justify-content: flex-start !important
}

.col-bottom .col-item {
    justify-content: flex-end !important
}

.col-stretched .col-item .col-item-w1 {
    align-self: stretch;
    height: 100%
}

.col2 .col-item {
    width: 50%;
    max-width: 50%
}

.col2 .col1-third-col2 .col-item:nth-child(1n),
.col2.col1-third-col2 .col-item:nth-child(1n) {
    width: 33.333%;
    max-width: 33.333%
}

.col2 .col1-third-col2 .col-item:nth-child(2n),
.col2.col1-third-col2 .col-item:nth-child(2n) {
    width: 66.666%;
    max-width: 66.666%
}

.col2 .col2-thirds-col1 .col-item:nth-child(1n),
.col2.col2-thirds-col1 .col-item:nth-child(1n) {
    width: 66.666%;
    max-width: 66.666%
}

.col2 .col2-thirds-col1 .col-item:nth-child(2n),
.col2.col2-thirds-col1 .col-item:nth-child(2n) {
    width: 33.333%;
    max-width: 33.333%
}

.col2.col-twothreefifth .col-item:nth-child(1n) {
    width: 40%;
    max-width: 40%
}

.col2.col-twothreefifth .col-item:nth-child(2n) {
    width: 60%;
    max-width: 60%
}

.col2.col-threetwofifth .col-item:nth-child(1n) {
    width: 60%;
    max-width: 60%
}

.col2.col-threetwofifth .col-item:nth-child(2n) {
    width: 40%;
    max-width: 40%
}

.col2.col-altsize .col-item:nth-child(1n) {
    width: 58.218%;
    max-width: 58.218%
}

.col2.col-altsize .col-item:nth-child(2n) {
    width: 41.782%;
    max-width: 41.782%
}

.col3 .col-item {
    width: 33.3333%;
    max-width: 33.3333%
}

.col4 .col-item {
    width: 25%;
    max-width: 25%
}

.col5 .col-item {
    width: 20%;
    max-width: 20%
}

.col5 .col-item.col-span2 {
    width: 40%;
    max-width: 40%
}

.col3.col-framework.col-altbreak .col-w1,
.col5.col-framework .col-w1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

.col-gutters {
    margin-bottom: -36px !important
}

.col-gutters>.col-w1,
.col-gutters>.cwidth>.col-w1 {
    margin: 0 -18px
}

.col-gutters .col-item {
    margin: 0 18px 36px
}

.col-gutters.expando,
.expando .col-gutters {
    margin-bottom: 0 !important
}

.col-gutters.crsl-slider .col-item {
    margin: 0 18px !important
}

.col-gutters .slick-list {
    margin: 0 -18px
}

.col-gutters.col2 .col-item {
    width: calc(50% - 36px);
    max-width: calc(50% - 36px)
}

.col-gutters.col2 .col1-third-col2 .col-item:nth-child(1n),
.col-gutters.col2.col1-third-col2 .col-item:nth-child(1n) {
    width: calc(33.3333% - 36px);
    max-width: calc(33.3333% - 36px)
}

.col-gutters.col2 .col1-third-col2 .col-item:nth-child(2n),
.col-gutters.col2.col1-third-col2 .col-item:nth-child(2n) {
    width: calc(66.666% - 36px);
    max-width: calc(66.666% - 36px)
}

.col-gutters.col2 .col2-thirds-col1 .col-item:nth-child(1n),
.col-gutters.col2.col2-thirds-col1 .col-item:nth-child(1n) {
    width: calc(66.666% - 36px);
    max-width: calc(66.666% - 36px)
}

.col-gutters.col2 .col2-thirds-col1 .col-item:nth-child(2n),
.col-gutters.col2.col2-thirds-col1 .col-item:nth-child(2n) {
    width: calc(33.3333% - 36px);
    max-width: calc(33.3333% - 36px)
}

.col-gutters.col2.col-twothreefifth .col-item:nth-child(1n) {
    width: calc(40% - 36px);
    max-width: calc(40% - 36px)
}

.col-gutters.col2.col-twothreefifth .col-item:nth-child(2n) {
    width: calc(60% - 36px);
    max-width: calc(60% - 36px)
}

.col-gutters.col2.col-threetwofifth .col-item:nth-child(1n) {
    width: calc(60% - 36px);
    max-width: calc(60% - 36px)
}

.col-gutters.col2.col-threetwofifth .col-item:nth-child(2n) {
    width: calc(40% - 36px);
    max-width: calc(40% - 36px)
}

.col-gutters.col2.col-altsize .col-item:nth-child(1n) {
    width: calc(58.218% - 36px);
    max-width: calc(58.218% - 36px)
}

.col-gutters.col2.col-altsize .col-item:nth-child(2n) {
    width: calc(41.782% - 36px);
    max-width: calc(41.782% - 36px)
}

.col-gutters.col3 .col-item {
    width: calc(33.3333% - 36px);
    max-width: calc(33.3333% - 36px)
}

.col-gutters.col4 .col-item {
    width: calc(25% - 36px);
    max-width: calc(25% - 36px)
}

.col-gutters.col5 .col-item {
    width: calc(20% - 36px);
    max-width: calc(20% - 36px)
}

.col-gutters.col5 .col-item.col-span2 {
    width: calc(40% - 36px);
    max-width: calc(40% - 36px)
}

.col-smallgutters {
    margin-bottom: -.66666em !important
}

.col-smallgutters>.col-w1,
.col-smallgutters>.cwidth>.col-w1 {
    margin: 0 calc(.66666em/-2.1)
}

.col-smallgutters .col-item {
    margin: 0 calc(.66666em/2.1) .66666em
}

.col-smallgutters.expando,
.expando .col-smallgutters {
    margin-bottom: 0 !important
}

.col-smallgutters.crsl-slider .col-item {
    margin: 0 calc(.66666em/2.1) !important
}

.col-smallgutters .slick-list {
    margin: 0 calc(.66666em/-2.1)
}

.col-smallgutters.col2 .col-item {
    width: calc(50% - .66666em);
    max-width: calc(50% - .66666em)
}

.col-smallgutters.col2 .col1-third-col2 .col-item:nth-child(1n),
.col-smallgutters.col2.col1-third-col2 .col-item:nth-child(1n) {
    width: calc(33.3333% - .66666em);
    max-width: calc(33.3333% - .66666em)
}

.col-smallgutters.col2 .col1-third-col2 .col-item:nth-child(2n),
.col-smallgutters.col2.col1-third-col2 .col-item:nth-child(2n) {
    width: calc(66.666% - .66666em);
    max-width: calc(66.666% - .66666em)
}

.col-smallgutters.col2 .col2-thirds-col1 .col-item:nth-child(1n),
.col-smallgutters.col2.col2-thirds-col1 .col-item:nth-child(1n) {
    width: calc(66.666% - .66666em);
    max-width: calc(66.666% - .66666em)
}

.col-smallgutters.col2 .col2-thirds-col1 .col-item:nth-child(2n),
.col-smallgutters.col2.col2-thirds-col1 .col-item:nth-child(2n) {
    width: calc(33.3333% - .66666em);
    max-width: calc(33.3333% - .66666em)
}

.col-smallgutters.col2.col-twothreefifth .col-item:nth-child(1n) {
    width: calc(40% - .66666em);
    max-width: calc(40% - .66666em)
}

.col-smallgutters.col2.col-twothreefifth .col-item:nth-child(2n) {
    width: calc(60% - .66666em);
    max-width: calc(60% - .66666em)
}

.col-smallgutters.col2.col-threetwofifth .col-item:nth-child(1n) {
    width: calc(60% - .66666em);
    max-width: calc(60% - .66666em)
}

.col-smallgutters.col2.col-threetwofifth .col-item:nth-child(2n) {
    width: calc(40% - .66666em);
    max-width: calc(40% - .66666em)
}

.col-smallgutters.col2.col-altsize .col-item:nth-child(1n) {
    width: calc(58.218% - .66666em);
    max-width: calc(58.218% - .66666em)
}

.col-smallgutters.col2.col-altsize .col-item:nth-child(2n) {
    width: calc(41.782% - .66666em);
    max-width: calc(41.782% - .66666em)
}

.col-smallgutters.col3 .col-item {
    width: calc(33.3333% - .66666em);
    max-width: calc(33.3333% - .66666em)
}

.col-smallgutters.col4 .col-item {
    width: calc(25% - .66666em);
    max-width: calc(25% - .66666em)
}

.col-smallgutters.col5 .col-item {
    width: calc(20% - .66666em);
    max-width: calc(20% - .66666em)
}

.col-smallgutters.col5 .col-item.col-span2 {
    width: calc(40% - .66666em);
    max-width: calc(40% - .66666em)
}

.col-gutters.col-hover a.col-item:focus,
.col-gutters.col-hover a.col-item:hover {
    transform: scale(1.035);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2)
}

.col-smallgutters.col-hover a.col-item:focus,
.col-smallgutters.col-hover a.col-item:hover {
    transform: scale(1.02);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2)
}

.col-zoomhover a.col-item:focus,
.col-zoomhover a.col-item:hover {
    transform: scale(1.06)
}

@media only screen and (min-width: 600px) {
    .col2.col-gutters.col-hover a.col-item:hover {
        transform: scale(1.017) !important
    }
    .col2.col-smallgutters.col-hover a.col-item:hover {
        transform: scale(1.01) !important
    }
}

.js .col-framework:not(.col-noanimation) .col-item {
    opacity: 0
}

.js .col-framework.inview.col5 .col-item:nth-of-type(5n+1) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards
}

.js .col-framework.inview.col5 .col-item:nth-of-type(5n+2) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards
}

.js .col-framework.inview.col5 .col-item:nth-of-type(5n+3) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards
}

.js .col-framework.inview.col5 .col-item:nth-of-type(5n+4) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards
}

.js .col-framework.inview.col5 .col-item:nth-of-type(5n+5) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards
}

.js .col-framework.inview.col4 .col-item:nth-of-type(4n+1) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards
}

.js .col-framework.inview.col4 .col-item:nth-of-type(4n+2) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards
}

.js .col-framework.inview.col4 .col-item:nth-of-type(4n+3) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards
}

.js .col-framework.inview.col4 .col-item:nth-of-type(4n+4) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards
}

.js .col-framework.inview.col3 .col-item:nth-of-type(3n+1) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards
}

.js .col-framework.inview.col3 .col-item:nth-of-type(3n+2) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards
}

.js .col-framework.inview.col3 .col-item:nth-of-type(3n+3) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards
}

.js .col-framework.inview.col2 .col-item:nth-of-type(2n+1) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards
}

.js .col-framework.inview.col2 .col-item:nth-of-type(2n+2) {
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards
}

.o-crsl {
    position: relative;
    padding: 0;
    clear: both
}

.o-crsl .crsl-slider {
    margin-bottom: 22px !important
}

.o-crsl .slick-dotted-hidden.crsl-slider {
    margin-bottom: 0 !important
}

.o-crsl .slick-track {
    transform: translate3d(0px, 0px, 0px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0.6em 0 1.35em
}

.o-crsl .slick-list {
    margin-top: -0.6em !important;
    margin-bottom: -1.35em !important
}

.o-crsl .slick-slide.col-item {
    height: auto
}

.o-crsl .crsl-slider {
    display: none;
    margin-left: auto;
    margin-right: auto
}

.o-crsl .slick-prev {
    left: -6em
}

.rtl .o-crsl .slick-prev {
    left: auto;
    right: -6em
}

.o-crsl .slick-next {
    right: -6em
}

.rtl .o-crsl .slick-next {
    right: auto;
    left: -6em
}

.o-crsl .slick-dots {
    bottom: -1.75em
}

.o-crsl.col1 .slick-dots {
    bottom: 1.75em
}

.no-js .crsl-slider,
.crsl-slider.slick-initialized {
    display: block
}

@media only screen and (max-width: 770px) {
    .o-crsl {
        padding-left: 0;
        padding-right: 0
    }
    .o-crsl .slick-nav {
        margin-top: 0;
        margin-bottom: -22px
    }
}

@media only screen and (min-width: 1080px) and (max-width: 1550px) {
    .o-crsl.crsl-full {
        padding-left: 3.4em;
        padding-right: 3.4em
    }
    .o-crsl.crsl-full .slick-prev {
        left: -16px
    }
    .rtl .o-crsl.crsl-full .slick-prev {
        left: auto;
        right: -16px
    }
    .o-crsl.crsl-full .slick-next {
        right: -16px
    }
    .rtl .o-crsl.crsl-full .slick-next {
        right: auto;
        left: -16px
    }
}

@media only screen and (min-width: 770px) and (max-width: 1080px) {
    .o-crsl.col1,
    .o-crsl.col2.crsl-full,
    .o-crsl.col3 {
        padding-left: 3.4em;
        padding-right: 3.4em
    }
    .o-crsl.col1 .slick-prev,
    .o-crsl.col2.crsl-full .slick-prev,
    .o-crsl.col3 .slick-prev {
        left: -16px
    }
    .rtl .o-crsl.col1 .slick-prev,
    .rtl .o-crsl.col2.crsl-full .slick-prev,
    .rtl .o-crsl.col3 .slick-prev {
        left: auto;
        right: -16px
    }
    .o-crsl.col1 .slick-next,
    .o-crsl.col2.crsl-full .slick-next,
    .o-crsl.col3 .slick-next {
        right: -16px
    }
    .rtl .o-crsl.col1 .slick-next,
    .rtl .o-crsl.col2.crsl-full .slick-next,
    .rtl .o-crsl.col3 .slick-next {
        right: auto;
        left: -16px
    }
}

@media only screen and (min-width: 770px) and (max-width: 1300px) {
    .o-crsl.col4,
    .o-crsl.col5 {
        padding-left: 3.4em;
        padding-right: 3.4em
    }
    .o-crsl.col4 .slick-prev,
    .o-crsl.col5 .slick-prev {
        left: -16px
    }
    .o-crsl.col4 .slick-next,
    .o-crsl.col5 .slick-next {
        right: -16px
    }
}

@media only screen and (max-width: 1300px) {
    .col-justified {
        max-width: 100% !important
    }
    .col4.col-framework {
        max-width: 700px
    }
    .col4.col-framework .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-gutters .col-item {
        width: calc(50% - 36px);
        max-width: calc(50% - 36px)
    }
    .col4.col-framework.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col4.col-framework.col-multi {
        max-width: 100%
    }
    .col4.col-framework.col-multi .col-item {
        width: 33.3333%;
        max-width: 33.3333%
    }
    .col4.col-framework.col-multi.col-gutters .col-item {
        width: calc(33.3333% - 36px);
        max-width: calc(33.3333% - 36px)
    }
    .col4.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(33.3333% - .66666em);
        max-width: calc(33.3333% - .66666em)
    }
    .col4.col-framework.col-altbreak-3,
    .col4.col-framework.col-altbreak-2,
    .col4.col-framework.col-altbreak {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item,
    .col4.col-framework.col-altbreak-2 .col-item,
    .col4.col-framework.col-altbreak .col-item {
        width: 25%;
        max-width: 25%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item,
    .col4.col-framework.col-altbreak-2.col-gutters .col-item,
    .col4.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(25% - 36px);
        max-width: calc(25% - 36px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak-2.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(25% - .66666em);
        max-width: calc(25% - .66666em)
    }
    .col5.col-framework {
        max-width: 860px
    }
    .col5.col-framework .col-item {
        width: 33.3333%;
        max-width: 33.3333%
    }
    .col5.col-framework.col-gutters .col-item {
        width: calc(33.3333% - 36px);
        max-width: calc(33.3333% - 36px)
    }
    .col5.col-framework.col-smallgutters .col-item {
        width: calc(33.3333% - .66666em);
        max-width: calc(33.3333% - .66666em)
    }
    .col5.col-framework .col-item.col-span2 {
        width: 100%;
        max-width: 100%
    }
    .col5.col-framework.col-gutters .col-item.col-span2 {
        width: calc(100% - 36px);
        max-width: calc(100% - 36px)
    }
    .col5.col-framework.col-smallgutters .col-item.col-span2 {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col5.col-framework.col-multi {
        max-width: 100%
    }
    .col5.col-framework.col-multi .col-item {
        width: 25%;
        max-width: 25%
    }
    .col5.col-framework.col-multi.col-gutters .col-item {
        width: calc(25% - 36px);
        max-width: calc(25% - 36px)
    }
    .col5.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(25% - .66666em);
        max-width: calc(25% - .66666em)
    }
}

@media only screen and (max-width: 1080px) {
    .col-gutters {
        margin-bottom: -32px !important
    }
    .col-gutters>.col-w1,
    .col-gutters>.cwidth>.col-w1 {
        margin: 0 -16px
    }
    .col-gutters .col-item {
        margin: 0 16px 32px
    }
    .col-gutters.crsl-slider .col-item {
        margin: 0 16px !important
    }
    .col-gutters .slick-list {
        margin: 0 -16px
    }
    .col2.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col2.col-gutters .col1-third-col2 .col-item:nth-child(1n),
    .col2.col-gutters.col1-third-col2 .col-item:nth-child(1n) {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col2.col-gutters .col1-third-col2 .col-item:nth-child(2n),
    .col2.col-gutters.col1-third-col2 .col-item:nth-child(2n) {
        width: calc(66.666% - 32px);
        max-width: calc(66.666% - 32px)
    }
    .col2.col-gutters .col2-thirds-col1 .col-item:nth-child(1n),
    .col2.col-gutters.col2-thirds-col1 .col-item:nth-child(1n) {
        width: calc(66.666% - 32px);
        max-width: calc(66.666% - 32px)
    }
    .col2.col-gutters .col2-thirds-col1 .col-item:nth-child(2n),
    .col2.col-gutters.col2-thirds-col1 .col-item:nth-child(2n) {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col2.col-gutters.col-twothreefifth .col-item:nth-child(1n) {
        width: calc(40% - 32px);
        max-width: calc(40% - 32px)
    }
    .col2.col-gutters.col-twothreefifth .col-item:nth-child(2n) {
        width: calc(60% - 32px);
        max-width: calc(60% - 32px)
    }
    .col2.col-gutters.col-threetwofifth .col-item:nth-child(1n) {
        width: calc(60% - 32px);
        max-width: calc(60% - 32px)
    }
    .col2.col-gutters.col-threetwofifth .col-item:nth-child(2n) {
        width: calc(40% - 32px);
        max-width: calc(40% - 32px)
    }
    .col2.col-smallgutters.col-twothreefifth .col-item:nth-child(1n) {
        width: calc(40% - .66666em);
        max-width: calc(40% - .66666em)
    }
    .col2.col-smallgutters.col-twothreefifth .col-item:nth-child(2n) {
        width: calc(60% - .66666em);
        max-width: calc(60% - .66666em)
    }
    .col2.col-smallgutters.col-threetwofifth .col-item:nth-child(1n) {
        width: calc(60% - .66666em);
        max-width: calc(60% - .66666em)
    }
    .col2.col-smallgutters.col-threetwofifth .col-item:nth-child(2n) {
        width: calc(40% - .66666em);
        max-width: calc(40% - .66666em)
    }
    .col2.col-gutters.col-altsize .col-item:nth-child(1n) {
        width: calc(58.218% - 32px);
        max-width: calc(58.218% - 32px)
    }
    .col2.col-gutters.col-altsize .col-item:nth-child(2n) {
        width: calc(41.782% - 32px);
        max-width: calc(41.782% - 32px)
    }
    .col3.col-framework .col-item {
        width: 33.3333%;
        max-width: 33.3333%
    }
    .col3.col-framework.col-gutters .col-item {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col3.col-framework.col-smallgutters .col-item {
        width: calc(33.3333% - .66666em);
        max-width: calc(33.3333% - .66666em)
    }
    .col4.col-framework.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col4.col-framework.col-gutters.col-multi .col-item {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col4.col-framework.col-altbreak-3,
    .col4.col-framework.col-altbreak-2,
    .col4.col-framework.col-altbreak {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item,
    .col4.col-framework.col-altbreak-2 .col-item,
    .col4.col-framework.col-altbreak .col-item {
        width: 25%;
        max-width: 25%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item,
    .col4.col-framework.col-altbreak-2.col-gutters .col-item,
    .col4.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(25% - 32px);
        max-width: calc(25% - 32px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak-2.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(25% - .66666em);
        max-width: calc(25% - .66666em)
    }
    .col5.col-framework.col-gutters .col-item {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col5.col-framework.col-multi {
        max-width: 100%
    }
    .col5.col-framework.col-multi .col-item {
        width: 25%;
        max-width: 25%
    }
    .col5.col-framework.col-multi.col-gutters .col-item {
        width: calc(25% - 32px);
        max-width: calc(25% - 32px)
    }
    .col5.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(25% - .66666em);
        max-width: calc(25% - .66666em)
    }
}

@media only screen and (max-width: 974px) {
    .col3.col-framework.col-multi {
        max-width: 700px
    }
    .col3.col-framework.col-multi .col-item {
        width: 50%;
        max-width: 50%
    }
    .col3.col-framework.col-multi.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col3.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col4.col-framework.col-altbreak {
        max-width: 400px
    }
    .col4.col-framework.col-altbreak .col-item {
        width: 100%;
        max-width: 100%
    }
    .col4.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px)
    }
    .col4.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col4.col-framework.col-multi,
    .col4.col-framework.col-altbreak-2 {
        max-width: 700px
    }
    .col4.col-framework.col-multi .col-item,
    .col4.col-framework.col-altbreak-2 .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-multi.col-gutters .col-item,
    .col4.col-framework.col-altbreak-2.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col4.col-framework.col-multi.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak-2.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col4.col-framework.col-altbreak-3 {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item {
        width: 25%;
        max-width: 25%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item {
        width: calc(25% - 32px);
        max-width: calc(25% - 32px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item {
        width: calc(25% - .66666em);
        max-width: calc(25% - .66666em)
    }
    .col5.col-framework.col-multi {
        max-width: 100%
    }
    .col5.col-framework.col-multi .col-item {
        width: 33.3333%;
        max-width: 33.3333%
    }
    .col5.col-framework.col-multi.col-gutters .col-item {
        width: calc(33.3333% - 32px);
        max-width: calc(33.3333% - 32px)
    }
    .col5.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(33.3333% - .66666em);
        max-width: calc(33.3333% - .66666em)
    }
}

@media only screen and (max-width: 860px) {
    .col3.col-framework {
        max-width: 400px
    }
    .col3.col-framework .col-item {
        width: 100%;
        max-width: 100%
    }
    .col3.col-framework.col-gutters .col-item {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px)
    }
    .col3.col-framework.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col3.col-framework.col-altbreak {
        max-width: 100%
    }
    .col3.col-framework.col-altbreak .col-item {
        width: 50%;
        max-width: 50%
    }
    .col3.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col3.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
}

@media (max-width: 770px) {
    .col4.col-framework.col-altbreak-3 {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col-framework.col2 .col-item,
    .col-framework.col2 .col1-third-col2 .col-item,
    .col-framework.col2 .col2-thirds-col1 .col-item,
    .col-framework.col2.col1-third-col2 .col-item,
    .col-framework.col2.col2-thirds-col1 .col-item,
    .col-framework.col2.col-twothreefifth .col-item,
    .col-framework.col2.col-threetwofifth .col-item {
        width: 100%;
        max-width: 100%
    }
    .col-framework.col2.col-gutters .col-item,
    .col-framework.col2 .col1-third-col2.col-gutters .col-item,
    .col-framework.col2 .col2-thirds-col1.col-gutters .col-item,
    .col-framework.col2.col1-third-col2.col-gutters .col-item,
    .col-framework.col2.col2-thirds-col1.col-gutters .col-item,
    .col-framework.col2.col-twothreefifth.col-gutters .col-item,
    .col-framework.col2.col-threetwofifth.col-gutters .col-item {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px)
    }
    .col-framework.col2.col-smallgutters .col-item,
    .col-framework.col2 .col1-third-col2.col-smallgutters .col-item,
    .col-framework.col2 .col2-thirds-col1.col-smallgutters .col-item,
    .col-framework.col2.col1-third-col2.col-smallgutters .col-item,
    .col-framework.col2.col2-thirds-col1.col-smallgutters .col-item,
    .col-framework.col2.col-twothreefifth.col-smallgutters .col-item,
    .col-framework.col2.col-threetwofifth.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col-framework.col2.col-gutters .col1-third-col2 .col-item,
    .col-framework.col2.col-gutters .col2-thirds-col1 .col-item {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px)
    }
}

@media (min-width: 600px) and (max-width: 770px) {
    .col-framework.col2.col-altbreak .col-item:nth-child(1n) {
        width: 40%;
        max-width: 40%
    }
    .col-framework.col2.col-altbreak .col-item:nth-child(2n) {
        width: 60%;
        max-width: 60%
    }
    .col-framework.col2.col-altbreak.col-gutters .col-item:nth-child(1n) {
        width: calc(40% - 32px);
        max-width: calc(40% - 32px)
    }
    .col-framework.col2.col-altbreak.col-gutters .col-item:nth-child(2n) {
        width: calc(60% - 32px);
        max-width: calc(60% - 32px)
    }
    .col-framework.col2.col-altbreak.col-smallgutters .col-item:nth-child(1n) {
        width: calc(40% - .66666em);
        max-width: calc(40% - .66666em)
    }
    .col-framework.col2.col-altbreak.col-smallgutters .col-item:nth-child(2n) {
        width: calc(60% - .66666em);
        max-width: calc(60% - .66666em)
    }
    .col-framework.col2.col-altsize .col-item:nth-child(1n) {
        width: 54%;
        max-width: 54%
    }
    .col-framework.col2.col-altsize .col-item:nth-child(2n) {
        width: 46%;
        max-width: 46%
    }
    .col-framework.col2.col-altsize.col-gutters .col-item:nth-child(1n) {
        width: calc(54% - 32px);
        max-width: calc(54% - 32px)
    }
    .col-framework.col2.col-altsize.col-gutters .col-item:nth-child(2n) {
        width: calc(46% - 32px);
        max-width: calc(46% - 32px)
    }
    .col-framework.col2.col-altsize.col-smallgutters .col-item:nth-child(1n) {
        width: calc(54% - .66666em);
        max-width: calc(54% - .66666em)
    }
    .col-framework.col2.col-altsize.col-smallgutters .col-item:nth-child(2n) {
        width: calc(46% - .66666em);
        max-width: calc(46% - .66666em)
    }
}

@media only screen and (max-width: 600px) {
    .col-gutters {
        margin-bottom: -28px !important
    }
    .col-gutters>.col-w1,
    .col-gutters>.cwidth>.col-w1 {
        margin: 0 -14px
    }
    .col-gutters .col-item {
        margin: 0 14px 28px
    }
    .col-gutters.crsl-slider .col-item {
        margin: 0 14px !important
    }
    .col-gutters .slick-list {
        margin: 0 -14px
    }
    .col-framework.col2 .col-item,
    .col-framework.col2.col-altsize .col-item,
    .col-framework.col2 .col1-third-col2 .col-item,
    .col-framework.col2 .col2-thirds-col1 .col-item,
    .col-framework.col2.col1-third-col2 .col-item,
    .col-framework.col2.col2-thirds-col1 .col-item,
    .col-framework.col2.col-twothreefifth .col-item,
    .col-framework.col2.col-threetwofifth .col-item {
        width: 100%;
        max-width: 100%
    }
    .col-framework.col2.col-gutters .col-item,
    .col-framework.col2.col-altsize.col-gutters .col-item,
    .col-framework.col2 .col1-third-col2.col-gutters .col-item,
    .col-framework.col2 .col2-thirds-col1.col-gutters .col-item,
    .col-framework.col2.col1-third-col2.col-gutters .col-item,
    .col-framework.col2.col2-thirds-col1.col-gutters .col-item,
    .col-framework.col2.col-twothreefifth.col-gutters .col-item,
    .col-framework.col2.col-threetwofifth.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col-framework.col2.col-smallgutters .col-item,
    .col-framework.col2.col-altsize.col-smallgutters .col-item,
    .col-framework.col2 .col1-third-col2.col-smallgutters .col-item,
    .col-framework.col2 .col2-thirds-col1.col-smallgutters .col-item,
    .col-framework.col2.col1-third-col2.col-smallgutters .col-item,
    .col-framework.col2.col2-thirds-col1.col-smallgutters .col-item,
    .col-framework.col2.col-twothreefifth.col-smallgutters .col-item,
    .col-framework.col2.col-threetwofifth.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col-framework.col2.col-gutters .col1-third-col2 .col-item,
    .col-framework.col2.col-gutters .col2-thirds-col1 .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col3.col-framework.col-altbreak {
        max-width: 100%
    }
    .col3.col-framework.col-altbreak .col-item {
        width: 100%;
        max-width: 100%
    }
    .col3.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col3.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col3.col-framework,
    .col3.col-framework.col-multi,
    .col4.col-framework,
    .col4.col-framework.col-altbreak-2,
    .col4.col-framework.col-multi {
        max-width: 400px
    }
    .col3.col-framework .col-item,
    .col3.col-framework.col-multi .col-item,
    .col4.col-framework .col-item,
    .col4.col-framework.col-altbreak-2 .col-item,
    .col4.col-framework.col-multi .col-item {
        width: 100%;
        max-width: 100%
    }
    .col3.col-framework.col-gutters .col-item,
    .col3.col-framework.col-multi.col-gutters .col-item,
    .col4.col-framework.col-gutters .col-item,
    .col4.col-framework.col-altbreak-2.col-gutters .col-item,
    .col4.col-framework.col-multi.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col3.col-framework.col-smallgutters .col-item,
    .col3.col-framework.col-multi.col-smallgutters .col-item,
    .col4.col-framework.col-smallgutters .col-item,
    .col4.col-framework.col-altbreak-2.col-smallgutters .col-item,
    .col4.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col4.col-framework.col-2upmobile,
    .col4.col-framework.col-2upmobile.col-multi {
        max-width: 100%
    }
    .col4.col-framework.col-2upmobile .col-item,
    .col4.col-framework.col-2upmobile.col-multi .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-2upmobile.col-gutters .col-item,
    .col4.col-framework.col-2upmobile.col-multi.col-gutters .col-item {
        width: calc(50% - 28px);
        max-width: calc(50% - 28px)
    }
    .col4.col-framework.col-2upmobile.col-smallgutters .col-item,
    .col4.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col4.col-framework.col-altbreak-3 {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item {
        width: calc(50% - 28px);
        max-width: calc(50% - 28px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col4.col-framework.col-altbreak {
        max-width: 400px !important
    }
    .col4.col-framework.col-altbreak .col-item {
        width: 100% !important;
        max-width: 100% !important
    }
    .col4.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important
    }
    .col4.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col5.col-framework,
    .col5.col-framework.col-multi {
        max-width: 100%
    }
    .col5.col-framework .col-item,
    .col5.col-framework.col-multi .col-item {
        width: 50%;
        max-width: 50%
    }
    .col5.col-framework.col-gutters .col-item,
    .col5.col-framework.col-multi.col-gutters .col-item {
        width: calc(50% - 28px);
        max-width: calc(50% - 28px)
    }
    .col5.col-framework.col-smallgutters .col-item,
    .col5.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
    .col5.col-framework.col-altbreak {
        max-width: 100%
    }
    .col5.col-framework.col-altbreak .col-item {
        width: 100%;
        max-width: 100%
    }
    .col5.col-framework.col-altbreak.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col5.col-framework.col-altbreak.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
}

@media only screen and (max-width: 450px) {
    .col5.col-framework .col-item,
    .col5.col-framework.col-multi .col-item {
        width: 100%;
        max-width: 100%
    }
    .col5.col-framework.col-gutters .col-item,
    .col5.col-framework.col-multi.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col5.col-framework.col-smallgutters .col-item,
    .col5.col-framework.col-multi.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col4.col-framework.col-altbreak-3 {
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3 .col-item {
        width: 100%;
        max-width: 100%
    }
    .col4.col-framework.col-altbreak-3.col-gutters .col-item {
        width: calc(100% - 28px);
        max-width: calc(100% - 28px)
    }
    .col4.col-framework.col-altbreak-3.col-smallgutters .col-item {
        width: calc(100% - .66666em);
        max-width: calc(100% - .66666em)
    }
    .col4.col-framework.col-2upmobile .col-item,
    .col4.col-framework.col-2upmobile.col-multi .col-item,
    .col5.col-framework.col-2upmobile .col-item,
    .col5.col-framework.col-2upmobile.col-multi .col-item {
        width: 50%;
        max-width: 50%
    }
    .col4.col-framework.col-2upmobile.col-gutters .col-item,
    .col4.col-framework.col-2upmobile.col-multi.col-gutters .col-item,
    .col5.col-framework.col-2upmobile.col-gutters .col-item,
    .col5.col-framework.col-2upmobile.col-multi.col-gutters .col-item {
        width: calc(50% - 28px);
        max-width: calc(50% - 28px)
    }
    .col4.col-framework.col-2upmobile.col-smallgutters .col-item,
    .col4.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item,
    .col5.col-framework.col-2upmobile.col-smallgutters .col-item,
    .col5.col-framework.col-2upmobile.col-multi.col-smallgutters .col-item {
        width: calc(50% - .66666em);
        max-width: calc(50% - .66666em)
    }
}

.rtl .cg19samples h4,
.rtl .col-w1 {
    direction: rtl
}

.cg19samples .col-item:nth-child(4n+1) {
    background: rgba(0, 0, 0, 0.2)
}

.cg19samples .col-item:nth-child(4n+2) {
    background: rgba(0, 0, 0, 0.4)
}

.cg19samples .col-item:nth-child(4n+3) {
    background: rgba(0, 0, 0, 0.3)
}

.cg19samples .col-item:nth-child(4n) {
    background: rgba(0, 0, 0, 0.5)
}

.cg19samples .col-item>div {
    background-color: rgba(255, 0, 0, 0.2);
    padding: 5px;
    margin-bottom: 1px
}

.cg19samples .col-item>div:last-of-type {
    margin-bottom: 0
}

.cg19samples:nth-of-type(2n) {
    background: #eee
}

.cpad.cg19samples {
    padding-top: 3em !important;
    padding-bottom: 3.5em !important
}

@media (max-height: 800px),
(max-width: 770px) {
    .cpad.cg19samples {
        padding-top: 2.1em !important;
        padding-bottom: 2.45em !important
    }
}

.col-divider.col2 .col-item:before {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 1px;
    content: "";
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    background-color: #4e5052;
    background-clip: content-box
}

.txtlight .col-divider.col2 .col-item:before {
    background-color: #fff
}

.col-divider.col2 .col-w1 .col-item:nth-child(2n+1):before {
    display: none
}

@media (max-width: 770px) {
    .col-divider.col2 .col-item:before {
        right: 0;
        bottom: auto;
        width: auto;
        height: 1px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: inherit;
        padding-right: inherit
    }
}


/*! U02 */

.u02nav {
    position: relative;
    z-index: 21;
    background: #ececec;
}

.u02nav~.u02nav {
    z-index: 20
}

.u02 {
    position: relative;
    min-width: 300px;
    /*overflow: hidden;*/
    z-index: 21;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.0
}

.u02 * {
    box-sizing: border-box
}

.rtl .u02 {
    direction: rtl
}

.u02:before {
    content: 'DTOP';
    display: none
}

.u02.u02init {
    overflow: visible
}

.u02w1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    clear: both;
    width: 100%;
    max-width: 1180px;
    height: 60px;
    margin: 0 auto;
    z-index: 2
}

h5,
h4 {
    background: transparent
}

.f11v6 .u02w1,
.ocom-base .u02w1 {
    max-width: 1400px
}

.f11v6 .u02nav,
.ocom-base .u02nav {
    margin-bottom: -1px
}

.u02:after {
    content: '';
    display: block;
    position: absolute;
    opacity: .4;
    width: 100%;
    height: 5px;
    bottom: -5px;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0)
}

#u02skip2content {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: fixed;
    float: left;
    opacity: 0;
    width: auto;
    top: 0;
    left: 2%;
    bottom: auto;
    padding: 4px 8px;
    z-index: 9;
    background: #324b5c;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3)
}

.rtl #u02skip2content {
    float: right;
    left: auto;
    right: 2%
}

.u02init #u02skip2content {
    transition: transform 0.3s, opacity 0.2s
}

#maincontent {
    position: absolute;
    width: 0;
    height: 0;
    top: 0
}

#u02skip2content.u02skipo {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#u02skip2content li {
    float: left
}

.rtl #u02skip2content li {
    float: right
}

#u02skip2content li a {
    display: inline-block;
    margin: 4px 6px;
    padding: 4px 8px;
    font-size: 15px;
    color: #fff;
    transition: outline 0.2s
}

#u02skip2content li a:hover {
    text-decoration: underline
}

#u02skip2content li a:focus {
    outline: 1px dotted #999;
    outline-offset: 4px;
    text-decoration: underline
}

.u02tabnav #mobisearch:focus {
    outline: 1px dotted #999;
    outline-offset: -5px;
    text-decoration: underline
}

.u02logo {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 180px;
    height: 60px;
    z-index: 1;
    -ms-flex-order: 1;
    order: 1
}

.u02notools .u02logo {
    margin-right: auto
}

.rtl .u02notools .u02logo {
    margin-right: 0;
    margin-left: auto
}

.u02logow1 {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #f80000
}

.u02logow2 {
    position: absolute;
    visibility: hidden;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 16px;
    background: #dce6ea;
    border-right: 5px solid #f80000
}

.u02init .u02logow2 {
    transition: visibility 0s 0.5s, 0.3s transform
}

.u02opened .u02logow2 {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
    transition-delay: 0s, 0s
}

.rtl .u02logow2 {
    left: 0;
    right: auto;
    border-right: 0;
    border-left: 5px solid #f80000
}

.rtl .u02opened .u02logow2 {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.u02logo a {
    display: table-cell;
    position: relative;
    padding: 0 13.333%;
    vertical-align: middle
}

.u02logo a span {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999px
}

.u02logow2 a {
    display: block;
    height: 50%;
    padding: 0.3em 1.2em;
    white-space: nowrap
}

.u02logow2 hr {
    width: calc(100% - 2.4em);
    margin: -1px auto 0;
    background: #8aadbf
}

.u02logo>.u02menu-l1z1 {
    display: none
}

.u02tabnav .u02logo a:focus {
    outline: 1px dotted #fff;
    outline-offset: -5px
}

.u02local {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 100%;
    overflow: hidden;
    -ms-flex-order: 2;
    order: 2;
    white-space: nowrap
}

.u02localw1 {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.u02local a,
.u02local a:link,
.u02local a:visited {
    display: table-cell;
    padding: 0 16px;
    overflow: hidden;
    font-size: 19px;
    font-weight: bold;
    color: #324b5c;
    vertical-align: middle;
    text-overflow: ellipsis
}

.u02local a:hover {
    text-decoration: none
}

.u02tabnav .u02local a:focus {
    outline: 1px dotted #63757d;
    outline-offset: -5px
}

.u02mlinkw2 {
    display: block;
    opacity: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.u02init .u02haml .u02mlinkw2 {
    transition: opacity 0.15s 0.2s
}

.u02init .u02haml.u02opened .u02mlinkw2 {
    opacity: 0;
    transition-delay: 0s
}

.u02mlinkw2:before,
.u02mlinkw2:after {
    content: '';
    display: block;
    width: 29px;
    height: 19px;
    margin: 3px auto 5px;
    background: #324b5c
}

.u02mlinkw2:after {
    box-sizing: border-box;
    position: absolute;
    height: 13px;
    top: 13px;
    left: calc((100% - 29px) / 2);
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff
}

.u02haml .u02mlinkw2:before,
.u02haml .u02mlinkw2:after {
    display: none
}

.u02mlink {
    position: relative;
    z-index: 2
}

.u02mlinkw1 a,
.u02mlinkw1 a:link,
.u02mlinkw1 a:visited {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: none;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 68px;
    height: 60px;
    padding: 0;
    font-size: 0 !important;
    color: #324b5c;
    background: none
}

.u02mlinkw1 a .u02hamenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block;
    position: relative;
    width: 29px;
    height: 19px;
    margin: 3px auto 5px;
    transition: transform 0.2s;
    cursor: pointer
}

.u02init .u02haml.u02opened .u02hamenu {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
    transition-delay: 0.1s
}

#mobisearch i,
.u02hamenu span {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: block;
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 3px;
    left: 0;
    background: #324b5c;
    transition: transform 0.2s ease-in-out
}

.u02mobi .u02opened .u02hamenu span {
    background: #fff
}

#mobisearch.u02searchpop:before {
    opacity: 0 !important
}

#mobisearch i {
    opacity: 0;
    width: 24px;
    top: 21px;
    left: 13px;
    background: #fff
}

#mobisearch.u02searchpop i {
    opacity: 1
}

.u02hamenu .m1 {
    top: 0
}

.u02hamenu .m2,
.u02hamenu .m3 {
    top: 8px
}

.u02hamenu .m4 {
    top: 16px
}

.u02mobi .u02opened .u02hamenu .m1,
.u02mobi .u02opened .u02hamenu .m4 {
    width: 0%;
    top: 10px;
    left: 50%
}

#mobisearch.u02searchpop .u02i1,
.u02mobi .u02opened .u02hamenu .m2 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mobisearch.u02searchpop .u02i2,
.u02mobi .u02opened .u02hamenu .m3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#u02menulink:focus {
    outline: 0
}

.u02tabnav #u02menulink:focus {
    outline: 1px dotted #63757d;
    outline-offset: -5px
}

.u02mlinkw1 a:hover,
.u02mobi .u02mlinkw1 a,
.u02opened>.u02mlinkw1 a {
    text-decoration: none
}

.u02mobi .u02mlink {
    position: static;
    background: #fff;
    transition: background 0.1s
}

.u02mobi .u02mlink.u02opened {
    background: #3c5464;
    transition-duration: 0.3s
}

.u02menu {
    z-index: 2;
    background: #ececec;
    -ms-flex-order: 0;
    order: 0;
    height: 48px;
}

.u02mainmenu {
    position: absolute;
    visibility: hidden;
    opacity: 1;
    width: 259px;
    top: 100%;
    left: 0;
    transition: opacity 0.5s, visibility 0s linear 0.3s
}

.rtl .u02mainmenu {
    left: auto;
    right: 0
}

.u02mobi .u02mainmenu {
    opacity: 0;
    left: auto;
    right: 0;
    overflow: hidden;
    transition-duration: 0.2s, 0s
}

.rtl .u02mobi .u02mainmenu {
    left: 0;
    right: auto
}

.u02mlink.u02opened>.u02mainmenu {
    visibility: visible !important;
    opacity: 1;
    transition-delay: 0s, 0s;
    pointer-events: auto
}

.u02menu-l1z1 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    visibility: hidden;
    top: 100%;
    left: 50%;
    z-index: 2;
    pointer-events: none
}

.u02menu-l1z1 i {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block;
    opacity: 0;
    width: 34px;
    height: 34px;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #3c5464;
    border-left: 17px solid transparent
}

.u02init .u02menu-l1z1 i {
    transition: transform 0.3s, opacity 0.2s linear
}

.u02opened>.u02menu-l1z1 {
    visibility: visible
}

.u02opened>.u02menu-l1z1 i {
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
    opacity: 1;
    transition-delay: 0s, 65ms
}

.u02mobi .u02mlink>.u02menu-l1z1 {
    display: none
}

.u02menu-l2,
.u02menu-l3 {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    pointer-events: none
}

.rtl .u02menu-l2,
.rtl .u02menu-l3 {
    left: auto;
    right: 0
}

.u02mainmenu .u02menu-l2,
.u02mainmenu .u02menu-l3 {
    display: none
}

.u02menu-l2.u02show,
.u02menu-l3.u02show,
.u02opened .u02mainmenu .u02menu-l2,
.u02mainmenu .u02menu-l1>.u02menu-ul>.u02opened .u02menu-l3 {
    display: block
}

.u02init .u02menu-l2,
.u02init .u02menu-l3 {
    transition: visibility 0s 1s
}

.u02menu-l1 {
    width: 259px
}

.u02menu-l2 {
    width: 518px;
    left: 259px
}

.rtl .u02menu-l2 {
    left: auto;
    right: 259px
}

.u02menu-l3,
.u02v1 .u02menu-l2 {
    width: 259px;
    left: 259px
}

.rtl .u02menu-l3,
.rtl .u02v1 .u02menu-l2 {
    left: auto;
    right: 259px
}

.u02mobi .u02mlink .u02menu-l2,
.u02mobi .u02mlink .u02menu-l3 {
    left: 340px
}

.rtl .u02mobi .u02mlink .u02menu-l2,
.rtl .u02mobi .u02mlink .u02menu-l3 {
    left: auto;
    right: 340px
}

.u02menu-hasm.u02opened>.u02menu-l2,
.u02menu-hasm.u02opened>.u02menu-l3,
.u02menu-hasm.u02stayopen>.u02menu-l2,
.u02menu-hasm.u02stayopen>.u02menu-l3 {
    visibility: visible !important;
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
    transition-delay: 0s
}

.u02mobi .u02mainmenu,
.u02mobi.u02v1 .u02menu-l2,
.u02v1 .u02morelist.u02menu-l2 {
    overflow: hidden
}

.u02mobi .u02mainmenu .u02menu-l2,
.u02v1 .u02morelist.u02menu-l2 .u02menu-l2,
.u02v1 .u02morelist.u02menu-l2 .u02menu-l3 {
    overflow: visible
}

.u02mobi .u02menu-l1 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    opacity: 1;
    transition: transform 0.3s
}

.u02mobi .u02mlink.u02opened .u02menu-l1 {
    visibility: visible
}

.u02menucontent .u02menu-ul {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    width: 259px;
    min-height: 100%;
    padding: 1em 0;
    z-index: 2;
    will-change: transform, opacity
}

.u02init .u02menucontent .u02menu-ul {
    transition: transform 0s 2s, opacity 0.3s 1s
}

.rtl .u02menucontent .u02menu-ul {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.u02menu-l1>.u02menu-ul,
.rtl .u02menu-l1>.u02menu-ul,
.u02v1 .u02menu-l2>.u02menu-ul,
.rtl .u02v1 .u02menu-l2>.u02menu-ul,
.u02tab .u02megactr .u02menu-l1>.u02menu-ul,
.rtl .u02tab .u02megactr .u02menu-l1>.u02menu-ul {
    -webkit-transform: translate(0, 23px);
    -ms-transform: translate(0, 23px);
    transform: translate(0, 23px)
}

.u02morelist>.u02menu-ul,
.u02mobi .u02mainmenu>.u02menu-l1>.u02menu-ul {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform 0.3s
}

.u02mobi .u02mlink .u02menu-l2>.u02menu-ul,
.u02mobi .u02mlink .u02menu-l3>.u02menu-ul {
    padding-top: 0
}

.u02mainmenu .u02menu-ul,
.u02megamenu .u02menu-ul,
.u02v1 .u02menu-l2>.u02menu-ul {
    opacity: 0
}

.u02init .u02menu-l1>.u02menu-ul,
.u02v1.u02init .u02menu-l2>.u02menu-ul,
.u02init .u02opened>div>.u02menu-ul {
    transition-delay: 0s, 0s;
    transition-duration: 0.2s, 0.3s
}

.u02menu-l1 .u02menu-ul {
    background: #3c5464
}

.u02mobi .u02menucontent .u02menu-ul,
.u02v1 .u02morelist .u02menu-ul .u02menu-ul,
.rtl .u02mobi .u02menucontent .u02menu-ul,
.rtl .u02v1 .u02morelist .u02menu-ul .u02menu-ul {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.u02dtop .u02menu-l2>.u02menu-ul {
    background: #5c7a8b
}

.u02v1.u02dtop .u02menu-l3>.u02menu-ul {
    background: #e2eaec
}

.u02dtop .u02menu-l3>.u02menu-ul,
.u02v1 .u02menu-l2>.u02menu-ul,
.u02v1 .u02menu-l3>.u02menu-ul,
.u02v1 .u02morelist .u02menu-l3>.u02menu-ul,
.u02v1.u02mobi .u02megactr .u02menu-l3,
.u02usertools .u02menu-l1>.u02menu-ul,
.u02usertools .u02menu-l2>.u02menu-ul {
    background: #cad9de
}

.u02mlink.u02opened .u02menu-l1>.u02menu-ul,
.u02v1 .u02opened .u02menu-l2>.u02menu-ul,
.u02menu-hasm.u02opened>.u02menu-l2>.u02menu-ul,
.u02menu-hasm.u02opened>.u02menu-l3>.u02menu-ul,
.rtl .u02mlink.u02opened .u02menu-l1>.u02menu-ul,
.rtl .u02v1 .u02opened .u02menu-l2>.u02menu-ul,
.rtl .u02menu-hasm.u02opened>.u02menu-l2>.u02menu-ul,
.rtl .u02menu-hasm.u02opened>.u02menu-l3>.u02menu-ul {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1 !important;
    transition-duration: 0.3s, 0.2s;
    transition-delay: 0.2s, 0s
}

.u02mlink.u02opened .u02menu-l1>.u02menu-ul,
.u02v1 .u02opened .u02menu-l2>.u02menu-ul {
    transition-delay: 0s, 0s !important
}

.u02dtop .u02hidefast .u02menu-ul {
    background: rgba(92, 122, 139, 0);
    transition-duration: 0.25s, 0.25s;
    transition-delay: 0s, 0s
}

.u02init .u02mlink.u02closing>.u02menucontent>.u02menu-l1>.u02menu-ul,
.u02v1.u02init .u02closing>div>.u02menu-ul.u02menu-ul {
    transition-delay: 0.4s, 0s
}

.u02mobi .u02l2open>.u02mainmenu>.u02menu-l1>.u02menu-ul,
.u02v1 .u02more.u02opened.u02l2open>[class*='u02menu-l']>.u02menu-ul,
.u02mobi.u02v1 .u02opened.u02l2open>[class*='u02menu-l']>.u02menu-ul,
.u02mobi.u02v1 .u02opened.u02l2open>.u02menucontent>[class*='u02menu-l']>.u02menu-ul {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.rtl .u02mobi .u02l2open>.u02mainmenu>.u02menu-l1>.u02menu-ul,
.rtl .u02v1 .u02more.u02opened.u02l2open>[class*='u02menu-l']>.u02menu-ul,
.rtl .u02mobi.u02v1 .u02opened.u02l2open>[class*='u02menu-l']>.u02menu-ul,
.rtl .u02mobi.u02v1 .u02opened.u02l2open>.u02menucontent>[class*='u02menu-l']>.u02menu-ul {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.u02mobi .u02l3open>.u02mainmenu>.u02menu-l1>.u02menu-ul,
.u02v1 .u02more.u02opened.u02l3open>[class*='u02menu-l']>.u02menu-ul,
.u02mobi.u02v1 .u02opened.u02l3open>[class*='u02menu-l']>.u02menu-ul,
.u02mobi.u02v1 .u02opened.u02l3open>.u02menucontent>[class*='u02menu-l']>.u02menu-ul {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%)
}

.rtl .u02mobi .u02l3open>.u02mainmenu>.u02menu-l1>.u02menu-ul,
.rtl .u02v1 .u02more.u02opened.u02l3open>[class*='u02menu-l']>.u02menu-ul,
.rtl .u02mobi.u02v1 .u02opened.u02l3open>[class*='u02menu-l']>.u02menu-ul,
.rtl .u02mobi.u02v1 .u02opened.u02l3open>.u02menucontent>[class*='u02menu-l']>.u02menu-ul {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%)
}

.u02menu-l2 .u02menu-l1 {
    opacity: 0
}

.u02init .u02menu-l2 .u02menu-l1 {
    transition: opacity 0.3s
}

.u02v1 .u02morelist .u02menu-l1 {
    opacity: 1 !important
}

.u02opened>.u02menu-l2>.u02menu-ul>.u02menu-l1,
.u02opened>.u02menu-l3>.u02menu-ul>.u02menu-l1 {
    opacity: 1
}

.u02menucontent a,
.u02menucontent a:link,
.u02menucontent a:visited,
.u02menucontent h5,
.u02menucontent h6,
.u02menucontent hr {
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
    display: block;
    position: relative;
    opacity: 0;
    margin: 0;
    padding: 8px 1.75em 6px 1.2667em;
    z-index: 2;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    will-change: transform, opacity
}

.rtl .u02menucontent a,
.rtl .u02menucontent a:link,
.rtl .u02menucontent a:visited,
.rtl .u02menucontent h5,
.rtl .u02menucontent h6,
.rtl .u02menucontent hr {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    padding: 8px 1.2667em 6px 1.75em
}

.u02linklabel,
.u02linklabelsm {
    display: inline-block;
    margin-right: 0.2em;
    font-size: inherit;
    color: #333
}

.rtl .u02linklabel,
.rtl .u02linklabelsm {
    margin-right: 0;
    margin-left: 0.2em
}

:hover .u02linklabel,
:hover .u02linklabelsm {
    text-decoration: none !important
}

.u02linklabelsm {
    margin-right: 0.4em;
    font-size: 85%;
    font-weight: bold
}

.u02init .u02menucontent a,
.u02init .u02menucontent h6,
.u02init .u02menucontent hr {
    transition: transform 0.3s 1s, opacity 0.2s 0s
}

.u02menucontent hr,
.rtl .u02menucontent hr {
    margin: 0.5em 1em;
    padding: 0;
    background: #fff
}

.u02menucontent a:focus,
.u02menucontent a:hover {
    outline: 0;
    text-decoration: none
}

.u02menu-l1>.u02menu-ul>.u02menu-li>a,
.u02menu-l1>.u02menu-ul>.u02menu-li>h6,
.u02menu-l1>.u02menu-ul>.u02menu-li>hr,
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-li>a,
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-li>h6,
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-li>hr,
.u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>a,
.u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>h6,
.u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>hr {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.2s, 0.3s
}

.u02menu-l1>.u02menu-ul>.u02menu-li>hr,
.u02dtop .u02opened>.u02menu-l2>.u02menu-ul>.u02menu-li>hr,
.u02dtop .u02opened>.u02menu-l3>.u02menu-ul>.u02menu-li>hr {
    opacity: 0.3
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(2)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(2)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(2)>hr {
    transition-delay: 218ms, 318ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(3)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(3)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(3)>hr {
    transition-delay: 236ms, 336ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(4)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(4)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(4)>hr {
    transition-delay: 254ms, 354ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(5)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(5)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(5)>hr {
    transition-delay: 272ms, 372ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(6)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(6)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(6)>hr {
    transition-delay: 290ms, 390ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(7)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(7)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(7)>hr {
    transition-delay: 308ms, 408ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(8)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(8)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(8)>hr {
    transition-delay: 326ms, 426ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(9)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(9)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(9)>hr {
    transition-delay: 344ms, 444ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(10)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(10)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(10)>hr {
    transition-delay: 362ms, 462ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(11)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(11)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(11)>hr {
    transition-delay: 380ms, 480ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(12)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(12)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(12)>hr {
    transition-delay: 398ms, 498ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(13)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(13)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(13)>hr {
    transition-delay: 416ms, 516ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(14)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(14)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(14)>hr {
    transition-delay: 434ms, 534ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(15)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(15)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(15)>hr {
    transition-delay: 452ms, 552ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(16)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(16)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(16)>hr {
    transition-delay: 470ms, 570ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(17)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(17)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(17)>hr {
    transition-delay: 488ms, 588ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(18)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(18)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(18)>hr {
    transition-delay: 506ms, 606ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(19)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(19)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(19)>hr {
    transition-delay: 524ms, 624ms
}

.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(20)>a,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(20)>h6,
.u02dtop .u02opened>[class^='u02menu-l']>.u02menu-ul>.u02menu-li:nth-child(20)>hr {
    transition-delay: 542ms, 642ms
}

.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li:hover>a,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a:focus,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a:active {
    color: #00758f
}

.u02dtop .u02mainmenu .u02menu-l2 .u02menu-ul>.u02opened>a,
.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:hover,
.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:focus,
.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:active {
    color: #324b5c;
    background: #cad9de
}

.u02v1.u02dtop .u02menu-l2 .u02menu-ul>.u02opened>a,
.u02v1.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:hover,
.u02v1.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:focus,
.u02v1.u02dtop .u02menu-l2>.u02menu-ul>.u02menu-li>a:active {
    background: #e2eaec
}

.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a,
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>h6 {
    color: #324b5c
}

.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>hr {
    background: #324b5c
}

.u02dtop .u02menu-l3>.u02menu-ul>.u02opened>a,
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a:hover,
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a:focus,
.u02dtop .u02menu-l3>.u02menu-ul>.u02menu-li>a:active,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a:hover,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a:focus,
.u02dtop .u02usertools [class*='u02menu-l']>.u02menu-ul>.u02menu-li>a:active {
    background: #fff
}

.u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02opened>a,
.u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-li>a:hover,
.u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-li>a:active,
.u02dtop .u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-li>a:focus {
    background: #5c7a8b
}

.u02mobi .u02menu-l1 a,
.u02mobi .u02menu-l1 h6,
.u02mobi .u02menu-l1 hr,
.u02v1 .u02morelist a,
.u02v1 .u02morelist h6,
.u02v1 .u02morelist hr,
.u02v1 .u02megactr a,
.u02v1 .u02megactr h6,
.u02v1 .u02megactr hr,
.rtl .u02mobi .u02menu-l1 a,
.rtl .u02mobi .u02menu-l1 h6,
.rtl .u02mobi .u02menu-l1 hr,
.rtl .u02v1 .u02morelist a,
.rtl .u02v1 .u02morelist h6,
.rtl .u02v1 .u02morelist hr,
.rtl .u02v1 .u02megactr a,
.rtl .u02v1 .u02megactr h6,
.rtl .u02v1 .u02megactr hr {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    transition: none
}

.u02mobi .u02menu-l1 a,
.u02mobi .u02menu-l1 h6,
.u02mobi .u02menu-l1 hr {
    color: #fff
}

.u02mainmenu .u02tlink {
    padding-right: 1.9em
}

.rtl .u02mainmenu .u02tlink {
    padding-right: 1.2667em;
    padding-left: 1.9em
}

.u02mobi .u02menu-l1 hr {
    margin-right: 0;
    margin-left: 0;
    background: #5c7a8b
}

.u02mobi .u02mainmenu .u02menu-l1 .u02menu-ul>.u02menu-li>a:hover,
.u02mobi .u02mainmenu .u02menu-l1 .u02menu-ul>.u02menu-li>a:focus {
    color: #fff;
    background: #5c7a8b
}

.u02tlink:not([href$='#open']):after,
.u02xlink:after,
.u02ulink:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    content: '';
    display: inline-block;
    opacity: 0;
    width: 1.4em;
    height: 0.7em;
    bottom: 0;
    margin-right: -1.4em;
    line-height: 0.666;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxOSI+PHBhdGggZmlsbD0iIzMzNEM1QyIgZD0iTTE2LjMgMTdsNS44LTZINFY4aDE4LjFsLTUuNi01LjlMMTguNC4yIDI3IDkuNWwtOC42IDkuNHoiLz48L3N2Zz4=) no-repeat 0 0 transparent;
    background-size: 1.4em 0.7em;
    transition: transform 0.4s, opacity 0.3s;
    -webkit-backface-visibility: hidden
}

.rtl .u02tlink:not([href$='#open']):after,
.rtl .u02xlink:after,
.rtl .u02ulink:after {
    -webkit-transform: translateX(0) scaleX(-1);
    -ms-transform: translateX(0) scaleX(-1);
    transform: translateX(0) scaleX(-1);
    margin-right: 0;
    margin-left: -1.4em
}

.u02ulink:after,
.u02mobi .u02mainmenu .u02xlink:after,
.u02mainmenu .u02menu-l1>.u02menu-ul>.u02menu-li>.u02xlink:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxOSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LjMgMTdsNS44LTZINFY4aDE4LjFsLTUuNi01LjlMMTguNC4yIDI3IDkuNWwtOC42IDkuNHoiLz48L3N2Zz4=)
}

.u02tlink:not([href$='#open']):focus:after,
.u02tlink:not([href$='#open']):active:after,
.u02tlink:not([href$='#open']):hover:after,
.u02xlink:focus:after,
.u02xlink:active:after,
.u02xlink:hover:after,
.u02ulink:focus:after,
.u02ulink:active:after,
.u02ulink:hover:after {
    -webkit-transform: translateX(0.3em);
    -ms-transform: translateX(0.3em);
    transform: translateX(0.3em);
    opacity: 1
}

.rtl .u02tlink:not([href$='#open']):focus:after,
.rtl .u02tlink:not([href$='#open']):active:after,
.rtl .u02tlink:not([href$='#open']):hover:after,
.rtl .u02xlink:focus:after,
.rtl .u02xlink:active:after,
.rtl .u02xlink:hover:after,
.rtl .u02ulink:focus:after,
.rtl .u02ulink:active:after,
.rtl .u02ulink:hover:after {
    -webkit-transform: translateX(-0.3em) scaleX(-1);
    -ms-transform: translateX(-0.3em) scaleX(-1);
    transform: translateX(-0.3em) scaleX(-1)
}

.u02hlink {
    display: none !important
}

.u02mobi .u02hlink {
    display: block !important
}

.u02mobi .u02menuback,
.u02more .u02menuback,
.u02countrymenu .u02menuback .u02menuback {
    position: relative;
    margin-bottom: 0.4em
}

.u02mobi .u02blink,
.u02more .u02blink,
.u02countrymenu .u02menuback .u02blink {
    padding: 1em 1em 0.9em 64px !important;
    font-weight: bold;
    border-bottom: 1px solid #adc5d1
}

.rtl .u02mobi .u02blink,
.rtl .u02more .u02blink,
.rtl .u02countrymenu .u02menuback .u02blink {
    padding: 1em 64px 1em 0.9em !important
}

.u02mobi .u02blink:after,
.u02more .u02blink:after,
.u02countrymenu .u02menuback .u02blink:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTIgMTciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMS45OTUsMTQuODc2IEw1LjA4NCw4LjQ5OCBMMTEuOTk1LDIuMTI2IEw5LjkyMCwtMC4wMDUgTDAuMDA1LDguNDk4IEw5LjkyMCwxNy4wMDcgTDExLjk5NSwxNC44NzYgWiIgY2xhc3M9ImNoIi8+PC9zdmc+) no-repeat;
    background-size: auto 100%
}

.rtl .u02mobi .u02blink:after,
.rtl .u02more .u02blink:after,
.rtl .u02countrymenu .u02menuback .u02blink:after {
    -webkit-transform: translateY(-50%) scaleX(-1);
    -ms-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
    left: auto;
    right: 20px
}

.u02mobi .u02blink:before,
.u02more .u02blink:before,
.u02countrymenu .u02menuback .u02blink:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0.7em;
    left: 49px;
    bottom: 0.7em;
    background: #adc5d1
}

.rtl .u02mobi .u02blink:before,
.rtl .u02more .u02blink:before,
.rtl .u02countrymenu .u02menuback .u02blink:before {
    left: auto;
    right: 49px
}

.u02mobi .u02blink:hover:before,
.u02mobi .u02blink:focus:before,
.u02more .u02blink:hover:before,
.u02more .u02blink:focus:before,
.u02countrymenu .u02menuback .u02blink:hover:before,
.u02countrymenu .u02menuback .u02blink:focus:before {
    opacity: 0.2;
    background: #fff
}

.u02countrymenu .u02menuback .u02blink {
    font-size: 15px;
    color: #324b5c
}

.u02countrymenu .u02menuback .u02blink:hover {
    text-decoration: none
}

.u02countrymenu .u02menuback .u02blink:before,
.u02v1 .u02menuback .u02blink:before {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    top: 0.8em;
    background: #adc5d1 !important
}

.u02countrymenu .u02menuback .u02blink:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTIgMTciPjxwYXRoIGZpbGw9IiMzMjRiNWMiIGQ9Ik0xMS45OTUsMTQuODc2IEw1LjA4NCw4LjQ5OCBMMTEuOTk1LDIuMTI2IEw5LjkyMCwtMC4wMDUgTDAuMDA1LDguNDk4IEw5LjkyMCwxNy4wMDcgTDExLjk5NSwxNC44NzYgWiIgY2xhc3M9ImNoIi8+PC9zdmc+)
}

.u02dtop .u02menuback .u02blink {
    font-weight: bold
}

.u02dtop .u02menuback .u02blink:hover {
    background: transparent !important;
    cursor: text
}

.u02dtop .u02menu-l2>.u02menu-ul>.u02menuback .u02blink:hover {
    color: #fff
}

.u02tools {
    visibility: visible;
    height: 100%;
    z-index: 5;
    -ms-flex-order: 5;
    order: 5
}

.u02tools>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.u02tools>ul>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    height: 100%
}

.u02tools>ul>li:first-child {
    padding-left: 6px
}

.rtl .u02tools>ul>li:first-child {
    padding-right: 6px;
    padding-left: 0
}

.u02tools a.u02ticon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    color: #324b5c;
    white-space: nowrap
}

.u02tools .u02ticon:hover {
    outline: 0;
    text-decoration: none
}

.u02tabnav .u02tools .u02ticon:focus {
    outline: 1px dotted #63757d;
    outline-offset: -4px;
    text-decoration: none
}

.u02tools .u02ticon>span {
    padding-left: 5px
}

.rtl .u02tools .u02ticon>span {
    padding-right: 5px;
    padding-left: 0
}

.u02opened>.u02ticon {
    color: #1c2a33
}

.u02searchbttn,
#mobisearch:before,
.u02mtool .u02ticon:after,
.u02ticon:before,
.u02currentcr .u02cmenu-l2 a:before,
.u02currentcr .u02cmenu-l2 .u02currentcc:before,
.u02countrymenu.u02cmenu-simple .u02currentcc:before,
.u02countrymenu.u02cmenu-simple a:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjNjU3ODg1IiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIweiIvPjxwYXRoIGZpbGw9IiMzMjQ2NUMiIGQ9Ik03MSA1NTEuM2MyLjUtNC45IDMuOS0xMC41IDMuOS0xNi40IDAtMjAuMy0xNi41LTM2LjktMzYuOS0zNi45LTIwLjMgMC0zNi45IDE2LjUtMzYuOSAzNi45IDAgNiAxLjUgMTEuNyA0IDE2LjdMMzggNjA3LjFsMzMtNTUuOHptLTMzLTM4LjRjMTIuMSAwIDIyIDkuOSAyMiAyMnMtOS45IDIyLTIyIDIyLTIyLTkuOS0yMi0yMiA5LjktMjIgMjItMjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjEgMjY1LjFsMjYgMjcuNkw2NCAyNjUuMWw4LjcgOC4zTDM4IDMxMyAzLjQgMjczLjRsOC43LTguM3oiLz48cGF0aCBmaWxsPSIjNUQ2RjdBIiBkPSJNMzggMzI0LjZjLTIwIDAtMzYuMyAxNi4yLTM2LjMgMzYuMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMjAuMS0xNi4zLTM2LjMtMzYuMy0zNi4zem0xOS45IDM5LjNjMCAyLjYtMi4xIDQuNy00LjcgNC43aC00LjcuMWMtMS40IDAtMi4xLjctMS42IDIuNGwzLjQgMTEuM2MuMS4yIDAgLjQtLjIuNC0uMSAwLS4xIDAtLjItLjEtLjItLjEtMTUuNy0xNC0xNS41LTE0aC4xLTExLjdjLTIuNiAwLTQuNy0yLjEtNC43LTQuN3YtMTcuMmMwLTIuNiAyLjEtNC43IDQuNy00LjdoMzAuM2MyLjYgMCA0LjcgMi4xIDQuNyA0Ljd2MTcuMnpNNDYuMSA0NTUuOGM2LjItNi4yIDEyLjItMTMuNCA5LjQtMTYuMi00LjEtNC4xLTcuNi02LjYtLjMtMTUuNnMxMi0yIDE2IDEuOWM0LjUgNC42LjIgMjEuNS0xNi43IDM4LjMtMTYuOSAxNi43LTMzLjkgMjEtMzguNCAxNi40LTMuOS00LTEwLjgtOC44LTEuOC0xNnMxMS41LTMuNiAxNS42LjVjMi43IDIuOCAxMC0zLjEgMTYuMi05LjNtLTktMjkuNWMtNC43LjctOS42IDMtMTMuNSA2LjlzLTYuMiA4LjgtNi45IDEzLjVjMCAwLS4zIDEuOSAxIDMuMiAxLjQgMS40IDMuNyAxLjQgNS4xIDAgLjgtLjggMS0yIDEtMiAuNC0yLjMgMS4yLTUuOCA0LjktOS42IDMuNy0zLjcgNy4yLTQuNSA5LjYtNC45IDAgMCAxLjItLjIgMi0xIDEuNC0xLjQgMS40LTMuOCAwLTUuMS0xLjQtMS4zLTMuMi0xLTMuMi0xbS0xNy43IDIuOGM2LjgtNi44IDE0LjYtOS43IDIwLjktOC44IDAgMCAyIC4zIDMuMy0xIDEuNS0xLjUgMS40LTMuOCAwLTUuMi0uOS0uOS0yLjMtMS4xLTIuMy0xLjEtNS40LS44LTE2LjMuMi0yNyAxMC45LTEwLjYgMTAuNi0xMS42IDIxLjYtMTAuOCAyNyAwIDAgLjIgMS40IDEuMSAyLjMgMS40IDEuNCAzLjcgMS41IDUuMSAwIDEuMy0xLjMgMS0zLjMgMS0zLjMtMS4xLTYuMiAxLjktMTQgOC43LTIwLjgiLz48L3N2Zz4=);
    background-size: 26px auto;
    background-repeat: no-repeat
}

#txtSearch:focus+.u02searchbttn,
.u02searchbttn:focus,
.u02searchbttn:hover,
#mobisearch:focus:before,
#mobisearch:hover:before,
.u02mtool.u02opened .u02ticon:after,
.u02mtool .u02ticon:focus:after,
.u02ticon:hover:before,
.u02ticon:focus:before,
.u02mobi .u02ticon:hover:before,
.u02mobi .u02tools .u02ticon.u02call:before,
.u02mobi .u02tools .u02ticon.u02chat:before,
.u02mobi .u02tools .u02opened .u02ticon.u02user:before,
.u02mobi .u02tools .u02opened .u02ticon.u02regn:before,
.u02opened .u02ticon:before {
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjMDAzQjREIiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIwek0xMi4xIDI2NS4xbDI2IDI3LjZMNjQgMjY1LjFsOC43IDguM0wzOCAzMTMgMy40IDI3My40bDguNy04LjN6TTM4IDMyNC42Yy0yMCAwLTM2LjMgMTYuMi0zNi4zIDM2LjMgMCAyMCAxNi4yIDM2LjMgMzYuMyAzNi4zIDIwIDAgMzYuMy0xNi4yIDM2LjMtMzYuMyAwLTIwLjEtMTYuMy0zNi4zLTM2LjMtMzYuM3ptMTkuOSAzOS4zYzAgMi42LTIuMSA0LjctNC43IDQuN2gtNC43LjFjLTEuNCAwLTIuMS43LTEuNiAyLjRsMy40IDExLjNjLjEuMiAwIC40LS4yLjQtLjEgMC0uMSAwLS4yLS4xLS4yLS4xLTE1LjctMTQtMTUuNS0xNGguMS0xMS43Yy0yLjYgMC00LjctMi4xLTQuNy00Ljd2LTE3LjJjMC0yLjYgMi4xLTQuNyA0LjctNC43aDMwLjNjMi42IDAgNC43IDIuMSA0LjcgNC43djE3LjJ6Ii8+PC9zdmc+);
    background-repeat: no-repeat
}

#mobisearch:before,
.u02ticon:after {
    content: '';
    display: block;
    width: 26px;
    height: 28px;
    margin: 0 4px;
    font-size: 0 !important;
    line-height: 0 !important
}

.u02ticon.u02regn:after {
    background-position: 0 -30px
}

.u02ticon.u02call:after {
    background-position: 0 -140px
}

.u02ticon.u02contact:after {
    background-position: 0 -110px
}

#mobisearch:before {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    background-size: 24px auto;
    background-position: 0 -55px
}

.u02mobi .u02ticon:focus {
    outline: 0
}

.u02mobi .u02tools .u02ticon:after {
    opacity: .8;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjQ0JEOERFIiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek0zOCAzMjQuNmMtMjAgMC0zNi4zIDE2LjItMzYuMyAzNi4zIDAgMjAgMTYuMiAzNi4zIDM2LjMgMzYuMyAyMCAwIDM2LjMtMTYuMiAzNi4zLTM2LjMgMC0yMC4xLTE2LjMtMzYuMy0zNi4zLTM2LjN6bTE5LjkgMzkuM2MwIDIuNi0yLjEgNC43LTQuNyA0LjdoLTQuNy4xYy0xLjQgMC0yLjEuNy0xLjYgMi40bDMuNCAxMS4zYy4xLjIgMCAuNC0uMi40LS4xIDAtLjEgMC0uMi0uMS0uMi0uMS0xNS43LTE0LTE1LjUtMTRoLjEtMTEuN2MtMi42IDAtNC43LTIuMS00LjctNC43di0xNy4yYzAtMi42IDIuMS00LjcgNC43LTQuN2gzMC4zYzIuNiAwIDQuNyAyLjEgNC43IDQuN3YxNy4yeiIvPjwvc3ZnPg==);
    transition: opacity 0.25s
}

.u02mobi .u02tools .u02ticon:hover:after,
.u02mobi .u02tools .u02opened .u02ticon:after {
    opacity: 1
}

.u02toolpop {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 375px;
    top: 100%;
    right: 0;
    z-index: 1;
    background: #e1e8eb;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1)
}

.u02init .u02toolpop {
    transition: transform .3s, opacity .25s, visibility 0s linear .4s
}

.rtl .u02toolpop {
    left: 0;
    right: auto
}

.u02mtool>.u02menu-l1z1 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    right: 0;
    padding: 0 10px
}

.rtl .u02mtool>.u02menu-l1z1 {
    left: 0;
    right: auto
}

.u02mtool>.u02menu-l1z1>i {
    border-bottom-color: #e1e8eb
}

.u02opened>.u02toolpop {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: transform 0.3s, opacity 0.25s, visibility 0s linear 0s
}

.u02signout {
    display: none;
    opacity: 0
}

.u02toolsloggedin .u02signout {
    display: block;
    animation: 0.5s acctFade forwards
}

@keyframes acctFade {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.u02toolsloggedout .u02signout,
.u02toolsloggedin .u02signin {
    display: none
}

.u02dtop .u02pttl,
.u02userloggedout,
.u02toolsloggedout .u02userloggedin {
    display: none
}

.u02toolsloggedout .u02userloggedout {
    display: block
}

.u02toolsloggedin>.u02menu-l1z1>i {
    border-bottom-color: #00758f
}

.u02userin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: none;
    flex-flow: column nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.u02userinw1,
.u02userinw2 {
    padding-bottom: 8px
}

.u02userinw1.u02userloggedin {
    background: #cad9de
}

.u02userin .u02userinfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    min-height: 52px;
    padding: 12px 8px 12px 18px;
    text-align: left;
    background: #00758f
}

.rtl .u02userin .u02userinfo {
    padding: 12px 18px 12px 8px;
    text-align: right
}

.u02userin .u02userinfo a,
.u02userin .u02userinfo p,
.u02userin .u02userinfo h4,
.u02userin .u02userinfo h5,
.u02userin .u02userinfo h6,
.u02userin .u02userinfo span {
    display: block;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #fff
}

.u02userin .u02userdata {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.u02userin .u02userdata>.u02ulink {
    display: inline-block;
    padding-right: 28px
}

.rtl .u02userin .u02userdata>.u02ulink {
    padding-right: 0;
    padding-left: 28px
}

.u02userin .u02userdata>.u02ulink:hover {
    text-decoration: none
}

.u02userin .u02userdata>.u02ulink:after {
    opacity: 1
}

.u02userin .u02userdata>.u02ulink.u02usernoname {
    position: relative;
    max-width: 100%;
    margin-bottom: -5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.u02userin .u02userdata>.u02ulink.u02usernoname:after {
    position: absolute;
    top: 5px;
    right: 32px
}

.rtl .u02userin .u02userdata>.u02ulink.u02usernoname:after {
    left: 32px;
    right: auto
}

.u02userin .u02userstats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + 18px);
    margin: 0 -15px
}

.u02userin .u02userstats .u02userstat {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    margin-top: 4px;
    padding: 0 14px;
    font-size: 12px;
    border-left: 1px solid #fff;
    white-space: nowrap
}

.rtl .u02userin .u02userstats .u02userstat {
    border-right: 1px solid #fff;
    border-left: 0
}

.u02userin .u02userstats .u02userstatnum {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px
}

.u02userin .u02useravatar+.u02userdata {
    max-width: calc(100% - 50px - 18px)
}

.u02userin .u02useravatar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 14px;
    text-align: center;
    border-radius: 50%
}

.rtl .u02userin .u02useravatar {
    margin-right: 0;
    margin-left: 14px
}

.u02userin .u02useravatar>div {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 50%
}

.u02userin .u02useravatar>div>* {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    font-size: 26px;
    line-height: 46px
}

.u02userin .u02useravatar>div[class*='u02icn'] {
    height: 50px;
    font-size: 50px
}

.u02userin .u02useravatar>div[class*='u02icn']:before {
    position: absolute
}

.u02userin .u02useravatar>.u02useravatarbadge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    width: 18px;
    height: 18px;
    top: auto;
    left: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    border-radius: 50%
}

.rtl .u02userin .u02useravatar>.u02useravatarbadge {
    left: auto;
    right: 0
}

.u02userin>div {
    width: 100%
}

.u02userin>.u02userinw2 {
    border-top: 1px #b5cad5 solid
}

.u02user h5 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #333
}

.u02user p {
    margin: 0 0 19px;
    font-size: 16px;
    color: #333
}

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

.u02bttn a {
    display: inline-block;
    clear: both;
    width: calc(100% - (100% - 250px));
    margin: 0;
    padding: 9px 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
    background: #00758f;
    transition: background 0.2s, color 0.2s
}

.u02bttn a:hover,
.u02bttn a:focus {
    color: #fff !important;
    background: #003b4d;
    outline: 0;
    text-decoration: none !important
}

.u02acclink {
    display: inline;
    font-size: inherit;
    font-weight: bold
}

.u02acclink:hover {
    text-decoration: underline
}

#u02usertools a,
.u02usertools a,
.u02usertools .u02menu-l1 a,
.u02usertools .u02menu-l2 a,
.u02usertools .u02menu-l1 h6,
.u02usertools .u02menu-l2 h6,
.u02usertools .u02menu-l1 hr,
.u02usertools .u02menu-l2 hr {
    color: #00758f
}

.u02tabnav .u02acclink:focus,
.u02tabnav #u02usertools a:focus,
.u02tabnav .u02usertools a:focus {
    outline: dotted #63757d 1px;
    outline-offset: 4px
}

.u02usertools .u02menucontent a:focus {
    outline-offset: -4px
}

.u02usertools-ul {
    text-align: center
}

.u02usertools-ul li {
    display: inline-block;
    margin: 0.8em 0 0;
    padding: 0 0.6em;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    border-left: 1px solid #adc5d1
}

.rtl .u02usertools-ul li {
    border-right: 1px solid #adc5d1;
    border-left: 0
}

.u02usertools-ul li:first-child {
    border: 0
}

#u02usertools,
.u02usertools {
    margin: 0;
    padding: 14px 18px;
    color: #324b5c
}

#u02usertools h5,
.u02usertools h5 {
    font-size: 18px;
    font-weight: bold
}

#u02usertools .u02menucontent h5,
.u02usertools .u02menucontent h5 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    margin: 0;
    padding: 14px 18px 8px;
    line-height: 1.2
}

#u02usertools .u02menucontent,
.u02usertools .u02menucontent {
    margin: -14px -18px
}

#u02usertools .u02menucontent a,
#u02usertools .u02menucontent h5,
#u02usertools .u02menucontent h6,
.u02usertools .u02menucontent a,
.u02usertools .u02menucontent h5,
.u02usertools .u02menucontent h6 {
    font-size: 16px
}

#u02usertools .u02menucontent .u02xlink:after,
.u02usertools .u02menucontent .u02xlink:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAxOSI+PHBhdGggZmlsbD0iIzAwNzU4RiIgZD0iTTE2LjMgMTdsNS44LTZINFY4aDE4LjFsLTUuNi01LjlMMTguNC4yIDI3IDkuNWwtOC42IDkuNHoiLz48L3N2Zz4=)
}

.u02usertools [class*='u02menu-l'] {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    position: static;
    width: auto !important
}

.u02usertools [class*='u02menu-l']>ul,
.rtl .u02usertools [class*='u02menu-l']>ul {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: auto !important;
    padding: 0
}

.u02usertools .u02more>a {
    position: relative;
    margin: 0 18px;
    font-size: 14px;
    text-align: center;
    color: #324b5c !important;
    border-top: 1px solid #b5cad5
}

.u02usertools .u02more>a:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 9px;
    height: 8px;
    top: 50%;
    right: -4px;
    z-index: 0;
    line-height: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjMDAzQjREIiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIwek0xMi4xIDI2NS4xbDI2IDI3LjZMNjQgMjY1LjFsOC43IDguM0wzOCAzMTMgMy40IDI3My40bDguNy04LjN6TTM4IDMyNC42Yy0yMCAwLTM2LjMgMTYuMi0zNi4zIDM2LjMgMCAyMCAxNi4yIDM2LjMgMzYuMyAzNi4zIDIwIDAgMzYuMy0xNi4yIDM2LjMtMzYuMyAwLTIwLjEtMTYuMy0zNi4zLTM2LjMtMzYuM3ptMTkuOSAzOS4zYzAgMi42LTIuMSA0LjctNC43IDQuN2gtNC43LjFjLTEuNCAwLTIuMS43LTEuNiAyLjRsMy40IDExLjNjLjEuMiAwIC40LS4yLjQtLjEgMC0uMSAwLS4yLS4xLS4yLS4xLTE1LjctMTQtMTUuNS0xNGguMS0xMS43Yy0yLjYgMC00LjctMi4xLTQuNy00Ljd2LTE3LjJjMC0yLjYgMi4xLTQuNyA0LjctNC43aDMwLjNjMi42IDAgNC43IDIuMSA0LjcgNC43djE3LjJ6Ii8+PC9zdmc+) no-repeat;
    background-size: 9px auto !important;
    background-position: 0 -30px
}

.rtl .u02usertools .u02more>a:after {
    left: -4px;
    right: auto
}

.u02usertools .u02more:hover>a,
.u02usertools .u02more>a:focus,
.u02usertools .u02more>a:active {
    background: none !important
}

.u02usertools .u02menu-l2 {
    --fullHeight: auto;
    height: 0;
    transition: visibility 0s, height 0.2s linear !important
}

.u02usertools .u02opened>.u02menu-l2 {
    visibility: visible;
    height: auto;
    height: var(--fullHeight)
}

.u02usertools .u02opened>.u02menu-l2 li {
    opacity: 1
}

.u02countrymenu .u02menuback {
    display: none
}

.u02opened>.u02cmenupop .u02clink:focus {
    text-decoration: none
}

.u02countrymenu {
    position: relative;
    width: 560px
}

.u02countrymenu.u02cm3cols {
    width: 700px
}

.u02toolpop.u02cmenupop {
    width: auto
}

.u02dtop .u02cmenupop-simple.u02cmenupop.u02toolpop {
    width: 300px
}

.u02countrymenu a {
    display: block;
    font-size: 16px;
    color: #324b5c
}

.u02opened .u02currentcr .u02cmenu-l2 {
    visibility: visible
}

.u02cmenu-l1,
.u02cmenu-l2,
.u02cmenu-simple>ul {
    padding: 18px 0
}

.u02cmenu-l1 {
    position: relative;
    width: 34%;
    background: #cedade
}

.u02cmenu-l1>li>a {
    padding: 7px 8px 7px 18px
}

.rtl .u02cmenu-l1>li>a {
    padding: 7px 18px 7px 8px
}

.u02cmenu-l1>li>a:hover {
    background: #f3f4f5;
    text-decoration: none
}

.u02cmenu-l1>li>a:focus {
    background: #f3f4f5;
    outline: 0;
    text-decoration: underline
}

.u02currentcr>a,
.u02currentcr>a:hover,
.u02currentcr>a:focus {
    background: #e1e8eb !important
}

.u02cmenu-l2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: absolute;
    visibility: hidden;
    width: calc(560px - 100%);
    min-height: 210px;
    top: 0;
    left: 100%;
    padding-right: 18px
}

.rtl .u02cmenu-l2 {
    left: 0;
    right: 100%;
    padding-right: 0;
    padding-left: 18px
}

.u02cm3cols .u02cmenu-l1 {
    width: 28%
}

.u02cm3cols .u02cmenu-l2 {
    width: calc(700px - 100%)
}

.u02cmenuc1 {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.u02countrymenu.u02cmenu-simple {
    width: 300.16px
}

.u02countrymenu.u02cmenu-simple.u02cmenu-simple2col {
    width: 372.96px
}

.u02cmenu-l2 ul a,
.u02countrymenu.u02cmenu-simple a {
    position: relative;
    opacity: 0;
    padding: 5px 8px 5px 30px;
    transition: opacity 0.8s
}

.rtl .u02cmenu-l2 ul a,
.rtl .u02countrymenu.u02cmenu-simple a {
    padding: 5px 30px 5px 8px
}

.u02currentcr .u02cmenu-l2 ul a,
.u02countrymenu.u02cmenu-simple ul a {
    opacity: 1
}

.u02currentcr .u02cmenu-l2 .u02currentcc,
.u02countrymenu.u02cmenu-simple .u02currentcc {
    font-weight: bold
}

.u02countrymenu.u02cmenu-simple .u02currentcc,
.u02countrymenu.u02cmenu-simple .u02currentcc:hover {
    cursor: default;
    text-decoration: none
}

.u02currentcr .u02cmenu-l2 a:before,
.u02countrymenu.u02cmenu-simple a:before {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 24px;
    top: 0;
    left: 9px;
    margin: 0;
    background-size: 16px auto !important;
    background-position: 0 -104px;
    transition: transform 0s 0.2s, opacity 0.2s
}

.rtl .u02currentcr .u02cmenu-l2 a:before,
.rtl .u02countrymenu.u02cmenu-simple a:before {
    left: auto;
    right: 9px
}

.u02currentcr .u02cmenu-l2 a:hover:before,
.u02currentcr .u02cmenu-l2 a:focus:before,
.u02countrymenu.u02cmenu-simple a:hover:before,
.u02countrymenu.u02cmenu-simple a:focus:before {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    opacity: 1;
    transition-duration: 0.4s, 0.2s;
    transition-delay: 0.1s, 0.2s
}

.u02tabnav .u02currentcr .u02cmenu-l2 a:focus,
.u02tabnav .u02countrymenu.u02cmenu-simple a:focus {
    outline: dotted #63757d 1px;
    outline-offset: -4px;
    text-decoration: underline
}

.u02currentcr .u02cmenu-l2 a:focus:before,
.u02countrymenu.u02cmenu-simple a:focus:before {
    outline: 0
}

.u02currentcr .u02cmenu-l2 .u02currentcc:before,
.u02countrymenu.u02cmenu-simple .u02currentcc:before {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
    opacity: 1
}

.u02contact.u02toolpop,
.w11 .u02contactw1 {
    padding: 10px 14px 20px
}

.u02contact.u02toolpop a,
.u02contact.u02toolpop h4,
.u02contact.u02toolpop h5,
.u02contact.u02toolpop h6,
.w11 .u02contactw1 a,
.w11 .u02contactw1 h4,
.w11 .u02contactw1 h5,
.w11 .u02contactw1 h6 {
    margin: 0;
    padding: 9px 0;
    font-size: 16px
}

.u02contact.u02toolpop a,
.w11 .u02contactw1 a {
    display: block;
    color: #00758f
}

.u02contact.u02toolpop .u02callmodal a,
.w11 .u02contactw1 .u02callmodal a {
    display: inline-block
}

.u02contact.u02toolpop hr,
.w11 .u02contactw1 hr {
    margin: 1em 0;
    background: #adc5d1
}

.u02tabnav .u02contact.u02toolpop a:focus {
    outline: 1px dotted #63757d;
    outline-offset: 2px
}

.u02contactw2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 9px 0;
    border-bottom: 1px solid #b5cad5
}

.u02contactw2:first-child {
    padding-top: 0
}

.u02contactw2:last-child {
    border-bottom: 0
}

[class*='u02socl-'],
[class*='u02icn-'] {
    width: 60px;
    height: 60px;
    font-size: 0;
    text-align: center
}

[class*='u02socl-']:before,
[class*='u02icn-']:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDUiIGhlaWdodD0iMzUiIHZpZXdCb3g9Ii0xODEgNDE1IDI0NSAzNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiMzMjRCNUM7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTUxLjMgNDIzLjVjMC0xLjItMS0yLjItMi4yLTIuMmwtMTMuOSAwIC02LjEgMGMtMS4yIDAtMi4yIDEtMi4yIDIuMmwwIDEuMSAwIDExLjFjMCAxLjIgMSAyLjIgMi4yIDIuMmw4LjkgMCA2LjcgNi43IDAtNS42YzAtMC42IDAuNS0xLjEgMS4xLTEuMWwzLjMgMGMxLjIgMCAyLjItMSAyLjItMi4yTC0xNTEuMyA0MjMuNXpNLTE2OS4xIDQzMS40Yy0wLjkgMC0xLjctMC43LTEuNy0xLjcgMC0wLjkgMC43LTEuNyAxLjctMS43IDAuOSAwIDEuNyAwLjcgMS43IDEuN0MtMTY3LjQgNDMwLjYtMTY4LjEgNDMxLjQtMTY5LjEgNDMxLjRNLTE2My41IDQzMS4zYy0wLjkgMC0xLjctMC43LTEuNy0xLjcgMC0wLjkgMC43LTEuNyAxLjctMS43IDAuOSAwIDEuNyAwLjcgMS43IDEuN0MtMTYxLjggNDMwLjYtMTYyLjYgNDMxLjMtMTYzLjUgNDMxLjNNLTE1Ny45IDQzMS4zYy0wLjkgMC0xLjctMC43LTEuNy0xLjcgMC0wLjkgMC43LTEuNyAxLjctMS43IDAuOSAwIDEuNyAwLjcgMS43IDEuN0MtMTU2LjMgNDMwLjYtMTU3IDQzMS4zLTE1Ny45IDQzMS4zIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTS0xMTkuMyA0MjYuOGwyLjMtMy44IC0xLjUtMS41IC0zLjggMi4zIDAgMS41IC01IDUgLTIuNC0yLjRjLTAuNi0wLjYtMC44LTEuNC0wLjgtMi4yIDAuMS0xLjItMC4zLTIuNC0xLjItMy4zIC0wLjQtMC40LTAuOS0wLjgtMS41LTFsMC45IDMuMyAtMS45IDEuOSAtMi42LTAuNyAtMC45LTMuM2MtMS40IDEuNi0xLjMgNC4xIDAuMiA1LjYgMC44IDAuOCAxLjggMS4yIDIuOSAxLjIgMS4yIDAgMi40IDAuNSAzLjMgMS4zbDEuOCAxLjggLTAuOSAwLjloLTEuNWwtNy43IDcuNnYxLjVsMS41IDEuNWgxLjVsNy43LTcuNnYtMS41bDguMi04LjJMLTExOS4zIDQyNi44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTE2LjkgNDQxLjVjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC4ybC04LTguMyAtMi4zIDIuMyA4IDguM2MwIDAgMC4yIDAuMSAwLjIgMC4yIDAuMiAwLjIgMC41IDAuMyAwLjkgMC4zIDAuOCAwIDEuNi0wLjcgMS42LTEuNkMtMTE2LjcgNDQyLTExNi44IDQ0MS43LTExNi45IDQ0MS41Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTS05MS4xIDQzNS4yYzIuMy0yLjMgNC41LTQuOSAzLjQtNiAtMS41LTEuNS0yLjgtMi40LTAuMS01LjcgMi43LTMuMyA0LjQtMC43IDUuOSAwLjcgMS43IDEuNyAwLjEgNy45LTYuMSAxNCAtNi4yIDYuMS0xMi40IDcuNy0xNC4xIDYgLTEuNC0xLjUtNC0zLjItMC43LTUuOSAzLjMtMi42IDQuMi0xLjMgNS43IDAuMkMtOTYgNDM5LjYtOTMuMyA0MzcuNC05MS4xIDQzNS4yTS05NC40IDQyNC4zYy0xLjcgMC4zLTMuNSAxLjEtNSAyLjUgLTEuNCAxLjQtMi4zIDMuMi0yLjUgNSAwIDAtMC4xIDAuNyAwLjQgMS4yIDAuNSAwLjUgMS40IDAuNSAxLjkgMCAwLjMtMC4zIDAuNC0wLjcgMC40LTAuNyAwLjItMC45IDAuNC0yLjEgMS44LTMuNSAxLjQtMS40IDIuNi0xLjYgMy41LTEuOCAwIDAgMC40LTAuMSAwLjctMC40IDAuNS0wLjUgMC41LTEuNCAwLTEuOUMtOTMuNyA0MjQuMi05NC40IDQyNC4zLTk0LjQgNDI0LjNNLTEwMC44IDQyNS40YzIuNS0yLjUgNS4zLTMuNiA3LjYtMy4yIDAgMCAwLjcgMC4xIDEuMi0wLjQgMC41LTAuNSAwLjUtMS40IDAtMS45IC0wLjMtMC4zLTAuOC0wLjQtMC44LTAuNCAtMi0wLjMtNiAwLjEtOS45IDQgLTMuOSAzLjktNC4zIDcuOS00IDkuOSAwIDAgMC4xIDAuNSAwLjQgMC44IDAuNSAwLjUgMS40IDAuNSAxLjkgMCAwLjUtMC41IDAuNC0xLjIgMC40LTEuMkMtMTA0LjQgNDMwLjctMTAzLjQgNDI3LjktMTAwLjggNDI1LjQiLz48cmVjdCB4PSIyOC4zIiB5PSI0MTUiIGNsYXNzPSJzdDAiIHdpZHRoPSIzNS43IiBoZWlnaHQ9IjM1Ii8+PC9zdmc+);
    background-size: auto 100%;
    background-repeat: no-repeat
}

[class*='u02socl-'].u02icn-chat:before,
[class*='u02icn-'].u02icn-chat:before {
    background-position-x: 0
}

[class*='u02socl-'].u02icn-support-simplified:before,
[class*='u02icn-'].u02icn-support-simplified:before {
    background-position-x: -60px
}

[class*='u02socl-'].u02icn-telephone:before,
[class*='u02icn-'].u02icn-telephone:before {
    background-position-x: -120px
}

[class*='u02socl-']:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTAwcHgiIGhlaWdodD0iMzVweCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzNCAxMjcgNTAwIDM1IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjM0IDEyNyA1MDAgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAxM0M0RDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im01My45IDE2MnYtMTIuOWgtNC40di01LjFoNC40di0zLjdjMC00LjMgMi42LTYuNyA2LjUtNi43IDEuOCAwIDMuNCAwLjEgMy45IDAuMnY0LjVoLTIuN2MtMi4xIDAtMi41IDEtMi41IDIuNXYzLjJoNWwtMC43IDUuMWgtNC40djEyLjloLTUuMXptNTItMjJ2MC42YzAgNS45LTQuNSAxMi44LTEyLjggMTIuOC0yLjUgMC00LjktMC43LTYuOS0yIDAuNCAwIDAuNyAwLjEgMS4xIDAuMSAyLjEgMCA0LTAuNyA1LjYtMS45LTIgMC0zLjYtMS4zLTQuMi0zLjEgMC4zIDAuMSAwLjYgMC4xIDAuOCAwLjEgMC40IDAgMC44LTAuMSAxLjItMC4yLTIuMS0wLjQtMy42LTIuMi0zLjYtNC40di0wLjFjMC42IDAuMyAxLjMgMC41IDIgMC42LTEuMi0wLjgtMi0yLjItMi0zLjcgMC0wLjggMC4yLTEuNiAwLjYtMi4zIDIuMiAyLjcgNS41IDQuNSA5LjMgNC43LTAuMS0wLjMtMC4xLTAuNy0wLjEtMSAwLTIuNSAyLTQuNSA0LjUtNC41IDEuMyAwIDIuNSAwLjUgMy4zIDEuNCAxLTAuMiAyLTAuNiAyLjgtMS4xLTAuMyAxLTEgMS45LTIgMi41IDAuOS0wLjEgMS44LTAuMyAyLjYtMC43LTAuNiAwLjgtMS4zIDEuNi0yLjIgMi4yem0yNi44IDEuMmg0LjF2MTMuMmgtNC4xdi0xMy4yem0yLTEuOGMtMS4zIDAtMi40LTEuMS0yLjQtMi40czEuMS0yLjQgMi40LTIuNCAyLjQgMS4xIDIuNCAyLjQtMS4xIDIuNC0yLjQgMi40em0xNy40IDE1aC00LjF2LTYuNGMwLTEuNSAwLTMuNS0yLjEtMy41cy0yLjUgMS43LTIuNSAzLjR2Ni41aC00LjF2LTEzLjJoMy45djEuOGgwLjFjMC41LTEgMS45LTIuMSAzLjktMi4xIDQuMSAwIDQuOSAyLjcgNC45IDYuM3Y3LjJ6bTM2LjYtNC40Yy0yLjEgMi42LTUuOSAzLjQtOSAyLjQtMy4zLTEuMS01LjctNC40LTUuNi03LjgtMC4yLTQuMyAzLjYtOC4yIDcuOS04LjMgMi4yLTAuMiA0LjMgMC43IDYgMi0wLjcgMC43LTEuNCAxLjUtMi4xIDIuMi0xLjUtMC45LTMuMi0xLjYtNC45LTEtMi44IDAuOC00LjQgNC0zLjQgNi43IDAuOCAyLjggNC4zIDQuMyA3IDMuMiAxLjQtMC41IDIuMy0xLjggMi43LTMuMS0xLjYgMC0zLjIgMC00LjgtMC4xdi0yLjhoOGMwIDIuMy0wLjMgNC43LTEuOCA2LjZ6bTExLjYtNC4zaC0yLjR2Mi40aC0yLjR2LTIuNGgtMi40di0yLjNoMi40di0yLjRoMi40djIuNGgyLjR2Mi4zem0yOC43IDEuN2w1LjktMy4xLTUuOS0zLjF2Ni4ybTEzLjEtMmMwIDEuOC0wLjIgMy41LTAuMiAzLjVzLTAuMiAxLjUtMC45IDIuMmMtMC44IDAuOS0xLjggMC45LTIuMiAwLjktMy4xIDAuMi03LjcgMC4yLTcuNyAwLjJzLTUuNy0wLjEtNy40LTAuMmMtMC41LTAuMS0xLjYtMC4xLTIuNC0wLjktMC43LTAuNy0wLjktMi4yLTAuOS0yLjJzLTAuMi0xLjgtMC4yLTMuNXYtMS43YzAtMS44IDAuMi0zLjUgMC4yLTMuNXMwLjItMS41IDAuOS0yLjJjMC44LTAuOSAxLjgtMC45IDIuMi0wLjkgMy4xLTAuMiA3LjctMC4yIDcuNy0wLjJzNC42IDAgNy43IDAuMmMwLjQgMC4xIDEuNCAwLjEgMi4yIDAuOSAwLjcgMC43IDAuOSAyLjIgMC45IDIuMnMwLjIgMS44IDAuMiAzLjV2MS43aC0wLjF6bTI5LjkgMTAuN2MtMS44IDAtMy4zLTEuNS0zLjMtMy4zczEuNS0zLjMgMy4zLTMuMyAzLjMgMS41IDMuMyAzLjNjLTAuMSAxLjgtMS41IDMuMy0zLjMgMy4zem0xMC4xIDBjLTEuMSAwLTEuOS0wLjktMS45LTEuOSAwLTUuMy00LjMtOS42LTkuNi05LjYtMS4xIDAtMS45LTAuOS0xLjktMS45IDAtMS4xIDAuOS0xLjkgMS45LTEuOSA3LjQgMCAxMy40IDYgMTMuNCAxMy40IDAgMS0wLjggMS45LTEuOSAxLjl6bTcuNyAwYy0xLjEgMC0xLjktMC45LTEuOS0xLjkgMC05LjUtNy44LTE3LjMtMTcuMy0xNy4zLTEuMSAwLTEuOS0wLjktMS45LTEuOSAwLTEuMSAwLjktMS45IDEuOS0xLjkgMTEuNiAwIDIxLjEgOS41IDIxLjEgMjEuMSAwIDEtMC44IDEuOS0xLjkgMS45em0zMS4zLTExYy0yLjQgMC4yLTQuNyAyLjMtMy43IDQuOSAxLjQgMy45IDkuMiAxLjggNy43LTIuNy0wLjUtMS40LTItMi41LTQtMi4yem0tMC45IDUuM2MtMS44IDAuNC0yLjEtMS45LTAuNS0yLjMgMi0wLjUgMS45IDIgMC41IDIuM3ptMS4zLTIuNGMwLTAuNyAwLjktMC44IDEtMC4zIDAgMC41LTAuNyAwLjgtMSAwLjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMzAuMSAxNDMuNmMwLjQtMSAwLjYtMi4zIDAtMy0xLjQtMS42LTQuNiAwLTYuMSAwLjEgMC43LTIuMS0wLjEtNC4zLTIuNy0zLjYtMi40IDAuNi00LjEgMS45LTUuOCAzLjZzLTMuNSAzLjgtMy44IDYuNWMtMC4zIDMuMSAxLjYgNC42IDMuNSA1LjcgNS42IDMuMSAxNC41IDEuNCAxNy40LTIuNyAwLjQtMC42IDAuOC0xLjUgMC45LTIuMiAwLjUtMy0xLjYtMy40LTMuNC00LjR6bS0xLjkgNi43Yy0xLjUgMS43LTQuOCAyLjktOCAyLjctMi44LTAuMi02LjYtMS44LTUuOS01LjMgMC4zLTEuNiAxLjYtMi42IDIuNy0zLjIgMS4zLTAuOCAyLjYtMS4yIDQuNS0xLjMgMy40LTAuMyA3LjggMSA3LjggNC41IDAgMS0wLjYgMi0xLjEgMi42em00LjQtOGMwLjYgMCAwLjktMSAwLjgtMi0wLjItMS41LTEuNS0yLjctMy4zLTIuNi0wLjQgMC0xLjEtMC4xLTEuMSAwLjggMCAxLjEgMS4yIDAuNSAyIDAuOCAwLjQgMC4yIDAuOSAwLjggMC45IDEuNCAwIDAuOS0wLjQgMS42IDAuNyAxLjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0zMzYuOCAxNDAuMmMtMC4zLTMuNy0zLjQtNi41LTcuNC02LTAuNSAwLjEtMS4xIDAuMS0xLjIgMC43LTAuMiAxLjQgMS4zIDEgMiAxIDIuNCAwIDQuOSAyIDQuOCA0LjkgMCAxLTAuOCAyLjcgMC43IDIuNSAwLjkgMCAxLjItMS43IDEuMS0zLjF6bTMxLjQgMi40Yy0xLjMgMi45LTIuNCA1LjMtMy42IDguMS0wLjYgMS40LTEuMSAyLjktMi4yIDMuNi00LjcgMC4zLTEuMi00LjgtMC41LTYuNy0xLjEtMi0yLjQtNC4zLTMuNy02LjUtMC42LTEtMi0yLjktMC42LTQgMC41LTAuNCAxLjctMC40IDIuMiAwIDEuNiAxLjMgMi42IDQuNyAzLjkgNi4zIDAuNS0wLjkgMS0yIDEuNS0zLjIgMC41LTEuMSAwLjktMi42IDEuNi0zIDEuMS0wLjcgMi43LTAuMSAzIDEgMC4zIDEuNC0xIDMuMi0xLjYgNC40em0xMC45IDcuMWMtMC45LTAuMi0xLjYtMS40LTIuNS0yLjEtMC45LTAuOC0xLjgtMS41LTIuNS0yLjEtMC41LTAuNy0wLjMgMC41LTAuMyAxLjJ2MmMtMC4xIDAuNy0wLjUgMS4xLTEuMiAxLjJoLTFjLTAuNy0wLjEtMS0wLjYtMS4yLTEuMnYtOS4xYzAtMS43IDMuMy0xLjcgMy4zIDB2My4yYzAuNS0wLjMgMC44LTAuNyAxLjItMS4ybDAuOS0wLjljMC42LTAuNSAxLjEtMSAxLjYtMS42IDAuNi0xLjMgMy4yLTEuMyAzLjQgMC40IDAuMyAyLjMtMi45IDMuMS0zLjUgNC40IDAuOSAxLjIgMi44IDIgMy41IDMuMyAwLjggMS4yIDAuMSAyLjktMS43IDIuNXptMzguOC04LjNjLTIuMSAwLjEtNCAwLjgtNS41IDIuMi0xLjUgMS41LTIuMiAzLjMtMiA1LjZsLTIuNC0wLjNjLTAuMyAwLTAuNiAwLTAuOCAwLjEtMC43IDAuNC0xLjUgMC45LTIuMyAxLjQgMC4yLTAuNyAwLjMtMS4zIDAuNC0xLjkgMC4xLTAuNCAwLjEtMC43LTAuMy0xLTIuNi0xLjgtMy43LTQuNS0yLjktNy40IDAuOC0yLjYgMi42LTQuMiA1LjEtNSAzLjQtMS4xIDcuMyAwIDkuNCAyLjcgMC44IDEuMSAxLjIgMi4yIDEuMyAzLjZ6bS05LjgtMC45YzAtMC41LTAuNC0xLTEtMS0wLjUgMC0xIDAuNC0xIDAuOXMwLjQgMSAwLjkgMWMwLjYgMCAxLTAuNCAxLjEtMC45em01LjEtMWMtMC41IDAtMSAwLjUtMSAxczAuNCAxIDEgMC45YzAuNSAwIDEtMC40IDEtMSAwLTAuNS0wLjUtMC45LTEtMC45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJtNDIyLjggMTU0LjhjLTAuNy0wLjMtMS4zLTAuOC0yLTAuOC0wLjctMC4xLTEuNCAwLjMtMi4xIDAuNC0yLjEgMC4yLTQtMC40LTUuNi0xLjgtMy0yLjctMi41LTYuOSAwLjktOS4yIDMtMiA3LjUtMS4zIDkuNyAxLjQgMS45IDIuNCAxLjcgNS42LTAuNiA3LjctMC43IDAuNi0wLjkgMS4xLTAuNSAxLjggMC4xIDAuMSAwLjEgMC4zIDAuMiAwLjV6bS03LjgtNy41YzAuNCAwIDAuOC0wLjMgMC44LTAuOHMtMC4zLTAuOC0wLjgtMC44Yy0wLjQgMC0wLjggMC40LTAuOCAwLjhzMC40IDAuOCAwLjggMC44em01LTEuNmMtMC40IDAtMC44IDAuMy0wLjggMC44czAuMyAwLjggMC44IDAuOGMwLjQgMCAwLjgtMC4zIDAuOC0wLjhzLTAuMy0wLjgtMC44LTAuOHptMzYuMSA1Ljh2LTE0LjlsMTIuMSA3LjQtMTIuMSA3LjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im01MTMuNSAxNTdjLTAuNiAwLjEtMC45LTAuMy0wLjktMC42di0zLjVjMC0xLjItMC40LTItMC45LTIuNCAyLjgtMC4zIDUuOC0xLjQgNS44LTYuMyAwLTEuNC0wLjUtMi41LTEuMy0zLjQgMC4xLTAuMyAwLjYtMS42LTAuMS0zLjQgMCAwLTEuMS0wLjMtMy41IDEuMy0xLTAuMy0yLjEtMC40LTMuMi0wLjRzLTIuMiAwLjEtMy4yIDAuNGMtMi40LTEuNi0zLjUtMS4zLTMuNS0xLjMtMC43IDEuOC0wLjMgMy0wLjEgMy40LTAuOCAwLjktMS4zIDItMS4zIDMuNCAwIDQuOSAzIDYgNS44IDYuMy0wLjQgMC4zLTAuNyAwLjktMC44IDEuNy0wLjcgMC4zLTIuNiAwLjktMy43LTEuMSAwIDAtMC43LTEuMi0xLjktMS4zIDAgMC0xLjIgMC0wLjEgMC44IDAgMCAwLjggMC40IDEuNCAxLjkgMCAwIDAuOCAyLjUgNC4zIDEuN3YyLjJjMCAwLjMtMC4yIDAuNy0wLjkgMC42LTUuMS0xLjctOC43LTYuNS04LjctMTIuMSAwLTcgNS43LTEyLjcgMTIuNy0xMi43czEyLjcgNS43IDEyLjcgMTIuN2MwLjEgNS43LTMuNSAxMC40LTguNiAxMi4xeiIvPgo8L3N2Zz4K)
}

[class*='u02socl-'].u02socl-facebook:before {
    background-position-x: 0
}

[class*='u02socl-'].u02socl-twitter:before {
    background-position-x: -78px
}

[class*='u02socl-'].u02socl-linkedin:before {
    background-position-x: -154.8px
}

[class*='u02socl-'].u02socl-googleplus:before {
    background-position-x: -232.2px
}

[class*='u02socl-'].u02socl-youtube:before {
    background-position-x: -307.2px
}

[class*='u02socl-'].u02socl-feed:before {
    background-position-x: -390px
}

[class*='u02socl-'].u02socl-weibo:before {
    background-position-x: -468px
}

[class*='u02socl-'].u02socl-youku:before {
    background-position-x: -546px
}

[class*='u02socl-'].u02socl-wechat:before {
    background-position-x: -622.08px
}

[class*='u02socl-'].u02socl-otube:before {
    background-position-x: -702px
}

[class*='u02socl-'].u02socl-github:before {
    background-position-x: -783px
}

.u02contactw3 {
    padding-left: 12px
}

.rtl .u02contactw3 {
    padding-right: 12px;
    padding-left: 0
}

#mobisearch {
    display: none
}

.u02search {
    /* -ms-flex: 0 0 auto; */
    flex: 0 0 auto;
    position: relative;
    visibility: visible;
    margin-left: auto;
    -ms-flex-order: 4;
    order: 4
}

.rtl .u02search {
    margin-right: auto;
    margin-left: 0
}

.u02searchform {
    position: relative
}

.u02searchbttn {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    position: absolute;
    width: 26px;
    height: 28px;
    top: 50%;
    right: 8px;
    overflow: hidden;
    background-size: 26px auto;
    background-position: 0 -60px;
    border: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    text-indent: -9000px
}

.rtl .u02searchbttn {
    left: 8px;
    right: auto
}

.u02tabnav .u02searchbttn:focus {
    outline: 1px dotted #63757d;
    outline-offset: 4px
}

.u02searchbttn::-moz-focus-inner {
    border: 0
}

.u02search #txtSearch {
    width: 6em;
    height: 42px;
    padding: 0 37px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #aaa;
    background: #ececec;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline: 1px solid transparent;
    outline-offset: -1px;
}

.u02init .u02search #txtSearch {
    transition: border 0.25s, outline 0.25s, background 0.25s
}

.rtl .u02search #txtSearch {
    padding: 0 10px 0 37px
}

.u02search #txtSearch:focus,
.u02search #txtSearch.sfocus {
    color: #324b5c;
    height: 58px;
    width: 40.2em;
    font-size: 24px;
    bottom: -26px;
    border-bottom: 3px solid #ed7a00;
    /* position: absolute;
    right: 0px; */
}
/* @media only screen and (min-width: 975px){
    .u02search #txtSearch:focus, .u02search #txtSearch.sfocus {
        width: 55.5vw;
    }
}
@media only screen and (min-width: 978px){
    .u02search #txtSearch:focus, .u02search #txtSearch.sfocus {
        width: 55.6vw;
    }
}
@media only screen and (min-width: 988px){
    .u02search #txtSearch:focus, .u02search #txtSearch.sfocus {
        width: 56.1vw;
    }
}
@media only screen and (min-width: 1003px){
    .u02search #txtSearch:focus, .u02search #txtSearch.sfocus {
        width: 56.1vw;
    }
} */
.u02search #txtSearch.sfocus:-moz-focusring {
    border: 1px solid #324b5c
}

.u02search #txtSearch:disabled {
    opacity: 1
}

.u02search #txtSearch.serror {
    color: #f00;
    background: #fcc;
    outline: 2px solid #f00
}

.u02search #txtSearch.serror:-moz-focusring {
    border: 2px solid #f00
}

.u02search #txtSearch:-ms-input-placeholder {
    font-size: 14px;
    text-align: right;
    color: #324b5c !important
}

.rtl .u02search #txtSearch:-ms-input-placeholder {
    text-align: left
}

.u02search #txtSearch::-ms-input-placeholder {
    transform: scale(.875) translateX(.4375em)
}

.rtl .u02search #txtSearch::-ms-input-placeholder {
    transform: scale(.875) translateX(-.4375em)
}

.u02search #txtSearch::-moz-placeholder {
    position: relative;
    opacity: 1;
    font-size: 14px;
    text-align: right;
    color: #324b5c
}

.rtl .u02search #txtSearch::-moz-placeholder {
    text-align: left
}

.u02search #txtSearch::-webkit-input-placeholder {
    position: relative;
    font-size: 14px;
    text-align: right;
    color: #324b5c
}

.rtl .u02search #txtSearch::-webkit-input-placeholder {
    text-align: left
}

.u02search #txtSearch:focus:-ms-input-placeholder,
.u02search #txtSearch.sfocus:-ms-input-placeholder,
.u02search #txtSearch.serror:-ms-input-placeholder {
    text-align: left;
    color: #939699 !important
}

.rtl .u02search #txtSearch:focus:-ms-input-placeholder,
.rtl .u02search #txtSearch.sfocus:-ms-input-placeholder,
.rtl .u02search #txtSearch.serror:-ms-input-placeholder {
    text-align: right
}

.u02search #txtSearch:focus::-ms-input-placeholder,
.u02search #txtSearch.sfocus::-ms-input-placeholder,
.u02search #txtSearch.serror::-ms-input-placeholder {
    transform: scale(.875) translateX(-.4375em)
}

.rtl .u02search #txtSearch:focus::-ms-input-placeholder,
.rtl .u02search #txtSearch.sfocus::-ms-input-placeholder,
.rtl .u02search #txtSearch.serror::-ms-input-placeholder {
    transform: scale(.875) translateX(.4375em)
}

.u02search #txtSearch:focus::-moz-placeholder,
.u02search #txtSearch.sfocus::-moz-placeholder,
.u02search #txtSearch.serror::-moz-placeholder {
    left: 8px !important;
    text-align: left;
    color: #939699 !important
}

.rtl .u02search #txtSearch:focus::-moz-placeholder,
.rtl .u02search #txtSearch.sfocus::-moz-placeholder,
.rtl .u02search #txtSearch.serror::-moz-placeholder {
    left: auto;
    right: 8px;
    text-align: right
}

.u02search #txtSearch:focus::-webkit-input-placeholder,
.u02search #txtSearch.sfocus::-webkit-input-placeholder,
.u02search #txtSearch.serror::-webkit-input-placeholder {
    left: 8px;
    text-align: left;
    color: #939699 !important
}

.rtl .u02search #txtSearch:focus::-webkit-input-placeholder,
.rtl .u02search #txtSearch.sfocus::-webkit-input-placeholder,
.rtl .u02search #txtSearch.serror::-webkit-input-placeholder {
    left: auto;
    right: 8px;
    text-align: right
}

.u02search #txtSearch:focus::placeholder,
.u02search #txtSearch.sfocus::placeholder,
.u02search #txtSearch.serror::placeholder {
    left: 8px;
    text-align: left;
    color: #939699 !important
}

.rtl .u02search #txtSearch:focus::placeholder,
.rtl .u02search #txtSearch.sfocus::placeholder,
.rtl .u02search #txtSearch.serror::placeholder {
    left: auto;
    right: 8px;
    text-align: right
}

@media (min-width: 1100px) {
    /* .u02search #txtSearch {
        width: 14em
    } */
    .u02search #txtSearch::-ms-input-placeholder {
        transform: scale(.875) translateX(.875em)
    }
    .rtl .u02search #txtSearch::-ms-input-placeholder {
        transform: scale(.875) translateX(-.875em)
    }
}

.u02search .ui-widget-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.rtl .u02search .ui-widget-overlay {
    left: auto;
    right: 0
}

.u02search .ui-autocomplete {
    position: absolute;
    width: 100%;
    max-height: 250px;
    top: 0;
    left: 0;
    z-index: 3;
    background: #fff;
    border: #dadde0 solid 1px;
    box-shadow: 3px 3px 12px rgba(50, 50, 50, 0.55);
    cursor: default;
    overflow-x: hidden;
    overflow-y: auto
}

.rtl .u02search .ui-autocomplete {
    left: auto;
    right: 0
}

* html .u02search .ui-autocomplete {
    width: 1px;
    height: 250px
}

.u02search .ui-menu {
    display: block;
    width: 324px !important;
    top: 32px !important;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    outline: none
}

.u02search .ui-menu .ui-menu {
    position: absolute;
    margin-top: -3px
}

.u02search .ui-menu .ui-menu-item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: normal;
    color: #63757d !important;
    cursor: pointer;
    text-decoration: none;
    zoom: 1
}

.u02search .ui-menu .ui-menu-divider {
    height: 0;
    margin: 5px -2px;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.u02search .ui-menu .ui-menu-item:hover,
.u02search .ui-menu .ui-menu-item[aria-selected='true'] {
    background: #eee
}

.u02search .ui-menu .ui-menu-item.ui-state-focus,
.u02search .ui-menu .ui-menu-item.ui-state-active {
    font-weight: normal;
    color: #fff !important;
    background: #63757d
}

.u02search .ui-autocomplete::-webkit-scrollbar {
    width: 12px
}

.u02search .ui-autocomplete::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #ddd
}

.rtl .u02search .ui-autocomplete::-webkit-scrollbar-track {
    border-right: 1px solid #ddd;
    border-left: 0
}

.u02search .ui-autocomplete::-webkit-scrollbar-thumb {
    background: #ddd
}

.u02search .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
    background: #e0921c
}

.f01 .u02 {
    margin: 0 -19px
}

.f01 .u02menucontent a:hover {
    text-decoration: none
}

@media (min-width: 1600px) {
    .u02toolpop.u02user {
        -webkit-transform: translate(-50%, 40px);
        -ms-transform: translate(-50%, 40px);
        transform: translate(-50%, 40px);
        left: 50%;
        right: auto
    }
    .u02opened>.u02toolpop.u02user {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media (min-width: 0) and (max-width: 974px) {
    .f11 .u02:before,
    .ocom-responsive .u02:before {
        content: 'TAB'
    }
    .f11 .u02w1,
    .ocom-responsive .u02w1 {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
    .f11 .u02w1,
    .f11 .u02mlinkw1 a,
    .f11 .u02logo,
    .ocom-responsive .u02w1,
    .ocom-responsive .u02mlinkw1 a,
    .ocom-responsive .u02logo {
        height: 48px
    }
    .f11 .u02logo,
    .ocom-responsive .u02logo {
        width: 156px
    }
    .f11 .u02logow2,
    .ocom-responsive .u02logow2 {
        font-size: 15px
    }
    .f11 .u02logow2 a,
    .ocom-responsive .u02logow2 a {
        padding-top: 0.2em;
        padding-bottom: 0.2em
    }
    .f11 .u02mlinkw1 a,
    .ocom-responsive .u02mlinkw1 a {
        width: 64px
    }
    .f11 .u02mlinkw2,
    .ocom-responsive .u02mlinkw2 {
        font-size: 12px
    }
    .f11 .u02mlinkw2:after,
    .ocom-responsive .u02mlinkw2:after {
        top: 10px
    }
    .f11 .u02haml .u02mlinkw2,
    .ocom-responsive .u02haml .u02mlinkw2 {
        height: 12px
    }
    .f11 .u02local a,
    .ocom-responsive .u02local a {
        padding: 0 12px;
        font-size: 16px
    }
    .f11 .u02search #txtSearch,
    .ocom-responsive .u02search #txtSearch {
        width:0;
    }
    .f11 .u02search #txtSearch:-ms-input-placeholder,
    .ocom-responsive .u02search #txtSearch:-ms-input-placeholder {
        color: transparent
    }
    .f11 .u02search #txtSearch::-moz-placeholder,
    .ocom-responsive .u02search #txtSearch::-moz-placeholder {
        color: transparent !important
    }
    .f11 .u02search #txtSearch:focus::-moz-placeholder,
    .f11 .u02search #txtSearch.sfocus::-moz-placeholder,
    .f11 .u02search #txtSearch.serror::-moz-placeholder,
    .ocom-responsive .u02search #txtSearch:focus::-moz-placeholder,
    .ocom-responsive .u02search #txtSearch.sfocus::-moz-placeholder,
    .ocom-responsive .u02search #txtSearch.serror::-moz-placeholder {
        color: #939699 !important
    }
    .f11 .u02search #txtSearch::-webkit-input-placeholder,
    .ocom-responsive .u02search #txtSearch::-webkit-input-placeholder {
        color: transparent
    }
    .f11 .u02tools>ul>li,
    .ocom-responsive .u02tools>ul>li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -ms-flex-wrap: none;
        flex-flow: column nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 6px
    }
    .f11 .u02tools>ul>li:first-child,
    .ocom-responsive .u02tools>ul>li:first-child {
        padding-left: 8px
    }
    .rtl .f11 .u02tools>ul>li:first-child,
    .f11.rtl .u02tools>ul>li:first-child,
    .rtl .ocom-responsive .u02tools>ul>li:first-child,
    .ocom-responsive.rtl .u02tools>ul>li:first-child {
        padding-right: 8px;
        padding-left: 0
    }
    .f11 .u02ticon span,
    .ocom-responsive .u02ticon span {
        display: none
    }
    .f11 .u02mtool .u02menu-l1z1,
    .ocom-responsive .u02mtool .u02menu-l1z1 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        height: 0;
        top: 0;
        left: auto;
        right: auto;
        padding: 0
    }
    .f11 .u02menu-l1z1 i,
    .ocom-responsive .u02menu-l1z1 i {
        width: 26px;
        height: 26px;
        border-bottom-width: 13px;
        border-left-width: 13px;
        border-right-width: 13px
    }
    .f11 .u02pttl,
    .ocom-responsive .u02pttl {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: 1.1em 20px 0.9em !important;
        z-index: 1;
        font-size: 15px;
        text-align: left;
        color: #324b5c;
        border-bottom: #adc5d1 solid 1px
    }
    .rtl .f11 .u02pttl,
    .f11.rtl .u02pttl,
    .rtl .ocom-responsive .u02pttl,
    .ocom-responsive.rtl .u02pttl {
        text-align: right
    }
    .f11 .u02pttl-li,
    .ocom-responsive .u02pttl-li {
        margin-bottom: 0.4em
    }
    .f11 .u02cmenu-simple .u02pttl,
    .ocom-responsive .u02cmenu-simple .u02pttl {
        display: block
    }
    .f11 .u02cmenu-simple .u02pttl-li,
    .ocom-responsive .u02cmenu-simple .u02pttl-li {
        margin-top: -1em
    }
}

@media (min-width: 771px) and (max-width: 974px) {
    .f11 .u02mlinkw2:after,
    .ocom-responsive .u02mlinkw2:after {
        left: calc((100% - 29px) / 2)
    }
    .f11 .u02tools>ul>li,
    .ocom-responsive .u02tools>ul>li {
        position: static
    }
    .f11 .u02tools .u02toolpop,
    .ocom-responsive .u02tools .u02toolpop {
        -webkit-transform: translate(0, 40px);
        -ms-transform: translate(0, 40px);
        transform: translate(0, 40px);
        left: auto;
        right: 0
    }
    .f11 .u02opened>.u02toolpop,
    .ocom-responsive .u02opened>.u02toolpop {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .rtl .f11 .u02tools .u02toolpop,
    .f11.rtl .u02tools .u02toolpop,
    .rtl .ocom-responsive .u02tools .u02toolpop,
    .ocom-responsive.rtl .u02tools .u02toolpop {
        left: 0;
        right: auto
    }
}

@media (min-width: 831px) and (max-width: 974px) {
    .f11 .u02mainmenu,
    .f11 .u02menucontent .u02menu-ul,
    .f11 .u02menu-l1,
    .ocom-responsive .u02mainmenu,
    .ocom-responsive .u02menucontent .u02menu-ul,
    .ocom-responsive .u02menu-l1 {
        width: 225px
    }
    .f11 .u02menu-l2,
    .ocom-responsive .u02menu-l2 {
        width: 450px;
        left: 225px
    }
    .f11 .u02menu-l3,
    .f11 .u02v1 .u02menu-l2,
    .ocom-responsive .u02menu-l3,
    .ocom-responsive .u02v1 .u02menu-l2 {
        width: 225px
    }
    .f11 .u02menu-l3,
    .ocom-responsive .u02menu-l3 {
        left: 225px
    }
    .rtl .f11 .u02menu-l2,
    .rtl .f11 .u02menu-l3,
    .f11.rtl .u02menu-l2,
    .f11.rtl .u02menu-l3,
    .rtl .ocom-responsive .u02menu-l2,
    .rtl .ocom-responsive .u02menu-l3,
    .ocom-responsive.rtl .u02menu-l2,
    .ocom-responsive.rtl .u02menu-l3 {
        left: auto;
        right: 225px
    }
}

@media (min-width: 0) and (max-width: 974px) {
    .f11 #mobisearch,
    .ocom-responsive #mobisearch {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: block;
        position: relative;
        width: 48px;
        height: 100%;
        margin-left: auto;
        padding: 10px 0;
        overflow: hidden;
        z-index: 3;
        -ms-flex-order: 5;
        order: 5;
        text-indent: -9999px
    }

    #mobisearch.active::before {
        content: none;
    }
    #mobisearch.active {
        background: #00252d;
    }
    .f11 .u02search, .ocom-responsive .u02search {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: -99px;
        transition: opacity 0.35s;
        flex: 0 0 auto; 
    }
    .f11 .u02searchform, .ocom-responsive .u02searchform {
        top: 0;
        padding: 14px 16px;
    }
    #mobisearch.active span i {
        display: block;
        width: 24px;
        height: 2px;
        background: #fff;
        left: 13px;
    }
    #mobisearch.active span i.u02i2 {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .f11 #mobisearch>span, .ocom-responsive #mobisearch>span {
        display: block;
        margin-top: 10px;
    }
    #mobisearch span i {
        display: none;
    }
    .f11 .u02searchbttn, .ocom-responsive .u02searchbttn {
        right: 24px;
    }
    #mobisearch.active span i.u02i1 {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #u02search.active {
        width: 100%;
        visibility: visible;
        opacity: 1;
        background: #00252d;
        top: 48px
    }
    .f11 .u02search #txtSearch, .ocom-responsive .u02search #txtSearch {
        width: 100%;
        height: 35px;
        position: unset;
    }    
}
@media (min-width: 0) and (max-width: 830px) {
    .f11 .u02mainmenu,
    .f11 .u02menucontent .u02menu-ul,
    .f11 .u02menu-l1,
    .ocom-responsive .u02mainmenu,
    .ocom-responsive .u02menucontent .u02menu-ul,
    .ocom-responsive .u02menu-l1 {
        width: 206px
    }
    .f11 .u02menu-l2,
    .ocom-responsive .u02menu-l2 {
        width: 412px;
        left: 206px
    }
    .f11 .u02menu-l3,
    .f11 .u02v1 .u02menu-l2,
    .ocom-responsive .u02menu-l3,
    .ocom-responsive .u02v1 .u02menu-l2 {
        width: 206px
    }
    .f11 .u02menu-l3,
    .ocom-responsive .u02menu-l3 {
        left: 206px
    }
    .rtl .f11 .u02menu-l2,
    .rtl .f11 .u02menu-l3,
    .f11.rtl .u02menu-l2,
    .f11.rtl .u02menu-l3,
    .rtl .ocom-responsive .u02menu-l2,
    .rtl .ocom-responsive .u02menu-l3,
    .ocom-responsive.rtl .u02menu-l2,
    .ocom-responsive.rtl .u02menu-l3 {
        left: auto;
        right: 206px
    }
}

@media (min-width: 0) and (max-width: 770px) {
    .f11 .u02mlinkw2:before,
    .ocom-responsive .u02mlinkw2:before {
        width: 24px;
        height: 16px
    }
    .f11 .u02mlinkw2:after,
    .ocom-responsive .u02mlinkw2:after {
        width: 24px;
        height: 12px;
        top: 10px;
        left: calc((100% - 24px) / 2)
    }
    .f11 .u02mlinkw1 a,
    .f11 .u02mlinkw1 a:link,
    .f11 .u02mlinkw1 a:visited,
    .ocom-responsive .u02mlinkw1 a,
    .ocom-responsive .u02mlinkw1 a:link,
    .ocom-responsive .u02mlinkw1 a:visited {
        width: 64px
    }
    .f11 .u02mlinkw1 a .u02hamenu,
    .ocom-responsive .u02mlinkw1 a .u02hamenu {
        width: 24px;
        height: 16px;
        margin: 2px auto 5px
    }
    .f11 #mobisearch i,
    .f11 .u02hamenu span,
    .ocom-responsive #mobisearch i,
    .ocom-responsive .u02hamenu span {
        height: 2px
    }
    .f11 .u02hamenu .m2,
    .f11 .u02hamenu .m3,
    .ocom-responsive .u02hamenu .m2,
    .ocom-responsive .u02hamenu .m3 {
        top: 7px
    }
    .f11 .u02hamenu .m4,
    .ocom-responsive .u02hamenu .m4 {
        top: 14px
    }
    .f11 .u02searchform,
    .ocom-responsive .u02searchform {
        left: 0
    }
    .ocom-responsive .u02search #txtSearch {
        width: 11.5em
    }
    .f11 .u02userin,
    .ocom-responsive .u02userin {
        display: block;
        margin: 0 0 6px
    }
    .f11 .u02mtool,
    .ocom-responsive .u02mtool {
        position: static
    }
    .f11 .u02userinw2,
    .ocom-responsive .u02userinw2 {
        border-top: #adc5d1 solid 1px
    }
    .f11 .u02bttn,
    .ocom-responsive .u02bttn {
        max-width: 240px;
        margin: 0 auto
    }
    .f11 .u02countrymenu,
    .ocom-responsive .u02countrymenu {
        width: 340px;
        overflow: hidden
    }
    .f11 .u02countrymenu.u02cmenu-simple,
    .ocom-responsive .u02countrymenu.u02cmenu-simple {
        width: 300.16px;
        padding-top: 0
    }
    .f11 .u02countrymenu.u02cmenu-simple.u02cmenu-simple2col,
    .ocom-responsive .u02countrymenu.u02cmenu-simple.u02cmenu-simple2col {
        width: 372.96px
    }
    .f11 .u02countrymenu>ul,
    .ocom-responsive .u02countrymenu>ul {
        width: 200%;
        text-align: left
    }
    .rtl .f11 .u02countrymenu>ul,
    .f11.rtl .u02countrymenu>ul,
    .rtl .ocom-responsive .u02countrymenu>ul,
    .ocom-responsive.rtl .u02countrymenu>ul {
        text-align: right
    }
    .f11 .u02countrymenu.u02cmenu-simple a,
    .ocom-responsive .u02countrymenu.u02cmenu-simple a {
        padding: 7px 8px 7px 18px
    }
    .rtl .f11 .u02countrymenu.u02cmenu-simple a,
    .f11.rtl .u02countrymenu.u02cmenu-simple a,
    .rtl .ocom-responsive .u02countrymenu.u02cmenu-simple a,
    .ocom-responsive.rtl .u02countrymenu.u02cmenu-simple a {
        padding: 7px 18px 7px 8px
    }
    .f11 .u02currentcr .u02cmenu-l2 .u02currentcc:before,
    .f11 .u02countrymenu.u02cmenu-simple .u02currentcc:before,
    .f11 .u02countrymenu.u02cmenu-simple a:before,
    .f11 .u02cmenu-l2 ul a:before,
    .ocom-responsive .u02currentcr .u02cmenu-l2 .u02currentcc:before,
    .ocom-responsive .u02countrymenu.u02cmenu-simple .u02currentcc:before,
    .ocom-responsive .u02countrymenu.u02cmenu-simple a:before,
    .ocom-responsive .u02cmenu-l2 ul a:before {
        display: none
    }
    .f11 .u02cmenu-l2 ul a,
    .ocom-responsive .u02cmenu-l2 ul a {
        padding-left: 20px
    }
    .rtl .f11 .u02cmenu-l2 ul a,
    .f11.rtl .u02cmenu-l2 ul a,
    .rtl .ocom-responsive .u02cmenu-l2 ul a,
    .ocom-responsive.rtl .u02cmenu-l2 ul a {
        padding-right: 20px;
        padding-left: 0
    }
    .f11 .u02cmenu-l1,
    .ocom-responsive .u02cmenu-l1 {
        position: relative;
        left: 0;
        padding: 0 0 18px;
        background: none;
        transition: transform 0.4s
    }
    .rtl .f11 .u02cmenu-l1,
    .f11.rtl .u02cmenu-l1,
    .rtl .ocom-responsive .u02cmenu-l1,
    .ocom-responsive.rtl .u02cmenu-l1 {
        left: auto;
        right: 0
    }
    .f11 .u02cmenu-l1.u02show,
    .ocom-responsive .u02cmenu-l1.u02show {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .rtl .f11 .u02cmenu-l1.u02show,
    .f11.rtl .u02cmenu-l1.u02show,
    .rtl .ocom-responsive .u02cmenu-l1.u02show,
    .ocom-responsive.rtl .u02cmenu-l1.u02show {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
    .f11 .u02cmenu-l1>li>a:hover,
    .f11 .u02cmenu-l1>li>a:focus,
    .ocom-responsive .u02cmenu-l1>li>a:hover,
    .ocom-responsive .u02cmenu-l1>li>a:focus {
        background: none;
        outline: 0;
        text-decoration: underline
    }
    .f11 .u02cmenu-l1>li,
    .ocom-responsive .u02cmenu-l1>li {
        width: 50%
    }
    .f11 .u02cmenu-l2,
    .f11 .u02countrymenu.u02cm3cols .u02cmenu-l2,
    .ocom-responsive .u02cmenu-l2,
    .ocom-responsive .u02countrymenu.u02cm3cols .u02cmenu-l2 {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        top: 0;
        left: 50%;
        padding: 0 0 18px
    }
    .rtl .f11 .u02cmenu-l2,
    .f11.rtl .u02cmenu-l2,
    .rtl .f11 .u02countrymenu.u02cm3cols .u02cmenu-l2,
    .f11.rtl .u02countrymenu.u02cm3cols .u02cmenu-l2,
    .rtl .ocom-responsive .u02cmenu-l2,
    .ocom-responsive.rtl .u02cmenu-l2,
    .rtl .ocom-responsive .u02countrymenu.u02cm3cols .u02cmenu-l2,
    .ocom-responsive.rtl .u02countrymenu.u02cm3cols .u02cmenu-l2 {
        left: auto;
        right: 50%
    }
    .f11 .u02cmenu-l2 ul,
    .ocom-responsive .u02cmenu-l2 ul {
        width: 100%
    }
    .f11 .u02cmenu-l2 .u02menuback,
    .ocom-responsive .u02cmenu-l2 .u02menuback {
        margin-bottom: 0.4em
    }
    .f11 .u02cmenu-l2 .u02blink,
    .ocom-responsive .u02cmenu-l2 .u02blink {
        cursor: pointer
    }
    .f11 .u02menuback,
    .ocom-responsive .u02menuback {
        display: block
    }
    .f11 .u02cmenu-l2 a,
    .ocom-responsive .u02cmenu-l2 a {
        visibility: hidden !important
    }
    .f11 .u02show .u02currentcr .u02cmenu-l2 a,
    .ocom-responsive .u02show .u02currentcr .u02cmenu-l2 a {
        visibility: visible !important
    }
    .f11 .u02hidemenu .u02mainmenu,
    .ocom-responsive .u02hidemenu .u02mainmenu {
        opacity: 0
    }
    .f11 .u02tools>ul>.u02mbttn>a,
    .ocom-responsive .u02tools>ul>.u02mbttn>a {
        width: 100%;
        margin: 0 !important;
        background: #5c7a8b;
        border: 0
    }
    .f11 .u02tools>ul>li,
    .ocom-responsive .u02tools>ul>li {
        padding: 0 4px
    }
    .f11 .u02searchbttn,
    .f11 .u02ticon:after,
    .ocom-responsive .u02searchbttn,
    .ocom-responsive .u02ticon:after {
        width: 24px;
        height: 24px;
        background-size: 24px auto
    }
    .f11 .u02searchbttn,
    .ocom-responsive .u02searchbttn {
        background-position: 0 -56px
    }
    .f11 .u02ticon.u02user:after,
    .ocom-responsive .u02ticon.u02user:after {
        background-position: 0 -1px
    }
    .f11 .u02ticon.u02regn:after,
    .ocom-responsive .u02ticon.u02regn:after {
        background-position: 0 -28px
    }
    .f11 .u02ticon.u02contact:after,
    .ocom-responsive .u02ticon.u02contact:after {
        background-position: 0 -102px
    }
    .f11 .u02pttl,
    .ocom-responsive .u02pttl {
        display: block
    }
    .f11 .u02search .ui-menu,
    .ocom-responsive .u02search .ui-menu {
        width: 250px !important;
        left: -1px !important
    }
}

@media (min-width: 0) and (max-width: 670px) {
    .f11 .u02:before,
    .ocom-responsive .u02:before {
        content: 'MOBI'
    }
    .f11 .u02w1,
    .f11 .u02mlinkw1 a,
    .f11 .u02logo,
    .ocom-responsive .u02w1,
    .ocom-responsive .u02mlinkw1 a,
    .ocom-responsive .u02logo {
        height: 44px
    }
    .f11 .u02logow2,
    .f11 .u02mainmenu,
    .f11 .u02megactr .u02menucontent,
    .f11 .u02megactr .u02menu-l1>.u02menu-ul,
    .f11 .u02tools,
    .f11 .u02menucontent .u02menu-ul,
    .f11 .u02menu-l1,
    .f11 .u02menu-l2,
    .f11 .u02v1 .u02menu-l2,
    .f11 .u02menu-l3,
    .ocom-responsive .u02logow2,
    .ocom-responsive .u02mainmenu,
    .ocom-responsive .u02megactr .u02menucontent,
    .ocom-responsive .u02megactr .u02menu-l1>.u02menu-ul,
    .ocom-responsive .u02tools,
    .ocom-responsive .u02menucontent .u02menu-ul,
    .ocom-responsive .u02menu-l1,
    .ocom-responsive .u02menu-l2,
    .ocom-responsive .u02v1 .u02menu-l2,
    .ocom-responsive .u02menu-l3 {
        width: 340px
    }
    .f11 .u02logo,
    .ocom-responsive .u02logo {
        position: static;
        width: 116px
    }
    /* .f11 #mobisearch,
    .ocom-responsive #mobisearch {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: block;
        position: relative;
        width: 48px;
        height: 100%;
        margin-left: auto;
        padding: 10px 0;
        overflow: hidden;
        z-index: 3;
        -ms-flex-order: 5;
        order: 5;
        text-indent: -9999px
    } */
    .f11 .u02logow2,
    .ocom-responsive .u02logow2 {
        visibility: hidden;
        opacity: 0;
        height: auto;
        top: 120%;
        left: 0;
        padding: 8px;
        z-index: 1;
        font-size: 16px;
        border: 0;
        transition: 0s visibility 0.5s, 0.3s transform, 0.2s opacity;
        pointer-events: none
    }
    .f11 .u02logow2 a,
    .ocom-responsive .u02logow2 a {
        padding: 0.4em
    }
    .f11 .u02logow2 hr,
    .ocom-responsive .u02logow2 hr {
        display: none
    }
    .f11 .u02logo.u02opened .u02logow2,
    .ocom-responsive .u02logo.u02opened .u02logow2 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s, 0s;
        pointer-events: auto
    }
    .f11 .u02logo.u02opened:after,
    .ocom-responsive .u02logo.u02opened:after {
        content: '';
        display: block;
        width: 100%;
        min-width: 340px;
        height: 26px;
        background: transparent
    }
    .f11 .u02logo>.u02menu-l1z1,
    .ocom-responsive .u02logo>.u02menu-l1z1 {
        display: block;
        top: 122%;
        left: 58px
    }
    .f11 .u02logo>.u02menu-l1z1 i,
    .ocom-responsive .u02logo>.u02menu-l1z1 i {
        border-bottom-color: #dce6ea
    }
    .rtl .f11 .u02logo>.u02menu-l1z1,
    .f11.rtl .u02logo>.u02menu-l1z1,
    .rtl .ocom-responsive .u02logo>.u02menu-l1z1,
    .ocom-responsive.rtl .u02logo>.u02menu-l1z1 {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        left: auto;
        right: 58px
    }
    .f11 .u02mainmenu,
    .ocom-responsive .u02mainmenu {
        top: 108px;
        left: auto;
        right: 0;
        overflow: hidden
    }
    .f11 .u02notools .u02mainmenu,
    .ocom-responsive .u02notools .u02mainmenu {
        top: 100%
    }
    .f11 .u02menu-l2 .u02menu-l3,
    .ocom-responsive .u02menu-l2 .u02menu-l3 {
        left: 340px
    }
    .rtl .f11 .u02mainmenu,
    .f11.rtl .u02mainmenu,
    .rtl .ocom-responsive .u02mainmenu,
    .ocom-responsive.rtl .u02mainmenu {
        left: 0;
        right: auto
    }
    .rtl .f11 .u02menu-l2,
    .rtl .f11 .u02menu-l3,
    .f11.rtl .u02menu-l2,
    .f11.rtl .u02menu-l3,
    .rtl .ocom-responsive .u02menu-l2,
    .rtl .ocom-responsive .u02menu-l3,
    .ocom-responsive.rtl .u02menu-l2,
    .ocom-responsive.rtl .u02menu-l3 {
        left: auto;
        right: 340px
    }
    .f11 .u02mlinkw2:before,
    .ocom-responsive .u02mlinkw2:before {
        width: 21px;
        height: 14px
    }
    .f11 .u02mlinkw1 a .u02hamenu,
    .ocom-responsive .u02mlinkw1 a .u02hamenu {
        margin-bottom: 3px
    }
    .f11 .u02hamenu .m2,
    .f11 .u02hamenu .m3,
    .ocom-responsive .u02hamenu .m2,
    .ocom-responsive .u02hamenu .m3 {
        top: 6px
    }
    .f11 .u02hamenu .m4,
    .ocom-responsive .u02hamenu .m4 {
        top: 12px
    }
    .f11 .u02mlinkw2:after,
    .ocom-responsive .u02mlinkw2:after {
        width: 21px;
        height: 10px;
        top: 8px;
        left: calc((100% - 21px) / 2);
        border-width: 4px
    }
    .f11 .u02menu,
    .ocom-responsive .u02menu {
        margin-left: auto;
        -ms-flex-order: 5;
        order: 5
    }
    .rtl .f11 .u02menu,
    .f11.rtl .u02menu,
    .rtl .ocom-responsive .u02menu,
    .ocom-responsive.rtl .u02menu {
        margin-right: auto;
        margin-left: 0
    }
    .f11 #mobisearch+.u02menu,
    .ocom-responsive #mobisearch+.u02menu {
        margin-left: 0
    }
    .u02menu {
        z-index: 2;
        background: #fff;
        -ms-flex-order: 0;
        order: 0;
        height: 44px;
    }
    .rtl .f11 #mobisearch+.u02menu,
    .f11.rtl #mobisearch+.u02menu,
    .rtl .ocom-responsive #mobisearch+.u02menu,
    .ocom-responsive.rtl #mobisearch+.u02menu {
        margin-right: 0
    }
    .f11 #mobisearch>span,
    .ocom-responsive #mobisearch>span {
        display: block;
        margin-top: 10px
    }
    .rtl .f11 #mobisearch,
    .f11.rtl #mobisearch,
    .rtl .ocom-responsive #mobisearch,
    .ocom-responsive.rtl #mobisearch {
        margin-right: auto;
        margin-left: 0
    }
    .f11 #mobisearch.u02searchpop,
    .ocom-responsive #mobisearch.u02searchpop {
        background: #324b5c
    }
    .f11 .u02mlinkw2,
    .ocom-responsive .u02mlinkw2 {
        font-size: 11px
    }
    .f11 .u02haml .u02mlinkw2,
    .ocom-responsive .u02haml .u02mlinkw2 {
        height: 11px
    }
    .f11 .u02local a,
    .ocom-responsive .u02local a {
        padding: 0 10px;
        font-size: 14px
    }
    .f11 .u02search #txtSearch,
    .ocom-responsive .u02search #txtSearch {
        width: 100%;
        height: 35px;
        position: unset;
    }
    .f11 .u02search .ui-menu,
    .ocom-responsive .u02search .ui-menu {
        width: auto !important;
        top: 42px !important;
        left: 16px !important;
        right: 16px
    }
    .f11 .u02mlink,
    .ocom-responsive .u02mlink {
        border-left: #dfe3e6 solid 1px
    }
    .rtl .f11 .u02mlink,
    .f11.rtl .u02mlink,
    .rtl .ocom-responsive .u02mlink,
    .ocom-responsive.rtl .u02mlink {
        border-right: #dfe3e6 solid 1px;
        border-left: 0
    }
    .f11 .u02mlinkw1 a,
    .f11 .u02mlinkw1 a:link,
    .ocom-responsive .u02mlinkw1 a,
    .ocom-responsive .u02mlinkw1 a:link {
        width: 57px
    }
    .f11 .u02search,
    .ocom-responsive .u02search {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: -99px;
        transition: opacity 0.35s
    }
    .f11 .u02searchform,
    .ocom-responsive .u02searchform {
        top: 0;
        padding: 14px 16px
    }
    .f11 .u02searchbttn,
    .ocom-responsive .u02searchbttn {
        right: 24px
    }
    .rtl .f11 .u02searchbttn,
    .f11.rtl .u02searchbttn,
    .rtl .ocom-responsive .u02searchbttn,
    .ocom-responsive.rtl .u02searchbttn {
        left: 24px;
        right: auto
    }
    .f11 .u02search.u02searchpop,
    .ocom-responsive .u02search.u02searchpop {
        visibility: visible;
        opacity: 1;
        width: 100%;
        height: 64px;
        top: 100%;
        left: 0;
        z-index: 3;
        background: #324b5c
    }
    .f11 .u02tools,
    .ocom-responsive .u02tools {
        display: block;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        height: 64px;
        top: 100%;
        left: auto;
        right: 0;
        background: #3c5464;
        border-bottom: #5c7a8b solid 1px;
        transition: visibility 0s linear 0.3s, opacity 0.2s
    }
    .rtl .f11 .u02tools,
    .f11.rtl .u02tools,
    .rtl .ocom-responsive .u02tools,
    .ocom-responsive.rtl .u02tools {
        left: 0;
        right: auto
    }
    .f11 .u02tools.u02opened,
    .ocom-responsive .u02tools.u02opened {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s
    }
    .f11 .u02tools>ul,
    .ocom-responsive .u02tools>ul {
        -ms-flex-pack: justify;
        justify-content: space-around;
        padding: 0 1em
    }
    .f11 .u02ticon:after,
    .ocom-responsive .u02ticon:after {
        width: 36px;
        height: 36px;
        background-size: 36px auto
    }
    .f11 .u02ticon.u02regn:after,
    .ocom-responsive .u02ticon.u02regn:after {
        background-position: 0 -42px
    }
    .f11 .u02ticon.u02contact:after,
    .ocom-responsive .u02ticon.u02contact:after {
        background-position: 0 -152px
    }
    .f11 .u02toolpop,
    .ocom-responsive .u02toolpop {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        transition-duration: 0s, 0.2s, 0s
    }
    .f11 .u02countrymenu,
    .f11 .u02countrymenu.u02cm3cols,
    .f11 .u02countrymenu.u02cmenu-simple,
    .ocom-responsive .u02countrymenu,
    .ocom-responsive .u02countrymenu.u02cm3cols,
    .ocom-responsive .u02countrymenu.u02cmenu-simple {
        width: 100%
    }
}

@media (min-width: 0) and (max-width: 490px) {
    .f11 #u02skip2content,
    .ocom-responsive #u02skip2content {
        left: 1%
    }
    .f11 #u02skip2content a,
    .ocom-responsive #u02skip2content a {
        margin: 0;
        font-size: 13px
    }
    .f11 .u02logow2,
    .f11 .u02tools,
    .f11 .u02mobi .u02mainmenu,
    .f11 .u02mobi .u02megactr .u02menucontent,
    .f11 .u02mobi:not(.u02v1) .u02menu-l1,
    .f11 .u02mobi .u02menu-l2,
    .f11 .u02mobi .u02menu-l3,
    .f11 .u02mobi .u02menucontent .u02menu-ul,
    .ocom-responsive .u02logow2,
    .ocom-responsive .u02tools,
    .ocom-responsive .u02mobi .u02mainmenu,
    .ocom-responsive .u02mobi .u02megactr .u02menucontent,
    .ocom-responsive .u02mobi:not(.u02v1) .u02menu-l1,
    .ocom-responsive .u02mobi .u02menu-l2,
    .ocom-responsive .u02mobi .u02menu-l3,
    .ocom-responsive .u02mobi .u02menucontent .u02menu-ul {
        width: 100%
    }
    .f11 .u02v1 .u02menu-l2,
    .ocom-responsive .u02v1 .u02menu-l2 {
        width: 100vw
    }
    .f11 .u02mobi .u02mlink .u02menu-l2,
    .f11 .u02mobi .u02menu-l3,
    .ocom-responsive .u02mobi .u02mlink .u02menu-l2,
    .ocom-responsive .u02mobi .u02menu-l3 {
        left: 100% !important
    }
    .rtl .f11 .u02mobi .u02mlink .u02menu-l2,
    .rtl .f11 .u02mobi .u02menu-l3,
    .f11.rtl .u02mobi .u02mlink .u02menu-l2,
    .f11.rtl .u02mobi .u02menu-l3,
    .rtl .ocom-responsive .u02mobi .u02mlink .u02menu-l2,
    .rtl .ocom-responsive .u02mobi .u02menu-l3,
    .ocom-responsive.rtl .u02mobi .u02mlink .u02menu-l2,
    .ocom-responsive.rtl .u02mobi .u02menu-l3 {
        left: auto !important;
        right: 100% !important
    }
    .f11 .u02v1 .u02w2:not(.u02megactr) .u02menu-l1>.u02menu-ul,
    .ocom-responsive .u02v1 .u02w2:not(.u02megactr) .u02menu-l1>.u02menu-ul {
        width: auto !important
    }
    .f11 .u02cmenu-simple ul,
    .ocom-responsive .u02cmenu-simple ul {
        width: 100%
    }
    .f11 .u02cmenu-simple2col ul,
    .ocom-responsive .u02cmenu-simple2col ul {
        width: 50%
    }
    .f11 .u02toolpop,
    .ocom-responsive .u02toolpop {
        right: 0 !important
    }
    .rtl .f11 .u02toolpop,
    .f11.rtl .u02toolpop,
    .rtl .ocom-responsive .u02toolpop,
    .ocom-responsive.rtl .u02toolpop {
        left: 0 !important;
        right: auto !important
    }
    .f11 .u02toolpop,
    .f11 .u02search .ui-menu,
    .ocom-responsive .u02toolpop,
    .ocom-responsive .u02search .ui-menu {
        width: 100% !important
    }
    .f11 .u02search .ui-menu,
    .ocom-responsive .u02search .ui-menu {
        width: auto !important
    }
}

@media (min-width: 0) and (max-width: 385px) {
    .f11 .u02cmenu-simple2col ul,
    .ocom-responsive .u02cmenu-simple2col ul {
        width: 100%
    }
}

@media (max-height: 770px),
(max-width: 974px) {
    .u02dtop .u02mainmenu a,
    .u02dtop .u02mainmenu h6 {
        padding-top: 5px;
        padding-bottom: 4px
    }
}

.u02smap {
    padding-top: 3em
}

.u02smap .hdx {
    width: 100% !important;
    max-width: 1180px;
    margin: 0 !important
}

.u02smap a,
.u02smap a:link,
.u02smap a:visited,
.u02smap h5,
.u02smap h6,
.u02smap hr {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    opacity: 1;
    margin: 0;
    padding: 0 !important;
    font-size: 16px;
    color: #00758f
}

.u02smap a:focus,
.u02smap a:hover {
    outline: 0;
    text-decoration: underline
}

.u02smap hr {
    opacity: .5;
    width: 100%;
    margin: 0.6em 0 0.5em !important;
    color: #5c7a8b;
    background: #5c7a8b !important
}

.u02smap a,
.u02smap li {
    display: block !important;
    line-height: 1.35 !important
}

.u02smap h5 {
    margin: 0 0 0.4em;
    padding: 0 0 0.2em;
    color: #324b5c
}

.u02smap h6 {
    font-weight: normal;
    color: #666
}

.u02smap #u02mainmenu,
.u02smap .u02menucontent {
    position: relative;
    margin-bottom: 1.5em;
    background: #e8edef
}

.u02smap #u02mainmenu .u02menu-l1 h6 {
    margin-bottom: 0.5em;
    color: #5c7a8b
}

.u02smap .u02menu-l1,
.u02smap .u02menu-l2,
.u02smap .u02menu-l3 {
    position: static;
    visibility: visible !important;
    width: auto !important;
    pointer-events: auto !important
}

.u02smap .u02menu-l2 {
    display: block;
    margin: 1.2em 1em 0.6em;
    columns: 4
}

.u02smap .u02menu-l2 li {
    margin: 0;
    padding: 0.5em 0 0
}

.u02smap .u02menu-l2>ul {
    margin: 0
}

.u02smap .u02menu-l2>ul>li {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 1em 1em 0;
    break-inside: avoid
}

.u02smap .u02menu-l2>ul>li>hr {
    display: none
}

.u02smap .u02menu-l3 {
    display: block;
    margin: 0 !important
}

.u02smap .u02menu-l1>ul>li>a,
.u02smap .u02menu-l1>ul>li>h5 {
    font-size: 22px;
    display: block;
    padding: 1em 0.8em !important;
    font-weight: bold;
    color: #fff;
    background: #324b5c;
    border-top: #fff solid 1.5em
}

@media only screen and (max-width: 1500px) {
    .u02smap .u02menu-l1>ul>li>a,
    .u02smap .u02menu-l1>ul>li>h5 {
        font-size: 19.203712px
    }
}

@media only screen and (max-width: 770px) {
    .u02smap .u02menu-l1>ul>li>a,
    .u02smap .u02menu-l1>ul>li>h5 {
        font-size: 16.896px;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
}

@media only screen and (max-width: 450px) {
    .u02smap .u02menu-l1>ul>li>a,
    .u02smap .u02menu-l1>ul>li>h5 {
        -webkit-text-size-adjust: none
    }
}

.u02smap .u02menu-l1>ul>li>a {
    padding: 0.8em 1em !important;
    font-weight: normal
}

.u02smap .u02menu-l1>ul>li>h5:after {
    display: none
}

.f11 .u02smap .u02cmenu-l2 a,
.ocom-base .u02smap .u02cmenu-l2 a {
    visibility: visible !important;
    padding-left: 0 !important
}

.u02smap .u02countrymenu {
    float: left;
    width: 100%;
    margin: 1em 0 3em
}

.u02smap .u02countrymenu>ul {
    width: auto !important
}

.u02smap [id^='u02countrymenu']:after,
.u02smap .u02countrymenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.u02smap .u02countrymenu>ul>li {
    float: left;
    width: 25%
}

.u02smap .u02cmenu-l1 {
    width: auto !important;
    background: none
}

.u02smap .u02cmenu-l2 {
    -ms-flex-direction: column;
    flex-direction: column;
    position: static;
    visibility: visible;
    width: auto
}

.u02smap .u02cmenu-simple li,
.u02smap .u02cmenu-l2 li {
    padding-bottom: 0.5em
}

.u02smap .u02countrymenu.u02cmenu-simple a {
    padding: 0
}

.u02smap .u02countrymenu a:before {
    display: none !important
}

.u02smap #u02contactmenu {
    display: none
}

.f01 .u02smap .u02menu-l2 {
    columns: 3
}

.rtl .u02smap {
    direction: rtl
}

@media (min-width: 0) and (max-width: 974px) {
    .u02smap .u02menu-l2 {
        columns: 3
    }
    .u02smap .u02countrymenu>ul>li {
        width: 50%
    }
}

@media (min-width: 0) and (max-width: 770px) {
    .u02smap .u02menu-l2 {
        columns: 2
    }
    .u02smap li,
    .u02smap a,
    .u02smap a:link,
    .u02smap a:visited,
    .u02smap h5,
    .u02smap h6 {
        font-size: 14px
    }
    .u02smap a,
    .u02smap a:link,
    .u02smap a:visited {
        padding: 0.2em 0
    }
}

@media (min-width: 0) and (max-width: 700px) {
    .f01 .u02w1 {
        width: 100%;
        margin: 0
    }
    .f01.f01r1 .u02w1 {
        width: auto;
        min-width: 974px
    }
    .f01.f01r1 .u02logo:after {
        display: none
    }
}

@media (min-width: 0) and (max-width: 500px) {
    .u02smap .u02menu-l2 {
        columns: 1
    }
    .u02smap .u02cmenu-l1>li>h5,
    .u02smap .u02cmenu-l2 {
        margin: 0 1.2em 0.4em
    }
    .u02smap .u02countrymenu>ul>li {
        width: 100%
    }
}

.u02modw1 {
    position: relative;
    padding: 0
}

.u02modw1>* {
    padding-left: 72px !important
}

.rtl .u02modw1>* {
    padding-right: 72px !important;
    padding-left: 0 !important
}

.u02modw1 a,
.u02modw1 h4,
.u02modw1 h5,
.u02modw1 h6 {
    margin: 0;
    padding: 9px 0;
    font-size: 16px
}

.u02modw1 a {
    display: inline-block;
    color: #00758f
}

.u02modw1 hr,
.u02modw1+hr {
    margin: 1em 0;
    background: #adc5d1
}

.u02modw1 .icn-img {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0 !important;
    font-size: 55px !important
}

.u02modw1 .icn-img:before {
    color: #fff !important
}

.rtl .u02modw1 .icn-img {
    left: auto;
    right: 0;
    padding-right: 0 !important
}

.u02modw2 {
    font-size: 16px
}

.u02z86d {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20
}

.u02z86d.u02show {
    display: block
}

.u02nohover {
    pointer-events: none
}


/*! U02v1 */

.u02v1 {
    font-size: 15px;
    background-color: #003b4d
}

.rtl .u02v1 {
    direction: rtl
}

.u02v1 a,
.u02v1 a:link,
.u02v1 a:visited {
    color: #fff
}

.u02v1 a:not(.u02menulink) {
    display: block;
    padding: 16px 20px;
    line-height: 1.1
}

.rtl .u02v1 a:not(.u02menulink) {
    padding: 16px 20px
}

.u02v1 a:hover {
    text-decoration: none !important
}

.u02v1 .u02w1 {
    height: 48px;
    padding: 0
}

.u02v1 .u02w2 {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    height: 100%;
    margin-right: 2em;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.rtl .u02v1 .u02w2 {
    margin-right: 0;
    margin-left: 2em
}

.u02v1 .u02w2 .u02menu-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.u02v1 .u02mlink {
    visibility: hidden;
    height: 100%;
    border: 0;
    animation: 0s showAfterLoad forwards 5s
}

.u02v1 .u02mlinkw1 {
    height: 100%
}

.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a,
.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:link,
.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:visited {
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    height: 100%;
    padding: 16px 20px
}

.u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:hover {
    text-decoration: underline !important
}

.u02v1 .u02mlinkw2 {
    font-size: 15px;
    text-align: left
}

.u02v1 .u02mlinkw2:before,
.u02v1 .u02mlinkw2:after {
    display: none
}

.u02v1 .u02menu-l1z1 i {
    border-bottom-color: #cad9de
}

.u02v1 .u02menu-l2 a,
.u02v1.u02mobi .u02megactr .u02menu-l1 a,
.u02v1 .u02menu-l3 a {
    color: #324b5c !important
}

.u02v1 .u02menuback>a:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTIgMTciPjxwYXRoIGZpbGw9IiMzMjRiNWMiIGQ9Ik0xMS45OTUsMTQuODc2IEw1LjA4NCw4LjQ5OCBMMTEuOTk1LDIuMTI2IEw5LjkyMCwtMC4wMDUgTDAuMDA1LDguNDk4IEw5LjkyMCwxNy4wMDcgTDExLjk5NSwxNC44NzYgWiIgY2xhc3M9ImNoIi8+PC9zdmc+)
}

.u02v1 .u02megactr .u02menu-l3 .u02menu-ul,
.u02v1.u02mobi .u02megactr .u02menu-l2 .u02menu-ul,
.u02v1.u02mobi .u02menu-l3 .u02menu-ul,
.u02v1 .u02more .u02menu-l2 .u02menu-ul {
    padding-top: 0
}

.u02v1 .u02more .u02morelist>.u02menu-ul {
    padding-top: 1em
}

.u02v1 .u02menu-l1 {
    width: auto !important
}

.u02v1 .u02menu-l1:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.u02v1 .u02menu-l1>.u02menu-ul {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    float: left;
    width: auto;
    padding: 0;
    background: none
}

.rtl .u02v1 .u02menu-l1>.u02menu-ul {
    float: right
}

.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    line-height: 1.1;
    color: #fff
}

.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li a:active {
    outline: none
}

.u02v1 .u02menu-l1>.u02menu-ul .u02menu-li>.u02menu-l2 .u02menu-ul {
    -ms-flex-align: start;
    align-items: flex-start;
    clear: both;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li {
    position: relative
}

.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li:first-child>a {
    padding-left: 16px
}

.rtl .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li:first-child>a {
    padding-right: 16px;
    padding-left: 20px
}

.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li>.u02xlink:after {
    display: none
}

.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02nosub>a {
    padding-right: 10px
}

.rtl .u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li.u02nosub>a {
    padding-right: 16px;
    padding-left: 10px
}

.u02v1 .u02menu-l1>.u02menu-ul>hr {
    display: none
}

.u02v1 .u02menu-l1>.u02menu-ul>.u02megamenu .u02menu-li:hover>a,
.u02v1 .u02menu-l1>.u02menu-ul>.u02megamenu .u02menu-li>a:active,
.u02v1 .u02menu-l1>.u02menu-ul>.u02megamenu .u02menu-li>a:focus,
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li:hover>a,
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li>a:active,
.u02v1 .u02menu-l1>.u02menu-ul>.u02menu-li>a:focus {
    background: none
}

.u02v1 .u02menucontent hr {
    width: calc(100% - 2em);
    margin: 0.5em auto;
    background: #324b5c
}

.u02v1 .u02menu-l2>.u02menu-ul>hr {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0.3
}

.u02v1.u02tabnav .u02menu-l1>.u02menu-ul>.u02menu-li>a:focus {
    outline: 1px dotted;
    outline-offset: -4px
}

.u02v1 .u02more {
    position: absolute !important;
    visibility: hidden;
    opacity: 0;
    top: 0;
    right: 0
}

.rtl .u02v1 .u02more {
    left: 0;
    right: auto
}

.u02v1 .u02more.u02show {
    visibility: visible;
    opacity: 1
}

.u02v1 .u02more>a {
    float: right;
    white-space: nowrap
}

.rtl .u02v1 .u02more>a {
    float: left
}

.u02v1 .u02menu-l2 {
    top: 100%;
    left: 0;
    overflow: visible
}

.rtl .u02v1 .u02menu-l2 {
    left: auto;
    right: 0
}

.u02v1 .u02menu-l2>.u02menu-ul>.u02menuback {
    display: none
}

.u02v1 .u02menu-l2>.u02menu-ul>.u02menu-li>a {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0s, 0.2s !important
}

.u02v1 .u02menu-l2 .u02menu-li {
    width: 100%
}

.u02v1 .u02menu-l2 .u02menu-li.u02menu-hasm .u02tlink[href$='#open']:after {
    display: none
}

.u02v1 .u02menu-l2 .u02menu-li a {
    padding: 8px 1.75em 6px 1.2667em
}

.rtl .u02v1 .u02menu-l2 .u02menu-li a {
    padding: 8px 1.2667em 6px 1.75em
}

.u02v1 .u02menu-l1.u02hasbttns,
.u02v1 .u02menu-l2.u02hasbttns,
.u02v1 .u02menu-l2.u02hasbttns .u02menu-l3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: none;
    flex-flow: column nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

.u02v1 .u02menu-l1.u02hasbttns .u02menu-l2,
.u02v1 .u02menu-l1.u02hasbttns .u02menu-l3,
.u02v1 .u02menu-l2.u02hasbttns .u02menu-l2,
.u02v1 .u02menu-l2.u02hasbttns .u02menu-l3 {
    padding-bottom: 4.25em
}

.u02v1 .u02menu-l1.u02hasbttns .u02menu-l2 .u02bttns,
.u02v1 .u02menu-l1.u02hasbttns .u02menu-l3 .u02bttns,
.u02v1 .u02menu-l2.u02hasbttns .u02menu-l2 .u02bttns,
.u02v1 .u02menu-l2.u02hasbttns .u02menu-l3 .u02bttns {
    display: none
}

.u02v1 .u02menu-l1.u02hasbttns,
.u02v1 .u02menu-l2.u02hasbttns {
    background: #cad9de
}

.u02v1 .u02menu-l1.u02hasbttns ul,
.u02v1 .u02menu-l2.u02hasbttns ul {
    min-height: calc(100% - 4.25em)
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns {
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 4.25em;
    margin: 0;
    padding: 1em;
    z-index: 2;
    background: #cad9de
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns:before,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    top: 0;
    left: 1em;
    right: 1em;
    background: #003b4d
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div {
    display: block
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child {
    margin-left: 0
}

.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child,
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child {
    margin-right: 0;
    margin-left: 1em
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-child,
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:nth-child(2):last-child,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:nth-child(2):last-child {
    margin-right: auto
}

.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-child,
.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:nth-child(2):last-child,
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child,
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:nth-child(2):last-child {
    margin-right: 1em;
    margin-left: auto
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-child,
.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:nth-last-child(2),
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:nth-last-child(2) {
    margin-left: auto
}

.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-child,
.rtl .u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:nth-last-child(2),
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child,
.rtl .u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:nth-last-child(2) {
    margin-right: auto;
    margin-left: 1em
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div:first-child:last-child,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div:first-child:last-child {
    width: calc(100% - (100% - 250px));
    text-align: center
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div>a,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div>a {
    border-color: #003b4d
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>div>a:hover,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>div>a:hover {
    color: #fff !important;
    background-color: #003b4d !important
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>.u02bttn1>a,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>.u02bttn1>a {
    color: #fff !important;
    background-color: #003b4d !important
}

.u02v1 .u02menu-l1.u02hasbttns .u02bttns>.u02bttn1>a:hover,
.u02v1 .u02menu-l2.u02hasbttns .u02bttns>.u02bttn1>a:hover {
    color: #003b4d !important;
    border-color: transparent !important;
    background-color: #fff !important
}

.u02v1 .u02menu-l2.u02hasbttns {
    opacity: 0;
    transition: opacity 0.2s, visibility 0s 1s
}

.u02v1 .u02opened>.u02menu-l2.u02hasbttns {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s, 0s
}

.u02v1 .u02morelist .u02menu-l1z1 {
    display: none
}

.u02v1 .u02morelist .u02menu-l2 {
    top: 0;
    left: 100% !important
}

.rtl .u02v1 .u02morelist .u02menu-l2 {
    left: auto !important;
    right: 100% !important
}

.u02v1 .u02morelist .u02menu-l2 .u02menuback {
    display: block
}

.u02v1 .u02morelist .u02menu-l2 .u02menuback a {
    cursor: pointer
}

.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 a,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 h5,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 hr,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 a,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 h5,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 hr {
    transition: none
}

.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 .u02menu-ul,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l2 .u02menu-li,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 .u02menu-ul,
.u02v1 .u02morelist .u02menu-hasm.u02opened>.u02menu-l3 .u02menu-li {
    transition-duration: 0s, 0.2s;
    transition-delay: 0s, 0s
}

.u02v1.u02dtop .u02morelist.u02padded {
    box-sizing: content-box;
    padding-bottom: 40px
}

.u02v1.u02init .u02menu-l3>ul {
    opacity: 0;
    transition-delay: 1s, 0.4s
}

.u02v1.u02init .u02opened .u02menu-l3>ul {
    transition-delay: 0.2s, 0s
}

.u02v1 .u02w3 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.u02v1 .u02bttns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -8px
}

.u02v1 .u02bttns>div {
    margin: 0 0 0 8px
}

.u02v1 .u02bttns>div>a {
    padding: 8px 14px;
    font-weight: bold;
    line-height: 0.95;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.u02init.u02v1 .u02bttns>div>a {
    transition: background-color 0.2s, color 0.2s
}

.rtl .u02v1 .u02bttns>div>a {
    padding: 8px 14px
}

.u02v1 .u02bttns>div>a:hover {
    color: #003b4d;
    background-color: #fff
}

.u02v1 .u02bttns>div>a:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjMDAzQjREIiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIwek0xMi4xIDI2NS4xbDI2IDI3LjZMNjQgMjY1LjFsOC43IDguM0wzOCAzMTMgMy40IDI3My40bDguNy04LjN6TTM4IDMyNC42Yy0yMCAwLTM2LjMgMTYuMi0zNi4zIDM2LjMgMCAyMCAxNi4yIDM2LjMgMzYuMyAzNi4zIDIwIDAgMzYuMy0xNi4yIDM2LjMtMzYuMyAwLTIwLjEtMTYuMy0zNi4zLTM2LjMtMzYuM3ptMTkuOSAzOS4zYzAgMi42LTIuMSA0LjctNC43IDQuN2gtNC43LjFjLTEuNCAwLTIuMS43LTEuNiAyLjRsMy40IDExLjNjLjEuMiAwIC40LS4yLjQtLjEgMC0uMSAwLS4yLS4xLS4yLS4xLTE1LjctMTQtMTUuNS0xNGguMS0xMS43Yy0yLjYgMC00LjctMi4xLTQuNy00Ljd2LTE3LjJjMC0yLjYgMi4xLTQuNyA0LjctNC43aDMwLjNjMi42IDAgNC43IDIuMSA0LjcgNC43djE3LjJ6Ii8+PC9zdmc+)
}

.u02v1 .u02bttns>div.u02bttn1>a {
    color: #003b4d;
    background-color: #fff
}

.u02v1 .u02bttns>div.u02bttn1>a:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjMDAzQjREIiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIwek0xMi4xIDI2NS4xbDI2IDI3LjZMNjQgMjY1LjFsOC43IDguM0wzOCAzMTMgMy40IDI3My40bDguNy04LjN6TTM4IDMyNC42Yy0yMCAwLTM2LjMgMTYuMi0zNi4zIDM2LjMgMCAyMCAxNi4yIDM2LjMgMzYuMyAzNi4zIDIwIDAgMzYuMy0xNi4yIDM2LjMtMzYuMyAwLTIwLjEtMTYuMy0zNi4zLTM2LjMtMzYuM3ptMTkuOSAzOS4zYzAgMi42LTIuMSA0LjctNC43IDQuN2gtNC43LjFjLTEuNCAwLTIuMS43LTEuNiAyLjRsMy40IDExLjNjLjEuMiAwIC40LS4yLjQtLjEgMC0uMSAwLS4yLS4xLS4yLS4xLTE1LjctMTQtMTUuNS0xNGguMS0xMS43Yy0yLjYgMC00LjctMi4xLTQuNy00Ljd2LTE3LjJjMC0yLjYgMi4xLTQuNyA0LjctNC43aDMwLjNjMi42IDAgNC43IDIuMSA0LjcgNC43djE3LjJ6Ii8+PC9zdmc+)
}

.u02v1 .u02bttns>div.u02bttn1>a:hover {
    color: #fff;
    background-color: #003b4d
}

.u02v1 .u02bttns>div.u02bttn1>a:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjNjU3ODg1IiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIweiIvPjxwYXRoIGZpbGw9IiMzMjQ2NUMiIGQ9Ik03MSA1NTEuM2MyLjUtNC45IDMuOS0xMC41IDMuOS0xNi40IDAtMjAuMy0xNi41LTM2LjktMzYuOS0zNi45LTIwLjMgMC0zNi45IDE2LjUtMzYuOSAzNi45IDAgNiAxLjUgMTEuNyA0IDE2LjdMMzggNjA3LjFsMzMtNTUuOHptLTMzLTM4LjRjMTIuMSAwIDIyIDkuOSAyMiAyMnMtOS45IDIyLTIyIDIyLTIyLTkuOS0yMi0yMiA5LjktMjIgMjItMjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjEgMjY1LjFsMjYgMjcuNkw2NCAyNjUuMWw4LjcgOC4zTDM4IDMxMyAzLjQgMjczLjRsOC43LTguM3oiLz48cGF0aCBmaWxsPSIjNUQ2RjdBIiBkPSJNMzggMzI0LjZjLTIwIDAtMzYuMyAxNi4yLTM2LjMgMzYuMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMjAuMS0xNi4zLTM2LjMtMzYuMy0zNi4zem0xOS45IDM5LjNjMCAyLjYtMi4xIDQuNy00LjcgNC43aC00LjcuMWMtMS40IDAtMi4xLjctMS42IDIuNGwzLjQgMTEuM2MuMS4yIDAgLjQtLjIuNC0uMSAwLS4xIDAtLjItLjEtLjItLjEtMTUuNy0xNC0xNS41LTE0aC4xLTExLjdjLTIuNiAwLTQuNy0yLjEtNC43LTQuN3YtMTcuMmMwLTIuNiAyLjEtNC43IDQuNy00LjdoMzAuM2MyLjYgMCA0LjcgMi4xIDQuNyA0Ljd2MTcuMnpNNDYuMSA0NTUuOGM2LjItNi4yIDEyLjItMTMuNCA5LjQtMTYuMi00LjEtNC4xLTcuNi02LjYtLjMtMTUuNnMxMi0yIDE2IDEuOWM0LjUgNC42LjIgMjEuNS0xNi43IDM4LjMtMTYuOSAxNi43LTMzLjkgMjEtMzguNCAxNi40LTMuOS00LTEwLjgtOC44LTEuOC0xNnMxMS41LTMuNiAxNS42LjVjMi43IDIuOCAxMC0zLjEgMTYuMi05LjNtLTktMjkuNWMtNC43LjctOS42IDMtMTMuNSA2LjlzLTYuMiA4LjgtNi45IDEzLjVjMCAwLS4zIDEuOSAxIDMuMiAxLjQgMS40IDMuNyAxLjQgNS4xIDAgLjgtLjggMS0yIDEtMiAuNC0yLjMgMS4yLTUuOCA0LjktOS42IDMuNy0zLjcgNy4yLTQuNSA5LjYtNC45IDAgMCAxLjItLjIgMi0xIDEuNC0xLjQgMS40LTMuOCAwLTUuMS0xLjQtMS4zLTMuMi0xLTMuMi0xbS0xNy43IDIuOGM2LjgtNi44IDE0LjYtOS43IDIwLjktOC44IDAgMCAyIC4zIDMuMy0xIDEuNS0xLjUgMS40LTMuOCAwLTUuMi0uOS0uOS0yLjMtMS4xLTIuMy0xLjEtNS40LS44LTE2LjMuMi0yNyAxMC45LTEwLjYgMTAuNi0xMS42IDIxLjYtMTAuOCAyNyAwIDAgLjIgMS40IDEuMSAyLjMgMS40IDEuNCAzLjcgMS41IDUuMSAwIDEuMy0xLjMgMS0zLjMgMS0zLjMtMS4xLTYuMiAxLjktMTQgOC43LTIwLjgiLz48L3N2Zz4=)
}

.u02v1 .u02bttns>div.u02menu-hasm {
    position: relative
}

.u02v1 .u02bttns>div.u02menu-hasm>a {
    padding-right: 28px !important
}

.u02v1 .u02bttns>div.u02menu-hasm>a:after {
    right: 8px
}

.u02v1 .u02bttns>div.u02menu-hasm .u02toolpop {
    width: auto !important;
    min-height: 150px;
    padding: 1em;
    background: #e1e8eb
}

.u02v1 .u02bttns>div.u02menu-hasm .u02menu-l1z1,
.u02v1 .u02bttns>div.u02menu-hasm .u02toolpop {
    top: 150%
}

.u02v1 .u02bttns>div.u02menu-hasm .u02menu-l1z1 i {
    border-bottom-color: #e1e8eb
}

.rtl .u02v1 .u02bttns>div.u02menu-hasm>a {
    padding-right: 20px;
    padding-left: 28px !important
}

.rtl .u02v1 .u02bttns>div.u02menu-hasm>a:after {
    left: 8px;
    right: auto
}

.u02v1.u02tabnav .u02bttns>div>a:focus {
    outline: 1px dotted;
    outline-offset: -5px
}

.u02v1 .u02menu-hasm,
.u02v1 .u02mlink.u02megamenu .u02mlinkw1 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.u02v1 .u02menu-hasm>a,
.u02v1 .u02mlink.u02megamenu .u02mlinkw1>a {
    position: relative;
    z-index: 1
}

.u02v1 .u02menu-hasm>a[href$='#open']:after,
.u02v1 .u02mlink.u02megamenu .u02mlinkw1>a[href$='#open']:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 8px;
    top: 50%;
    right: 8px;
    z-index: 0;
    line-height: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NiIgaGVpZ2h0PSI2MTEuNSIgdmlld0JveD0iMCAwIDc2IDYxMS41Ij48cGF0aCBmaWxsPSIjNjU3ODg1IiBkPSJNNTguNyA5Ny42bC0xMCAxMGMtLjMuMy0uOS41LTEuMy41aC0uNmMtLjQgMC0uOC0uMy0uOC0uOHYtNC42YzAtLjQtLjMtLjgtLjgtLjhoLTJjLS40IDAtLjgtLjMtLjgtLjh2LTkuOGMtMS41LS4yLTMtLjMtNC41LS4zLTEyLjEgMC0yMi44IDUuOS0yOS40IDE1LjEgMCAwIDIuOS0uNyAzLjUtMS4zbDEzLjItNi43Yy40LS4yIDEuMS0uNCAxLjUtLjRoMTAuOWMuNCAwIC44LjQuOC44djEuN2MwIC40LS40LjgtLjguOGgtNS4yYy0uNCAwLTEuMS4yLTEuNC41bC0yLjYgMi4yYy0uMy4zLS4zLjYuMS44bDIuNyAxLjFjLjQuMiAxIDAgMS4zLS4zbC4zLS4zYy4zLS4zLjktLjYgMS40LS42aDcuMmMuNCAwIC44LjQuOC44djQuMWMwIC40LS4zIDEtLjYgMS4zbC05LjEgOC43Yy0uMy4zLS42LjktLjYgMS4zdjQuN2MwIC40LS40LjgtLjguOEgzMGMtLjQgMC0uOC0uNC0uOC0uOHYtMmMwLS40LS40LS44LS44LS44aC0yLjljLS40IDAtLjguNC0uOC44djNjMCAuNC4zIDEgLjcgMS4ybDQuNSAzYy40LjIgMSAuNCAxLjQuNGg4LjJjLjQgMCAxLjEuMiAxLjUuNGwxMC4yIDUuNWMuNC4yLjYuNy40IDEuMWwtMy40IDguOWMtLjIuNC0uNiAxLS45IDEuM2wtOC45IDcuNmMtLjMuMy0uNS45LS40IDEuM2wuNyAzLjVjLS4xLjgtMS40LjgtMS40LjgtLjQgMC0xLS4yLTEuNC0uNmwtMi4xLTJjLS4zLS4zLS42LS45LS42LTEuM3YtMjMuMWMwLS40LS40LS44LS44LS44SDMwYy0uNCAwLTEuMS0uMi0xLjUtLjRsLTYuMS0zLjljLS40LS4yLS45LS43LTEuMS0xLjFsLTMuOS01LjJjLS4zLS4zLS44LS42LTEuMy0uNmgtMWMtLjQgMC0xLS4zLTEuMi0uNyAwIDAtMy41LTYuMi0zLjgtNy44di0zLjljMC0uNC0uNC0uOC0uOC0uOEg2LjdjLTMuMiA1LjQtNSAxMS42LTUgMTguMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMTIuNC02LjItMjMuMy0xNS42LTI5LjhNMzggNC41QzE4IDQuNSAxLjcgMjAuNyAxLjcgNDAuOGMwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zUzU4IDQuNSAzOCA0LjV6bS03LjUgMjAuOXMtLjEtNi43IDguMi03LjF2MWMwIC4zLjEuNS41LjUgMy43IDAgNi42IDMuMSA2LjYgNi4xVjMybC0xLjYgMS40djEuMWMtLjggNi41LTYgNi4yLTYgNi4ycy01LjEuMi01LjktNi4xdi0xLjNsLTEuNy0xLjUtLjEtNi40ek0xOCA2MC41bDEuNy0xMS42Yy4zLTEuMyAxLjEtMi4zIDIuOS0yLjlsOS4zLTRMMzggNTQuNWguMmw2LjEtMTIuNnMxMC40IDQuNSAxMS4xIDVjLjcuNS45IDEuMyAxLjEgMi4xTDU4IDYwLjRsLTQwIC4xek03NC4zIDI0MmwtMTguOS0xOS4zYzIuNi00LjQgNC4xLTkuNSA0LjEtMTUgMC0xNi4xLTEzLjEtMjkuMi0yOS4yLTI5LjItMTYuMi4xLTI5LjMgMTMuMi0yOS4zIDI5LjNzMTMuMSAyOC45IDI5LjIgMjkuMmM2LjYuMSAxMi40LTIuNCAxNy01LjZsMTguNiAxOC45YzEuMyAxLjIgMy44IDEuNSA2LjctMS40IDIuOS0yLjkgMi45LTUuNyAxLjgtNi45em0tNjQuMS0zNC4yYzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwYzAgMTEuMS05IDIwLTIwIDIwcy0yMC05LTIwLTIweiIvPjxwYXRoIGZpbGw9IiMzMjQ2NUMiIGQ9Ik03MSA1NTEuM2MyLjUtNC45IDMuOS0xMC41IDMuOS0xNi40IDAtMjAuMy0xNi41LTM2LjktMzYuOS0zNi45LTIwLjMgMC0zNi45IDE2LjUtMzYuOSAzNi45IDAgNiAxLjUgMTEuNyA0IDE2LjdMMzggNjA3LjFsMzMtNTUuOHptLTMzLTM4LjRjMTIuMSAwIDIyIDkuOSAyMiAyMnMtOS45IDIyLTIyIDIyLTIyLTkuOS0yMi0yMiA5LjktMjIgMjItMjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjEgMjY1LjFsMjYgMjcuNkw2NCAyNjUuMWw4LjcgOC4zTDM4IDMxMyAzLjQgMjczLjRsOC43LTguM3oiLz48cGF0aCBmaWxsPSIjNUQ2RjdBIiBkPSJNMzggMzI0LjZjLTIwIDAtMzYuMyAxNi4yLTM2LjMgMzYuMyAwIDIwIDE2LjIgMzYuMyAzNi4zIDM2LjMgMjAgMCAzNi4zLTE2LjIgMzYuMy0zNi4zIDAtMjAuMS0xNi4zLTM2LjMtMzYuMy0zNi4zem0xOS45IDM5LjNjMCAyLjYtMi4xIDQuNy00LjcgNC43aC00LjcuMWMtMS40IDAtMi4xLjctMS42IDIuNGwzLjQgMTEuM2MuMS4yIDAgLjQtLjIuNC0uMSAwLS4xIDAtLjItLjEtLjItLjEtMTUuNy0xNC0xNS41LTE0aC4xLTExLjdjLTIuNiAwLTQuNy0yLjEtNC43LTQuN3YtMTcuMmMwLTIuNiAyLjEtNC43IDQuNy00LjdoMzAuM2MyLjYgMCA0LjcgMi4xIDQuNyA0Ljd2MTcuMnpNNDYuMSA0NTUuOGM2LjItNi4yIDEyLjItMTMuNCA5LjQtMTYuMi00LjEtNC4xLTcuNi02LjYtLjMtMTUuNnMxMi0yIDE2IDEuOWM0LjUgNC42LjIgMjEuNS0xNi43IDM4LjMtMTYuOSAxNi43LTMzLjkgMjEtMzguNCAxNi40LTMuOS00LTEwLjgtOC44LTEuOC0xNnMxMS41LTMuNiAxNS42LjVjMi43IDIuOCAxMC0zLjEgMTYuMi05LjNtLTktMjkuNWMtNC43LjctOS42IDMtMTMuNSA2LjlzLTYuMiA4LjgtNi45IDEzLjVjMCAwLS4zIDEuOSAxIDMuMiAxLjQgMS40IDMuNyAxLjQgNS4xIDAgLjgtLjggMS0yIDEtMiAuNC0yLjMgMS4yLTUuOCA0LjktOS42IDMuNy0zLjcgNy4yLTQuNSA5LjYtNC45IDAgMCAxLjItLjIgMi0xIDEuNC0xLjQgMS40LTMuOCAwLTUuMS0xLjQtMS4zLTMuMi0xLTMuMi0xbS0xNy43IDIuOGM2LjgtNi44IDE0LjYtOS43IDIwLjktOC44IDAgMCAyIC4zIDMuMy0xIDEuNS0xLjUgMS40LTMuOCAwLTUuMi0uOS0uOS0yLjMtMS4xLTIuMy0xLjEtNS40LS44LTE2LjMuMi0yNyAxMC45LTEwLjYgMTAuNi0xMS42IDIxLjYtMTAuOCAyNyAwIDAgLjIgMS40IDEuMSAyLjMgMS40IDEuNCAzLjcgMS41IDUuMSAwIDEuMy0xLjMgMS0zLjMgMS0zLjMtMS4xLTYuMiAxLjktMTQgOC43LTIwLjgiLz48L3N2Zz4=) no-repeat;
    background-size: 9px auto !important;
    background-position: 0 -30px
}

.rtl .u02v1 .u02menu-hasm>a[href$='#open']:after,
.rtl .u02v1 .u02mlink.u02megamenu .u02mlinkw1>a[href$='#open']:after {
    left: 2px;
    right: auto
}

.u02w2.u02megactr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.u02w2.u02megactr .u02mlink {
    position: relative;
    visibility: visible;
    height: 100%;
    background: #003b4d;
    animation: none
}

.u02mobi .u02w2.u02megactr .u02mlink {
    position: static
}

.u02mobi .u02w2.u02megactr .u02mlink.u02opened {
    background: #cad9de
}

.u02w2.u02megactr .u02mlinkw1,
.u02w2.u02megactr .u02mlinkw1 a:link,
.u02w2.u02megactr .u02mlinkw1 a:visited {
    height: 100%
}

.u02w2.u02megactr .u02mlinkw1,
.u02w2.u02megactr .u02mlink>.u02menu-l1z1 {
    display: none
}

.u02dtop .u02w2.u02megactr .u02mlink.u02megamenu>.u02menu-l1z1,
.u02tab .u02w2.u02megactr .u02mlink>.u02menu-l1z1 {
    display: block
}

.u02w2.u02megactr .u02hamenu {
    margin: 0 !important
}

.u02w2.u02megactr .u02hamenu span {
    height: 3px !important;
    background: #fff
}

.u02w2.u02megactr .u02hamenu span.m2 {
    top: 4px
}

.u02w2.u02megactr .u02hamenu span.m3 {
    top: 13px
}

.u02w2.u02megactr .u02mlinkw2 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    height: auto !important;
    top: 50%;
    left: 100%;
    padding: 18px 0;
    white-space: nowrap
}

.rtl .u02w2.u02megactr .u02mlinkw2 {
    left: auto;
    right: 100%
}

.u02dtop .u02w2.u02megactr .u02mlink.u02megamenu .u02mlinkw2,
.u02tab .u02w2.u02megactr .u02mlinkw2 {
    opacity: 1
}

.u02megamenu .u02menulink:hover {
    text-decoration: none !important
}

.u02megactr .u02haml.u02opened .u02hamenu {
    transform: none !important
}

.u02tab .u02megactr .u02hamenu span.m2,
.u02mobi .u02megactr .u02hamenu span.m2 {
    top: 2px
}

.u02tab .u02megactr .u02hamenu span.m3,
.u02mobi .u02megactr .u02hamenu span.m3 {
    top: 11px
}

.u02mobi .u02megactr .u02haml.u02opened .u02hamenu span {
    top: 6px !important;
    background: #003b4d
}

.u02megamenu .u02menucontent,
.u02tab .u02megactr .u02menucontent,
.u02mobi .u02megactr .u02menucontent {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: 0;
    overflow: hidden;
    transition: visibility 0s, opacity 0.3s;
    pointer-events: none
}

.rtl .u02megamenu .u02menucontent,
.rtl .u02tab .u02megactr .u02menucontent,
.rtl .u02mobi .u02megactr .u02menucontent {
    left: auto;
    right: 0
}

.u02megamenu.u02mlink.u02opened .u02menucontent,
.u02tab .u02megactr .u02mlink.u02opened .u02menucontent,
.u02mobi .u02megactr .u02mlink.u02opened .u02menucontent {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.u02megamenu.u02mlink.u02closing .u02menucontent,
.u02tab .u02megactr .u02mlink.u02closing .u02menucontent,
.u02mobi .u02megactr .u02mlink.u02closing .u02menucontent {
    transition-delay: 1s, 0s
}

.u02tab .u02megactr .u02menucontent .u02menu-l1>.u02menu-ul,
.u02tab .u02megactr .u02mlink.u02megamenu .u02menucontent .u02menu-ul,
.u02mlink.u02megamenu .u02menucontent .u02menu-l1 .u02menu-ul .u02menu-li a,
.u02mobi .u02megactr .u02menucontent .u02menu-l1 .u02menu-ul {
    height: 100%;
    background: #cad9de
}

.u02tab .u02megactr .u02menu-l2>.u02menu-ul,
.u02tab .u02megamenu.u02menu-hasm .u02menu-l3>.u02menu-ul,
.u02tab .u02megactr .u02menucontent .u02menu-hasm.u02megamenu.u02opened a {
    background: #e2eaec
}

.u02dtop .u02megactr .u02mlink.u02megamenu>.u02menucontent,
.u02tab .u02megactr .u02mlink>.u02menucontent,
.u02dtop .u02megamenu.u02menu-li>.u02menu-l2,
.u02tab .u02megamenu.u02menu-li>.u02menu-l2 {
    width: 1400px
}

.u02mobi .u02megamenu.u02menu-li>.u02menu-l2 {
    overflow: visible
}

.u02megactr .u02mlink:not(.u02megamenu) .u02menu-l1>.u02menu-ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.u02tab .u02megactr .u02menu-l1>.u02menu-ul,
.u02mobi .u02megactr .u02menu-l1>.u02menu-ul {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2em 0
}

.u02tab .u02megactr .u02menu-l1>.u02menu-ul>.u02menu-li>a,
.u02mobi .u02megactr .u02menu-l1>.u02menu-ul>.u02menu-li>a {
    padding-top: 10px;
    padding-bottom: 10px
}

.u02tab .u02megactr .u02menu-l1>.u02menu-ul {
    width: 225px !important
}

.u02tab .u02megactr .u02mlink.u02closing .u02menu-l1>.u02menu-ul {
    transition-delay: 0s, 0s
}

.u02dtop .u02mlink.u02megamenu .u02menu-l2,
.u02dtop .u02mlink.u02megamenu .u02menu-l3,
.u02dtop .u02mlink.u02megamenu .u02menu-li,
.u02tab .u02megamenu.u02menu-li,
.u02mobi .u02megamenu.u02menu-li {
    position: static !important;
    width: 100% !important
}

.u02dtop .u02mlink.u02megamenu .u02menu-l2,
.u02dtop .u02mlink.u02megamenu .u02menu-l3 {
    visibility: visible
}

.u02mobi .u02megactr .u02menu-l1 {
    overflow: hidden
}

.u02dtop .u02megamenu.u02menu-li.u02closing>.u02menu-l2 {
    transition-delay: 0.2s
}

.u02dtop .u02megamenu.u02mlink.u02opened .u02menu-l2,
.u02dtop .u02megamenu.u02mlink.u02opened .u02menu-l3,
.u02dtop .u02megamenu.u02menu-li.u02opened .u02menu-l2,
.u02dtop .u02megamenu.u02menu-li.u02opened .u02menu-l3 {
    pointer-events: auto
}

.u02tab .u02megamenu.u02menu-li>.u02menu-l2,
.u02mobi .u02megamenu.u02menu-li>.u02menu-l2,
.u02mobi .u02megamenu.u02mlink .u02menu-l2 {
    top: 0;
    left: 100% !important;
    overflow: visible
}

.rtl .u02tab .u02megamenu.u02menu-li>.u02menu-l2,
.rtl .u02mobi .u02megamenu.u02menu-li>.u02menu-l2,
.rtl .u02mobi .u02megamenu.u02mlink .u02menu-l2 {
    left: auto !important;
    right: 100% !important
}

.u02dtop .u02megamenu.u02menu-li .u02menu-l3,
.u02tab .u02megamenu.u02menu-li .u02menu-l3 {
    position: static;
    width: 100%
}

.u02megamenu.u02menu-li .u02menu-l3 .u02menu-ul {
    transition-delay: 0s, 0s
}

.u02megamenu.u02mlink.u02opened .u02menu-l3,
.u02megamenu.u02menu-li.u02opened .u02menu-l3 {
    visibility: visible;
    transition-delay: 0s
}

.u02megamenu.u02mlink.u02opened .u02menu-l3 .u02menu-ul,
.u02megamenu.u02menu-li.u02opened .u02menu-l3 .u02menu-ul {
    opacity: 1
}

.u02dtop .u02megamenu .u02menuback,
.u02tab .u02megamenu .u02menuback {
    display: none !important
}

.u02mobi .u02megamenu .u02menuback {
    display: block !important
}

.u02megamenu .u02menu-ul,
.u02megamenu.u02mlink .u02menu-l1>.u02menu-ul {
    width: 100% !important;
    padding: 1.2em 0
}

.u02mobi .u02megamenu .u02menu-l2 .u02menu-ul {
    padding-top: 0
}

.u02dtop:not(.u02tab) .u02megamenu.u02menu-li.u02closing>.u02menu-l2>.u02menu-ul {
    transition-delay: 0s, 0s
}

.u02dtop .u02megamenu .u02menu-l1>.u02menu-ul {
    -webkit-transform: translate(0, 23px);
    -ms-transform: translate(0, 23px);
    transform: translate(0, 23px)
}

.u02megamenu .u02menu-l2>.u02menu-ul {
    display: block !important;
    columns: 4
}

.u02tab .u02megamenu .u02menu-l2>.u02menu-ul {
    columns: 2
}

.u02mobi .u02megamenu .u02menu-l2>.u02menu-ul {
    columns: 1
}

.u02megamenu.u02mlink .u02menu-l3 .u02menu-ul,
.u02tab .u02megamenu.u02menu-li .u02menu-l2>.u02menu-ul,
.u02megamenu.u02menu-li .u02menu-l3>.u02menu-ul,
.u02megamenu.u02mlink.u02opened .u02menu-l1>.u02menu-ul {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.u02megamenu .u02menu-ul a:link,
.u02megamenu .u02menu-ul a:visited {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #324b5c
}

.u02megamenu .u02menu-ul a:hover {
    cursor: pointer
}

.u02tabnav .u02megamenu a:focus {
    outline: 1px dotted #63757d;
    outline-offset: -4px
}

.u02megamenu .u02menu-l1>.u02menu-ul>.u02menu-li>.u02xlink:after {
    display: inline-block !important
}

.u02megamenu .u02menu-ul,
.u02dtop:not(.u02tab) .u02megamenu .u02menu-ul,
.u02megamenu .u02menu-ul>.u02opened>a,
.u02dtop:not(.u02tab) .u02megamenu .u02menu-ul>.u02opened>a,
.u02megamenu .u02menu-ul a:hover,
.u02dtop:not(.u02tab) .u02megamenu .u02menu-l2 .u02menu-ul a:hover,
.u02megamenu .u02menu-li.u02opened {
    background: #cad9de
}

.u02megamenu .u02menu-l3 .u02tlink.u02tlink,
.u02megamenu .u02menu-l3 .u02xlink.u02xlink {
    padding-top: 8px;
    padding-bottom: 8px
}

.u02megamenu .u02menu-li,
.u02megamenu .u02menu-l2 .u02menu-li {
    min-width: 259px
}

.u02tab .u02megamenu .u02menu-li,
.u02tab .u02megamenu.u02menu-li,
.u02tab .u02megamenu .u02menu-l2 .u02menu-li {
    min-width: 225px
}

.u02mobi .u02megamenu .u02menu-ul .u02menu-li {
    position: static;
    width: 100%
}

.u02megamenu .u02menu-l2>.u02menu-ul>.u02menu-li {
    display: table;
    page-break-inside: avoid;
    break-inside: avoid-column
}

.u02megamenu a {
    opacity: 1 !important
}

.u02megamenu hr {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0.3
}

.u02dtop .u02megamenu.u02mlink .u02tlink[href$='#open']:after,
.u02dtop .u02megamenu .u02menu-l2 .u02tlink[href$='#open']:after,
.u02tab .u02megamenu>.u02tlink:after,
.u02mobi .u02megamenu .u02tlink:after {
    display: none !important
}

.u02tab .u02megamenu.u02menu-li>.u02tlink,
.u02tab .u02megamenu.u02menu-li>.u02xlink,
.u02mobi .u02megamenu.u02menu-li>.u02tlink,
.u02mobi .u02megamenu.u02menu-li>.u02xlink {
    color: #324b5c
}

.u02dtop .u02megamenu.u02mlink .u02tlink,
.u02dtop .u02megamenu.u02menu-li .u02menu-l2 .u02tlink,
.u02tab .u02megamenu.u02menu-li .u02tlink,
.u02tab .u02megamenu.u02menu-li>.u02xlink {
    font-weight: bold
}

.u02dtop .u02megamenu.u02mlink .u02menu-l1>.u02menu-ul>.u02menu-li>.u02tlink {
    font-size: 18px
}

.u02dtop .u02megamenu.u02mlink .u02menu-l1>.u02menu-ul>.u02menu-li>.u02tlink:after {
    content: '';
    display: block !important;
    position: absolute;
    width: auto;
    height: 1px;
    top: auto;
    left: 20px;
    right: 20px;
    bottom: 0;
    background: #b5cad5
}

.u02v1 .u02megamenu.u02mlink .u02menu-li:first-child>a,
.u02v1.u02mobi .u02megamenu.u02menu-li:first-child>a {
    padding-left: 20px
}

@media only screen and (max-width: 974px) {
    .u02w2.u02megactr .u02mlinkw1 {
        display: block
    }
    .u02w2.u02megactr .u02menu-l1 .u02menu-l1z1 {
        display: none
    }
}

@media only screen and (max-width: 1416px) {
    .u02v1 .u02w3 {
        padding-right: 12px
    }
    .rtl .u02v1 .u02w3 {
        padding-right: 0;
        padding-left: 12px
    }
}

@media only screen and (max-width: 770px) {
    .u02v1 a,
    .u02v1 a:link,
    .u02v1 a:visited {
        padding: 15px 20px;
        font-size: 13px
    }
    .rtl .u02v1 a,
    .rtl .u02v1 a:link,
    .rtl .u02v1 a:visited {
        padding: 15px 20px
    }
    .u02v1 .u02w1 {
        height: 44px
    }
    .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a,
    .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:link,
    .u02v1 .u02mlink:not(.u02haml) .u02mlinkw1 a:visited {
        padding-top: 10.656px;
        padding-bottom: 10.656px
    }
    .u02v1 .u02w2>.u02menu-ul .u02menu-li {
        padding: 5px 0
    }
}

@media only screen and (max-width: 670px) {
    .u02v1 .u02w1 {
        height: 40px
    }
    .u02v1 a,
    .u02v1 a:link,
    .u02v1 a:visited {
        padding: 12px 20px;
        font-size: 15px
    }
    .rtl .u02v1 a,
    .rtl .u02v1 a:link,
    .rtl .u02v1 a:visited {
        padding: 12px 20px
    }
    .u02v1 .u02w3>* {
        display: none
    }
}

@keyframes showAfterLoad {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}


/*! HP10 */

.hp10 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #003b4d
}

.hp10 .slick-loading .slick-track,
.hp10 .slick-loading .slick-slide {
    visibility: visible
}

.hp10 .slick-dotted.slick-slider {
    margin-bottom: 0
}

.hp10w1,
.hp10w2 {
    outline: none;
    overflow: hidden;
    background-color: inherit
}

.hp10w1 .slick-list,
.hp10w2 .slick-list {
    padding: 0 !important
}

.hp10w1,
.hp10w1 .slick-track,
.hp10w2 {
    height: 520px
}

.hp10w2inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: transform;
    transition: transform 5ms ease
}

.hp10-prev .hp10animate .hp10w2inner {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: transform 900ms ease
}

.hp10-next .hp10animate .hp10w2inner {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    transition: transform 900ms ease
}

.slick-active .hp10w2inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.hp10imgwrapmove {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: transform;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform 5ms ease
}

.hp10-prev .hp10animate .hp10imgwrapmove {
    -webkit-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
    transition: transform 900ms ease
}

.hp10-next .hp10animate .hp10imgwrapmove {
    -webkit-transform: translate(90%, 0);
    -ms-transform: translate(90%, 0);
    transform: translate(90%, 0);
    transition: transform 900ms ease
}

.slick-active .hp10imgwrapmove {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.hp10w4wrap {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform 5ms ease
}

.hp10-prev .hp10animate .hp10w4wrap {
    -webkit-transform: translate(-250%, 0);
    -ms-transform: translate(-250%, 0);
    transform: translate(-250%, 0);
    transition: transform 900ms ease
}

.hp10-next .hp10animate .hp10w4wrap {
    -webkit-transform: translate(250%, 0);
    -ms-transform: translate(250%, 0);
    transform: translate(250%, 0);
    transition: transform 900ms ease
}

.hp10-prev .hp10animate .hp10center .hp10w4wrap {
    -webkit-transform: translate(-120%, 0);
    -ms-transform: translate(-120%, 0);
    transform: translate(-120%, 0)
}

.hp10-next .hp10animate .hp10center .hp10w4wrap {
    -webkit-transform: translate(120%, 0);
    -ms-transform: translate(120%, 0);
    transform: translate(120%, 0)
}

.slick-active .hp10w4wrap,
.hp10-prev .slick-active .hp10center .hp10w4wrap,
.hp10-next .slick-active .hp10center .hp10w4wrap {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.hp10w2 {
    position: relative
}

.hp10w2~.hp10w2 {
    display: none
}

.slick-initialized .hp10w2~.hp10w2 {
    display: block
}

.hp10w2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hp10w2.slick-active .hp10w2inner {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.hp10imgwrapinner {
    height: 100%;
    width: 100%;
    position: absolute;
    transition: transform 900ms ease 100ms;
    will-change: transform;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93)
}

.slick-active .hp10imgwrapinner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.retina .hp10imgwrapinner {
    -webkit-transform: scale(0.465);
    -ms-transform: scale(0.465);
    transform: scale(0.465)
}

.retina .slick-active .hp10imgwrapinner {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.hp10small .hp10w3 h1 {
    font-size: 3.6rem
}

.hp10small .hp10w3 a:not(.slick-arrow) {
    font-size: 1.6rem !important
}

.hp10w3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    max-width: 1180px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hp10w3:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.rtl .hp10w3 {
    direction: rtl
}

.rtl .hp10w3.hp10left,
.rtl .hp10w3.hp10right,
.rtl .hp10w3.hp10left a.hp10txtlnk,
.rtl .hp10w3.hp10right a.hp10txtlnk {
    text-align: right !important
}

.rtl .hp10w3.hp10left a.hp10txtlnk,
.rtl .hp10w3.hp10right a.hp10txtlnk {
    float: right
}

.hp10w3 h1 {
    color: #fff;
    font-size: 4.8rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    font-weight: 400;
    margin-bottom: 0.4em
}

.hp10w3 p {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 1.1em;
    line-height: 1.4;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4)
}

.hp10w3 .obttns {
    width: auto;
    font-size: 1.8rem
}

.hp10w3 .obttns>div {
    display: inline-block;
    float: none
}

.hp10w3 .obttns~.obttns {
    clear: both
}

.hp10w3 a.hp10txtlnk {
    font-size: 1.8rem;
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    font-weight: bold;
    float: left;
    clear: both;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    padding-right: 21px
}

.rtl .hp10w3 a.hp10txtlnk {
    padding-left: 21px;
    padding-right: 0
}

.hp10w3 a.hp10txtlnk:before {
    display: none
}

.hp10w3 a.hp10txtlnk:after {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 1.2;
    margin-right: -21px;
    margin-bottom: 0;
    font-size: 25px;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    font-family: 'oracleicons';
    content: "\ea90";
    transition: opacity 150ms, transform 150ms;
    -webkit-transform: translate(-0.3em, 0.05em);
    -ms-transform: translate(-0.3em, 0.05em);
    transform: translate(-0.3em, 0.05em)
}

.rtl .hp10w3 a.hp10txtlnk:after {
    margin-left: -21px;
    margin-right: 0;
    content: "\ea8f";
    -webkit-transform: translate(0, 0.05em);
    -ms-transform: translate(0, 0.05em);
    transform: translate(0, 0.05em)
}

.hp10w3 a.hp10txtlnk:hover:after {
    opacity: 1;
    -webkit-transform: translate(0, 0.05em);
    -ms-transform: translate(0, 0.05em);
    transform: translate(0, 0.05em)
}

.rtl .hp10w3 a.hp10txtlnk:hover:after {
    -webkit-transform: translate(-0.3em, 0.05em);
    -ms-transform: translate(-0.3em, 0.05em);
    transform: translate(-0.3em, 0.05em)
}

.hp10w3 a.hp10txtlnk:focus {
    outline: 0
}

.hp10w3.hp10center {
    text-align: center;
    -webkit-transform: translate(-50%, -4.5em);
    -ms-transform: translate(-50%, -4.5em);
    transform: translate(-50%, -4.5em)
}

.hp10w3.hp10center .obttns {
    float: none
}

.hp10w3.hp10center .obttns>div {
    float: none
}

.hp10w3.hp10center .obttns>div:last-child {
    margin-right: 0
}

.rtl .hp10w3.hp10center .obttns>div:last-child {
    margin-left: 0
}

.hp10w3.hp10center .obttns:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.hp10w3.hp10center a.hp10txtlnk {
    float: none;
    position: relative;
    left: 10.5px
}

.hp10w3.hp10left {
    text-align: left;
    top: 50%;
    bottom: auto;
    width: 36em;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 9em
}

.hp10w3.hp10right {
    text-align: left;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 9em;
    width: 36em;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.hp10dark .hp10w3 h1,
.hp10dark .hp10w3 p,
.hp10dark .hp10w3 a.hp10txtlnk,
.hp10dark .hp10w3 a.hp10txtlnk:after {
    color: #252525;
    text-shadow: none
}

.hp10dark .hp10w3 a.hp10txtlnk {
    font-weight: bold
}

.hp10w4 {
    transition: transform 900ms ease 200ms;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93)
}

.slick-active .hp10w4 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hp10 .slick-nav {
    opacity: 0;
    transition: 200ms opacity
}

.hp10 .slick-nav .slick-arrow {
    width: 82px;
    height: 123px
}

.hp10 .slick-nav .slick-arrow:before {
    color: #fff;
    font-size: 120px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    transition: transform 700ms cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 300ms
}

.hp10 .slick-nav .slick-arrow:hover {
    cursor: pointer;
    background: none
}

.hp10 .slick-nav .slick-arrow.slick-next:before {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.hp10 .slick-nav .slick-dots {
    opacity: 0;
    transition: opacity 300ms
}

.hp10 .slick-nav .slick-dots li button::-moz-focus-inner {
    border: 0
}

.hp10 .slick-nav .slick-dots li:not(.slick-active) button {
    border-color: #fff;
    background: transparent;
    outline: none
}

.hp10 .slick-nav .slick-dots li:not(.slick-active) button:hover {
    cursor: pointer;
    background: #fff
}

.hp10 .slick-nav .slick-dots li.slick-active button:hover {
    border-color: #f80000;
    background-color: #f80000
}

.hp10.hp10loaded .slick-nav {
    opacity: 1
}

.hp10.hp10loaded .slick-nav .slick-arrow:hover {
    background-color: rgba(0, 0, 0, 0.2)
}

.hp10.hp10loaded .slick-nav .slick-prev:before,
.hp10.hp10loaded .slick-nav .slick-next:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1
}

.hp10.hp10loaded .slick-nav .slick-dots {
    opacity: 1
}

@media only screen and (max-width: 1600px) {
    .hp10w2 {
        overflow: hidden
    }
    .hp10w2 img {
        transition: transform 0s linear
    }
    .hp10w2 img.hp10p1 {
        left: 0;
        right: auto;
        -webkit-transform: translate(-3%, -50%);
        -ms-transform: translate(-3%, -50%);
        transform: translate(-3%, -50%)
    }
    .hp10w2 img.hp10p5 {
        left: auto;
        right: 0;
        -webkit-transform: translate(25%, -50%);
        -ms-transform: translate(25%, -50%);
        transform: translate(25%, -50%)
    }
    .retina .hp10w2 img.hp10p1 {
        -webkit-transform: translate(-26%, -50%);
        -ms-transform: translate(-26%, -50%);
        transform: translate(-26%, -50%)
    }
}

@media only screen and (max-width: 1470px) {
    .hp10w3 {
        width: 70%
    }
    .hp10w3.hp10left {
        width: 34em;
        left: 5em
    }
    .hp10w3.hp10right {
        width: 34em;
        right: 5em
    }
    .hp10 .slick-nav .slick-arrow {
        width: 67px
    }
    .hp10 .slick-nav .slick-arrow.slick-next {
        right: 0.5em;
        overflow: hidden
    }
    .rtl .hp10 .slick-nav .slick-arrow.slick-next {
        right: auto;
        left: 0.5em
    }
    .hp10 .slick-nav .slick-arrow.slick-prev {
        left: 0.5em;
        overflow: hidden
    }
    .rtl .hp10 .slick-nav .slick-arrow.slick-prev {
        left: auto;
        right: 0.5em
    }
    .hp10w2 img.hp10p1 {
        -webkit-transform: translate(-3%, -50%);
        -ms-transform: translate(-3%, -50%);
        transform: translate(-3%, -50%)
    }
    .hp10-prev .hp10animate .hp10w4wrap {
        -webkit-transform: translate(-210%, 0);
        -ms-transform: translate(-210%, 0);
        transform: translate(-210%, 0)
    }
    .hp10-next .hp10animate .hp10w4wrap {
        -webkit-transform: translate(210%, 0);
        -ms-transform: translate(210%, 0);
        transform: translate(210%, 0)
    }
    .slick-active .hp10w4wrap {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        transition: all 5ms ease;
        opacity: 1 !important
    }
}

@media only screen and (max-width: 1279px) {
    .hp10w2 img {
        height: auto;
        height: 113%
    }
    .retina .hp10w2 img {
        height: 216%
    }
    .hp10w3.hp10left {
        width: 44%
    }
    .hp10w3.hp10right {
        width: 44%
    }
    .hp10-prev .hp10animate .hp10center .hp10w4wrap {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        opacity: 0
    }
    .hp10-next .hp10animate .hp10center .hp10w4wrap {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        opacity: 0
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1600px) {
    .hp10w1,
    .hp10w1 .slick-track,
    .hp10w2 {
        height: calc(20.7972270364vw + 187.244367418px)
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1600px) {
    .hp10w3 h1 {
        font-size: calc(1.8691588785vw + 18.0934579439px)
    }
    .hp10w3 p,
    .hp10w3 a {
        font-size: calc(.6230529595vw + 8.031152648px)
    }
    .hp10small .hp10w3 h1 {
        font-size: calc(1.246105919vw + 16.062305296px)
    }
}

@media only screen and (min-width: 974px) and (max-width: 1279px) {
    .hp10w3 h1 {
        font-size: calc(5.2459016393vw - 25.0950819672px)
    }
    .hp10w3 p,
    .hp10w3 a {
        font-size: calc(.9836065574vw + 3.4196721311px)
    }
    .hp10small .hp10w3 h1 {
        font-size: calc(1.9672131148vw + 6.8393442623px)
    }
}

@media only screen and (max-width: 974px) {
    .hp10w3 h1 {
        font-size: 26px
    }
    .hp10w3 p,
    .hp10w3 a {
        font-size: 13px
    }
    .hp10small .hp10w3 h1 {
        font-size: 26px
    }
}

@media only screen and (max-width: 1023px) {
    .hp10w1,
    .hp10w1 .slick-track,
    .hp10w2 {
        height: 400px
    }
    .hp10 .slick-nav {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        width: 100%;
        height: 50px;
        background: rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .hp10 .slick-nav .slick-arrow {
        width: 92px;
        z-index: 1
    }
    .hp10 .slick-nav .slick-arrow.slick-prev {
        left: 0
    }
    .hp10 .slick-nav .slick-arrow.slick-next {
        right: 0
    }
    .hp10 .slick-nav .slick-arrow:before {
        font-size: 70px
    }
    .hp10 .slick-nav .slick-arrow:hover {
        background: none !important
    }
    .hp10 .slick-nav .slick-dots {
        bottom: 15px
    }
    .hp10 .slick-nav .slick-dots li {
        margin-left: 16px;
        margin-right: 16px
    }
    .hp10w2 img {
        height: 108%
    }
    .retina .hp10w2 img {
        height: 216%
    }
    .retina .hp10w2 img.hp10p1 {
        -webkit-transform: translate(-20%, -50%);
        -ms-transform: translate(-20%, -50%);
        transform: translate(-20%, -50%)
    }
    .hp10w3 {
        width: 75%
    }
    .hp10w3.hp10left {
        left: 2.5em
    }
    .hp10w3.hp10right {
        right: 2.5em
    }
    .hp10w3 a.hp10txtlnk:before {
        bottom: 4px
    }
    .hp10w3.hp10left,
    .hp10w3.hp10right {
        -webkit-transform: translate(0, -60%);
        -ms-transform: translate(0, -60%);
        transform: translate(0, -60%)
    }
}

@media only screen and (max-width: 770px) {
    .hp10 {
        background: #00232e
    }
    .hp10 .slick-nav {
        top: 280px;
        padding: 0 2em;
        margin: 0;
        -ms-flex-pack: justify;
        justify-content: space-around
    }
    .hp10 .slick-nav .slick-arrow {
        width: 45px
    }
    .hp10 .slick-nav .slick-arrow:before {
        position: relative;
        font-size: 45px;
        text-shadow: none
    }
    .hp10 .slick-nav .slick-dots {
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .hp10 .slick-nav .slick-dots li:first-child:nth-last-child(6) button,
    .hp10 .slick-nav .slick-dots li:first-child:nth-last-child(6)~li button {
        background: none
    }
    .hp10w1,
    .hp10w1 .slick-track,
    .hp10w2 {
        height: auto
    }
    .hp10w2 img {
        height: 330px !important;
        top: -20px;
        -webkit-transform: translate(-50%, 6%);
        -ms-transform: translate(-50%, 6%);
        transform: translate(-50%, 6%)
    }
    .hp10w2 img.hp10p1 {
        -webkit-transform: translate(4%, 6%) !important;
        -ms-transform: translate(4%, 6%) !important;
        transform: translate(4%, 6%) !important;
        left: 0
    }
    .hp10w2 img.hp10p2 {
        -webkit-transform: translate(-33%, 6%) !important;
        -ms-transform: translate(-33%, 6%) !important;
        transform: translate(-33%, 6%) !important
    }
    .hp10w2 img.hp10p3 {
        -webkit-transform: translate(-50%, 6%) !important;
        -ms-transform: translate(-50%, 6%) !important;
        transform: translate(-50%, 6%) !important
    }
    .hp10w2 img.hp10p4 {
        -webkit-transform: translate(-66%, 6%) !important;
        -ms-transform: translate(-66%, 6%) !important;
        transform: translate(-66%, 6%) !important
    }
    .hp10w2 img.hp10p5 {
        -webkit-transform: translate(-4%, 6%) !important;
        -ms-transform: translate(-4%, 6%) !important;
        transform: translate(-4%, 6%) !important
    }
    .retina .hp10w2 img {
        height: 90% !important
    }
    .hp10w2inner {
        position: relative
    }
    .hp10-prev .hp10w2inner,
    .hp10-next .hp10w2inner {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
    .hp10imgwrapmove {
        height: 330px;
        overflow: hidden;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
    .hp10imgwrapinner {
        -webkit-transform: scale(1.25) !important;
        -ms-transform: scale(1.25) !important;
        transform: scale(1.25) !important
    }
    .hp10w3 {
        position: relative;
        width: auto !important;
        margin-top: 330px;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
        text-align: left !important;
        padding: 2em !important;
        background-color: inherit;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
    .hp10w3 h1,
    .hp10w3 p,
    .hp10w3 a {
        text-shadow: none;
        opacity: 1 !important;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
    .hp10w3 p {
        font-size: 1.7rem
    }
    .hp10w3 a.hp10txtlnk {
        font-size: 1.7rem;
        margin-top: 0.3em
    }
    .hp10w3 a.hp10txtlnk:before {
        bottom: 0;
        font-size: 21px
    }
    .hp10w3.hp10center a.hp10txtlnk {
        left: 0
    }
    .rtl .hp10w3 {
        text-align: right !important
    }
    .rtl .hp10w3 a.hp10txtlnk {
        left: auto;
        right: 0
    }
    .hp10w3 h1 {
        margin-bottom: 0.1em;
        font-weight: bold;
        font-size: 2.8rem
    }
    .hp10w3 h1+.obttns {
        margin-top: 1em
    }
    .hp10w4wrap {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
    .hp10w4 {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        position: relative
    }
    .hp10dark .hp10w3 h1,
    .hp10dark .hp10w3 p,
    .hp10dark .hp10w3 a.hp10txtlnk,
    .hp10dark .hp10w3 a.hp10txtlnk:after {
        color: #fff
    }
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
    .hp10 .slick-nav .slick-dots li button {
        width: 14px;
        height: 14px
    }
}

@media only screen and (max-width: 500px) {
    .hp10imgwrapmove {
        height: 250px
    }
    .hp10w2 img {
        height: 212px !important;
        top: -13px 
    }
    .hp10w3 {
        margin-top: 250px
    }
    .hp10 .slick-nav {
        top: 220px;
        height: 30px;
        padding: 0 1em
    }
    .hp10 .slick-nav .slick-dots li {
        margin: 0 4px
    }
}


/*! HP11 - HOME4  */

.hp11 {
    position: relative
}

.hp11 header.cwidth h3:last-child {
    margin-bottom: 1em
}

.hp11 .col-framework {
    padding: 2em 2em 0;
    min-height: 28em;
    margin-bottom: 0 !important;
    overflow: hidden
}

.rtl .hp11 .col-framework {
    direction: rtl
}

.hp11.hp11noimg .col-framework {
    min-height: 21em
}

.hp11 .col-w1:not(.hp11default):not(.currentpanel) {
    display: none
}

.hp11 .col-w1>h3 {
    display: none
}

.hp11 .col-item {
    color: #494b4d;
    background: #fff
}

.hp11 .col-item:hover {
    text-decoration: none
}

.hp11 .col-item img {
    max-width: 100%
}

.hp11 .col-item h4 {
    font-weight: normal;
    margin-bottom: 0.8em
}

.hp11 .col-item-w1 {
    position: relative;
    min-height: 10em;
    max-height: 15em;
    z-index: 1;
    line-height: 0;
    overflow: hidden
}

.hp11 .col-item-w2 {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.5em 1.611em 2em;
    transition: 200ms color
}

.hp11 .col-item-w3 {
    padding: 1.2em 1.611em
}

.hp11 .col-item-w3 .obttns,
.hp11 .col-item-w3 .obttns>div {
    width: auto;
    margin: 0
}

.hp11 .col-item-w3 button {
    font-size: 1.8rem;
    cursor: pointer;
    text-align: left
}

.hp11v1 .col-item {
    margin-bottom: calc(1.4em + 36px) !important
}

.hp11v1 .col-item-w1:before {
    content: '';
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    will-change: opacity;
    transition: 200ms opacity linear
}

.hp11v1 .col-item:hover .col-item-w1:before {
    opacity: 0.5
}

.hp11v1 .col-item:hover .col-item-w2 {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.hp11v1 .col-item-w2 {
    padding-bottom: 3em;
    will-change: transform;
    transition: 200ms transform;
    z-index: 1
}

.hp11v1 .col-item-w2 h4,
.hp11v1 .col-item-w2 p {
    color: #fff !important
}

.hp11v1 .col-item-w3 {
    position: absolute;
    bottom: -1.4em;
    left: 1.5em;
    max-width: calc(100% - 3em);
    padding: 0;
    z-index: 2
}

.rtl .hp11v1 .col-item-w3 {
    left: auto;
    right: 1.611em
}

.hp11v1 .col-item-w3 button {
    color: #00758f
}

.hp11v1 .col-item.setslate,
.hp11v1 .col-item.setslate .col-item-w1:before,
.hp11v1 .col-item.setslate:hover .col-item-w3 .obttns>div {
    background: #8aadbf
}

.hp11v1 .col-item.setblue,
.hp11v1 .col-item.setblue .col-item-w1:before,
.hp11v1 .col-item.setblue:hover .col-item-w3 .obttns>div {
    background: #00758f
}

.hp11v1 .col-item.setdarkblue,
.hp11v1 .col-item.setdarkblue .col-item-w1:before,
.hp11v1 .col-item.setdarkblue:hover .col-item-w3 .obttns>div {
    background: #003b4d
}

.hp11v1 .col-item.setorange,
.hp11v1 .col-item.setorange .col-item-w1:before,
.hp11v1 .col-item.setorange:hover .col-item-w3 .obttns>div {
    background: #f29111
}

.hp11v1 .col-item.setgreen,
.hp11v1 .col-item.setgreen .col-item-w1:before,
.hp11v1 .col-item.setgreen:hover .col-item-w3 .obttns>div {
    background: #3a913f
}

.hp11v1 .col-item.setburgundy,
.hp11v1 .col-item.setburgundy .col-item-w1:before,
.hp11v1 .col-item.setburgundy:hover .col-item-w3 .obttns>div {
    background: #942645
}

.hp11v1 .col-item.setred,
.hp11v1 .col-item.setred .col-item-w1:before,
.hp11v1 .col-item.setred:hover .col-item-w3 .obttns>div {
    background: #f80000
}

.hp11v2 .col-item-w2 {
    padding-bottom: 0;
    background: #fff !important;
    color: #494b4d !important
}

.hp11v2 .col-item-w3 button {
    color: #00758f
}

.hp11v3 .col-item {
    overflow: hidden
}

.hp11v3 .col-item:hover .col-item-w2,
.hp11v3 .col-item:hover .col-item-w2 h4 {
    color: #fff !important
}

.hp11v3 .col-item:hover .col-item-w3:before,
.hp11v3 .col-item:hover .col-item-w3:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.hp11v3 .col-item:hover .col-item-w3:before {
    transition-delay: 35ms !important
}

.hp11v3 .col-item:hover .col-item-w3:after {
    transition-delay: 0ms !important
}

.hp11v3 .col-item:hover .col-item-w3 .obttns button,
.hp11v3 .col-item:hover .col-item-w3 .obttns .obttn3:hover button {
    color: #fff !important
}

.hp11v3 h4,
.hp11v3 p {
    position: relative;
    z-index: 2;
    will-change: color
}

.hp11v3 .col-item-w2 {
    padding-bottom: 4em;
    background: none !important;
    color: #494b4d !important
}

.hp11v3 .col-item-w2 h4 {
    color: #000 !important
}

.hp11v3 .col-item-w3 {
    overflow: hidden;
    padding: 0
}

.hp11v3 .col-item-w3:before,
.hp11v3 .col-item-w3:after {
    content: '';
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 500px;
    z-index: 1;
    opacity: 0.5;
    transform-origin: right top;
    border-bottom: 500px solid transparent;
    border-left: 500px solid transparent;
    will-change: transform;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
    transition: 200ms transform linear
}

.rtl .hp11v3 .col-item-w3:before,
.rtl .hp11v3 .col-item-w3:after {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 500px solid transparent;
    -webkit-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    transform: translateX(-1000px)
}

.hp11v3 .col-item-w3:before {
    border-bottom-width: 300px;
    border-left-width: 300px;
    transition-duration: 185ms
}

.hp11v3 .col-item-w3:after {
    top: auto;
    bottom: 0;
    z-index: 0;
    opacity: 1;
    transition-delay: 30ms;
    -webkit-transform: translateX(920px);
    -ms-transform: translateX(920px);
    transform: translateX(920px)
}

.rtl .hp11v3 .col-item-w3:after {
    -webkit-transform: translateX(-920px);
    -ms-transform: translateX(-920px);
    transform: translateX(-920px)
}

.hp11v3 .col-item-w3 .obttns,
.hp11v3 .col-item-w3 .obttns>div.obttn3 {
    position: static;
    background: none !important;
    border: 0 !important
}

.hp11v3 .col-item-w3 .obttns button,
.hp11v3 .col-item-w3 .obttns>div.obttn3 button {
    padding-left: 0;
    text-align: left;
    color: #00758f
}

.rtl .hp11v3 .col-item-w3 .obttns button,
.rtl .hp11v3 .col-item-w3 .obttns>div.obttn3 button {
    padding-right: 0;
    padding-left: 3em;
    text-align: right
}

.hp11v3 .col-item-w3 .obttns button:after,
.hp11v3 .col-item-w3 .obttns>div.obttn3 button:after {
    top: 100%;
    font-size: 5.25rem;
    z-index: 4;
    color: #fff !important;
    -webkit-transform: translate(0.15em, -0.2em);
    -ms-transform: translate(0.15em, -0.2em);
    transform: translate(0.15em, -0.2em)
}

.rtl .hp11v3 .col-item-w3 .obttns button:after,
.rtl .hp11v3 .col-item-w3 .obttns>div.obttn3 button:after {
    -webkit-transform: translate(-0.15em, -0.2em);
    -ms-transform: translate(-0.15em, -0.2em);
    transform: translate(-0.15em, -0.2em);
    text-align: left
}

.hp11v3 .col-item-w3 .obttns {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0.8em;
    padding: 0 2.85rem;
    z-index: 2
}

.hp11v3 .col-item.setslate .col-item-w3:before,
.hp11v3 .col-item.setslate .col-item-w3:after {
    border-bottom-color: #8aadbf
}

.hp11v3 .col-item.setblue .col-item-w3:before,
.hp11v3 .col-item.setblue .col-item-w3:after {
    border-bottom-color: #00758f
}

.hp11v3 .col-item.setdarkblue .col-item-w3:before,
.hp11v3 .col-item.setdarkblue .col-item-w3:after {
    border-bottom-color: #003b4d
}

.hp11v3 .col-item.setorange .col-item-w3:before,
.hp11v3 .col-item.setorange .col-item-w3:after {
    border-bottom-color: #f29111
}

.hp11v3 .col-item.setgreen .col-item-w3:before,
.hp11v3 .col-item.setgreen .col-item-w3:after {
    border-bottom-color: #3a913f
}

.hp11v3 .col-item.setburgundy .col-item-w3:before,
.hp11v3 .col-item.setburgundy .col-item-w3:after {
    border-bottom-color: #942645
}

.hp11v3 .col-item.setred .col-item-w3:before,
.hp11v3 .col-item.setred .col-item-w3:after {
    border-bottom-color: #f80000
}

.hp11filters {
    min-height: 3.785em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: none;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.rtl .hp11filters {
    direction: rtl
}

.hp11filters a {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: auto;
    width: calc(25% - 0.75em);
    flex-basis: calc(25% - 0.75em);
    min-height: 5.5rem;
    margin: 0 1em 0 0;
    font-size: 2.2rem;
    display: block;
    padding-top: 7px;
    background: transparent;
    z-index: 1;
    transition: color 400ms ease;
    text-decoration: none;
    color: #646668
}

.hp11filters a:last-child {
    margin-right: 0
}

.rtl .hp11filters a:last-child {
    margin-right: 1em
}

.rtl .hp11filters a:first-child {
    margin-right: 0
}

.hp11filters a:before,
.hp11filters a:after {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    width: 100%;
    border-top: 6px solid #cad9de;
    z-index: 4
}

.hp11filters a:before {
    will-change: border-color;
    transition: border-color 750ms ease-out
}

.hp11filters a:after {
    border-color: #00758f;
    z-index: 5;
    transform-origin: 0 0;
    will-change: transform;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 300ms ease-out
}

.rtl .hp11filters a:after {
    transform-origin: 100% 0
}

.hp11filters a:hover:before {
    border-color: #8aadbf
}

.hp11filters a:hover,
.hp11filters a:focus {
    -webkit-tap-highlight-color: transparent;
    color: #00758f;
    background: transparent
}

.hp11filters a span {
    position: relative;
    height: 100%;
    padding-bottom: 1.2em;
    z-index: 2
}

.hp11filters a span.hp11NavArrow {
    display: inline-block;
    min-width: 40px
}

.hp11filters a span.hp11NavArrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-style: solid;
    border-width: 0 20px 20px;
    border-color: transparent transparent #dce6ea transparent;
    margin: auto;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    transition: transform 300ms ease-out
}

.hp11filters a.hp11current {
    background: #fff;
    color: #00758f
}

.hp11filters a.hp11current:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.hp11filters a.hp11current span.hp11NavArrow:after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.hp11v1.hp11noimg .col-item:hover .col-item-w2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media only screen and (max-width: 974px) {
    .hp11 .col-framework {
        max-width: none;
        margin-top: 0
    }
    .hp11:not(.hp11noimg) .col-w1 {
        margin: 0
    }
    .hp11 .col-item {
        margin: 0 auto 32px !important
    }
    .hp11.hp11v1 .col-item {
        margin-bottom: 50px !important
    }
    .hp11.hp11v1 .col-item:last-child {
        margin-bottom: 3.4em !important
    }
    .hp11 .col-item:last-child {
        margin-bottom: 2em !important
    }
    .hp11noimg .col3 .col-item:nth-of-type(4) {
        order: 6
    }
}

@media only screen and (max-width: 860px) {
    .hp11 .hp11NavArrow:after {
        display: none !important
    }
    .hp11 .hp11filters {
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 3em;
        left: 50%;
        width: calc(100% - 28px * 2);
        height: 3.75em;
        min-height: 0;
        z-index: 5;
        margin: 0 auto;
        padding: 0;
        visibility: hidden;
        overflow: hidden;
        border: 2px solid #00758f;
        background-color: #fff;
        will-change: height;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: 200ms height
    }
    .hp11 .hp11filters.initialized {
        visibility: visible
    }
    .hp11 .hp11filters+.cwidth {
        padding-top: 4.6em !important
    }
    .hp11 .hp11filters a {
        width: 100%;
        margin: 0 0 -1px !important;
        padding: 0 1em 0.667em;
        -ms-flex-order: 0;
        order: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .hp11 .hp11filters a:after {
        position: absolute;
        right: 0.25em;
        top: 10%;
        width: auto;
        border: 0;
        font-size: 5rem;
        transform-origin: 0 48%;
        font-family: 'oracleicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: 150ms transform linear
    }
    .rtl .hp11 .hp11filters a:after {
        left: 0.25em;
        right: auto
    }
    .hp11 .hp11filters a span {
        width: 100%;
        padding-top: 0.667em;
        padding-right: 3em;
        padding-bottom: 0;
        border-top: 1px solid #dee0e0;
        text-align: left
    }
    .rtl .hp11 .hp11filters a span {
        padding-right: 0;
        padding-left: 3em;
        text-align: right
    }
    .hp11 .hp11filters a.hp11current {
        -ms-flex-order: -1;
        order: -1;
        color: #fff;
        background-color: #00758f;
        border-bottom: 1px solid;
        z-index: 5
    }
    .hp11 .hp11filters a.hp11current:after {
        content: "\ea8a"
    }
    .hp11 .hp11filters a.hp11current span {
        border: 0
    }
    .hp11 .hp11filters a:hover:not(.hp11current) {
        background-color: #dce6ea
    }
    .hp11 .hp11filters a:before {
        display: none !important
    }
    .hp11 .hp11filters.open {
        --fullHeight: auto;
        height: auto;
        height: var(--fullHeight);
        box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.2)
    }
    .hp11 .hp11filters.open .hp11current:after {
        -webkit-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1)
    }
}

@media only screen and (min-width: 671px) and (max-width: 974px) {
    .hp11 .col-item {
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto !important;
        max-width: none !important;
        margin: 0 0 18px !important
    }
    .hp11 .col-item>div:not(.col-item-w1) {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
    .hp11.hp11noimg .col-w1 {
        margin: 0
    }
    .hp11 .col-item-w1 {
        max-height: 280px;
        -ms-flex: 0 0 24rem;
        flex: 0 0 24rem
    }
    .hp11 .col-item-w1 img {
        height: 100%;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .hp11 .col-item-w3 {
        padding: 0
    }
    .hp11v1 .col-item {
        margin-bottom: 2em !important
    }
    .hp11v1 .col-item:hover .col-item-w2 {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .hp11v1:not(.hp11noimg) .col-item-w3 {
        left: 26.8rem;
        right: 1.611em
    }
    .rtl .hp11v1:not(.hp11noimg) .col-item-w3 {
        left: 1.611em;
        right: 26.8rem
    }
    .hp11v2 .col-item-w2 {
        padding-bottom: 4em
    }
    .hp11v2 .obttns {
        position: absolute;
        bottom: 1.611em;
        left: 26.8rem;
        right: 1.611em
    }
    .rtl .hp11v2 .obttns {
        right: 26.8rem;
        left: 1.611em
    }
    .hp11v3 .col-item:hover .col-item-w3:before {
        -webkit-transform: translateX(-220px);
        -ms-transform: translateX(-220px);
        transform: translateX(-220px)
    }
    .rtl .hp11v3 .col-item:hover .col-item-w3:before {
        -webkit-transform: translateX(220px);
        -ms-transform: translateX(220px);
        transform: translateX(220px)
    }
    .hp11v3 .col-item-w3:before,
    .hp11v3 .col-item-w3:after {
        top: auto;
        bottom: 0
    }
    .hp11v3 .obttns {
        padding-left: 26.8rem !important
    }
    .rtl .hp11v3 .obttns {
        padding-left: 0 !important;
        padding-right: 26.8rem !important
    }
}

@media only screen and (max-width: 770px) {
    .hp11 .hp11filters {
        height: 3.15em;
        -webkit-text-size-adjust: none
    }
}

@media only screen and (max-width: 670px) {
    .hp11:not(.hp11noimg) .col-item {
        max-width: 420px !important
    }
    .hp11 .hp11filters {
        left: 22px;
        width: calc(100% - 22px * 2);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    .hp11 .col-item-w1 {
        min-height: 8em
    }
    .hp11noimg .col-item {
        height: auto !important
    }
}


/*! CN24-HOME4 */

.cn24 {
    background-color: #003b4d;
    min-height: 124px;
    position: relative;
    z-index: 11;
    overflow: visible;
    transition: all 0.5s ease
}

.cn24:before {
    content: "desktop";
    display: none
}

.cn24 h3 {
    font-size: 2.6rem;
    padding: 0;
    margin: 0;
    color: #FFF;
    text-align: left;
    line-height: 1.2
}

.cn24 .cn24w2,
.cn24 .cn24w3,
.cn24 .cn24w4 {
    display: inline-block;
    font-size: 2rem;
    vertical-align: middle
}

.cn24 .cn24w2 {
    width: 15.42%;
    padding-right: 1%
}

.cn24 .cn24w3 {
    width: 75%
}

.cn24 .cn24w3 a {
    color: #FFF;
    text-decoration: none;
    display: block;
    position: relative;
    text-align: center
}

.cn24 .cn24w3 a br {
    display: none
}

.cn24 .cn24w3 a>div.icn-img:first-child {
    font-size: 5.6rem;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    transition: background 0.3s ease
}

.cn24 .cn24w3 a>div.icn-img:first-child::before {
    top: 15%;
    margin-top: 0;
    transition: color 0.3s ease
}

.cn24 .cn24w3 a>div>span {
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    padding: 0 2.5%;
    margin: 0;
    line-height: 1.3
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgred::before {
    color: #f80000 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgblack::before {
    color: #000 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgblue::before {
    color: #00758f !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkblue::before {
    color: #003b4d !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bggreen::before {
    color: #3a913f !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkgreen::before {
    color: #004f35 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgslate::before {
    color: #8aadbf !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkslate::before {
    color: #324b5c !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bggrey::before {
    color: #939699 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkgrey::before {
    color: #4e5052 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgburgundy::before {
    color: #942645 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkburgundy::before {
    color: #592439 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgorange::before {
    color: #f29111 !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.bgdarkorange::before {
    color: #8a331d !important
}

.cn24 .cn24w3 a:hover .cn24hoverinvert.beforewhite {
    background-color: #FFF !important
}

.cn24 .cn24w3 ul {
    overflow: visible;
    font-size: 0;
    width: 100%
}

.cn24 .cn24w3 li {
    display: inline-block;
    font-size: 1.9rem;
    text-align: center;
    position: relative;
    width: 16.6667%;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.cn24 .cn24w3 li.cn24popped {
    visibility: hidden;
    overflow: hidden;
    width: 0 !important
}

.cn24 .cn24w4 {
    width: 8.58%;
    position: relative;
    text-align: right
}

.cn24 .cn24w4 a {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease
}

.cn24 .cn24w4 a>span {
    padding: 0 3.2rem 0 0;
    position: relative;
    display: inline-block;
    line-height: 1.2;
    font-weight: bold
}

.cn24 .cn24w4 a>span::before {
    font-size: 1.6em;
    position: absolute;
    top: auto;
    bottom: -15%;
    right: 0;
    color: #FFF;
    transform: rotate(90deg);
    transition: color 0.3s ease;
    font-weight: bold
}

.cn24 .cn24w4:hover>a {
    color: #e1e8eb
}

.cn24 .cn24w4:hover>a>span::before {
    color: #e1e8eb
}

.cn24 .cn24w5 {
    position: absolute;
    left: auto;
    right: 0;
    top: 160%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    padding-top: 1em;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.3)
}

.cn24 .cn24w5 a {
    font-size: 1.6rem;
    font-weight: normal;
    color: #324b5c;
    position: relative;
    display: block;
    background-color: transparent;
    transition: background-color 0.3s ease
}

.cn24 .cn24w5 a span {
    display: inline-block;
    position: relative;
    padding: 0.9rem 1rem 0.9rem 2.5rem;
    margin: 0;
    font-weight: normal
}

.cn24 .cn24w5 a span::after {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 0;
    position: relative;
    top: auto;
    bottom: -.2em;
    color: #324b5c
}

.cn24 .cn24w5 a:hover {
    background-color: #cad9de
}

.cn24 .cn24w5 ul {
    display: block;
    position: relative;
    width: 23rem;
    padding: 3rem 0;
    background-color: #e1e8eb
}

.cn24 .cn24w5 ul::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #e1e8eb transparent;
    top: -11px;
    left: auto;
    right: 18%
}

.cn24 .cn24w5 li {
    padding: 0;
    margin: 0
}

.cn24 .cn24w5 li:last-child {
    margin-bottom: 0
}

.cn24 .cn24open .cn24w5 {
    transition: top 0.3s ease, opacity 0.25s ease, visibility 0s linear 0s;
    opacity: 1;
    visibility: visible;
    top: 80%
}

.cn24 .cn24closed .cn24w5 {
    transition: top 0.3s ease, opacity 0.25s ease, visibility 0s linear 0.4s
}

.cn24 .cn24w1 .cn24w3 li a:before {
    display: none
}

.cn24 .cn24w1 .cn24w3 li a .icn-img:before {
    opacity: 1;
    transition: opacity 0.75s ease
}

.cn24.cn24loading .cn24w1 .cn24w3 li a:before {
    font-size: 5.6rem;
    height: 1em;
    width: 1em;
    content: ' ';
    display: none;
    margin: 0.1em auto;
    border-radius: 50%
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgred]:before {
    background: #f80000
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgblack]:before {
    background: #000
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgblue]:before {
    background: #00758f
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkblue]:before {
    background: #003b4d
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bggreen]:before {
    background: #3a913f
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkgreen]:before {
    background: #004f35
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgslate]:before {
    background: #8aadbf
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkslate]:before {
    background: #324b5c
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bggrey]:before {
    background: #939699
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkgrey]:before {
    background: #4e5052
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgburgundy]:before {
    background: #942645
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkburgundy]:before {
    background: #592439
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgorange]:before {
    background: #f29111
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgdarkorange]:before {
    background: #8a331d
}

.cn24.cn24loading .cn24w1 .cn24w3 li a[data-icon*=bgwhite]:before {
    background: #FFF
}

.cn24.cn24loading .cn24w1 .cn24w3 li a .icn-img {
    position: absolute
}

.cn24.cn24loading .cn24w1 .cn24w3 li a .icn-img::before {
    opacity: 0
}

.cn24.cn24mobile {
    max-height: 1000px
}

.cn24.cn24smalltxt h3 {
    font-size: 2.2rem
}

.cn24.cn24smalltxt .cn24w2,
.cn24.cn24smalltxt .cn24w3,
.cn24.cn24smalltxt .cn24w4 {
    font-size: 1.7rem
}

.cn24.cn24smalltxt .cn24w3 {
    width: 63%
}

.cn24.cn24smalltxt .cn24w3 a>div:first-child {
    font-size: 4.8rem
}

.cn24.cn24smalltxt .cn24w3 a>div>span {
    font-size: 1.5rem;
    white-space: normal
}

.cn24.cn24smalltxt .cn24w4 {
    width: 20.58%
}

.cn24.cn24smalltxt .cn24w4>a>span {
    padding-right: 2.8rem
}

.cn24.cn24smalltxt .cn24w5 a {
    font-size: 1.4rem
}

.cn24w1 {
    max-width: 1400px;
    padding-top: 25px;
    font-size: 0;
    position: relative;
    opacity: 1;
    transition: opacity 0.5s ease 0.5s
}

@media (min-width: 1380px) {
    .cn24 .cn24w5 {
        right: -70%
    }
    .cn24 .cn24w5 ul::before {
        left: 40%;
        right: auto
    }
    .cn24.cn24smalltxt .cn24w5 {
        right: -38%
    }
}

@media (min-width: 769px) and (max-width: 1220px) {
    .cn24 {
        text-align: center
    }
    .cn24 .cn24w1 {
        padding-top: 20px
    }
}

@media (min-width: 769px) and (max-width: 1050px) {
    .cn24 h3 {
        font-size: 19px
    }
}

@media (min-width: 668px) and (max-width: 768px) {
    .cn24 {
        min-height: 0
    }
    .cn24:before {
        content: "tablet"
    }
    .cn24 h3 {
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 17px;
    }
    .cn24 .cn24w1 {
        padding-top: 2.7rem;
        padding-bottom: 2.7rem
    }
    .cn24 .cn24w2 {
        /* width: 15.42%; */
        width:100%;
        padding: 0 1% 0 0
    }
    .cn24 .cn24w3 {
        /* width: 75% */
        width: 100%;
    }
    .cn24w3 ul li:nth-child(3),
    .cn24w3 ul li:nth-child(4),
    .cn24w3 ul li:nth-child(5)
    {
        display:none;
    }
    .cn24 .cn24w3 li {
        font-size: 1.9rem;
        text-align: left
    }
    .cn24 .cn24w3 li a {
        position: relative;
        text-align: left;
        overflow: visible
    }
    .cn24 .cn24w3 li a>div {
        position: absolute;
        top: .1em;
        left: 0
    }
    .cn24 .cn24w3 li a>div>span {
        display: table-cell;
        position: relative;
        font-size: 14px;
        height: 3em;
        padding: 0 .5em 0 3.8em;
        vertical-align: middle;
        white-space: normal
    }
    .cn24 .cn24w3 li a>div:first-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: left;
        position: static;
        top: 0
    }
    .cn24 .cn24w3 li a br {
        display: block
    }
    .cn24 .cn24w3 li.cn24popped {
        visibility: hidden;
        overflow: hidden;
        width: 0 !important
    }
    .cn24 .cn24w3 a>div.icn-img:first-child {
        float: left
    }
    .cn24 .cn24w4 {
        width: 8.58%
    }
    .cn24 .cn24w5 a {
        font-size: 1.5rem
    }
    .cn24.cn24smalltxt .cn24w3 {
        width: 62%
    }
    .cn24.cn24smalltxt .cn24w4 {
        width: 21.58%
    }
    .cn24.cn24loading .cn24w3 ul {
        overflow: hidden;
        height: 52px
    }
    .cn24.cn24loading .cn24w3 ul li {
        width: 33%
        /* width: 50%; */
    }
    .cn24.cn24loading .cn24w3 ul li a:before {
        float: left;
    }
    .cn24.cn24loading .cn24w3 ul li a>div {
        position: absolute
    }
}

@media (max-width: 667px) {
    .cn24 {
        height: auto;
        padding-bottom: 10px
    }
    .cn24:before {
        content: "mobile"
    }
    .cn24 h3 {
        text-align: center;
        font-size: 19px;
        margin-bottom: 17px
    }
    .cn24 .cn24w1 {
        padding-top: 2.7rem
    }
    .cn24 .cn24w2 {
        padding: 0;
        display: block;
        width: auto
    }
    .cn24 .cn24w3 {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
    .cn24 .cn24w3 li {
        font-size: 1.9rem;
        text-align: left;
        width: 50% !important;
        margin-bottom: 14px
    }
    .cn24 .cn24w3 li a {
        position: relative;
        text-align: left;
        overflow: visible
    }
    .cn24 .cn24w3 li a>div {
        position: absolute;
        top: .1em;
        left: 0
    }
    .cn24 .cn24w3 li a>div>span {
        display: table-cell;
        position: relative;
        font-size: 14px;
        height: 3em;
        padding: 0 .5em 0 3.8em;
        vertical-align: middle
    }
    .cn24 .cn24w3 li a>div:first-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: left;
        position: static
    }
    .cn24 .cn24w3 li a>span {
        display: inline-block;
        position: absolute;
        font-size: 14px;
        height: 3em;
        padding: 0 .5em 0 3.5em;
        left: 0;
        top: .25em
    }
    .cn24 .cn24w3 li a br {
        display: block
    }
    .cn24 .cn24w3 li.cn24popped {
        visibility: hidden;
        overflow: hidden;
        width: 0 !important
    }
    .cn24 .cn24w3 a>div.icn-img:first-child {
        float: left
    }
    .cn24 .cn24w4 {
        display: block;
        width: auto
    }
    .cn24 .cn24w4>a>span {
        display: block;
        padding: 0 0 1.5em 0;
        text-align: center;
        margin-top: 8px;
        height: auto;
        border-bottom: 1px solid #4f7482;
        font-weight: bold
    }
    .cn24 .cn24w4>a>span::before {
        font-size: 5rem;
        position: absolute;
        top: auto;
        bottom: -.5em;
        right: 50%;
        margin-right: -3.5rem;
        width: 7rem;
        transition: all .3s ease;
        perspective: 20px;
        z-index: 1
    }
    .cn24 .cn24w4>a>span::after {
        width: 38px;
        height: 10px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -19px;
        background-color: #003b4d;
        bottom: -6px;
        z-index: 0
    }
    .cn24 .cn24w5 {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        position: relative;
        padding-top: 0;
        margin-top: -2em;
        top: auto !important;
        bottom: auto;
        z-index: 1
    }
    .cn24 .cn24w5 ul {
        width: auto;
        margin-top: 1.6em;
        padding: 30px 0
    }
    .cn24 .cn24w5 ul::before {
        left: 50%;
        right: auto;
        margin-left: -15px
    }
    .cn24 .cn24w5 ul li {
        padding: 0;
        margin: 0
    }
    .cn24 .cn24w5 ul li:last-child {
        margin-bottom: 0
    }
    .cn24 .cn24w5 ul li a {
        display: block;
        font-size: 16px
    }
    .cn24 .cn24w5 ul li a span {
        text-align: left;
        padding: 1.6rem 2.5rem;
        margin: 0;
        display: block
    }
    .cn24 .cn24w5 ul li a span::after {
        position: absolute;
        left: auto;
        right: 2%;
        top: auto;
        bottom: 20px;
        font-size: 24px
    }
    .cn24 .cn24open .cn24w5 {
        opacity: 1;
        visibility: visible;
        margin-top: -2empx;
        max-height: 600px;
        transition: margin-top 0.3s ease 0.2s, opacity 0.3s ease 0.2s, max-height 0.3s linear 0.2s, visibility 0s linear 0s
    }
    .cn24 .cn24open>a>span::before {
        transform: rotate(270deg)
    }
    .cn24 .cn24closed .cn24w5 {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px;
        transition: margin-top 0.3s ease 0s, opacity 0.3s ease 0s, max-height 0.3s linear 0s, visibility 0s linear 0.3s
    }
    .cn24.cn24smalltxt h3 {
        font-size: 19px
    }
    .cn24.cn24smalltxt .cn24w3 {
        width: 100%
    }
    .cn24.cn24smalltxt .cn24w3 li a>div>span {
        font-size: 14px
    }
    .cn24.cn24smalltxt .cn24w4 {
        width: auto
    }
    .cn24.cn24smalltxt .cn24w4>a>span {
        padding-right: 0;
        font-size: 13px
    }
    .cn24.cn24smalltxt .cn24w5 ul li a {
        font-size: 14px
    }
    .cn24.cn24smalltxt .cn24w5 ul li a span::after {
        bottom: 17px
    }
    .cn24.cn24loading .cn24w3 {
        height: 3.6em;
        overflow: hidden
    }
    .cn24.cn24loading .cn24w3 li a>div {
        position: absolute;
        top: .1em;
        left: 0
    }
    .cn24.cn24loading .cn24w3 li a:before {
        float: left
    }
    .cn24.cn24loading .cn24w5 {
        height: 0
    }
    .cn24.cn24loading .cn24w1 .cn24w3 li a:before {
        display: block;
    }
}


/*! CN24-RTL */

.rtl .cn24 {
    direction: rtl
}

.rtl .cn24 h3 {
    text-align: right
}

.rtl .cn24 .cn24w4 {
    text-align: left
}

.rtl .cn24 .cn24w4 a>span {
    padding: 0 0 0 3.2rem
}

.rtl .cn24 .cn24w4 a>span::before {
    left: 0;
    right: auto;
    transform: rotate(-90deg)
}

.rtl .cn24 .cn24w5 {
    left: 0;
    right: auto
}

.rtl .cn24 .cn24w5 a span {
    padding: 0.9rem 2.5rem 0.9rem 1rem
}

.rtl .cn24 .cn24w5 a span::before {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 0;
    position: relative;
    top: auto;
    bottom: -.2em;
    color: #324b5c;
    content: "\ea8f"
}

.rtl .cn24 .cn24w5 a span::after {
    content: none
}

.rtl .cn24 .cn24w5 li {
    text-align: right
}

.rtl .cn24 .cn24w5 ul::before {
    left: 20%;
    right: auto
}

@media (min-width: 668px) and (max-width: 768px) {
    .rtl .cn24 .cn24w2 {
        padding: 0 0 0 1%
    }
    .rtl .cn24 .cn24w3 li a>div>span {
        padding: 0 3.8em 0 .5em
    }
    .rtl .cn24 .cn24w3 li a>div:first-child {
        float: right
    }
    .rtl .cn24 .cn24w3 li a>div {
        right: 0;
        left: auto
    }
    .rtl .cn24 .cn24w3 li a {
        text-align: right
    }
}

@media (max-width: 667px) {
    .rtl .cn24 h3 {
        text-align: center
    }
    .rtl .cn24 .cn24w3 li {
        text-align: right
    }
    .rtl .cn24 .cn24w3 li a>div:first-child {
        float: right
    }
    .rtl .cn24 .cn24w3 li a>div {
        left: auto;
        right: 0
    }
    .rtl .cn24 .cn24w3 li a>div>span {
        padding: 0 3.8em 0 .5em
    }
    .rtl .cn24 .cn24w3 li a {
        text-align: right
    }
    .rtl .cn24 .cn24w4>a>span {
        padding: 0 0 1.5em 0
    }
    .rtl .cn24 .cn24w4>a>span::before {
        left: auto;
        right: 50%
    }
    .rtl .cn24 .cn24w5 ul::before {
        left: 50%;
        right: auto
    }
    .rtl .cn24 .cn24w5 ul li a span {
        text-align: right;
        padding: 1.6rem 2.5rem
    }
    .rtl .cn24 .cn24w5 ul li a span::after {
        right: auto;
        left: 2%
    }
}

.no-js * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}