@charset "UTF-8";
.inner-block {
    margin: .625rem;
    padding: .938rem
}

.g-flushed .inner-block {
    margin: 0;
    padding: 0
}

body {
    font-size: 1rem;
    line-height: 2
}

h1 {
    font-size: 2.25rem
}

h2 {
    font-size: 1.9rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: .85rem
}

small {
    font-size: .875rem
}

cite {
    font-size: .875rem
}

sub, sup {
    font-size: .75rem
}

code, kbd, pre, samp {
    font-size: 1rem;
    font-family: "Menlo", "Monaco", monospace
}

textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
    border-radius: .25rem
}

body {
    color: #424753;
    background: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto
}

body ::selection {
    color: #fff;
    background: #6bbf80
}

body ::-moz-selection {
    color: #fff;
    background: #6bbf80
}

body p {
    margin: 1rem 0
}

body p.h1 {
    font-size: 2.25rem
}

body p.h2 {
    font-size: 1.9rem
}

body p.h3 {
    font-size: 1.5rem
}

body p.h4 {
    font-size: 1.25rem
}

body p.h5 {
    font-size: 1rem
}

body p.h6 {
    font-size: .85rem
}

body span.para {
    display: block;
    margin: 1rem 0
}

.pop-up-block-module-wrapper {
    display: none
}

.rokbox-content #login-form .input-prepend .input-small, .rokbox-content #login-form .input-append .input-small {
    width: 240px
}

.rokbox-content #modlgn-secretkey {
    width: 200px !important
}

@media (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #login-form .input-prepend, #login-form .input-append {
        width: 95% !important
    }

    #login-form #modlgn-secretkey {
        width: 183px !important
    }
}

a {
    color: #00a6ed;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

a:hover {
    color: #707070
}

body {
    font-family: "Arial", sans-serif;
    font-weight: 400
}

h1, h2, h3, h4, h5 {
    font-family: "Arial", sans-serif;
    font-weight: 400
}

h1 {
    font-weight: 700
}

h4 {
    font-size: 1.25rem
}

blockquote {
    border-left: 10px solid #e0e0e5
}

blockquote p {
    font-size: 1.1rem;
    color: #6f788c
}

blockquote cite {
    display: block;
    text-align: right;
    color: #424753;
    font-size: 1.2rem
}

code, kbd, pre, samp {
    font-family: "Menlo", "Monaco", monospace
}

code {
    background: #f9f2f4;
    color: #9c1d3d
}

pre {
    padding: 1rem;
    margin: 2rem 0;
    background: #f6f6f6;
    border: 1px solid #e0e0e5;
    border-radius: .25rem;
    line-height: 1.15;
    font-size: .9rem
}

pre code {
    color: #237794;
    background: inherit;
    font-size: .9rem
}

pre.prettyprint {
    border-color: rgba(0, 0, 0, 0.1) !important
}

hr {
    margin: 1.5rem 0;
    border-bottom: 1px solid #e0e0e5
}

.noliststyle {
    list-style: none
}

.g-uppercase {
    text-transform: uppercase
}

.g-notexttransform {
    text-transform: none
}

.g-positive-margin-top {
    margin-top: 23rem
}

.g-negative-margin-bottom {
    margin-bottom: -25rem
}

.g-img-circle {
    border-radius: 50%
}

.section-horizontal-paddings {
    padding-left: 10%;
    padding-right: 10%
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .section-horizontal-paddings {
        padding-left: 0;
        padding-right: 0
    }
}

@media only all and (max-width: 47.938rem) {
    .section-horizontal-paddings {
        padding-left: 0;
        padding-right: 0
    }
}

.section-horizontal-paddings-small {
    padding-left: 5%;
    padding-right: 5%
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .section-horizontal-paddings-small {
        padding-left: 0;
        padding-right: 0
    }
}

@media only all and (max-width: 47.938rem) {
    .section-horizontal-paddings-small {
        padding-left: 0;
        padding-right: 0
    }
}

.section-horizontal-paddings-large {
    padding-left: 15%;
    padding-right: 15%
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .section-horizontal-paddings-large {
        padding-left: 0;
        padding-right: 0
    }
}

@media only all and (max-width: 47.938rem) {
    .section-horizontal-paddings-large {
        padding-left: 0;
        padding-right: 0
    }
}

.section-vertical-paddings {
    padding-top: 4vw;
    padding-bottom: 4vw
}

.section-vertical-paddings-small {
    padding-top: 2vw;
    padding-bottom: 2vw
}

.section-vertical-paddings-large {
    padding-top: 6vw;
    padding-bottom: 6vw
}

.flush > .container, .flush > .inner-block, .g-flushed > .container, .g-flushed > .inner-block {
    margin: 0 !important;
    padding: 0 !important
}

.container-flushed {
    margin: -4rem 0
}

.nomarginleft, .nomarginleft > .inner-block {
    margin-left: 0
}

.nomarginright, .nomarginright > .inner-block {
    margin-right: 0
}

.nomargintop, .nomargintop > .inner-block {
    margin-top: 0
}

.nomarginbottom, .nomarginbottom > .inner-block {
    margin-bottom: 0
}

.nomarginall, .nomarginall > .inner-block {
    margin: 0
}

.margin2x > .inner-block {
    margin: 1.25rem
}

.margin3x > .inner-block {
    margin: 1.875rem
}

.nopaddingleft, .nopaddingleft > .inner-block {
    padding-left: 0
}

.nopaddingright, .nopaddingright > .inner-block {
    padding-right: 0
}

.nopaddingtop, .nopaddingtop > .inner-block {
    padding-top: 0
}

.nopaddingbottom, .nopaddingbottom > .inner-block {
    padding-bottom: 0
}

.nopaddingall, .nopaddingall > .inner-block {
    padding: 0
}

.padding2x > .inner-block {
    padding: 1.876rem
}

.padding3x > .inner-block {
    padding: 2.814rem
}

.title-center .g-title {
    text-align: center;
    margin: 0 0 2rem
}

.title1 .g-title, .title2 .g-title, .title-gradient .g-title, .title-outline .g-title {
    margin: -.938rem -.938rem 1.5rem;
    padding: .625rem 1rem
}

.platform-content, .moduletable, .widget {
    margin: .625rem 0;
    padding: .938rem 0
}

.platform-content .moduletable, .platform-content .widget, .moduletable .moduletable, .moduletable .widget, .widget .moduletable, .widget .widget {
    margin: 0;
    padding: 0
}

.platform-content:first-child, .moduletable:first-child, .widget:first-child {
    margin-top: 0;
    padding-top: 0
}

.platform-content:last-child, .moduletable:last-child, .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.moduletable[class*="box"], .widget[class*="box"] {
    padding: .938rem;
    margin: .625rem
}

.moduletable[class*="title"] .g-title, .widget[class*="title"] .g-title {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.title1 .g-title {
    background: #6bbf80;
    color: #fff
}

.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .inner-block {
    background: #4fb368
}

.box1.moduletable, .box1.widget, .box1 > .inner-block {
    color: #fff
}

.box1 .button {
    color: #fff
}

.box1 .button:hover {
    background: #439b59
}

.box1 a {
    color: #d6eddc
}

.box1 a:hover {
    color: #fff
}

.box1.title1 .g-title {
    background: #439b59
}

.title2 .g-title {
    background: #355c7d;
    color: #fff
}

.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .inner-block {
    background: #355c7d
}

.box2.moduletable, .box2.widget, .box2 > .inner-block {
    color: #fff
}

.box2 .button {
    color: #fff;
    background: #264259
}

.box2 .button:hover {
    background: #1e3447
}

.box2 a {
    color: #070d12
}

.box2 a:hover {
    color: #fff
}

.box2.title2 .g-title {
    background: #264259
}

.title-gradient .g-title {
    background-color: #6bbf80;
    background-image: -webkit-linear-gradient(-360deg, #6bbf80, #355c7d);
    background-image: linear-gradient(90deg, #6bbf80, #355c7d);
    color: #fff
}

.box-gradient.moduletable, .box-gradient.widget, .box-gradient.g-outer-box, .box-gradient > .inner-block {
    background-color: #6bbf80;
    background-image: -webkit-linear-gradient(-315deg, #6bbf80, #355c7d);
    background-image: linear-gradient(45deg, #6bbf80, #355c7d)
}

.box-gradient.moduletable, .box-gradient.widget, .box-gradient > .inner-block {
    color: #fff
}

.box-gradient .button {
    color: #fff;
    background: #59b771
}

.box-gradient .button:hover {
    background: #439b59
}

.box-gradient a {
    color: #d6eddc
}

.box-gradient a:hover {
    color: #fff
}

.box-gradient.title-gradient .g-title {
    background-color: #6bbf80;
    background-image: -webkit-linear-gradient(-280deg, #6bbf80, #355c7d);
    background-image: linear-gradient(10deg, #6bbf80, #355c7d)
}

.title-outline .g-title {
    border: 1px solid #6bbf80
}

.box-outline.moduletable, .box-outline.widget, .box-outline.g-outer-box, .box-outline > .inner-block {
    border: 1px solid #6bbf80
}

.box-outline.title-outline .g-title {
    border: none;
    border-bottom: 1px solid #6bbf80
}

.spaced .inner-block {
    margin: 1px
}

.shadow .inner-block {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.disabled .inner-block {
    opacity: .4
}

.rounded .inner-block {
    border-radius: .25rem;
    overflow: hidden
}

.equal-height #g-aside, .equal-height #main-bar, .equal-height #sidebar {
    width: 100%
}

.equal-height .inner-block {
    width: auto
}

.button {
    display: inline-block;
    font-family: "Arial", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 2.3;
    letter-spacing: .1rem;
    text-transform: uppercase;
    background: #6bbf80;
    color: #fff;
    border: 2px solid transparent;
    margin: 0 0 .5rem;
    padding: .4rem 1.8rem;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.button:hover, .button:active, .button:focus {
    background: #4bac63;
    color: #fff;
    outline: 0
}

.button:disabled {
    opacity: .25;
    cursor: not-allowed
}

.button:disabled:hover {
    background: #6bbf80
}

.button.fa {
    line-height: 1.15
}

.button.fa[class*="fa-"]:before, .button.fa[class*="fa-"]:after {
    font-family: FontAwesome
}

.button.button-block {
    width: 100%;
    display: block
}

.button.button-xlarge {
    font-size: 1.2rem
}

.button.button-large {
    font-size: 1.1rem
}

.button.button-small {
    font-size: .8rem
}

.button.button-xsmall {
    font-size: .6rem;
    padding: .2rem .4rem
}

.button.button-2 {
    background: #355c7d;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.button.button-2:hover, .button.button-2:active, .button.button-2:focus {
    background: #264259;
    color: #fff
}

.button.button-outline {
    background: transparent;
    color: #6bbf80;
    border-color: #6bbf80
}

.button.button-outline:hover, .button.button-outline:active, .button.button-outline:focus {
    background: #6bbf80;
    border-color: transparent;
    color: #fff
}

.button.button-gradient {
    background-color: #6bbf80;
    background-image: -webkit-linear-gradient(-360deg, #6bbf80, #355c7d);
    background-image: linear-gradient(90deg, #6bbf80, #355c7d);
    border: none
}

.button.button-gradient:hover, .button.button-gradient:active, .button.button-gradient:focus {
    background: #6bbf80;
    color: #fff
}

.button.button-bevel {
    border-radius: .4rem
}

table {
    border: 1px solid #dce2e9
}

th {
    background: #eceff3;
    padding: .5rem
}

td {
    padding: .5rem;
    border: 1px solid #dce2e9
}

textarea, select[multiple=multiple] {
    background-color: #fff;
    border: 1px solid #e0e0e5
}

textarea:hover, select[multiple=multiple]:hover {
    border-color: #6bbf80;
    box-shadow: 0 0 4px rgba(107, 191, 128, 0.5)
}

textarea:focus, select[multiple=multiple]:focus {
    border-color: #6bbf80;
    box-shadow: 0 0 4px rgba(107, 191, 128, 0.5)
}

textarea {
    width: 100%;
    box-sizing: border-box !important;
    padding: .75rem 1.25rem
}

fieldset.input {
    margin: 0;
    padding: 0
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #e0e0e5;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: .375rem 1.25rem;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s
}

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
    box-shadow: 0 0 4px rgba(107, 191, 128, 0.5)
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    box-shadow: 0 0 4px rgba(107, 191, 128, 0.5)
}

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
    border-color: #6bbf80
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    border-color: #6bbf80
}

.main-nav .nav-standart .dropdown {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.main-nav .nav-standart .touch-fade.dropdown {
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out
}

.main-nav .nav-standart .g-zoom.touch-active {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: dropdown-zoom;
    -moz-animation-name: dropdown-zoom;
    animation-name: dropdown-zoom
}

.main-nav .nav-standart .touch-fade-in-up.touch-active {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: dropdown-fade-in-up;
    -moz-animation-name: dropdown-fade-in-up;
    animation-name: dropdown-fade-in-up
}

.main-nav .nav-standart .dropdown-bounce-in-left.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-left;
    -moz-animation-name: dropdown-bounce-in-left;
    animation-name: dropdown-bounce-in-left
}

.main-nav .nav-standart .dropdown-bounce-in-right.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-right;
    -moz-animation-name: dropdown-bounce-in-right;
    animation-name: dropdown-bounce-in-right
}

.main-nav .nav-standart .dropdown-bounce-in-down.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-down;
    -moz-animation-name: dropdown-bounce-in-down;
    animation-name: dropdown-bounce-in-down
}

.main-nav .g-fullwidth > .dropdown {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.main-nav .g-fullwidth > .touch-fade.dropdown {
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out;
    transition: opacity .3s ease-out, transform .3s ease-out
}

.main-nav .g-fullwidth > .g-zoom.touch-active {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: dropdown-zoom;
    -moz-animation-name: dropdown-zoom;
    animation-name: dropdown-zoom
}

.main-nav .g-fullwidth > .dropdown-bounce-in-left.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-left;
    -moz-animation-name: dropdown-bounce-in-left;
    animation-name: dropdown-bounce-in-left
}

.main-nav .g-fullwidth > .dropdown-bounce-in-right.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-right;
    -moz-animation-name: dropdown-bounce-in-right;
    animation-name: dropdown-bounce-in-right
}

.main-nav .g-fullwidth > .dropdown-bounce-in-down.touch-active {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: dropdown-bounce-in-down;
    -moz-animation-name: dropdown-bounce-in-down;
    animation-name: dropdown-bounce-in-down
}

@-webkit-keyframes dropdown-zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8)
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes dropdown-zoom {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.8, 0.8, 0.8)
    }
    100% {
        opacity: 1
    }
}

@keyframes dropdown-zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        -moz-transform: scale3d(0.8, 0.8, 0.8);
        -ms-transform: scale3d(0.8, 0.8, 0.8);
        -o-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8)
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes dropdown-fade-in-up {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1
    }
}

@keyframes dropdown-fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes dropdown-bounce-in-left {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none
    }
}

