.hdDropdownList a,
.hdSearchOpener,
.mainNavigation .nav-link,
.hdAlterLinksList a,
.hdScheduleList a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

@font-face {
    font-family: Govazd;
    src: url("fonts/govazd.woff") format("woff"),
        url("fonts/govazd.ttf") format("truetype"),
        url("fonts/govazd.html") format("svg");
    font-weight: 400;
    font-style: normal;
}
@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: #ff3514;
}

.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;
}
@media (min-width: 768px) {
    .commentlist-item .commentlist-item {
        padding: 0 0 0 2em;
    }
}

.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;
}
@media (max-width: 991.98px) {
    .navigation .page-numbers,
    .navigation-comments .page-numbers {
        padding: 0;
    }
}
.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;
}
@media (max-width: 991.98px) {
    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev {
        padding: 0.2em;
    }
}

.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;
}
@media (max-width: 991.98px) {
    .navigation-single .next a,
    .navigation-single .prev a {
        padding: 0.2em;
    }
}
.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;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-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);
    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;
}

/* 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: 999999999;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    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;
    -moz-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;
    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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

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

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

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

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    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;
    -moz-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;
    -webkit-box-shadow: none;
    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);
    transform: scaleX(0);
    -webkit-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;
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.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);
    transform: scaleX(1);
}

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

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

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-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);
}

@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;
    }
}
.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;
    -moz-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;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    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;
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/*! 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;
    -moz-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;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    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 {
    -webkit-filter: inherit;
    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 #dddddd;
    background: #ffffff;
    color: #333333;
}

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

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

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

/* 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 #cccccc;
    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 {
    -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.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: #ffffff;
}

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

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    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: #aaaaaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

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

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

.fwMedium {
    font-weight: 500;
}

.fwSemiBold {
    font-weight: 600;
}

.fontBase,
.cartTable .coupenFormControl.placeholder,
.cartTable .coupenFormControl:-ms-input-placeholder,
.cartTable .coupenFormControl:-moz-placeholder,
.cartTable .coupenFormControl::-moz-placeholder,
.cartTable .coupenFormControl::-webkit-input-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";
}

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

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

.overflowVisible {
    overflow: visible;
}

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

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

@media (min-width: 768px) {
    .desktopDropOnHover {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-transition: opacity 0.35s ease, visibility 0.35s ease,
            -webkit-transform 0.35s ease;
        transition: opacity 0.35s ease, visibility 0.35s ease,
            -webkit-transform 0.35s ease;
        transition: transform 0.35s ease, opacity 0.35s ease,
            visibility 0.35s ease;
        transition: transform 0.35s ease, opacity 0.35s ease,
            visibility 0.35s ease, -webkit-transform 0.35s ease;
    }
}

.alignHolder {
    min-height: inherit;
}

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

.bgLight {
    background-color: #f6f6f6;
}

.btnText {
    padding: 0.626rem 1.1875rem;
    border: 1px solid transparent;
    opacity: 1;
    -webkit-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%;
}

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

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

.btnWhiteOutline:before {
    color: #2a2c37;
    background-color: #fff;
    border-color: #fff;
}
.btnWhiteOutline .btnText {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btnGaryWhite:before {
    color: #2a2c37;
    border-color: #e6e6e6;
    background-color: #e6e6e6;
}
.btnGaryWhite .btnText {
    color: #2a2c37;
    background-color: #fff;
    border-color: #fff;
}
.btnGaryWhite.hoverYellow:before {
    color: #fff;
    background-color: #f0c84c;
    border-color: #f0c84c;
}
.btnGaryWhite.hoverBlue:before {
    color: #fff;
    background-color: #202b5d;
    border-color: #202b5d;
}

.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;
}
.btn-outline-secondary.btnTheme5Hover:before {
    color: #fff;
    border-color: #df193a;
    background-color: #df193a;
}

.btn-outline-theme9:before,
.btn-outline-theme9 .btnText {
    border-color: #f0c84c;
}
.btn-outline-theme9:before {
    color: #fff;
    border-color: #f0c84c;
    background-color: #f0c84c;
}

.btnCustomLightOutline:before {
    border-color: #e0e0e0;
    color: #06163a;
    background-color: #e0e0e0;
}
.btnCustomLightOutline .btnText {
    border-color: #e0e0e0;
    color: #202b5d;
    background-color: transparent;
}
.btnCustomLightOutline.btnHoverAlt:before {
    color: #fff;
    border-color: #f0c84c;
    background-color: #f0c84c;
}
.btnCustomLightOutline.btnTheme5Hover:before {
    color: #fff;
    border-color: #df193a;
    background-color: #df193a;
}

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

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

.btnTheme6Primary:before {
    color: #62718d;
    border-color: #f0c84c;
    background-color: transparent;
}
.btnTheme6Primary .btnText {
    color: #fff;
    background-color: #f0c84c;
    border-color: #f0c84c;
}
.btnTheme6Primary.hoverBlack:before {
    color: #fff;
    border-color: #111111;
    background-color: #111111;
}

.btnTheme5Primary:before {
    color: #df193a;
    background-color: #fff;
    border-color: #df193a;
}
.btnTheme5Primary .btnText {
    color: #fff;
    border-color: #df193a;
    background-color: #df193a;
}

.btnBlack:before {
    color: #fff;
    background-color: #06163a;
    border-color: #06163a;
}
.btnBlack .btnText {
    color: #fff;
    border-color: #111111;
    background-color: #111111;
}
.btnBlack.btnHoverAlt:before {
    color: #fff;
    border-color: #f0c84c;
    background-color: #f0c84c;
}

.bdrWidthAlter {
    border-width: 2px;
}

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

.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: #06163a;
    color: #06163a;
}
.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: #06163a;
    border-color: #06163a;
    color: #fff;
}
.btn-dark.hoverBlue:before {
    color: #fff;
    background-color: #0067da;
    border-color: #0067da;
}

.btnCustomSmall {
    font-size: 20px;
}
.btnCustomSmall:before,
.btnCustomSmall .btnText {
    padding: 2px 18px;
}

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

.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: #d6d6d577;
}

.parallaxWindow {
    min-height: 100vh;
}

@media (min-width: 1230px) {
    .container.containerSmall {
        max-width: 830px;
    }
}
@media (min-width: 1230px) {
    .container.containerMedium {
        max-width: 1100px;
    }
}

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

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

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

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

.bgParallaxItem {
    background-attachment: fixed;
}

.fontCabinSketch {
    font-family: "Cabin Sketch", cursive;
}

.hTitle {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 13px;
    color: #f0a94c;
    font-weight: 400;
}

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

@media (min-width: 768px) {
    h1,
    .h1 {
        font-size: 2.5rem;
    }
}
@media (min-width: 992px) {
    h1,
    .h1 {
        font-size: 2.8125rem;
    }
}
@media (min-width: 1230px) {
    h1,
    .h1 {
        font-size: 3.125rem;
    }
}

@media (min-width: 768px) {
    h2,
    .h2 {
        font-size: 2rem;
    }
}
@media (min-width: 992px) {
    h2,
    .h2 {
        font-size: 2.25rem;
    }
}
@media (min-width: 1230px) {
    h2,
    .h2 {
        font-size: 2.5rem;
    }
}

.lh44 {
    line-height: 1.1;
}

.h1Large {
    font-size: 40px;
    line-height: 1.0714285714;
}
@media (min-width: 768px) {
    .h1Large {
        font-size: 45px;
    }
}
@media (min-width: 992px) {
    .h1Large {
        font-size: 50px;
    }
}
@media (min-width: 1230px) {
    .h1Large {
        font-size: 60px;
    }
}
@media (min-width: 1330px) {
    .h1Large {
        font-size: 70px;
    }
}

.h2Small {
    font-size: 28px;
    line-height: 1.2222222222;
}
@media (min-width: 992px) {
    .h2Small {
        font-size: 30px;
    }
}
@media (min-width: 1230px) {
    .h2Small {
        font-size: 36px;
    }
}

.h2vii {
    font-size: 28px;
    line-height: 1.2222222222;
}
@media (min-width: 992px) {
    .h2vii {
        font-size: 30px;
    }
}

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

.h2Medium {
    line-height: 1.125;
}
@media (min-width: 992px) {
    .h2Medium {
        font-size: 28px;
    }
}
@media (min-width: 1230px) {
    .h2Medium {
        font-size: 32px;
    }
}

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

.h3Medium {
    font-size: 22px;
}
@media (min-width: 992px) {
    .h3Medium {
        font-size: 26px;
    }
}

.h3Large {
    font-size: 22px;
    line-height: 1.1428571429;
}
@media (min-width: 992px) {
    .h3Large {
        font-size: 26px;
    }
}
@media (min-width: 1230px) {
    .h3Large {
        font-size: 28px;
    }
}

.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%);
    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%);
    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;
}
@media (min-width: 768px) {
    .ssArrowVii {
        width: 50px;
        height: 50px;
    }
}
.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";
}

/*------------------------------------------------------------------
Page Wrapper / #pageWrapper
-------------------------------------------------------------------*/
#pageWrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#pageWrapper.ltr .demo_ltr {
    display: none !important;
}
#pageWrapper.rtl .demo_rtl {
    display: none !important;
}

.phStickyWrap {
    min-height: 49px;
}
@media (min-width: 768px) {
    .phStickyWrap {
        min-height: 95px;
    }
}
@media (min-width: 992px) {
    .phStickyWrap {
        min-height: 111px;
    }
}
@media (min-width: 1230px) {
    .phStickyWrap {
        min-height: 151px;
    }
}
.home .phStickyWrap {
    min-height: 60px;
}
@media (min-width: 768px) {
    .home .phStickyWrap {
        min-height: 116px;
    }
}
@media (min-width: 1230px) {
    .home .phStickyWrap {
        min-height: 126px;
    }
}
@media (min-width: 1330px) {
    .home .phStickyWrap {
        min-height: 136px;
    }
}

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

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

.hdScheduleList,
.hdAlterLinksList {
    font-size: 13px;
    line-height: 1;
}
@media (min-width: 1230px) {
    .hdScheduleList,
    .hdAlterLinksList {
        font-size: 15px;
    }
}
.hdTopBariii .hdScheduleList a,
.hdTopBariii .hdAlterLinksList a {
    color: inherit;
}
.hdTopBariii .hdScheduleList a:hover,
.hdTopBariii .hdAlterLinksList a:hover {
    color: #06163a;
}
.hdTopBariii .hdScheduleList .icn,
.hdTopBariii .hdAlterLinksList .icn {
    color: #52566f;
}

.hdScheduleList.hdScheduleListii .icn {
    color: inherit;
}
.hdScheduleList li + li {
    margin-left: 10px;
}
@media (min-width: 1230px) {
    .hdScheduleList li + li {
        margin-left: 20px;
    }
}
@media (min-width: 1330px) {
    .hdScheduleList li + li {
        margin-left: 45px;
    }
}
.hdScheduleList a {
    color: inherit;
}
.hdScheduleList a:hover {
    color: #fff;
}
.hdScheduleList .icn {
    margin-right: 5px;
    font-size: 14px;
}
@media (min-width: 1230px) {
    .hdScheduleList .icn {
        font-size: 18px;
    }
}

.hdAlterLinksList.hdAlterLinksListii a {
    color: inherit;
}
.hdAlterLinksList.hdAlterLinksListii a:hover {
    color: #06163a;
}
.hdAlterLinksList li + li {
    margin-left: 10px;
}
@media (min-width: 992px) {
    .hdAlterLinksList li + li {
        margin-left: 25px;
    }
}
.hdAlterLinksList a {
    color: #a1aabf;
}
.hdAlterLinksList a:hover {
    color: #f8f5f4;
}

.pageMainNavCollapse {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    z-index: 2;
    background-color: #f8f5f4;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    max-height: 450px;
    overflow-y: auto;
}
@media (min-width: 768px) {
    .pageMainNavCollapse {
        position: static;
        background: transparent;
        -webkit-transform: none;
        transform: none;
        -webkit-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        max-height: unset;
        overflow-y: unset;
    }
}
.pageMainNavCollapse.show {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.hdLangDropdown .dropdown-menu {
    min-width: 1px;
    width: 100%;
}
.hdLangDropdown .dropdown-toggle {
    border: 1px solid #e5e5e5;
    border-radius: 99px;
    color: #202b5d;
    font-size: 15px;
    line-height: 1;
    padding: 7px 13px;
}
@media (min-width: 1230px) {
    .hdLangDropdown .dropdown-toggle {
        font-size: 17px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.hdLangDropdown .dropdown-toggle:hover {
    color: #202b5d;
}
.hdLangDropdown .dropdown-item {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}
.hdLangDropdown .dropdown-item:hover,
.hdLangDropdown .dropdown-item.active {
    color: #fff;
}
.hdLangDropdown .dropIcn:after {
    margin-left: 9px;
}

.logo {
    max-width: 95px;
}
@media (min-width: 992px) {
    .logo {
        max-width: 135px;
    }
}

.mainNavigation.navbar-nav .nav-item.active .nav-link {
    background-color: #e4e4e4;
}
@media (min-width: 768px) {
    .mainNavigation.navbar-nav .nav-item.active .nav-link {
        background-color: transparent;
    }
}
.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;
}
@media (min-width: 768px) {
    .mainNavigation.navbar-nav .nav-link:hover,
    .mainNavigation.navbar-nav .nav-link:focus,
    .mainNavigation.navbar-nav .nav-link:active {
        background-color: transparent;
    }
}
@media (min-width: 768px) {
    .mainNavigation .nav-item + .nav-item {
        margin-left: 10px;
    }
}
@media (min-width: 1230px) {
    .mainNavigation .nav-item + .nav-item {
        margin-left: 20px;
    }
}
.mainNavigation .nav-link {
    font-size: 15px;
    line-height: 1;
}
@media (min-width: 768px) {
    .mainNavigation .nav-link {
        padding: 0;
    }
}
@media (min-width: 1230px) {
    .mainNavigation .nav-link {
        font-size: 17px;
    }
}
.mainNavigation .dropIcn:after {
    margin-left: 5px;
    width: 6px;
    height: 6px;
}
@media (min-width: 768px) {
    .mainNavigation .ddohOpener:after {
        content: "";
        position: absolute;
        top: 100%;
        right: 0;
        bottom: auto;
        left: 0;
    }
}
@media (min-width: 768px) {
    .mainNavigation .ddohOpener:hover:after {
        pointer-events: auto;
    }
}
@media (min-width: 768px) {
    .mainNavigation .ddohOpener:after {
        height: 24px;
        pointer-events: none;
    }
}
@media (min-width: 992px) {
    .mainNavigation .ddohOpener:after {
        height: 32px;
    }
}
@media (min-width: 1230px) {
    .mainNavigation .ddohOpener:after {
        height: 43px;
    }
}
.navbar-expand-md .mainNavigation.navbar-nav .nav-link {
    padding: 13px 15px 12px;
}
@media (min-width: 768px) {
    .navbar-expand-md .mainNavigation.navbar-nav .nav-link {
        padding: 0;
    }
}
.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;
}
@media (min-width: 992px) {
    .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;
    }
}
@media (min-width: 1330px) {
    .mainNavigation
        li.nav-item:nth-last-child(1)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown {
        left: 100% !important;
    }
}

