/* Generated by less 2.5.1 */
* {
  border: none;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  outline: 0px;
}
*:before,
*:after {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  min-height: 100%;
  font-size: 15px;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
input {
  outline: 0px;
}
.MixHid {
  opacity: 0;
  visibility: hidden;
}
.MixSho {
  opacity: 1;
  visibility: visible;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
/*
@font-face {
  font-family: 'lightcase';
  src: url("../fonts/lightcase.eot?55356177");
  src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
    /*font-family: 'lightcase', sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;  
  line-height: 1em;*/
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
    /*content: '\e800';*/
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
    /*content: '\e801';*/
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
    /*content: '\e802';*/
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
    /*content: '\e803';*/
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
    /*content: '\e804';*/
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
    /*content: '\e805';*/
}
/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-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);
    }
}
/* line 1, ../scss/components/modules/_case.scss */
#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: -1) {
    /* line 16, ../scss/components/modules/_case.scss */
    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 0;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important;
    }
}
@media screen and (min-width: 0) {
    /* line 4, ../scss/components/modules/_content.scss */
    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;
    }
}
@media screen and (min-width: 0) {
    /* line 23, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content,
    html[data-lc-type=video] #lightcase-content {
        background-color: #333;
    }
}
/* line 31, ../scss/components/modules/_content.scss */
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: -1) {
    /* line 31, ../scss/components/modules/_content.scss */
    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;
    }
}
/* line 43, ../scss/components/modules/_content.scss */
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: -1) {
    /* line 43, ../scss/components/modules/_content.scss */
    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;
    }
    /* line 52, ../scss/components/modules/_content.scss */
    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;
    }
    /* line 59, ../scss/components/modules/_content.scss */
    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: -1) {
    /* line 70, ../scss/components/modules/_content.scss */
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: -1) and (min-width: 0) {
    /* line 74, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: 0.75;
    }
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important;
}
@media screen and (max-width: -1) {
    /* line 91, ../scss/components/modules/_content.scss */
    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: 0) {
    /* line 100, ../scss/components/modules/_content.scss */
    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: -1) {
    /* line 117, ../scss/components/modules/_content.scss */
    #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: 0) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {
        color: #333;
    }
}
/* line 3, ../scss/components/modules/_error.scss */
#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: -1) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 30px 0;
    }
}
@media screen and (min-width: 0) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 0;
    }
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
    /*overflow: hidden;*/
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%;
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
    position: absolute;
    padding-top: 15px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
    font-size: 17px;
    color: #aaa;
}
@media screen and (max-width: -1) {
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333;
    }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa;
}
@media screen and (max-width: -1) {
    /* line 45, ../scss/components/modules/_info.scss */
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* line 51, ../scss/components/modules/_info.scss */
    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;
    }
}
/* line 1, ../scss/components/modules/_loading.scss */
#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: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    -moz-animation: lightcase-spin 0.5s infinite linear;
    -o-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading,
#lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px;
}
/* line 2, ../scss/components/modules/_navigation.scss */
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;*/
}
/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'],
a[class*='lightcase-icon-']:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
    color: white;
    text-shadow: 0 0 15px white;
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
    /*position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;*/
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause,
a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em;
}
@media screen and (min-width: 0) {
    /* line 38, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'].lightcase-icon-pause,
    a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0;
    }
}
@media screen and (max-width: -1) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 15px;
        font-size: 24px;
    }
}
@media screen and (min-width: 0) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -0.5em;
    }
    /* line 57, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-']:hover,
    #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
        opacity: 1;
    }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#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: -1) {
    /* line 1, ../scss/components/modules/_overlay.scss */
    #lightcase-overlay {
        opacity: 1 !important;
    }
}
@media all {
    html.with-featherlight {
        /*overflow: hidden*/
    }
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        padding: 40px 0px;
        background: #333;
        background: rgba(0, 0, 0, 0)
    }
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }
    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        /*border-bottom: 25px solid transparent;*/
        margin-left: 5%;
        margin-right: 5%;
        max-height: 100%;
        /*background: #fff;*/
        cursor: auto;
        white-space: normal
    }
    .featherlight .featherlight-inner {
        display: block
    }
    .featherlight link.featherlight-inner,
    .featherlight script.featherlight-inner,
    .featherlight style.featherlight-inner {
        display: none
    }
    .featherlight .featherlight-close-icon {
        /*position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: rgba(255, 255, 255, .3);
        color: #000;
        border: 0;
        padding: 0*/
    }
    .featherlight .featherlight-close-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    .featherlight .featherlight-image {
        width: 100%
    }
    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }
    .featherlight iframe {
        border: 0
    }
    .featherlight * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 100%;
    }
}
@media print {
    @page {
        size: landscape
    }
    html.with-featherlight>*>:not(.featherlight) {
        display: none
    }
}
.Wra {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.WraSti {
  display: table;
}
.WraSti .Footer {
  display: table-row;
  vertical-align: bottom;
  height: 1px;
}
.Sec {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
.Con {
  margin: 0px auto;
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1200px;
}
.Row {
  position: relative;
  z-index: 10;
}
.Row:before,
.Row:after {
  content: "";
  display: table;
}
.Row:after {
  clear: both;
}
.RowGap1 {
  margin-left: -1px;
  margin-right: -1px;
}
.RowGap1 > .Col {
  padding-left: 1px;
  padding-right: 1px;
}
.RowGap2 {
  margin-left: -2px;
  margin-right: -2px;
}
.RowGap2 > .Col {
  padding-left: 2px;
  padding-right: 2px;
}
.RowGap4 {
  margin-left: -4px;
  margin-right: -4px;
}
.RowGap4 > .Col {
  padding-left: 4px;
  padding-right: 4px;
}
.RowGap8 {
  margin-left: -8px;
  margin-right: -8px;
}
.RowGap8 > .Col {
  padding-left: 8px;
  padding-right: 8px;
}
.RowGap12 {
  margin-left: -12px;
  margin-right: -12px;
}
.RowGap12 > .Col {
  padding-left: 12px;
  padding-right: 12px;
}
.RowGap16 {
  margin-left: -16px;
  margin-right: -16px;
}
.RowGap16 > .Col {
  padding-left: 16px;
  padding-right: 16px;
}
.RowGap24 {
  margin-left: -24px;
  margin-right: -24px;
}
.RowGap24 > .Col {
  padding-left: 24px;
  padding-right: 24px;
}
.RowGap32 {
  margin-left: -32px;
  margin-right: -32px;
}
.RowGap32 > .Col {
  padding-left: 32px;
  padding-right: 32px;
}
.RowGap48 {
  margin-left: -48px;
  margin-right: -48px;
}
.RowGap48 > .Col {
  padding-left: 48px;
  padding-right: 48px;
}
.RowGap64 {
  margin-left: -64px;
  margin-right: -64px;
}
.RowGap64 > .Col {
  padding-left: 64px;
  padding-right: 64px;
}
.RowVerMid {
  display: table;
  width: 100%;
  height: 100%;
}
.RowVerMid > .Col {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.RowWidAut {
  display: inline-block;
}
.RowWidAut .Col {
  width: auto;
}
.Col {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
}
.Row.x2 > .Col {
  width: 50%;
}
.Row.x3 > .Col {
  width: 33.33333333333333%;
}
.Row.x4 > .Col {
  width: 25%;
}
.Row.x5 > .Col {
  width: 20%;
}
.Row.x6 > .Col {
  width: 16.66666667%;
}
.Row.x7 > .Col {
  width: 14.285714285714285714285714285714%;
}
.Row.x8 > .Col {
  width: 12.5%;
}
.Row.x9 > .Col {
  width: 11.111111111111111111111111111111%;
}
.Row.x10 > .Col {
  width: 10%;
}
.Col0 {
  width: auto;
}
.Col5 {
  width: 5%;
}
.Col10 {
  width: 10%;
}
.Col15 {
  width: 15%;
}
.Col20 {
  width: 20%;
}
.Col25 {
  width: 25%;
}
.Col30 {
  width: 30%;
}
.Col35 {
  width: 35%;
}
.Col40 {
  width: 40%;
}
.Col45 {
  width: 45%;
}
.Col50 {
  width: 50%;
}
.Col55 {
  width: 55%;
}
.Col60 {
  width: 60%;
}
.Col65 {
  width: 65%;
}
.Col70 {
  width: 70%;
}
.Col75 {
  width: 75%;
}
.Col80 {
  width: 80%;
}
.Col85 {
  width: 85%;
}
.Col90 {
  width: 90%;
}
.Col95 {
  width: 95%;
}
.Col100 {
  width: 100%;
}
.Hei100 {
  min-height: 100%;
}
.Hei50 {
  min-height: 50%;
}
.WidLar {
  max-width: 1200px;
}
.WidMed {
  max-width: 900px;
}
.WidSma {
  max-width: 600px;
}
.Wid100 {
  max-width: inherit;
  width: 100%;
}
.Wid50 {
  max-width: 50%;
}
.Pad1 {
  padding: 1px;
}
.Pad2 {
  padding: 2px;
}
.Pad4 {
  padding: 4px;
}
.Pad8 {
  padding: 8px;
}
.Pad12 {
  padding: 12px;
}
.Pad16 {
  padding: 16px;
}
.Pad24 {
  padding: 24px;
}
.Pad32 {
  padding: 32px;
}
.Pad48 {
  padding: 48px;
}
.Pad64 {
  padding: 64px;
}
.PadTop1 {
  padding-top: 1px;
}
.PadTop2 {
  padding-top: 2px;
}
.PadTop4 {
  padding-top: 4px;
}
.PadTop8 {
  padding-top: 8px;
}
.PadTop12 {
  padding-top: 12px;
}
.PadTop16 {
  padding-top: 16px;
}
.PadTop24 {
  padding-top: 24px;
}
.PadTop32 {
  padding-top: 32px;
}
.PadTop48 {
  padding-top: 48px;
}
.PadTop64 {
  padding-top: 64px;
}
.PadRig1 {
  padding-right: 1px;
}
.PadRig2 {
  padding-right: 2px;
}
.PadRig4 {
  padding-right: 4px;
}
.PadRig8 {
  padding-right: 8px;
}
.PadRig12 {
  padding-right: 12px;
}
.PadRig16 {
  padding-right: 16px;
}
.PadRig24 {
  padding-right: 24px;
}
.PadRig32 {
  padding-right: 32px;
}
.PadRig48 {
  padding-right: 48px;
}
.PadRig64 {
  padding-right: 64px;
}
.PadBot1 {
  padding-bottom: 1px;
}
.PadBot2 {
  padding-bottom: 2px;
}
.PadBot4 {
  padding-bottom: 4px;
}
.PadBot8 {
  padding-bottom: 8px;
}
.PadBot12 {
  padding-bottom: 12px;
}
.PadBot16 {
  padding-bottom: 16px;
}
.PadBot24 {
  padding-bottom: 24px;
}
.PadBot32 {
  padding-bottom: 32px;
}
.PadBot48 {
  padding-bottom: 48px;
}
.PadBot64 {
  padding-bottom: 64px;
}
.PadLef1 {
  padding-left: 1px;
}
.PadLef2 {
  padding-left: 2px;
}
.PadLef4 {
  padding-left: 4px;
}
.PadLef8 {
  padding-left: 8px;
}
.PadLef12 {
  padding-left: 12px;
}
.PadLef16 {
  padding-left: 16px;
}
.PadLef32 {
  padding-left: 32px;
}
.PadLef48 {
  padding-left: 48px;
}
.PadLef64 {
  padding-left: 64px;
}
.PadTopBot1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.PadTopBot2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.PadTopBot4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.PadTopBot8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.PadTopBot12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.PadTopBot16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.PadTopBot24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.PadTopBot32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.PadTopBot48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.PadTopBot64 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.PadLefRig1 {
  padding-left: 1px;
  padding-right: 1px;
}
.PadLefRig2 {
  padding-left: 2px;
  padding-right: 2px;
}
.PadLefRig4 {
  padding-left: 4px;
  padding-right: 4px;
}
.PadLefRig8 {
  padding-left: 8px;
  padding-right: 8px;
}
.PadLefRig12 {
  padding-left: 12px;
  padding-right: 12px;
}
.PadLefRig16 {
  padding-left: 16px;
  padding-right: 16px;
}
.PadLefRig24 {
  padding-left: 24px;
  padding-right: 24px;
}
.PadLefRig32 {
  padding-left: 32px;
  padding-right: 32px;
}
.PadLefRig48 {
  padding-left: 48px;
  padding-right: 48px;
}
.PadLefRig64 {
  padding-left: 64px;
  padding-right: 64px;
}
.MarTop1 {
  margin-top: 1px;
}
.MarTop2 {
  margin-top: 2px;
}
.MarTop4 {
  margin-top: 4px;
}
.MarTop8 {
  margin-top: 8px;
}
.MarTop12 {
  margin-top: 12px;
}
.MarTop16 {
  margin-top: 16px;
}
.MarTop24 {
  margin-top: 24px;
}
.MarTop32 {
  margin-top: 32px;
}
.MarTop48 {
  margin-top: 48px;
}
.MarTop64 {
  margin-top: 64px;
}
.MarRig1 {
  margin-right: 1px;
}
.MarRig2 {
  margin-right: 2px;
}
.MarRig4 {
  margin-right: 4px;
}
.MarRig8 {
  margin-right: 8px;
}
.MarRig12 {
  margin-right: 12px;
}
.MarRig16 {
  margin-right: 16px;
}
.MarRig24 {
  margin-right: 24px;
}
.MarRig32 {
  margin-right: 32px;
}
.MarRig48 {
  margin-right: 48px;
}
.MarRig64 {
  margin-right: 64px;
}
.MarBot1 {
  margin-bottom: 1px;
}
.MarBot2 {
  margin-bottom: 2px;
}
.MarBot4 {
  margin-bottom: 4px;
}
.MarBot8 {
  margin-bottom: 8px;
}
.MarRig12 {
  margin-right: 12px;
}
.MarBot16 {
  margin-bottom: 16px;
}
.MarRig24 {
  margin-right: 24px;
}
.MarBot32 {
  margin-bottom: 32px;
}
.MarRig48 {
  margin-right: 48px;
}
.MarBot64 {
  margin-bottom: 64px;
}
.MarLef1 {
  margin-left: 1px;
}
.MarLef2 {
  margin-left: 2px;
}
.MarLef4 {
  margin-left: 4px;
}
.MarLef8 {
  margin-left: 8px;
}
.MarLef12 {
  margin-left: 12px;
}
.MarLef16 {
  margin-left: 16px;
}
.MarLef24 {
  margin-left: 24px;
}
.MarLef32 {
  margin-left: 32px;
}
.MarLef48 {
  margin-left: 48px;
}
.MarLef64 {
  margin-left: 64px;
}
.MarTopBot1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.MarTopBot2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.MarTopBot4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.MarTopBot8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.MarTopBot12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.MarTopBot16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.MarTopBot24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.MarTopBot32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.MarTopBot48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.MarTopBot64 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.MarlefRig1 {
  margin-left: 1px;
  margin-right: 1px;
}
.MarlefRig2 {
  margin-left: 2px;
  margin-right: 2px;
}
.MarlefRig4 {
  margin-left: 4px;
  margin-right: 4px;
}
.MarlefRig8 {
  margin-left: 8px;
  margin-right: 8px;
}
.MarlefRig12 {
  margin-left: 12px;
  margin-right: 12px;
}
.MarlefRig16 {
  margin-left: 16px;
  margin-right: 16px;
}
.MarlefRig24 {
  margin-left: 24px;
  margin-right: 24px;
}
.MarlefRig32 {
  margin-left: 32px;
  margin-right: 32px;
}
.MarlefRig48 {
  margin-left: 48px;
  margin-right: 48px;
}
.MarlefRig64 {
  margin-left: 64px;
  margin-right: 64px;
}
.WraLog {
  padding-top: 0px;
}
.SecLogin {
  height: 100%;
}
.SecLogin .Con {
  text-align: center;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.SecLogin .ColB {
  padding-left: 12%;
  padding-right: 12%;
}
.WraLog .Header,
.WraLog .Footer {
  display: none;
}
.WraCms {
  background: #f9f9f9;
  padding-top: 60px;
  padding-left: 264px;
}
.WraCms .Header,
.WraCms .Footer {
  display: none;
}
.Cms .Top {
  display: inline-block;
  position: fixed;
  z-index: 99998;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #fff;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.Cms .Top .BoxNav > ul {
  display: inline-block;
  float: right;
}
.Cms .Top .BoxNav .BoxDro > a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}
.Cms .Sid .BoxTit {
  background: #1d1f23;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  width: 2000px;
  padding: 0px 16px;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
.Cms .Sid .BoxTit h1 {
  display: inline-block;
  line-height: 1;
  color: #b8bcc5;
  text-transform: none;
  font-weight: 700;
}
.Cms .Sid .BoxTit h1:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  background: #2fcdd9;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Cms .Sid .Nav {
  display: inline-block;
  position: fixed;
  z-index: 99999;
  overflow-y: auto;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 264px;
  background: #222429;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.Cms .Sid .BoxNav ul li {
  position: relative;
}
.Cms .Sid .BoxNav ul li a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  width: 2000px;
  padding-left: 48px;
  padding-right: 64px;
  color: #b8bcc5;
  text-align: left;
}
.Cms .Sid .BoxNav ul li li a {
  padding-left: 48px;
}
.Cms .Sid .BoxNav ul li li li a {
  padding-left: 48px;
}
.Cms .Sid .BoxNav ul li a i {
  position: absolute;
  left: 16px;
  top: 0px;
  font-size: 17px;
  line-height: 60px;
}
.Cms .Sid .BoxNav ul li ul {
  display: none;
}
.Cms .Sid .NavArr {
  display: inline-block;
}
.Cms .Mai {
  position: relative;
  z-index: 1;
}
.Sid::-webkit-scrollbar-track {
  background-color: #222429;
}
.Sid::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.Sid::-webkit-scrollbar-thumb {
  background-color: #000000;
}
* {
  font-family: 'Open Sans';
  font-size: 15px;
  color: #555555;
}
body {
  position: relative;
  height: 100%;
  min-height: 100%;
  background: #fff;
  overflow-y: scroll;
}
a,
a:active {
  text-decoration: none;
  outline: 0px;
}
p {
  position: relative;
  width: 100%;
  line-height: 1.6;
}
p span {
  vertical-align: baseline;
}
b,
strong {
  font-weight: 600;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
h1,
.H1,
h2,
.H2,
h3,
.H3,
h4,
.H4,
h5,
.H5,
h6,
.H6 {
  font-family: 'Lato';
  position: relative;
  font-weight: normal;
  color: #1b1b1b;
}
h1,
.H1 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 8px;
}
h2,
.H2 {
  line-height: 1.2;
}
h3,
.H3 {
  line-height: 1.2;
}
h4,
.H4 {
  line-height: 1.2;
}
h5,
.H5 {
  line-height: 1.2;
}
h6,
.H6 {
  line-height: 1.2;
}
.TexSmax,
.TexSmax p {
  font-size: 10px;
  line-height: 1.4;
}
.TexSma,
.TexSma p {
  font-size: 13px;
  line-height: 1.6;
}
.TexLar,
.TexLar p {
  font-size: 17px;
}
.TexUpp,
.TexUpp p {
  text-transform: uppercase;
}
.TexLow,
.TexLow p {
  text-transform: lowercase;
}
.TexCap {
  text-transform: capitalize;
}
.TexCen,
.TexCen .Typ {
  text-align: center;
}
.TexCen .Typ ul {
  display: inline-block;
  padding: 0px;
}
.TexCen .Typ ul li {
  display: inline-block;
  width: 100%;
}
.TexCen .Typ ul li:before {
  position: relative;
  top: 0px;
  left: -16px;
  vertical-align: middle;
}
.TexCen img {
  margin: auto;
}
.TexRig {
  text-align: right;
}
.TexLef {
  text-align: left;
}
.TexJus {
  text-align: justify;
}
.BoxTit {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.BoxTyp {
  text-align: left;
}
.BoxTyp p {
  margin-bottom: 12px;
}
.BoxTyp p b,
.BoxTyp p strong {
  font-weight: 600;
}
.BoxTyp p + h1,
.BoxTyp p + h2,
.BoxTyp p + h3,
.BoxTyp p + h4,
.BoxTyp p + h5,
.BoxTyp p + h6 {
  margin-top: 32px;
}
.BoxTyp p + ul {
  margin-top: 0px;
}
.BoxTyp ul,
.BoxTyp ol {
  display: table;
  margin: 16px 0px 16px 0px;
  padding: 0px 0px 0px 16px;
  list-style: none;
}
.BoxTyp ul li,
.BoxTyp ol li {
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 4px 0px;
  line-height: 1.8;
}
.BoxTyp ul li:last-child,
.BoxTyp ol li:last-child {
  margin-bottom: 0px;
}
.BoxTyp ul + h1,
.BoxTyp ol + h1,
.BoxTyp ul + h2,
.BoxTyp ol + h2,
.BoxTyp ul + h3,
.BoxTyp ol + h3,
.BoxTyp ul + h4,
.BoxTyp ol + h4,
.BoxTyp ul + h5,
.BoxTyp ol + h5,
.BoxTyp ul + h6,
.BoxTyp ol + h6 {
  margin-top: 32px;
}
.BoxTyp ul li:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 12px;
  left: -16px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #2fcdd9;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.BoxTyp ol li {
  counter-increment: item;
}
.BoxTyp ol li:before {
  content: counter(item) ".";
  position: absolute;
  z-index: 10;
  top: 0px;
  left: -16px;
}
.BoxTyp img {
  margin: 24px 0px 24px 0px;
}
.BoxTyp a {
  color: #2fcdd9;
}
.BoxTyp a:hover {
  text-decoration: underline;
}
.BoxTyp table {
  margin: 32px 0px 32px 0px;
}
.BoxFor {
  position: relative;
  z-index: 10;
  display: inline-block;
  border: 1px solid #e0e0e0;
  background: none;
}
.BoxFor input[type="text"],
.BoxFor textarea,
.BoxFor select {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 0px 16px;
  margin: 0px 0px 0px 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.BoxFor input[type="text"]::-webkit-input-placeholder,
.BoxFor textarea::-webkit-input-placeholder,
.BoxFor select::-webkit-input-placeholder {
  color: #888888;
}
.BoxFor input[type="text"]::-moz-placeholder,
.BoxFor textarea::-moz-placeholder,
.BoxFor select::-moz-placeholder {
  color: #888888;
}
.BoxFor input[type="text"]:-ms-input-placeholder,
.BoxFor textarea:-ms-input-placeholder,
.BoxFor select:-ms-input-placeholder {
  color: #888888;
}
.BoxFor input[type="text"]:-moz-placeholder,
.BoxFor textarea:-moz-placeholder,
.BoxFor select:-moz-placeholder {
  color: #888888;
}
.BoxFor.BoxForTex {
  display: inline-block;
  width: 100%;
}
.BoxFor.BoxForTex textarea {
  height: auto;
  resize: vertical;
  padding-top: 12px;
  padding-bottom: 12px;
}
.BoxFor.BoxForSel {
  display: inline-block;
  width: 100%;
}
.BoxFor.BoxForSel select {
  cursor: pointer;
}
.BoxFor.BoxForSel select::-ms-expand {
  display: none;
}
.BoxFor.BoxForSel span {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: inline-block;
  width: 36px;
  text-align: center;
}
.BoxFor.BoxForSel span i {
  line-height: 36px;
}
.BoxFor.BoxForBut {
  cursor: pointer;
  background: #e9e9e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-border-radius: 24px 24px;
  -ms-border-radius: 24px 24px;
  -o-border-radius: 24px 24px;
  -webkit-border-radius: 24px 24px;
  border-radius: 24px 24px;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.BoxFor.BoxForBut:hover {
  background: #d5d5d5;
}
.BoxFor.BoxForBut input[type="file"] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.BoxFor.BoxForBut label {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  cursor: pointer;
}
.BoxFor.BoxForBut span {
  display: table-cell;
  vertical-align: middle;
  min-width: 150px;
  height: 36px;
  text-align: center;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.BoxFor.BoxForBut span i {
  vertical-align: baseline;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.BoxFor.BoxForBut.StySqu span {
  min-width: inherit;
  width: 36px;
}
.BoxFor.BoxForBut.StyCir {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.BoxFor.BoxForBut.StyCir span {
  min-width: inherit;
  width: 36px;
  display: inline-block;
  line-height: 36px;
}
.BoxFor.BoxForBut.StySma span {
  height: 30px;
}
.BoxFor.BoxForBut.StySma.StySqu span {
  min-width: inherit;
  width: 30px;
}
.BoxFor.BoxForBut.StySma.StyCir span {
  width: 30px;
  line-height: 30px;
}
.BoxFor.BoxForBut.StyLar span {
  height: 50px;
}
.BoxFor.BoxForBut.StyLar.StySqu span {
  min-width: inherit;
  width: 50px;
}
.BoxFor.BoxForBut.StyLar.StyCir span {
  width: 50px;
  line-height: 50px;
}
.BoxFor.BoxForBut.Sty100 {
  width: 100%;
}
.BoxFor.BoxForBut.Sty100 span {
  min-width: inherit;
  width: 2000px;
}
.BoxFor.BoxForBut.StyPri {
  background: #2fcdd9;
  border-color: #2fcdd9;
}
.BoxFor.BoxForBut.StyPri:hover {
  background: #22b2bd !important;
  border-color: #22b2bd;
}
.BoxFor.BoxForBut.StyPri span {
  color: #fff;
}
.BoxFor.BoxForBut.StyPri span i {
  color: #fff;
}
.BoxFor.BoxForBut.StySec {
  background: #6746a7;
  border-color: #6746a7;
}
.BoxFor.BoxForBut.StySec:hover {
  background: #553a8a !important;
  border-color: #553a8a;
}
.BoxFor.BoxForBut.StySec span {
  color: #fff;
}
.BoxFor.BoxForBut.StySec span i {
  color: #fff;
}
.BoxFor.BoxForBut.StyBor {
  background: none;
}
.BoxFor.BoxForBut.StyBor:hover {
  border-color: #d5d5d5;
}
.BoxFor.BoxForBut.StyBor.StyPri span {
  color: #2fcdd9;
}
.BoxFor.BoxForBut.StyBor.StyPri:hover span {
  color: #fff;
}
.BoxFor.BoxForBut.StyBor.StySec span {
  color: #6746a7;
}
.BoxFor.BoxForBut.StyBor.StySec:hover span {
  color: #fff;
}
.BoxFor.BoxForRad,
.BoxFor.BoxForChe {
  border: none;
  position: relative;
}
.BoxFor.BoxForRad input,
.BoxFor.BoxForChe input {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
}
.BoxFor.BoxForRad input:checked + span i:before,
.BoxFor.BoxForChe input:checked + span i:before {
  opacity: 1;
  visibility: visible;
}
.BoxFor.BoxForRad label,
.BoxFor.BoxForChe label {
  position: absolute;
  z-index: 10;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  cursor: pointer;
}
.BoxFor.BoxForRad span,
.BoxFor.BoxForChe span {
  padding-left: 24px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
}
.BoxFor.BoxForRad span i,
.BoxFor.BoxForChe span i {
  position: absolute;
  left: 0px;
  top: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  text-align: center;
  border: 2px solid #e0e0e0;
}
.BoxFor.BoxForRad span i {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.BoxFor.BoxForRad span i:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #2fcdd9;
  opacity: 0;
  visibility: hidden;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.BoxFor.BoxForChe span i:before {
  position: relative;
  z-index: 1;
  top: -4px;
  left: 0px;
  font-size: 18px;
  color: #2fcdd9;
  opacity: 0;
  visibility: hidden;
  text-shadow: 0px -1px 0px #2fcdd9;
}
.BoxFil {
  position: relative;
}
.BoxFil .FilNam,
.BoxFil .FilIma {
  display: none !important;
}
.BoxFil .FilInf {
  padding: 8px 25%;
  border: 1px dashed #e0e0e0;
  line-height: 0;
  text-align: center;
}
.BoxFil .FilInf i {
  font-size: 32px;
  color: #b8bcc5;
}
.BoxFil .FilInf img {
  line-height: 0;
  margin: auto;
}
.BoxFil.active .FilNamCur,
.BoxFil.active .FilImaCur {
  display: none !important;
}
.BoxFil.active .FilNam,
.BoxFil.active .FilIma {
  display: inline-block !important;
}
.BoxFil.active .FilInf i {
  display: none;
}
.BoxDro .DroInf {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 180px;
  background: orange;
  margin-top: 8px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.BoxDro .DroInf ul {
  display: inline-block;
  padding: 8px 8px;
}
.BoxDro .DroInf ul li {
  display: inline-block;
  width: 100%;
}
.BoxDro .DroInf ul li a {
  display: table-cell;
  vertical-align: middle;
  height: 32px;
  width: 2000px;
  padding: 0px 8px;
}
.BoxDro.active .DroInf {
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.BoxBre {
  position: relative;
  display: inline-block;
  width: 100%;
}
.BoxBre ul {
  display: inline-block;
}
.BoxBre ul li {
  position: relative;
  display: inline-block;
  float: left;
}
.BoxBre ul li:after {
  content: "\f112";
  display: inline-block;
  font: normal normal normal 16px/1 "LineAwesome";
  font-size: inherit;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  padding: 0px 4px;
}
.BoxBre ul li:last-child:after {
  display: none;
}
.BoxBre ul li a {
  display: inline-block;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.BoxIte {
  display: inline-block;
  width: 100%;
}
.BoxIte:hover .BoxOve {
  opacity: 1;
  visibility: visible;
}
.IteIma {
  position: relative;
  display: inline-block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.IteTex {
  position: relative;
}
.BoxOve {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: visible;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.BoxOve:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #222429;
  opacity: .8;
}
.OveTab {
  position: relative;
  z-index: 10;
  display: table;
  width: 100%;
  height: 100%;
}
.OveCel {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0px 16px 0px 16px;
}
.BoxGal {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0px auto 0px auto;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.BoxCar {
  position: relative;
  text-align: center;
}
.BoxCar .slick-list {
  margin-left: -2px;
  margin-right: -2px;
}
.BoxCar .slick-slide {
  padding: 0px 2px;
}
table {
  border-collapse: collapse;
  border: 0px;
  border-spacing: 0px;
  width: 100%;
}
table tr th {
  font-weight: normal;
  text-align: left;
  border: 1px solid #e0e0e0;
  padding: 8px 16px;
  background: #f9f9f9;
}
table tr td {
  border: 1px solid #e0e0e0;
  padding: 8px 16px;
  font-size: 13px;
}
table tr th,
table tr td {
  vertical-align: middle;
}
.BoxTabRes table .Th {
  display: none;
  font-weight: 600;
}
.BoxTabDat table {
  margin-top: 16px;
  margin-bottom: 16px;
}
.BoxPag {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.BoxPagRig {
  text-align: right;
}
.BoxPag ul {
  display: inline-block;
  margin: auto;
}
.BoxPag ul li {
  display: inline-block;
  float: left;
  margin: 0px 2px 0px 2px;
}
.BoxPag ul li.active a span {
  background: #2fcdd9;
  color: #fff;
}
.BoxVid {
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.BoxVid video {
  max-width: 100%;
  height: auto;
}
.BoxMap {
  margin: 0px 0px 0px 0px;
  background: #fff;
  width: 100%;
  height: 480px;
}
.BoxMap iframe {
  width: 100%;
  height: 100%;
}
.BoxMap label {
  width: auto;
  display: inline;
}
.BoxMap img {
  max-width: none;
}
.BoxPop {
  display: none;
  padding: 32px 32px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.LinInf {
  cursor: pointer;
}
.BoxInf {
  display: none;
  opacity: 0;
  position: relative;
  padding-right: 32px;
  padding-left: 16px;
  margin-top: 32px;
  background: #ffffff;
  border: 1px solid #ececec;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.InfTex {
  display: table-cell;
  width: 2000px;
  height: 40px;
  vertical-align: middle;
  text-align: left;
  padding: 8px 0px;
}
.BoxInf .InfClo {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  width: 40px;
  text-align: center;
}
.BoxInf .InfClo:hover i {
  color: #2fcdd9;
}
.BoxInf .InfClo i {
  width: 100%;
  line-height: 40px;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.BoxInf.active {
  display: inline-block;
  opacity: 1;
}
.AccTit {
  position: relative;
  cursor: pointer;
  margin-bottom: 16px;
}
.AccTit h3 {
  position: relative;
  margin: 0px;
  padding-top: 16px;
  padding-right: 64px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ececec;
}
.AccTit span {
  position: absolute;
  top: 0px;
  right: 0px;
}
.AccTit.active h3 {
  color: #2fcdd9;
}
.AccTit.active span {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.AccInf {
  display: none;
  padding: 16px 0px;
}
.BoxTabAcc .AccTit {
  display: none;
}
.BoxTab {
  display: inline-block;
  width: 100%;
}
.TabTit {
  display: inline-block;
  float: left;
  margin-right: 2px;
  background: #efefef;
  padding: 16px 16px;
  cursor: pointer;
}
.TabTit h3 {
  margin: 0px;
}
.TabTit.active {
  background: #2fcdd9;
}
.TabTit.active h3 {
  color: #fff;
}
.BacGre,
.BacDar {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.BacPri {
  background: #2fcdd9;
}
.BacSec {
  background: #6746a7;
}
.BacLig {
  background: #f9f9f9;
}
.BacDar {
  background: #222429;
}
.BacHerLig,
.BacHerDar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.BacHerLig:before,
.BacHerDar:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: .95;
}
.BacHerLig:before {
  background: #f9f9f9;
}
.BacHerDar:before {
  background: #222429;
}
.ArrTop,
.ArrRig,
.ArrBot,
.ArrLef {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  cursor: pointer;
  background: none;
  font-size: 0px;
}
.ArrTop:before,
.ArrRig:before,
.ArrBot:before,
.ArrLef:before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border: 3px solid #e0e0e0;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.ArrTop:hover:before,
.ArrRig:hover:before,
.ArrBot:hover:before,
.ArrLef:hover:before {
  border-color: #2fcdd9;
}
.ArrLef,
.ArrRig {
  top: 50%;
  margin-top: -20px;
  width: 20px;
  height: 40px;
}
.ArrLef:before,
.ArrRig:before {
  top: 50%;
}
.ArrLef {
  left: 10px;
}
.ArrLef:before {
  left: 0px;
  transform-origin: top left;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ArrRig {
  right: 10px;
}
.ArrRig:before {
  right: 0px;
  transform-origin: top right;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ArrTop,
.ArrBot {
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 20px;
}
.ArrTop:before,
.ArrBot:before {
  left: 50%;
}
.ArrTop {
  top: 10px;
}
.ArrTop:before {
  top: 0px;
  transform-origin: left top;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ArrBot {
  bottom: 10px;
}
.ArrBot:before {
  bottom: 0px;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ArrClo {
  position: fixed;
  z-index: 9999;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
}
.ArrClo:before,
.ArrClo:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 200px;
  margin-top: -100px;
  border: 1.5px solid #fff;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.ArrClo:before {
  left: 50%;
  margin-left: -1.5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ArrClo:after {
  right: 50%;
  margin-right: -1.5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ArrClo:hover:before,
.ArrClo:hover:after {
  border-color: #2fcdd9;
}
.ArrBotAni {
  -moz-animation: ArrBotAni 2s infinite ease-in-out;
  -ms-animation: ArrBotAni 2s infinite ease-in-out;
  -o-animation: ArrBotAni 2s infinite ease-in-out;
  -webkit-animation: ArrBotAni 2s infinite ease-in-out;
  animation: ArrBotAni 2s infinite ease-in-out;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
@-ms-keyframes ArrBotAni {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 15px;
  }
  100% {
    bottom: 20px;
  }
}
@-moz-keyframes ArrBotAni {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 15px;
  }
  100% {
    bottom: 20px;
  }
}
@-webkit-keyframes ArrBotAni {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 15px;
  }
  100% {
    bottom: 20px;
  }
}
@keyframes ArrBotAni {
  0% {
    bottom: 20px;
  }
  50% {
    bottom: 15px;
  }
  100% {
    bottom: 20px;
  }
}
.Hea {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  right: 0px;
  display: inline-block;
  width: 100%;
  background: #fff;
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.Hea .Con {
  position: relative;
}
.HeaBra .BoxLog {
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 32px;
}
.HeaBra .BoxLog span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 60px;
  text-align: center;
  padding: 0px 0px 0px 0px;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.HeaBra .BoxLog span img {
  max-height: 50px;
  margin: auto;
}
.HeaNav .BoxNav {
  display: inline-block;
  width: 100%;
}
.HeaNav .BoxNav ul {
  display: inline-block;
}
.HeaNav .BoxNav ul li {
  display: inline-block;
  width: 100%;
  position: relative;
}
.HeaNav .BoxNav ul li a {
  display: table-cell;
  width: 2000px;
  vertical-align: middle;
  height: 60px;
  padding: 0px 16px 0px 16px;
}
.HeaNav .BoxNav ul li > a {
  width: auto;
}
.HeaNav .BoxNav ul li ul {
  display: inline-block;
  width: 200px;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0px;
  background: #fff;
  margin-top: 8px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.HeaNav .BoxNav ul li:hover ul {
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.HeaNav .BoxNav > ul {
  float: right;
}
.HeaNav .BoxNav > ul > li {
  float: left;
  width: auto;
}
.NavArr {
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0px;
  height: 60px;
  width: 60px;
  display: none;
  padding-right: 16px;
  text-align: right;
}
.NavArr i {
  font-size: 19px;
  line-height: 60px;
}
.NavArr.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.SecSli {
  position: relative;
  z-index: 10;
  height: 100%;
  overflow: hidden;
}
.BoxSli {
  height: 100% !important;
  position: relative;
}
.BoxSli .slick-list,
.BoxSli .slick-track,
.BoxSli .slick-slide,
.BoxSli .slick-slide > div,
.BoxSli .slick-slide > div > div {
  height: 100% !important;
}
.BoxSli .slick-slide .Con {
  display: table;
  height: 100%;
  width: 100%;
}
.SliImg,
.SliVid {
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: url("../img/img-login.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.SliVid video {
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  min-width: 100%;
  min-height: 100%;
}
.SliTex {
  position: relative;
  z-index: 10;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}
.SliTex .H1 {
  left: 8px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.SliTex p {
  color: #fff;
  left: 8px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all ease-in-out 0.1s;
  -ms-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.slick-active .SliTex .H1 {
  left: 0px;
  opacity: 1;
  visibility: visible;
  -moz-transition: all ease-in-out 0.9s 1s;
  -ms-transition: all ease-in-out 0.9s 1s;
  -o-transition: all ease-in-out 0.9s 1s;
  -webkit-transition: all ease-in-out 0.9s 1s;
  transition: all ease-in-out 0.9s 1s;
}
.slick-active .SliTex p {
  left: 0px;
  opacity: 1;
  visibility: visible;
  -moz-transition: all ease-in-out 0.9s 1s;
  -ms-transition: all ease-in-out 0.9s 1s;
  -o-transition: all ease-in-out 0.9s 1s;
  -webkit-transition: all ease-in-out 0.9s 1s;
  transition: all ease-in-out 0.9s 1s;
}
.WraInt .SecSli {
  height: 35% !important;
}
.slick-dots {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  display: inline-block;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  padding: 0px 2px;
  vertical-align: baseline;
}
.slick-dots li button {
  display: inline-block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  font-size: 0px;
  background: #e9e9e9;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all ease-in-out 0.3s 0s;
  -ms-transition: all ease-in-out 0.3s 0s;
  -o-transition: all ease-in-out 0.3s 0s;
  -webkit-transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
.slick-dots li.slick-active button {
  background: #2fcdd9;
}
.Foo {
  position: relative;
  width: 100%;
}
.SecCop {
  background: #222429;
}
.SecCop p,
.SecCop a {
  font-family: Arial;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.SecCop p {
  display: table-cell;
  vertical-align: middle;
  width: 2000px;
  height: 30px;
}
.SecCop a {
  display: inline-block;
}
.SecCop a img {
  vertical-align: middle;
}
#lightcase-overlay {
  background: rgba(32, 32, 32, 0.95);
}
.lightcase-icon-close,
.lightcase-icon-prev,
.lightcase-icon-next {
  position: fixed;
}
.lightcase-icon-close span,
.lightcase-icon-prev span,
.lightcase-icon-next span {
  font-size: 0px;
}
#lightcase-sequenceInfo {
  color: #fff;
}
#lightcase-title {
  color: #fff;
}
.featherlight:last-of-type {
  display: none;
}
.featherlight {
  background: rgba(32, 32, 32, 0.95);
}
.SecPro {
  position: static;
}
.SecPro .Con {
  position: static;
  padding: 0px;
}
.RowPro {
  position: static;
  padding-left: 50%;
}
.RowPro .ColB {
  padding: 48px 48px 0px 48px;
}
.RowPro .ProImg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.RowPro .ProImg .Img {
  display: none;
}
.RowPro .ProImg .Logo {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.RowPro .ProPri {
  font-size: 24px;
  padding-top: 4px;
}
@media (min-width: 0px) and (max-width: 1240px) {
  .RowPro {
    position: relative;
  }
  .RowPro .ColB {
    padding: 32px;
  }
  .RowPro .ProPri {
    text-align: right;
  }
}
@media (min-width: 0px) and (max-width: 740px) {
  .RowPro {
    padding: 0px;
  }
  .RowPro .ProImg {
    position: relative;
    width: 100%;
  }
  .RowPro .ProImg .Img {
    display: inline-block;
  }
  .RowPro .ProImg .Logo {
    width: 120px;
  }
  .RowPro .ColB {
    padding: 16px;
  }
}
.unit {
  float: left;
}
.rtl .unit {
  float: right;
}