@-moz-keyframes dropdown-bounce-in-left {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -moz-transform: translate3d(-50px, 0, 0)
    }
    60% {
        opacity: 1;
        -moz-transform: translate3d(25px, 0, 0)
    }
    75% {
        -moz-transform: translate3d(-10px, 0, 0)
    }
    90% {
        -moz-transform: translate3d(5px, 0, 0)
    }
    to {
        -moz-transform: none
    }
}

@keyframes dropdown-bounce-in-left {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        -moz-transform: translate3d(-50px, 0, 0);
        -ms-transform: translate3d(-50px, 0, 0);
        -o-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        -o-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        -o-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes dropdown-bounce-in-down {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none
    }
}

@-moz-keyframes dropdown-bounce-in-down {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -50px, 0)
    }
    60% {
        opacity: 1;
        -moz-transform: translate3d(0, 25px, 0)
    }
    75% {
        -moz-transform: translate3d(0, -10px, 0)
    }
    90% {
        -moz-transform: translate3d(0, 5px, 0)
    }
    to {
        -moz-transform: none
    }
}

@keyframes dropdown-bounce-in-down {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        -moz-transform: translate3d(0, -50px, 0);
        -ms-transform: translate3d(0, -50px, 0);
        -o-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        -o-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        -o-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes dropdown-bounce-in-right {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none
    }
}

@-moz-keyframes dropdown-bounce-in-right {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -moz-transform: translate3d(50px, 0, 0)
    }
    60% {
        opacity: 1;
        -moz-transform: translate3d(-25px, 0, 0)
    }
    75% {
        -moz-transform: translate3d(10px, 0, 0)
    }
    90% {
        -moz-transform: translate3d(-5px, 0, 0)
    }
    to {
        -moz-transform: none
    }
}

@keyframes dropdown-bounce-in-right {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        -moz-transform: translate3d(50px, 0, 0);
        -ms-transform: translate3d(50px, 0, 0);
        -o-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -moz-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        -o-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -moz-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        -o-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.home-page.main-theme #footer {
    text-align: center;
    padding: 0
}

@media only all and (max-width: 47.938rem) {
    .home-page.main-theme .fp-multi-column-text {
        margin: 0 -1.563rem
    }
}

.home-page.main-theme .fp-multi-column-text .wrapper p {
    padding: 0 5rem;
    border-left: 1px solid #e0e0e5
}

@media only all and (max-width: 47.938rem) {
    .home-page.main-theme .fp-multi-column-text .wrapper p {
        border: none
    }
}

.home-page.main-theme .fp-multi-column-text .wrapper:first-child p {
    padding-left: 0;
    padding-right: 5rem;
    border-left: none
}

@media only all and (max-width: 47.938rem) {
    .home-page.main-theme .fp-multi-column-text .wrapper:first-child p {
        padding: 0
    }
}

.home-page.main-theme .fp-multi-column-text .wrapper:last-child p {
    padding-right: 0;
    padding-left: 5rem
}

@media only all and (max-width: 47.938rem) {
    .home-page.main-theme .fp-multi-column-text .wrapper:last-child p {
        padding: 0
    }
}

#container-main .platform-content .entry-header-category img {
    min-height: 140px
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    #container-main .platform-content .entry-header-category img {
        min-height: 80px
    }
}

@media only all and (max-width: 47.938rem) {
    #container-main .platform-content .entry-header-category img {
        min-height: 130px
    }
}

@media only all and (max-width: 47.938rem) {
    #container-main .platform-content .archive .entries .grid .wrapper {
        width: 50%;
        max-width: 50%;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        flex-grow: 0;
        -ms-flex-positive: 0;
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }
}

#container-main .platform-content .post-type-post .entry-header {
    display: grid;
    grid-template-rows:max-content;
    grid-template-columns:200px 1fr;
    grid-template-areas:"kodeer-l kodeer-top-r" "kodeer-l kodeer-cen-r" "kodeer-l kodeer-bot-r"
}

.home-page.main-theme #header {
    padding: 0;
    text-align: center
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header {
        grid-template-columns:100px 1fr;
        grid-template-areas:"kodeer-l kodeer-top-r" "kodeer-bot-r kodeer-bot-r" "kodeer-cen-r kodeer-cen-r"
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-img {
    grid-area: kodeer-l
}

#container-main .platform-content .post-type-post .entry-header .entry-img .post-thumbnail {
    margin: 0
}

#container-main .platform-content .post-type-post .entry-header .entry-img .post-thumbnail img {
    border-radius: .5rem
}