.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;
}
@media (min-width: 1230px) {
    .hdSearchOpener {
        font-size: 21px;
    }
}
@media (min-width: 768px) {
    .ddohOpener:hover > .desktopDropOnHover {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover > .dropdown-item {
    color: #fff;
}
.dropdown-submenu:hover > .desktopDropOnHover {
    opacity: 1;
    visibility: visible;
    -webkit-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;
}
@media (min-width: 768px) {
    .dropdown-submenu.show .dropdown-menu .dropdown-item {
        padding-left: 15px;
    }
}
.dropdown-submenu.show .dropdown-menu.show .dropdown-menu .dropdown-item {
    padding-left: 60px;
}
@media (min-width: 768px) {
    .dropdown-submenu.show .dropdown-menu.show .dropdown-menu .dropdown-item {
        padding-left: 10px;
    }
}

.hdDropdownList > li.active > a {
    color: #fff;
}
.hdDropdownList a {
    color: #202b5d;
    display: block;
    padding: 5px 8px 5px 28px;
}
@media (min-width: 768px) {
    .hdDropdownList a {
        padding: 5px 8px;
    }
}
.hdDropdownList a:hover {
    color: #fff;
}
.hdDropdownList .desktopDropOnHover {
    left: 100%;
    top: 0;
    margin-top: 0;
}

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

.hdMainDropdown {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    font-size: 15px;
    left: -10px;
}
.hdMainDropdown .dropdown-item {
    padding: 9px 30px;
}
@media (min-width: 768px) {
    .hdMainDropdown .dropdown-item {
        padding: 9px 10px;
    }
}
@media (min-width: 768px) {
    .hdMainDropdown {
        margin-top: 22px;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
        box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
        border: 1px solid rgba(229, 229, 229, 0.15);
        min-width: 8rem;
    }
}
@media (min-width: 992px) {
    .hdMainDropdown {
        margin-top: 31px;
        min-width: 150px;
    }
}
@media (min-width: 1230px) {
    .hdMainDropdown {
        margin-top: 42px;
        min-width: 185px;
        font-size: 17px;
    }
}

.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%);
    transform: translate(-50%, -50%);
    right: auto;
    left: 50%;
    margin-top: -100px;
    font-size: 20px;
    width: 35px;
    height: 35px;
}
@media (min-width: 768px) {
    .hdSearchCollapse .btnClose {
        margin-top: -150px;
        font-size: 30px;
        width: 55px;
        height: 55px;
    }
}

.btnHd {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 1230px) {
    .btnHd {
        font-size: 18px;
        padding: 9px 20px;
    }
}

.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);
    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);
    transform: rotate(225deg) translate(-6px, -7px);
}
.pgNavOpener[aria-expanded="true"]:after {
    -webkit-transform: rotate(-225deg) translate(-6px, 7px);
    transform: rotate(-225deg) translate(-6px, 7px);
}
.pgNavOpener[aria-expanded="true"] .navbar-toggler-icon {
    opacity: 0;
    visibility: hidden;
}
.ibSlider .slick-arrow {
    margin-top: 76px;
}
.ibSlider .dotsList {
    position: absolute;
    left: 15px;
    bottom: 30px;
    right: 15px;
    z-index: 2;
}
.ibSlider.ibsvi .dotsList {
    bottom: 70px;
}
.ibSlider.ibsvi .h1Large {
    font-size: 50px;
    max-width: 290px;
}
@media (min-width: 576px) {
    .ibSlider.ibsvi .h1Large {
        font-size: 60px;
        max-width: 340px;
    }
}
@media (min-width: 768px) {
    .ibSlider.ibsvi .h1Large {
        font-size: 70px;
        max-width: 400px;
    }
}
@media (min-width: 992px) {
    .ibSlider.ibsvi .h1Large {
        font-size: 80px;
        max-width: 450px;
    }
}
@media (min-width: 1230px) {
    .ibSlider.ibsvi .h1Large {
        font-size: 90px;
        max-width: 500px;
    }
}
@media (min-width: 1330px) {
    .ibSlider.ibsvi .h1Large {
        font-size: 100px;
        max-width: 550px;
    }
}
.ibSlider.ibsvi .ssArrowVi {
    width: 70px;
    height: 70px;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease, background-color 0.35s ease;
    transition: opacity 1.5s ease, background-color 0.35s ease;
    background-color: rgba(0, 0, 0, 0.1);
}
.ibSlider.ibsvi .ssArrowVi:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
.ibSlider.ibsvi:hover .ssArrowVi {
    opacity: 1;
}
.ibSlider.ibSlider_v3 .slick-arrow {
    display: none;
}
.ibSlider.ibSlider_v3 .dotsList {
    bottom: 65px;
}

.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;
    transform-origin: 50% 50% 0;
    -webkit-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);
    transform: scale(1);
}

.ibColumn {
    z-index: 1;
    min-height: 84vh;
}
.ibColumn .sbTitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
@media (min-width: 768px) {
    .ibColumn .sbTitle {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (min-width: 992px) {
    .ibColumn .sbTitle {
        font-size: 20px;
        line-height: 26px;
    }
}

.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;
}
@media (min-width: 1450px) {
    .flatpWrap:before {
        left: -50px;
        right: -50px;
    }
}

.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%;
}
@media (min-width: 576px) {
    .fabFeaturesList > li {
        min-width: 33.333%;
    }
}
@media (min-width: 992px) {
    .fabFeaturesList > li {
        min-width: 16.667%;
    }
}
.fabFeaturesList.fabFeaLst_v3 > li {
    min-width: 100%;
}
@media (min-width: 576px) {
    .fabFeaturesList.fabFeaLst_v3 > li {
        min-width: 50%;
    }
}
@media (min-width: 992px) {
    .fabFeaturesList.fabFeaLst_v3 > li {
        min-width: 16.667%;
    }
}
.fabFeaturesList.fabFeaLst_v3 > li:nth-child(odd) .fflColumn {
    background-color: #f2f2f2;
}
.fabFeaturesList.fabFeaLst_v3 .fflColumn .icnWrap {
    font-size: 55px;
    width: 86px;
    height: 86px;
}
@media (min-width: 1230px) {
    .fabFeaturesList.fabFeaLst_v3 .fflColumn .icnWrap {
        font-size: 61px;
        width: 102px;
        height: 102px;
    }
}

.fflColumn {
    color: inherit;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.fflColumn .icn {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 23px;
    margin-left: 5px;
}
@media (min-width: 1230px) {
    .fflColumn .icn {
        font-size: 25px;
    }
}
.fflColumn:hover {
    -webkit-box-shadow: 10px 0 50px -10px rgba(0, 0, 0, 0.08),
        -10px 0 50px -10px rgba(0, 0, 0, 0.08);
    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;
}
@media (min-width: 1230px) {
    .fflColumn .icnWrap {
        font-size: 61px;
        width: 102px;
        height: 102px;
    }
}
.fflColumn h2,
.fflColumn .h2 {
    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;
}
@media (min-width: 1230px) {
    .fflColumn h2,
    .fflColumn .h2 {
        font-size: 24px;
    }
}

.featuresAsideBlock:before {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
}
.featuresAsideBlock:before {
    z-index: -1;
}
@media (min-width: 768px) {
    .featuresAsideBlock:before {
        top: 90px;
    }
}
.featuresAsideBlock.featAsid_v3 .flatpWrap:before {
    left: 0;
    right: 0;
}

.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;
}
@media (min-width: 1230px) {
    .esColumn h3,
    .esColumn .h3 {
        font-size: 24px;
    }
}

.escCaption {
    left: 30px;
    right: 30px;
    bottom: -35px;
}

.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;
}
@media (min-width: 576px) {
    .exploreServicesBlock:before {
        height: 340px;
    }
}
@media (min-width: 992px) {
    .exploreServicesBlock:before {
        height: 408px;
    }
}

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

.aboutMayorBlock {
    font-size: 18px;
    line-height: 1.4444444444;
}

.meetQuote {
    font-size: 20px;
    line-height: 1.4;
    border-style: solid;
    border-width: 0 0 0 2px;
}
@media (min-width: 992px) {
    .meetQuote {
        font-size: 24px;
        line-height: 1.25;
    }
}
.meetQuote cite {
    font-style: normal;
    font-size: 16px;
    line-height: 1.3333333333;
}
@media (min-width: 992px) {
    .meetQuote cite {
        font-size: 18px;
    }
}
.meetQuote cite:before {
    display: inline-block;
    vertical-align: middle;
    content: "- ";
}

.ctSubtitleText {
    color: #5a6579;
}

.imgTwoImageHolder {
    z-index: 1;
}
@media (min-width: 1230px) {
    .imgTwoImageHolder {
        margin-left: -13px;
    }
}
.imgTwoImageHolder .img1 {
    z-index: 1;
    max-width: 90%;
}
@media (min-width: 1230px) {
    .imgTwoImageHolder .img1 {
        max-width: 633px;
    }
}
.imgTwoImageHolder .img2 {
    z-index: -1;
    right: 0;
    bottom: -106px;
    max-width: 65%;
}
@media (min-width: 1230px) {
    .imgTwoImageHolder .img2 {
        max-width: 377px;
    }
}

.itihBgPattern {
    left: 50%;
    bottom: -79px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -74px;
    z-index: 0;
    max-width: 117px;
}
@media (min-width: 992px) {
    .itihBgPattern {
        max-width: 167px;
    }
}

.counterftAsideBlock {
    min-height: 300px;
    z-index: 1;
}
@media (min-width: 992px) {
    .counterftAsideBlock {
        min-height: 400px;
    }
}
@media (min-width: 992px) {
    .counterftAsideBlock.counterftAsideBlockvii {
        min-height: 330px;
    }
}
.counterftAsideBlock .alignHolder {
    z-index: 2;
}
.counterftAsideBlock.bgDarkAlt {
    background-color: #222222;
}
@media (min-width: 992px) {
    .counterftAsideBlock.bgDarkAlt {
        min-height: 299px;
    }
}
@media (min-width: 992px) {
    .counterftAsideBlock.couAsiBlock_v5 {
        min-height: 325px;
    }
}
.counterftAsideBlock.couAsiBlock_v5 .cfbFeatList .subtitle {
    color: #fff;
}

.cfbFeatList {
    margin-left: -15px;
    margin-right: -15px;
}
.cfbFeatList > li {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    width: 50%;
}
@media (min-width: 768px) {
    .cfbFeatList > li {
        width: 25%;
    }
}
.cfbFeatList .subtitle {
    color: #a3a8b2;
    font-size: 15px;
    line-height: 1.3;
}
@media (min-width: 992px) {
    .cfbFeatList .subtitle {
        font-size: 20px;
    }
}
.cfbFeatList .textCount {
    font-size: 30px;
    line-height: 1;
}
@media (min-width: 768px) {
    .cfbFeatList .textCount {
        font-size: 40px;
    }
}
@media (min-width: 992px) {
    .cfbFeatList .textCount {
        font-size: 50px;
    }
}
.cfbFeatList .icnWrap {
    height: 45px;
    font-size: 40px;
}
@media (min-width: 768px) {
    .cfbFeatList .icnWrap {
        height: 55px;
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .cfbFeatList .icnWrap {
        height: 65px;
        font-size: 60px;
    }
}

.cfbBgWrap {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
}

.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);
    transform: scale(1);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}
.ueEveColumn:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.ueEveColumn:hover .ueTimeTag {
    top: 0;
}

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

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

.cdDocsList {
    font-size: 16px;
}
@media (min-width: 1230px) {
    .cdDocsList.cdDocsListvii .cdTitle {
        font-size: 22px;
        line-height: 1.1818181818;
    }
}
.cdDocsList > li + li {
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 12px;
}
.cdDocsList.cdDocAlt > li + li {
    border-top: 1px solid #282828;
}
.cdDocsList.cdDocAlt .icn {
    margin-right: 5px;
}

.cdTitle {
    font-size: 18px;
    line-height: 1.2222222222;
}

.ccwFoot {
    border-top: 1px solid #eee;
}

