@font-face {
    font-family: "icomoon";
    src: url("./../fonts/icomoon5b10.ttf?h7kkm8") format("truetype"),
        url("./../fonts/icomoon5b10.woff?h7kkm8") format("woff"),
        url("fonts/icomoon5b10.svg?h7kkm8#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icomoon-"],
[class*=" icomoon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icomoon-icoStop:before {
    content: "\e935";
    color: #1B8C42;
}

.icomoon-ico40:before {
    content: "\e936";
}

.icomoon-ico39:before {
    content: "\e937";
}

.icomoon-ico38:before {
    content: "\e938";
}

.icomoon-ico37:before {
    content: "\e939";
}

.icomoon-ico36:before {
    content: "\e93a";
}

.icomoon-ico34:before {
    content: "\e93b";
}

.icomoon-ico35:before {
    content: "\e93c";
}

.icomoon-ico33:before {
    content: "\e93d";
}

.icomoon-ico32:before {
    content: "\e900";
}

.icomoon-ico29:before {
    content: "\e901";
}

.icomoon-ico30:before {
    content: "\e902";
}

.icomoon-ico31:before {
    content: "\e903";
}

.icomoon-arrowUp:before {
    content: "\e904";
}

.icomoon-arrowLeft:before {
    content: "\e905";
}

.icomoon-arrowDown:before {
    content: "\e906";
}

.icomoon-arrowRight:before {
    content: "\e907";
}

.icomoon-telRcv:before {
    content: "\e908";
}

.icomoon-clock:before {
    content: "\e909";
}

.icomoon-ico1:before {
    content: "\e90a";
}

.icomoon-ico2:before {
    content: "\e90b";
}

.icomoon-ico3:before {
    content: "\e90c";
}

.icomoon-ico4:before {
    content: "\e90d";
}

.icomoon-ico5:before {
    content: "\e90e";
}

.icomoon-ico6:before {
    content: "\e90f";
}

.icomoon-ico7:before {
    content: "\e910";
}

.icomoon-ico8:before {
    content: "\e911";
}

.icomoon-ico9:before {
    content: "\e912";
}

.icomoon-ico10:before {
    content: "\e913";
}

.icomoon-document:before {
    content: "\e914";
}

.icomoon-location:before {
    content: "\e915";
}

.icomoon-chat:before {
    content: "\e916";
}

.icomoon-search:before {
    content: "\e917";
}

.icomoon-ico12:before {
    content: "\e918";
}

.icomoon-ico13:before {
    content: "\e919";
}

.icomoon-ico14:before {
    content: "\e91a";
}

.icomoon-ico15:before {
    content: "\e91b";
}

.icomoon-ico16:before {
    content: "\e91c";
}

.icomoon-ico17:before {
    content: "\e91d";
}

.icomoon-ico18:before {
    content: "\e91e";
}

.icomoon-ico19:before {
    content: "\e91f";
}

.icomoon-ico11:before {
    content: "\e920";
}

.icomoon-pdf:before {
    content: "\e921";
}

.icomoon-checko:before {
    content: "\e922";
}

.icomoon-helpo:before {
    content: "\e923";
}

.icomoon-chatq:before {
    content: "\e924";
}

.icomoon-helpc:before {
    content: "\e925";
}

.icomoon-ico21:before {
    content: "\e926";
}

.icomoon-ico22:before {
    content: "\e927";
}

.icomoon-ico20:before {
    content: "\e928";
}

.icomoon-ico23:before {
    content: "\e929";
}

.icomoon-ico26:before {
    content: "\e92a";
}

.icomoon-ico24:before {
    content: "\e92b";
}

.icomoon-ico25:before {
    content: "\e92c";
}

.icomoon-ico27:before {
    content: "\e92d";
}

.icomoon-ico28:before {
    content: "\e92e";
}

.icomoon-jpg:before {
    content: "\e92f";
}

.icomoon-doc:before {
    content: "\e930";
}

.icomoon-calendar:before {
    content: "\e931";
}

.icomoon-clocko:before {
    content: "\e932";
}

.icomoon-locationpin:before {
    content: "\e933";
}

.icomoon-share:before {
    content: "\e934";
}

img {
    max-width: 100%;
    height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form input[type="tel"],
.search-form input[type="tel"],
.post-password-form input[type="tel"],
.comment-form input[type="email"],
.search-form input[type="email"],
.post-password-form input[type="email"],
.comment-form input[type="search"],
.search-form input[type="search"],
.post-password-form input[type="search"],
.comment-form input[type="password"],
.search-form input[type="password"],
.post-password-form input[type="password"],
.comment-form input[type="url"],
.search-form input[type="url"],
.post-password-form input[type="url"],
.comment-form input[type="date"],
.search-form input[type="date"],
.post-password-form input[type="date"],
.comment-form textarea,
.search-form textarea,
.post-password-form textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999;
    padding: 0.5em 0.7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form input[type="tel"]:focus,
.search-form input[type="tel"]:focus,
.post-password-form input[type="tel"]:focus,
.comment-form input[type="email"]:focus,
.search-form input[type="email"]:focus,
.post-password-form input[type="email"]:focus,
.comment-form input[type="search"]:focus,
.search-form input[type="search"]:focus,
.post-password-form input[type="search"]:focus,
.comment-form input[type="password"]:focus,
.search-form input[type="password"]:focus,
.post-password-form input[type="password"]:focus,
.comment-form input[type="url"]:focus,
.search-form input[type="url"]:focus,
.post-password-form input[type="url"]:focus,
.comment-form input[type="date"]:focus,
.search-form input[type="date"]:focus,
.post-password-form input[type="date"]:focus,
.comment-form textarea:focus,
.search-form textarea:focus,
.post-password-form textarea:focus {
    border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form input[type="tel"]::-webkit-input-placeholder,
.search-form input[type="tel"]::-webkit-input-placeholder,
.post-password-form input[type="tel"]::-webkit-input-placeholder,
.comment-form input[type="email"]::-webkit-input-placeholder,
.search-form input[type="email"]::-webkit-input-placeholder,
.post-password-form input[type="email"]::-webkit-input-placeholder,
.comment-form input[type="search"]::-webkit-input-placeholder,
.search-form input[type="search"]::-webkit-input-placeholder,
.post-password-form input[type="search"]::-webkit-input-placeholder,
.comment-form input[type="password"]::-webkit-input-placeholder,
.search-form input[type="password"]::-webkit-input-placeholder,
.post-password-form input[type="password"]::-webkit-input-placeholder,
.comment-form input[type="url"]::-webkit-input-placeholder,
.search-form input[type="url"]::-webkit-input-placeholder,
.post-password-form input[type="url"]::-webkit-input-placeholder,
.comment-form input[type="date"]::-webkit-input-placeholder,
.search-form input[type="date"]::-webkit-input-placeholder,
.post-password-form input[type="date"]::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder,
.search-form textarea::-webkit-input-placeholder,
.post-password-form textarea::-webkit-input-placeholder {
    color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form input[type="tel"]::-moz-placeholder,
.search-form input[type="tel"]::-moz-placeholder,
.post-password-form input[type="tel"]::-moz-placeholder,
.comment-form input[type="email"]::-moz-placeholder,
.search-form input[type="email"]::-moz-placeholder,
.post-password-form input[type="email"]::-moz-placeholder,
.comment-form input[type="search"]::-moz-placeholder,
.search-form input[type="search"]::-moz-placeholder,
.post-password-form input[type="search"]::-moz-placeholder,
.comment-form input[type="password"]::-moz-placeholder,
.search-form input[type="password"]::-moz-placeholder,
.post-password-form input[type="password"]::-moz-placeholder,
.comment-form input[type="url"]::-moz-placeholder,
.search-form input[type="url"]::-moz-placeholder,
.post-password-form input[type="url"]::-moz-placeholder,
.comment-form input[type="date"]::-moz-placeholder,
.search-form input[type="date"]::-moz-placeholder,
.post-password-form input[type="date"]::-moz-placeholder,
.comment-form textarea::-moz-placeholder,
.search-form textarea::-moz-placeholder,
.post-password-form textarea::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form input[type="tel"]:-moz-placeholder,
.search-form input[type="tel"]:-moz-placeholder,
.post-password-form input[type="tel"]:-moz-placeholder,
.comment-form input[type="email"]:-moz-placeholder,
.search-form input[type="email"]:-moz-placeholder,
.post-password-form input[type="email"]:-moz-placeholder,
.comment-form input[type="search"]:-moz-placeholder,
.search-form input[type="search"]:-moz-placeholder,
.post-password-form input[type="search"]:-moz-placeholder,
.comment-form input[type="password"]:-moz-placeholder,
.search-form input[type="password"]:-moz-placeholder,
.post-password-form input[type="password"]:-moz-placeholder,
.comment-form input[type="url"]:-moz-placeholder,
.search-form input[type="url"]:-moz-placeholder,
.post-password-form input[type="url"]:-moz-placeholder,
.comment-form input[type="date"]:-moz-placeholder,
.search-form input[type="date"]:-moz-placeholder,
.post-password-form input[type="date"]:-moz-placeholder,
.comment-form textarea:-moz-placeholder,
.search-form textarea:-moz-placeholder,
.post-password-form textarea:-moz-placeholder {
    color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form input[type="tel"]:-ms-input-placeholder,
.search-form input[type="tel"]:-ms-input-placeholder,
.post-password-form input[type="tel"]:-ms-input-placeholder,
.comment-form input[type="email"]:-ms-input-placeholder,
.search-form input[type="email"]:-ms-input-placeholder,
.post-password-form input[type="email"]:-ms-input-placeholder,
.comment-form input[type="search"]:-ms-input-placeholder,
.search-form input[type="search"]:-ms-input-placeholder,
.post-password-form input[type="search"]:-ms-input-placeholder,
.comment-form input[type="password"]:-ms-input-placeholder,
.search-form input[type="password"]:-ms-input-placeholder,
.post-password-form input[type="password"]:-ms-input-placeholder,
.comment-form input[type="url"]:-ms-input-placeholder,
.search-form input[type="url"]:-ms-input-placeholder,
.post-password-form input[type="url"]:-ms-input-placeholder,
.comment-form input[type="date"]:-ms-input-placeholder,
.search-form input[type="date"]:-ms-input-placeholder,
.post-password-form input[type="date"]:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder,
.search-form textarea:-ms-input-placeholder,
.post-password-form textarea:-ms-input-placeholder {
    color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form input[type="tel"].placeholder,
.search-form input[type="tel"].placeholder,
.post-password-form input[type="tel"].placeholder,
.comment-form input[type="email"].placeholder,
.search-form input[type="email"].placeholder,
.post-password-form input[type="email"].placeholder,
.comment-form input[type="search"].placeholder,
.search-form input[type="search"].placeholder,
.post-password-form input[type="search"].placeholder,
.comment-form input[type="password"].placeholder,
.search-form input[type="password"].placeholder,
.post-password-form input[type="password"].placeholder,
.comment-form input[type="url"].placeholder,
.search-form input[type="url"].placeholder,
.post-password-form input[type="url"].placeholder,
.comment-form input[type="date"].placeholder,
.search-form input[type="date"].placeholder,
.post-password-form input[type="date"].placeholder,
.comment-form textarea.placeholder,
.search-form textarea.placeholder,
.post-password-form textarea.placeholder {
    color: #ccc;
}

.widget {
    margin-bottom: 1.2em;
}

.widget ul {
    padding-left: 2em;
}

.widget select {
    min-width: 150px;
}

.comment-form label {
    display: block;
    padding-bottom: 4px;
}

.comment-form textarea {
    overflow: auto;
    margin: 0;
    height: 120px;
    min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
    margin: 0 4px 0 0;
    width: 300px;
}

.comment-form input[type="submit"] {
    display: block;
    float: none;
}

.post-password-form label {
    display: block;
}

.post-password-form input[type="password"] {
    margin: 0 4px 0 0;
    width: 300px;
}

.search-form input {
    float: left;
    height: 2em;
}

.search-form input[type="search"] {
    margin: 0 4px 0 0;
    width: 150px;
}

.post-password-form input {
    float: left;
    height: 2em;
}

.post-password-form input[type="password"] {
    width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
    background: #333;
    color: #fff;
    height: 2em;
    border: none;
    padding: 0 0.5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
    opacity: 0.8;
}

.commentlist {
    margin: 0 0 1.2em;
}

.commentlist .edit-link {
    margin: 0;
}

.commentlist .avatar-holder {
    float: left;
    margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
    padding: 0;
}

.comment,
.commentlist-holder {
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
    padding-top: 1.2em;
}

.widget_calendar #next {
    text-align: right;
}

.gallery-item dt {
    float: none;
    padding: 0;
}

.navigation,
.navigation-comments {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
    position: absolute;
    left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    background: #666;
    color: #fff;
    padding: 0.4em;
    text-decoration: none;
}

.navigation-single {
    margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
    float: left;
    vertical-align: middle;
    max-width: 50%;
    background: #666;
    color: #fff;
    text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
    color: inherit;
    text-decoration: none;
    padding: 0.4em;
    display: block;
}

.navigation-single .next {
    float: right;
}

.wp-caption {
    max-width: 100%;
    clear: both;
    border: 1px solid #ccc;
    padding: 0.4em;
    margin-bottom: 1.2em;
}

.wp-caption img {
    margin: 0;
    vertical-align: top;
}

.wp-caption p {
    margin: 0.4em 0 0;
}

div.aligncenter {
    margin: 0 auto 1.2em;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignleft {
    float: left;
    margin: 0 1.2em 4px 0;
}

.alignright {
    float: right;
    margin: 0 0 4px 1.2em;
}

.mejs-container {
    margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
    height: auto;
}

/*------------------------------------------------------------------
2. Slick Slider / .slick-slider
-------------------------------------------------------------------*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.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;
}

/*------------------------------------------------------------------
3. Fancybox Lightbox Popup / .lightbox
-------------------------------------------------------------------*/

/* Fancybox Css */

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #000;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.7;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
}

.fancybox-caption {
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -44px;
    z-index: -1;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
    opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}

/*------------------------------------------------------------------
4. Jquery Ui Slider / .ui-*
-------------------------------------------------------------------*/

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer; /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: 0.12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 0.5em;
    top: 0.3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0.222em 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

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

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.html");
}

/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
    background: #aaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666;
}

/*------------------------------------------------------------------
5. background Size Cover /.bgCover
-------------------------------------------------------------------*/

.bgCover {
    background-size: cover;
    background-position: 50% 50%;
}

/*------------------------------------------------------------------
6. Font Weight Medium /.fwMedium
-------------------------------------------------------------------*/

.fwMedium {
    font-weight: 500;
}

/*------------------------------------------------------------------
7. Font Weight Semi Bold /.fwSemiBold
-------------------------------------------------------------------*/

.fwSemiBold {
    font-weight: 600;
}

/*------------------------------------------------------------------
8. Font Family Base /.fontBase
-------------------------------------------------------------------*/

.fontBase,
.cartTable .coupenFormControl::-webkit-input-placeholder,
.cartTable .coupenFormControl::-moz-placeholder,
.cartTable .coupenFormControl:-moz-placeholder,
.cartTable .coupenFormControl:-ms-input-placeholder,
.cartTable .coupenFormControl.placeholder {
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

/*------------------------------------------------------------------
9. Font Family Alternative /.fontAlter
-------------------------------------------------------------------*/

.fontAlter {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*------------------------------------------------------------------
10. Font Family Brush /.fontBrush
-------------------------------------------------------------------*/

.fontBrush,
.watermarkHeadingHead[data-watermark]:before {
    font-family: "Govazd", "Nunito Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

/*------------------------------------------------------------------
11. Dropdown Icon /.dropIcn
-------------------------------------------------------------------*/

.dropIcn:after {
    content: "";
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: 3px;
    width: 8px;
    height: 8px;
}

/*------------------------------------------------------------------
12. Button Close /.btnClose
-------------------------------------------------------------------*/

.btnClose {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-size: 16px;
    right: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
}

/*------------------------------------------------------------------
13. Align Holder /.alignHolder
-------------------------------------------------------------------*/

.alignHolder {
    min-height: inherit;
}

/*------------------------------------------------------------------
14. Pointer Events None /.inaccessible
-------------------------------------------------------------------*/

.inaccessible,
.ibBgImage:before,
.echColumn:after,
.echColumnii:after {
    pointer-events: none;
}

/*------------------------------------------------------------------
15. Background Custom Light /.bgLight
-------------------------------------------------------------------*/

.bgLight {
    background-color: #f6f6f6;
}

/*------------------------------------------------------------------
16. Button Text /.btnText
-------------------------------------------------------------------*/

.btnText {
    padding: 0.626rem 1.1875rem;
    border: 1px solid transparent;
    opacity: 1;
    -webkit-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform: translateY(0px) rotateX(0deg);
    transform: translateY(0px) rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    width: 100%;
}

/*------------------------------------------------------------------
17. Button /.btn
-------------------------------------------------------------------*/

.btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.btn:before {
    content: attr(data-hover);
    -webkit-transform: translateY(50%) rotateX(90deg);
    transform: translateY(50%) rotateX(90deg);
    opacity: 0;
    border-width: 1px;
    border-style: solid;
    -webkit-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    padding: 0.626rem 1.1875rem;
}

.btn:hover:before {
    -webkit-transform: translateY(0px) rotateX(0deg);
    transform: translateY(0px) rotateX(0deg);
    opacity: 1;
}

.btn:hover .btnText {
    opacity: 0;
    -webkit-transform: translateY(-50%) rotateX(90deg);
    transform: translateY(-50%) rotateX(90deg);
}

.btn.bdrWidthAlter:before,
.btn.bdrWidthAlter .btnText {
    border-width: 2px;
}

.btn.minWidthMedium {
    min-width: 190px;
}

.btn.btnWidthSmall {
    min-width: 176px;
}

.btn.btnXsMinWidth {
    min-width: 150px;
}

.btn.btn-sm:before,
.btn.btn-sm .btnText {
    padding: 0.375rem 1.4375rem;
}

.btn.btnNoOver:before,
.btn.btnNoOver:after,
.btn.btnNoOver .btnText {
    display: none;
}

.btn.btnxLarge {
    font-size: 20px;
}

.btn.btnxLarge:before,
.btn.btnxLarge .btnText {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.btn.btnMinSm {
    min-width: 174px;
}

.btn .btnIcn {
    font-size: 0.7em;
}

/*------------------------------------------------------------------
18. Button Theme /.btnTheme
-------------------------------------------------------------------*/

.btnTheme.btnNoOver {
    color: #fff;
}

.btnTheme.btnNoOver:hover {
    background-color: #fff;
}

.btnTheme:before {
    background-color: #fff;
}

.btnTheme .btnText {
    color: #fff;
}

/*------------------------------------------------------------------
19. Button Gray White /.btnGaryWhite
-------------------------------------------------------------------*/

.btnGaryWhite:before {
    color: #2a2c37;
    border-color: #e6e5e5;
    background-color: #e6e5e5;
}

.btnGaryWhite .btnText {
    color: #2a2c37;
    background-color: #fff;
    border-color: #fff;
}

/*------------------------------------------------------------------
20. Button Gray /.btnGary
-------------------------------------------------------------------*/

.btnGary:before {
    color: #fff;
    border-color: #202b5d;
    background-color: #202b5d;
}

.btnGary .btnText {
    color: #202b5d;
    background-color: #e8eaee;
    border-color: #e8eaee;
}

.btn-outline-secondary:before,
.btn-outline-secondary .btnText {
    border-color: #0067da;
}

/*------------------------------------------------------------------
21. Button Custom Light Outline /.btnCustomLightOutline
-------------------------------------------------------------------*/

.btnCustomLightOutline:before {
    border-color: #e0e0e0;
    color: #1B8C42;
    background-color: #e0e0e0;
}

.btnCustomLightOutline .btnText {
    border-color: #e0e0e0;
    color: #202b5d;
    background-color: transparent;
}

/*------------------------------------------------------------------
22. Button Dark Alternative /.btnDarkAlter
-------------------------------------------------------------------*/

.btnDarkAlter:before {
    color: #fff;
    border-color: #2b3988;
    background-color: #2b3988;
}

.btnDarkAlter .btnText {
    color: #fff;
    background-color: #3749af;
    border-color: #3749af;
}

/*------------------------------------------------------------------
23. Button Gray Alternative /.btnGreyAlter
-------------------------------------------------------------------*/

.btnGreyAlter:before {
    color: #fff;
    border-color: #384151;
    background-color: #384151;
}

.btnGreyAlter .btnText {
    color: #fff;
    background-color: #62718d;
    border-color: #62718d;
}

.bdrWidthAlter {
    border-width: 2px;
}

/*------------------------------------------------------------------
24. Font Size Medium /.fzMedium
-------------------------------------------------------------------*/

.fzMedium {
    font-size: 20px;
    line-height: 1.3;
}

/*------------------------------------------------------------------
25. Slick Dots List /.dotsList
-------------------------------------------------------------------*/

.dotsList {
    margin-left: -5px;
    margin-right: -5px;
    line-height: 0;
}

.dotsList.dotsListii li {
    margin-left: 7px;
    margin-right: 7px;
}

.dotsList.dotsListii li.slick-active button {
    width: 12px;
    border-radius: 99px;
}

.dotsList.dotsListii button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #d4d6d7;
    width: 6px;
    height: 6px;
}

.dotsList li {
    margin-left: 5px;
    margin-right: 5px;
}

.dotsList li.slick-active button {
    background-color: #fff;
}

.dotsList button {
    display: block;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    text-indent: -9999px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    border: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.7);
    width: 12px;
    height: 12px;
}

.dotsList button:hover {
    background-color: #fff;
}

.btn-dark:before {
    background-color: #fff;
    border-color: #1B8C42;
    color: #1B8C42;
}

.btn-dark.btnSwitchDark {
    background-color: rgba(6, 22, 58, 0.1);
    border-color: rgba(6, 22, 58, 0.1);
    color: #202b5d;
}

.btn-dark.btnSwitchDark:before {
    background-color: #1B8C42;
    border-color: #1B8C42;
    color: #fff;
}

.btnCustomSmall {
    font-size: 20px;
}

.btnCustomSmall:before,
.btnCustomSmall .btnText {
    padding: 2px 18px;
}

/*------------------------------------------------------------------
26. Button Link /.btnLink
-------------------------------------------------------------------*/

.btnLink {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-size: 16px;
    line-height: 1;
}

.btnLink .blIcn {
    font-size: 0.7em;
}

.fsNormal {
    font-style: normal;
}

.btn-link {
    font-size: 18px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.btn-link .blIcn {
    font-size: 0.6em;
}

.btn-outline-light {
    border-color: #e5e5e5;
    color: #0067da;
}

.btn-outline-light.btnAlterDark {
    color: #202b5d;
}

.btn-outline-light:hover {
    color: #fff;
}

.btnBnoIcn {
    font-size: 0.8em;
}

/*------------------------------------------------------------------
27. Read More Link /.readMoreLink
-------------------------------------------------------------------*/

.readMoreLink {
    color: #0067da;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.readMoreLink .btnRmlIcn {
    font-size: 0.8em;
}

textarea,
textarea.form-control {
    height: 145px;
    resize: none;
}

.form-group .req {
    font-style: normal;
}

.widgetBgLight {
    background-color: #f7f1f0;
}

.parallaxWindow {
    min-height: 100vh;
}

.inputBdrTransparent,
.inputBdrTransparent.form-control {
    border-color: transparent;
}

.inputHeightMedium,
.inputHeightMedium.form-control {
    height: 50px;
}

/*------------------------------------------------------------------
28. Body Font Size Alternative /.bodyFontAlter
-------------------------------------------------------------------*/

.bodyFontAlter {
    font-size: 17px;
    line-height: 1.6470588235;
}

/*------------------------------------------------------------------
29. Background Absolute Image /.bgImg
-------------------------------------------------------------------*/

.bgImg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

body {
    -ms-overlfow-style: scrollbar;
    min-width: 320px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: inherit;
}

.lh44 {
    line-height: 1.1;
}

.h1Large {
    font-size: 38px;
    line-height: 1.0714285714;
}

.h2Small {
    font-size: 28px;
    line-height: 1.2222222222;
}

.h2vii {
    font-size: 28px;
    line-height: 1.2222222222;
}

.h3vvii {
    font-size: 28px;
    line-height: 1.2222222222;
}

.h2Medium {
    line-height: 1.125;
}

.h3Small {
    font-size: 22px;
    line-height: 1.1818181818;
}

.h3Medium {
    font-size: 20px;
}

.h3Large {
    font-size: 22px;
    line-height: 1.1428571429;
}

.fSubTxt {
    font-size: 20px;
    line-height: 1.4;
    color: #202b5d;
}

.txtDark {
    color: #202b5d;
}

.ssArrowVi {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 23px;
    width: 51px;
    height: 51px;
}

.ssArrowVi:hover {
    background-color: #000;
    color: #fff;
}

.ssArrowVi.slickPrev {
    left: 26px;
}

.ssArrowVi.slickNext {
    right: 26px;
}

.ssArrowVii {
    color: #62718d;
    font-size: 12px;
    background-color: #fff;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 35px;
    height: 35px;
}

.ssArrowVii:hover {
    color: #fff;
}

.ssArrowVii.slickPrev {
    left: 15px;
}

.ssArrowVii.slickNext {
    right: 15px;
}

.input-group-append > .btn {
    padding-top: 7px;
    padding-bottom: 7px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.fontAlter {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*------------------------------------------------------------------
29. Page Wrapper / #pageWrapper
-------------------------------------------------------------------*/

#pageWrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.phStickyWrap {
    min-height: 49px;
}

.home .phStickyWrap {
    min-height: 60px;
}

/* ---------------------------------------------------------
30. hdFixerWrap /.stickyWrap-sSticky
--------------------------------------------------------*/

.stickyWrap-sSticky.fixed-position .hdFixerWrap {
    z-index: 999;
    box-shadow: 0 5px 10px rgba(98, 113, 141, 0.1);
}

.hdFixerWrap {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

/* ---------------------------------------------------------
31. hdScheduleList /.hdScheduleList
--------------------------------------------------------*/

.hdScheduleList,
.hdAlterLinksList {
    font-size: 13px;
    line-height: 1;
}

.hdTopBariii .hdScheduleList a,
.hdTopBariii .hdAlterLinksList a {
    color: inherit;
}

.hdTopBariii .hdScheduleList a:hover,
.hdTopBariii .hdAlterLinksList a:hover {
    color: #1B8C42;
}

.hdTopBariii .hdScheduleList .icn,
.hdTopBariii .hdAlterLinksList .icn {
    color: white;
}

.hdScheduleList.hdScheduleListii .icn {
    color: inherit;
}

.hdScheduleList li + li {
    margin-left: 10px;
}

.hdScheduleList a {
    color: inherit;
}

.hdScheduleList a:hover {
    color: #fff;
}

.hdScheduleList .icn {
    margin-right: 5px;
    font-size: 14px;
}

/* ---------------------------------------------------------
32. hdAlterLinksList /.hdAlterLinksList
--------------------------------------------------------*/

.hdAlterLinksList.hdAlterLinksListii a {
    color: inherit;
}

.hdAlterLinksList.hdAlterLinksListii a:hover {
    color: #1B8C42;
}

.hdAlterLinksList li + li {
    margin-left: 10px;
}

.hdAlterLinksList a {
    color: white;
}

.hdAlterLinksList a:hover {
    color: #f8f5f4;
}

/* ---------------------------------------------------------
33. pageMainNavCollapse /.pageMainNavCollapse
--------------------------------------------------------*/

.pageMainNavCollapse {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    z-index: 2;
    background-color: #f8f5f4;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    max-height: 450px;
    overflow-y: auto;
}

.pageMainNavCollapse.show {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

/* ---------------------------------------------------------
34. hdLangDropdown /.hdLangDropdown
--------------------------------------------------------*/

.hdLangDropdown .dropdown-menu {
    min-width: 1px;
    width: 100%;
}

.hdLangDropdown .dropdown-toggle {
    border: 1px solid #1b8c42;
    border-radius: 99px;
    color: #202b5d;
    font-size: 15px;
    line-height: 1;
    padding: 7px 13px;
}

.hdLangDropdown .dropdown-toggle:hover {
    color: #202b5d;
}

.hdLangDropdown .dropdown-item {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    text-align: center;
}

.hdLangDropdown .dropdown-item:hover,
.hdLangDropdown .dropdown-item.active {
    color: #fff;
}

.hdLangDropdown .dropIcn:after {
    margin-left: 9px;
}

/* ---------------------------------------------------------
35. logo /.logo
--------------------------------------------------------*/

.logo {
    max-width: 95px;
}

/* ---------------------------------------------------------
36. mainNavigation /.mainNavigation
--------------------------------------------------------*/

.mainNavigation.navbar-nav .nav-item.active .nav-link {
    background-color: #e4e4e4;
}

.mainNavigation.navbar-nav .nav-item.active .dropIcn:after {
    border-color: #202b5d;
}

.mainNavigation.navbar-nav .nav-link:hover,
.mainNavigation.navbar-nav .nav-link:focus,
.mainNavigation.navbar-nav .nav-link:active {
    background-color: #e4e4e4;
}

.mainNavigation .nav-link {
    font-size: 15px;
    line-height: 1;
}

.mainNavigation .dropIcn:after {
    margin-left: 5px;
    width: 6px;
    height: 6px;
}

.navbar-expand-md .mainNavigation.navbar-nav .nav-link {
    padding: 13px 15px 12px;
}

.mainNavigation
    li.nav-item:nth-last-child(1)
    .hdDropdownList
    .dropdown-submenu
    .dropdown-menu.hdMainDropdown,
.mainNavigation
    li.nav-item:nth-last-child(2)
    .hdDropdownList
    .dropdown-submenu
    .dropdown-menu.hdMainDropdown,
.mainNavigation
    li.nav-item:nth-last-child(3)
    .hdDropdownList
    .dropdown-submenu
    .dropdown-menu.hdMainDropdown,
.mainNavigation
    li.nav-item:nth-last-child(4)
    .hdDropdownList
    .dropdown-submenu
    .dropdown-menu.hdMainDropdown {
    left: -100% !important;
}

/* ---------------------------------------------------------
37. hdSearchOpener /.hdSearchOpener
--------------------------------------------------------*/

.hdSearchOpener {
    font-size: 18px;
    color: #38404e;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* ---------------------------------------------------------
38. dropdown-submenu /.dropdown-submenu
--------------------------------------------------------*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:hover > .dropdown-item {
    color: #fff;
}

.dropdown-submenu:hover > .desktopDropOnHover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.dropdown-submenu .dropIcn:after {
    position: absolute;
    right: 10px;
    top: 16px;
}

.dropdown-submenu.show > .dropdown-item {
    color: #fff;
}

.dropdown-submenu.show .dropdown-menu .dropdown-item {
    padding-left: 45px;
}

.dropdown-submenu.show .dropdown-menu.show .dropdown-menu .dropdown-item {
    padding-left: 60px;
}

/* ---------------------------------------------------------
39. hdDropdownList /.hdDropdownList
--------------------------------------------------------*/

.hdDropdownList > li.active > a {
    color: #fff;
}

.hdDropdownList a {
    color: #28a745;
    display: block;
    padding: 5px 8px 5px 28px;
}

.hdDropdownList a:hover {
    color: #fff;
}

.hdDropdownList .desktopDropOnHover {
    left: 100%;
    top: 0;
    margin-top: 0;
}

/* ---------------------------------------------------------
40. hdTopBar /.hdTopBar
--------------------------------------------------------*/

.hdTopBar {
    color: white;
}

.hdTopBar.hdTopBarii {
    color: #62718d;
    border-bottom: 1px solid #e5e5e5;
}

.hdTopBar.hdTopBariii {
    color: inherit;
    border-bottom: 1px solid #e5e5e5;
}

/* ---------------------------------------------------------
41. hdMainDropdown /.hdMainDropdown
--------------------------------------------------------*/

.hdMainDropdown {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    font-size: 15px;
    left: -10px;
}

.hdMainDropdown .dropdown-item {
    padding: 9px 30px;
}

/* ---------------------------------------------------------
42. hdSearchCollapse /.hdSearchCollapse
--------------------------------------------------------*/

.hdSearchCollapse {
    z-index: 9;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(6, 22, 58, 0.9);
    font-size: 14px;
}

.hdSearchCollapse.show {
    opacity: 1;
    visibility: visible;
}

.hdSearchCollapse p a {
    color: inherit;
    text-decoration: underline;
}

.hdSearchCollapse p a:hover {
    color: inherit;
    text-decoration: none;
}

.hdSearchCollapse .btnClose {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: auto;
    left: 50%;
    margin-top: -100px;
    font-size: 20px;
    width: 35px;
    height: 35px;
}

/* ---------------------------------------------------------
43. Page Header Button /.btnHd
--------------------------------------------------------*/

.btnHd {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ---------------------------------------------------------
44. Page Burger Menu /.pgNavOpener
--------------------------------------------------------*/

.pgNavOpener {
    -webkit-transition: border 0.4s ease, -webkit-transform 0.4s ease;
    transition: border 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, border 0.4s ease;
    transition: transform 0.4s ease, border 0.4s ease,
        -webkit-transform 0.4s ease;
}

.pgNavOpener:before {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    left: 3px;
}

.pgNavOpener:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
}

.pgNavOpener:before,
.pgNavOpener:after {
    height: 2px;
    background-color: currentColor;
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.pgNavOpener .navbar-toggler-icon {
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pgNavOpener[aria-expanded="true"] {
    -webkit-transform: rotate(270deg) scale(0.8);
    -ms-transform: rotate(270deg) scale(0.8);
    transform: rotate(270deg) scale(0.8);
}

.pgNavOpener[aria-expanded="true"]:before,
.pgNavOpener[aria-expanded="true"]:after {
    opacity: 1;
    visibility: visible;
}

.pgNavOpener[aria-expanded="true"]:before {
    -webkit-transform: rotate(225deg) translate(-6px, -7px);
    -ms-transform: rotate(225deg) translate(-6px, -7px);
    transform: rotate(225deg) translate(-6px, -7px);
}

.pgNavOpener[aria-expanded="true"]:after {
    -webkit-transform: rotate(-225deg) translate(-6px, 7px);
    -ms-transform: rotate(-225deg) translate(-6px, 7px);
    transform: rotate(-225deg) translate(-6px, 7px);
}

.pgNavOpener[aria-expanded="true"] .navbar-toggler-icon {
    opacity: 0;
    visibility: hidden;
}

/* ---------------------------------------------------------
45. ibSlider /.ibSlider
--------------------------------------------------------*/

.ibSlider .dotsList {
    position: absolute;
    left: 15px;
    bottom: 30px;
    right: 15px;
    z-index: 2;
}

/* ---------------------------------------------------------
46. ibBgImage /.ibBgImage
--------------------------------------------------------*/

.ibBgImage {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease,
        -webkit-transform 0.7s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease,
        -webkit-transform 0.7s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.7s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.7s ease,
        -webkit-transform 0.7s ease;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
}

.ibBgImage:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ibBgImage:before {
    background-color: rgba(6, 22, 58, 0.45);
}

.slick-current .ibBgImage {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ---------------------------------------------------------
47. ibColumn /.ibColumn
--------------------------------------------------------*/

.ibColumn {
    z-index: 1;
    min-height: 84vh;
}

/* ---------------------------------------------------------
48. flatpWrap /.flatpWrap
--------------------------------------------------------*/

.flatpWrap {
    z-index: 2;
}

.flatpWrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.flatpWrap:before {
    z-index: -1;
    background-color: #fff;
}

/* ---------------------------------------------------------
49. fabFeaturesList /.fabFeaturesList
--------------------------------------------------------*/

.fabFeaturesList > li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 50%;
}

/* ---------------------------------------------------------
50. fflColumn /.fflColumn
--------------------------------------------------------*/

.fflColumn {
    color: inherit;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.fflColumn:hover {
    box-shadow: 10px 0 50px -10px rgba(0, 0, 0, 0.08),
        -10px 0 50px -10px rgba(0, 0, 0, 0.08);
}

.fflColumn:hover .icnWrap {
    color: #fff;
    -webkit-animation-name: icnbounce;
    animation-name: icnbounce;
}

.fflColumn:hover h2:after,
.fflColumn:hover .h2:after {
    width: 40px;
    opacity: 1;
}

.fflColumn .icnWrap {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-size: 41px;
    width: 72px;
    height: 72px;
}

.fflColumn h2,
.fflColumn .h2 {
    font-size: 17px;
    line-height: 1.2;
    position: relative;
}

.fflColumn h2:after,
.fflColumn .h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 0;
}

.fflColumn h2:after,
.fflColumn .h2:after {
    background-color: #cdd0d8;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 1px;
    width: 0;
    opacity: 0;
    -webkit-transition: all 0.35s ease !important;
    transition: all 0.35s ease !important;
}

/* ---------------------------------------------------------
51. featuresAsideBlock /.featuresAsideBlock
--------------------------------------------------------*/

.featuresAsideBlock:before {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
}

.featuresAsideBlock:before {
    z-index: -1;
}

/* ---------------------------------------------------------
52. esColumn /.esColumn
--------------------------------------------------------*/

.esColumn:hover .btnLink {
    max-height: 22px;
    margin-bottom: -5px;
    margin-top: 10px;
}

.esColumn .imgHolder {
    height: 250px;
}

.esColumn .btnLink {
    max-height: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    display: block;
}

.esColumn h3,
.esColumn .h3 {
    font-size: 20px;
}

/* ---------------------------------------------------------
53. escCaption /.escCaption
--------------------------------------------------------*/

.escCaption {
    left: 30px;
    right: 30px;
    bottom: -35px;
}

/* ---------------------------------------------------------
54. exploreServicesBlock /.exploreServicesBlock
--------------------------------------------------------*/

.exploreServicesBlock {
    z-index: 1;
}

.exploreServicesBlock:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.exploreServicesBlock:before {
    z-index: -1;
    background-color: #f8f5f4;
    height: 400px;
}

/* ---------------------------------------------------------
55. btnPlayLink /.btnPlayLink
--------------------------------------------------------*/

.btnPlayLink {
    font-size: 18px;
    line-height: 1.3333333333;
    color: #202b5d;
    padding: 3px 0 3px 82px;
}

.btnPlayLink:hover .icnPlay {
    -webkit-animation-name: icnbounce;
    animation-name: icnbounce;
}

.btnPlayLink .icnPlay {
    color: #fff;
    left: 0;
    top: 0;
    text-indent: 7px;
    font-size: 26px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 60px;
    height: 60px;
}

/* ---------------------------------------------------------
56. aboutMayorBlock /.aboutMayorBlock
--------------------------------------------------------*/

.aboutMayorBlock {
    font-size: 18px;
    line-height: 1.4444444444;
}

/* ---------------------------------------------------------
57. meetQuote /.meetQuote
--------------------------------------------------------*/

.meetQuote {
    font-size: 20px;
    line-height: 1.4;
    border-style: solid;
    border-width: 0 0 0 2px;
}

.meetQuote cite {
    font-style: normal;
    font-size: 16px;
    line-height: 1.3333333333;
}

.meetQuote cite:before {
    display: inline-block;
    vertical-align: middle;
    content: "- ";
}

.ctSubtitleText {
    color: #5a6579;
}

/* ---------------------------------------------------------
58. imgTwoImageHolder /.imgTwoImageHolder
--------------------------------------------------------*/

.imgTwoImageHolder {
    z-index: 1;
}

.imgTwoImageHolder .img1 {
    z-index: 1;
    max-width: 90%;
}

.imgTwoImageHolder .img2 {
    z-index: -1;
    right: 0;
    bottom: -106px;
    max-width: 65%;
}

/* ---------------------------------------------------------
59. itihBgPattern /.itihBgPattern
--------------------------------------------------------*/

.itihBgPattern {
    left: 50%;
    bottom: -79px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -74px;
    z-index: 0;
    max-width: 117px;
}

/* ---------------------------------------------------------
60. counterftAsideBlock /.counterftAsideBlock
--------------------------------------------------------*/

.counterftAsideBlock {
    min-height: 300px;
    z-index: 1;
}

.counterftAsideBlock .alignHolder {
    z-index: 2;
}

/* ---------------------------------------------------------
61. cfbFeatList /.cfbFeatList
--------------------------------------------------------*/

.cfbFeatList {
    margin-left: -15px;
    margin-right: -15px;
}

.cfbFeatList > li {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    width: 50%;
}

.cfbFeatList .subtitle {
    color: #a3a8b2;
    font-size: 15px;
    line-height: 1.3;
}

.cfbFeatList .textCount {
    font-size: 30px;
    line-height: 1;
}

.cfbFeatList .icnWrap {
    height: 45px;
    font-size: 40px;
}

/* ---------------------------------------------------------
62. cfbBgWrap /.cfbBgWrap
--------------------------------------------------------*/

.cfbBgWrap {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
}

/* ---------------------------------------------------------
63. ueEveColumn /.ueEveColumn
--------------------------------------------------------*/

.ueEveColumn {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.ueEveColumn:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.ueEveColumn:hover .ueTimeTag {
    top: 0;
}

.ueEveColumn h3,
.ueEveColumn .h3 {
    font-size: 26px;
}

.widget .ueEveColumn h3,
.widget .ueEveColumn .h3 {
    font-size: 22px;
}

/* ---------------------------------------------------------
64. ueTimeTag /.ueTimeTag
--------------------------------------------------------*/

.ueTimeTag {
    left: 0;
    top: 21px;
    z-index: 1;
    line-height: 1;
    font-size: 16px;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
}

.ueTimeTag .textDay {
    font-size: 20px;
    padding: 8px 7px;
}

/* ---------------------------------------------------------
65. ueScheduleList /.ueScheduleList
--------------------------------------------------------*/

.ueScheduleList {
    font-size: 16px;
    line-height: 1.25;
}

.ueScheduleList > li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.ueScheduleList .icn {
    width: 18px;
    font-size: 16px;
    left: 0;
    top: 2px;
}

.upcomeventsBlock {
    z-index: 1;
}

/* ---------------------------------------------------------
66. cdDocsList /.cdDocsList
--------------------------------------------------------*/

.cdDocsList {
    font-size: 16px;
}

.cdDocsList > li + li {
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 12px;
}

/* ---------------------------------------------------------
67. cdTitle /.cdTitle
--------------------------------------------------------*/

.cdTitle {
    font-size: 18px;
    line-height: 1.2222222222;
}

.ccwFoot {
    border-top: 1px solid #eee;
}

/* ---------------------------------------------------------
68. ccwIcn /.ccwIcn
--------------------------------------------------------*/

.ccwIcn {
    font-size: 55px;
    height: 140px;
}

/* ---------------------------------------------------------
69. npbBgPattern /.npbBgPattern
--------------------------------------------------------*/

.npbBgPattern {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
}

.npbHolder {
    z-index: 2;
}

/* ---------------------------------------------------------
70. npbTimeTag /.npbTimeTag
--------------------------------------------------------*/

.npbTimeTag {
    top: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    left: 25px;
}

/* ---------------------------------------------------------
71. btnCr /.btnCr
--------------------------------------------------------*/

.btnCr {
    color: #42516d;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.btnCr .bcIcn {
    font-size: 0.9em;
}

.btnCr:hover {
    color: #202b5d;
}

/* ---------------------------------------------------------
72. npbColumn /.npbColumn
--------------------------------------------------------*/

.npbColumn {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.npbColumn:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.npbColumn h3,
.npbColumn .h3 {
    line-height: 1.25;
}

/* ---------------------------------------------------------
73. npbcmWrap /.npbcmWrap
--------------------------------------------------------*/

.npbcmWrap {
    font-size: 16px;
    line-height: 1;
}

.npbcmWrap > span {
    vertical-align: 1px;
}

.npbcmWrap > i {
    vertical-align: -2px;
}

/* ---------------------------------------------------------
74. exploreResourceBlock /.exploreResourceBlock
--------------------------------------------------------*/

.exploreResourceBlock {
    z-index: 1;
    color: #888;
}

.exploreResourceBlock:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 155px;
    left: 0;
}

.exploreResourceBlock:before {
    z-index: -1;
    background-color: #28a745;
}

/* ---------------------------------------------------------
75. erLinksList /.erLinksList
--------------------------------------------------------*/

.erLinksList.bgTheme > li + li {
    border-top-color: rgba(238, 238, 238, 0.25);
}

.erLinksList.bgTheme > li > a {
    color: #fff;
}

.erLinksList.bgTheme > li > a:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.erLinksList.bgTheme > li > a:hover {
    color: #202b5d;
}

.erLinksList.bgTheme > li > a:hover:after {
    border-color: currentColor;
    right: 20px;
    margin-top: -8px;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border: 0;
    content: "\e907";
    font-family: "icomoon" !important;
}

.erLinksList > li + li {
    border-top: 1px solid #e8e8e8;
}

.erLinksList > li > a {
    display: block;
    position: relative;
    color: #202b5d;
    font-size: 16px;
    line-height: 1.2222222222;
    padding: 14px 30px 14px 15px;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease,
        box-shadow 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease,
        box-shadow 0.3s ease;
}

.erLinksList > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
}

.erLinksList > li > a:after {
    border: solid #888;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
    width: 8px;
    height: 8px;
}

.erLinksList > li > a:hover {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

/* ---------------------------------------------------------
76. echSlider /.echSlider
--------------------------------------------------------*/

.echSlider {
    max-width: 233px;
}

.echSlider .slick-list {
    overflow: visible !important;
}

/* ---------------------------------------------------------
77. echColumn /.echColumn
--------------------------------------------------------*/

.echColumn {
    height: 220px;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.echColumn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.echColumn:after {
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
}

.echColumn h3,
.echColumn .h3 {
    font-size: 20px;
    line-height: 1.1666666667;
}

.echColumn:hover .spanLinkGo {
    max-height: 55px;
    margin-top: 20px;
    margin-bottom: 5px;
}

/* ---------------------------------------------------------
78. echcCaptionWrap /.echcCaptionWrap
--------------------------------------------------------*/

.echcCaptionWrap {
    left: 0;
    bottom: 0;
    z-index: 1;
}

/* ---------------------------------------------------------
79. echCountTag /.echCountTag
--------------------------------------------------------*/

.echCountTag {
    z-index: 1;
    border-radius: 99px;
    font-size: 15px;
    line-height: 1;
    right: 14px;
    top: 14px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.echCountTag .icn {
    font-size: 1.1em;
    margin-right: 1px;
}

.echCountTag:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------
80. echCatTitle /.echCatTitle
--------------------------------------------------------*/

.echCatTitle {
    font-size: 16px;
    line-height: 1.25;
    color: #62718d;
}

/* ---------------------------------------------------------
81. echCatTitle /.echCatTitle
--------------------------------------------------------*/

.spanLinkGo {
    font-size: 12px;
    -webkit-transition: max-height 0.3s ease, margin 0.3s ease,
        -webkit-transform 0.35s ease;
    transition: max-height 0.3s ease, margin 0.3s ease,
        -webkit-transform 0.35s ease;
    transition: max-height 0.3s ease, margin 0.3s ease, transform 0.35s ease;
    transition: max-height 0.3s ease, margin 0.3s ease, transform 0.35s ease,
        -webkit-transform 0.35s ease;
    max-height: 0;
    overflow: hidden;
    width: 35px;
    height: 35px;
}

.spanLinkGo:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

/* ---------------------------------------------------------
82. meetCouncilBlock /.meetCouncilBlock
--------------------------------------------------------*/

.meetCouncilBlock {
    z-index: 1;
}

.meetCouncilBlock:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.meetCouncilBlock.noOverlay:before {
    display: none;
}

.meetCouncilBlock:before {
    z-index: -1;
    background-color: #f8f5f4;
    height: 480px;
}

/* ---------------------------------------------------------
83. mcssList /.mcssList
--------------------------------------------------------*/

.mcssList {
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    text-align: center;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.mcssList .mcssLink {
    width: 40px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #77849c;
    text-align: center;
    font-size: 16px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.mcssList .mcssLink:hover {
    color: #fff;
}

.mcssList li:first-child .mcssLink {
    padding-left: 5px;
}

.mcssList li:last-child .mcssLink {
    padding-right: 8px;
}

/* ---------------------------------------------------------
84. mccColumn /.mccColumn
--------------------------------------------------------*/

.mccColumn {
    max-width: 290px;
}

.mccColumn h4,
.mccColumn .h4 {
    font-size: 17px;
}

.mccColumn .imgHolder:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: rgba(6, 22, 58, 0.1);
}

.mccColumn:hover .imgHolder:before {
    opacity: 1;
    visibility: visible;
}

.mccColumn:hover .mcssList {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
}

/* ---------------------------------------------------------
85. mccInfoList /.mccInfoList
--------------------------------------------------------*/

.mccInfoList {
    font-size: 16px;
    line-height: 1;
}

.mccInfoList > li {
    margin-bottom: 16px;
}

.mccInfoList .icn {
    font-size: 14px;
}

.mccInfoList a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.mccInfoList a:hover {
    color: #0067da;
}

/* ---------------------------------------------------------
86. mccSeprator /.mccSeprator
--------------------------------------------------------*/

.mccSeprator {
    max-width: 40px;
    margin: 0;
}

/* ---------------------------------------------------------
87. lgsImageWrap /.lgsImageWrap
--------------------------------------------------------*/

.lgsImageWrap {
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lgsImageWrap:hover {
    opacity: 1;
}

.ftAreaWrap {
    color: #8c96ac;
}

/* ---------------------------------------------------------
88. ftConnectAside /.ftConnectAside
--------------------------------------------------------*/

.ftConnectAside {
    color: #b0b8ca;
    border-bottom: 1px solid #263a65;
}

/* ---------------------------------------------------------
89. ftcaNav /.ftcaNav
--------------------------------------------------------*/

.ftcaNav {
    font-size: 17px;
}

.ftcaNav li {
    margin: 0 7px 5px;
}

.ftcaNav li.active > a {
    color: #b0b8ca;
}

.ftcaNav a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    color: inherit;
}

.ftcaNav a:hover {
    color: #fff;
}

/* ---------------------------------------------------------
90. ctConnectWrap /.ctConnectWrap
--------------------------------------------------------*/

.ctConnectWrap .title {
    font-size: 18px;
}

/* ---------------------------------------------------------
91. ftSocialNetworks /.ftSocialNetworks
--------------------------------------------------------*/

.ftSocialNetworks li {
    margin-bottom: 5px;
    margin-left: 5px;
}

.ftSocialNetworks a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #132244;
    background-color: #fff;
    border-radius: 100%;
    width: 36px;
    height: 36px;
}

.ftSocialNetworks a:hover {
    background-color: #0067da;
    color: #fff;
}

.ftPlace {
    font-style: normal;
}

/* ---------------------------------------------------------
92. footerAside /.footerAside
--------------------------------------------------------*/

.footerAside {
    font-size: 17px;
    line-height: 1.4117647059;
}

/* ---------------------------------------------------------
93. ftpScheduleList /.ftpScheduleList
--------------------------------------------------------*/

.ftpScheduleList li {
    position: relative;
    margin-bottom: 7px;
}

.ftpScheduleList .title {
    margin-right: 3px;
}

.ftpScheduleList .icn {
    font-size: 15px;
}

.ftpScheduleList a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.ftpScheduleList a:hover {
    color: #fff;
}

/* ---------------------------------------------------------
94. ftsrLinksList /.ftsrLinksList
--------------------------------------------------------*/

.ftsrLinksList li {
    margin-bottom: 11px;
}

.ftsrLinksList li.active > a {
    color: #fff;
}

.ftsrLinksList a {
    color: white;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    position: relative;
    padding-left: 16px;
}

.ftsrLinksList a:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
}

.ftsrLinksList a:before {
    border: solid #ffffff;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
}

.ftsrLinksList a:hover {
    color: #fff;
}

/* ---------------------------------------------------------
95. pageFooter /#pageFooter
--------------------------------------------------------*/

#pageFooter {
    font-size: 16px;
    line-height: 1.25;
}

#pageFooter a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#pageFooter a:hover {
    color: #fff;
}

/* ---------------------------------------------------------
96. ftSubscribeForm / .ftSubscribeForm
--------------------------------------------------------*/

.ftSubscribeForm .btn {
    font-size: 20px;
}

.ftSubscribeForm .btn:before,
.ftSubscribeForm .btn .btnText {
    padding: 14px 19px;
}

.ftLogo {
    max-width: 134px;
}

/* ---------------------------------------------------------
97. hdSocialNetworks / .hdSocialNetworks
--------------------------------------------------------*/

.hdSocialNetworks li {
    margin-left: 8px;
}

.hdSocialNetworks a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #62718d;
    color: #fff;
    font-size: 15px;
    border-radius: 100%;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 30px;
    height: 30px;
}

.hdSocialNetworks a:hover {
    background-color: #1B8C42;
}

/* ---------------------------------------------------------
98. pageMainHead / .pageMainHead
--------------------------------------------------------*/

.pageMainHead {
    min-height: 170px;
}

.pageMainHead:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.pageMainHead:before {
    background-color: rgba(6, 22, 58, 0.4);
}

.pageMainHead .align {
    z-index: 1;
}

/* ---------------------------------------------------------
99. breadcrumb / .breadcrumb
--------------------------------------------------------*/

.breadcrumb {
    font-size: 0.75rem;
}

/* ---------------------------------------------------------
100. breadcrumb-item / .breadcrumb-item
--------------------------------------------------------*/

.breadcrumb-item + .breadcrumb-item:before {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 0.6em;
    margin-top: 0.3rem;
}

/* ---------------------------------------------------------
101. breadcrWhite / .breadcrWhite
--------------------------------------------------------*/

.breadcrWhite {
    background-color: transparent;
    color: #fff;
}

.breadcrWhite .breadcrumb-item + .breadcrumb-item:before {
    color: inherit;
}

.breadcrWhite .breadcrumb-item.active {
    color: #fff;
}

.breadcrWhite a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.breadcrWhite a:hover {
    color: #f8f5f4;
}

/* ---------------------------------------------------------
102. egdColumn / .egdColumn
--------------------------------------------------------*/

.egdColumn {
    line-height: 1.4117647059;
    max-width: 290px;
}

.egdColumn:hover .icnWrap {
    background-color: #fff;
}

.egdColumn:hover .btn {
    color: #fff;
}

.egdColumn .icnWrap {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    color: #fff;
    font-size: 52px;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 80px;
    height: 80px;
}

.egdColumn .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* ---------------------------------------------------------
103. dsSingleContent / .dsSingleContent
--------------------------------------------------------*/

.dsSingleContent p {
    margin-bottom: 25px;
}

/* ---------------------------------------------------------
104. dscInnerSliderWrap / .dscInnerSliderWrap
--------------------------------------------------------*/

.dscInnerSliderWrap {
    width: 100%;
    max-width: 290px;
}

/* ---------------------------------------------------------
105. dcsColumn / .dcsColumn
--------------------------------------------------------*/

.dcsColumn {
    border: 1px solid #e8e8e8;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    min-height: 187px;
    font-size: 14px;
}

.dcsColumn:hover {
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

.dcsColumn:hover .icnWrap {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    height: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
}

.dcsColumn:hover h3,
.dcsColumn:hover .h3 {
    margin-bottom: 13px;
}

.dcsColumn:hover .dcscCaptionWrap {
    opacity: 1;
    visibility: visible;
    max-height: 555px;
}

.dcsColumn:hover h3,
.dcsColumn:hover .h3 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.dcsColumn:hover .dcscCaptionWrap {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.dcsColumn:hover .icnWatermark {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.dcsColumn h3,
.dcsColumn .h3,
.dcsColumn .icnWatermark,
.dcsColumn .icnWrap,
.dcsColumn .dcscCaptionWrap {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dcsColumn .icnWrap {
    margin-top: -10px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
    visibility: visible;
    height: 50px;
    font-size: 42px;
}

.dcsColumn .icnWatermark {
    right: 46px;
    bottom: -12px;
    color: rgba(32, 43, 93, 0.1);
    font-size: 74px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
}

.dcsColumn h3,
.dcsColumn .h3 {
    margin-bottom: 0;
    font-size: 20px;
}

.dcsColumn p {
    margin-bottom: 15px;
}

/* ---------------------------------------------------------
106. dcscCaptionWrap / .dcscCaptionWrap
--------------------------------------------------------*/

.dcscCaptionWrap {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

/* ---------------------------------------------------------
107. coDefaultList / .coDefaultList
--------------------------------------------------------*/

.coDefaultList > li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 14px;
}

.coDefaultList > li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
}

.coDefaultList > li:before {
    content: "\e922";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------
108. drItemRow / .drItemRow
--------------------------------------------------------*/

.drItemRow {
    -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    border: 2px solid #e8e8e8;
    margin-bottom: -2px;
}

.drItemRow:hover {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

.drItemRow h4,
.drItemRow .h4 {
    font-size: 17px;
    line-height: 1.1764705882;
    word-break: break-all;
}

.drItemRow .fileSize {
    font-size: 15px;
}

.drItemRow .btnDownload {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    line-height: 1;
    font-size: 17px;
}

.drItemRow .btnDownload:hover {
    color: #0067da;
}

.ctaccRow {
    border: 1px solid #e8e8e8;
}

/* ---------------------------------------------------------
109. Accordion Opener / .ctaccOpener
--------------------------------------------------------*/

.ctaccOpener > a {
    padding: 17px 25px;
    display: block;
    color: #202b5d;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
}

.ctaccOpener > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
}

.ctaccOpener > a:after {
    border: solid #62718d;
    border-width: 0 0 1.5px 1.5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    margin-top: -4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.ctaccOpener > a[aria-expanded="true"]:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

/* ---------------------------------------------------------
110. saSocialNetworks / .saSocialNetworks
--------------------------------------------------------*/

.saSocialNetworks {
    margin-left: 12px;
    margin-right: -2px;
}

.saSocialNetworks li {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 10px;
}

.saSocialNetworks a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #202b5d;
    color: #fff;
    border-radius: 100%;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-size: 16px;
    width: 32px;
    height: 32px;
}

.saSocialNetworks a.facebook {
    background-color: #3b5998;
}

.saSocialNetworks a.facebook:hover {
    background-color: #2d4373;
}

.saSocialNetworks a.twitter {
    background-color: #18a6f0;
}

.saSocialNetworks a.twitter:hover {
    background-color: #0d88c8;
}

.saSocialNetworks a.pinterest {
    background-color: #dd4b39;
}

.saSocialNetworks a.pinterest:hover {
    background-color: #c23321;
}

.saSocialNetworks a.linkedin {
    background-color: #4c5fd7;
}

.saSocialNetworks a.linkedin:hover {
    background-color: #2c41c4;
}

/* ---------------------------------------------------------
111. saShareAside / .saShareAside
--------------------------------------------------------*/

.saShareAside .title,
.causeSingle .saShareAside .title {
    font-size: 22px;
    line-height: 1.1666666667;
}

.newsTagWrap .saShareAside .title {
    font-size: 18px;
}

/* ---------------------------------------------------------
112. Widget Nav / .widgetDepartsNav / .widgetFiltersNav
--------------------------------------------------------*/

.widgetDepartsNav li + li,
.widgetFiltersNav li + li {
    border-top: 1px solid #e5e5e5;
}

.widgetDepartsNav li.active > a,
.widgetFiltersNav li.active > a {
    background-color: #fff;
}

.widgetDepartsNav li a,
.widgetFiltersNav li a {
    font-size: 17px;
    line-height: 1.2352941176;
    padding: 14px 10px;
    color: #202b5d;
    display: block;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.widgetDepartsNav li a:hover,
.widgetFiltersNav li a:hover {
    background-color: #fff;
}

.btnDcsBack {
    font-size: 14px;
}

/* ---------------------------------------------------------
113. widgetHelp / .widgetHelp
--------------------------------------------------------*/

.widgetHelp {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4117647059;
    z-index: 1;
}

.widgetHelp .icnWrap {
    font-size: 54px;
}

/* ---------------------------------------------------------
114. whWatermarkIcn / .whWatermarkIcn
--------------------------------------------------------*/

.whWatermarkIcn {
    bottom: -32px;
    right: -24px;
    color: rgba(255, 255, 255, 0.1);
    font-size: 201px;
    z-index: -1;
}

/* ---------------------------------------------------------
115. awbHeadingHead / .awbHeadingHead
--------------------------------------------------------*/

.awbHeadingHead {
    font-size: 20px;
    line-height: 1.3;
}

.awbHeadingHead h2,
.awbHeadingHead .h2 {
    line-height: 1.25;
}

/* ---------------------------------------------------------
116. watermarkHeadingHead / .watermarkHeadingHead
--------------------------------------------------------*/

.watermarkHeadingHead[data-watermark] {
    z-index: 1;
}

.watermarkHeadingHead[data-watermark]:before {
    content: "";
    position: absolute;
    top: -110px;
    left: 40px;
}

.watermarkHeadingHead[data-watermark]:before {
    content: attr(data-watermark);
    color: rgba(19, 34, 68, 0.06);
    font-size: 210px;
    z-index: -1;
}

/* ---------------------------------------------------------
117. prtColumn / .prtColumn
--------------------------------------------------------*/

.prtColumn {
    line-height: 1.4117647059;
}

.prtColumn .icnWrap {
    height: 70px;
    font-size: 62px;
}

.prtColumn h3,
.prtColumn .h3 {
    line-height: 1.25;
    position: relative;
}

.prtColumn h3:after,
.prtColumn .h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.prtColumn h3:after,
.prtColumn .h3:after {
    background-color: #cacaca;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 1px;
}

/* ---------------------------------------------------------
118. vibrantAsideBlock / .vibrantAsideBlock
--------------------------------------------------------*/

.vibrantAsideBlock {
    font-size: 20px;
    line-height: 1.4;
}

.vibrantAsideBlock:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vibrantAsideBlock:before {
    background-color: rgba(6, 22, 58, 0.5);
}

.vibrantAsideBlock,
.vibrantAsideBlock .parallaxWindow {
    min-height: 360px;
}

.vibrantAsideBlock .parallaxWindow {
    left: 0;
    top: 0;
}

.vibrantAsideBlock .align {
    z-index: 1;
}

.vibrantAsideBlock h2,
.vibrantAsideBlock .h1 {
    line-height: 1.12;
}

.vibrantAsideBlock .vabMaxWrap {
    max-width: 450px;
}

.vibrantAsideBlock.noFixHeight,
.vibrantAsideBlock.noFixHeight .parallaxWindow {
    min-height: 100%;
}

.vibrantAsideBlock.noOverLay:before {
    content: none;
}

/* ---------------------------------------------------------
119. timelineList / .timelineList
--------------------------------------------------------*/

.timelineList {
    background-image: -webkit-linear-gradient(left, #dedede 0%, #dedede 100%);
    background-image: linear-gradient(90deg, #dedede 0%, #dedede 100%);
    background-size: 1px 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    max-width: 290px;
}

.timelineList:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
}

.timelineList:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
}

.timelineList:before,
.timelineList:after {
    border-radius: 100%;
    background-color: #dedede;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
}

.timelineList > li {
    overflow: hidden;
    position: relative;
}

.timelineList > li:before {
    content: "";
    position: absolute;
    top: 0;
}

.timelineList > li:after {
    content: "";
    position: absolute;
    top: 0;
}

.timelineList > li:before,
.timelineList > li:after {
    left: 50%;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.timelineList > li:before {
    border: 1px solid #e5e5e5;
    z-index: 1;
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    width: 36px;
    height: 36px;
}

.timelineList > li:after {
    z-index: 2;
    border-style: solid;
    border-width: 6px;
    margin-top: 7px;
    width: 22px;
    height: 22px;
}

.timelineList > li + li {
    margin-top: 35px;
}

.timelineList > li:nth-child(even) {
    text-align: right;
}

.timelineList > li:nth-child(even) .imgHolder {
    float: right;
}

.timelineList > li:nth-child(even) .tlDescriptionWrap {
    float: left;
}

.timelineList .imgHolder,
.timelineList .tlDescriptionWrap {
    float: left;
    width: 100%;
}

.timelineList .tlDescriptionWrap {
    float: right;
    background-color: #fff;
}

/* ---------------------------------------------------------
120. tlTimeTitle / .tlTimeTitle
--------------------------------------------------------*/

.tlTimeTitle {
    font-size: 22px;
    line-height: 1.1363636364;
}

/* ---------------------------------------------------------
121. introAboutBlock / .introAboutBlock
--------------------------------------------------------*/

.introAboutBlock .imagesHolder {
    padding-top: 68.8%;
}

.introAboutBlock .imgWrap1 {
    left: 0;
    top: 0;
    max-width: 63%;
}

.introAboutBlock .imgWrap1:before {
    content: "";
    position: absolute;
    bottom: -31px;
    left: 19px;
}

.introAboutBlock .imgWrap1:before {
    z-index: -1;
    background-image: url(images/bgPattern3.png);
    width: 102px;
    height: 32px;
}

.introAboutBlock .imgWrap2 {
    bottom: 0;
    right: -14px;
    z-index: 1;
    max-width: 45%;
}

/* ---------------------------------------------------------
122. adminCountsList / .adminCountsList
--------------------------------------------------------*/

.adminCountsList {
    margin-left: -10px;
    margin-right: -10px;
}

.adminCountsList li {
    padding-left: 10px;
    padding-right: 10px;
}

.adminCountsList h3,
.adminCountsList .h3 {
    font-size: 15px;
    line-height: 1.5294117647;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.adminCountsList .textLarge {
    font-size: 53px;
    line-height: 0.8333333333;
}

/* ---------------------------------------------------------
123. gsabHolder / .gsabHolder
--------------------------------------------------------*/

.gsabHolder {
    color: #8f9aa2;
    z-index: 1;
    min-height: 300px;
}

/* ---------------------------------------------------------
124. patternCircle / .patternCircle
--------------------------------------------------------*/

.patternCircle {
    z-index: -1;
    opacity: 0.2;
    border: 1px solid #e5e5e5;
    width: 421px;
    height: 421px;
}

.patternCircle1 {
    left: -6px;
    top: -285px;
}

.patternCircle2 {
    left: -8px;
    top: -265px;
}

.patternCircle3 {
    right: -270px;
    bottom: -270px;
}

/* ---------------------------------------------------------
125. tmcbSocialNetworks / .tmcbSocialNetworks
--------------------------------------------------------*/

.tmcbSocialNetworks {
    margin-left: -2px;
    margin-right: -2px;
}

.tmcbSocialNetworks li {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
}

.tmcbSocialNetworks a {
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #b0b8c6;
    color: #fff;
    font-size: 15px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 36px;
    height: 36px;
}

.tmcbSocialNetworks a:hover {
    background-color: #202b5d;
}

/* ---------------------------------------------------------
126. tmcbDescriptionBox / .tmcbDescriptionBox
--------------------------------------------------------*/

.tmcbDescriptionBox {
    z-index: 1;
}

.tmcbDescriptionBox .imgHolder {
    width: 260px;
    width: 260px;
    height: 260px;
}

.tmcbDescriptionBox h2,
.tmcbDescriptionBox .h2 {
    font-size: 24px;
}

.tmcbDescriptionBox h3,
.tmcbDescriptionBox .h3 {
    font-size: 18px;
}

.tmcbDescriptionBox .icnWatermark {
    bottom: -100px;
    right: -100px;
    font-size: 385px;
    color: rgba(38, 55, 135, 0.05);
    z-index: -1;
}

/* ---------------------------------------------------------
127. tmcbInfosList / .tmcbInfosList
--------------------------------------------------------*/

.tmcbInfosList dt {
    color: #202b5d;
    float: left;
    margin-right: 3px;
}

.tmcbInfosList dt,
.tmcbInfosList dd {
    margin-bottom: 14px;
}

.tmcbInfosList a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.tmcbInfosList a:hover {
    color: #202b5d;
}

/* ---------------------------------------------------------
128. edupiInfosList / .edupiInfosList
--------------------------------------------------------*/

.edupiInfosList {
    margin-left: -15px;
    margin-right: -15px;
}

.edupiInfosList > li {
    border-bottom: 1px solid #e5e5e5;
    width: calc(100% - 30px);
    margin: 0 15px 30px;
}

.edupiInfosList .edupiilWrap {
    padding-left: 0;
}

.edupiInfosList .edupiilWrap:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 3px;
}

.edupiInfosList .edupiilWrap:before {
    background-color: #fff;
    border-width: 3px;
    border-style: solid;
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.edupiInfosList .timeTitle {
    font-size: 20px;
    margin-bottom: 2px;
}

/* ---------------------------------------------------------
129. prgTopWrap / .prgTopWrap
--------------------------------------------------------*/

.prgTopWrap {
    margin-left: -5px;
    margin-right: -5px;
}

.prgTopWrap .wrap {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

/* ---------------------------------------------------------
130. progresWrap / .progresWrap
--------------------------------------------------------*/

.progresWrap .progressBar {
    height: 5px;
}

/* ---------------------------------------------------------
131. skillsRankList / .skillsRankList
--------------------------------------------------------*/

.skillsRankList > li {
    margin-bottom: 27px;
}

/* ---------------------------------------------------------
132. infigQuote / .infigQuote
--------------------------------------------------------*/

.infigQuote {
    color: #fff;
    right: -15px;
    bottom: -35px;
    font-size: 18px;
    line-height: 1.1818181818;
    max-width: 207px;
    border-radius: 4px;
}

.infigQuote a {
    color: inherit;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.infigQuote a:hover {
    color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------------------------
133. subDiscoverBlock / .subDiscoverBlock
--------------------------------------------------------*/

.subDiscoverBlock h2,
.subDiscoverBlock .h2 {
    line-height: 1.15;
}

/* ---------------------------------------------------------
134. gbfColumn / .gbfColumn
--------------------------------------------------------*/

.gbfColumn:hover .icnWrap {
    color: #fff;
}

.gbfColumn .icnWrap {
    font-size: 60px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 102px;
    height: 102px;
}

.gbfColumn h3,
.gbfColumn .h3 {
    line-height: 1.0909090909;
}

.gbfColumn h3:after,
.gbfColumn .h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.gbfColumn h3:after,
.gbfColumn .h3:after {
    background-color: rgba(6, 22, 58, 0.2);
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 1px;
}

.gbfColumn.gbfcVII h3:after,
.gbfColumn.gbfcVII .h3:after {
    width: 0;
    opacity: 0;
    -webkit-transition: all 0.35s ease !important;
    transition: all 0.35s ease !important;
}

.gbfColumn.gbfcVII:hover h3:after,
.gbfColumn.gbfcVII:hover .h3:after {
    width: 40px;
    opacity: 1;
}

/* ---------------------------------------------------------
135. listDefault / .listDefault
--------------------------------------------------------*/

.listDefault > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
}

.listDefault > li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
}

.listDefault > li:before {
    border-radius: 100%;
    background-color: #202b5d;
    width: 6px;
    height: 6px;
}

.dcsTabContent {
    border: 1px solid #e8e8e8;
}

/* ---------------------------------------------------------
136. dcsTabset / .dcsTabset
--------------------------------------------------------*/

.dcsTabset,
.dcsTabset.nav-tabs {
    margin-bottom: -1px;
}

.dcsTabset .nav-link,
.dcsTabset.nav-tabs .nav-link {
    font-weight: 500;
    font-size: 15px;
    padding: 10px 15px;
    line-height: 1.3;
    border-color: transparent;
    border-radius: 0;
    color: #202b5d;
    position: relative;
}

.dcsTabset .nav-link:after,
.dcsTabset.nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
}

.dcsTabset .nav-link:before,
.dcsTabset.nav-tabs .nav-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.dcsTabset .nav-link.active,
.dcsTabset.nav-tabs .nav-link.active {
    border-color: #e8e8e8;
}

.dcsTabset .nav-link.active:after,
.dcsTabset .nav-link.active:before,
.dcsTabset.nav-tabs .nav-link.active:after,
.dcsTabset.nav-tabs .nav-link.active:before {
    opacity: 1;
    visibility: visible;
}

.dcsTabset .nav-link:hover:before,
.dcsTabset.nav-tabs .nav-link:hover:before {
    opacity: 1;
    visibility: visible;
}

.dcsTabset .nav-link:after,
.dcsTabset.nav-tabs .nav-link:after {
    border-bottom: 1px solid #fff;
}

.dcsTabset .nav-link:before,
.dcsTabset.nav-tabs .nav-link:before {
    border-style: solid;
    border-width: 2px 0 0;
}

.dcsTabset .nav-link:before,
.dcsTabset .nav-link:after,
.dcsTabset.nav-tabs .nav-link:before,
.dcsTabset.nav-tabs .nav-link:after {
    opacity: 0;
    visibility: hidden;
}

/* ---------------------------------------------------------
137. drDocColumn / .drDocColumn
--------------------------------------------------------*/

.drDocColumn {
    font-size: 16px;
    line-height: 1.625;
}

.drDocColumn h2,
.drDocColumn .h2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 2px;
}

/* ---------------------------------------------------------
138. widgetFiltersNav / .widgetFiltersNav
--------------------------------------------------------*/

.widgetFiltersNav {
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 0;
    right: 15px;
    max-height: 64px;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.widgetFiltersNav h3,
.widgetFiltersNav .h3 {
    cursor: pointer;
}

.widgetFiltersNav h3:after,
.widgetFiltersNav .h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
}

.widgetFiltersNav h3:after,
.widgetFiltersNav .h3:after {
    border: solid currentColor;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -5px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 8px;
    height: 8px;
}

.widgetFiltersNav.openActive {
    max-height: 999px;
}

.widgetFiltersNav.openActive h3:after,
.widgetFiltersNav.openActive .h3:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

/* ---------------------------------------------------------
139. hasFilterPositioned / .hasFilterPositioned
--------------------------------------------------------*/

.hasFilterPositioned {
    padding-top: 90px;
}

.docHeadingHead {
    font-size: 16px;
}

/* ---------------------------------------------------------
140. ifbFilterHead / .ifbFilterHead
--------------------------------------------------------*/

.ifbFilterHead.ifbFilterHeadAlter .btn {
    width: 163px;
}

.ifbFilterHead .formCol {
    width: 100%;
}

.ifbFilterHead label {
    font-size: 16px;
}

.ifbFilterHead .btn {
    margin-bottom: 12px;
    width: 176px;
}

.ifbFilterHead .btn:before,
.ifbFilterHead .btn .btnText {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ---------------------------------------------------------
141. pagination / .pagination
--------------------------------------------------------*/

.pagination .page-item {
    margin-left: 4px;
    margin-right: 4px;
}

.pagination .page-item.active .page-link {
    color: #fff;
}

.pagination .page-item.disabled {
    display: none;
}

.pagination .page-link {
    font-size: 16px;
    line-height: 1;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.pagination .page-link:hover {
    color: #fff;
}

.pagination .icn {
    font-size: 0.7em;
}

/* ---------------------------------------------------------
142. ueEveColumn__list / .ueEveColumn__list
--------------------------------------------------------*/

.ueEveColumn__list {
    border: 1px solid #e8e8e8;
    margin-bottom: -1px;
    -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease,
        border 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease,
        border 0.3s ease;
}

.ueEveColumn__list:hover {
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    border-color: #fff;
    background-color: #fff;
}

.ueEveColumn__list h3,
.ueEveColumn__list .h3 {
    line-height: 1.0833333333;
}

.ueEveColumn__list .imgHolder {
    width: 90px;
    height: 90px;
}

.ueEveColumn__list .btnCustomLightOutline:before {
    color: #fff;
}

/* ---------------------------------------------------------
143. uecTime / .uecTime
--------------------------------------------------------*/

.uecTime {
    font-size: 14px;
    line-height: 1;
    width: 120px;
}

.uecTime .textLarge {
    font-size: 30px;
}

.uecTime .textDay {
    color: #b0b8c6;
    font-size: 16px;
}

/* ---------------------------------------------------------
144. ifbFiltersList / .ifbFiltersList
--------------------------------------------------------*/

.ifbFiltersList li {
    margin-bottom: 10px;
}

.ifbFiltersList li + li {
    margin-left: 5px;
}

.ifbFiltersList li.active a {
    color: #fff;
}

.ifbFiltersList a {
    display: block;
    color: #42516d;
    font-size: 17px;
    line-height: 1.1764705882;
    padding: 11px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.ifbFiltersList a:hover {
    color: #fff;
}

/* ---------------------------------------------------------
145. searchForm / .searchForm
--------------------------------------------------------*/

.searchForm .form-control::-webkit-input-placeholder {
    color: #a6afbd;
}

.searchForm .form-control::-moz-placeholder {
    opacity: 1;
    color: #a6afbd;
}

.searchForm .form-control:-moz-placeholder {
    color: #a6afbd;
}

.searchForm .form-control:-ms-input-placeholder {
    color: #a6afbd;
}

.searchForm .form-control.placeholder {
    color: #a6afbd;
}

/* ---------------------------------------------------------
146. widgetArchiveList / .widgetArchiveList
--------------------------------------------------------*/

.widgetArchiveList li {
    margin-bottom: 9px;
}

.widgetArchiveList a {
    position: relative;
    padding-left: 14px;
    display: block;
    color: #62718d;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.widgetArchiveList a:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
}

.widgetArchiveList a:before {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 0.6em;
}

.widgetArchiveList a:hover {
    color: #202b5d;
}

/* ---------------------------------------------------------
147. widgetUpcoming / .widgetUpcoming
--------------------------------------------------------*/

.widgetUpcoming li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 1.3333333333;
}

.widgetUpcoming li + li {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-top: 18px;
}

.widgetUpcoming .imgHolder {
    width: 80px;
}

.widgetUpcoming h4,
.widgetUpcoming .h4 {
    font-size: 18px;
    line-height: 1.3333333333;
}

.widgetUpcoming .readMoreLink {
    font-size: 18px;
}

/* ---------------------------------------------------------
148. widgetGallery / .widgetGallery
--------------------------------------------------------*/

.widgetGallery ul {
    margin-left: -5px;
    margin-right: -5px;
    max-width: 325px;
}

.widgetGallery li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    width: 33.333%;
}

.widgetGallery a {
    display: block;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.widgetGallery a:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.widgetGallery img {
    width: 100%;
}

/* ---------------------------------------------------------
149. widgetTags / .widgetTags
--------------------------------------------------------*/

.widgetTags,
.tagList {
    margin-left: -5px;
    margin-right: -5px;
}

.widgetTags li,
.tagList li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.widgetTags a,
.tagList a {
    display: block;
    font-size: 15px;
    line-height: 1.3333333333;
    color: #62718d;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    padding: 2px 9px;
}

.tagList a {
    background-color: #fff;
    border-color: #fff;
}

/* ---------------------------------------------------------
150. tagsWrap / .tagsWrap
--------------------------------------------------------*/

.tagsWrap .title {
    font-size: 15px;
}

/* ---------------------------------------------------------
151. dtlhDress / .dtlhDress
--------------------------------------------------------*/

.dtlhDress {
    color: #fff;
}

.dtlhDress .title {
    font-size: 24px;
}

.dtlhDress .icnWatermark {
    position: absolute;
    bottom: -10px;
    right: 33px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 60px;
}

.dtlhDress .col-12:nth-child(2) {
    background-color: #f23213;
}

/* ---------------------------------------------------------
152. countdownAside / .countdownAside
--------------------------------------------------------*/

.countdownAside {
    background-color: #2a2c37;
    color: #ccc;
}

/* ---------------------------------------------------------
153. cdScheduleList / .cdScheduleList
--------------------------------------------------------*/

.cdScheduleList {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
}

.cdScheduleList li {
    padding-left: 27px;
    padding-right: 24px;
}

.cdScheduleList .title {
    font-size: 36px;
    line-height: 1;
}

/* ---------------------------------------------------------
154. listCountDefault / .listCountDefault
--------------------------------------------------------*/

.listCountDefault {
    counter-reset: item;
}

.listCountDefault > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 13px;
}

.listCountDefault > li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.listCountDefault > li:before {
    counter-increment: item;
    content: counters(item, ".", decimal) ".";
}

/* ---------------------------------------------------------
155. scgSpeakersSlider / .scgSpeakersSlider
--------------------------------------------------------*/

.scgSpeakersSlider .slick-list {
    padding-top: 10px;
}

/* ---------------------------------------------------------
156. speakerColumn / .speakerColumn
--------------------------------------------------------*/

.speakerColumn {
    box-shadow: 0 6px 10px rgba(6, 22, 58, 0.07) !important;
}

.speakerColumn h3,
.speakerColumn .h3 {
    font-size: 20px;
}

.speakerColumn h4,
.speakerColumn .h4 {
    font-size: 17px;
    color: #62718d;
}

/* ---------------------------------------------------------
157. scgTabList / .scgTabList
--------------------------------------------------------*/

.scgTabList {
    border-bottom: 1px solid #e8e8e8;
}

.scgTabList .nav-item + .nav-item,
.scgTabList.nav-tabs .nav-item + .nav-item {
    margin-left: 8px;
}

.scgTabList .nav-link,
.scgTabList.nav-tabs .nav-link {
    font-weight: 500;
    position: relative;
    border: 0;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    color: #62718d;
    background-color: transparent;
    font-size: 12px;
    padding: 0 0 8px;
}

.scgTabList .nav-link:after,
.scgTabList.nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
}

.scgTabList .nav-link.active,
.scgTabList.nav-tabs .nav-link.active {
    color: #202b5d;
}

.scgTabList .nav-link.active:after,
.scgTabList.nav-tabs .nav-link.active:after {
    opacity: 1;
    visibility: visible;
}

.scgTabList .nav-link:after,
.scgTabList.nav-tabs .nav-link:after {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 2px;
}

.scgTabList .nav-link:hover,
.scgTabList.nav-tabs .nav-link:hover {
    color: #202b5d;
    background-color: transparent;
}

/* ---------------------------------------------------------
158. scgGalleryList / .scgGalleryList
--------------------------------------------------------*/

.scgGalleryList {
    margin-left: -10px;
    margin-right: -10px;
}

.scgGalleryList li {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: 100%;
}

.scgGalleryList img {
    width: 100%;
}

/* ---------------------------------------------------------
159. postNavigatorNav / .postNavigatorNav
--------------------------------------------------------*/

.postNavigatorNav {
    border: solid #eee;
    border-width: 1px 0;
}

.postNavigatorNav .btnPrev,
.postNavigatorNav .btnNext {
    border: 1px solid #e5e5e5;
    color: #62718d;
    font-size: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color 0.3s ease, background-color 0.3s ease,
        background-position 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease,
        background-position 0.3s ease;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
}

.postNavigatorNav .btnPrev:hover,
.postNavigatorNav .btnNext:hover {
    color: #fff;
    background-position: 0 32px;
}

.postNavigatorNav .btnPrev {
    left: 0;
}

.postNavigatorNav .btnNext {
    right: 0;
}

/* ---------------------------------------------------------
160. pnnPaginList / .pnnPaginList
--------------------------------------------------------*/

.pnnPaginList li {
    width: calc(50% - 50px);
}

.pnnPaginList li + li {
    text-align: right;
}

.pnnPaginList li > a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-size: 15px;
}

.pnnPaginList li > a:hover {
    color: #0067da;
}

.pnnPaginList h4,
.pnnPaginList .h4 {
    font-size: 16px;
}

/* ---------------------------------------------------------
161. newsClassicColumn / .newsClassicColumn
--------------------------------------------------------*/

.newsClassicColumn {
    line-height: 1.6470588235;
}

.newsClassicColumn .title {
    font-size: 16px;
}

.newsClassicColumn .title > i {
    vertical-align: -2px;
}

.newsClassicColumn .title > i.icn {
    vertical-align: -3px;
}

/* ---------------------------------------------------------
162. btnYouPlay / .btnYouPlay
--------------------------------------------------------*/

.btnYouPlay {
    border-radius: 9px;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 48px;
}

.btnYouPlay:hover {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

.btnYouPlay:before {
    display: block;
    content: "";
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent currentColor;
    width: 0;
    height: 0;
}

/* ---------------------------------------------------------
163. Share Link / .btnLinkShare
--------------------------------------------------------*/

.btnLinkShare {
    border: 1px solid #e0e0e0;
    color: #62718d;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    width: 38px;
    height: 38px;
}

.btnLinkShare:hover {
    color: #fff;
}

/* ---------------------------------------------------------
164. widgetVote / .widgetVote
--------------------------------------------------------*/

.widgetVote {
    background-position: 50% 100%;
    background-color: #66b7fd;
    color: #fff;
    min-height: 298px;
}

.widgetVote h3,
.widgetVote .h3 {
    color: inherit;
}

.widgetVote .btn {
    min-width: 133px;
}

.widgetVote .btn:before,
.widgetVote .btn .btnText {
    border-radius: 3px;
}

/* ---------------------------------------------------------
165. fpListWidget / .fpListWidget
--------------------------------------------------------*/

.fpListWidget ul li {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.fpListWidget ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.fpListWidget ul li:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.fpListWidget .prPrice {
    color: #62718d;
}

.fpListWidget .imgWrap {
    overflow: hidden;
}

.fpListWidget .imgWrap img {
    -webkit-transition: -webkit-transform 0.55s linear;
    transition: -webkit-transform 0.55s linear;
    transition: transform 0.55s linear;
    transition: transform 0.55s linear, -webkit-transform 0.55s linear;
}

/* ---------------------------------------------------------
166. ctSorterWrapHeader / .ctSorterWrapHeader
--------------------------------------------------------*/

.ctSorterWrapHeader {
    font-size: 14px;
    line-height: 1.7142857143;
    margin-bottom: 25px;
}

.ctSorterWrapHeader p {
    margin-bottom: 0;
}

/* ---------------------------------------------------------
167. dsSortDropdown / .dsSortDropdown
--------------------------------------------------------*/

.dsSortDropdown {
    max-width: 245px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    border: 1px solid #e5e5e5;
}

.dsSortDropdown #dropdownMenuLink {
    display: block;
    color: #62718d;
    padding: 7px 20px 7px;
    position: relative;
}

.dsSortDropdown #dropdownMenuLink:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 20px;
}

.dsSortDropdown #dropdownMenuLink:after {
    color: #62718d;
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 0.6em;
}

/* ---------------------------------------------------------
168. proItemCol / .proItemCol
--------------------------------------------------------*/

.proItemCol {
    max-width: 272px;
    background-color: #fff;
    padding: 0 10px 24px;
    margin: 0 auto 30px;
    -webkit-transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
}

.proItemCol .imageHolder {
    overflow: hidden;
    margin: 0 -10px 21px;
}

.proItemCol .btnWrap {
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    font-size: 18px;
    line-height: 1;
    margin-left: -10px;
    margin-right: -10px;
    bottom: 30px;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.proItemCol .btnWrap .btnMinSm {
    min-width: 147px;
}

.proItemCol .btn:before,
.proItemCol .btnText {
    padding-top: 0.344rem;
    padding-bottom: 0.344rem;
}

.proItemCol:hover {
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1) !important;
}

.proItemCol:hover .btnWrap {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.proItemCol .prName {
    font-size: 18px;
}

.proItemCol .prPrice {
    color: #62718d;
    margin-bottom: 0;
}

.proItemCol[data-featured-tag]:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
}

.proItemCol[data-featured-tag]:before {
    font-weight: 500;
    content: attr(data-featured-tag);
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px 0 0 0;
    font-size: 14px;
    line-height: 1;
    min-width: 54px;
    text-align: center;
    padding: 5px 4px 5px;
    z-index: 1;
    background-color: #77a464;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* ---------------------------------------------------------
169. checkoutAlert / .checkoutAlert
--------------------------------------------------------*/

.checkoutAlert {
    color: #62718d;
    background-color: #e8eaee;
    border-radius: 0;
    margin-bottom: 25px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* ---------------------------------------------------------
170. alertPopBtn / .alertPopBtn
--------------------------------------------------------*/

.alertPopBtn {
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #202b5d;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.alertPopBtn:hover {
    text-decoration: underline;
    color: #62718d;
}

.alertPopBtn:focus {
    outline: 0;
}

/* ---------------------------------------------------------
171. alertCollapseWrap / .alertCollapseWrap
--------------------------------------------------------*/

.alertCollapseWrap {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px 15px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
}

.alertCollapseWrap .alertPopForm label {
    font-size: 17px;
}

.alertCollapseWrap .alertPopForm .btnGary {
    min-width: 90px;
}

.alertCollapseWrap .alertPopForm .customCheckboxLabel {
    vertical-align: middle;
}

.alertCollapseWrap .alertPopForm .txtLink {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    font-size: 17px;
    color: #202b5d;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.alertCollapseWrap .alertPopForm .txtLink:hover {
    color: #62718d;
}

/* ---------------------------------------------------------
172. fakeInput / .fakeInput
--------------------------------------------------------*/

.fakeInput {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

/* ---------------------------------------------------------
173. customCheckboxLabel / .customCheckboxLabel
--------------------------------------------------------*/

.customCheckboxLabel .cuFakeLabel {
    font-weight: 500;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    color: #62718d;
    cursor: pointer;
}

.customCheckboxLabel .cuFakeLabel:before,
.customCheckboxLabel .cuFakeLabel:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
}

.customCheckboxLabel .cuFakeLabel:before {
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background-color: transparent;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
}

.customCheckboxLabel .cuFakeLabel:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: transparent;
    width: auto;
    height: auto;
    left: 6px;
    font-size: 9px;
    top: -1px;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform 0.1s ease, -webkit-transform 0.1s;
}

.customCheckboxLabel .fakeInput:checked + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ---------------------------------------------------------
174. customRadioBtnLabel / .customRadioBtnLabel
--------------------------------------------------------*/

.customRadioBtnLabel .fakeInput {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.customRadioBtnLabel .cuFakeLabel {
    position: relative;
    padding-left: 30px;
    line-height: 21px;
    color: #62718d;
    cursor: pointer;
}

.customRadioBtnLabel .cuFakeLabel:before,
.customRadioBtnLabel .cuFakeLabel:after {
    position: absolute;
    content: "";
}

.customRadioBtnLabel .cuFakeLabel:before {
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
}

.customRadioBtnLabel .cuFakeLabel:after {
    width: 8px;
    height: 8px;
    background-color: #202b5d;
    border-radius: 50%;
    top: 6px;
    left: 3px;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform 0.1s ease, -webkit-transform 0.1s;
}

.customRadioBtnLabel .fakeInput:checked + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ---------------------------------------------------------
175. couponAlertPopup / #couponAlertPopup
--------------------------------------------------------*/

#couponAlertPopup .btnTheme:before,
#couponAlertPopup .btnTheme .btnText {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* ---------------------------------------------------------
176. bilingDetailsWrap / .bilingDetailsWrap
--------------------------------------------------------*/

.bilingDetailsWrap .formCol {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.bilingDetailsWrap .formCol.formCol50 {
    width: 50%;
}

.bilingDetailsWrap .fLabel {
    font-weight: 500;
    margin-bottom: 5px;
}

.bilingDetailsWrap .form-group .form-control::-webkit-input-placeholder {
    color: #919baf;
    font-size: 15px;
    font-weight: 500;
}

.bilingDetailsWrap .form-group .form-control::-moz-placeholder {
    opacity: 1;
    color: #919baf;
    font-size: 15px;
    font-weight: 500;
}

.bilingDetailsWrap .form-group .form-control:-moz-placeholder {
    color: #919baf;
    font-size: 15px;
    font-weight: 500;
}

.bilingDetailsWrap .form-group .form-control:-ms-input-placeholder {
    color: #919baf;
    font-size: 15px;
    font-weight: 500;
}

.bilingDetailsWrap .form-group .form-control.placeholder {
    color: #919baf;
    font-size: 15px;
    font-weight: 500;
}

.bilingDetailsWrap .form-group .form-control + .form-control {
    margin-top: 10px;
}

.bilingDetailsWrap label.h2vii {
    font-weight: 700;
    color: #202b5d;
    line-height: 1.2222222222;
}

.bilingDetailsWrap label.h2vii:before {
    top: 8px !important;
}

.bilingDetailsWrap label.h2vii:after {
    top: 12px !important;
}

.bilingDetailsWrap .order-notes {
    height: 80px;
}

/* ---------------------------------------------------------
177. coolSelectWrapper / .coolSelectWrapper
--------------------------------------------------------*/

.coolSelectWrapper {
    width: 100%;
    position: relative;
}

.coolSelectWrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
}

.coolSelectWrapper:before {
    color: #919baf;
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 0.73em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ---------------------------------------------------------
178. coolSelect / .coolSelect
--------------------------------------------------------*/

.coolSelect {
    font-size: 15px;
    color: #919baf;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* ---------------------------------------------------------
179. checkoutCountTable / .checkoutCountTable
--------------------------------------------------------*/

.checkoutCountTable {
    border: 1px solid #e8e8e8;
    color: #202b5d;
    min-width: 455px;
}

.checkoutCountTable thead th {
    border-bottom-width: 1px;
}

.checkoutCountTable td,
.checkoutCountTable th {
    padding: 0.96rem 1.5625rem;
}

.checkoutCountTable .proItemName {
    color: #62718d;
    font-size: 16px;
}

.checkoutCountTable .col01 {
    width: 60%;
}

.checkoutCountTable .cuFakeLabel {
    font-size: 15px;
    color: #62718d;
}

.checkoutCountTable .cuFakeLabel .price {
    color: #202b5d;
}

.pmsWrap {
    background-color: #e8eaee;
}

/* ---------------------------------------------------------
180. placeOrder / .placeOrder
--------------------------------------------------------*/

.placeOrder {
    margin-top: 40px;
    border-top: 1px solid #e0e0e0;
    padding: 20px 28px 20px 28px;
}

.placeOrder .btnTheme {
    min-width: 180px;
}

/* ---------------------------------------------------------
181. pmSlctList / .pmSlctList
--------------------------------------------------------*/

.pmSlctList {
    padding: 40px 25px 0;
}

.pmSlctList .cuFakeLabel {
    font-size: 18px;
    color: #202b5d;
}

.pmSlctList li {
    margin-bottom: 15px;
}

.pmSlctList li:last-child {
    margin-bottom: 0;
}

.pmSlctList .pmNotePop {
    font-size: 17px;
    line-height: 22px;
    color: #62718d;
    border-radius: 3px;
    background-color: #fff;
    padding: 27px 22px 20px 22px;
    margin-bottom: 13px;
    margin-top: 15px;
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: 0;
    overflow: hidden;
    font-weight: 500;
    transition: height 0.35s ease, transform 0.35s ease,
        -webkit-transform 0.35s ease;
}

.pmSlctList .pmNotePop:before,
.pmSlctList .pmNotePop:after {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 40px;
    border: 1px solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
}

.pmSlctList .pmNotePop:before {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
}

.pmSlctList .pmNotePop:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.pmSlctList .fakeInput:checked + .cuFakeLabel + .pmNotePop,
.pmSlctList .fakeInput:checked + .cuFakeLabel + img + a + .pmNotePop {
    display: inline-block;
    max-height: 500px;
    overflow: visible;
    transition: height 0.35s ease, transform 0.35s ease,
        -webkit-transform 0.35s ease;
}

/* ---------------------------------------------------------
182. reviewSubmissionForm / .reviewSubmissionForm
--------------------------------------------------------*/

.reviewSubmissionForm h4 {
    font-size: 24px;
}

.reviewSubmissionForm .btnTheme {
    min-width: 115px;
}

.reviewSubmissionForm .form-group {
    margin-bottom: 20px;
}

.reviewSubmissionForm .col-form-label {
    padding-top: 0;
}

.reviewSubmissionForm .req {
    font-style: normal;
}

/* ---------------------------------------------------------
183. ratingStarList / .ratingStarList
--------------------------------------------------------*/

.ratingStarList li {
    margin-right: 1px;
    font-size: 14px;
    line-height: 14px;
    color: #ccc;
}

.ratingStarList li a {
    color: #ccc;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* ---------------------------------------------------------
184. reviewsList / .reviewsList
--------------------------------------------------------*/

.reviewsList li {
    overflow: hidden;
    margin-bottom: 20px;
}

.reviewsList .descrWrap h3 {
    font-size: 18px;
}

.reviewsList .ratingStarList li {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}

.reviewsList .time {
    font-size: 16px;
    color: #42516d;
    font-weight: 500;
}

.reviewsList .alignleft {
    float: none;
    width: 82px;
    margin: 0 0 15px;
}

/* ---------------------------------------------------------
185. sdbWDescription / .sdbWDescription
--------------------------------------------------------*/

.sdbWDescription .ratingStarList li {
    font-size: 14px;
    line-height: 14px;
}

.sdbWDescription h4 {
    color: #62718d;
}

.sdbWDescription .shpDefinaition {
    margin-bottom: 0;
    font-size: 16px;
}

.sdbWDescription .shpDefinaition dt {
    margin-bottom: 2px;
    margin-right: 5px;
    float: left;
    clear: left;
    color: #62718d;
}

.sdbWDescription .shpDefinaition dd {
    color: #202b5d;
    overflow: hidden;
    margin-bottom: 2px;
    font-weight: 600;
}

.sdbWDescription h3,
.sdbWDescription .h3 {
    font-size: 26px;
}

/* ---------------------------------------------------------
186. cartForm / .cartForm
--------------------------------------------------------*/

.cartForm .btnTheme {
    min-width: 207px;
}

/* ---------------------------------------------------------
187. quantity / .quantity
--------------------------------------------------------*/

.quantity {
    width: 79px;
    height: 49px;
    margin-right: 15px;
}

.quantity input {
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    color: #202b5d;
    padding-left: 25px;
    padding-right: 20px;
}

.quantity .quantity-button {
    position: absolute;
    right: 15px;
    cursor: pointer;
    text-align: center;
    color: #aaa;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.quantity .quantity-button.quantity-plus {
    top: 12px;
}

.quantity .quantity-button.quantity-minus {
    bottom: 12px;
}

/* ---------------------------------------------------------
188. cartTable / .cartTable
--------------------------------------------------------*/

.cartTable {
    color: #202b5d;
    min-width: 760px;
}

.cartTable .col01 {
    width: 50%;
}

.cartTable .col02,
.cartTable .col03 {
    width: 14%;
}

.cartTable .col04 {
    width: 22%;
}

.cartTable thead th {
    border-top: 0;
    border-bottom: 0;
    background-color: #e8eaee;
    padding: 15px 0 15px 0;
}

.cartTable thead tr th:first-child {
    padding-left: 30px;
}

.cartTable .h6 {
    font-size: 16px;
}

.cartTable tbody td {
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
}

.cartTable td.cart-item-details {
    padding: 20px 0 20px 26px;
}

.cartTable td.cart-item-details .h6 {
    color: #62718d;
}

.cartTable td.product-subtotal {
    padding: 40px 0 0;
}

.cartTable td.product-quantity {
    padding: 32px 0 0;
}

.cartTable td.product-total {
    padding: 40px 0 0;
}

.cartTable .remove-item {
    position: absolute;
    right: 27px;
    top: -3px;
    width: 26px;
    height: 26px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #25282e;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.cartTable .remove-item:hover {
    color: #1B8C42;
}

.cartTable .quantity {
    width: 70px;
    height: 34px;
}

.cartTable .quantity .quantity-button {
    width: 15px;
    height: 11px;
    font-size: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eee;
    right: 5px;
    color: #555;
}

.cartTable .quantity .quantity-button.quantity-plus {
    top: 5px;
}

.cartTable .quantity .quantity-button.quantity-minus {
    bottom: 5px;
}

.cartTable .quantity input {
    font-size: 16px;
    font-weight: 500;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-left: 15px;
}

.cartTable .product-price-amount {
    position: relative;
}

.cartTable tfoot td {
    padding: 25px 0;
}

.cartTable tfoot .btn {
    font-size: 16px;
}

.cartTable tfoot .btn:before,
.cartTable tfoot .btn .btnText {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    border-width: 2px;
}

.cartTable tfoot .btn-outline-secondary {
    min-width: 146px;
}

.cartTable .coupenFormControl {
    width: 160px;
    height: 40px;
    font-size: 15px;
    color: #202b5d;
}

.cartTable .coupenFormControl::-webkit-input-placeholder {
    color: #62718d;
}

.cartTable .coupenFormControl::-moz-placeholder {
    opacity: 1;
    color: #62718d;
}

.cartTable .coupenFormControl:-moz-placeholder {
    color: #62718d;
}

.cartTable .coupenFormControl:-ms-input-placeholder {
    color: #62718d;
}

.cartTable .coupenFormControl.placeholder {
    color: #62718d;
}

/* ---------------------------------------------------------
189. cartTotals / .cartTotals
--------------------------------------------------------*/

.cartTotals {
    font-weight: 500;
    color: #202b5d;
}

.cartTotals .col01 {
    width: 30%;
}

.cartTotals thead th {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
    font-size: 30px;
    font-weight: 500;
    color: #202b5d;
}

.cartTotals tbody td {
    border: 1px solid #e8e8e8;
    padding: 20px 15px;
}

.cartTotals tbody tr td:first-child {
    background-color: #fcfcfc;
}

.cartTotals tfoot td {
    padding: 25px 0;
}

.cartTotals .cuFakeLabel {
    font-size: 15px;
    color: #62718d;
    font-weight: 500;
}

.cartTotals .cuFakeLabel .price {
    color: #202b5d;
}

.cartTotals strong.price {
    font-size: 16px;
}

.cartTotals .tdWrap {
    font-size: 15px;
}

.cartTotals .form-control::-webkit-input-placeholder {
    color: #919baf;
    font-size: 15px;
}

.cartTotals .form-control::-moz-placeholder {
    opacity: 1;
    color: #919baf;
    font-size: 15px;
}

.cartTotals .form-control:-moz-placeholder {
    color: #919baf;
    font-size: 15px;
}

.cartTotals .form-control:-ms-input-placeholder {
    color: #919baf;
    font-size: 15px;
}

.cartTotals .form-control.placeholder {
    color: #919baf;
    font-size: 15px;
}

.cartTotals .btnGary {
    min-width: 136px;
    font-size: 15px;
}

.cartTotals .btnGary:before,
.cartTotals .btnGary .btnText {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.cartTotals .btnTheme {
    font-size: 20px;
}

.cartTotals .btnTheme:before,
.cartTotals .btnTheme .btnText {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

/* ---------------------------------------------------------
190. testimonialsBlock / .testimonialsBlock
--------------------------------------------------------*/

.testimonialsBlock .watermarkHeadingHead[data-watermark] {
    z-index: 1;
}

.testimonialsBlock .watermarkHeadingHead[data-watermark]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
}

.testimonialsBlock .watermarkHeadingHead[data-watermark]:before {
    content: attr(data-watermark);
    font-size: 80px;
    -webkit-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
}

/* ---------------------------------------------------------
191. quotesSlider / .quotesSlider
--------------------------------------------------------*/

.quotesSlider {
    position: relative;
    z-index: 2;
}

/* ---------------------------------------------------------
192. clientQuote / .clientQuote
--------------------------------------------------------*/

.clientQuote .profilePicWrap {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    width: 125px;
    height: 125px;
}

.clientQuote q {
    color: #62718d;
    font-size: 20px;
    quotes: none;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s ease,
        -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease,
        -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease,
        -webkit-transform 0.5s ease;
}

.clientQuote q:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.clientQuote q:before {
    top: 12px;
    left: 0;
    content: "\e900";
    font-size: 28px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clientQuote .eWrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s ease,
        -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease,
        -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease,
        -webkit-transform 0.5s ease;
}

.clientQuote cite {
    font-size: 18px;
    color: #202b5d;
    font-style: normal;
    line-height: 1.3333333333;
}

.clientQuote .subtitle {
    font-size: 15px;
    line-height: 1.2;
    color: #62718d;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

.slick-current.slick-active .clientQuote q,
.slick-current.slick-active .clientQuote .profilePicWrap,
.slick-current.slick-active .clientQuote .eWrap {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.slick-current.slick-active .clientQuote .profilePicWrap {
    -webkit-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}

/* ---------------------------------------------------------
193. becomeVolunteerForm / .becomeVolunteerForm
--------------------------------------------------------*/

.becomeVolunteerForm .widgetFormtHead {
    font-size: 16px;
}

.becomeVolunteerForm .form-group {
    margin-bottom: 20px;
}

.becomeVolunteerForm .fLabel {
    margin-bottom: 5px;
}

/* ---------------------------------------------------------
194. thanksForSupportingBlock / .thanksForSupportingBlock
--------------------------------------------------------*/

.thanksForSupportingBlock {
    z-index: 1;
}

.thanksForSupportingBlock:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.thanksForSupportingBlock:before {
    z-index: -1;
    background-image: url(images/img130.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
}

.thanksForSupportingBlock header {
    font-weight: 600;
}

/* ---------------------------------------------------------
195. dfsFormWrap / .dfsFormWrap
--------------------------------------------------------*/

.dfsFormWrap {
    max-width: 750px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------------------------
196. donationForm / .donationForm
--------------------------------------------------------*/

.donationForm {
    position: relative;
    z-index: 3;
    font-size: 16px;
}

.donationForm .form-control[readonly] {
    background-color: transparent;
    font-size: 20px;
    color: #202b5d;
    font-weight: 600;
}

.donationForm .form-control[readonly]:focus {
    border-color: #ccc;
}

.donationForm .widgetFormtHead {
    overflow: hidden;
    margin: -20px -25px 25px;
    padding: 10px 25px;
}

.donationForm .widgetFormtHead .h4 {
    font-size: 20px;
}

.donationForm .colFormLabel {
    font-size: 20px;
    color: #202b5d;
    font-weight: 600;
}

.donationForm .colFormLabel span {
    border-bottom: 1px solid #e5e5e5;
}

.donationForm .customRadioInput {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.donationForm .input-group-text {
    border-color: #e5e5e5;
    font-size: 20px;
    color: #202b5d;
    font-weight: 600;
    padding: 0.563rem 0.75rem;
}

.donationForm #donation-total-amount {
    font-size: 18px;
    padding: 0.5rem 1.345rem;
}

.donationForm .input-group-prepend {
    overflow: hidden;
}

.donationForm .wdFromLabel {
    margin-bottom: 4px;
}

.donationForm .form-group {
    margin-bottom: 20px;
}

.donationForm .form-group .form-check-inline:last-child .cuFakeLabel {
    margin-bottom: 0;
}

.donationForm .igWrap .form-control {
    height: 50px;
}

.donationForm .customRadioBtnLabel .cuFakeLabel:after {
    width: 9px;
    height: 9px;
}

.donationForm .customRadioBtnLabel .cuFakeLabel:before {
    width: 15px;
    height: 15px;
    border-color: #ccc;
    box-shadow: none;
}

.donationForm
    .customRadioBtnLabel
    .customRadioInput:checked
    + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ---------------------------------------------------------
197. customRadioTabBtnLabel / .customRadioTabBtnLabel
--------------------------------------------------------*/

.customRadioTabBtnLabel input[type="radio"] {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.customRadioTabBtnLabel .cuFakeLabel {
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    padding: 11px 18.55px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    margin-bottom: 10px;
    color: #202b5d;
    font-weight: 600;
    text-transform: uppercase;
}

.customRadioTabBtnLabel .cuFakeLabel:hover {
    color: #fff;
    border-width: 1px;
    border-style: solid;
}

.customRadioTabBtnLabel .customRadioInput:checked + .cuFakeLabel,
.customRadioTabBtnLabel .customRadioInput:hover + .cuFakeLabel {
    color: #fff;
    border-width: 1px;
    border-style: solid;
    background-color: #202b5d;
}

/* ---------------------------------------------------------
198. ourPromiseBlock / .ourPromiseBlock
--------------------------------------------------------*/

.ourPromiseBlock {
    background-color: #ebebeb;
}

.ourPromiseBlock .btnPlayHolder {
    position: relative;
    z-index: 1;
}

.ourPromiseBlock .videoWrap {
    z-index: 1;
    height: 300px;
    position: relative;
}

.ourPromiseBlock .videoWrap .btnPlayWrap {
    border-radius: 10px;
    padding: 20px 15px;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.ourPromiseBlock .videoWrap .btPlTxt {
    font-size: 16px;
    color: #202b5d;
}

.ourPromiseBlock .videoWrap .btnPlay {
    border: 2px solid rgba(255, 53, 20, 0.3);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 54px;
    height: 54px;
}

.ourPromiseBlock .videoWrap .btnPlay:after {
    border-left: 13px solid #fff;
    position: absolute;
    content: "";
    display: block;
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    height: 0;
    width: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}

.ourPromiseBlock .videoWrap .btnPlay:before {
    position: absolute;
    content: "";
    background-color: rgba(255, 53, 20, 0.25);
    top: 50%;
    left: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

/* ---------------------------------------------------------
199. opbTabset / .opbTabset
--------------------------------------------------------*/

.opbTabset {
    border-bottom: 0;
}

.opbTabset .nav-item {
    margin-right: 10px;
}

.opbTabset .nav-item:last-child {
    margin-right: 0;
}

.opbTabset .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #202b5d;
    background-color: #fff;
    border-radius: 50px;
    border: 0;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    padding: 2px 0.5em;
}

.opbTabset .nav-link.active,
.opbTabset .nav-link:hover {
    color: #fff;
}

/* ---------------------------------------------------------
200. progressBar / .progressBar
--------------------------------------------------------*/

.progressBar {
    width: 100%;
    height: 4px;
    background-color: #e8e8e8;
}

.progressBar .percentageProgBar {
    height: inherit;
    display: block;
    position: relative;
}

.progressBar .percentageProgBar .bar {
    height: inherit;
    display: inline-block;
}

.progressBar .percentageProgBar .over {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.75s linear;
    transition: all 0.75s linear;
}

.progressBar .pbCountNumber {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    color: #fff;
    width: 48px;
    height: 24px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
}

/* ---------------------------------------------------------
201. ourCauseColumn / .ourCauseColumn
--------------------------------------------------------*/

.ourCauseColumn {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.ourCauseColumn:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.ourCauseColumn .btn-dark {
    min-width: 125px;
}

.ourCauseColumn .btn-dark:before,
.ourCauseColumn .btn-dark .btnText {
    padding: 0.438rem 1.1rem;
}

.ourCauseColumn h3,
.ourCauseColumn .h3 {
    font-size: 26px;
}

/* ---------------------------------------------------------
202. ucListWidget / .ucListWidget
--------------------------------------------------------*/

.ucListWidget ul li {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.ucListWidget ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ucListWidget .causeCounterWrap {
    font-size: 15px;
}

.ucListWidget .btn-dark {
    min-width: 100px;
    font-size: 15px;
}

.ucListWidget .btn-dark:before,
.ucListWidget .btn-dark .btnText {
    padding: 0.188rem 0.5rem;
}

/* ---------------------------------------------------------
203. causesListWrap / .causesListWrap
--------------------------------------------------------*/

.causesListWrap .ourCauseColumn .imgHolder {
    position: relative;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* ---------------------------------------------------------
204. Page Header 2 / .headervii
--------------------------------------------------------*/

.headervii .logo {
    max-width: 120px;
    padding: 10px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.headervii .logo a {
    width: 100%;
}

/* ---------------------------------------------------------
205. Call to Link / .callLink
--------------------------------------------------------*/

.callLink {
    font-size: 16px;
    line-height: 16px;
    font-family: "Cabin", sans-serif;
    color: #202b5d;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}

.callLink .icn {
    font-size: 22px;
}

.callLink .txt {
    font-size: 13px;
    line-height: 18px;
    color: #62718d;
}

/* ---------------------------------------------------------
206. ftsrLinksListvii / .ftsrLinksListvii
--------------------------------------------------------*/

.ftsrLinksListvii a {
    padding-left: 0;
}

.ftsrLinksListvii a:before {
    content: none;
}

/* ---------------------------------------------------------
207. ftpScheduleListvii / .ftpScheduleListvii
--------------------------------------------------------*/

.ftpScheduleListvii .icn {
    display: none;
}

.ftpScheduleListvii .title {
    color: #b0b8ca;
}

.ftpScheduleListvii li {
    padding-left: 0;
}

/* ---------------------------------------------------------
208. ftPlacevii / .ftPlacevii
--------------------------------------------------------*/

.ftPlacevii {
    z-index: 1;
}

.ftPlacevii:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 146px;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url(images/bgPattern3.png);
}

/* ---------------------------------------------------------
209. mapHolder / .mapHolder
--------------------------------------------------------*/

.mapHolder .contactCard {
    z-index: 1;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0;
}

/* ---------------------------------------------------------
210. testimonialSlider / .testimonialSlider
--------------------------------------------------------*/

.testimonialSlider .slick-list {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ---------------------------------------------------------
211. clientFeedback / .clientFeedback
--------------------------------------------------------*/

.clientFeedback {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.clientFeedback.shadowLg {
    box-shadow: 0 2px 16px rgba(6, 22, 58, 0.1);
}

/* ---------------------------------------------------------
212. clientQuoteii / .clientQuoteii
--------------------------------------------------------*/

.clientQuoteii {
    position: relative;
}

.clientQuoteii:after {
    position: absolute;
    content: "\e900";
    font-family: "icomoon" !important;
    right: 0;
    bottom: 13px;
    font-size: 24px;
    z-index: 0;
}

.clientQuoteii cite {
    font-size: 15px;
    font-style: normal;
}

.clientQuoteii cite .h5 {
    font-size: 18px;
}

/* ---------------------------------------------------------
213. appAdvartiseBlock / .appAdvartiseBlock
--------------------------------------------------------*/

.appAdvartiseBlock .headingHead {
    font-size: 17px;
}

.appAdvartiseBlock .imgWrap {
    position: absolute;
    bottom: -1px;
}

.serResRow {
    counter-reset: item;
}

/* ---------------------------------------------------------
214. serResCol / .serResCol
--------------------------------------------------------*/

.serResCol {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.serResCol .serTxtNbr {
    color: #dedede;
}

.serResCol .serTxtNbr:before {
    font-size: 26px;
    counter-increment: item;
    content: "0" counter(item);
}

.serResCol .btnText,
.serResCol .btn:before {
    padding-top: 0.344rem;
    padding-bottom: 0.344rem;
}

/* ---------------------------------------------------------
215. serResList / .serResList
--------------------------------------------------------*/

.serResList li {
    margin-bottom: 4px;
}

.serResList li:last-child {
    margin-bottom: 0;
}

.serResList a {
    color: #62718d;
}

.serResList a:hover {
    color: #202b5d;
}

/* ---------------------------------------------------------
216. exploreHighlightBlock / .exploreHighlightBlock
--------------------------------------------------------*/

.exploreHighlightBlock .erHeadingHead {
    color: #e8eaee;
}

/* ---------------------------------------------------------
217. echSlidervii / .echSlidervii
--------------------------------------------------------*/

.echSlidervii .echColumn {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.exploreCityBlock,
.mayorAnnoucmentBlock {
    background-color: #faf9f8;
}

/* ---------------------------------------------------------
218. ecbCol / .ecbCol
--------------------------------------------------------*/

.ecbCol {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1);
}

.ecbCol .icnWrap {
    background-color: rgba(255, 53, 20, 0.2);
    width: 51px;
    height: 51px;
    font-size: 40px;
    font-weight: 800;
    color: #202b5d;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ecbCol:hover .icnWrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #1B8C42;
}

/* ---------------------------------------------------------
219. upEventsList / .upEventsList
--------------------------------------------------------*/

.upEventsList {
    font-size: 16px;
}

.upEventsList > li + li {
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 13px;
}

/* ---------------------------------------------------------
220. subsNewsLettForm / .subsNewsLettForm
--------------------------------------------------------*/

.subsNewsLettForm .form-control {
    height: 60px;
}

.subsNewsLettForm .form-control::-webkit-input-placeholder {
    color: #dedede;
    font-size: 17px;
}

.subsNewsLettForm .form-control:-moz-placeholder {
    color: #dedede;
    font-size: 17px;
}

.subsNewsLettForm .form-control::-moz-placeholder {
    color: #dedede;
    font-size: 17px;
}

.subsNewsLettForm .form-control:-ms-input-placeholder {
    color: #dedede;
    font-size: 17px;
}

.subsNewsLettForm .btn-dark .btnText,
.subsNewsLettForm .btn-dark:before {
    padding-top: 0.969rem !important;
    padding-bottom: 0.969rem !important;
}

/* ---------------------------------------------------------
221. govServiceCol / .govServiceCol
--------------------------------------------------------*/

.govServiceCol {
    border: 1px solid #e8e8e8;
    -webkit-transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
}

.govServiceCol .icnWrap {
    position: absolute;
    top: 30px;
    left: 30px;
    -webkit-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
    font-size: 60px;
    line-height: 60px;
}

.govServiceCol .detailWrap {
    margin-top: 80px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.govServiceCol .onHover {
    position: relative;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    max-height: 0;
}

.govServiceCol .onHover p,
.govServiceCol .onHover .btnCr {
    opacity: 0;
    visibility: hidden;
}

.govServiceCol .bgSerIcn {
    right: 20px;
    bottom: -30px;
    font-size: 60px;
    line-height: 60px;
    color: rgba(32, 43, 93, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.govServiceCol:hover {
    box-shadow: 10px 0 40px rgba(32, 43, 93, 0.1);
}

.govServiceCol:hover .icnWrap {
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.govServiceCol:hover .bgSerIcn {
    bottom: -12px;
    opacity: 1;
    visibility: visible;
}

.govServiceCol:hover .detailWrap {
    margin-top: 0;
}

.govServiceCol:hover .onHover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-height: 100%;
}

.govServiceCol:hover .onHover p,
.govServiceCol:hover .onHover .btnCr {
    opacity: 1;
    visibility: visible;
}

/* ---------------------------------------------------------
222. mayorQuote / .mayorQuote
--------------------------------------------------------*/

.mayorQuote {
    font-size: 18px;
}

.mayorQuote q:before,
.mayorQuote q:after {
    content: none;
}

.mayorQuote .wrap {
    font-style: normal;
}

.mayorQuote .wrap .name {
    color: #202b5d;
    font-family: "Cabin", sans-serif;
}

/* ---------------------------------------------------------
223. widgetWrap / .widgetWrap
--------------------------------------------------------*/

.widgetWrap {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
}

.widgetWrap .erLinksList > li a:hover:after {
    right: 20px;
    margin-top: -8px;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border: 0;
    content: "\e907";
    font-family: "icomoon" !important;
}

/* ---------------------------------------------------------
224. mayorAnnoucmentBlock / .mayorAnnoucmentBlock
--------------------------------------------------------*/

.mayorAnnoucmentBlock .imgWrap {
    bottom: 0;
    left: -160px;
    width: 400px;
}

/* ---------------------------------------------------------
225. ftAreaWrapvii / .ftAreaWrapvii
--------------------------------------------------------*/

.ftAreaWrapvii {
    color: #7b859d;
    background-color: #1B8C42;
}

.ftAreaWrapvii .ftConnectAside {
    background-color: #132244;
    border-bottom: 0;
}

.ftAreaWrapvii .footerAside {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ftAreaWrapvii .ftSubscribeForm .form-control {
    background-color: #2a3856;
    border-color: #2a3856;
    color: #fff;
}

/* ---------------------------------------------------------
226. Page 404 Coming Up / .page_404 / .page-comingup
--------------------------------------------------------*/

.page_404 .btn-dark,
.page-comingup .btn-dark {
    min-width: 186px;
}

.page_404 .form-control,
.page-comingup .form-control {
    height: 60px;
}

.page_404 .form-control::-webkit-input-placeholder,
.page-comingup .form-control::-webkit-input-placeholder {
    color: #999eac;
}

.page_404 .form-control::-moz-placeholder,
.page-comingup .form-control::-moz-placeholder {
    opacity: 1;
    color: #999eac;
}

.page_404 .form-control:-moz-placeholder,
.page-comingup .form-control:-moz-placeholder {
    color: #999eac;
}

.page_404 .form-control:-ms-input-placeholder,
.page-comingup .form-control:-ms-input-placeholder {
    color: #999eac;
}

.page_404 .form-control.placeholder,
.page-comingup .form-control.placeholder {
    color: #999eac;
}

.page_404 .header-404,
.page-comingup .header-404 {
    font-size: 130px;
    line-height: 130px;
    font-weight: 500;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.page-comingup {
    min-height: 100vh;
}

/* ---------------------------------------------------------
227. My Tab / #myTab
--------------------------------------------------------*/

#myTab {
    border-bottom: 0;
}

#myTab .nav-item {
    margin-right: 25px;
}

#myTab .nav-item:last-child {
    margin-right: 0;
}

#myTab .tablink {
    font-size: 24px;
    color: #202b5d;
    position: relative;
    border: 0;
    padding: 0;
}

#myTab .tablink:before {
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    height: 2px;
    width: 0;
    padding: 0;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

#myTab .tablink.active:before,
#myTab .tablink:hover:before {
    opacity: 1;
    width: 100%;
}

/* ---------------------------------------------------------
228. Login Content / #loginTabContent
--------------------------------------------------------*/

#loginTabContent .form-group {
    margin-bottom: 20px;
}

#loginTabContent label {
    margin-bottom: 12px;
}

#loginTabContent .txtLink {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

#loginTabContent .txtLink:hover {
    color: #202b5d !important;
}

/* ---------------------------------------------------------
229. cgdOrgDetailList / .cgdOrgDetailList
--------------------------------------------------------*/

.cgdOrgDetailList li {
    width: 100%;
    margin-bottom: 25px;
}

.cgdOrgDetailList .ddTitle {
    color: #202b5d;
    margin-bottom: 2px;
}

.cgdOrgDetailList .ddDetail {
    color: #62718d;
}

/* ---------------------------------------------------------
230. cDonCol / .cDonCol
--------------------------------------------------------*/

.cDonCol {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.cDonCol .cDonImgWrap {
    width: 70px;
    height: 70px;
    background-color: #e5e5e5;
    font-size: 16px;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.cDonCol .cDonarName {
    font-size: 18px;
    color: #202b5d;
}

.cDonCol .cDonatationAmount {
    font-size: 16px;
}

.cDonCol .d_amount {
    color: #42516d;
}

/* ---------------------------------------------------------
231. causeSingle / .causeSingle
--------------------------------------------------------*/

.causeSingle .scgTabContent .txtLink {
    font-size: 18px;
}

.causeSingle .donationForm .btnTheme {
    min-width: 185px;
}

.causeSingle .progressBar {
    height: 6px;
}

.causeSingle .title {
    font-size: 16px;
}

.causeSingle .ourCauseColumn:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.causeSingle .ourCauseColumn[data-featured-tag]:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
}

.causeSingle .ourCauseColumn[data-featured-tag]:before {
    font-weight: 500;
    content: attr(data-featured-tag);
    color: #fff;
    border-radius: 50px;
    font-size: 17px;
    line-height: 1;
    min-width: 54px;
    text-align: center;
    padding: 4px 13px 5px;
    z-index: 1;
}

/* ---------------------------------------------------------
232. echColumnii / .echColumnii
--------------------------------------------------------*/

.echColumnii:after {
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.echColumnii:hover:after {
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, 0.85) 100%
    );
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, 0.85) 100%
    );
}

.echColumnii .spanLinkGo {
    color: #fff;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.echColumnii .spanLinkGo:hover {
    opacity: 0.95;
}

/* ---------------------------------------------------------
233. echColumnClassic / .echColumnClassic
--------------------------------------------------------*/

.echColumnClassic {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.echColumnClassic:hover {
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

.echColumnClassic .echCatTitle {
    color: #62718d;
}

.echColumnClassic .imgWrap img {
    width: 100%;
}

/* ---------------------------------------------------------
234. echColumnModern / .echColumnModern
--------------------------------------------------------*/

.echColumnModern {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.echColumnModern .echCountTag {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.035s ease !important;
    transition: all 0.035s ease !important;
}

.echColumnModern .echcCaptionWrap {
    position: absolute;
    width: calc(100% - 40px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.echColumnModern .imgWrap img {
    width: 100%;
}

.echColumnModern:hover {
    box-shadow: none;
}

.echColumnModern:hover .echCountTag,
.echColumnModern:hover .echcCaptionWrap {
    opacity: 1;
    visibility: visible;
}

.echColumnModern:hover .echcCaptionWrap {
    bottom: 20px;
}

/* ---------------------------------------------------------
235. potSingGallery / .potSingGallery
--------------------------------------------------------*/

.potSingGallery {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.potSingGallery img {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.potSingGallery:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.portSingPagiWrap {
    border-top: 1px solid #e5e5e5;
}

.portSingPagiWrap .postNavigatorNav .btnPrev,
.portSingPagiWrap .postNavigatorNav .btnNext {
    width: 40px;
    height: 40px;
}

/* ---------------------------------------------------------
236. psMetaList / .psMetaList
--------------------------------------------------------*/

.psMetaList li {
    margin-bottom: 20px;
}

.psMetaList li:last-child {
    margin-bottom: 0;
}

.psMetaList .socialNetworks li {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 7px;
}

.psMetaList .socialNetworks li:last-child {
    padding-right: 0;
}

/* ---------------------------------------------------------
237. proTagList / .proTagList
--------------------------------------------------------*/

.proTagList li {
    font-size: 16px;
    margin-right: 25px;
}

.proTagList li:last-child {
    margin-right: 0;
}

/* ---------------------------------------------------------
238. faqAccordion / .faqAccordion
--------------------------------------------------------*/

.faqAccordion .ctaccRow {
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    background-color: #fff;
    border: 0;
}

.faqAccordion .ctaccOpener > a {
    font-size: 18px;
    font-weight: 600;
    padding: 24px 35px 25px 25px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.faqAccordion .ctaccOpener > a:after {
    -webkit-transition: -webkit-transform 0.35s linear;
    transition: -webkit-transform 0.35s linear;
    transition: transform 0.35s linear;
    transition: transform 0.35s linear, -webkit-transform 0.35s linear;
}

.faqAccordion .ctaccOpener a[aria-expanded="true"]:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.faqAccordion .ctaccOpener a[aria-expanded="true"],
.faqAccordion .ctaccOpener a:hover {
    color: #0067da !important;
}

/* ---------------------------------------------------------
239. commentForm / .commentForm
--------------------------------------------------------*/

.commentForm .form-group {
    margin-bottom: 20px;
}

.commentForm .form-control::-webkit-input-placeholder {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #62718d;
    font-size: 17px;
    font-weight: 600;
}

.commentForm .form-control::-moz-placeholder {
    opacity: 1;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #62718d;
    font-size: 17px;
    font-weight: 600;
}

.commentForm .form-control:-moz-placeholder {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #62718d;
    font-size: 17px;
    font-weight: 600;
}

.commentForm .form-control:-ms-input-placeholder {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #62718d;
    font-size: 17px;
    font-weight: 600;
}

.commentForm .form-control.placeholder {
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #62718d;
    font-size: 17px;
    font-weight: 600;
}

.commentForm textarea,
.commentForm textarea.form-control {
    height: 180px;
}

/* ---------------------------------------------------------
240. contactInfoList / .contactInfoList
--------------------------------------------------------*/

.contactInfoList {
    line-height: 1.25;
}

.contactInfoList li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
}

.contactInfoList .icn {
    width: 18px;
    font-size: 16px;
    left: 0;
    top: 2px;
    color: #62718d;
}

/* ---------------------------------------------------------
241. getDirColumn / .getDirColumn
--------------------------------------------------------*/

.getDirColumn .gdcHolder {
    box-shadow: 0 6px 10px rgba(6, 22, 58, 0.07);
}

.getDirColumn .ardBadge {
    color: #fff;
    font-size: 18px;
    padding: 3px 9px;
}

.getDirColumn address {
    font-size: 16px;
}

.getDirColumn .contactInfoList li {
    margin-bottom: 8px;
}

.getDirColumn .contactInfoList li:last-child {
    margin-bottom: 0;
}

.getDirColumn .btnGetDir {
    font-size: 16px;
    color: #202b5d;
    border-radius: 50px;
    border: 1px solid #e5e5e5;
    min-width: 135px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-weight: 500;
}

.getDirColumn .btnGetDir:hover {
    color: #0067da;
}

.getDirColumn .btnGetDir:before {
    content: none;
}

/* ---------------------------------------------------------
242. arddColumnSlider / .arddColumnSlider
--------------------------------------------------------*/

.arddColumnSlider .slick-list {
    padding-top: 30px;
    padding-bottom: 30px;
}

.arddColumnSlider .slick-arrow {
    left: -264px;
    top: auto;
    bottom: 120px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 1px solid #e5e5e5;
}

.arddColumnSlider .slick-arrow.slickPrev {
    left: -324px;
}

/* ---------------------------------------------------------
243. display-3 / .display-3
--------------------------------------------------------*/

.display-3 {
    font-size: 2.0625rem;
}

/* ---------------------------------------------------------
244. countdownList / .countdownList
--------------------------------------------------------*/

.countdownList {
    font-size: 15px;
    line-height: 1;
    margin-left: -5px;
    margin-right: -5px;
}

.countdownList > li {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.countdownList > li:after {
    position: absolute;
    content: ":";
    right: 0;
    top: 35%;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.countdownList > li:last-child:after {
    content: none;
}

.countdownList > li .h1 {
    font-size: 40px;
}

/* ---------------------------------------------------------
245. getResultsWrap / .getResultsWrap
--------------------------------------------------------*/

.getResultsWrap .btnGreyAlter {
    font-size: 18px;
    max-width: 79px;
    min-width: 79px;
}

.getResultsWrap .btnGreyAlter:before,
.getResultsWrap .btnGreyAlter .btnText {
    padding: 0.188rem 0;
}

.getResultsWrap #amount {
    font-size: 14px;
    color: #202b5d;
}

/* ---------------------------------------------------------
246. Ui Widget Content / .ui-widget-content
--------------------------------------------------------*/

.ui-widget.ui-widget-content {
    border-color: #e5e5e5;
}

.ui-widget.ui-slider.ui-slider-horizontal {
    border-radius: 0;
    height: 5px;
    border: 0;
    background-color: #e5e5e5;
    margin: 0 3px 20px 11px;
    cursor: pointer;
}

.ui-widget.ui-slider.ui-slider-horizontal .ui-slider-handle {
    border-radius: 100%;
    background-color: #fff;
    border-color: #e5e5e5;
    top: -6px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.ui-widget.ui-slider.ui-slider-horizontal .ui-slider-handle:focus-visible {
    outline: 0;
}

.ui-widget.ui-slider.ui-slider-horizontal .ui-widget-header {
    border-radius: 0;
    border: 0;
}

/* ---------------------------------------------------------
247. fabBtNoteTextWrap / .fabBtNoteTextWrap
--------------------------------------------------------*/

.fabBtNoteTextWrap .btn-dark.btnSwitchDark {
    color: #fff;
}

.fabBtNoteTextWrap .btn-dark.btnSwitchDark:before,
.fabBtNoteTextWrap .btn-dark.btnSwitchDark .btnText {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* ---------------------------------------------------------
248. nwssHolder / .nwssHolder
--------------------------------------------------------*/

.nwssHolder .vssIcn {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
}

.nwssHolder .vssOpener {
    border-radius: 50px;
    position: relative;
    z-index: 3;
}

.nwssHolder .vssOpener.hover {
    background-color: #f52200;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nwssHolder .vssLink {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nwssHolder .vssLink:hover {
    background-color: #f52200;
}

/* ---------------------------------------------------------
249. vssDropdownHolder / .vssDropdownHolder
--------------------------------------------------------*/

.vssDropdownHolder {
    border-radius: 50px;
}

.vssDropdownHolder .vssDropdown {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 2;
}

.vssDropdownHolder:hover .vssDropdown li {
    opacity: 1;
    visibility: visible;
}

.vssDropdownHolder:hover .vssDropdown li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.vssDropdownHolder:hover .vssDropdown li:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

/* ---------------------------------------------------------
250. vssDropdownList / .vssDropdownList
--------------------------------------------------------*/

.vssDropdownList li {
    position: absolute;
    display: block;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

.vssDropdownList li:nth-child(1) {
    padding-bottom: 25px;
    bottom: -25px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.vssDropdownList li:nth-child(2) {
    bottom: 34px;
}

.vssDropdownList li:nth-child(3) {
    bottom: 68px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.vssDropdownList li:nth-child(3) .vssLink {
    padding-top: 8px;
}

/* ---------------------------------------------------------
251. widgetProfilerInfo / .widgetProfilerInfo
--------------------------------------------------------*/

.widgetProfilerInfo .socialNetworks li + li {
    margin-left: 3px;
}

.widgetProfilerInfo .socialNetworks a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background-color: #62718d;
}

.widgetProfilerInfo .socialNetworks a:hover {
    background-color: #202b5d;
}

/* ---------------------------------------------------------
252. newsSingleWrap / .newsSingleWrap
--------------------------------------------------------*/

.newsSingleWrap .nrcHead {
    font-size: 16px;
}

.newsSingleWrap .dropCap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    font-weight: 600;
    font-family: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.05);
}

.newsSingleWrap .newsTagWrap {
    font-size: 15px;
    background-color: #ecedf5;
    padding: 12px 10px 2px 10px;
}

.newsSingleWrap .tagList a {
    border-radius: 3px;
}

.newsSingleWrap .nwzPostDetailList li + li {
    margin-top: 40px;
}

.newsSingleWrap .ntwTagTitle {
    font-size: 18px;
}

/* ---------------------------------------------------------
253. noFoundContentBlock / .noFoundContentBlock
--------------------------------------------------------*/

.noFoundContentBlock .btn:before,
.noFoundContentBlock .btn .btnText {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

/* ---------------------------------------------------------
254. ctMapWrap / .ctMapWrap
--------------------------------------------------------*/

.ctMapWrap {
    padding-top: 31.25%;
}

.ctMapWrap.cmwBg {
    z-index: -1;
    padding-top: 0;
    left: 0;
    top: 0;
}

.ctMapWrap iframe {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.scgTabContent .ctMapWrap {
    padding-top: 57.3%;
}

.widget .ueEveColumn h3,
.widget .ueEveColumn .h3 {
    color: #202b5d;
}

/*------------------------------------------------------------------
Animations
-------------------------------------------------------------------*/

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@media (min-width: 768px) {
    .commentlist-item .commentlist-item {
        padding: 0 0 0 2em;
    }
}

@media (min-width: 1230px) {
    .container.containerSmall {
        max-width: 830px;
    }

    .container.containerMedium {
        max-width: 1100px;
    }
}

@media (min-width: 1450px) {
    .flatpWrap:before {
        left: -50px;
        right: -50px;
    }
}

@media (max-width: 991.98px) {
    .navigation .page-numbers,
    .navigation-comments .page-numbers {
        padding: 0;
    }

    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev {
        padding: 0.2em;
    }

    .navigation-single .next a,
    .navigation-single .prev a {
        padding: 0.2em;
    }
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

@media (max-height: 576px) {
    .fancybox-caption {
        padding: 12px;
    }

    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes icnjuggle {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20%,
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    60%,
    70% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes icnjuggle {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    20%,
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    60%,
    70% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes icnbounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25%,
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes icnbounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25%,
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg)
            scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg)
            scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
            scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}