#container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle {
    grid-area: kodeer-top-r;
    margin-left: 1rem
}

#container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .entry-title {
    margin: 0;
    line-height: normal;
    font-size: 1.8rem
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .entry-title {
        font-size: 1.2rem
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .entry-subtitle {
    font-size: .9rem
}

#container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .version {
    color: #6bbf80
}

#container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .entry-minidesc {
    line-height: normal
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-title-and-subtitle .entry-minidesc {
        font-size: .8rem
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-meta {
    grid-area: kodeer-cen-r;
    margin-left: 1rem;
    margin-bottom: 0
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-meta {
        margin-left: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        margin-top: 1rem;
        text-align: center
    }

    #container-main .platform-content .post-type-post .entry-header .entry-meta > div[class^="meta-"]:not(:last-child):after {
        display: none
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-meta span.rating-count {
    position: absolute
}

#container-main .platform-content .post-type-post .entry-header .entry-meta .meta-rating {
    display: inline-flex
}

#container-main .platform-content .post-type-post .entry-header .entry-meta > div[class^="meta-"] {
    text-transform: uppercase
}

#container-main .platform-content .post-type-post .entry-header .entry-buttons {
    grid-area: kodeer-bot-r;
    margin-left: 1rem;
    position: relative
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons {
        position: inherit;
        margin-left: 0;
        margin-top: 1rem
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap {
    position: absolute;
    bottom: 0
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap {
        position: inherit
    }
}

#container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap .button {
    margin-bottom: 0
}

@media only all and (max-width: 59.938rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap .button {
        display: block;
        text-align: center
    }

    #container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap .button.button-outline {
        margin-top: 1rem
    }
}

@media only all and (min-width: 60rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons .entry-buttons-wrap .button.button-outline {
        border-left: 0
    }
}

#container-main .platform-content #download-link {
    border-top: 2px solid #6bbf80;
    padding-top: 1rem
}

#container-main .platform-content #download-link table tbody .button {
    font-size: .6rem;
    padding: .2rem .4rem;
    margin-bottom: 0
}

#container-main .platform-content .entry-footer {
    border-top: 2px solid #6bbf80
}

#container-main .platform-content .entry-footer .entry-footer-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column {
    width: 33.33333%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    #container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column {
        width: 50%
    }
}

@media only all and (max-width: 47.938rem) {
    #container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column {
        width: 100%
    }
}

#container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column .entry-footer-content {
    margin-bottom: .625rem
}

#container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column .entry-footer-content b {
    margin: 0;
    display: block
}

@media only all and (max-width: 47.938rem) {
    #container-main .platform-content .entry-footer .entry-footer-wrapper .entry-footer-column .entry-footer-content b {
        display: inline
    }
}

#container-main .platform-content .entry-header-category .entry-title {
    font-size: 1rem;
    text-align: center;
    line-height: normal;
    margin-bottom: 0
}

#container-main .platform-content .entry-header-category img {
    border-radius: .5rem
}

#container-main .platform-content .entry-gallery, #container-main .platform-content .entry-content, #container-main .platform-content .entry-meta-tags, #container-main .platform-content .entry-footer, #container-main .platform-content .entry-faqs {
    margin-top: 1rem
}

#container-main .platform-content .entry-faqs {
    border-top: 2px solid #6bbf80
}

.g-imagegrid *, .g-imagegrid :before, .g-imagegrid :after {
    box-sizing: border-box !important
}

.g-imagegrid .g-imagegrid-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f5f5f5
}

.g-imagegrid .g-imagegrid-item {
    width: 25%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .3125rem;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .g-imagegrid .g-imagegrid-item {
        width: 33.33333%
    }
}

@media only all and (max-width: 47.938rem) {
    .g-imagegrid .g-imagegrid-item {
        width: 70%
    }
}

.g-imagegrid .g-imagegrid-item img {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

.g-imagegrid .g-imagegrid-desc {
    margin: 1.5rem 0
}

.g-imagegrid .g-imagegrid-link {
    display: block;
    position: relative;
    background: #6bbf80;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

.g-imagegrid .g-imagegrid-link:before {
    color: #fff;
    background: #6bbf80;
    content: "";
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

.rating-wrapper {
    text-align: center
}

.rating-wrapper span {
    color: #f90
}

.rating-box {
    position: relative;
    font-family: FontAwesome;
    display: inline-block;
    color: #f90
}

.rating-box:before {
    content: ""
}

.rating-box .rating-subbox {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden
}

.rating-box .rating-subbox:before {
    content: ""
}

.dynamic-height-wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .25s ease-in-out;
    -moz-transition: max-height .25s ease-in-out;
    -o-transition: max-height .25s ease-in-out;
    transition: max-height .25s ease-in-out;
    width: 100%
}

.dynamic-height-active .dynamic-height-wrap:before {
    background: -moz-linear-gradient(top, rgba(240, 249, 255, 0) 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(top, rgba(240, 249, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(top, rgba(240, 249, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='#ffffff', GradientType=0);
    bottom: 0;
    content: '';
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.dynamic-height-active .dynamic-show-more {
    display: inline-block
}

.dynamic-show-more {
    display: none
}

#container-main .platform-content .post-type-post .entry-header .entry-buttons.googleappbuttonshow .entry-buttons-wrap .buttonappdgoogle {
    display: none
}

@media only all and (min-width: 60rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons.googleappbuttonshow .entry-buttons-wrap .buttonappdgoogle {
        display: inline-block
    }
}

@media only all and (min-width: 60rem) {
    #container-main .platform-content .post-type-post .entry-header .entry-buttons.googleappbuttonshow .entry-buttons-wrap .buttonappdmine {
        display: none
    }
}

.vote_block {
    overflow: hidden;
    margin: 0 3px 0 0;
    float: left;
    vertical-align: middle;
    position: relative
}

.vote_block .rating {
    list-style: none;
    margin: 4px 5px 0 0;
    padding: 0;
    width: 80px;
    height: 15px;
    float: left;
    vertical-align: middle
}

.vote_block .rating li {
    display: block;
    width: 16px;
    height: 15px;
    float: right;
    text-indent: -9999px;
}

.vote_block .rating li .active {
    background-position: 0 -30px
}

.vote_block .rating li .active ~ li {
    background-position: 0 -30px
}

.vote_block.disabled ol.show-current li {
    cursor: default
}

.vote_block.disabled ol.show-current li.current {
    display: block;
    z-index: 10
}

.vote_block li.current {
    display: none
}

.vote_block ol.show-current {
    position: relative
}

.vote_block ol.show-current li {
    z-index: 2;
    position: relative
}

.vote_block ol.show-current li.current {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1;
    background-position: 0 0;
    background-repeat: repeat-x
}

.vote_block ol.show-current li.current span {
    display: block;
    height: 20px;
    width: 0;
    background: inherit;
    background-position: 0 -30px
}

.vote_block ol.show-current li.current {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAtCAMAAACQyRsgAAAAqFBMVEUAAAD+mAAA9Ta0tLQA9Tezs7OwsLAA9jP/mACzs7MA9zT/lAD+mAD+mQC0tLSzs7MA9jT+mAD/lwC3t7cA9zJs4Gz/oACzs7MA9jb+mQCzs7MA9jezs7MA9Te1tbUA9zf/mQC0tLQA9TX+lwCzs7MA9zb+lgCzs7MA8Tf+kQD/fwC0tLT/mQAA9jgA/Dj/nAD/mAC5ubmzs7MA9Ti2trYA+DcA9TfCwsLIPho7AAAAK3RSTlMA2Nf4+NYuLi42Njb58NeNjY0iHh4E/uTk5O7u29vMzMynp6eEhIQlJRwEHFLwxgAAARxJREFUKM9dj1eSwjAQRJ1twMYB8O6Sc1JyZO9/MyShcSH1l/ppemraAgWWoR/Dj/5HOjh0ByOB9MysRvVMhdf+dOovEUJL8VjzT79DoM6XY2ndSNvUKRzlSuAOxy1UYgHgxsc7HrsBODdoG2xRcwbg1qnc7UIPN1C7v/uEZv1fw4/pWAfH/mgkiJ6ZU0LnKrxxuFaEkJV4bPinQwmIOnIso620Lc3gKE8CLxzqq4mh/p2QF30RcgdwaftduOvbCwCPZnK3Bz28UO3+7hOZ9f8MPyknOjixk5HAeubBMHuosC2UYIwT+bKswmYYxOxCDOWskrZiORwVSxAPxz3VxBNAwY2IFQCuFd5He1xdAcRlLnaXMfRIos/uhPd5A7SBJhEtf52aAAAAAElFTkSuQmCC)
}

#container-main {
    background: #f5f5f5;
    overflow: hidden
}

.g-bodyonly #container-main {
    color: #424753;
    background: #f5f5f5
}

@media print {
    #container-main {
        background: #fff !important;
        color: #000 !important
    }
}

#header {
    background-color: #355c7d;
    color: #eceeef;
    padding: 3rem 0;
    position: relative;
    z-index: 10
}

#header a {
    color: rgba(236, 238, 239, 0.6)
}

#header a:hover {
    color: rgba(236, 238, 239, 0.8)
}

#header h2 {
    font-weight: 300;
    line-height: 2
}

@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
    #header h2 {
        font-size: 1.35rem
    }
}

#header h2 em {
    font-weight: 500
}

#header h2.large-heading {
    font-size: 3.8rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    #header h2.large-heading {
        font-size: 2.375rem
    }
}

@media only all and (max-width: 47.938rem) {
    #header h2.large-heading {
        font-size: 1.9rem
    }
}

@media print {
    #header {
        background: #fff !important;
        color: #000 !important
    }
}

#nav {
    background: #312f38;
    color: #fff;
    position: relative;
    z-index: 11
}

#nav .container {
    position: relative
}