@media (min-width: 992px) {
    .uecColBg:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
    }
}
@media (min-width: 992px) {
    .uecColBg:before {
        z-index: -1;
        background-color: #f2edeb;
        margin-left: 150px;
    }
}
@media (min-width: 1230px) {
    .uecColBg:before {
        margin-left: 190px;
    }
}
@media (min-width: 1330px) {
    .uecColBg:before {
        margin-left: 210px;
    }
}

.ccwIcn {
    font-size: 55px;
    height: 140px;
}

.npbBgPattern {
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
}

.npbHolder {
    z-index: 2;
}

.npbTimeTag {
    top: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    left: 25px;
}

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

.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;
    transform-origin: 50% 50% 0;
}
.npbColumn:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.npbColumn h3,
.npbColumn .h3 {
    line-height: 1.25;
}
.npbColumn h3 a,
.npbColumn .h3 a {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}

.npbcmWrap {
    font-size: 14px;
    line-height: 1;
}

.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: #06163a;
}

.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);
    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,
        -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease,
        -webkit-box-shadow 0.3s ease;
    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, -webkit-box-shadow 0.3s ease;
}
.erLinksList > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
}
@media (min-width: 576px) {
    .erLinksList > li > a {
        font-size: 18px;
    }
}
.erLinksList > li > a:after {
    border: solid #888;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
    width: 8px;
    height: 8px;
}
.erLinksList > li > a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}

.echSlider {
    max-width: 233px;
}
@media (min-width: 576px) {
    .echSlider {
        max-width: 333px;
    }
}
@media (min-width: 768px) {
    .echSlider {
        max-width: 433px;
    }
}
.echSlider .slick-list {
    overflow: visible !important;
}

.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;
}
@media (min-width: 576px) {
    .echColumn {
        height: 220px;
    }
}
@media (min-width: 768px) {
    .echColumn {
        height: 300px;
    }
}
.echColumn:after {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.8))
    );
    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;
}
@media (min-width: 576px) {
    .echColumn h3,
    .echColumn .h3 {
        font-size: 24px;
    }
}
.echColumn:hover .spanLinkGo {
    max-height: 55px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.echcCaptionWrap {
    left: 0;
    bottom: 0;
    z-index: 1;
}

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

.echCatTitle {
    font-size: 16px;
    line-height: 1.25;
    color: #ccc;
}

.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;
}
@media (min-width: 768px) {
    .spanLinkGo {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .spanLinkGo {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
}
@media (min-width: 1025px) {
    .spanLinkGo {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
}
.spanLinkGo:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.meetCouncilBlock {
    z-index: 1;
}
.meetCouncilBlock:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.meetCouncilBlock.meetCoun_v5 .mccColumn .imgHolder:before {
    display: none;
}
.meetCouncilBlock.meetCoun_v5 .mccColumn .mcssList {
    bottom: 15px;
}
.meetCouncilBlock.meetCoun_v5 .mccColumn h3 a {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.meetCouncilBlock.meetCoun_v5 .mccColumn .mccInfoList .icn {
    color: #62718d;
}
.meetCouncilBlock.meetCoun_v5 .mccColumn .mccInfoList a:hover .icn {
    color: #62718d;
}
.meetCouncilBlock.noOverlay:before {
    display: none;
}
.meetCouncilBlock:before {
    z-index: -1;
    background-color: #f8f5f4;
    height: 480px;
}
@media (min-width: 576px) {
    .meetCouncilBlock:before {
        height: 408px;
    }
}
@media (min-width: 768px) {
    .meetCouncilBlock:before {
        height: 521px;
    }
}
@media (min-width: 992px) {
    .meetCouncilBlock:before {
        height: 510px;
    }
}
@media (min-width: 1230px) {
    .meetCouncilBlock:before {
        height: 525px;
    }
}
@media (min-width: 1330px) {
    .meetCouncilBlock:before {
        height: 550px;
    }
}

.mcssList {
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-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;
}

.mccColumn {
    max-width: 290px;
}
@media (min-width: 576px) {
    .mccColumn {
        max-width: none;
    }
}
.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;
}

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

.mccSeprator {
    max-width: 40px;
    margin: 0;
}

.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;
}
.ftAreaWrap.bg-gDarkvi {
    background-color: #222222;
    color: #aaaaaa;
}
.ftAreaWrap.bg-gDarkvi .ftsrLinksList a::before {
    border-color: #aaaaaa;
    top: 8px;
}
.ftAreaWrap.bg-gDarkvi .ftLogo {
    max-width: 190px;
}
.ftAreaWrap.bg-gDarkvi #pageFooter {
    background-color: #000;
}
.ftAreaWrap.bg-gDarkvi .socialNetworks {
    color: #fff;
}
.ftAreaWrap.bg-gDarkvi .cdDocAlt .cdTitle {
    color: #aaaaaa;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 6px;
}
.ftAreaWrap.bg-gDarkvi .cdDocAlt .cdTitle a {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.ftAreaWrap.bg-gDarkvi .cdDocAlt time {
    font-family: "Nunito Sans", sans-serif;
}
.ftAreaWrap.ftAre_v5 {
    background-color: #132244;
}
.ftAreaWrap.ftAre_v5 .ftLogo {
    max-width: 300px;
}
.ftAreaWrap.ftAre_v5 .aboutTxt {
    color: #62718d;
    margin-bottom: 22px;
}
.ftAreaWrap.ftAre_v5 .ftSocialNetworks a {
    width: 35px;
    height: 35px;
    font-size: 16px;
}
.ftAreaWrap.ftAre_v5 .ftIntroWrap {
    max-width: 510px;
}

.ftConnectAside {
    color: #b0b8ca;
    border-bottom: 1px solid #263a65;
}

.ftcaNav {
    font-size: 17px;
}
.ftcaNav li {
    margin: 0 14px 5px;
}
@media (min-width: 992px) {
    .ftcaNav li {
        margin: 0 0 5px;
    }
}
@media (min-width: 992px) {
    .ftcaNav li + li {
        margin-left: 28px;
    }
}
.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;
}

.ctConnectWrap .title {
    font-size: 18px;
}

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

.footerAside {
    font-size: 17px;
    line-height: 1.4117647059;
}

.ftpScheduleList li {
    position: relative;
    margin-bottom: 7px;
}
@media (min-width: 576px) {
    .ftpScheduleList li {
        padding-left: 27px;
    }
}
.ftpScheduleList .title {
    margin-right: 3px;
}
.ftpScheduleList .icn {
    font-size: 15px;
}
@media (min-width: 576px) {
    .ftpScheduleList .icn {
        left: 0;
        top: 5px;
        position: absolute;
    }
}
.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;
}

.ftsrLinksList li {
    margin-bottom: 11px;
}
.ftsrLinksList li.active > a {
    color: #fff;
}
.ftsrLinksList a {
    color: inherit;
    -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 #455476;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
}
.ftsrLinksList a:hover {
    color: #fff;
}

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

.ftSubscribeForm .btn {
    font-size: 20px;
}
.ftSubscribeForm .btn:before,
.ftSubscribeForm .btn .btnText {
    padding: 14px 19px;
}

.ftLogo {
    max-width: 134px;
}

.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: #06163a;
}

.pageMainHead {
    min-height: 170px;
}
.pageMainHead:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (min-width: 768px) {
    .pageMainHead {
        min-height: 230px;
    }
}
@media (min-width: 992px) {
    .pageMainHead {
        min-height: 300px;
    }
}
.pageMainHead:before {
    background-color: rgba(6, 22, 58, 0.4);
}
.pageMainHead .align {
    z-index: 1;
}

.breadcrumb {
    font-size: 0.75rem;
}
@media (min-width: 768px) {
    .breadcrumb {
        font-size: 1.125rem;
    }
}

.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;
}
@media (min-width: 768px) {
    .breadcrumb-item + .breadcrumb-item:before {
        margin-top: 0.4rem;
    }
}

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

.egdColumn {
    line-height: 1.4117647059;
    max-width: 290px;
}
@media (min-width: 576px) {
    .egdColumn {
        max-width: none;
    }
}
.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%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 80px;
    height: 80px;
}
.egdColumn .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dsSingleContent p {
    margin-bottom: 25px;
}

.dscInnerSliderWrap {
    width: 100%;
    max-width: 290px;
}
@media (min-width: 576px) {
    .dscInnerSliderWrap {
        max-width: 236px;
    }
}
@media (min-width: 768px) {
    .dscInnerSliderWrap {
        max-width: 286px;
    }
}
@media (min-width: 1230px) {
    .dscInnerSliderWrap {
        max-width: 436px;
    }
}

.dcsColumn {
    border: 1px solid #e8e8e8;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    min-height: 187px;
    font-size: 14px;
}
@media (min-width: 1230px) {
    .dcsColumn {
        font-size: 17px;
    }
}
.dcsColumn:hover {
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}
.dcsColumn:hover .icnWrap {
    -webkit-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);
    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;
}
@media (min-width: 1230px) {
    .dcsColumn .icnWrap {
        height: 60px;
        font-size: 52px;
    }
}
.dcsColumn .icnWatermark {
    right: 46px;
    bottom: -12px;
    color: rgba(32, 43, 93, 0.1);
    font-size: 74px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
}
.dcsColumn h3,
.dcsColumn .h3 {
    margin-bottom: 0;
    font-size: 20px;
}
@media (min-width: 1230px) {
    .dcsColumn h3,
    .dcsColumn .h3 {
        font-size: 1.5rem;
    }
}
.dcsColumn p {
    margin-bottom: 15px;
}

.dcscCaptionWrap {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

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

.drItemRow {
    -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease,
        -webkit-box-shadow 0.3s ease;
    border: 2px solid #e8e8e8;
    margin-bottom: -2px;
}
.drItemRow:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    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;
}
@media (min-width: 576px) {
    .drItemRow .btnDownload {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (min-width: 768px) {
    .drItemRow .btnDownload {
        right: 28px;
    }
}
.drItemRow .btnDownload:hover {
    color: #0067da;
}

.ctaccRow {
    border: 1px solid #e8e8e8;
}

.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);
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    margin-top: -4px;
}

.saSocialNetworks li {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
}
.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: 17px;
    width: 40px;
    height: 40px;
}
.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;
}
.saSocialNetworks a.youtube {
    background-color: #ff0000;
}
.saSocialNetworks a.youtube:hover {
    background-color: #cc0000;
}

.saShareAside .title {
    font-size: 24px !important;
    line-height: 1.1666666667;
}

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

.widgetHelp {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4117647059;
}

.widgetHelp {
    z-index: 1;
}
.widgetHelp .icnWrap {
    font-size: 54px;
}

.whWatermarkIcn {
    bottom: -32px;
    right: -24px;
    color: rgba(255, 255, 255, 0.1);
    font-size: 201px;
    z-index: -1;
}

.awbHeadingHead {
    font-size: 20px;
    line-height: 1.3;
}
.awbHeadingHead h2,
.awbHeadingHead .h2 {
    line-height: 1.25;
}

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

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

.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;
}
@media (min-width: 1230px) {
    .vibrantAsideBlock,
    .vibrantAsideBlock .parallaxWindow {
        min-height: 490px;
    }
}
.vibrantAsideBlock .parallaxWindow {
    left: 0;
    top: 0;
}
.vibrantAsideBlock .align {
    z-index: 1;
}
.vibrantAsideBlock h2,
.vibrantAsideBlock .h1 {
    line-height: 1.12;
}
.vibrantAsideBlock .vabMaxWrap {
    max-width: 450px;
}
@media (min-width: 992px) {
    .vibrantAsideBlock .vabMaxWrap {
        max-width: 590px;
    }
}
@media (min-width: 1230px) {
    .vibrantAsideBlock .vabMaxWrap {
        max-width: 600px;
    }
}
.vibrantAsideBlock.noFixHeight,
.vibrantAsideBlock.noFixHeight .parallaxWindow {
    min-height: 100%;
}
.vibrantAsideBlock.noOverLay:before {
    content: none;
}

.timelineList {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#dedede),
        to(#dedede)
    );
    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%;
}
@media (min-width: 576px) {
    .timelineList {
        max-width: none;
    }
}
.timelineList:before,
.timelineList:after {
    border-radius: 100%;
    background-color: #dedede;
    -webkit-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%);
    transform: translateX(-50%);
}
.timelineList > li:before {
    border: 1px solid #e5e5e5;
    z-index: 1;
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    width: 36px;
    height: 36px;
}
@media (min-width: 768px) {
    .timelineList > li:before {
        width: 46px;
        height: 46px;
    }
}
.timelineList > li:after {
    z-index: 2;
    border-style: solid;
    border-width: 6px;
    margin-top: 7px;
    width: 22px;
    height: 22px;
}
@media (min-width: 768px) {
    .timelineList > li:after {
        border-width: 8px;
        width: 32px;
        height: 32px;
    }
}
.timelineList > li + li {
    margin-top: 35px;
}
@media (min-width: 992px) {
    .timelineList > li + li {
        margin-top: 60px;
    }
}
@media (min-width: 1230px) {
    .timelineList > li + li {
        margin-top: 90px;
    }
}
.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%;
}
@media (min-width: 576px) {
    .timelineList .imgHolder,
    .timelineList .tlDescriptionWrap {
        width: calc(50% - 30px);
    }
}
@media (min-width: 768px) {
    .timelineList .imgHolder,
    .timelineList .tlDescriptionWrap {
        width: calc(50% - 70px);
    }
}
.timelineList .tlDescriptionWrap {
    float: right;
    background-color: #fff;
}
@media (min-width: 576px) {
    .timelineList .tlDescriptionWrap {
        background-color: transparent;
    }
}

.tlTimeTitle {
    font-size: 22px;
    line-height: 1.1363636364;
}

@media (min-width: 1230px) {
    .tlDescriptionWrap h3,
    .tlDescriptionWrap .h3 {
        font-size: 24px;
    }
}