#nav .logo {
    color: #fff;
    line-height: 3.125rem
}

#nav .logo.stylized-logo svg {
    fill: #fff
}

@media only all and (max-width: 47.938rem) {
    #nav .g-popup-header {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 25%;
        -moz-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    #nav .g-popup-header .inner-block {
        padding: 0 .938rem
    }
}

#nav .g-popup-header a {
    color: #eceeef
}

#nav .g-popup-header a:hover {
    color: rgba(236, 238, 239, 0.8)
}

#nav .pop-up-block {
    text-align: right;
    line-height: 3rem
}

#nav .pop-up-block span {
    font-size: 1.6rem;
    vertical-align: middle
}

@media only all and (max-width: 47.938rem) {
    #nav .logo-wrapper {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 75%;
        -moz-flex: 0 1 75%;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }
}

#nav .main-nav {
    font-family: "Arial", sans-serif;
    font-weight: 700;
    line-height: 1.5
}

#nav .main-nav .list-top {
    line-height: 3.125
}

#nav .main-nav .list-top > li {
    margin: 0 .5rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    #nav .main-nav .list-top > li {
        margin: 0 .2rem
    }
}

#nav .main-nav .list-top > li > .list-item-container {
    color: #fff;
    padding: .2345rem 0
}

#nav .main-nav .list-top > li > .list-item-container .list-parent-touch-highlight {
    vertical-align: top
}

#nav .main-nav .list-top > li > .list-item-container .list-parent-touch-highlight:after {
    content: "";
    opacity: .75;
    width: 1rem;
    font-weight: 400
}

#nav .main-nav .list-top > li > .list-item-container i {
    opacity: 1
}

#nav .main-nav .list-top > li:hover > .list-item-container {
    color: rgba(255, 255, 255, 0.7)
}

#nav .main-nav .list-top > li:hover > .list-item-container > .g-selected {
    color: rgba(255, 255, 255, 0.7)
}

#nav .main-nav .dropdown {
    background: #36343e;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: .25rem
}

#nav .main-nav .dropdown > .dropdown-column {
    border: 1px solid transparent
}

#nav .main-nav .dropdown a {
    color: #fff
}

#nav .main-nav .dropdown a:hover {
    color: #00a6ed
}

#nav .main-nav .dropdown .dropdown-column {
    position: relative
}

#nav .main-nav .dropdown .dropdown {
    margin-left: 20px
}

#nav .main-nav .list-sub > li > .list-item-container {
    color: #fff
}

#nav .main-nav .list-sub > li > .list-item-container > .g-selected {
    color: #fff
}

#nav .main-nav .list-sub > li:not(:last-child) > .list-item-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

#nav .main-nav .list-sub > li:not(:last-child) > .list-item-container > .g-selected {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

#nav .main-nav .list-sub > li:hover > .list-item-container, #nav .main-nav .list-sub > li.active > .list-item-container {
    color: #00a6ed
}

#nav .main-nav .list-sub > li:hover > .list-item-container > .g-selected, #nav .main-nav .list-sub > li.active > .list-item-container > .g-selected {
    color: #00a6ed
}

#nav .main-nav .list-sub > li.list-item-type-particle > .list-item-container {
    border: 0
}

#nav .main-nav .list-sub > li.list-item-type-particle:hover > .list-item-container, #nav .main-nav .list-sub > li.list-item-type-particle.active > .list-item-container {
    border: 0
}

#nav .main-nav .list-sub > li.list-item-type-particle:hover > .list-item-container {
    background: inherit
}

@media only all and (max-width: 47.938rem) {
    #nav .g-menu-block {
        display: none
    }
}

#nav .list-item-subtitle {
    text-transform: lowercase;
    font-size: .8rem;
    opacity: .8;
    padding-top: 0
}

@media print {
    #nav {
        background: #fff !important;
        color: #000 !important
    }
}

.main-nav .list-top > li > .list-item-container, .main-nav .list-sub > li > .list-item-container {
    font-size: 1rem;
    font-weight: 700;
    padding: .469rem 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease
}

.main-nav .nav-standart .dropdown {
    width: 180px;
    float: left
}

.main-nav {
    z-index: 20
}

.main-nav .list-top > li > .list-item-container {
    text-decoration: none;
    line-height: 1
}

.main-nav .list-top > li > .list-item-container > .list-item-content {
    word-break: normal;
    line-height: normal
}

.main-nav .list-top > li.list-parent .list-parent-touch-highlight:after {
    width: 1.25rem;
    padding: .1rem .25rem .25rem 0;
    height: 1.25rem
}

.main-nav .list-top i {
    opacity: .6
}

.main-nav .nav-standart > .dropdown:before, .main-nav .g-fullwidth > .dropdown:before {
    top: -7px !important
}

.main-nav .nav-standart > .dropdown .dropdown, .main-nav .g-fullwidth > .dropdown .dropdown {
    top: -7px
}

.main-nav .nav-standart .dropdown:after, .main-nav .g-fullwidth .dropdown:after {
    left: -30px !important
}

.main-nav .dropdown {
    text-align: left;
    border-radius: .25rem
}

.main-nav .list-sub > li {
    margin: .3125rem .9375rem;
    padding: 0 0 .2345rem
}

.main-nav .list-sub > li > .list-item-container {
    line-height: normal;
    font-size: .85rem;
    font-weight: 700
}

.main-nav .list-sub > li > .list-item-container > .list-item-content {
    word-break: normal;
    vertical-align: top
}

.main-nav .list-sub > li.list-parent .list-parent-touch-highlight {
    right: 0;
    top: 0;
    margin-top: -.35rem
}

.main-nav .list-sub > li.list-parent .list-parent-touch-highlight:after {
    content: "";
    position: relative;
    opacity: 1;
    top: .75rem
}

.list-item-subtitle {
    opacity: .7
}

.g-preset-thumbnails .wrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto !important;
    -moz-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.g-preset-thumbnails .wrapper > .inner-block {
    margin: 1rem 0;
    padding: 0 .5rem !important
}

.main-nav .nav-standart .dropdown {
    margin-left: 15px
}

.main-nav .nav-standart .dropdown:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -15px;
    right: -15px;
    bottom: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: -1
}

.main-nav .nav-standart > .dropdown {
    margin-left: 0
}

.main-nav .nav-standart > .dropdown, .main-nav .g-fullwidth > .dropdown {
    margin-top: 5px
}

.main-nav .nav-standart > .dropdown:before, .main-nav .g-fullwidth > .dropdown:before {
    content: "";
    position: absolute;
    display: block;
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 5px solid transparent;
    z-index: -1
}

.g-menu-hastouch .nav-standart .list-top > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight, .g-menu-hastouch .g-fullwidth .list-top > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight {
    border-radius: .25rem;
    margin: -.2rem 0 -.2rem .5rem;
    padding: .2rem
}

.g-menu-hastouch .nav-standart .list-sub > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight, .g-menu-hastouch .g-fullwidth .list-sub > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight {
    border-radius: .25rem;
    padding: .1rem;
    margin-top: -.1rem;
    margin-right: -.1rem
}

#g-intro {
    background: #fff;
    color: #424753;
    padding: 3rem 0
}

@media print {
    #g-intro {
        background: #fff !important;
        color: #000 !important
    }
}

#g-features {
    background: #fff;
    color: #424753;
    padding: 3rem 0
}

@media print {
    #g-features {
        background: #fff !important;
        color: #000 !important
    }
}

#g-above {
    background: #f4f5f7;
    color: #424753;
    padding: 3rem 0
}

@media print {
    #g-above {
        background: #fff !important;
        color: #000 !important
    }
}

#g-expanded {
    background: #fff;
    color: #424753;
    padding: 3rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    #g-expanded {
        padding: 0
    }
}

@media print {
    #g-expanded {
        background: #fff !important;
        color: #000 !important
    }
}

#main-bar {
    background: #f5f5f5;
    color: #424753;
    padding: 1rem 0
}

#main-bar .inner-block {
    background: #fff;
    color: #424753
}

@media print {
    #g-main {
        background: #fff !important;
        color: #000 !important
    }
}

#g-aside {
    background: #f5f5f5;
    color: #424753;
    padding: 1rem 0
}

@media print {
    #g-aside {
        background: #fff !important;
        color: #000 !important
    }
}

#sidebar {
    background: #f5f5f5;
    color: #424753;
    padding: 1rem 0
}

@media print {
    #sidebar {
        background: #fff !important;
        color: #000 !important
    }
}

#footer {
    background: #355c7d;
    color: #fff;
    padding: 3rem 0;
    padding: 1rem 0 0 0
}

#footer .inner-block {
    margin: .625rem 0
}

#footer .g-branding {
    font-family: "Arial", sans-serif;
    font-weight: 700;
    text-align: left
}

@media only all and (max-width: 47.938rem) {
    #footer .g-branding {
        text-align: center
    }
}

#footer .horiznotal-menu {
    text-align: right
}

@media only all and (max-width: 47.938rem) {
    #footer .horiznotal-menu {
        text-align: center
    }
}

#footer .horiznotal-menu a {
    color: #fff
}

#footer .horiznotal-menu a:hover {
    color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2)
}

#footer .g-totop a {
    color: #fff
}

#footer .g-totop a:hover {
    color: rgba(255, 255, 255, 0.6)
}

@media print {
    #footer {
        background: #fff !important;
        color: #000 !important
    }
}

#canvas-offset {
    background: #355c7d;
    width: 12rem;
    color: #eceeef
}

#canvas-offset a {
    color: #eceeef
}

#canvas-offset a:hover {
    color: #374
}

#canvas-offset h1, #canvas-offset h2, #canvas-offset h3, #canvas-offset h4, #canvas-offset h5, #canvas-offset h6, #canvas-offset strong {
    color: #eceeef
}