.introAboutBlock .imagesHolder {
    padding-top: 68.8%;
}
@media (min-width: 992px) {
    .introAboutBlock .imagesHolder {
        padding-top: 90.8%;
    }
}
.introAboutBlock .imgWrap1 {
    left: 0;
    top: 0;
    max-width: 63%;
}
.introAboutBlock .imgWrap1:before {
    content: "";
    position: absolute;
    bottom: -31px;
    left: 19px;
}
@media (min-width: 992px) {
    .introAboutBlock .imgWrap1 {
        max-width: 88%;
    }
}
.introAboutBlock .imgWrap1:before {
    z-index: -1;
    background-image: url(images/bgPattern3.png);
    width: 102px;
    height: 32px;
}
@media (min-width: 576px) {
    .introAboutBlock .imgWrap1:before {
        left: 69px;
        bottom: -51px;
        width: 162px;
        height: 52px;
    }
}
.introAboutBlock .imgWrap2 {
    bottom: 0;
    right: -14px;
    z-index: 1;
    max-width: 45%;
}
@media (min-width: 992px) {
    .introAboutBlock .imgWrap2 {
        max-width: 61%;
    }
}

.adminCountsList {
    margin-left: -10px;
    margin-right: -10px;
}
@media (min-width: 576px) {
    .adminCountsList {
        margin-left: -24px;
        margin-right: -24px;
    }
}
.adminCountsList li {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 576px) {
    .adminCountsList li {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.adminCountsList h3,
.adminCountsList .h3 {
    font-size: 15px;
    line-height: 1.5294117647;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 576px) {
    .adminCountsList h3,
    .adminCountsList .h3 {
        font-size: 17px;
    }
}
.adminCountsList .textLarge {
    font-size: 53px;
    line-height: 0.8333333333;
}
@media (min-width: 576px) {
    .adminCountsList .textLarge {
        font-size: 60px;
    }
}

.gsabHolder {
    color: #8f9aa2;
    z-index: 1;
    min-height: 300px;
}
@media (min-width: 1230px) {
    .gsabHolder {
        min-height: 400px;
    }
}
@media (min-width: 1450px) {
    .gsabHolder {
        margin-left: -50px;
        margin-right: -50px;
    }
}

.patternCircle {
    z-index: -1;
    opacity: 0.2;
    border: 1px solid #e5e5e5;
    width: 421px;
    height: 421px;
}
@media (min-width: 992px) {
    .patternCircle {
        width: 581px;
        height: 581px;
    }
}

.patternCircle1 {
    left: -6px;
    top: -285px;
}

.patternCircle2 {
    left: -8px;
    top: -265px;
}

.patternCircle3 {
    right: -270px;
    bottom: -270px;
}

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

.tmcbDescriptionBox {
    z-index: 1;
}
.tmcbDescriptionBox .imgHolder {
    width: 260px;
    width: 260px;
    height: 260px;
}
@media (min-width: 992px) {
    .tmcbDescriptionBox .imgHolder {
        height: auto;
    }
}
@media (min-width: 1230px) {
    .tmcbDescriptionBox .imgHolder {
        width: 423px;
        padding-top: 0;
    }
}
.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;
}

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

.edupiInfosList {
    margin-left: -15px;
    margin-right: -15px;
}
.edupiInfosList > li {
    border-bottom: 1px solid #e5e5e5;
    width: calc(100% - 30px);
    margin: 0 15px 30px;
}
@media (min-width: 576px) {
    .edupiInfosList > li {
        width: calc(50% - 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;
}

.prgTopWrap {
    margin-left: -5px;
    margin-right: -5px;
}
.prgTopWrap .wrap {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.progresWrap .progressBar {
    height: 5px;
}

.skillsRankList > li {
    margin-bottom: 27px;
}

.infigQuote {
    color: #fff;
    right: -15px;
    bottom: -35px;
    font-size: 18px;
    line-height: 1.1818181818;
    max-width: 207px;
    border-radius: 4px;
}
@media (min-width: 768px) {
    .infigQuote {
        font-size: 22px;
        line-height: 1.1818181818;
        bottom: 55px;
        max-width: 277px;
    }
}
.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);
}

.subDiscoverBlock h2,
.subDiscoverBlock .h2 {
    line-height: 1.15;
}

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

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

@media (min-width: 768px) {
    .imgLeft {
        float: left;
        max-width: 227px;
    }
}
@media (min-width: 1230px) {
    .imgLeft {
        max-width: 427px;
    }
}

.dcsTabContent {
    border: 1px solid #e8e8e8;
}

.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;
}
@media (min-width: 768px) {
    .dcsTabset .nav-link,
    .dcsTabset.nav-tabs .nav-link {
        font-size: 20px;
        padding: 16px 30px;
    }
}
.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;
}

.drDocColumn {
    font-size: 16px;
    line-height: 1.625;
}
.drDocColumn h2,
.drDocColumn .h2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 2px;
}

.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;
}
@media (min-width: 992px) {
    .widgetFiltersNav {
        position: static;
        max-height: none;
        overflow: visible;
        -webkit-transition: none;
        transition: none;
    }
}
.widgetFiltersNav h3,
.widgetFiltersNav .h3 {
    cursor: pointer;
}
.widgetFiltersNav h3:after,
.widgetFiltersNav .h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
}
@media (min-width: 992px) {
    .widgetFiltersNav h3,
    .widgetFiltersNav .h3 {
        cursor: default;
    }
}
.widgetFiltersNav h3:after,
.widgetFiltersNav .h3:after {
    border: solid currentColor;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -5px;
    width: 8px;
    height: 8px;
}
@media (min-width: 992px) {
    .widgetFiltersNav h3:after,
    .widgetFiltersNav .h3:after {
        display: none;
    }
}
.widgetFiltersNav.openActive {
    max-height: 999px;
}
@media (min-width: 992px) {
    .widgetFiltersNav.openActive {
        max-height: none;
    }
}
.widgetFiltersNav.openActive h3:after,
.widgetFiltersNav.openActive .h3:after {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.hasFilterPositioned {
    padding-top: 90px;
}
@media (min-width: 992px) {
    .hasFilterPositioned {
        padding-top: 0;
    }
}

.docHeadingHead {
    font-size: 16px;
}

@media (min-width: 768px) {
    .ifbFilterHead.ifbFilterHeadAlter .formCol {
        width: calc(50% - 96px);
    }
}
@media (min-width: 992px) {
    .ifbFilterHead.ifbFilterHeadAlter .formCol {
        width: calc(50% - 96px);
    }
}
@media (min-width: 1230px) {
    .ifbFilterHead.ifbFilterHeadAlter .formCol {
        width: calc(50% - 96px);
    }
}
.ifbFilterHead.ifbFilterHeadAlter .btn {
    width: 163px;
}
.ifbFilterHead .formCol {
    width: 100%;
}
@media (min-width: 768px) {
    .ifbFilterHead .formCol {
        width: 33.333%;
    }
}
@media (min-width: 992px) {
    .ifbFilterHead .formCol {
        width: calc(33.333% - 69px);
    }
}
@media (min-width: 1230px) {
    .ifbFilterHead .formCol {
        width: calc(33.333% - 86px);
    }
}
.ifbFilterHead label {
    font-size: 16px;
}
.ifbFilterHead .btn {
    margin-bottom: 12px;
    width: 176px;
}
@media (min-width: 1230px) {
    .ifbFilterHead .btn {
        width: 226px;
    }
}
.ifbFilterHead .btn:before,
.ifbFilterHead .btn .btnText {
    padding-top: 10px;
    padding-bottom: 10px;
}

.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;
}
@media (min-width: 768px) {
    .pagination .page-link {
        padding: 0.6875rem 0.9375rem;
    }
}
.pagination .page-link:hover {
    color: #fff;
}
.pagination .icn {
    font-size: 0.7em;
}

.ueEveColumn__list {
    border: 1px solid #e8e8e8;
    margin-bottom: -1px;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease,
        -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease,
        -webkit-box-shadow 0.3s ease;
    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, -webkit-box-shadow 0.3s ease;
}
@media (min-width: 768px) {
    .ueEveColumn__list {
        max-width: none;
    }
}
.ueEveColumn__list:hover {
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    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;
}
@media (min-width: 992px) {
    .ueEveColumn__list .imgHolder {
        width: 160px;
        height: 160px;
    }
}
.ueEveColumn__list .btnCustomLightOutline:before {
    color: #fff;
}

.uecTime {
    font-size: 14px;
    line-height: 1;
    width: 120px;
}
@media (min-width: 992px) {
    .uecTime {
        font-size: 16px;
        width: 150px;
    }
}
.uecTime .textLarge {
    font-size: 30px;
}
@media (min-width: 992px) {
    .uecTime .textLarge {
        font-size: 45px;
    }
}
.uecTime .textDay {
    color: #b0b8c6;
    font-size: 16px;
}
@media (min-width: 992px) {
    .uecTime .textDay {
        font-size: 20px;
    }
}

.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;
}
@media (min-width: 992px) {
    .ifbFiltersList a {
        padding: 11px 16px;
    }
}
.ifbFiltersList a:hover {
    color: #fff;
}

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

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

.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;
}
.widgetGallery ul {
    margin-left: -5px;
    margin-right: -5px;
    max-width: 325px;
}
@media (min-width: 992px) {
    .widgetGallery ul {
        max-width: none;
    }
}
.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;
    transform-origin: 50% 50% 0;
}
.widgetGallery a:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.widgetGallery img {
    width: 100%;
}
@media (min-width: 576px) {
    .widgetGallery img {
        width: auto;
    }
}

.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;
}
.tagsWrap .title {
    font-size: 15px;
}

.widgetFeaturEvent .ueEveColumn {
    max-width: 370px;
}
@media (min-width: 992px) {
    .widgetFeaturEvent .ueEveColumn {
        max-width: nonw;
    }
}

.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 {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.dtlhDress .col:hover {
    background-color: rgba(6, 22, 58, 0.11);
}

.countdownAside {
    background-color: #2a2c37;
    color: #ccc;
}

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

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

.scgSpeakersSlider .slick-list {
    padding-top: 10px;
}

.speakerColumn {
    -webkit-box-shadow: 0 6px 10px rgba(6, 22, 58, 0.07) !important;
    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;
}

.scgTabList {
    border-bottom: 1px solid #e8e8e8;
}
.scgTabList .nav-item + .nav-item,
.scgTabList.nav-tabs .nav-item + .nav-item {
    margin-left: 17px;
}
@media (min-width: 768px) {
    .scgTabList .nav-item + .nav-item,
    .scgTabList.nav-tabs .nav-item + .nav-item {
        margin-left: 37px;
    }
}
.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: 18px;
    padding: 0 0 8px;
}
.scgTabList .nav-link:after,
.scgTabList.nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
}
@media (min-width: 768px) {
    .scgTabList .nav-link,
    .scgTabList.nav-tabs .nav-link {
        font-size: 24px;
    }
}
.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;
}

.scgGalleryList {
    margin-left: -10px;
    margin-right: -10px;
}
.scgGalleryList li {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: 100%;
}
@media (min-width: 576px) {
    .scgGalleryList li {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .scgGalleryList li {
        width: 33.333%;
    }
}
.scgGalleryList img {
    width: 100%;
}
@media (min-width: 768px) {
    .scgGalleryList img {
        min-height: 130px;
    }
}
@media (min-width: 1230px) {
    .scgGalleryList img {
        min-height: 160px;
    }
}
@media (min-width: 1330px) {
    .scgGalleryList img {
        min-height: 170px;
    }
}

.postNavigatorNav {
    border: solid #eee;
    border-width: 1px 0;
}
@media (min-width: 576px) {
    .postNavigatorNav:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
    }
}
@media (min-width: 576px) {
    .postNavigatorNav:before {
        border-radius: 100%;
        background-color: #bcbfce;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-box-shadow: -16px 0 0 #bcbfce, 16px 0 0 #bcbfce;
        box-shadow: -16px 0 0 #bcbfce, 16px 0 0 #bcbfce;
        width: 7px;
        height: 7px;
    }
}
.postNavigatorNav .btnPrev,
.postNavigatorNav .btnNext {
    border: 1px solid #e5e5e5;
    color: #62718d;
    font-size: 13px;
    top: 50%;
    -webkit-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: 32px;
    height: 32px;
}
@media (min-width: 768px) {
    .postNavigatorNav .btnPrev,
    .postNavigatorNav .btnNext {
        font-size: 15px;
        width: 52px;
        height: 52px;
    }
}
.postNavigatorNav .btnPrev:hover,
.postNavigatorNav .btnNext:hover {
    color: #fff;
}
.postNavigatorNav .btnPrev {
    left: 0;
}
.postNavigatorNav .btnNext {
    right: 0;
}

.pnnPaginList li {
    width: calc(50% - 50px);
}
@media (min-width: 1330px) {
    .pnnPaginList li {
        width: calc(50% - 80px);
    }
}
.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;
}
.pnnPaginList li > a:hover {
    color: #0067da;
}
.pnnPaginList h4,
.pnnPaginList .h4 {
    font-size: 16px;
}
@media (min-width: 992px) {
    .pnnPaginList h4,
    .pnnPaginList .h4 {
        font-size: 20px;
    }
}

.newsClassicColumn {
    line-height: 1.6470588235;
}
.newsClassicColumn .title {
    font-size: 16px;
}
.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%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 48px;
}
.btnYouPlay:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    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;
}

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

.widgetVote {
    background-position: 50% 100%;
    background-color: #66b7fd;
    color: #fff;
    min-height: 468px;
}
@media (min-width: 768px) {
    .widgetVote {
        min-height: 508px;
    }
}
.widgetVote h3,
.widgetVote .h3 {
    color: inherit;
}
.widgetVote .btn {
    min-width: 133px;
}
.widgetVote .btn:before,
.widgetVote .btn .btnText {
    border-radius: 3px;
}