#canvas-offset .button {
    background: #355c7d;
    color: #eceeef
}

#canvas-offset .button:hover {
    background: #3d698f
}

#canvas-offset .button:active {
    background: #2d4f6b
}

#canvas-offset hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

#canvas-offset .toggle-block {
    color: #eceeef;
    left: 9rem;
    top: 1rem
}

.toggle-block {
    font-size: 2rem;
    color: #6bbf80;
    width: 32px;
    height: 32px;
    top: 1.2rem;
    z-index: 100001;
    display: none
}

.canvas-offset-open .toggle-block {
    color: rgba(255, 255, 255, 0.6)
}

@media only all and (max-width: 48rem) {
    .toggle-block {
        display: block
    }
}

.canvas-offset-open .g-nav-overlay {
    z-index: 100000
}

.canvas-offset-open .canvas-offset-left #container-main {
    left: 12rem
}

.canvas-offset-open .canvas-offset-right #container-main {
    right: 12rem
}

#canvas-offset #g-mobilemenu-container ul {
    background: #355c7d
}

#canvas-offset #g-mobilemenu-container ul > li > .list-item-container {
    color: #eceeef;
    padding: .938rem
}

#canvas-offset #g-mobilemenu-container ul > li:not(.list-item-type-particle):not(.list-item-type-module).active > .list-item-container, #canvas-offset #g-mobilemenu-container ul > li:not(.list-item-type-particle):not(.list-item-type-module):hover > .list-item-container {
    color: #eceeef
}

#canvas-offset #g-mobilemenu-container ul > li:not(.list-item-type-particle):not(.list-item-type-module).active {
    background: #4fb368
}

#canvas-offset #g-mobilemenu-container ul > li:not(.list-item-type-particle):not(.list-item-type-module):hover {
    background: #59b771
}

#canvas-offset #g-mobilemenu-container ul > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight {
    border: 1px solid #80c892;
    background: #5db974;
    border-radius: .25rem;
    margin: -.3rem 0 -.2rem .5rem;
    padding: .2rem
}

#canvas-offset #g-mobilemenu-container ul > li.list-item-link-parent > .list-item-container > .list-parent-touch-highlight:hover {
    background: #4fb368
}

#canvas-offset #g-mobilemenu-container ul .dropdown-column {
    width: 12rem
}

#canvas-offset #g-mobilemenu-container ul i.fa {
    width: 1.5rem;
    line-height: 1.8rem
}

#g-mobilemenu-container {
    margin: -1.563rem
}

.g-preset-thumbnails img {
    margin-bottom: 1rem
}

@media only all and (max-width: 47.938rem) {
    .g-preset-thumbnails {
        text-align: center
    }

    .g-preset-thumbnails .wrapper {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50% !important
    }

    .g-preset-thumbnails .inner-block {
        margin: 0
    }
}

@media print {
    #canvas-offset {
        background: #fff !important;
        color: #000 !important
    }
}

.g-error #header .inner-block {
    padding: 3.5rem .938rem;
    text-align: center
}

.g-error #header .inner-block h2.g-title {
    font-size: 3.5rem
}

.g-error #header .inner-block p {
    font-size: 1.5rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .g-error #header .inner-block h2.g-title {
        font-size: 3rem
    }

    .g-error #header .inner-block p {
        font-size: 1rem
    }
}

@media only all and (max-width: 47.938rem) {
    .g-error #header .inner-block {
        padding: 1rem .938rem
    }

    .g-error #header .inner-block h2.g-title {
        font-size: 2rem
    }

    .g-error #header .inner-block p {
        font-size: 1rem
    }
}

.g-error #main-bar {
    text-align: center
}

.g-error #footer .inner-block .g-totop {
    text-align: center
}

.g-offline #header .inner-block {
    padding: 3.5rem .938rem;
    text-align: center
}

.g-offline #header .inner-block h2.g-title {
    font-size: 3.5rem
}

.g-offline #header .inner-block p {
    font-size: 1.5rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .g-offline #header .inner-block h2.g-title {
        font-size: 3rem
    }

    .g-offline #header .inner-block p {
        font-size: 1rem
    }
}

@media only all and (max-width: 47.938rem) {
    .g-offline #header .inner-block {
        padding: 1rem .938rem
    }

    .g-offline #header .inner-block h2.g-title {
        font-size: 2rem
    }

    .g-offline #header .inner-block p {
        font-size: 1rem
    }
}

.g-offline #footer .inner-block .g-totop {
    text-align: center
}

.g-offline #grav-login {
    max-width: 36rem
}

.g-offline #grav-login .form-actions {
    margin-top: .625rem
}

@media only all and (max-width: 47.938rem) {
    .g-offline #grav-login .form-actions {
        text-align: center
    }
}

.g-offline #grav-login .button {
    text-transform: capitalize;
    font-size: 1rem;
    padding: 1rem 2.5rem
}

@media only all and (max-width: 47.938rem) {
    .g-offline #grav-login .rememberme {
        float: none;
        display: block
    }
}

.logo {
    font-family: "Arial", sans-serif;
    font-weight: 900;
    font-size: 1.35rem;
    vertical-align: middle;
    text-transform: uppercase
}

.logo img, .logo svg {
    display: block
}

.logo.stylized-logo img, .logo.stylized-logo svg {
    max-height: 50px
}

.logo.stylized-logo svg {
    fill: #fff
}

.logo span {
    color: #355c7d
}

@media only all and (max-width: 47.938rem) {
    .logo {
        display: block;
        text-align: right;
        margin: -.85rem 0;
        padding-left: .938rem;
        font-size: 1.05rem
    }

    .logo img, .logo svg {
        margin: 0 auto
    }
}

.g-social a {
    padding: .1875rem .4rem;
    text-decoration: none
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .g-social a {
        padding: .1875rem .25rem
    }
}

.slider-for {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slider-for-headlines {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

@media only all and (max-width: 47.938rem) {
    .slider-for-headlines {
        display: none
    }
}

.slider-for-headlines li {
    position: relative;
    z-index: 70
}

.slider-for-headlines li:hover {
    cursor: pointer
}

.slider-for-headlines li i {
    margin-right: 1rem
}

.slider-for-headlines {
    width: 100%;
    background: #000
}

.slider-for-headlines li {
    padding: 2rem;
    padding-left: 4rem;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    transition: all .75s ease-out;
    opacity: .8
}

@media only all and (max-width: 47.938rem) {
    .slider-for-headlines li {
        padding: 1.5rem;
        padding-left: 4rem
    }
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .slider-for-headlines li {
        padding: 1.5rem;
        padding-left: 4rem;
        font-size: .9rem
    }
}

.slider-for-headlines li:nth-last-child(2) {
    border-bottom: 0
}

.slider-for-headlines li.selected {
    opacity: 1;
    background: #6bbf80;
    margin-left: -2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6)
}

.slider-for-headlines li.selected:hover {
    background: #6bbf80
}

@media only all and (max-width: 47.938rem) {
    .slider-for-headlines li.selected {
        margin-left: 0
    }
}

.slider-for-headlines li:hover {
    background: #000
}

.slider-for-preview {
    position: relative;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 68%;
    -moz-flex: 0 1 68%;
    -ms-flex: 0 1 68%;
    flex: 0 1 68%;
    width: 68%;
    background: #000
}

@media only all and (max-width: 47.938rem) {
    .slider-for-preview {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        min-height: 210px
    }
}

.slider-for-content {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .35s;
    -moz-transition: opacity .35s;
    transition: opacity .35s;
    background-size: cover;
    width: 100%;
    height: 100%
}

.slider-for-overlay {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, black 100%);
    padding: .5rem 1.563rem
}

.top-content {
    opacity: 1;
    z-index: 50
}

.slider-for-headlines li i {
    -webkit-transition: -webkit-transform .65s;
    -moz-transition: -moz-transform .65s;
    transition: transform .65s
}

.slider-for-headlines .arrow-container {
    position: absolute;
    margin-left: -2rem;
    top: 33%;
    font-size: 20px
}

.slider-for-headlines li.selected i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only all and (max-width: 47.938rem) {
    .slider-for-headlines li.selected i {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.slider-for-preview-title {
    line-height: 1.75;
    font-family: "Arial", sans-serif;
    font-weight: 200;
    margin-top: 10rem;
    font-size: 4rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .slider-for-preview-title {
        font-size: 2rem
    }
}

@media only all and (max-width: 47.938rem) {
    .slider-for-preview-title {
        font-size: 1.2rem;
        margin-top: 1rem
    }
}

.slider-for-preview-headerdesc {
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 2
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .slider-for-preview-headerdesc {
        font-size: 1.15rem
    }
}

@media only all and (max-width: 47.938rem) {
    .slider-for-preview-headerdesc {
        font-size: 1.1rem
    }
}

@media only all and (max-width: 30rem) {
    .slider-for-preview-headerdesc {
        display: none
    }
}

@media only all and (max-width: 47.938rem) {
    .slider-for-preview-desc {
        display: none
    }
}

.slider-for-button {
    display: inline-block;
    margin: 1rem 0
}

@media only all and (max-width: 30rem) {
    .slider-for-button .button {
        font-size: .75rem;
        padding: .5rem 1rem
    }
}

.slider-for-headlines-title {
    width: 17rem;
    display: block
}

@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
    .slider-for-headlines-title {
        width: 13rem
    }
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .slider-for-headlines-title {
        width: 9rem
    }
}

@media only all and (max-width: 47.938rem) {
    .slider-for-headlines-title {
        font-size: .9rem
    }
}

.slider-for-scrollbar {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 32%;
    -moz-flex: 0 1 32%;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%;
    width: 32%;
    height: 100%
}

@media only all and (max-width: 47.938rem) {
    .slider-for-scrollbar {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 100% !important;
        -moz-flex: 0 1 100% !important;
        -ms-flex: 0 1 100% !important;
        flex: 0 1 100% !important;
        width: 100% !important
    }
}

.slider-for-scrollbar .viewport {
    position: relative
}

.slider-for-scrollbar .overview {
    list-style: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0
}

.slider-for-scrollbar .scrollbar {
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    background-position: 0 0;
    width: 0;
    opacity: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

.slider-for-scrollbar .track {
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 18px;
    position: relative;
    padding: 0 1px
}

.slider-for-scrollbar .thumb {
    background: rgba(107, 191, 128, 0.5);
    height: 20px;
    width: 9px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 5px;
    border-radius: .25rem
}

.slider-for-scrollbar .disable {
    display: none
}

.slider-for-pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Arial", sans-serif;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    z-index: 60;
    padding: 0 1.563rem
}

.slider-for-pagination li {
    cursor: pointer;
    display: block;
    float: left;
    padding: 10px 15px;
    margin-right: 1px;
    background: rgba(0, 0, 0, 0.4)
}

@media only all and (max-width: 47.938rem) {
    .slider-for-pagination li {
        padding: 0 10px;
        border-bottom: 2px solid #355c7d
    }
}

.slider-for-pagination li.selected {
    background: #6bbf80
}

.slider-for-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    z-index: 21;
    height: 45px
}

.slider-for-navigation div {
    cursor: pointer;
    min-width: 0;
    min-height: 0;
    text-align: center;
    padding-top: 10px;
    height: 100%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    transition: all .75s ease-out
}

@media only all and (max-width: 47.938rem) {
    .slider-for-navigation div {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 100% !important;
        -moz-flex: 0 1 100% !important;
        -ms-flex: 0 1 100% !important;
        flex: 0 1 100% !important;
        width: 100% !important
    }
}

.slider-for-navigation div.prev {
    background: #6bbf80
}

.slider-for-navigation div.prev:hover {
    background: #3b894f
}

.slider-for-navigation div.next {
    background: #355c7d
}

.slider-for-navigation div.next:hover {
    background: #172735
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.ui-tabs {
    position: relative
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    border-bottom-width: 0;
    padding: 0;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: text
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor {
    cursor: text
}

.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    text-decoration: none
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.inner-tabs .inner-tabs-tab {
    outline: none
}

.inner-tabs .inner-tabs-titlewrap {
    float: left;
    margin: 0 0 1rem;
    padding: .3126666667rem 0
}

.inner-tabs .inner-tabs-titlewrap .g-title {
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

.inner-tabs .inner-tabs-titlewrap .inner-tabs-subtitle {
    font-size: .8rem;
    font-weight: 700
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-tab-wrapper {
        min-width: 50%
    }
}

.inner-tabs .inner-tabs-tab-wrapper-container {
    list-style: none;
    margin: 0 0 1rem;
    border-bottom: 1px solid #6bbf80;
    background: #f5f5f5;
    display: inline-flex;
    float: right
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-tab-wrapper-container {
        width: 100%
    }
}

.inner-tabs .inner-tabs-content-wrapper-container {
    list-style: none;
    margin: 0
}

.inner-tabs .inner-tabs-tab-wrapper-head {
    display: block;
    cursor: pointer;
    padding: .3126666667rem .938rem;
    margin-bottom: -1px
}

.inner-tabs .inner-tabs-tab-subtitle, .inner-tabs .inner-tabs-tab-title {
    display: block;
    outline: none
}

.inner-tabs .inner-tabs-tab-title {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 700
}

.inner-tabs .inner-tabs-tab-subtitle {
    font-size: .75rem
}

.inner-tabs .inner-tabs-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-content {
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: -.3125rem
    }
}

.inner-tabs .inner-tabs-content-tag, .inner-tabs .inner-tabs-content-text {
    position: relative;
    min-width: 0;
    min-height: 0
}

.inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-title, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-title {
    font-weight: 700;
    margin: 0 0 .5rem;
    font-size: .8rem;
    line-height: normal;
    text-transform: uppercase
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-title, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-title {
        font-size: .7rem
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-title, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-title {
        font-size: .6rem
    }
}

.inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-rubr, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-rubr {
    margin: .5rem 0 0;
    font-weight: 400;
    font-size: .8rem;
    text-transform: uppercase
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-rubr, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-rubr {
        font-size: .65rem
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-tabs .inner-tabs-content-tag .inner-tabs-content-text-rubr, .inner-tabs .inner-tabs-content-text .inner-tabs-content-text-rubr {
        font-size: .5rem
    }
}

.inner-tabs .inner-tabs-content-tag .rating-wrapper, .inner-tabs .inner-tabs-content-text .rating-wrapper {
    text-align: left;
    line-height: normal
}

@media only all and (max-width: 47.938rem) {
    .inner-tabs .inner-tabs-content-tag .rating-wrapper, .inner-tabs .inner-tabs-content-text .rating-wrapper {
        font-size: .6rem
    }
}

.inner-tabs .inner-tabs-content-tag {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 30%;
    -moz-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    width: 30%;
    padding-right: .938rem
}

@media only all and (min-width: 60rem) {
    .inner-tabs .inner-tabs-content-tag {
        padding-right: .469rem
    }
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-content-tag {
        width: 100%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        padding-right: 0;
        margin-bottom: .5rem
    }
}

.inner-tabs .inner-tabs-tag {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: middle;
    width: 33.3333333333%;
    margin-top: .938rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-tag {
        width: 25%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: .3125rem;
        padding-bottom: 1rem
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-tabs .inner-tabs-tag {
        width: 28%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: .3125rem;
        padding-bottom: 1rem
    }
}

.inner-tabs .inner-tabs-content-text {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 70%;
    -moz-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
    width: 70%
}

@media only all and (max-width: 59.938rem) {
    .inner-tabs .inner-tabs-content-text {
        width: 100%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

.inner-tabs .inner-tabs-tab-wrapper-body {
    padding: 0
}

.ui-tabs-active .inner-tabs-tab-wrapper-head {
    background: #6bbf80
}

.ui-tabs-active .inner-tabs-tab-subtitle, .ui-tabs-active .inner-tabs-tab-title {
    color: #fff
}

.inner-block-contenttop .g-title {
    margin: 0 .625rem
}

@media only all and (max-width: 47.938rem) {
    .inner-block-contenttop .g-title {
        font-size: .9rem
    }
}

.inner-block-contenttop .grid-ct {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.inner-block-contenttop .grid-ct .wrapper-ct {
    width: 20%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .inner-block-contenttop .grid-ct .wrapper-ct {
        width: 25%
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-block-contenttop .grid-ct .wrapper-ct {
        width: 40%
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-block-contenttop .grid-ct .wrapper-ct:last-child .g-array-item {
        margin-bottom: 0
    }
}

.inner-block-contenttop .inner-block-ct {
    margin: .625rem
}

.inner-block-contenttop .g-contenttop-item {
    position: relative
}

.inner-block-contenttop .g-contenttop-item-image {
    position: relative
}

.inner-block-contenttop .g-contenttop-item-image:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, #000 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, #000 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, #000 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, #000 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, #000 100%)
}

.inner-block-contenttop .g-contenttop-item-image img.lazy {
    min-height: 160px
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .inner-block-contenttop .g-contenttop-item-image img.lazy {
        min-height: 120px
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-block-contenttop .g-contenttop-item-image img.lazy {
        min-height: 85px
    }
}

.inner-block-contenttop a {
    color: #fff
}

.inner-block-contenttop a:hover {
    color: #6bbf80
}

.inner-block-contenttop .g-contenttop-item-title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center
}

.inner-block-contenttop .g-contenttop-item-title .g-item-title {
    margin: 0;
    font-size: 1.2rem
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .inner-block-contenttop .g-contenttop-item-title .g-item-title {
        font-size: 1rem
    }
}

@media only all and (max-width: 47.938rem) {
    .inner-block-contenttop .g-contenttop-item-title .g-item-title {
        font-size: .7rem
    }
}

.horiznotal-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Arial", sans-serif;
    font-weight: 700
}

@media only all and (max-width: 47.938rem) {
    .horiznotal-menu {
        text-align: center
    }
}

.horiznotal-menu li {
    display: inline-block;
    padding: 0 1rem
}

.horiznotal-menu li a {
    display: inline-block;
    padding: 0 0 .5rem;
    margin-bottom: .5rem
}

.horiznotal-menu li:first-child {
    padding-left: 0
}

.horiznotal-menu li:last-child {
    padding-right: 0
}

.g-totop {
    font-family: "Arial", sans-serif;
    font-weight: 700;
    text-align: right
}

@media only all and (max-width: 47.938rem) {
    .g-totop {
        text-align: center
    }
}

.accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1rem
}

.accordion .accordion-item-title {
    color: #8b92a3;
    cursor: pointer;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    -webkit-transition: color .35s;
    -moz-transition: color .35s;
    transition: color .35s
}

.accordion .accordion-item-title .toggle {
    background: #8b92a3;
    color: #f5f5f5;
    float: right;
    padding: 0 4px;
    -webkit-transition: background .35s;
    -moz-transition: background .35s;
    transition: background .35s
}

.dir-rtl .accordion .accordion-item-title .toggle {
    float: left
}

.accordion li {
    padding: 1rem 0;
    border-bottom: 1px solid #e0e0e5
}

.accordion li.active .accordion-item-title {
    color: #6bbf80
}

.accordion li.active .toggle {
    background: #6bbf80
}

.accordion li div {
    padding: .5rem 0
}

.container {
    width: 75rem
}

@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
    .container {
        width: 60rem
    }
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .container {
        width: 48rem
    }
}

@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
    .container {
        width: 30rem
    }
}

@media only all and (max-width: 30rem) {
    .container {
        width: 100%
    }
}

.container.g-flushed {
    width: 100%
}

@media only all and (max-width: 47.938rem) {
    .wrapper {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        flex-grow: 0;
        -ms-flex-positive: 0;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%
    }
}

@media only all and (max-width: 47.938rem) {
    body [class*="flex-"] {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        flex-grow: 0;
        -ms-flex-positive: 0;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        max-width: 100%
    }
}

@media only all and (max-width: 47.938rem) {
    .wrapper {
        -webkit-box-flex: inherit;
        -moz-box-flex: inherit;
        box-flex: inherit;
        -webkit-flex: inherit;
        -moz-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
}

.visible-large, .visible-desktop, .visible-tablet, .visible-phone, .wrapper.visible-large, .wrapper.visible-desktop, .wrapper.visible-tablet, .wrapper.visible-phone {
    display: none !important
}

@media only all and (max-width: 47.938rem) {
    .visible-phone {
        display: block !important
    }

    .wrapper.visible-phone {
        display: block !important
    }
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .visible-tablet {
        display: block !important
    }

    .wrapper.visible-tablet {
        display: block !important
    }
}

@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
    .visible-desktop {
        display: block !important
    }

    .wrapper.visible-desktop {
        display: block !important
    }
}

@media only all and (min-width: 75rem) {
    .visible-large {
        display: block !important
    }

    .wrapper.visible-large {
        display: block !important
    }

    .visible-desktop {
        display: block !important
    }

    .wrapper.visible-desktop {
        display: block !important
    }
}

@media only all and (max-width: 47.938rem) {
    .hidden-phone {
        display: none !important
    }
}

@media only all and (min-width: 48rem) and (max-width: 59.938rem) {
    .hidden-tablet {
        display: none !important
    }
}

@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
    .hidden-desktop {
        display: none !important
    }
}

@media only all and (min-width: 75rem) {
    .hidden-large {
        display: none !important
    }

    .hidden-desktop {
        display: none !important
    }
}

@media only all and (max-width: 47.938rem) {
    .align-right {
        text-align: inherit !important
    }

    .align-left {
        text-align: inherit !important
    }
}

.alert {
    border-radius: .25rem;
    padding: .938rem;
    margin-bottom: 2rem;
    text-shadow: none;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px
}

.alert, .alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert .close {
    top: -2px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    color: #fff;
    background-color: #6bbf80;
    border-color: #000
}

.alert-success h4 {
    color: #468847
}

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-danger h4, .alert-error h4 {
    color: #b94a48
}

.alert-info {
    color: #fff;
    background-color: #355c7d;
    border-color: #000
}

.alert-info h4 {
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block > p, .alert-block > ul {
    margin-bottom: 0
}

.alert-block p + p {
    margin-top: 5px
}

legend {
    font-size: 1.3rem;
    line-height: 2
}

legend small {
    font-size: .8rem
}

dl {
    margin-top: 2rem;
    margin-bottom: 2rem
}

dd {
    margin-left: 2rem
}

ul.menu ul {
    margin-left: 2rem
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

#container-main .nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none
}

#container-main .nav > li > a {
    display: block
}

#container-main .nav > li > a:hover, #container-main .nav > li > a:focus {
    text-decoration: none
}

#container-main .nav > li > a > img {
    max-width: none
}

#container-main .platform-content .entries {
    margin: -.938rem
}

#container-main .platform-content .entries .wrapper {
    padding: 0 .938rem
}