.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);
    transform: scale(1.1);
}
@media (min-width: 768px) {
    .fpListWidget ul .imgWrap {
        margin: 0 0.5em 4px 0;
        width: 70px;
    }
    .fpListWidget ul h4 {
        font-size: 17px;
    }
}
@media (min-width: 992px) {
    .fpListWidget ul .imgWrap {
        margin: 0 0.8em 4px 0;
    }
    .fpListWidget ul h4 {
        font-size: 18px;
    }
}
@media (min-width: 1230px) {
    .fpListWidget ul .imgWrap {
        margin: 0 1em 4px 0;
        width: 80px;
    }
    .fpListWidget ul h4 {
        font-size: 20px;
    }
}
.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;
}

.ctSorterWrapHeader {
    font-size: 14px;
    line-height: 1.7142857143;
    margin-bottom: 25px;
}
@media (min-width: 992px) {
    .ctSorterWrapHeader {
        font-size: 18px;
        line-height: 1.3333333333;
        margin-bottom: 40px;
    }
}
.ctSorterWrapHeader p {
    margin-bottom: 0;
}

.dsSortDropdown {
    max-width: 245px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    border: 1px solid #e5e5e5;
}
@media (min-width: 768px) {
    .dsSortDropdown {
        margin-right: 0;
    }
}
.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;
}

.proItemCol {
    max-width: 272px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 0 10px 24px;
    margin-bottom: 30px;
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
}
@media (min-width: 768px) {
    .proItemCol {
        max-width: unset;
    }
}
.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);
    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 {
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1) !important;
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1) !important;
}
.proItemCol:hover .btnWrap {
    opacity: 1;
    visibility: visible;
    -webkit-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";
}

.checkoutAlert {
    color: #62718d;
    background-color: #e8eaee;
    border-radius: 0;
    margin-bottom: 25px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

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

.alertCollapseWrap {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px 15px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
}
@media (min-width: 768px) {
    .alertCollapseWrap {
        padding-left: 25px;
        padding-right: 25px;
    }
}
.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;
}

.fakeInput {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.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 #aaaaaa;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-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);
    transform: scale(0);
    transition: transform 0.1s ease, -webkit-transform 0.1s;
}
.customCheckboxLabel .fakeInput:checked + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.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 #aaaaaa;
    border-radius: 50%;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-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);
    transform: scale(0);
    transition: transform 0.1s ease, -webkit-transform 0.1s;
}
.customRadioBtnLabel .fakeInput:checked + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#couponAlertPopup .btnTheme:before,
#couponAlertPopup .btnTheme .btnText {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.bilingDetailsWrap .formCol {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
@media (min-width: 992px) {
    .bilingDetailsWrap .formCol {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.bilingDetailsWrap .formCol.formCol50 {
    width: 50%;
}
@media (min-width: 992px) {
    .bilingDetailsWrap .form-row {
        margin-left: -10px;
        margin-right: -10px;
    }
}
.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;
}

.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%);
    transform: translateY(-50%);
}

.coolSelect {
    font-size: 15px;
    color: #919baf;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.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%;
}
@media (min-width: 768px) {
    .checkoutCountTable .col01 {
        width: 65%;
    }
}
.checkoutCountTable .cuFakeLabel {
    font-size: 15px;
    color: #62718d;
}
.checkoutCountTable .cuFakeLabel .price {
    color: #202b5d;
}

.pmsWrap {
    background-color: #e8eaee;
}

.placeOrder {
    margin-top: 40px;
    border-top: 1px solid #e0e0e0;
    padding: 20px 28px 20px 28px;
}
.placeOrder .btnTheme {
    min-width: 180px;
}

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

.reviewSubmissionForm h4 {
    font-size: 24px;
}
.reviewSubmissionForm .btnTheme {
    min-width: 115px;
}
.reviewSubmissionForm .form-group {
    margin-bottom: 20px;
}
.reviewSubmissionForm .col-form-label {
    padding-top: 0;
}
@media (min-width: 576px) {
    .reviewSubmissionForm .col-form-label {
        padding-bottom: 0;
    }
}
.reviewSubmissionForm .req {
    font-style: normal;
}

.ratingStarList li {
    margin-right: 1px;
    font-size: 14px;
    line-height: 14px;
    color: #cccccc;
}
.ratingStarList li a {
    color: #cccccc;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.reviewsList li {
    overflow: hidden;
    margin-bottom: 20px;
}
@media (min-width: 576px) {
    .reviewsList li {
        margin-bottom: 40px;
    }
}
.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;
}
@media (min-width: 576px) {
    .reviewsList .alignleft {
        float: left;
        margin: 0 25px 0 0;
    }
}

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

.cartForm .btnTheme {
    min-width: 207px;
}

.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: #aaaaaa;
    -webkit-user-select: none;
    -moz-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;
}

.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: #ff3514;
}
.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: #555555;
}
.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;
}

.cartTotals {
    font-weight: 500;
    color: #202b5d;
}
.cartTotals .col01 {
    width: 30%;
}
@media (min-width: 1025px) {
    .cartTotals .col01,
    .cartTotals .col02 {
        width: 50%;
    }
}
.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;
}
@media (min-width: 576px) {
    .cartTotals tbody td {
        padding: 20px;
    }
}
.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;
}

.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%);
    transform: translate(-50%, -70%);
}
@media (min-width: 576px) {
    .testimonialsBlock .watermarkHeadingHead[data-watermark]:before {
        font-size: 100px;
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
    }
}
@media (min-width: 768px) {
    .testimonialsBlock .watermarkHeadingHead[data-watermark]:before {
        font-size: 130px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.quotesSlider {
    position: relative;
    z-index: 2;
}

.clientQuote .profilePicWrap {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    width: 125px;
    height: 125px;
}
@media (min-width: 576px) {
    .clientQuote .profilePicWrap {
        left: 40px;
        top: 30px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-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;
    }
}
@media (min-width: 992px) {
    .clientQuote .profilePicWrap {
        width: 142px;
        height: 142px;
    }
}
.clientQuote q {
    color: #62718d;
    font-size: 20px;
    quotes: none;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-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;
}
@media (min-width: 576px) {
    .clientQuote q:before {
        left: -40px;
        top: 12px;
    }
}
@media (min-width: 992px) {
    .clientQuote q {
        font-size: 23px;
    }
}
@media (min-width: 1230px) {
    .clientQuote q {
        font-size: 26px;
    }
}
.clientQuote .eWrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-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);
    transform: scale(1);
}
.slick-current.slick-active .clientQuote .profilePicWrap {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}
@media (min-width: 576px) {
    .slick-current.slick-active .clientQuote .profilePicWrap {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.becomeVolunteerForm .widgetFormtHead {
    font-size: 16px;
}
.becomeVolunteerForm .form-group {
    margin-bottom: 20px;
}
.becomeVolunteerForm .fLabel {
    margin-bottom: 5px;
}

.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;
}
@media (min-width: 576px) {
    .thanksForSupportingBlock:before {
        height: 440px;
    }
}
@media (min-width: 992px) {
    .thanksForSupportingBlock:before {
        height: 502px;
    }
}
.thanksForSupportingBlock header {
    font-weight: 600;
}
@media (min-width: 992px) {
    .thanksForSupportingBlock header {
        font-size: 18px;
        line-height: 1.4444444444;
    }
}
.dfsFormWrap {
    max-width: 750px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.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: #cccccc;
}
.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: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.donationForm
    .customRadioBtnLabel
    .customRadioInput:checked
    + .cuFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

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

.ourPromiseBlock {
    background-color: #ebebeb;
}
.ourPromiseBlock .btnPlayHolder {
    position: relative;
    z-index: 1;
}
.ourPromiseBlock .videoWrap {
    z-index: 1;
    height: 300px;
    position: relative;
}
@media (min-width: 768px) {
    .ourPromiseBlock .videoWrap {
        height: 400px;
    }
}
@media (min-width: 992px) {
    .ourPromiseBlock .videoWrap {
        position: absolute;
        height: 100%;
        width: 48%;
        top: 0;
        left: 0;
    }
}
.ourPromiseBlock .videoWrap .btnPlayWrap {
    border-radius: 10px;
    padding: 20px 15px;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
}
@media (min-width: 992px) {
    .ourPromiseBlock .videoWrap .btnPlayWrap {
        right: -55px;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 23px 19px;
    }
}
.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);
    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%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.ourPromiseBlock.varII .opbTabset .nav-link {
    font-weight: 400;
}
.ourPromiseBlock.varII .opbTabset .nav-link.active,
.ourPromiseBlock.varII .opbTabset .nav-link:hover {
    color: #202b5d;
}
.ourPromiseBlock.ourPro_v5 .mayorQuote {
    color: #8f96a4;
}
.ourPromiseBlock.ourPro_v5 .mayorQuote .designition {
    color: #a2a4b2;
}
.ourPromiseBlock.ourPro_v5 .signWrap {
    gap: 25px;
}

.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;
}
@media (min-width: 576px) {
    .opbTabset .nav-link {
        padding: 1px 0.8em;
        font-size: 17px;
    }
}
@media (min-width: 768px) {
    .opbTabset .nav-link {
        padding: 1px 0.97em;
        font-size: 19px;
    }
}
@media (min-width: 1025px) {
    .opbTabset .nav-link {
        padding: 0 1.275rem;
        font-size: 20px;
    }
}
.opbTabset .nav-link.active,
.opbTabset .nav-link:hover {
    color: #fff;
}

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

.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);
    transform: scale(1);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}
.ourCauseColumn:hover {
    -webkit-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;
}

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

.causesListWrap .ourCauseColumn .imgHolder {
    position: relative;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 768px) {
    .causesListWrap .ourCauseColumn .imgHolder {
        height: 300px;
    }
}
@media (min-width: 992px) {
    .causesListWrap .ourCauseColumn .imgHolder {
        width: 50%;
        height: unset;
    }
}
@media (min-width: 1230px) {
    .causesListWrap .ourCauseColumn .ocuDescripWrap p {
        padding-right: 25px;
    }
}
@media (min-width: 1330px) {
    .causesListWrap .ourCauseColumn .ocuDescripWrap p {
        padding-right: 50px;
    }
}

.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;
}
@media (min-width: 768px) {
    .headervii .logo {
        height: 70px;
        max-width: 140px;
    }
}
@media (min-width: 1230px) {
    .headervii .logo {
        height: 80px;
        max-width: 180px;
    }
}
@media (min-width: 1330px) {
    .headervii .logo {
        max-width: 234px;
        height: 90px;
    }
}
.headervii .logo a {
    width: 100%;
}
.headervii .hdDropdownList a:hover {
    color: #fff;
}
@media (min-width: 768px) {
    .headervii .mainNavigation .ddohOpener:after {
        height: 27px !important;
    }
}
@media (min-width: 1230px) {
    .headervii .mainNavigation .ddohOpener:after {
        height: 31px !important;
    }
}
@media (min-width: 1330px) {
    .headervii .mainNavigation .ddohOpener:after {
        height: 36px !important;
    }
}
@media (min-width: 768px) {
    .headervii .mainNavigation .ddohOpener > .hdMainDropdown {
        margin-top: 28px;
    }
}
@media (min-width: 1230px) {
    .headervii .mainNavigation .ddohOpener > .hdMainDropdown {
        margin-top: 32px;
    }
}
@media (min-width: 1330px) {
    .headervii .mainNavigation .ddohOpener > .hdMainDropdown {
        margin-top: 37px;
    }
}
@media (min-width: 768px) {
    .headervii .mainNavigation li.nav-item:last-child .hdMainDropdown {
        left: -17px !important;
        margin-left: -2px;
    }
}
@media (min-width: 992px) {
    .headervii .mainNavigation li.nav-item:last-child .hdMainDropdown {
        left: -36px !important;
    }
}
@media (min-width: 992px) {
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(1)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(2)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(3)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(4)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(5)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown {
        left: -100% !important;
    }
}
@media (min-width: 1230px) {
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(1)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(2)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(3)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(4)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown,
    .headervii
        .mainNavigation
        li.nav-item:nth-last-child(5)
        .hdDropdownList
        .dropdown-submenu
        .dropdown-menu.hdMainDropdown {
        left: -100% !important;
    }
}

.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;
}
@media (min-width: 1330px) {
    .callLink .icn {
        font-size: 26px;
    }
}
.callLink .txt {
    font-size: 13px;
    line-height: 18px;
    color: #62718d;
}

.ftAreaWrapvii {
    color: #f7f1f0;
    background-color: #06163a;
}
.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: #cacaca;
    border-color: #cacaca;
}

.ftsrLinksListvii a {
    padding-left: 0;
}
.ftsrLinksListvii a:before {
    content: none;
}

.ftpScheduleListvii .icn {
    display: none;
}
.ftpScheduleListvii .title {
    color: #b0b8ca;
}
.ftpScheduleListvii li {
    padding-left: 0 !important;
}

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

.mapHolder .contactCard {
    z-index: 1;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0;
}
@media (min-width: 576px) {
    .mapHolder .contactCard {
        max-width: 350px;
    }
}
@media (min-width: 768px) {
    .mapHolder .contactCard {
        max-width: 403px;
    }
}

.testimonialSlider .slick-list,
.newPubSlider .slick-list {
    padding-top: 20px;
    padding-bottom: 20px;
}

.testimonialSliderVii .clientQuoteii cite .h5 {
    color: #263788;
}

.clientFeedback {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.clientFeedback.shadowLg {
    -webkit-box-shadow: 0 2px 16px rgba(6, 22, 58, 0.1);
    box-shadow: 0 2px 16px rgba(6, 22, 58, 0.1);
}
@media (min-width: 768px) {
    .clientFeedback {
        max-width: none;
    }
}

.clientQuoteii {
    position: relative;
}
.clientQuoteii:after {
    position: absolute;
    content: "\e900";
    font-family: "icomoon" !important;
    right: 0;
    bottom: 13px;
    font-size: 24px;
    z-index: 0;
}
@media (min-width: 992px) {
    .clientQuoteii:after {
        bottom: 22px;
    }
}
@media (min-width: 1230px) {
    .clientQuoteii:after {
        font-size: 38px;
        line-height: 38px;
        bottom: 13px;
    }
}
.clientQuoteii cite {
    font-size: 15px;
    font-style: normal;
}
.clientQuoteii cite .h5 {
    font-size: 18px;
}

.appAdvartiseBlock .headingHead {
    font-size: 17px;
}
@media (min-width: 768px) {
    .appAdvartiseBlock .headingHead {
        font-size: 20px;
    }
}
@media (min-width: 1230px) {
    .appAdvartiseBlock .headingHead {
        font-size: 24px;
    }
}
.appAdvartiseBlock .imgWrap {
    position: absolute;
    bottom: -1px;
}

.serResRow {
    counter-reset: item;
}

.serResCol {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 576px) {
    .serResCol {
        max-width: none;
    }
}
.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;
}

.serResList li {
    margin-bottom: 4px;
}
.serResList li:last-child {
    margin-bottom: 0;
}
.serResList a {
    color: #62718d;
}
.serResList a:hover {
    color: #202b5d;
}

.exploreHighlightBlock .erHeadingHead {
    color: #e8eaee;
}

.echSlidervii .echColumn {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 576px) {
    .echSlidervii .echColumn {
        max-width: 100%;
    }
}

.exploreCityBlock,
.mayorAnnoucmentBlock {
    background-color: #faf9f8;
}

.ecbCol {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1);
    box-shadow: 10px 0 40px rgba(6, 22, 58, 0.1);
}
@media (min-width: 576px) {
    .ecbCol {
        max-width: 100%;
    }
}
.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: #ff3514;
}

@media (min-width: 768px) {
    .npbColumnWidget .h3 {
        font-size: 26px;
    }
}

.upEventsList {
    font-size: 16px;
}
.upEventsList > li + li {
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 13px;
}

.subsNewsLettForm .form-control {
    height: 60px;
}
.subsNewsLettForm .form-control::-webkit-input-placeholder {
    color: #dedede;
    font-size: 17px;
}
.subsNewsLettForm .form-control::-moz-placeholder {
    opacity: 1;
    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 .form-control.placeholder {
    color: #dedede;
    font-size: 17px;
}
.subsNewsLettForm .btn-dark .btnText,
.subsNewsLettForm .btn-dark:before {
    padding-top: 0.969rem !important;
    padding-bottom: 0.969rem !important;
}

@media (min-width: 576px) {
    .subNew_v2 .subsNewsLettForm .form-control,
    .subsNews_v5 .subsNewsLettForm .form-control {
        width: 33.333%;
    }
}

@media (min-width: 992px) {
    .govAgencyServicesBlock .uecColBg:before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        bottom: 0;
        left: 0;
    }
}
@media (min-width: 992px) {
    .govAgencyServicesBlock .uecColBg:before {
        margin-right: 150px;
        margin-left: 0;
    }
}
@media (min-width: 1230px) {
    .govAgencyServicesBlock .uecColBg:before {
        margin-right: 190px;
    }
}
@media (min-width: 1330px) {
    .govAgencyServicesBlock .uecColBg:before {
        margin-right: 210px;
    }
}

.govServiceCol {
    border: 1px solid #e8e8e8;
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
}
@media (min-width: 1230px) {
    .govServiceCol {
        max-height: 185px;
        height: 100%;
    }
}
.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);
    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 {
    -webkit-box-shadow: 10px 0 40px rgba(32, 43, 93, 0.1);
    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);
    transform: translateY(0);
    max-height: 100%;
}
.govServiceCol:hover .onHover p,
.govServiceCol:hover .onHover .btnCr {
    opacity: 1;
    visibility: visible;
}

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

.widgetWrap {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
}
@media (min-width: 768px) {
    .widgetWrap {
        margin-right: 0;
    }
}
.widgetWrap .erLinksList > li a:hover:after {
    right: 20px;
    margin-top: -8px;
    font-size: 14px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border: 0;
    content: "\e907";
    font-family: "icomoon" !important;
}

.mayorAnnoucmentBlock .imgWrap {
    bottom: 0;
    left: -160px;
    width: 400px;
}
@media (min-width: 1230px) {
    .mayorAnnoucmentBlock .imgWrap {
        left: -120px;
        width: auto;
    }
}
@media (min-width: 1330px) {
    .mayorAnnoucmentBlock .imgWrap {
        left: -58px;
    }
}

.ftAreaWrapvii {
    color: #7b859d;
    background-color: #06163a;
}
.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;
}

.ftsrLinksListvii a {
    padding-left: 0;
}
.ftsrLinksListvii a:before {
    content: none;
}

.ftpScheduleListvii .icn {
    display: none;
}
.ftpScheduleListvii .title {
    color: #b0b8ca;
}
.ftpScheduleListvii li {
    padding-left: 0;
}

.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/bgPattern4.png);
}

.page_404 .btn-dark,
.page-comingup .btn-dark {
    min-width: 186px;
}
.page_404 .btn-dark .btnText,
.page_404 .btn-dark:before,
.page-comingup .btn-dark .btnText,
.page-comingup .btn-dark:before {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.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 .btnTheme .btnText,
.page_404 .btnTheme:before,
.page-comingup .btnTheme .btnText,
.page-comingup .btnTheme:before {
    padding: 0.9689rem 0.5rem;
}
@media (min-width: 576px) {
    .page_404 .btnTheme .btnText,
    .page_404 .btnTheme:before,
    .page-comingup .btnTheme .btnText,
    .page-comingup .btnTheme:before {
        padding: 0.9689rem 1.227rem;
    }
}
.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";
}
@media (min-width: 768px) {
    .page_404 .header-404,
    .page-comingup .header-404 {
        font-size: 150px;
        line-height: 150px;
    }
}

.page-comingup {
    min-height: 100vh;
}

#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%;
}

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

.cgdOrgDetailList li {
    width: 100%;
    margin-bottom: 25px;
}
@media (min-width: 576px) {
    .cgdOrgDetailList li {
        width: 50%;
    }
}
.cgdOrgDetailList .ddTitle {
    color: #202b5d;
    margin-bottom: 2px;
}
.cgdOrgDetailList .ddDetail {
    color: #62718d;
}

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

@media (min-width: 768px) {
    .causeSingle .scgTabList .nav-link {
        font-size: 20px;
    }
}
.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);
    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;
}

.echColumnii:after {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.7))
    );
    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-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.85))
    );
    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;
}

.echColumnClassic {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.echColumnClassic:hover {
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
}
.echColumnClassic .echCatTitle {
    color: #62718d;
}
.echColumnClassic .imgWrap img {
    width: 100%;
}

.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%);
    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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.echColumnModern:hover .echCountTag,
.echColumnModern:hover .echcCaptionWrap {
    opacity: 1;
    visibility: visible;
}
.echColumnModern:hover .echcCaptionWrap {
    bottom: 20px;
}

.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);
    transform: scale(1.05);
}

.portSingPagiWrap {
    border-top: 1px solid #e5e5e5;
}

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

.proTagList li {
    font-size: 16px;
    margin-right: 25px;
}
.proTagList li:last-child {
    margin-right: 0;
}
@media (min-width: 768px) {
    .proTagList li {
        font-size: 17px;
    }
}

@media (min-width: 768px) {
    .centerLayout {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .centerLayout .h3 {
        width: 180px;
    }
}
@media (min-width: 992px) {
    .centerLayout {
        max-width: 80%;
    }
    .centerLayout .h3 {
        width: 230px;
    }
}
@media (min-width: 1230px) {
    .centerLayout {
        max-width: 75%;
    }
    .centerLayout .h3 {
        width: 295px;
    }
}

.faqAccordion .ctaccRow {
    -webkit-box-shadow: 0 10px 40px rgba(6, 22, 58, 0.1);
    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 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);
    transform: rotate(135deg);
}
.faqAccordion .ctaccOpener a[aria-expanded="true"],
.faqAccordion .ctaccOpener a:hover {
    color: #0067da !important;
}

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

.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: #b0b8c6;
}

.getDirColumn {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .getDirColumn {
        max-width: unset;
    }
}
.getDirColumn .gdcHolder {
    -webkit-box-shadow: 0 6px 10px rgba(6, 22, 58, 0.07);
    box-shadow: 0 6px 10px rgba(6, 22, 58, 0.07);
}
.getDirColumn .ardBadge {
    color: #fff;
    font-size: 18px;
    padding: 3px 9px;
}
.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;
}

.arddColumnSlider .slick-list {
    padding-top: 30px;
    padding-bottom: 30px;
}
.arddColumnSlider .slick-arrow {
    left: -264px;
    top: auto;
    bottom: 120px;
    -webkit-transform: none;
    transform: none;
    border: 1px solid #e5e5e5;
}
.arddColumnSlider .slick-arrow.slickPrev {
    left: -324px;
}
@media (min-width: 1230px) {
    .arddColumnSlider .slick-arrow.slickPrev {
        left: -300px;
    }
}
@media (min-width: 1330px) {
    .arddColumnSlider .slick-arrow.slickPrev {
        left: -324px;
    }
}
@media (min-width: 1230px) {
    .arddColumnSlider .slick-arrow {
        left: -240px;
    }
}
@media (min-width: 1330px) {
    .arddColumnSlider .slick-arrow {
        left: -264px;
    }
}

.display-3 {
    font-size: 33px;
}
@media (min-width: 768px) {
    .display-3 {
        font-size: 2.5rem;
    }
}
@media (min-width: 992px) {
    .display-3 {
        font-size: 2.8125rem;
    }
}
@media (min-width: 1230px) {
    .display-3 {
        font-size: 80px;
    }
}

.countdownList {
    font-size: 15px;
    line-height: 1;
    margin-left: -5px;
    margin-right: -5px;
}
.countdownList > li {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (min-width: 992px) {
    .countdownList > li {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.countdownList > li:after {
    position: absolute;
    content: ":";
    right: 0;
    top: 35%;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.countdownList > li:last-child:after {
    content: none;
}
.countdownList > li .h1 {
    font-size: 40px;
}
@media (min-width: 1230px) {
    .countdownList > li .h1 {
        font-size: 60px;
    }
}

.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;
}
@media (min-width: 992px) {
    .getResultsWrap #amount {
        font-size: 16px;
    }
}

/*** ui widget ui widgetcontent styles **/
.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;
}

.fabBtNoteTextWrap .btn-dark.btnSwitchDark {
    color: #fff;
}
.fabBtNoteTextWrap .btn-dark.btnSwitchDark:before,
.fabBtNoteTextWrap .btn-dark.btnSwitchDark .btnText {
    padding-top: 4px;
    padding-bottom: 4px;
}

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

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

.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;
}
@media (min-width: 576px) {
    .vssDropdownList li:nth-child(1) {
        padding-bottom: 0;
        bottom: auto;
        padding-right: 25px;
        right: -25px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
    }
}
.vssDropdownList li:nth-child(2) {
    bottom: 34px;
}
@media (min-width: 576px) {
    .vssDropdownList li:nth-child(2) {
        bottom: auto;
        right: 34px;
    }
}
.vssDropdownList li:nth-child(3) {
    bottom: 68px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
@media (min-width: 576px) {
    .vssDropdownList li:nth-child(3) {
        bottom: auto;
        right: 68px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 50px;
    }
}
.vssDropdownList li:nth-child(3) .vssLink {
    padding-top: 8px;
}
@media (min-width: 576px) {
    .vssDropdownList li:nth-child(3) .vssLink {
        padding-left: 8px;
        padding-top: 0;
    }
}

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

.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;
    -webkit-box-shadow: 10px 0 50px rgba(0, 0, 0, 0.05);
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.05);
}
.newsSingleWrap .newsTagWrap {
    font-size: 15px;
}
.newsSingleWrap .tagList a {
    border-radius: 3px;
}
.newsSingleWrap .nwzPostDetailList li + li {
    margin-top: 40px;
}
@media (min-width: 768px) {
    .newsSingleWrap .nwzPostDetailList li + li {
        margin-top: 50px;
    }
}

.headervi {
    position: relative;
    z-index: 999999999;
}
.headervi .hdTopBar {
    color: #fff;
}
.headervi .logo {
    max-width: 180px;
    width: 100%;
}
@media (min-width: 576px) {
    .headervi .logo {
        max-width: 200px;
    }
}
.headervi .hdAlterLinksList a {
    color: #fff;
}
.headervi .callLink .icn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    color: #fff;
}
.headervi .callLink .txt {
    font-size: 15px;
    line-height: 24px;
}
.headervi .callLink .number {
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    line-height: 24px;
}
.headervi .hdSearchCollapse {
    background-color: rgba(17, 17, 17, 0.9);
}
.headervi .hdSocialNetworks a {
    background-color: #fff;
    color: #62718d;
}
.headervi .hdSocialNetworks a:hover {
    color: #fff;
}
.headervi .hdSearchForm .hdSearchOpener {
    width: 35px;
    height: 35px;
    font-size: 17px;
}
.headervi .hdSearchForm .hdSearchOpener:hover {
    background-color: #ddac13;
}