#container-main .platform-content .entries .wrapper .tease {
    margin: 0;
    padding: 0
}

#container-main .platform-content .entries .wrapper .tease.sticky {
    padding: .469rem .938rem;
    background-color: #eceff3;
    border-radius: .25rem
}

#container-main .platform-content .entries .wrapper .tease.sticky .entry-title {
    margin-top: 0
}

#container-main .platform-content form.password-form .password-box {
    margin: .625rem 0
}

#container-main .platform-content .post-thumbnail {
    display: block;
    margin: .65rem 0;
    min-width: 0;
    min-height: 0
}

#container-main .platform-content .post-thumbnail .float-left {
    margin: 0 1rem .65rem 0
}

#container-main .platform-content .post-thumbnail .float-right {
    margin: 0 0 .65rem 1rem
}

#container-main .search-form input.search-field {
    color: #424753
}

.g-loginform fieldset.login-data {
    padding: 0
}

.g-loginform fieldset.login-data #login-username {
    margin-top: 0
}

.g-loginform .login-pretext {
    margin-bottom: 1rem
}

.g-loginform .login-pretext p, .g-loginform .login-posttext p {
    margin: .5rem 0
}

.g-loginform .login-extra {
    list-style-type: none;
    margin-left: 0
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption .wp-caption-text {
    font-size: .8rem;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.gallery {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap
}

.gallery.gallery-columns-1 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 50%;
    -moz-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 33.3333333333%;
    -moz-flex: 0 33.3333333333%;
    -ms-flex: 0 33.3333333333%;
    flex: 0 33.3333333333%;
    width: 33.3333333333%
}

.gallery.gallery-columns-4 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 25%;
    -moz-flex: 0 25%;
    -ms-flex: 0 25%;
    flex: 0 25%;
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 20%;
    -moz-flex: 0 20%;
    -ms-flex: 0 20%;
    flex: 0 20%;
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 16.6666666667%;
    -moz-flex: 0 16.6666666667%;
    -ms-flex: 0 16.6666666667%;
    flex: 0 16.6666666667%;
    width: 16.6666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 14.2857142857%;
    -moz-flex: 0 14.2857142857%;
    -ms-flex: 0 14.2857142857%;
    flex: 0 14.2857142857%;
    width: 14.2857142857%
}

.gallery.gallery-columns-8 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 12.5%;
    -moz-flex: 0 12.5%;
    -ms-flex: 0 12.5%;
    flex: 0 12.5%;
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 11.1111111111%;
    -moz-flex: 0 11.1111111111%;
    -ms-flex: 0 11.1111111111%;
    flex: 0 11.1111111111%;
    width: 11.1111111111%
}

.gallery.gallery-columns-10 .gallery-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 10%;
    -moz-flex: 0 10%;
    -ms-flex: 0 10%;
    flex: 0 10%;
    width: 10%
}

.gallery .gallery-item {
    min-width: 0;
    min-height: 0;
    margin: 1rem 0;
    text-align: center
}

.gallery .gallery-caption {
    margin-left: 0
}

.pagination, .page-links {
    margin: 1rem 0 0
}

.pagination ul.pagination-list, .page-links ul.pagination-list {
    list-style: none;
    margin: 0
}

.pagination ul.pagination-list li.pagination-list-item, .page-links ul.pagination-list li.pagination-list-item {
    display: inline-block;
    font-weight: 700
}

.pagination ul.pagination-list li.pagination-list-item > a, .page-links ul.pagination-list li.pagination-list-item > a {
    padding: 10px 15px;
    color: #f5f5f5;
    background: #00a6ed;
    border: 0 none;
    border-radius: 0 !important
}

.pagination ul.pagination-list li.pagination-list-item > a:hover, .page-links ul.pagination-list li.pagination-list-item > a:hover {
    background: #6bbf80
}

.pagination ul.pagination-list li.pagination-list-item > span, .page-links ul.pagination-list li.pagination-list-item > span, .pagination ul.pagination-list li.pagination-list-item.current-item > .page-number, .page-links ul.pagination-list li.pagination-list-item.current-item > .page-number {
    padding: 10px 15px;
    color: #f5f5f5;
    background: #6bbf80;
    border: 0 none;
    border-radius: 0 !important
}

.pagination ul.pagination-list li.pagination-list-item > span.dots, .page-links ul.pagination-list li.pagination-list-item > span.dots, .pagination ul.pagination-list li.pagination-list-item.disabled > span, .page-links ul.pagination-list li.pagination-list-item.disabled > span {
    background: #00a6ed
}

.pagination ul.pagination-list li.pagination-list-item > span.dots:hover, .page-links ul.pagination-list li.pagination-list-item > span.dots:hover {
    background: #6bbf80
}

.pagination ul.pagination-list li.pagination-list-item > span:hover, .page-links ul.pagination-list li.pagination-list-item > span:hover, .pagination ul.pagination-list li.pagination-list-item.current-item > .page-number:hover, .page-links ul.pagination-list li.pagination-list-item.current-item > .page-number:hover {
    background: #00a6ed
}

.pagination p.counter, .page-links p.counter {
    margin: 0
}

@media only all and (max-width: 47.938rem) {
    .pagination p.counter, .page-links p.counter {
        display: none
    }
}

.page-links {
    text-align: center
}

#container-main .entry-meta {
    margin: 1.5rem 0;
    margin-top: 0;
    margin-bottom: 2rem
}

#container-main .entry-meta > div[class^="meta-"] {
    display: inline-block;
    margin: 0;
    font-family: "Arial", sans-serif;
    text-transform: uppercase;
    font-size: .85rem;
    line-height: 1.85
}

#container-main .entry-meta > div[class^="meta-"]:not(:last-child):after {
    content: "|";
    margin: 0 5px;
    color: #e0e0e5
}

#comments ol.commentlist {
    list-style: none;
    padding-left: 0;
    margin-top: 0
}

#comments ol.commentlist ol.children {
    list-style: none
}

#comments ol.commentlist ol.children li.comment .comment-body {
    border-left: 20px solid #f5f5f5
}

#comments ol.commentlist ol.children li.comment .comment-body .child-arrow-indicator {
    visibility: visible
}

@media only all and (max-width: 47.938rem) {
    #comments ol.commentlist ol.children {
        padding-left: .5rem
    }
}

#comments ol.commentlist li.comment {
    margin: 20px 0 0
}

#comments ol.commentlist li.comment .comment-body {
    position: relative;
    margin-left: 5px;
    padding: 0 20px;
    border-radius: .25rem;
    background: #f2f2f2;
    border: 1px solid #6bbf80;
    box-shadow: 0 0 10px #4bac63
}

#comments ol.commentlist li.comment .comment-body .child-arrow-indicator {
    visibility: hidden;
    position: absolute;
    top: 4px;
    left: -16px;
    color: rgba(34, 34, 34, 0.25)
}

#comments ol.commentlist li.comment .comment-body .comment-reply {
    position: absolute;
    right: 20px;
    top: 20px
}

#comments ol.commentlist li.comment .comment-author {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: normal;
    padding-top: 20px;
    height: auto
}

@media only all and (max-width: 47.938rem) {
    #comments ol.commentlist li.comment .comment-author {
        overflow: hidden
    }
}

#comments ol.commentlist li.comment .comment-author .author-avatar {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 48px;
    -moz-flex: 0 48px;
    -ms-flex: 0 48px;
    flex: 0 48px;
    width: 48px;
    margin-right: 20px
}

#comments ol.commentlist li.comment .comment-author .author-avatar .avatar {
    border-radius: 50%
}

#comments ol.commentlist li.comment .comment-author .author-meta {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#comments ol.commentlist li.comment .comment-author .author-meta .author-name {
    font-size: 1rem;
    font-weight: 700;
    margin-right: 5px
}

#comments ol.commentlist li.comment .comment-author .author-meta .author-name a {
    color: #000
}

#comments ol.commentlist li.comment .comment-author .author-meta .author-name a:hover {
    color: #6bbf80
}

@media only all and (max-width: 47.938rem) {
    #comments ol.commentlist li.comment .comment-author .author-meta .author-name {
        font-size: 1rem
    }
}

#comments ol.commentlist li.comment .comment-author .author-meta time, #comments ol.commentlist li.comment .comment-author .author-meta .edit-link {
    font-size: .7rem
}

#comments ol.commentlist li.comment .comment-author .author-meta time a, #comments ol.commentlist li.comment .comment-author .author-meta .edit-link a {
    color: #424753
}

#comments ol.commentlist li.comment .comment-author .author-meta time a:hover, #comments ol.commentlist li.comment .comment-author .author-meta .edit-link a:hover {
    color: #6bbf80
}

@media only all and (max-width: 47.938rem) {
    #comments ol.commentlist li.comment .comment-author .author-meta time, #comments ol.commentlist li.comment .comment-author .author-meta .edit-link {
        display: inline
    }
}

#comments ol.commentlist li.comment .comment-content {
    overflow: hidden;
    margin-left: 60px;
    padding: 15px 15px 15px 0
}

#comments ol.commentlist li.comment .comment-content .comment-reply {
    text-align: right
}

#comments ol.commentlist li.comment.bypostauthor > .comment-body {
    box-shadow: 0 0 10px #264259;
    border: 1px solid #355c7d
}

#comments ol.commentlist li.comment.bypostauthor > .comment-body > .comment-author .author-name {
    color: #6bbf80
}

#comments ol.commentlist li.comment.bypostauthor > .comment-body > .comment-author .author-name a {
    color: #6bbf80
}

#comments ol.commentlist li.comment.bypostauthor > .comment-body > .comment-author .author-name a:hover {
    color: #424753
}

#comments #comments-nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px
}

#comments #comments-nav .comments-previous .button span, #comments #comments-nav .comments-next .button span {
    vertical-align: middle
}

#comments #comments-nav .comments-previous .button .fa, #comments #comments-nav .comments-next .button .fa {
    vertical-align: middle;
    font-size: .7rem
}

@media only all and (max-width: 47.938rem) {
    #comments #comments-nav .comments-previous .button, #comments #comments-nav .comments-next .button {
        font-size: .7rem
    }
}

#comments #comments-nav .comments-previous .button {
    padding-left: .75rem
}

#comments #comments-nav .comments-next .button {
    padding-right: .75rem
}

#comments #comments-nav .comments-next {
    margin-left: auto
}

@media only all and (max-width: 47.938rem) {
    #comments #comments-nav a.button {
        font-size: .8rem
    }
}

#comments #respond {
    margin-top: 20px
}

#comments #respond .inputbox {
    width: 100%
}

#comments #respond .inputbox.respond-textarea {
    min-height: 120px
}

#comments #respond .button:focus {
    outline: none
}

#comments #respond input {
    padding-left: 20px
}

#comments #respond textarea {
    border-radius: .25rem;
    padding: 10px 15px 10px 20px
}

#comments #responses > ol.commentlist > li.comment:first-child {
    margin-top: 0
}

#comments #responses > ol.commentlist > li.comment:first-child > .comment-body .comment-author {
    border-top: none
}

.widget.widget_nav_menu ul.menu {
    margin-left: 0;
    list-style: none
}

.widget.widget_nav_menu ul.menu ul.sub-menu {
    list-style: none
}

.widget.widget_archive ul, .widget.widget_categories ul, .widget.widget_meta ul, .widget.widget_pages ul, .widget.widget_recent_comments ul, .widget.widget_recent_entries ul {
    list-style-type: none;
    margin: 0
}

.widget.widget_archive ul ul, .widget.widget_categories ul ul, .widget.widget_meta ul ul, .widget.widget_pages ul ul, .widget.widget_recent_comments ul ul, .widget.widget_recent_entries ul ul {
    list-style-type: none
}

.widget.widget_archive ul ul.children, .widget.widget_categories ul ul.children, .widget.widget_meta ul ul.children, .widget.widget_pages ul ul.children, .widget.widget_recent_comments ul ul.children, .widget.widget_recent_entries ul ul.children {
    margin-left: 1.5rem
}

.widget.widget_search input.search-field {
    margin-bottom: 10px
}

.widget.widget_tag_cloud a {
    display: inline-block;
    font-family: "Arial", sans-serif;
    border-radius: .25rem;
    background: #6bbf80;
    color: #fff;
    padding: 5px 8px;
    margin: 0 4px 8px 0;
    vertical-align: bottom
}

.widget.widget_tag_cloud a:before {
    font-family: FontAwesome;
    margin-right: 5px;
    content: ""
}

.widget.widget_tag_cloud a:hover {
    background: #4bac63;
    color: #fff
}

.widget.widget_calendar {
    margin-bottom: 1.5rem
}

@font-face {
    font-family: 'lightcase';
    src: url(../fonts/lightcase.eot);
    src: url(../fonts/lightcase.eot#iefix) format("embedded-opentype"), url(../fonts/lightcase.woff) format("woff"), url(../fonts/lightcase.ttf) format("truetype"), url(../fonts/lightcase.svg#lightcase) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*='lightcase-icon-']:before {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.lightcase-icon-play:before {
    content: '\e800'
}

.lightcase-icon-pause:before {
    content: '\e801'
}

.lightcase-icon-close:before {
    content: '\e802'
}

.lightcase-icon-prev:before {
    content: '\e803'
}

.lightcase-icon-next:before {
    content: '\e804'
}

.lightcase-icon-spin:before {
    content: '\e805'
}

@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 640px) {
    html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important
    }
}

@media screen and (min-width: 641px) {
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -webkit-backface-visibility: hidden
    }

    html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
        background-color: #333
    }
}

html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width: 640px) {
    html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important
    }
}

html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 640px) {
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
        padding: 15px
    }

    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
        width: 100% !important;
        max-width: none !important
    }

    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > :not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > :not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > :not(iframe) {
        height: auto !important;
        max-height: none !important
    }
}

@media screen and (max-width: 640px) {
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 640px) and (min-width: 641px) {
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: .75
    }
}

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important
}

@media screen and (max-width: 640px) {
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important
    }
}

@media screen and (min-width: 641px) {
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (max-width: 640px) {
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #aaa
    }
}

@media screen and (min-width: 641px) {
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #333
    }
}

#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa
}

@media screen and (max-width: 640px) {
    #lightcase-case p.lightcase-error {
        padding: 30px 0
    }
}

@media screen and (min-width: 641px) {
    #lightcase-case p.lightcase-error {
        padding: 0
    }
}

.lightcase-open body {
    overflow: hidden
}

.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%
}

#lightcase-info {
    position: absolute;
    padding-top: 15px
}

#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: 400;
    text-overflow: ellipsis
}

#lightcase-info #lightcase-title {
    font-size: 17px;
    color: #aaa
}

@media screen and (max-width: 640px) {
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333
    }
}

#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa
}

#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa
}

@media screen and (max-width: 640px) {
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px
    }

    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static
    }
}

#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin .5s infinite linear;
    -moz-animation: lightcase-spin .5s infinite linear;
    -o-animation: lightcase-spin .5s infinite linear;
    animation: lightcase-spin .5s infinite linear
}

#lightcase-loading, #lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

#lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px
}

a[class*='lightcase-icon-'] {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer
}

a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px
}

a[class*='lightcase-icon-']:hover {
    color: #fff;
    text-shadow: 0 0 15px #fff
}

.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none
}

a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none
}

a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px
}

a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px
}

a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -.5em
}

@media screen and (min-width: 641px) {
    a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0
    }
}

@media screen and (max-width: 640px) {
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        font-size: 50px;
        margin-bottom: -.5em
    }
}

@media screen and (min-width: 641px) {
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -.5em
    }

    a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
        opacity: 1
    }
}

#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #333
}

@media screen and (max-width: 640px) {
    #lightcase-overlay {
        opacity: 1 !important
    }
}

.pagination ul.pagination-list, .page-links ul.pagination-list {
    margin-top: 25px
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li::after {
    display: inline-block;
    content: '»';
    margin: 0 1px 0 4px
}

.breadcrumb li.active::after {
    display: none
}

#main-bar .grid {
    padding-bottom: 15px
}

#lang-menu-mobile {
    display: none;
}

@media only all and (max-width: 47.938rem) {
    #lang-menu-mobile {
        display: block
    }
}