.supportWidgetSection .spwWrap .spwCol {
    width: 50%;
}
.supportWidgetSection .spwWrap .spwCol:nth-child(2) {
    background-color: #efa94d;
}
.supportWidgetSection .spwWrap .spwInerWrap {
    position: relative;
    z-index: 1;
}
.supportWidgetSection .spwWrap .spwIcn {
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
}

.adrList {
    color: #fff;
}
.adrList > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.adrList > li a {
    color: inherit;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.adrList > li a span {
    color: #aaaaaa;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.adrList > li a.txt {
    cursor: default;
}
.adrList .icn {
    margin: 3px 16px 0 0;
}
.adrList li + li {
    margin-top: 13px;
}

.causesGridSection .bgImg {
    z-index: 0;
}
.causesGridSection .container {
    position: relative;
    z-index: 1;
}

.causeGridCol .raised .income,
.causeGridCol .raised .goal {
    color: #06163a;
}
.causeGridCol .raised .income span:last-child,
.causeGridCol .raised .goal span:last-child {
    color: #62718d;
    letter-spacing: 0.2px;
    font-weight: 300;
}
.causeGridCol .raised .ingo {
    color: #06163a;
    padding-left: 5px;
    padding-right: 5px;
}
.causeGridCol .pbCountNumber {
    font-size: 12px;
    line-height: 26px;
    font-weight: 400;
    right: -1px;
    width: unset;
    height: unset;
    padding: 0 10px;
    font-family: "Nunito Sans", sans-serif;
}
.causeGridCol .cgColDetail {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.35s ease;
    transition: -webkit-box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease;
    transition: box-shadow 0.35s ease, -webkit-box-shadow 0.35s ease;
}
.causeGridCol:hover .cgColDetail {
    -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
}
.causeGridCol:hover .mediaWrap .video,
.causeGridCol:hover .mediaWrap .gallery {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1 !important;
}
.causeGridCol:hover .mediaWrap .gallery {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.causeGridCol:hover .mediaWrap .video {
    -webkit-transition: 0.3s all ease 0.1s;
    transition: 0.3s all ease 0.1s;
}
.causeGridCol:hover .thumbnail img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.causeGridCol:hover .thumbnail:after {
    opacity: 1;
}
.causeGridCol .thumbnail {
    position: relative;
}
.causeGridCol .thumbnail:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.causeGridCol .thumbnail:after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.causeGridCol .thumbnail img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.causeGridCol .mediaWrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.causeGridCol .mediaWrap .gallery {
    -webkit-transition: 0.3s all ease 0.1s;
    transition: 0.3s all ease 0.1s;
}
.causeGridCol .mediaWrap .video {
    margin-left: 15px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.causeGridCol .mediaWrap > a {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    opacity: 0 !important;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
.causeGridCol .btn.btnBlack {
    font-size: 16px;
}
.causeGridCol .cgColTitle a {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}

.newsTheme9 .npbColumn:hover {
    -webkit-transform: none;
    transform: none;
}
.newsTheme9 .npbColumn .imgHolder img {
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
.newsTheme9 .npbColumn .imgHolder:hover img {
    opacity: 0.9;
}

.dtpArticle {
    padding: 50px 20px 35px;
    -webkit-transition: background-color 0.35s ease, color 0.35s ease;
    transition: background-color 0.35s ease, color 0.35s ease;
}
.dtpArticle .icnWrap .icn {
    font-size: 60px;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.dtpArticle .icnWrap a {
    position: relative;
    display: inline-block;
}
.dtpArticle .icnWrap a:before {
    content: "";
    position: absolute;
    top: -40%;
    right: auto;
    bottom: auto;
    left: 28%;
}
.dtpArticle .icnWrap a:before {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    z-index: 1;
    -webkit-transition: background-color 0.35s ease;
    transition: background-color 0.35s ease;
}
.dtpArticle[data-color="green"] .icn {
    color: #9fc765;
}
.dtpArticle[data-color="green"] .icnWrap a:before {
    background: rgba(159, 199, 101, 0.231372549);
}
.dtpArticle[data-color="blue"] .icn {
    color: #83bbde;
}
.dtpArticle[data-color="blue"] .icnWrap a:before {
    background: rgba(131, 187, 222, 0.2);
}
.dtpArticle[data-color="red"] .icn {
    color: #f07191;
}
.dtpArticle[data-color="red"] .icnWrap a:before {
    background: rgba(240, 113, 145, 0.2196078431);
}
.dtpArticle[data-color="orange"] .icn {
    color: #f6cd97;
}
.dtpArticle[data-color="orange"] .icnWrap a:before {
    background: rgba(246, 205, 151, 0.2);
}
.dtpArticle:hover {
    color: #fff;
}
.dtpArticle:hover .title {
    color: #fff;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.dtpArticle:hover .title a,
.dtpArticle:hover .title a:hover {
    color: #fff;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.dtpArticle:hover .icn {
    color: #fff;
}

.bottomAfter {
    position: relative;
    padding-bottom: 25px;
}
.bottomAfter:before {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0px;
    left: 0;
}
.bottomAfter:before {
    background-color: #fff;
    width: 93px;
    height: 5px;
}

.getInvolvedSection .contentWidget {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1230px) {
    .getInvolvedSection .contentWidget .h1 {
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    .getInvolvedSection .contentWidget {
        font-size: 1.25rem;
        max-width: 385px;
    }
}

.featureEvent .eventDate {
    position: absolute;
    margin-left: 20px;
    top: 20px;
    padding: 13px 20px 8px 20px;
    z-index: 2;
}
.featureEvent .eventDate .date {
    font-size: 24px;
    line-height: 24px;
}
.featureEvent .eventDate .month {
    font-size: 16px;
    line-height: 22px;
}
.featureEvent .eventPost {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px 25px 30px 25px;
    z-index: 2;
}
.featureEvent .eventPost h2 a {
    color: #fff;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
@media (min-width: 992px) {
    .featureEvent .eventPost h2 {
        font-size: 1.5rem;
    }
}
.featureEvent .eventTime {
    font-weight: 300;
    font-size: 1rem;
    line-height: 22px;
}
.featureEvent .eventTime .time {
    margin-bottom: 8px;
}
.featureEvent .eventTime .icn {
    margin-right: 2px;
}
.featureEvent .imgWrap {
    width: 100%;
    min-height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.featureEvent .imgWrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.featureEvent .imgWrap:before {
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(16, 19, 31, 0.9)),
        to(rgba(16, 19, 31, 0.1))
    );
    background: linear-gradient(
        0deg,
        rgba(16, 19, 31, 0.9) 0%,
        rgba(16, 19, 31, 0.1) 100%
    );
    z-index: 1;
}
.featureEvent .bgImg {
    z-index: 0;
}

.eventList li + li {
    padding-top: 30px;
    border-top: solid 1px #f9f9f9;
}

.listEvent .eventDate {
    padding: 15px 20px;
    margin-bottom: auto;
}
.listEvent .eventDate .date {
    font-size: 36px;
    line-height: 22px;
}
.listEvent .eventDate .month {
    font-size: 20px;
    line-height: 22px;
    border-bottom: 1px solid white;
}
.listEvent .eventTime {
    font-weight: 300;
    font-size: 1rem;
    line-height: 22px;
}
.listEvent .eventTime .time {
    margin-bottom: 8px;
}
.listEvent .eventTime .icn {
    margin-right: 2px;
}
.listEvent .eventPost h2 a {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
@media (min-width: 992px) {
    .listEvent .eventPost h2 {
        font-size: 1.5rem;
    }
}

.galleryMasonary .isoContentHolder .isoCol {
    width: 50%;
}
@media (min-width: 768px) {
    .galleryMasonary .isoContentHolder .isoCol {
        width: 33.333%;
    }
}
@media (min-width: 1025px) {
    .galleryMasonary .isoContentHolder .isoCol {
        width: 20%;
    }
}
@media (min-width: 1025px) {
    .galleryMasonary .isoContentHolder .isoCol.isoColLarge {
        width: 40%;
    }
}
.galleryMasonary .isoContentHolder .isoCol .contentIso {
    position: relative;
    margin: 5px;
}
@media (min-width: 768px) {
    .galleryMasonary .isoContentHolder .isoCol .contentIso {
        margin: 7px;
    }
}
@media (min-width: 992px) {
    .galleryMasonary .isoContentHolder .isoCol .contentIso {
        margin: 10px;
    }
}
@media (min-width: 1500px) {
    .galleryMasonary .isoContentHolder .isoCol .contentIso:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .galleryMasonary .isoContentHolder .isoCol .contentIso:before {
        width: 100%;
        height: 100%;
        opacity: 0.9;
    }
    .galleryMasonary .isoContentHolder .isoCol .contentIso.background2:before {
        background: #81c68a;
    }
    .galleryMasonary .isoContentHolder .isoCol .contentIso.background3:before {
        background: #326781;
    }
}
.galleryMasonary .isoContentHolder .isoCol img {
    width: 100%;
}
.galleryMasonary .isoContentHolder .isoCol .textIso {
    position: absolute;
    top: 10%;
    left: 30px;
    z-index: 1;
}
@media (max-width: 1499.98px) {
    .galleryMasonary .isoContentHolder .isoCol .textIso {
        display: none;
    }
}
.galleryMasonary .isoContentHolder .isoCol .textIso .title_1 {
    color: #222222;
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
    font-family: "Cabin Sketch", cursive;
}
.galleryMasonary .isoContentHolder .isoCol .textIso .title_2 {
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 5%;
    padding-right: 20px;
}
.galleryMasonary .isoContentHolder .isoCol .textIso .btn_iso {
    margin-top: 7%;
}
.galleryMasonary .isoContentHolder .isoCol .textIso .btnText {
    padding-top: 0.4965rem;
    padding-bottom: 0.4965rem;
}
.galleryMasonary .isoContentHolder .isoCol .textIso .btn {
    font-family: "Nunito Sans", sans-serif;
}
.galleryMasonary .isoContentHolder .isoCol .textIso .btn:before {
    padding-top: 0.4965rem;
    padding-bottom: 0.4965rem;
}
.galleryMasonary .isoContentHolder .isoCol .textIso.version2 .title_1 {
    font-family: "Cabin", Sans-serif;
    font-size: 67px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    margin: 5% 0% 0% 0%;
}
.galleryMasonary .isoContentHolder .isoCol .textIso.version2 .title_2 {
    font-family: "Cabin", Sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: 10% 0% 0% 0%;
}

/************************  
  Home_5_Styles
*************************/
.header_v5 {
    position: relative;
    z-index: 999999999;
}
.header_v5 .logo {
    max-width: 200px;
    position: relative;
}
@media (min-width: 576px) {
    .header_v5 .logo {
        max-width: 230px;
    }
}
@media (min-width: 768px) {
    .header_v5 .logo {
        max-width: 250px;
    }
    .header_v5 .logo:before {
        content: "";
        position: absolute;
        top: 0;
        right: -62px;
        bottom: auto;
        left: auto;
    }
    .header_v5 .logo:before {
        background-color: #1f2e4e;
        color: rgba(204, 204, 204, 0.8);
        height: 100%;
        width: 2000px;
        margin-left: -100px;
    }
}
.header_v5 .logo a {
    position: relative;
    z-index: 1;
}
.header_v5 .hdSearchOpener {
    width: 35px;
    height: 35px;
    font-size: 17px;
}
.header_v5 .hdSearchOpener:hover {
    background-color: #b61933;
}
.header_v5 .hdSearchCollapse .btnClose:hover {
    background-color: #b61933;
}
.header_v5 .pgNavOpener {
    position: absolute !important;
    top: -53px;
    right: 0;
    background-color: #fff;
    border-color: #fff !important;
}
@media (min-width: 576px) {
    .header_v5 .pgNavOpener {
        top: -58px;
    }
}
.header_v5 .navbar-toggler {
    color: #fff;
}
@media (min-width: 768px) {
    .header_v5 .hdMainDropdown {
        margin-top: 39px;
    }
}
@media (min-width: 1230px) {
    .header_v5 .hdMainDropdown {
        margin-top: 38px;
    }
}

.ibSlider_v5 .slick-arrow {
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease, background-color 0.35s ease;
    transition: opacity 1.5s ease, background-color 0.35s ease;
    background-color: rgba(0, 0, 0, 0.3);
}
.ibSlider_v5:hover .slick-arrow {
    opacity: 1;
}
.ibSlider_v5:hover .slick-arrow:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.ibSlider_v5 .dotsList {
    bottom: 65px;
}

.prtColAlt {
    background-color: #fff;
    -webkit-transition: background-color 0.35s ease, color 0.35s ease;
    transition: background-color 0.35s ease, color 0.35s ease;
}
.prtColAlt .icnWrap,
.prtColAlt h2 {
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.prtColAlt .icnWrap {
    font-size: 67px;
}
.prtColAlt:hover {
    color: #fff;
}
.prtColAlt:hover .icnWrap,
.prtColAlt:hover h2 {
    color: #fff;
}
.prtColAlt:hover .btnCustomLightOutline .btnText {
    border-color: #fff;
    color: #fff;
}
.prtColAlt:hover .btnCustomLightOutline:hover:before {
    color: #df193a;
    border-color: #fff;
    background-color: #fff;
}

.mayAnnBloAlt {
    background-color: transparent;
}
.mayAnnBloAlt .imgWrap {
    left: -25px;
    width: 485px;
}
@media (min-width: 992px) {
    .mayAnnBloAlt .imgWrap {
        left: 40px;
    }
}

.newPubSlider {
    margin-right: -15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.newPubSlider .npbColumn {
    -webkit-box-shadow: 0px 5px 14px 0px rgba(6, 22, 58, 0.1);
    box-shadow: 0px 5px 14px 0px rgba(6, 22, 58, 0.1);
}
.newPubSlider .npbColumn .imgHolder img {
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
.newPubSlider .npbColumn .imgHolder:hover img {
    opacity: 0.9;
}
.newPubSlider .npbColumn:hover {
    -webkit-transform: none;
    transform: none;
}
.newPubSlider .npbcmWrap {
    font-size: 16px;
}
.newPubSlider .npbcmWrap a {
    color: #62718d;
}
.newPubSlider .npbcmWrap .icn {
    vertical-align: bottom;
}
.newPubSlider .slick-arrow {
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.newPubSlider:hover .slick-arrow {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.newPubSlider .slickPrev {
    left: -10px;
}
.newPubSlider .slickNext {
    right: -10px;
}

.exoHigSlider {
    margin-right: -15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}

.expWidget {
    min-height: 350px;
}
.expWidget:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
.expWidget:before {
    width: 100%;
    height: 50%;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0)),
        to(rgba(0, 0, 0, 0.8))
    );
    background-image: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgba(0, 0, 0, 0.8)
    );
    z-index: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.expWidget .expDescWrap {
    left: 0;
    bottom: 0;
    z-index: 2;
}
.expWidget .icnWrap {
    font-size: 40px;
    color: #fff;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.expWidget h3 a {
    color: #fff;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.expWidget:hover:before {
    height: 60%;
}

.header_v5 .hdTopBar {
    background-color: #06163a;
}

/************************  
  Home_3_Styles
*************************/
.bnrContHolder {
    max-width: 470px;
    margin-right: 0;
    margin-left: auto;
    padding: 35px 15px 42px;
}
@media (min-width: 576px) {
    .bnrContHolder {
        padding: 42px 25px 50px;
    }
}
@media (min-width: 768px) {
    .bnrContHolder {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.bnrContHolder .h1 {
    font-weight: 400;
}
.bnrContHolder .h1 .txt_3 {
    font-weight: 700;
}
.bnrContHolder .btnRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
.bnrContHolder .btnRow .btn:before,
.bnrContHolder .btnRow .btn .btnText {
    padding: 0.626rem 0.55rem;
}
.bnrContHolder .btnRow .btn.btnXsMinWidth {
    min-width: 123px;
}
@media (min-width: 576px) {
    .bnrContHolder .btnRow .btn.btnXsMinWidth {
        min-width: 150px;
    }
}

.bnrSearchForm .inputWrap {
    position: relative;
}
.bnrSearchForm .form-control {
    background-color: transparent;
    border-color: #fff;
    border-width: 2px;
    height: 50px;
    color: #fff;
    padding-right: 65px;
}
.bnrSearchForm .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: rgba(255, 255, 255, 0.85);
}
.bnrSearchForm .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: rgba(255, 255, 255, 0.85);
}
.bnrSearchForm .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: rgba(255, 255, 255, 0.85);
}
.bnrSearchForm .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: rgba(255, 255, 255, 0.85);
}
.bnrSearchForm .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: rgba(255, 255, 255, 0.85);
}
@media (min-width: 576px) {
    .bnrSearchForm .form-control {
        padding-right: 70px;
    }
}
.bnrSearchForm .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    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;
    border-width: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 576px) {
    .bnrSearchForm .btn {
        padding-left: 1.1875rem;
        padding-right: 1.1875rem;
    }
}
.bnrSearchForm .btn:hover {
    background-color: #e6e6e6;
    color: #fff;
    background-color: #132244;
    border-color: #fff #fff #fff #ff3514;
}
.bnrSearchForm .btn:before {
    content: none;
}

.topNews > span {
    display: inline-block;
    padding: 4px 50px 3px 37px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-right: 15px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #132244;
}
.topNews > span:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: auto;
}
@media (min-width: 768px) {
    .topNews > span {
        font-size: 17px;
    }
}
@media (min-width: 992px) {
    .topNews > span {
        margin-right: 25px;
    }
}
@media (min-width: 1230px) {
    .topNews > span {
        margin-right: 34px;
    }
}
.topNews > span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16.5px 14px 15.5px 0;
    border-color: transparent #06163a transparent transparent;
}

.cityNewsSlider {
    font-size: 14px;
}
@media (min-width: 768px) {
    .cityNewsSlider {
        font-size: 16px;
    }
}
.cityNewsSlider p {
    margin-bottom: 0;
}
.cityNewsSlider p .icn {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 13px;
}
@media (min-width: 768px) {
    .cityNewsSlider p .icn {
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    .cityNewsSlider p .icn {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (min-width: 1230px) {
    .cityNewsSlider p .icn {
        margin-left: 30px;
        margin-right: 30px;
    }
}

.topNews > span,
.hdSocialNetworks a:hover {
    background-color: #ff3514;
}

.header_v4 .socialNetworks > li a:hover,
.header_v4 .calLink a:hover {
    color: #ff3514;
}

/************************  
  Home_4_Styles
*************************/
.header_v4 .hdLangDropdown .dropdown-toggle {
    font-size: 13px;
    color: #fff;
    border: 0;
}
@media (min-width: 992px) {
    .header_v4 .hdLangDropdown .dropdown-toggle {
        font-size: 15px;
    }
}
.header_v4 .hdLangDropdown .dropIcn:after {
    width: 6px;
    height: 6px;
}
@media (min-width: 992px) {
    .header_v4 .hdLangDropdown .dropIcn:after {
        width: 7px;
        height: 7px;
    }
}
.header_v4 .hdTopBar {
    font-size: 13px;
}
@media (min-width: 992px) {
    .header_v4 .hdTopBar {
        font-size: 15px;
    }
}
.header_v4 .hdTopBar .hdAlterLinksList a:hover {
    color: #fff;
}
.header_v4 .hdTopBar a {
    color: #a1aabf;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.header_v4 .socialNetworks > li + li {
    margin-left: 12px;
}
@media (min-width: 992px) {
    .header_v4 .socialNetworks > li + li {
        margin-left: 15px;
    }
}
.header_v4 .calLink .icn {
    margin-right: 5px;
}

.bnrSliderWrap .ibSlider .slick-arrow {
    margin-top: 0;
}
@media (min-width: 576px) {
    .bnrSliderWrap .ibSlider .dotsList {
        bottom: 140px;
    }
}
.bnrSliderWrap .ibColumn {
    min-height: 75vh;
}
@media (min-width: 576px) {
    .bnrSliderWrap .ibColumn {
        min-height: calc(97vh - 29.5px);
    }
}
@media (min-width: 768px) {
    .bnrSliderWrap .ibColumn {
        min-height: 84vh;
        min-height: calc(100vh - 107.5px);
    }
}
@media (min-width: 992px) {
    .bnrSliderWrap .ibColumn {
        min-height: calc(100vh - 126px);
    }
}
@media (min-width: 1230px) {
    .bnrSliderWrap .ibColumn {
        min-height: calc(100vh - 162px);
    }
}
.bnrSliderWrap .bookingFormWrap {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: rgba(40, 40, 40, 0.8);
}
@media (min-width: 576px) {
    .bnrSliderWrap .bookingFormWrap {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .bnrSliderWrap .bookingFormWrap {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}
.bnrSliderWrap .bookingFormWrap .formWrap {
    position: relative;
}
.bnrSliderWrap .bookingFormWrap .formWrap .icn {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bbbbbb;
}

.bookingForm .form-control {
    padding: 1px 20px 1px 38px;
    height: 60px;
    text-transform: uppercase;
    font-size: 15px;
    color: #a6afbd;
    color: rgba(32, 43, 93, 0.8);
}
.bookingForm .form-control::-webkit-input-placeholder {
    color: #a6afbd;
}
.bookingForm .form-control::-moz-placeholder {
    opacity: 1;
    color: #a6afbd;
}
.bookingForm .form-control:-moz-placeholder {
    color: #a6afbd;
}
.bookingForm .form-control:-ms-input-placeholder {
    color: #a6afbd;
}
.bookingForm .form-control.placeholder {
    color: #a6afbd;
}
@media (min-width: 992px) {
    .bookingForm .form-control {
        font-size: 17px;
    }
}
@media (min-width: 1025px) {
    .bookingForm .form-control {
        padding-left: 63px;
    }
}
@media (min-width: 576px) {
    .bookingForm .filterHolder .formWrap {
        float: left;
        width: 25%;
    }
}
@media (min-width: 992px) {
    .bookingForm .filterHolder .formWrap {
        width: 28.3333333333%;
    }
}
@media (min-width: 992px) {
    .bookingForm .filterHolder .filterBtn {
        width: 15%;
    }
}
.bookingForm .btnSubmit {
    min-width: unset;
    width: 100%;
}
.bookingForm .btnSubmit .btnText,
.bookingForm .btnSubmit:before {
    padding-top: 0.969rem;
    padding-bottom: 0.969rem;
}

.direction_switch {
    position: fixed;
    top: 65%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.direction_switch.demo_rtl {
    left: 10px;
}
.direction_switch.demo_ltr {
    right: 10px;
}
.direction_switch .dirBtn {
    background-color: #ff3514;
    border: 1px solid #ff3514;
    color: #fff;
    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;
    line-height: 12px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.25);
}
.direction_switch .dirBtn:hover {
    background-color: rgba(255, 53, 20, 0.85);
    border-color: rgba(255, 53, 20, 0.85);
}

/*------------------------------------------------------------------
Animations
-------------------------------------------------------------------*/
@-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);
    }
}
/*!
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;
}

@-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);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-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);
        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);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-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);
        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);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-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);
        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);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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%);
        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%);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-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);
        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);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-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);
        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);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-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);
        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);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-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);
        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);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-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);
        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);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-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);
        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);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-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);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-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);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-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);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-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);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-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);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-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);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-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);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-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);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-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);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-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);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-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);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-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);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-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);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-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);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-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);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-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);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-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);
        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;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-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);
        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;
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-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);
        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;
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-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);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-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);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-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);
        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;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-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);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-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;
        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;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-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;
        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;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-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;
        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;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-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;
        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;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-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;
        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;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-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;
        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;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-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;
        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;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-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;
        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;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-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;
        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;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-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;
        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;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-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);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-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);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-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);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-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);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-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);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-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);
        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;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}


/* Hide Login and Register on large screens (laptops & PCs) */
@media (min-width: 992px) {
    .mobile-auth-links {
        display: none !important;
    }
}


        /* Pay Now Button Styles */
        .pay-now-btn {
            background: linear-gradient(135deg, #4CAF50, #2E8B57); /* Gradient Green */
            color: white;
            font-size: 18px;
            font-weight: bold;
            padding: 12px 24px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-in-out;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        /* Hover Effect */
        .pay-now-btn:hover {
            background: linear-gradient(135deg, #2E8B57, #4CAF50); /* Reverse Gradient */
            transform: scale(1.05);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }

        /* Click Effect */
        .pay-now-btn:active {
            transform: scale(0.95);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }

        /* Responsive Design */
        @media (max-width: 480px) {
            .pay-now-btn {
                font-size: 16px;
                padding: 10px 20px;
            }
        }



        .logo {
            max-height: 70px;
            width: auto;
        }
        @media (max-width: 768px) {
            .logo {
                max-height: 40px;
            }
        }
        .logo-img {
    height: 90px;
    object-fit: contain;
}

        .navbar-custom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: nowrap;
        }

        .nav-center {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        @media (max-width: 991.98px) {
            .nav-center {
                position: static;
                transform: none;
                width: 100%;
                margin-top: 1rem;
                text-align: center;
            }
        }


        .aboutMayorBlock {
    position: relative;
    z-index: 1;
}

.aboutMayorBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/Logo Final.png'); /* Watermark image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%; /* Smaller size */
    opacity: 0.04; /* More faint */
    filter: blur(5px); /* Add blur effect */
    z-index: 0;
}

/* Make sure content stays above */
.aboutMayorBlock > .container {
    position: relative;
    z-index: 1;
}


.watermark-bg {
    position: relative;
    z-index: 1;
}

.watermark-bg::before {
    content: "";
    background: url('images/bgSmac.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.05; /* Adjust this for lighter/darker watermark effect */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none; /* Ensure background doesn't interfere with interaction */
}
        
body {
    background: #f3f4f6;
}

.qr-container {
    max-width: 400px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative;
}

.qr-wrapper {
    position: relative;
    width: 100%;
    padding: 20px;
    border-radius: 12px;
    background-color: #f9fafb;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
}

.qr-wrapper {
    position: relative;
    display: inline-block;
}

.qr-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    background: url('{{ asset('images/upis.png') }}') center center no-repeat;
    background-size: contain;
    opacity: 0.05;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.qr-wrapper img {
    position: relative;
    z-index: 2;
}


.qr-wrapper img,
.qr-wrapper svg {
    position: relative;
    z-index: 2;
}

.timer-badge {
    display: inline-block;
    padding: 6px 12px;
    background: #ffe6e6;
    color: #d00000;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
}

.upi-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.upi-icons img {
    width: 200px;
    height: 48px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
}

    .logo-img {
            height: 120px;
            display:flex;
            /* object-fit: contain; */
        }

             .logo-img1 {
            height: 70px;
            display:flex;
            /* object-fit: contain; */
        }

        .navbar-nav .nav-link {
            background-color: #132244;
            padding: 8px 14px;
            border-radius: 50px;
            font-weight: 100;
            color: rgb(245, 247, 249) !important;
            margin: 0.5rem;
            transition: all 0.3s ease;
        }

        .navbar-nav .nav-link:hover {
            background-color: #d48de8;
            color: rgb(1, 1, 1) !important;
        }

        .navbar-nav .nav-link.active {
            background-color: #0056b3;
            color: #fff !important;
        }

        .top-bar {
            background: #343a40;
            color: white;
            font-size: 14px;
        }

        @media (max-width: 991px) {
            .navbar-collapse {
                margin-top: 10px;
            }
            .navbar-nav {
                gap: 10px;
            }
        }