@charset "UTF-8";

/* ------------------------------------------ */
/* Style naming basically follows BEM: http://getbem.com/ */
/* Black and white version Override */
/* ------------------------------------------ */
 body.bw-ver {
     filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
}
 .bw-ver--ie .header-nav__tool.header-nav__tool--lang {
     background-image: url("./images/common/icons/svg/white/icon-lang.svg") !important;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--lang, .page-demo.bw-ver--ie .header-nav__tool.header-nav__tool--lang, .mob-nav.bw-ver--ie .header-nav__tool.header-nav__tool--lang, .header--small.bw-ver--ie .header-nav__tool.header-nav__tool--lang {
     background-image: url("./images/common/icons/svg/black/icon-lang.svg") !important;
}
 .bw-ver--ie .header-nav__tool.header-nav__tool--print {
     background-image: url("./images/common/icons/svg/white/icon-printer.svg") !important;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--print, .page-demo.bw-ver--ie .header-nav__tool.header-nav__tool--print, .mob-nav.bw-ver--ie .header-nav__tool.header-nav__tool--print, .header--small.bw-ver--ie .header-nav__tool.header-nav__tool--print {
     background-image: url("./images/common/icons/svg/black/icon-printer.svg") !important;
}
 .bw-ver--ie .header-nav__tool.header-nav__tool--share {
     background-image: url("./images/common/icons/svg/white/icon-share.svg") !important;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--share, .page-demo.bw-ver--ie .header-nav__tool.header-nav__tool--share, .mob-nav.bw-ver--ie .header-nav__tool.header-nav__tool--share, .header--small.bw-ver--ie .header-nav__tool.header-nav__tool--share {
     background-image: url("./images/common/icons/svg/black/icon-share.svg") !important;
}
 .bw-ver--ie .header-nav__tool.header-nav__tool--search {
     background-image: url("./images/common/icons/svg/white/icon-zoom.svg") !important;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--search, .page-demo.bw-ver--ie .header-nav__tool.header-nav__tool--search, .mob-nav.bw-ver--ie .header-nav__tool.header-nav__tool--search, .header--small.bw-ver--ie .header-nav__tool.header-nav__tool--search {
     background-image: url("./images/common/icons/svg/black/icon-zoom.svg") !important;
}
 .header-nav__tool.header-nav__tool--news {
     background-image: url("./images/common/icons/svg/white/icon-alert.svg") !important;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--news, .page-demo.bw-ver--ie .header-nav__tool.header-nav__tool--news, .mob-nav.bw-ver--ie .header-nav__tool.header-nav__tool--news, .header--small.bw-ver--ie .header-nav__tool.header-nav__tool--news {
     background-image: url("./images/common/icons/svg/black/icon-alert.svg") !important;
}
 .bw-ver--ie .header-nav__text-control a:hover, .bw-ver--ie .header-nav__sub-link:hover, .bw-ver--ie .mob-nav__link:hover {
     color: #c3c3c3 !important;
}
 .bw-ver--ie .mob-nav__control .share-btns__btn {
     background-color: #000 !important;
}
 .bw-ver--ie .header-nav__tool-trigger:after, .bw-ver--ie .header-nav__link:after {
     background-color: #c3c3c3 !important;
}
 .bw-ver--ie .header-nav__link.is-active, .bw-ver--ie .is-focus .header-nav__link, .bw-ver--ie .is-open .header-nav__link, .bw-ver--ie .is-hover .header-nav__link, .bw-ver--ie .header-nav__link:focus, .bw-ver--ie .header-nav__link:hover {
     color: #c3c3c3 !important;
}
 .bw-ver--ie .top-search .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom-white.png") !important;
}
 .bw-ver--ie[data-key-txt-color="black"] .top-search .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom.png") !important;
}
 .bw-ver--ie .header-nav__sub-holder .main-search input {
     border-bottom: 1px solid #000;
}
 .bw-ver--ie .header-nav__sub-holder .main-search input::-webkit-input-placeholder {
     color: #000 !important;
}
 .bw-ver--ie .header-nav__sub-holder .main-search input:-moz-placeholder {
    /* Firefox 18- */
     color: #000 !important;
}
 .bw-ver--ie .header-nav__sub-holder .main-search input::-moz-placeholder {
    /* Firefox 19+ */
     color: #000 !important;
}
 .bw-ver--ie .header-nav__sub-holder .main-search input:-ms-input-placeholder {
     color: #000 !important;
}
 .bw-ver--ie .header-nav__sub-holder .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom.png") !important;
}
 .bw-ver--ie .header-contact__contact.header-contact__contact--tel:before {
     background-image: url("./images/common/icons/icon-contact-tel_bw.png");
}
 .bw-ver--ie .header-contact__contact.header-contact__contact--fax:before {
     background-image: url("./images/common/icons/icon-contact-fax_bw.png");
}
 .bw-ver--ie .header-contact__contact.header-contact__contact--email:before {
     background-image: url("./images/common/icons/icon-contact-email_bw.png");
}
 .bw-ver--ie .header-contact__contact:hover {
     color: #c3c3c3 !important;
}
 .bw-ver--ie footer a:hover, .bw-ver--ie .footer__top a:hover, .bw-ver--ie .footer__bottom a:hover, .bw-ver--ie .footer__contact:hover span {
     color: #FFF !important;
}
 .bw-ver--ie footer .share-btns__btn:hover {
     background-color: transparent !important;
}
 .bw-ver--ie .footer__sitemap-title, .bw-ver--ie .footer__panel-tag {
     color: #c3c3c3 !important;
}
 .bw-ver--ie .footer__backtotop {
     background: url("./images/common/icons/icon-cir-arrow.png") no-repeat center center !important;
     background-size: cover !important;
}
 .bw-ver--ie .main-banner__title-tag {
     color: #c3c3c3 !important;
}
 .bw-ver--ie .btn {
     background: #c3c3c3 !important;
}
 .bw-ver--ie .main-banner__pagination .swiper-pagination-bullet:before {
     background: #c3c3c3 !important;
}
 .bw-ver--ie .news-centre__bg span {
     background-image: url("./images/home/bg-news-centre_bw.jpg");
}
 .bw-ver--ie .tabs__btn:hover, .bw-ver--ie .tabs__btn.is-active {
     background: #c3c3c3 !important;
}
 .bw-ver--ie .tabs__btn.is-active:before {
     border-color: #c3c3c3 transparent transparent;
}
 .bw-ver--ie .tabs__btns {
     border-bottom: 1px solid #c3c3c3 !important;
}
 .bw-ver--ie .items-slider__item-date, .bw-ver--ie .items-slider__item.items-slider__item--no-img .items-slider__item-desc {
     color: #c3c3c3 !important;
}
 .bw-ver--ie .items-slider__slider-next, .bw-ver--ie .items-slider__slider-prev {
     background-image: url("./images/common/icons/icon-slider-arrow-white.png") !important;
}
 .bw-ver--ie .event-calendar__list-day .calendar__datedata, .bw-ver--ie .event-calendar:before, .bw-ver--ie .event-calendar:after {
     background: #c3c3c3 !important;
}
 .bw-ver--ie .sec-highlights__item-title, .bw-ver--ie .sec-highlights__readmore {
     color: #000 !important;
}
 .bw-ver--ie .thumb-slider__slider-next, .bw-ver--ie .thumb-slider__slider-prev {
     background-image: url("./images/common/icons/icon-slider-arrow-black.png") !important;
}
 .bw-ver--ie .editContent a, .bw-ver--ie .content-link, .bw-ver--ie .more-link, .bw-ver--ie .more-link, .bw-ver--ie .editContent .content-link, .bw-ver--ie .editContent .more-link, .bw-ver--ie .editContent .more-link, .bw-ver--ie .sec-article__link-btn, .bw-ver--ie .editContent .sec-article__link-btn {
     color: #767676 !important;
}
 .bw-ver--ie .breadcrumbs__sub-items {
     background: #C7C7C7 !important;
}
 .bw-ver--ie .breadcrumbs:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs__sub-items, .bw-ver--ie.theme--strategies .breadcrumbs__sub-items, .bw-ver--ie.theme--legal .breadcrumbs__sub-items, .bw-ver--ie.theme--community .breadcrumbs__sub-items, .bw-ver--ie.theme--business .breadcrumbs__sub-items, .bw-ver--ie.theme--infrastructure .breadcrumbs__sub-items, .bw-ver--ie.theme--information-security .breadcrumbs__sub-items, .bw-ver--ie.theme--business .breadcrumbs__sub-items {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs:before, .bw-ver--ie.theme--strategies .breadcrumbs:before, .bw-ver--ie.theme--legal .breadcrumbs:before, .bw-ver--ie.theme--community .breadcrumbs:before, .bw-ver--ie.theme--business .breadcrumbs:before, .bw-ver--ie.theme--infrastructure .breadcrumbs:before, .bw-ver--ie.theme--information-security .breadcrumbs:before, .bw-ver--ie.theme--business .breadcrumbs:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .sec-article__head:after, .bw-ver--ie.theme--strategies .sec-article__head:after, .bw-ver--ie.theme--legal .sec-article__head:after, .bw-ver--ie.theme--community .sec-article__head:after, .bw-ver--ie.theme--business .sec-article__head:after, .bw-ver--ie.theme--infrastructure .sec-article__head:after, .bw-ver--ie.theme--information-security .sec-article__head:after, .bw-ver--ie.theme--business .sec-article__head:after {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .gallery-slider__info-txt, .bw-ver--ie.theme--strategies .gallery-slider__info-txt, .bw-ver--ie.theme--legal .gallery-slider__info-txt, .bw-ver--ie.theme--community .gallery-slider__info-txt, .bw-ver--ie.theme--business .gallery-slider__info-txt, .bw-ver--ie.theme--infrastructure .gallery-slider__info-txt, .bw-ver--ie.theme--information-security .gallery-slider__info-txt, .bw-ver--ie.theme--business .gallery-slider__info-txt {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .info-list__title:before, .bw-ver--ie.theme--strategies .info-list__title:before, .bw-ver--ie.theme--legal .info-list__title:before, .bw-ver--ie.theme--community .info-list__title:before, .bw-ver--ie.theme--business .info-list__title:before, .bw-ver--ie.theme--infrastructure .info-list__title:before, .bw-ver--ie.theme--information-security .info-list__title:before, .bw-ver--ie.theme--business .info-list__title:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .info-table table th, .bw-ver--ie.theme--strategies .info-table table th, .bw-ver--ie.theme--legal .info-table table th, .bw-ver--ie.theme--community .info-table table th, .bw-ver--ie.theme--business .info-table table th, .bw-ver--ie.theme--infrastructure .info-table table th, .bw-ver--ie.theme--information-security .info-table table th, .bw-ver--ie.theme--business .info-table table th {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .article-control__col:first-child:before, .bw-ver--ie.theme--strategies .article-control__col:first-child:before, .bw-ver--ie.theme--legal .article-control__col:first-child:before, .bw-ver--ie.theme--community .article-control__col:first-child:before, .bw-ver--ie.theme--business .article-control__col:first-child:before, .bw-ver--ie.theme--infrastructure .article-control__col:first-child:before, .bw-ver--ie.theme--information-security .article-control__col:first-child:before, .bw-ver--ie.theme--business .article-control__col:first-child:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .article-control__col:last-child:before, .bw-ver--ie.theme--strategies .article-control__col:last-child:before, .bw-ver--ie.theme--legal .article-control__col:last-child:before, .bw-ver--ie.theme--community .article-control__col:last-child:before, .bw-ver--ie.theme--business .article-control__col:last-child:before, .bw-ver--ie.theme--infrastructure .article-control__col:last-child:before, .bw-ver--ie.theme--information-security .article-control__col:last-child:before, .bw-ver--ie.theme--business .article-control__col:last-child:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--strategies .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--legal .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--community .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--business .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--infrastructure .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--information-security .accordion__item .accordion__toggle:hover, .bw-ver--ie.theme--business .accordion__item .accordion__toggle:hover {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .editContent a:not(.btn):hover, body.bw-ver--ie .content-link:not(.btn):hover, body.bw-ver--ie .more-link:not(.btn):hover, body.bw-ver--ie .more-link:not(.btn):hover, body.bw-ver--ie .editContent .content-link:not(.btn):hover, body.bw-ver--ie .editContent .more-link:not(.btn):hover, body.bw-ver--ie .editContent .more-link:not(.btn):hover, body.bw-ver--ie .sec-article__link-btn:not(.btn):hover, body.bw-ver--ie .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--strategies .editContent a:not(.btn):hover, .bw-ver--ie.theme--strategies .content-link:not(.btn):hover, .bw-ver--ie.theme--strategies .more-link:not(.btn):hover, .bw-ver--ie.theme--strategies .more-link:not(.btn):hover, .bw-ver--ie.theme--strategies .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--strategies .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--strategies .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--strategies .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--strategies .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--legal .editContent a:not(.btn):hover, .bw-ver--ie.theme--legal .content-link:not(.btn):hover, .bw-ver--ie.theme--legal .more-link:not(.btn):hover, .bw-ver--ie.theme--legal .more-link:not(.btn):hover, .bw-ver--ie.theme--legal .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--legal .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--legal .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--legal .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--legal .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--community .editContent a:not(.btn):hover, .bw-ver--ie.theme--community .content-link:not(.btn):hover, .bw-ver--ie.theme--community .more-link:not(.btn):hover, .bw-ver--ie.theme--community .more-link:not(.btn):hover, .bw-ver--ie.theme--community .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--community .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--community .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--community .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--community .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--business .editContent a:not(.btn):hover, .bw-ver--ie.theme--business .content-link:not(.btn):hover, .bw-ver--ie.theme--business .more-link:not(.btn):hover, .bw-ver--ie.theme--business .more-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--business .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--business .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--infrastructure .editContent a:not(.btn):hover, .bw-ver--ie.theme--infrastructure .content-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .more-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .more-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--infrastructure .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--infrastructure .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--information-security .editContent a:not(.btn):hover, .bw-ver--ie.theme--information-security .content-link:not(.btn):hover, .bw-ver--ie.theme--information-security .more-link:not(.btn):hover, .bw-ver--ie.theme--information-security .more-link:not(.btn):hover, .bw-ver--ie.theme--information-security .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--information-security .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--information-security .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--information-security .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--information-security .editContent .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--business .editContent a:not(.btn):hover, .bw-ver--ie.theme--business .content-link:not(.btn):hover, .bw-ver--ie.theme--business .more-link:not(.btn):hover, .bw-ver--ie.theme--business .more-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .content-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--business .editContent .more-link:not(.btn):hover, .bw-ver--ie.theme--business .sec-article__link-btn:not(.btn):hover, .bw-ver--ie.theme--business .editContent .sec-article__link-btn:not(.btn):hover {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, body.bw-ver--ie .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--strategies .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--strategies .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--legal .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--legal .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--community .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--community .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--infrastructure .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--infrastructure .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--information-security .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--information-security .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, body.bw-ver--ie .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--strategies .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--strategies .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--legal .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--legal .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--community .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--community .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--infrastructure .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--infrastructure .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--information-security .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--information-security .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .bw-ver--ie.theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs__sub-items:before, .bw-ver--ie.theme--strategies .breadcrumbs__sub-items:before, .bw-ver--ie.theme--legal .breadcrumbs__sub-items:before, .bw-ver--ie.theme--community .breadcrumbs__sub-items:before, .bw-ver--ie.theme--business .breadcrumbs__sub-items:before, .bw-ver--ie.theme--infrastructure .breadcrumbs__sub-items:before, .bw-ver--ie.theme--information-security .breadcrumbs__sub-items:before, .bw-ver--ie.theme--business .breadcrumbs__sub-items:before {
     border-bottom-color: #C7C7C7 !important;
}
 body.bw-ver--ie .gallery-slider__slider-next, body.bw-ver--ie .gallery-slider__slider-prev, .bw-ver--ie.theme--strategies .gallery-slider__slider-next, .bw-ver--ie.theme--strategies .gallery-slider__slider-prev, .bw-ver--ie.theme--legal .gallery-slider__slider-next, .bw-ver--ie.theme--legal .gallery-slider__slider-prev, .bw-ver--ie.theme--community .gallery-slider__slider-next, .bw-ver--ie.theme--community .gallery-slider__slider-prev, .bw-ver--ie.theme--business .gallery-slider__slider-next, .bw-ver--ie.theme--business .gallery-slider__slider-prev, .bw-ver--ie.theme--infrastructure .gallery-slider__slider-next, .bw-ver--ie.theme--infrastructure .gallery-slider__slider-prev, .bw-ver--ie.theme--information-security .gallery-slider__slider-next, .bw-ver--ie.theme--information-security .gallery-slider__slider-prev, .bw-ver--ie.theme--business .gallery-slider__slider-next, .bw-ver--ie.theme--business .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/strategies/icon-slider-arrow_bw.png") !important;
}
 body.bw-ver--ie .video-sec__slider-next, body.bw-ver--ie .video-sec__slider-prev, .bw-ver--ie.theme--strategies .video-sec__slider-next, .bw-ver--ie.theme--strategies .video-sec__slider-prev, .bw-ver--ie.theme--legal .video-sec__slider-next, .bw-ver--ie.theme--legal .video-sec__slider-prev, .bw-ver--ie.theme--community .video-sec__slider-next, .bw-ver--ie.theme--community .video-sec__slider-prev, .bw-ver--ie.theme--business .video-sec__slider-next, .bw-ver--ie.theme--business .video-sec__slider-prev, .bw-ver--ie.theme--infrastructure .video-sec__slider-next, .bw-ver--ie.theme--infrastructure .video-sec__slider-prev, .bw-ver--ie.theme--information-security .video-sec__slider-next, .bw-ver--ie.theme--information-security .video-sec__slider-prev, .bw-ver--ie.theme--business .video-sec__slider-next, .bw-ver--ie.theme--business .video-sec__slider-prev {
     background: url("./images/common/icons/theme/strategies/icon-slider-arrow_bw.png") no-repeat center center !important;
}
 body.bw-ver--ie .general-index:before, .bw-ver--ie.theme--strategies .general-index:before, .bw-ver--ie.theme--legal .general-index:before, .bw-ver--ie.theme--community .general-index:before, .bw-ver--ie.theme--business .general-index:before, .bw-ver--ie.theme--infrastructure .general-index:before, .bw-ver--ie.theme--information-security .general-index:before, .bw-ver--ie.theme--business .general-index:before {
     background: #C7C7C7 !important;
}
 body.bw-ver--ie .general-index__link:hover, .bw-ver--ie.theme--strategies .general-index__link:hover, .bw-ver--ie.theme--legal .general-index__link:hover, .bw-ver--ie.theme--community .general-index__link:hover, .bw-ver--ie.theme--business .general-index__link:hover, .bw-ver--ie.theme--infrastructure .general-index__link:hover, .bw-ver--ie.theme--information-security .general-index__link:hover, .bw-ver--ie.theme--business .general-index__link:hover {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--strategies .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--legal .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--community .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--infrastructure .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--information-security .breadcrumbs__item.is-current .breadcrumbs__link, .bw-ver--ie.theme--business .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #C7C7C7 !important;
}
 body.bw-ver--ie .video-thumb:before, .bw-ver--ie.theme--strategies .video-thumb:before, .bw-ver--ie.theme--legal .video-thumb:before, .bw-ver--ie.theme--community .video-thumb:before, .bw-ver--ie.theme--business .video-thumb:before, .bw-ver--ie.theme--infrastructure .video-thumb:before, .bw-ver--ie.theme--information-security .video-thumb:before, .bw-ver--ie.theme--business .video-thumb:before {
     background-image: url("./images/common/icons/theme/business/icon-play_bw.png") !important;
}
 body.bw-ver--ie .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--strategies .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--legal .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--community .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--business .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--infrastructure .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--information-security .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next), .bw-ver--ie.theme--business .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #C7C7C7;
}
 body.bw-ver--ie .themeTable th, .bw-ver--ie.theme--strategies .themeTable th, .bw-ver--ie.theme--legal .themeTable th, .bw-ver--ie.theme--community .themeTable th, .bw-ver--ie.theme--business .themeTable th, .bw-ver--ie.theme--infrastructure .themeTable th, .bw-ver--ie.theme--information-security .themeTable th, .bw-ver--ie.theme--business .themeTable th {
     background: #C7C7C7;
}
 body.bw-ver--ie .themeTable th, body.bw-ver--ie .themeTableNoWrap th, body.bw-ver--ie .themeTableNoWrapBreakWord th, body.bw-ver--ie .themeResponsiveTable th, body.bw-ver--ie .videoTable th, body.bw-ver--ie .keyboardShortCutOpen, body.bw-ver--ie .keyboardShortCutClose, .bw-ver--ie.theme--strategies .themeTable th, .bw-ver--ie.theme--strategies .themeTableNoWrap th, .bw-ver--ie.theme--strategies .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--strategies .themeResponsiveTable th, .bw-ver--ie.theme--strategies .videoTable th, .bw-ver--ie.theme--strategies .keyboardShortCutOpen, .bw-ver--ie.theme--strategies .keyboardShortCutClose, .bw-ver--ie.theme--legal .themeTable th, .bw-ver--ie.theme--legal .themeTableNoWrap th, .bw-ver--ie.theme--legal .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--legal .themeResponsiveTable th, .bw-ver--ie.theme--legal .videoTable th, .bw-ver--ie.theme--legal .keyboardShortCutOpen, .bw-ver--ie.theme--legal .keyboardShortCutClose, .bw-ver--ie.theme--community .themeTable th, .bw-ver--ie.theme--community .themeTableNoWrap th, .bw-ver--ie.theme--community .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--community .themeResponsiveTable th, .bw-ver--ie.theme--community .videoTable th, .bw-ver--ie.theme--community .keyboardShortCutOpen, .bw-ver--ie.theme--community .keyboardShortCutClose, .bw-ver--ie.theme--business .themeTable th, .bw-ver--ie.theme--business .themeTableNoWrap th, .bw-ver--ie.theme--business .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--business .themeResponsiveTable th, .bw-ver--ie.theme--business .videoTable th, .bw-ver--ie.theme--business .keyboardShortCutOpen, .bw-ver--ie.theme--business .keyboardShortCutClose, .bw-ver--ie.theme--infrastructure .themeTable th, .bw-ver--ie.theme--infrastructure .themeTableNoWrap th, .bw-ver--ie.theme--infrastructure .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--infrastructure .themeResponsiveTable th, .bw-ver--ie.theme--infrastructure .videoTable th, .bw-ver--ie.theme--infrastructure .keyboardShortCutOpen, .bw-ver--ie.theme--infrastructure .keyboardShortCutClose, .bw-ver--ie.theme--information-security .themeTable th, .bw-ver--ie.theme--information-security .themeTableNoWrap th, .bw-ver--ie.theme--information-security .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--information-security .themeResponsiveTable th, .bw-ver--ie.theme--information-security .videoTable th, .bw-ver--ie.theme--information-security .keyboardShortCutOpen, .bw-ver--ie.theme--information-security .keyboardShortCutClose, .bw-ver--ie.theme--business .themeTable th, .bw-ver--ie.theme--business .themeTableNoWrap th, .bw-ver--ie.theme--business .themeTableNoWrapBreakWord th, .bw-ver--ie.theme--business .themeResponsiveTable th, .bw-ver--ie.theme--business .videoTable th, .bw-ver--ie.theme--business .keyboardShortCutOpen, .bw-ver--ie.theme--business .keyboardShortCutClose {
     background: #C7C7C7;
}
 body.bw-ver--ie .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--strategies .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--legal .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--community .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--business .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--infrastructure .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--information-security .breadcrumbs__link:hover .breadcrumbs__home, .bw-ver--ie.theme--business .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/icon-home-white.png") !important;
}
 .bw-ver--ie .sec-article__head:after {
     background: #C7C7C7;
}
/* Animations for common usage */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes fade-in-basic {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fade-in-basic {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes fade-in-from-left {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-15%);
         -ms-transform: translateX(-15%);
         transform: translateX(-15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes fade-in-from-left {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-15%);
         -ms-transform: translateX(-15%);
         transform: translateX(-15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @-webkit-keyframes fade-in-from-right {
     0% {
         opacity: 0;
         -webkit-transform: translateX(15%);
         -ms-transform: translateX(15%);
         transform: translateX(15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes fade-in-from-right {
     0% {
         opacity: 0;
         -webkit-transform: translateX(15%);
         -ms-transform: translateX(15%);
         transform: translateX(15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @-webkit-keyframes fade-in-from-top {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-15%);
         -ms-transform: translateY(-15%);
         transform: translateY(-15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes fade-in-from-top {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-15%);
         -ms-transform: translateY(-15%);
         transform: translateY(-15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @-webkit-keyframes fade-in-from-bottom {
     0% {
         opacity: 0;
         -webkit-transform: translateY(15%);
         -ms-transform: translateY(15%);
         transform: translateY(15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes fade-in-from-bottom {
     0% {
         opacity: 0;
         -webkit-transform: translateY(15%);
         -ms-transform: translateY(15%);
         transform: translateY(15%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 @keyframes dash {
     from {
         stroke-dashoffset: 1000;
    }
     to {
         stroke-dashoffset: 0;
    }
}
/**-------END Animations------**/
/* END Animations common usage */
/* ------------------------------------------ */
/* Animations for our-work */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes event-calendar-title {
     0% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-60px);
         -ms-transform: scale(1, 1) translateY(-60px);
         transform: scale(1, 1) translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1, 1) translateY(0);
         -ms-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
    }
}
 @keyframes event-calendar-title {
     0% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-60px);
         -ms-transform: scale(1, 1) translateY(-60px);
         transform: scale(1, 1) translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1, 1) translateY(0);
         -ms-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
    }
}
 @-webkit-keyframes event-calendar-corner-left {
     0% {
         opacity: 0;
         -webkit-transform: rotate(15deg) translateX(-100%);
         -ms-transform: rotate(15deg) translateX(-100%);
         transform: rotate(15deg) translateX(-100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: rotate(15deg) translateX(0);
         -ms-transform: rotate(15deg) translateX(0);
         transform: rotate(15deg) translateX(0);
    }
}
 @keyframes event-calendar-corner-left {
     0% {
         opacity: 0;
         -webkit-transform: rotate(15deg) translateX(-100%);
         -ms-transform: rotate(15deg) translateX(-100%);
         transform: rotate(15deg) translateX(-100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: rotate(15deg) translateX(0);
         -ms-transform: rotate(15deg) translateX(0);
         transform: rotate(15deg) translateX(0);
    }
}
 @-webkit-keyframes event-calendar-corner-right {
     0% {
         opacity: 0;
         -webkit-transform: rotate(15deg) translateX(100%);
         -ms-transform: rotate(15deg) translateX(100%);
         transform: rotate(15deg) translateX(100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: rotate(15deg) translateX(0);
         -ms-transform: rotate(15deg) translateX(0);
         transform: rotate(15deg) translateX(0);
    }
}
 @keyframes event-calendar-corner-right {
     0% {
         opacity: 0;
         -webkit-transform: rotate(15deg) translateX(100%);
         -ms-transform: rotate(15deg) translateX(100%);
         transform: rotate(15deg) translateX(100%);
    }
     100% {
         opacity: 1;
         -webkit-transform: rotate(15deg) translateX(0);
         -ms-transform: rotate(15deg) translateX(0);
         transform: rotate(15deg) translateX(0);
    }
}
 @-webkit-keyframes event-calendar-content {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes event-calendar-content {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 .event-calendar:not(.event-calendar--inner):before, .event-calendar:not(.event-calendar--inner):after {
     opacity: 0;
}
 .event-calendar:not(.event-calendar--inner).in-view:before {
     -webkit-animation: event-calendar-corner-left 0.4s ease-in-out 0.5s;
     animation: event-calendar-corner-left 0.4s ease-in-out 0.5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .event-calendar:not(.event-calendar--inner).in-view:after {
     -webkit-animation: event-calendar-corner-right 0.4s ease-in-out 0.5s;
     animation: event-calendar-corner-right 0.4s ease-in-out 0.5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .event-calendar:not(.event-calendar--inner) .event-calendar__title {
     opacity: 0;
}
 .event-calendar:not(.event-calendar--inner).in-view .event-calendar__title {
     -webkit-animation: event-calendar-title 0.6s ease-in-out;
     animation: event-calendar-title 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .event-calendar:not(.event-calendar--inner) .event-calendar__top {
     opacity: 0;
}
 .event-calendar:not(.event-calendar--inner).in-view .event-calendar__top {
     -webkit-animation: event-calendar-content 0.6s ease-in-out 0.8s;
     animation: event-calendar-content 0.6s ease-in-out 0.8s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .event-calendar:not(.event-calendar--inner) .btn-row {
     opacity: 0;
}
 .event-calendar:not(.event-calendar--inner).in-view .btn-row {
     -webkit-animation: event-calendar-content 0.6s ease-in-out 1.2s;
     animation: event-calendar-content 0.6s ease-in-out 1.2s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
/**-------END Animations------**/
/* END Animations our-work */
/* ------------------------------------------ */
/* Animations for our-work */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes feature-content {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-60px);
         -ms-transform: translateY(-60px);
         transform: translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes feature-content {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-60px);
         -ms-transform: translateY(-60px);
         transform: translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 .sec-highlights__holder {
     opacity: 0;
}
 .in-view .sec-highlights__holder {
     -webkit-animation: feature-content 0.6s ease-in-out;
     animation: feature-content 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
     text-align:center;
}
/**-------END Animations------**/
/* END Animations our-work */
/* ------------------------------------------ */
/* Animations for header */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes fade-in-menu-items {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fade-in-menu-items {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 .header-nav__link-holder {
     opacity: 0;
}
 .header--ready .header-nav__link-holder:nth-child(1) {
     -webkit-animation: fade-in-from-top 0.8s 0.1s ease-out;
     animation: fade-in-from-top 0.8s 0.1s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__link-holder:nth-child(3) {
     -webkit-animation: fade-in-from-top 0.8s 0.2s ease-out;
     animation: fade-in-from-top 0.8s 0.2s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__link-holder:nth-child(5) {
     -webkit-animation: fade-in-from-top 0.8s 0.3s ease-out;
     animation: fade-in-from-top 0.8s 0.3s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__link-holder:nth-child(7) {
     -webkit-animation: fade-in-from-top 0.8s 0.4s ease-out;
     animation: fade-in-from-top 0.8s 0.4s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__link-holder:nth-child(9) {
     -webkit-animation: fade-in-from-top 0.8s 0.5s ease-out;
     animation: fade-in-from-top 0.8s 0.5s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__link-holder:nth-child(11) {
     -webkit-animation: fade-in-from-top 0.8s 0.6s ease-out;
     animation: fade-in-from-top 0.8s 0.6s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .trident .header--ready .header-nav__link-holder:nth-child(1), .trident .header--ready .header-nav__link-holder:nth-child(3), .trident .header--ready .header-nav__link-holder:nth-child(5), .trident .header--ready .header-nav__link-holder:nth-child(7), .trident .header--ready .header-nav__link-holder:nth-child(9), .trident .header--ready .header-nav__link-holder:nth-child(11), .ie .header--ready .header-nav__link-holder:nth-child(1), .ie .header--ready .header-nav__link-holder:nth-child(3), .ie .header--ready .header-nav__link-holder:nth-child(5), .ie .header--ready .header-nav__link-holder:nth-child(7), .ie .header--ready .header-nav__link-holder:nth-child(9), .ie .header--ready .header-nav__link-holder:nth-child(11), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(1), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(3), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(5), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(7), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(9), .isMSTouchDevice .header--ready .header-nav__link-holder:nth-child(11) {
     opacity: 1;
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header-nav__text-control {
     opacity: 0;
}
 .header--ready .header-nav__text-control {
     -webkit-animation: fade-in-from-top 0.8s 0.7s ease-out;
     animation: fade-in-from-top 0.8s 0.7s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .isMSTouchDevice .header--ready .header-nav__text-control {
     opacity: 1;
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header-nav__tool {
     opacity: 0;
}
 .header--ready .header-nav__tool:nth-child(1) {
     -webkit-animation: fade-in-from-top 0.8s 0.8s ease-out;
     animation: fade-in-from-top 0.8s 0.8s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__tool:nth-child(2) {
     -webkit-animation: fade-in-from-top 0.8s 0.9s ease-out;
     animation: fade-in-from-top 0.8s 0.9s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__tool:nth-child(3) {
     -webkit-animation: fade-in-from-top 0.8s 1s ease-out;
     animation: fade-in-from-top 0.8s 1s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__tool:nth-child(4) {
     -webkit-animation: fade-in-from-top 0.8s 1.1s ease-out;
     animation: fade-in-from-top 0.8s 1.1s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .header--ready .header-nav__tool:nth-child(5) {
     -webkit-animation: fade-in-from-top 0.8s 1.2s ease-out;
     animation: fade-in-from-top 0.8s 1.2s ease-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .page-ani-end .header--ready .header-nav__tool {
     opacity: 1;
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .trident .header--ready .header-nav__tool:nth-child(1), .trident .header--ready .header-nav__tool:nth-child(2), .trident .header--ready .header-nav__tool:nth-child(3), .trident .header--ready .header-nav__tool:nth-child(4), .trident .header--ready .header-nav__tool:nth-child(5), .ie .header--ready .header-nav__tool:nth-child(1), .ie .header--ready .header-nav__tool:nth-child(2), .ie .header--ready .header-nav__tool:nth-child(3), .ie .header--ready .header-nav__tool:nth-child(4), .ie .header--ready .header-nav__tool:nth-child(5), .isMSTouchDevice .header--ready .header-nav__tool:nth-child(1), .isMSTouchDevice .header--ready .header-nav__tool:nth-child(2), .isMSTouchDevice .header--ready .header-nav__tool:nth-child(3), .isMSTouchDevice .header--ready .header-nav__tool:nth-child(4), .isMSTouchDevice .header--ready .header-nav__tool:nth-child(5) {
     opacity: 1;
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
/**-------END Animations------**/
/* END Animations header */
/* ------------------------------------------ */
/* Animations for sample */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes main-banner-loading-ie {
     0% {
         -webkit-transform: translateX(-101%) translateZ(0);
         -ms-transform: translateX(-101%) translateZ(0);
         transform: translateX(-101%) translateZ(0);
    }
     100% {
         -webkit-transform: translateX(0) translateZ(0);
         -ms-transform: translateX(0) translateZ(0);
         transform: translateX(0) translateZ(0);
    }
}
 @keyframes main-banner-loading-ie {
     0% {
         -webkit-transform: translateX(-101%) translateZ(0);
         -ms-transform: translateX(-101%) translateZ(0);
         transform: translateX(-101%) translateZ(0);
    }
     100% {
         -webkit-transform: translateX(0) translateZ(0);
         -ms-transform: translateX(0) translateZ(0);
         transform: translateX(0) translateZ(0);
    }
}
 @-webkit-keyframes main-banner-loading {
     0% {
         background-size: 0 100%;
    }
     100% {
         background-size: 100% 100%;
    }
}
 @keyframes main-banner-loading {
     0% {
         background-size: 0 100%;
    }
     100% {
         background-size: 100% 100%;
    }
}
 @-webkit-keyframes main-banner-scroll {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -45px, 0);
         -ms-transform: translate3d(0, -45px, 0);
         transform: translate3d(0, -45px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes main-banner-scroll {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -45px, 0);
         -ms-transform: translate3d(0, -45px, 0);
         transform: translate3d(0, -45px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes main-banner-common-fade-in {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes main-banner-common-fade-in {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes main-banner-common-fade-in-from-left {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-45px, 0, 0);
         -ms-transform: translate3d(-45px, 0, 0);
         transform: translate3d(-45px, 0, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes main-banner-common-fade-in-from-left {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-45px, 0, 0);
         -ms-transform: translate3d(-45px, 0, 0);
         transform: translate3d(-45px, 0, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes main-banner-common-fade-in-from-right {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(45px, 0, 0);
         -ms-transform: translate3d(45px, 0, 0);
         transform: translate3d(45px, 0, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes main-banner-common-fade-in-from-right {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(45px, 0, 0);
         -ms-transform: translate3d(45px, 0, 0);
         transform: translate3d(45px, 0, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes main-banner-common-fade-in-from-top {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -45px, 0);
         -ms-transform: translate3d(0, -45px, 0);
         transform: translate3d(0, -45px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes main-banner-common-fade-in-from-top {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -45px, 0);
         -ms-transform: translate3d(0, -45px, 0);
         transform: translate3d(0, -45px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes main-banner-common-fade-in-from-bottom {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 30px, 0);
         -ms-transform: translate3d(0, 30px, 0);
         transform: translate3d(0, 30px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes main-banner-common-fade-in-from-bottom {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 30px, 0);
         -ms-transform: translate3d(0, 30px, 0);
         transform: translate3d(0, 30px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes main-banner-zoom-in {
     0% {
         -webkit-transform: scale(1.05, 1.05) translateZ(0);
         -ms-transform: scale(1.05, 1.05) translateZ(0);
         transform: scale(1.05, 1.05) translateZ(0);
    }
     100% {
         -webkit-transform: scale(1, 1) translateZ(0);
         -ms-transform: scale(1, 1) translateZ(0);
         transform: scale(1, 1) translateZ(0);
    }
}
 @keyframes main-banner-zoom-in {
     0% {
         -webkit-transform: scale(1.05, 1.05) translateZ(0);
         -ms-transform: scale(1.05, 1.05) translateZ(0);
         transform: scale(1.05, 1.05) translateZ(0);
    }
     100% {
         -webkit-transform: scale(1, 1) translateZ(0);
         -ms-transform: scale(1, 1) translateZ(0);
         transform: scale(1, 1) translateZ(0);
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
/* .main-banner__slide.swiper-slide-active .main-banner__slide-bg-deco{
     @include transform(scale(1.05,1.05) translateZ(0));
     .menu--ready &{
         @include animation(main-banner-zoom-in .8s cubic-bezier(0.215, 0.725, 0.490, 0.990));
    }
}
 .main-banner__slide.swiper-slide-active .main-banner__slide-bg{
     @include transform(scale(1.05,1.05) translateZ(0));
     .menu--ready &{
         @include animation(main-banner-zoom-in .8s cubic-bezier(0.215, 0.725, 0.490, 0.990));
    }
     .isMSTouchDevice, & .mobile &{
         @include transform(none);
    }
     .isMSTouchDevice.menu--ready &, .mobile.menu--ready &{
         @include animation(none);
    }
}
 */
 .main-banner__slide-bg-deco {
     position: absolute;
     height: 100%;
     width: 100%;
     min-width: 1024px;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: url() no-repeat center bottom;
     background-size: 100% auto;
     font-size: 0;
     white-space: nowrap;
}
 .main-banner__slide-bg-deco:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .main-banner__slide-bg-deco-inner {
     display: inline-block;
     vertical-align: bottom;
     width: 100%;
     position: relative;
     background: url() no-repeat center bottom;
     background-size: 100% 100%;
}
 .main-banner__slide-bg-deco-inner:before {
     content: '';
     position: relative;
     display: block;
     width: 100%;
     padding-bottom: 57.8645833333%;
}
 .main-banner__weather {
     opacity: 0;
     -webkit-animation: fade-in-from-top 1s forwards 1.1s;
     animation: fade-in-from-top 1s forwards 1.1s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .main-banner__title {
     opacity: 0;
}
 .menu--ready .swiper-slide-active .main-banner__title {
     -webkit-animation: main-banner-common-fade-in-from-left 0.6s ease-out 0.3s;
     animation: main-banner-common-fade-in-from-left 0.6s ease-out 0.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .main-banner__title-tag {
     opacity: 0;
}
 .menu--ready .swiper-slide-active .main-banner__title-tag {
     -webkit-animation: main-banner-common-fade-in-from-bottom 0.6s ease-out 0.55s;
     animation: main-banner-common-fade-in-from-bottom 0.6s ease-out 0.55s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .main-banner__txt .btn {
     opacity: 0;
}
 .menu--ready .swiper-slide-active .main-banner__txt .btn {
     -webkit-animation: main-banner-common-fade-in-from-bottom 0.6s ease-out 0.7s;
     animation: main-banner-common-fade-in-from-bottom 0.6s ease-out 0.7s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .main-banner__news-slider {
     opacity: 0;
}
 .main-banner__news-slider.is-ready {
     -webkit-animation: main-banner-common-fade-in-from-right 0.6s ease-out 2.3s;
     animation: main-banner-common-fade-in-from-right 0.6s ease-out 2.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .main-banner__scroll-down:before {
     opacity: 0;
     -webkit-animation: main-banner-scroll 1s 3 forwards 3.2s;
     animation: main-banner-scroll 1s 3 forwards 3.2s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
/**-------END Animations------**/
/* END Animations sample */
/* ------------------------------------------ */
/* Animations for our-work */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes what-news-title {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-45px);
         -ms-transform: translateY(-45px);
         transform: translateY(-45px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes what-news-title {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-45px);
         -ms-transform: translateY(-45px);
         transform: translateY(-45px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @-webkit-keyframes what-news-content {
     0% {
         opacity: 0;
         -webkit-transform: translateY(45px);
         -ms-transform: translateY(45px);
         transform: translateY(45px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes what-news-content {
     0% {
         opacity: 0;
         -webkit-transform: translateY(45px);
         -ms-transform: translateY(45px);
         transform: translateY(45px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 .news-centre__title {
     opacity: 0;
}
 .in-view .news-centre__title {
     -webkit-animation: what-news-title 0.6s ease-in-out;
     animation: what-news-title 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .news-centre__content-holder {
     opacity: 0;
}
 .in-view .news-centre__content-holder {
     -webkit-animation: what-news-content 0.6s ease-in-out 0.3s;
     animation: what-news-content 0.6s ease-in-out 0.3s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
/**-------END Animations------**/
/* END Animations our-work */
/* ------------------------------------------ */
/* Animations for our-work */
/* ------------------------------------------ */
/**-------Keyframes------**/
 @-webkit-keyframes our-work-icon {
     0% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-60px);
         -ms-transform: scale(1, 1) translateY(-60px);
         transform: scale(1, 1) translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1, 1) translateY(0);
         -ms-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
    }
}
 @keyframes our-work-icon {
     0% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-60px);
         -ms-transform: scale(1, 1) translateY(-60px);
         transform: scale(1, 1) translateY(-60px);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1, 1) translateY(0);
         -ms-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
    }
}
 @-webkit-keyframes our-work-title {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes our-work-title {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
/**-------END Keyframes------**/
/**-------Animations------**/
 .our-work__title {
     opacity: 0;
}
 .in-view .our-work__title {
     -webkit-animation: our-work-icon 0.6s ease-in-out;
     animation: our-work-icon 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .our-work__item-icon {
     opacity: 0;
}
 .in-view .our-work__item-icon {
     -webkit-animation: our-work-icon 0.6s ease-in-out;
     animation: our-work-icon 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .in-view .our-work__item:nth-child(1) .our-work__item-icon {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
}
 .in-view .our-work__item:nth-child(2) .our-work__item-icon {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
}
 .in-view .our-work__item:nth-child(3) .our-work__item-icon {
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
}
 .in-view .our-work__item:nth-child(4) .our-work__item-icon {
     -webkit-animation-delay: 1.2s;
     animation-delay: 1.2s;
}
 .in-view .our-work__item:nth-child(5) .our-work__item-icon {
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
}
 .in-view .our-work__item:nth-child(6) .our-work__item-icon {
     -webkit-animation-delay: 1.8s;
     animation-delay: 1.8s;
}
 .in-view .our-work__item:nth-child(7) .our-work__item-icon {
     -webkit-animation-delay: 2.1s;
     animation-delay: 2.1s;
}
 .in-view .our-work__item:nth-child(8) .our-work__item-icon {
     -webkit-animation-delay: 2.4s;
     animation-delay: 2.4s;
}
 .in-view .our-work__item:nth-child(9) .our-work__item-icon {
     -webkit-animation-delay: 2.7s;
     animation-delay: 2.7s;
}
 .in-view .our-work__item:nth-child(10) .our-work__item-icon {
     -webkit-animation-delay: 3s;
     animation-delay: 3s;
}
 .in-view .our-work__item:nth-child(11) .our-work__item-icon {
     -webkit-animation-delay: 3.3s;
     animation-delay: 3.3s;
}
 .in-view .our-work__item:nth-child(12) .our-work__item-icon {
     -webkit-animation-delay: 3.6s;
     animation-delay: 3.6s;
}
 .our-work__item-title {
     opacity: 0;
}
 .in-view .our-work__item-title {
     -webkit-animation: our-work-title 0.6s ease-in-out;
     animation: our-work-title 0.6s ease-in-out;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .in-view .our-work__item:nth-child(1) .our-work__item-title {
     -webkit-animation-delay: 0.45s;
     animation-delay: 0.45s;
}
 .in-view .our-work__item:nth-child(2) .our-work__item-title {
     -webkit-animation-delay: 0.75s;
     animation-delay: 0.75s;
}
 .in-view .our-work__item:nth-child(3) .our-work__item-title {
     -webkit-animation-delay: 1.05s;
     animation-delay: 1.05s;
}
 .in-view .our-work__item:nth-child(4) .our-work__item-title {
     -webkit-animation-delay: 1.35s;
     animation-delay: 1.35s;
}
 .in-view .our-work__item:nth-child(5) .our-work__item-title {
     -webkit-animation-delay: 1.65s;
     animation-delay: 1.65s;
}
 .in-view .our-work__item:nth-child(6) .our-work__item-title {
     -webkit-animation-delay: 1.95s;
     animation-delay: 1.95s;
}
 .in-view .our-work__item:nth-child(7) .our-work__item-title {
     -webkit-animation-delay: 2.25s;
     animation-delay: 2.25s;
}
 .in-view .our-work__item:nth-child(8) .our-work__item-title {
     -webkit-animation-delay: 2.55s;
     animation-delay: 2.55s;
}
 .in-view .our-work__item:nth-child(9) .our-work__item-title {
     -webkit-animation-delay: 2.85s;
     animation-delay: 2.85s;
}
 .in-view .our-work__item:nth-child(10) .our-work__item-title {
     -webkit-animation-delay: 3.15s;
     animation-delay: 3.15s;
}
 .in-view .our-work__item:nth-child(11) .our-work__item-title {
     -webkit-animation-delay: 3.45s;
     animation-delay: 3.45s;
}
 .in-view .our-work__item:nth-child(12) .our-work__item-title {
     -webkit-animation-delay: 3.75s;
     animation-delay: 3.75s;
}
/**-------END Animations------**/
/* END Animations our-work */
/* ------------------------------------------ */
/* poppins-100 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 100;
     src: local("Poppins Thin"), local("Poppins-Thin"), url("./css/fonts/poppins/poppins-v4-latin-100.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-100.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 200;
     src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("./css/fonts/poppins/poppins-v4-latin-200.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-200.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     src: local("Poppins Light"), local("Poppins-Light"), url("./css/fonts/poppins/poppins-v4-latin-300.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-300.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     src: local("Poppins Regular"), local("Poppins-Regular"), url("./css/fonts/poppins/poppins-v4-latin-regular.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-regular.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     src: local("Poppins Medium"), local("Poppins-Medium"), url("./css/fonts/poppins/poppins-v4-latin-500.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-500.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("./css/fonts/poppins/poppins-v4-latin-600.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-600.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 700;
     src: local("Poppins Bold"), local("Poppins-Bold"), url("./css/fonts/poppins/poppins-v4-latin-700.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-700.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-800 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 800;
     src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("./css/fonts/poppins/poppins-v4-latin-800.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-800.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 900;
     src: local("Poppins Black"), local("Poppins-Black"), url("./css/fonts/poppins/poppins-v4-latin-900.woff2") format("woff2"), url("./css/fonts/poppins/poppins-v4-latin-900.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
 @font-face {
     font-family: 'icon-font';
     src: url("./css/fonts/icon-font/icon-font.eot?tovq3o");
     src: url("./css/fonts/icon-font/icon-font.eot?tovq3o#iefix") format("embedded-opentype"), url("./css/fonts/icon-font/icon-font.ttf?tovq3o") format("truetype"), url("./css/fonts/icon-font/icon-font.woff?tovq3o") format("woff"), url("./css/fonts/icon-font/icon-font.svg?tovq3o#icon-font") format("svg");
     font-weight: normal;
     font-style: normal;
}
/* //DEMO: [class^="icon-"], [class*=" icon-"] {
     font-family: 'icon-font' !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;
}
 .icon-img-quote-reverse:before {
     content: "\201d";
}
 .icon-img-quote:before {
     content: "\201c";
}
 */
/* Start OGCIO Migration CSS */
/* ------------------------------------------ */
/*************** * * General CSS * ****************/
.sec-alert-rss-button {
	position: relative;
    float: right;
    margin: 0;
    padding: 36px 0 0;
}
.alert-container{
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 0 0 60px;
}
@media screen and (max-width: 1920px) {
	.sec-alert-rss {
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 100%;
	}
	.sec-alert-tweet {
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 100%;
	}
	.sec-alert-tweet-awareness {
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 100%;
	}
}

@media screen and (max-width: 640px) {
		.sec-alert-rss {
			width:100%;
		}
		.sec-alert-tweet {
			width:100%;
		}
		.sec-alert-tweet-awareness {
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 100%;
	}
 }	
 .underlineContent{
     text-decoration:underline;
}
 #alerts-and-reports .latest {
     border-bottom: 5px solid #d64309;
     margin: 0;
     color: rgba(0, 0, 0, 0.8);
     padding: 25px 0 10px;
}
 .list-unstyled {
     padding-left: 0;
     list-style: none;
}
 .alert_date {
     padding: 5px;
     font-size: 1.5em;
     background: #d64309;
     color: #fff;
     width: 85px;
     text-align: center;
}
 .alert_month {
     padding: 5px;
     font-size: 1.1em;
     font-weight: 700;
     background: #fff;
     color: #1F497D;
}
 .date-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-right: 15px;
     box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
     background: #fff;
}
 .alert-body {
     font-size: 1.05em;
}
 .alert_view-row {
     display: flex;
     align-items: flex-start;
     width: 100%;
     padding: 15px 15px 15px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     transition: all 0.2s ease-in;
}
 .career_table {
     background-color: transparent;
     width: 60%;
     display: table;
     margin: 0 auto;
}
 .alignCenter {
     text-align: center;
}
 .mainHolder {
     padding-bottom: 20px;
}
 @media only screen and (min-width: 48.0625em) {
     .transcripts {
         cursor: pointer;
         border: 1px solid #cccccc;
         width: 100%;
         height: 25px;
         padding-bottom: 5px;
         padding-top: 1px;
    }
     .transcripts img {
         vertical-align: middle;
         padding-bottom: 3px;
         padding-right: 5px;
    }
}
 @media only screen and (max-width: 48.0635em) {
     .transcripts {
         cursor: pointer;
         border: 1px solid #cccccc;
         width: 100%;
         height: 25px;
         padding-bottom: 5px;
         padding-top: 5px;
    }
     .transcripts img {
         vertical-align: middle;
         padding-bottom: 3px;
         padding-right: 5px;
    }
}
 @media only screen and (min-width: 48.0625em) {
     .keyboardShortCutOpen {
         width: 97.1%;
         background-color: #008CBA;
         border: none;
         color: #000000;
         padding: 15px 32px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
     .keyboardShortCutClose {
         width: 97.1%;
         background-color: #008CBA;
         border: none;
         color: #000000;
         padding: 15px 32px;
         text-align: center;
         text-decoration: none;
         display: none;
         font-size: 16px;
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}
 @media only screen and (max-width: 48.0635em) {
     .keyboardShortCutOpen {
         width: 100%;
         background-color: #008CBA;
         border: none;
         color: #000000;
         padding: 15px 32px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
     .keyboardShortCutClose {
         width: 100%;
         background-color: #008CBA;
         border: none;
         color: #000000;
         padding: 15px 32px;
         text-align: center;
         text-decoration: none;
         display: none;
         font-size: 16px;
         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}
 @media only screen and (min-width: 48.0625em) {
     .videoTable {
         display: none;
         width: 97.5%;
         table-layout: auto;
         border: 1px solid #cccccc;
         margin-bottom: 15px;
         border-spacing: 0px;
         border-collapse: unset;
         padding: 10px;
    }
}
 @media only screen and (max-width: 48.0635em) {
     .videoTable {
         display: none;
         width: 100%;
         table-layout: auto;
         border: 1px solid #cccccc;
         margin-bottom: 15px;
         border-spacing: 0px;
         border-collapse: unset;
         padding: 10px;
    }
}
 @media only screen and (min-width: 48.0625em) {
     .padding_video {
         width: 23%;
         margin-left: 5px;
         margin-right: 5px;
         text-align: center;
    }
     .padding_video_webforall {
         width: 30%;
         margin-left: 5px;
         margin-right: 5px;
         text-align: center;
    }
     .video_border {
         border: 1px solid #cccccc;
         min-height: 232px;
    }
     .video_desc {
         text-align: center;
    }
     hr.videoHR {
         border: 0;
         height: 1px;
         background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
     .videogallery_content {
         display: block;
         *min-width: 320px;
         min-width: 320px;
         height: auto;
         padding: 10px;
         border: 1px solid #cccccc;
         background-color: white;
         font-size: 0.8em;
         width: 97.5%;
         margin-bottom: 20px;
    }
}
 @media only screen and (max-width: 48.0635em) {
     .padding_video_webforall {
         width: 100%;
         margin-left: 5px;
         margin-right: 5px;
         text-align: center;
         margin-top: 5px;
         margin-bottom: 5px;
    }
     .padding_video {
         width: 100%;
         margin-left: 5px;
         margin-right: 5px;
         text-align: center;
         margin-top: 5px;
         margin-bottom: 5px;
    }
     .video_border {
         border: 1px solid #cccccc;
    }
     .video_desc {
         text-align: left;
    }
     hr.videoHR {
         border: 0;
         height: 0px;
    }
     .videogallery_content {
         display: block;
         *min-width: 320px;
         min-width: 320px;
         height: auto;
         padding: 10px;
         border: 1px solid #cccccc;
         background-color: white;
         font-size: 0.8em;
         width: 102.5%;
         margin-bottom: 20px;
    }
}
 .fixedWidth {
     width: 180px;
}
 .row .row {
     margin: 0 -0.5rem;
}
 .row {
     max-width: 61.25rem;
     display: -webkit-inline-box;
}
 .padding_3pc {
     padding-left: 15px;
     padding-top: 4px;
}
 .news_date {
     min-width: 160px;
}
 .theme--contact-us .themeTable th, .theme--contact-us .themeTableNoWrap th, .theme--contact-us .themeTableNoWrapBreakWord th, .theme--contact-us .themeResponsiveTable th, .theme--contact-us .videoTable th, .theme--contact-us .keyboardShortCutOpen, .theme--contact-us .keyboardShortCutClose {
     background: #f7c624;
}
 .theme--about-us .themeTable th, .theme--about-us .themeTableNoWrap th, .theme--about-us .themeTableNoWrapBreakWord th, .theme--about-us .themeResponsiveTable th, .theme--about-us .videoTable th, .theme--about-us .keyboardShortCutOpen, .theme--about-us .keyboardShortCutClose {
     background: #f7c624;
}
 .theme--news .themeTable th, .theme--news .themeTableNoWrap th, .theme--news .themeTableNoWrapBreakWord th, .theme--news .themeResponsiveTable th, .theme--news .videoTable th, .theme--news .keyboardShortCutOpen, .theme--news .keyboardShortCutClose {
     background: #f7c624;
}
 .theme--service-desk .themeTable th, .theme--service-desk .themeTableNoWrap th, .theme--service-desk .themeTableNoWrapBreakWord th, .theme--service-desk .themeResponsiveTable th, .theme--service-desk .videoTable th, .theme--service-desk .keyboardShortCutOpen, .theme--service-desk .keyboardShortCutClose {
     background: #f7c624;
}
 .theme--strategies .themeTable th, .theme--strategies .themeTableNoWrap th, .theme--strategies .themeTableNoWrapBreakWord th, .theme--strategies .themeResponsiveTable th, .theme--strategies .videoTable th, .theme--strategies .keyboardShortCutOpen, .theme--strategies .keyboardShortCutClose {
     background: #c187ff;
}
 .theme--legal .themeTable th, .theme--legal .themeTableNoWrap th, .theme--legal .themeTableNoWrapBreakWord th, .theme--legal .themeResponsiveTable th, .theme--legal .videoTable th, .theme--legal .keyboardShortCutOpen, .theme--legal .keyboardShortCutClose {
     background: #71cdff;
}
 .theme--community .themeTable th, .theme--community .themeTableNoWrap th, .theme--community .themeTableNoWrapBreakWord th, .theme--community .themeResponsiveTable th, .theme--community .videoTable th, .theme--community .keyboardShortCutOpen, .theme--community .keyboardShortCutClose {
     background: #b0e600;
}
 .theme--business .themeTable th, .theme--business .themeTableNoWrap th, .theme--business .themeTableNoWrapBreakWord th, .theme--business .themeResponsiveTable th, .theme--business .videoTable th, .theme--business .keyboardShortCutOpen, .theme--business .keyboardShortCutClose {
     background: #00ffae;
}
 .theme--infrastructure .themeTable th, .theme--infrastructure .themeTableNoWrap th, .theme--infrastructure .themeTableNoWrapBreakWord th, .theme--infrastructure .themeResponsiveTable th, .theme--infrastructure .videoTable th, .theme--infrastructure .keyboardShortCutOpen, .theme--infrastructure .keyboardShortCutClose {
     background: #f7c624;
}
 .theme--information-security .themeTable th, .theme--information-security .themeTableNoWrap th, .theme--information-security .themeTableNoWrapBreakWord th, .theme--information-security .themeResponsiveTable th, .theme--information-security .videoTable th, .theme--information-security .keyboardShortCutOpen, .theme--information-security .keyboardShortCutClose {
	  /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
/* ================================================================================================= Form Control ================================================================================================= */
 .terms_and_conditions_border {
     border: 2px solid #ffc62e;
     padding: 10px;
     margin-bottom: 10px;
}
 .mainHolder input[type="text"], .mainHolder input[type="password"], .mainHolder input[type="date"], .mainHolder input[type="datetime"], .mainHolder input[type="datetime-local"], .mainHolder input[type="month"], .mainHolder input[type="week"], .mainHolder input[type="email"], .mainHolder input[type="number"], .mainHolder input[type="search"], .mainHolder input[type="tel"], .mainHolder input[type="time"], .mainHolder input[type="url"], .mainHolder input[type="color"], textarea {
     -webkit-appearance: none;
     border-radius: 0;
     background-color: #FFFFFF;
     font-family: inherit;
     border-style: solid;
     border-width: 1px;
     border-color: #cccccc;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     color: rgba(0, 0, 0, 0.75);
     display: block;
     font-size: 0.875rem;
     margin: 0 0 1rem 0;
     padding: 0.5rem;
     height: 2.3125rem;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
 .mainHolder input[type="text"]:focus, .mainHolder input[type="password"]:focus, .mainHolder input[type="date"]:focus, .mainHolder input[type="datetime"]:focus, .mainHolder input[type="datetime-local"]:focus, .mainHolder input[type="month"]:focus, .mainHolder input[type="week"]:focus, .mainHolder input[type="email"]:focus, .mainHolder input[type="number"]:focus, .mainHolder input[type="search"]:focus, .mainHolder input[type="tel"]:focus, .mainHolder input[type="time"]:focus, .mainHolder input[type="url"]:focus, .mainHolder input[type="color"]:focus, textarea:focus {
     box-shadow: 0 0 5px #999999;
     border-color: #999999;
}
 .mainHolder input[type="text"]:focus, .mainHolder input[type="password"]:focus, .mainHolder input[type="date"]:focus, .mainHolder input[type="datetime"]:focus, .mainHolder input[type="datetime-local"]:focus, .mainHolder input[type="month"]:focus, .mainHolder input[type="week"]:focus, .mainHolder input[type="email"]:focus, .mainHolder input[type="number"]:focus, .mainHolder input[type="search"]:focus, .mainHolder input[type="tel"]:focus, .mainHolder input[type="time"]:focus, .mainHolder input[type="url"]:focus, .mainHolder input[type="color"]:focus, textarea:focus {
     background: #fafafa;
     border-color: #999999;
     outline: none;
}
 .mainHolder input[type="text"]:disabled, .mainHolder input[type="password"]:disabled, .mainHolder input[type="date"]:disabled, .mainHolder input[type="datetime"]:disabled, .mainHolder input[type="datetime-local"]:disabled, .mainHolder input[type="month"]:disabled, .mainHolder input[type="week"]:disabled, .mainHolder input[type="email"]:disabled, .mainHolder input[type="number"]:disabled, .mainHolder input[type="search"]:disabled, .mainHolder input[type="tel"]:disabled, .mainHolder input[type="time"]:disabled, .mainHolder input[type="url"]:disabled, .mainHolder input[type="color"]:disabled, textarea:disabled {
    /*background-color: #DDDDDD;
     */
     cursor: default;
}
 .mainHolder input[type="text"][disabled], .mainHolder input[type="text"][readonly], .mainHolder fieldset[disabled] .mainHolder input[type="text"], .mainHolder input[type="password"][disabled], .mainHolder input[type="password"][readonly], fieldset[disabled] .mainHolder input[type="password"], .mainHolder input[type="date"][disabled], .mainHolder input[type="date"][readonly], fieldset[disabled] .mainHolder input[type="date"], .mainHolder input[type="datetime"][disabled], .mainHolder input[type="datetime"][readonly], fieldset[disabled] .mainHolder input[type="datetime"], .mainHolder input[type="datetime-local"][disabled], .mainHolder input[type="datetime-local"][readonly], fieldset[disabled] .mainHolder input[type="datetime-local"], .mainHolder input[type="month"][disabled], .mainHolder input[type="month"][readonly], fieldset[disabled] .mainHolder input[type="month"], .mainHolder input[type="week"][disabled], .mainHolder input[type="week"][readonly], fieldset[disabled] .mainHolder input[type="week"], .mainHolder input[type="email"][disabled], .mainHolder input[type="email"][readonly], fieldset[disabled] .mainHolder input[type="email"], .mainHolder input[type="number"][disabled], .mainHolder input[type="number"][readonly], .mainHolder fieldset[disabled] .mainHolder input[type="number"], .mainHolder input[type="search"][disabled], .mainHolder input[type="search"][readonly], .mainHolder fieldset[disabled] .mainHolder input[type="search"], .mainHolder input[type="tel"][disabled], .mainHolder input[type="tel"][readonly], fieldset[disabled] .mainHolder input[type="tel"], .mainHolder input[type="time"][disabled], .mainHolder input[type="time"][readonly], fieldset[disabled] .mainHolder input[type="time"], .mainHolder input[type="url"][disabled], .mainHolder input[type="url"][readonly], fieldset[disabled] .mainHolder input[type="url"], .mainHolder input[type="color"][disabled], .mainHolder input[type="color"][readonly], .mainHolder fieldset[disabled] .mainHolder input[type="color"], .mainHolder textarea[disabled], .mainHolder textarea[readonly], .mainHolder fieldset[disabled] textarea {
     background-color: #DDDDDD;
     cursor: default;
}
 .mainHolder input[type="text"].radius, .mainHolder input[type="password"].radius, .mainHolder input[type="date"].radius, .mainHolder input[type="datetime"].radius, .mainHolder input[type="datetime-local"].radius, .mainHolder input[type="month"].radius, .mainHolder input[type="week"].radius, .mainHolder input[type="email"].radius, .mainHolder input[type="number"].radius, .mainHolder input[type="search"].radius, .mainHolder input[type="tel"].radius, .mainHolder input[type="time"].radius, .mainHolder input[type="url"].radius, .mainHolder input[type="color"].radius, textarea.radius {
     border-radius: 3px;
}
 .mainHolder form .row .prefix-radius.row.collapse .mainHolder input, .mainHolder form .row .prefix-radius.row.collapse textarea, .mainHolder form .row .prefix-radius.row.collapse select {
     border-radius: 0;
     -webkit-border-bottom-right-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .mainHolder form .row .prefix-radius.row.collapse .prefix {
     border-radius: 0;
     -webkit-border-bottom-left-radius: 3px;
     -webkit-border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
}
 .mainHolder form .row .postfix-radius.row.collapse .mainHolder input, .mainHolder form .row .postfix-radius.row.collapse textarea, .mainHolder form .row .postfix-radius.row.collapse select {
     border-radius: 0;
     -webkit-border-bottom-left-radius: 3px;
     -webkit-border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
}
 .mainHolder form .row .postfix-radius.row.collapse .postfix {
     border-radius: 0;
     -webkit-border-bottom-right-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .mainHolder form .row .prefix-round.row.collapse .mainHolder input, .mainHolder form .row .prefix-round.row.collapse textarea, .mainHolder form .row .prefix-round.row.collapse select {
     border-radius: 0;
     -webkit-border-bottom-right-radius: 1000px;
     -webkit-border-top-right-radius: 1000px;
     border-bottom-right-radius: 1000px;
     border-top-right-radius: 1000px;
}
 .mainHolder form .row .prefix-round.row.collapse .prefix {
     border-radius: 0;
     -webkit-border-bottom-left-radius: 1000px;
     -webkit-border-top-left-radius: 1000px;
     border-bottom-left-radius: 1000px;
     border-top-left-radius: 1000px;
}
 .mainHolder form .row .postfix-round.row.collapse .mainHolder input, .mainHolder form .row .postfix-round.row.collapse textarea, .mainHolder form .row .postfix-round.row.collapse select {
     border-radius: 0;
     -webkit-border-bottom-left-radius: 1000px;
     -webkit-border-top-left-radius: 1000px;
     border-bottom-left-radius: 1000px;
     border-top-left-radius: 1000px;
}
 .mainHolder form .row .postfix-round.row.collapse .postfix {
     border-radius: 0;
     -webkit-border-bottom-right-radius: 1000px;
     -webkit-border-top-right-radius: 1000px;
     border-bottom-right-radius: 1000px;
     border-top-right-radius: 1000px;
}
 .mainHolder input[type="submit"] {
     width: 20%;
     min-width: 200px;
     -webkit-appearance: none;
     border-radius: 0;
     padding-left: 6px;
     padding-bottom: 4px;
     padding-top: 4px;
     padding-right: 6px;
}
/* Respect enforced amount of rows for .mainHolder textarea */
 .mainHolder textarea[rows] {
     height: auto;
}
/* Not allow resize out of parent */
 .mainHolder textarea {
     max-width: 100%;
}
/* Add height value for select elements to match text .mainHolder input height */
 .mainHolder select {
     -webkit-appearance: none !important;
     border-radius: 0;
     background-color: #FAFAFA;
     background-image: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
     background-position: 100% center;
     background-repeat: no-repeat;
     border-style: solid;
     border-width: 1px;
     border-color: #cccccc;
     padding: 0.5rem;
    /* font-size: 0.875rem;
     font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
     */
    /*color: rgba(0, 0, 0, 0.75);
     */
     line-height: normal;
     border-radius: 0;
    /* height: 2.3125rem;
     */
}
 .mainHolder select::-ms-expand {
     display: none;
}
 .mainHolder select.radius {
     border-radius: 3px;
}
/*.mainHolder select:hover {
     background-color: #f3f3f3;
     border-color: #999999;
}
 Modi on 2014-12-12*/
 .mainHolder select:disabled {
     background-color: #DDDDDD;
     cursor: default;
}
/* Adjust margin for .mainHolder form elements below */
 .mainHolder input[type="file"], .mainHolder input[type="checkbox"], .mainHolder input[type="radio"], .mainHolder select {
     margin: 0 0 1rem 0;
}
 .mainHolder input[type="checkbox"] + label, .mainHolder input[type="radio"] + label {
     display: inline;
     margin-left: 0.5rem;
     margin-right: 1rem;
     margin-bottom: 0;
     vertical-align: baseline;
}
/* Normalize file .mainHolder input width */
 .mainHolder input[type="file"] {
     width: 100%;
}
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
 .mainHolder fieldset {
     border: 1px solid #DDDDDD;
     padding: 1.25rem;
     margin: 1.125rem 0;
}
 .mainHolder fieldset legend {
     font-weight: bold;
     background: #FFFFFF;
     padding: 0 0.1875rem;
     margin: 0;
     margin-left: -0.1875rem;
}
/* ================================================================================================= Captcha ================================================================================================= */
 .LBD_CaptchaDiv, .LBD_CaptchaIconsDiv, .LBD_CaptchaImageDiv {
     *display: inline-table;
     vertical-align: top;
     float: left;
}
 .block {
     display: block;
}
/* ================================================================================================= Information Security Page ================================================================================================= */
 #alerts-and-reports-left h3 {
     border-bottom: 5px solid #d64309;
     margin: 0;
     font-weight: 600;
     color: rgba(0, 0, 0, 0.8);
     padding: 25px 0 10px;
     width: 90%;
}
 #alerts-and-reports-left {
     display: inline-block;
     float: left;
     width: 50%;
}
 #alerts-and-reports-right {
     display: inline-block;
     float: right;
     width: 50%;
}
 .view-table {
     padding: 10px 0px;
}
 .view-row, .view-row-2 {
     display: flex;
     align-items: flex-start;
     width: 90%;
     padding: 15px 15px 15px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     transition: all 0.2s ease-in;
}
 .view-row:hover, .view-row-2:hover {
     background-color: aliceblue;
     cursor: pointer;
}
 .view-col-1 {
     min-width: 70px;
     margin: 5px;
     word-wrap: break-word;
     flex-shrink: 0;
}
 .view-col-2 {
     width: 75%;
     display: table-cell;
     float: left;
     margin: 5px;
     word-wrap: break-word;
}
 .date-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-right: 15px;
     box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
     background: white;
}
 .date {
     padding: 5px;
     font-size: 1.5em;
     background: #d64309;
     color: white;
     width: 85px;
     text-align: center;
}
 .month {
     padding: 5px;
     font-size: 1.1em;
     font-weight: 700;
     background: white;
     color: #1F497D;
}
/* ================================================================================================= Landing Page ================================================================================================= */
 table.mtable {
     width: 400px;
     margin: 0 auto;
     border-collapse: collapse;
     border-spacing: 0;
     padding: 0;
}
 td.mblank1 {
     height: 25px;
}
 tr.mversion {
     height: 20px;
     text-align: right;
}
 div.branding {
     margin-top: 10px;
     vertical-align: top;
}
 td.mmobile {
     width: 243px;
}
 td.mbranding {
     width: 247px;
     text-align: right;
}
 div.mbanner {
     width: 490px;
     height: 220px;
}
 div.mbrand {
     width: 490px;
     height: 75px;
}
 div.mversion {
     width: 490px;
     height: 20px;
     text-align: right;
}
 .mbar {
     width: 490px;
     height: 2px;
     background: url("./images/landing/bar.gif") no-repeat;
}
 .redline {
     height: 5px;
}
 .bottomRedLine {
     border-top: 2px solid #ff0000;
}
 .topRedLine {
     border-bottom: 2px solid #ff0000;
}
 .image-link {
     cursor: default;
}
 .video-caption-height {
     min-height: 108px;
}
 @media only screen and (min-width: 0px) and (max-width: 480px) {
     .missionFrame {
         position: relative;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         height: 69rem;
         width: 100%;
         display: block;
         min-height: 69rem;
         min-width: -webkit-fill-available;
         border-color: rgba(0, 0, 0, 0);
    }
}
 @media only screen and (min-width: 481px) and (max-width: 688px) {
     .missionFrame {
         position: relative;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         height: 52rem;
         width: 100%;
         display: block;
         min-height: 52rem;
         min-width: -webkit-fill-available;
         border-color: rgba(0, 0, 0, 0);
    }
}
 @media only screen and (min-width: 689px) {
     .missionFrame {
         position: relative;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         height: 1180px;
         width: 100%;
         display: block;
         min-height: -webkit-fill-available;
         min-width: -webkit-fill-available;
         border-color: rgba(0, 0, 0, 0);
    }
}
 #skiplinkHolder {
     background-color: #eb6100;
}
 #skiplinkHolder div {
     display: block;
     margin: 0 auto;
     max-width: 1200px;
     text-align: center;
     width: 100%;
}
 .access {
     position: absolute;
     left: 0px;
     top: -500px;
     width: 1px;
     height: 1px;
     overflow: hidden;
}
 .MenuTableForImage {
     clear: left;
     float: left;
     padding-right: 15px;
     display: inline;
}
 .indexTableDiv {
     display: inline;
     padding-bottom: 5px;
     padding-top: 5px;
     vertical-align: -webkit-baseline-middle;
}
 .indexTableTD {
     padding: 2px 20px;
}
 .mainHolder {
    /* Add in Content Wrapper */
}
 ol {
     list-style-type: decimal;
}
 ol ol {
     list-style-type: lower-alpha;
}
 ol ol ol {
     list-style-type: lower-roman;
}
 ol li {
     margin-top: 10px;
     margin-bottom: 10px;
}
 ul {
     list-style-type: disc;
}
 ul li {
     margin-top: 10px;
     margin-bottom: 10px;
}
 hr {
     border: solid #DDDDDD;
     border-width: 1px 0 0;
     clear: both;
     margin: 2.25rem 0 2.1875rem;
     height: 0;
}
 .themeTable tr:nth-child(odd), .themeTableNoWrap tr:nth-child(even), .themeResponsiveTable tr:nth-child(even), .themeTableNoWrapBreakWord tr:nth-child(odd) {
     background: #f1f0f0;
}
 @media only screen and (min-width: 48.0625em) {
     .themeTable, .themeTableNoWrap, .themeTableNoWrapBreakWord, .themeResponsiveTable {
         width: 100%;
         table-layout: auto;
         margin: 10px auto 15px;
         border-spacing: 0px;
         border-collapse: collapse;
    }
     .themeTable th, .themeTableNoWrap th, .themeTableNoWrapBreakWord th, .themeResponsiveTable th {
        /*background: #00ffae;
         */
         border-right: 1px solid #fff;
         border-bottom: 1px solid #fff;
         text-align: left;
         color: #000;
         padding: 15px;
         font-weight: bold;
         line-height: 1.5rem;
    }
     .themeTable td, .themeTableNoWrap td, .themeTableNoWrapBreakWord th, .themeResponsiveTable td {
         padding: 14px 16px 16px;
         border-right: 1px solid #fff;
         border-bottom: 1px solid #fff;
         vertical-align: top;
    }
     .no_border_ResponsiveTable {
         border-collapse: collapse;
         border-spacing: 0;
         padding: 0px;
         display: table;
         table-layout: fixed;
         position: relative;
         width: 100%;
         height: 100%;
    }
     .no_border_ResponsiveTable td {
         padding: 4px 6px 6px;
         background-color: #ffffff;
         line-height: 1.5rem;
         vertical-align: top;
         width: 50%;
    }
     .image_display_ResponsiveTable {
         border-collapse: collapse;
         border-spacing: 0;
         padding: 0px;
         display: table;
         table-layout: fixed;
         position: relative;
         width: 100%;
         height: 100%;
    }
     .image_display_ResponsiveTable td {
         padding: 4px 6px 6px;
         background-color: #ffffff;
         line-height: 1.5rem;
         vertical-align: top;
         width: 50%;
    }
}
 @media only screen and (max-width: 48.0635em) {
     .themeTable {
         width: 100%;
         table-layout: fixed;
         margin: 10px auto 15px;
         border-spacing: 0px;
         border-collapse: collapse;
         word-wrap: break-word;
    }
     .themeTableNoWrap {
         width: 100%;
         table-layout: auto;
         margin: 10px auto 15px;
         border-spacing: 0px;
         border-collapse: collapse;
         word-wrap: break-word;
    }
     .themeTable th, .themeTableNoWrap th, .themeTableNoWrapBreakWord th {
        /*background: #00ffae;
         */
         border-right: 1px solid #fff;
         border-bottom: 1px solid #fff;
         text-align: left;
         color: #000;
         padding: 15px;
         font-weight: bold;
         line-height: 1.5rem;
    }
     .themeTable td, .themeTableNoWrap td, .themeTableNoWrapBreakWord, td {
         padding: 10px 10px 10px;
         border-right: 1px solid #fff;
         border-bottom: 1px solid #fff;
         vertical-align: top;
    }
     .no_border_ResponsiveTable {
         border-collapse: collapse;
         border-spacing: 0;
         padding: 0px;
         display: table;
         table-layout: fixed;
         position: relative;
         width: 100%;
         height: 100%;
    }
     .no_border_ResponsiveTable td {
         padding: 4px 6px 6px;
         background-color: #ffffff;
         line-height: 1.5rem;
         vertical-align: top;
         display: inline-block;
         width: 100%;
    }
     .image_display_ResponsiveTable {
         border-collapse: collapse;
         border-spacing: 0;
         padding: 0px;
         display: table;
         table-layout: fixed;
         position: relative;
         width: 100%;
         height: 100%;
    }
     .image_display_ResponsiveTable td {
         padding: 4px 6px 6px;
         background-color: #ffffff;
         line-height: 1.5rem;
         vertical-align: top;
         width: 50%;
    }
     .themeResponsiveTable thead {
         border: none;
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         width: 1px;
    }
     .themeResponsiveTable tr {
         border-top: 3px solid #43d67a;
         display: block;
         margin-bottom: .625em;
    }
     .themeResponsiveTable td {
         display: block;
         text-align: right;
    }
     .themeResponsiveTable td:before {
         content: attr(data-label);
         float: left;
         font-weight: bold;
         text-transform: uppercase;
    }
     .themeResponsiveTable td:last-child {
         border-bottom: 0;
    }
}
 .no_border_KeyTable {
     border-collapse: collapse;
     border-spacing: 0;
     padding: 0px;
     display: table;
     table-layout: fixed;
     position: relative;
     width: 100%;
     height: 100%;
}
 .no_border_KeyTable td {
     padding: 4px 6px 6px;
     background-color: #ffffff;
     line-height: 1.2rem;
     vertical-align: top;
}
/*************** * * Magnific Popup CSS * ****************/
 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1042;
     overflow: hidden;
     position: fixed;
     background: #0b0b0b;
     opacity: 0.8;
     filter: alpha(opacity=80);
}
 .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1043;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden;
}
 .mfp-container {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .mfp-container:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
 .mfp-align-top .mfp-container:before {
     display: none;
}
 .mfp-content {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     z-index: 1045;
}
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
     width: 100%;
     cursor: auto;
}
 .mfp-ajax-cur {
     cursor: progress;
}
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    /* cursor: -moz-zoom-out;
     cursor: -webkit-zoom-out;
     cursor: zoom-out;
     */
}
 .mfp-zoom {
     cursor: pointer;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in;
}
 .mfp-auto-cursor .mfp-content {
     cursor: auto;
}
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
}
 .mfp-loading.mfp-figure {
     display: none;
}
 .mfp-hide {
     display: none !important;
}
 .mfp-preloader {
     color: #cccccc;
     position: absolute;
     top: 50%;
     width: auto;
     text-align: center;
     margin-top: -0.8em;
     left: 8px;
     right: 8px;
     z-index: 1044;
}
 .mfp-preloader a {
     color: #cccccc;
}
 .mfp-preloader a:hover {
     color: white;
}
 .mfp-s-ready .mfp-preloader {
     display: none;
}
 .mfp-s-error .mfp-content {
     display: none;
}
 button.mfp-close, button.mfp-arrow {
     overflow: visible;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     display: block;
     outline: none;
     padding: 0;
     z-index: 1046;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
}
 .mfp-close {
     width: 44px;
     height: 44px;
     line-height: 44px;
     position: absolute;
     right: 0;
     top: 0;
     text-decoration: none;
     text-align: center;
     opacity: 0.65;
     padding: 0 0 18px 10px;
     color: white;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace;
}
 .mfp-close:hover, .mfp-close:focus {
     opacity: 1;
}
 .mfp-close:active {
     top: 1px;
}
 .mfp-close-btn-in .mfp-close {
     color: #333333;
}
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
     color: white;
     right: -6px;
     text-align: right;
     padding-right: 6px;
     width: 100%;
}
 .mfp-counter {
     background-color: #000000;
     position: relative;
     top: 0;
     right: 0;
     width: 100%;
     padding-left: 10px;
     float: right;
     color: #cccccc;
     font-size: 12px;
     text-align: center;
     line-height: 18px;
}
 .mfp-arrow {
     position: absolute;
     opacity: 0.65;
     margin: 0;
     top: 50%;
     margin-top: -55px;
     padding: 0;
     width: 90px;
     height: 110px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .mfp-arrow:active {
     margin-top: -54px;
}
 .mfp-arrow:hover, .mfp-arrow:focus {
     opacity: 1;
}
 .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
     content: '';
     display: block;
     width: 0;
     height: 0;
     position: absolute;
     left: 0;
     top: 0;
     margin-top: 35px;
     margin-left: 35px;
     border: medium inset transparent;
}
 .mfp-arrow:after, .mfp-arrow .mfp-a {
     border-top-width: 13px;
     border-bottom-width: 13px;
     top: 8px;
}
 .mfp-arrow:before, .mfp-arrow .mfp-b {
     border-top-width: 21px;
     border-bottom-width: 21px;
}
 .mfp-arrow-left {
     left: 0;
}
 .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
     border-right: 17px solid white;
     margin-left: 31px;
}
 .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
     margin-left: 25px;
     border-right: 27px solid #3f3f3f;
}
 .mfp-arrow-right {
     right: 0;
}
 .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
     border-left: 17px solid white;
     margin-left: 39px;
}
 .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
     border-left: 27px solid #3f3f3f;
}
 .mfp-iframe-holder {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .mfp-iframe-holder .mfp-content {
     line-height: 0;
     width: 100%;
     max-width: 900px;
}
 .mfp-iframe-holder .mfp-close {
     top: -40px;
}
 .mfp-iframe-scaler {
     width: 100%;
     height: 0;
     overflow: hidden;
     padding-top: 56.25%;
}
 .mfp-iframe-scaler iframe {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: black;
}
/* Main image in popup */
 img.mfp-img {
     width: auto;
     max-width: 100%;
     height: auto;
     display: block;
     line-height: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 40px 0 40px;
     margin: 0 auto;
}
/* The shadow behind the image */
 .mfp-figure {
     line-height: 0;
}
 .mfp-figure:after {
     content: '';
     position: absolute;
     left: 0;
     top: 40px;
     bottom: 40px;
     display: block;
     right: 0;
     width: auto;
     height: auto;
     z-index: -1;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #444444;
}
 .mfp-figure small {
     color: #bdbdbd;
     display: block;
     font-size: 12px;
     line-height: 14px;
}
 .mfp-figure figure {
     margin: 0;
}
 .mfp-bottom-bar {
     margin-top: -36px;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     cursor: auto;
}
 .mfp-title {
     background-color: #000000;
     text-align: left;
     line-height: 18px;
     color: #f3f3f3;
     word-wrap: break-word;
     padding: 10px;
     display: block;
     width: 100%;
     float: left;
     font-size: 0.8rem;
}
 .mfp-image-holder .mfp-content {
     max-width: 100%;
}
 .mfp-gallery .mfp-image-holder .mfp-figure {
     cursor: pointer;
}
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /** * Remove all paddings around the image on small screen */
     .mfp-img-mobile .mfp-image-holder {
         padding-left: 0;
         padding-right: 0;
    }
     .mfp-img-mobile img.mfp-img {
         padding: 0;
    }
     .mfp-img-mobile .mfp-figure {
        /* The shadow behind the image */
    }
     .mfp-img-mobile .mfp-figure:after {
         top: 0;
         bottom: 0;
    }
     .mfp-img-mobile .mfp-figure small {
         display: inline;
         margin-left: 5px;
    }
     .mfp-img-mobile .mfp-bottom-bar {
         background: rgba(0, 0, 0, 0.6);
         bottom: 0;
         margin: 0;
         top: auto;
         padding: 3px 5px;
         position: fixed;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     .mfp-img-mobile .mfp-bottom-bar:empty {
         padding: 0;
    }
     .mfp-img-mobile .mfp-counter {
         right: 5px;
         top: 3px;
    }
     .mfp-img-mobile .mfp-close {
         top: 0;
         right: 0;
         width: 35px;
         height: 35px;
         line-height: 35px;
         background: rgba(0, 0, 0, 0.6);
         position: fixed;
         text-align: center;
         padding: 0;
    }
}
 @media all and (max-width: 900px) {
     .mfp-arrow {
         -webkit-transform: scale(0.75);
         transform: scale(0.75);
    }
     .mfp-arrow-left {
         -webkit-transform-origin: 0;
         transform-origin: 0;
    }
     .mfp-arrow-right {
         -webkit-transform-origin: 100%;
         transform-origin: 100%;
    }
     .mfp-container {
         padding-left: 6px;
         padding-right: 6px;
    }
}
 .mfp-ie7 .mfp-img {
     padding: 0;
}
 .mfp-ie7 .mfp-bottom-bar {
     width: 600px;
     left: 50%;
     margin-left: -300px;
     margin-top: 5px;
     padding-bottom: 5px;
}
 .mfp-ie7 .mfp-container {
     padding: 0;
}
 .mfp-ie7 .mfp-content {
     padding-top: 44px;
}
 .mfp-ie7 .mfp-close {
     top: 0;
     right: 0;
     padding-top: 0;
}
/* Background */
 .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
     background: #151515;
     color: #ff;
}
 .rsOverflow {
     border: 1px solid #cccccc;
}
/*************** * RS Slider * 1. Arrows * ****************/
 .rsDefault .rsArrow {
     height: 100%;
     width: 44px;
     position: absolute;
     display: block;
     cursor: pointer;
     z-index: 21;
}
 .rsDefault.rsVer .rsArrow {
     width: 100%;
     height: 44px;
}
 .rsDefault.rsVer .rsArrowLeft {
     top: 0;
     left: 0;
}
 .rsDefault.rsVer .rsArrowRight {
     bottom: 0;
     left: 0;
}
 .rsDefault.rsHor .rsArrowLeft {
     left: 0;
     top: 0;
}
 .rsDefault.rsHor .rsArrowRight {
     right: 0;
     top: 0;
}
 .rsDefault .rsArrowIcn {
     width: 38px;
     height: 79px;
     top: 50%;
     left: 50%;
     margin-top: -15px;
     margin-left: -19px;
     position: relative;
     cursor: pointer;
     background-color: #cccccc;
     background-color: rgba(170, 170, 170, 0.55);
     *background-color: #cccccc;
     border-radius: 2px;
}
 .rsDefault .rsArrowIcn:hover {
     background-color: rgba(170, 170, 170, 0.75);
}
 .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
     background: url("/images/royalslider/left_arrow_icon.png") no-repeat 100% 0;
}
 .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
     background: url("/images/royalslider/right_arrow_icon.png") no-repeat 100% 0;
}
 .rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
     background: url("/images/royalslider/left_arrow_icon.png") no-repeat 100% 0;
}
 .rsDefault.rsVer .rsArrowRight .rsArrowIcn {
     background: url("/images/royalslider/right_arrow_icon.png") no-repeat 100% 0;
}
 .rsDefault .rsArrowDisabled .rsArrowIcn {
     opacity: .2;
     filter: alpha(opacity=20);
     *display: none;
}
/*************** * * 2. Bullets * ****************/
 .rsDefault .rsBullets {
     position: relative;
     z-index: 35;
     top: -17px;
     left: 0;
     bottom: 0;
     width: 100%;
     height: auto;
     min-height: 80px;
     margin: 0 auto;
     text-align: center;
     line-height: 8px;
     overflow: hidden;
}
 .rsDefault .rsBullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     *display: inline;
     *zoom: 1;
     padding: 38px 10px 6px;
}
 .rsDefault .rsBullet span {
     display: block;
     cursor: pointer;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #777;
     background: rgba(255, 255, 255, 0.5);
}
 .rsDefault .rsBullet.rsNavSelected span {
     background-color: #FFF;
}
/*************** * * 3. Thumbnails * ****************/
 .rsDefault .rsThumbsHor {
     width: 100%;
     min-height: 64px;
     height: 5.1rem;
     border: 1px solid #cccccc;
}
 .rsDefault .rsThumbsVer {
     width: 96px;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
}
 .rsDefault.rsWithThumbsVer .rsThumbsContainer {
     position: relative;
     width: 100%;
}
 @media only screen and (min-width: 48.0625em) {
     .rsDefault .rsThumb {
         float: left;
         font-weight: normal;
         overflow: hidden;
         width: 190px;
         height: 7em;
         padding: 20px;
         background-color: black;
         line-height: 1.2em;
         font-size: 0.75rem;
    }
}
 @media only screen and (max-width: 48.0635em) {
     .rsDefault .rsThumb {
         float: left;
         font-weight: normal;
         overflow: hidden;
         width: 100%;
         height: 66px;
         padding: 20px;
         line-height: 1.2em;
         background-color: black;
    }
}
 .rsDefault .rsThumb img {
     width: 100%;
     height: 100%;
}
 .rsDefault .rsThumb.rsNavSelected img {
     opacity: 0.3;
     filter: alpha(opacity=30);
}
 .rsDefault .rsTmb {
     display: block;
     color: #ffffff;
}
/* Thumbnails with text */
 .rsDefault .rsTmb h4 {
     font-size: 1em;
     font-weight: normal;
     margin: 0;
     padding: 0;
     line-height: 17px;
     color: #FFF;
}
 .rsDefault .rsTmb span {
     color: #DDD;
     margin: 0;
     padding: 0;
     font-size: 13px;
     line-height: 18px;
}
 .rsDefault .rsTmb a {
     color: #ffffff;
     margin: 0;
     padding: 0;
     text-decoration: none;
}
/* Thumbnails arrow icons */
 .rsDefault .rsThumbsArrow {
     height: 100%;
     width: 20px;
     position: absolute;
     display: block;
     cursor: pointer;
     z-index: 21;
     background: #000;
     background: rgba(0, 0, 0, 0.75);
}
 .rsDefault .rsThumbsArrow:hover {
     background: rgba(0, 0, 0, 0.9);
}
 .rsDefault.rsWithThumbsVer .rsThumbsArrow {
     width: 100%;
     height: 20px;
}
 .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
     top: 0;
     left: 0;
}
 .rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
     bottom: 0;
     left: 0;
}
 .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
     left: 0;
     top: 0;
}
 .rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
     right: 0;
     top: 0;
}
 .rsDefault .rsThumbsArrowIcn {
     width: 16px;
     height: 16px;
     top: 50%;
     left: 50%;
     margin-top: -8px;
     margin-left: -8px;
     position: absolute;
     cursor: pointer;
     background: url("/images/royalslider/rs-default.png");
}
 .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
     background-position: -128px -32px;
}
 .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
     background-position: -128px -48px;
}
 .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
     background-position: -144px -32px;
}
 .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
     background-position: -144px -48px;
}
 .rsDefault .rsThumbsArrowDisabled {
     display: none !important;
}
/* Thumbnails resizing on smaller screens */
 @media screen and (min-width: 0px) and (max-width: 800px) {
     .rsDefault .rsThumb {
         height: 44px;
    }
     .rsDefault .rsThumbsHor {
         height: 44px;
    }
     .rsDefault .rsThumbsVer {
         width: 59px;
    }
     .rsTmb {
         width: 100%;
    }
}
/*************** * * 4. Tabs * ****************/
 .rsDefault .rsTabs {
     width: 100%;
     height: auto;
     margin: 0 auto;
     text-align: center;
     overflow: hidden;
     padding-top: 12px;
     position: relative;
}
 .rsDefault .rsTab {
     display: inline-block;
     cursor: pointer;
     text-align: center;
     height: auto;
     width: auto;
     color: #333;
     padding: 5px 13px 6px;
     min-width: 72px;
     border: 1px solid #D9D9DD;
     border-right: 1px solid #f5f5f5;
     text-decoration: none;
     background-color: #FFF;
     background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
     background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
     background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
     -webkit-box-shadow: inset 1px 0 0 #fff;
     box-shadow: inset 1px 0 0 #fff;
     *display: inline;
     *zoom: 1;
}
 .rsDefault .rsTab:first-child {
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .rsDefault .rsTab:last-child {
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
     border-right: 1px solid #cfcfcf;
}
 .rsDefault .rsTab:active {
     border: 1px solid #D9D9DD;
     background-color: #f4f4f4;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
 .rsDefault .rsTab.rsNavSelected {
     color: #FFF;
     border: 1px solid #999;
     font-weight: bold;
     background: #ACACAC;
    /*background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
     background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
     background-image: linear-gradient(to bottom, #ACACAC, #BBB);
     */
}
/*************** * * 5. Fullscreen button * ****************/
 .rsDefault .rsFullscreenBtn {
     right: 0;
     top: 0;
     width: 44px;
     height: 44px;
     z-index: 22;
     display: block;
     position: absolute;
     cursor: pointer;
}
 .rsDefault .rsFullscreenIcn {
     display: block;
     margin: 6px;
     width: 32px;
     height: 32px;
     background: url("/images/royalslider/rs-default.png") 0 0;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.75);
     *background-color: #000;
     border-radius: 2px;
}
 .rsDefault .rsFullscreenIcn:hover {
     background-color: rgba(0, 0, 0, 0.9);
}
 .rsDefault.rsFullscreen .rsFullscreenIcn {
     background-position: -32px 0;
}
/*************** * * 6. Play/close video button * ****************/
 .rsDefault .rsPlayBtn {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
     width: 64px;
     height: 64px;
     margin-left: -32px;
     margin-top: -32px;
     cursor: pointer;
}
 .rsDefault .rsPlayBtnIcon {
     width: 64px;
     display: block;
     height: 64px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     transition: .3s;
     background: url("./images/royalslider/rs-default.png") no-repeat 0 -32px;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.75);
     *background-color: #000;
}
 .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
     background-color: rgba(0, 0, 0, 0.9);
}
 .rsDefault .rsBtnCenterer {
     position: absolute;
     left: 50%;
     top: 50%;
}
 .rsDefault .rsCloseVideoBtn {
     right: 0;
     top: 0;
     width: 44px;
     height: 44px;
     z-index: 500;
     position: absolute;
     cursor: pointer;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
}
 .rsDefault .rsCloseVideoBtn.rsiOSBtn {
     top: -38px;
     right: -6px;
}
 .rsDefault .rsCloseVideoIcn {
     margin: 6px;
     width: 32px;
     height: 32px;
     background: url("./images/royalslider/rs-default.png") -64px 0;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.75);
     *background-color: #000;
}
 .rsDefault .rsCloseVideoIcn:hover {
     background-color: rgba(0, 0, 0, 0.9);
}
/*************** * * 7. Preloader * ****************/
 .rsDefault .rsPreloader {
     width: 20px;
     height: 20px;
     background-image: url("./images/royalslider/preloader-white.gif");
     left: 50%;
     top: 50%;
     margin-left: -10px;
     margin-top: -10px;
}
/*************** * * 8. Global caption * ****************/
 .rsDefault .rsGCaption {
     display: none;
     position: absolute;
     float: none;
     bottom: 6px;
     left: 6px;
     text-align: center;
     background: black;
     background: rgba(0, 0, 0, 0.75);
     color: #FFF;
     padding: 2px 8px;
     width: 100%;
     font-size: 12px;
     border-radius: 2px;
}
/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
 .royalSlider {
     width: 600px;
     height: 400px;
     position: relative;
     direction: ltr;
}
 .royalSlider > * {
     float: left;
}
 .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
     -webkit-backface-visibility: hidden;
}
 .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
     -webkit-transform: none;
}
 .rsOverflow {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     float: left;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .rsVisibleNearbyWrap {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     left: 0;
     top: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .rsVisibleNearbyWrap .rsOverflow {
     position: absolute;
     left: 0;
     top: 0;
}
 .rsContainer {
     position: relative;
     width: 100%;
     height: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .rsArrow, .rsThumbsArrow {
     cursor: pointer;
}
 .rsThumb {
     float: left;
     position: relative;
}
 .rsArrow, .rsNav, .rsThumbsArrow {
     opacity: 1;
     -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
     -o-transition: opacity 0.3s linear;
     transition: opacity 0.3s linear;
}
 .rsHidden {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
     -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
     -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
     transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
 .rsGCaption {
     width: 100%;
     float: left;
     text-align: center;
}
/* Fullscreen options, very important ^^ */
 .royalSlider.rsFullscreen {
     position: fixed !important;
     height: auto !important;
     width: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     z-index: 2147483647 !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     right: 0 !important;
}
 .royalSlider .rsSlide.rsFakePreloader {
     opacity: 1 !important;
     -webkit-transition: 0s;
     -moz-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
     display: none;
}
 .rsSlide {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     overflow: hidden;
     height: 100%;
     width: 100%;
}
 .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
     height: auto;
}
 .rsContent {
     width: 100%;
     height: 100%;
     position: relative;
}
 .rsPreloader {
     position: absolute;
     z-index: 0;
}
 .rsNav {
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     user-select: none;
}
 .rsNavItem {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
 .rsThumbs {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     float: left;
     z-index: 22;
}
 .rsTabs {
     float: left;
     background: none !important;
}
 .rsTabs, .rsThumbs {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 .rsVideoContainer {
     width: auto;
     height: auto;
     line-height: 0;
     position: relative;
}
 .rsVideoFrameHolder {
     position: absolute;
     left: 0;
     top: 0;
     background: #141414;
     opacity: 0;
     -webkit-transition: .3s;
}
 .rsVideoFrameHolder.rsVideoActive {
     opacity: 1;
}
 .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
     position: absolute;
     z-index: 50;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
/* ios controls over video bug, shifting video */
 .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 44px;
}
 .rsABlock {
     left: 0;
     top: 0;
     position: absolute;
     z-index: 15;
}
 img.rsImg {
     max-width: none;
}
 .rsNoDrag {
     cursor: auto;
}
 .rsLink {
     left: 0;
     top: 0;
     position: absolute;
     width: 100%;
     height: 100%;
     display: block;
     z-index: 20;
     background: url(blank.gif);
}
/* END Style OGCIO Migration CSS */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* Form Style Override */
/* ------------------------------------------ */
 .form-grid input, .form-grid textarea, .mainHolder input[type="text"], .mainHolder input[type="password"], .mainHolder input[type="date"], .mainHolder input[type="datetime"], .mainHolder input[type="datetime-local"], .mainHolder input[type="month"], .mainHolder input[type="week"], .mainHolder input[type="email"], .mainHolder input[type="number"], .mainHolder input[type="search"], .mainHolder input[type="tel"], .mainHolder input[type="time"], .mainHolder input[type="url"], .mainHolder input[type="color"], .mainHolder textarea, textarea {
     border: 0;
     background: #eaeaea;
     box-shadow: none;
     color: #000;
}
 .form-grid input:focus, .form-grid textarea:focus, .mainHolder input[type="text"]:focus, .mainHolder input[type="password"]:focus, .mainHolder input[type="date"]:focus, .mainHolder input[type="datetime"]:focus, .mainHolder input[type="datetime-local"]:focus, .mainHolder input[type="month"]:focus, .mainHolder input[type="week"]:focus, .mainHolder input[type="email"]:focus, .mainHolder input[type="number"]:focus, .mainHolder input[type="search"]:focus, .mainHolder input[type="tel"]:focus, .mainHolder input[type="time"]:focus, .mainHolder input[type="url"]:focus, .mainHolder input[type="color"]:focus, .mainHolder textarea:focus, textarea:focus {
     background: #eaeaea;
     box-shadow: 0 0 5px #999999;
}
 .mainHolder input[type="submit"].btn {
     width: auto;
     min-width: 160px;
     border-radius: 15px;
     padding: 10px 35px;
     font-size: 13px;
}
 @media screen and (max-width: 480px) {
     .mainHolder input[type="submit"].btn {
         padding: 10px 20px;
         font-size: 12px;
    }
}
 .hidden_page_part {
     border: 0;
     box-shadow: none;
     padding-left: 0;
     padding-right: 0;
     width: 100%;
     font-weight: bold;
}
 #allquestions #quest_images {
     margin-bottom: 30px;
}
 #allquestions #options {
     list-style: none;
     padding-left: 0 !important;
}
 #allquestions #options li {
     border: 0;
     background: #eee;
     box-shadow: none;
     padding: 15px 2px;
     text-align: left;
     text-shadow: none;
     padding-left: 60px;
     border: 1px solid #eee;
}
 #allquestions #options li a:focus {
     outline: none;
}
 #allquestions #options li:before {
     content: '';
     display: block;
     width: 16px;
     height: 16px;
     left: 20px;
     top: 50%;
     margin-top: -8px;
     background: url() no-repeat center center;
     background-size: 100%;
     position: absolute;
}
 #allquestions #options li.quizselected {
     border: 1px solid #b0e600;
}
 #allquestions #options li.error {
     background: #d52b2b;
     border: 1px solid #d52b2b;
}
 #allquestions #options li.error:before {
     background-image: url("./images/common/icons/icon-quiz-cross.png");
}
 #allquestions #options li.error a {
     color: #FFF;
}
 #allquestions #options li.success {
     background: #b0e600;
     border: 1px solid #b0e600;
}
 #allquestions #options li.success:before {
     background-image: url("./images/common/icons/icon-quiz-tick.png");
}
 #allquestions #question {
     margin-bottom: 30px;
}
 #allquestions .question-id {
     text-align: left;
}
 #allquestions .question-id .question_no, #allquestions .question-id .question-id__sp, #allquestions .question-id .question_total {
     display: inline-block;
     vertical-align: baseline;
}
 #allquestions .question-id .question-id__sp {
     font-weight: normal;
}
 #allquestions .question-id .question_no {
     font-size: 30px;
     padding-right: 0;
}
 #allquestions .question-id .question_total {
     font-size: 20px;
}
 #allquestions .question_no {
     display: block;
     float: none;
     text-align: left;
}
 #allquestions .question-content {
     display: block;
     width: 100%;
     font-size: 20px;
     text-align: left;
}
 #content .meter {
     width: 100%;
     background: #d7d7d7;
     margin: 30px 0;
}
 #content .meter > span {
     box-shadow: none;
     background: #b0e600;
}
 #content #submiterrors {
     margin-top: 30px;
     margin-left: 0;
     font-weight: bold;
     font-size: 24px;
}
 #content #submiterrors .description {
     font-size: 14px;
     margin-top: 10px;
}
 #content .description {
     border: 0;
     width: 100%;
     padding: 0;
}
 #quiz_navigation {
     text-align: left;
}
 #quiz_navigation #next, #quiz_navigation #submit, #quiz_navigation #finish {
     font-weight: bold;
     box-shadow: none;
     border: 0;
     margin-left: 0;
}
 #startquiz, #endquiz {
     font-weight: bold;
     box-shadow: none;
     border: 0;
     margin-left: 0;
}
 .field-label {
     font-weight: bold;
}
 .form-grid {
     margin-bottom: 30px;
     padding: 0 6px;
     margin-top: 30px;
}
 .form-grid__row {
     display: block;
     margin-left: -15px;
     margin-right: -15px;
     font-size: 0;
     margin-bottom: 30px;
}
 .form-grid__row:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 767px) {
     .form-grid__row {
         margin-bottom: 15px;
    }
}
 .form-grid__col {
     display: inline-block;
     vertical-align: top;
     width: 50%;
     padding: 0 15px;
}
 @media screen and (max-width: 767px) {
     .form-grid__col {
         width: 100%;
         margin-bottom: 15px;
    }
     .form-grid__col:last-child {
         margin-bottom: 0;
    }
}
 .form-grid__col.form-grid__col--full {
     width: 100%;
}
 .form-grid__holder {
     display: table;
     width: 100%;
}
 @media screen and (max-width: 480px) {
     .form-grid__holder {
         display: block;
    }
}
 .form-grid__holder + .form-grid__holder {
     margin-top: 5px;
}
 .form-grid__holder .field-label, .form-grid__holder .form-grid__input {
     display: table-cell;
     vertical-align: top;
     font-size: 21px;
}
 @media screen and (max-width: 1480px) {
     .form-grid__holder .field-label, .form-grid__holder .form-grid__input {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .form-grid__holder .field-label, .form-grid__holder .form-grid__input {
         font-size: 16px;
    }
}
 @media screen and (max-width: 480px) {
     .form-grid__holder .field-label, .form-grid__holder .form-grid__input {
         display: block;
    }
}
 .form-grid__holder .field-label {
     padding-top: 0;
     padding-right: 30px;
     width: 160px;
}
 .form-grid__holder .field-label div {
     font-weight: normal;
}
 .form-grid__holder .field-label.field-label--long {
     width: 170px;
     padding-right: 15px;
}
 @media screen and (max-width: 480px) {
     .form-grid__holder .field-label.field-label--long {
         width: 100%;
         padding-right: 0;
    }
}
 @media screen and (max-width: 480px) {
     .form-grid__holder .field-label {
         width: 100%;
         padding-right: 0;
    }
}
 @media screen and (max-width: 480px) {
     .form-grid__holder .form-grid__input {
         width: 100%;
    }
}
 .form-grid__holder .form-grid__input input {
     margin-bottom: 0;
}
 .form-grid__holder .form-grid__input > div {
     margin-top: 5px;
}
/* Style Override for theme pages */
/* ------------------------------------------ */
 .theme--strategies .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #7027bf;
}
 .theme--legal .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #067ebf;
}
 .theme--community .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #799E00;
}
 .theme--business .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #01a973;
}
 .theme--infrastructure .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     color: #EB6D00;
}
 .theme--information-security .mainHolder a:not(.btn):not(.article-control__prev):not(.article-control__next) {
     /*color: #c12b41;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .editContent a:not(.btn), .content-link:not(.btn), .more-link:not(.btn), .editContent .content-link:not(.btn), .editContent .more-link:not(.btn), .sec-article__link-btn:not(.btn), .editContent .sec-article__link-btn:not(.btn) {
     color: #eb6100;
}
 .theme--strategies .editContent a:not(.btn), .theme--strategies .content-link:not(.btn), .theme--strategies .more-link:not(.btn), .theme--strategies .editContent .content-link:not(.btn), .theme--strategies .editContent .more-link:not(.btn), .theme--strategies .sec-article__link-btn:not(.btn), .theme--strategies .editContent .sec-article__link-btn:not(.btn) {
     color: #c187ff;
}
 .theme--legal .editContent a:not(.btn), .theme--legal .content-link:not(.btn), .theme--legal .more-link:not(.btn), .theme--legal .editContent .content-link:not(.btn), .theme--legal .editContent .more-link:not(.btn), .theme--legal .sec-article__link-btn:not(.btn), .theme--legal .editContent .sec-article__link-btn:not(.btn) {
     color: #71cdff;
}
 .theme--community .editContent a:not(.btn), .theme--community .content-link:not(.btn), .theme--community .more-link:not(.btn), .theme--community .editContent .content-link:not(.btn), .theme--community .editContent .more-link:not(.btn), .theme--community .sec-article__link-btn:not(.btn), .theme--community .editContent .sec-article__link-btn:not(.btn) {
     color: #b0e600;
}
 .theme--business .editContent a:not(.btn), .theme--business .content-link:not(.btn), .theme--business .more-link:not(.btn), .theme--business .editContent .content-link:not(.btn), .theme--business .editContent .more-link:not(.btn), .theme--business .sec-article__link-btn:not(.btn), .theme--business .editContent .sec-article__link-btn:not(.btn) {
     color: #01a973;
}
 .theme--infrastructure .editContent a:not(.btn), .theme--infrastructure .content-link:not(.btn), .theme--infrastructure .more-link:not(.btn), .theme--infrastructure .editContent .content-link:not(.btn), .theme--infrastructure .editContent .more-link:not(.btn), .theme--infrastructure .sec-article__link-btn:not(.btn), .theme--infrastructure .editContent .sec-article__link-btn:not(.btn) {
     color: #f7c624;
}
 .theme--information-security .editContent a:not(.btn), .theme--information-security .content-link:not(.btn), .theme--information-security .more-link:not(.btn), .theme--information-security .editContent .content-link:not(.btn), .theme--information-security .editContent .more-link:not(.btn), .theme--information-security .sec-article__link-btn:not(.btn), .theme--information-security .editContent .sec-article__link-btn:not(.btn) {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .editContent a:not(.btn):hover, .content-link:not(.btn):hover, .more-link:not(.btn):hover, .editContent .content-link:not(.btn):hover, .editContent .more-link:not(.btn):hover, .sec-article__link-btn:not(.btn):hover, .editContent .sec-article__link-btn:not(.btn):hover {
     color: #eb6100;
     text-decoration: underline;
}
 .theme--strategies .editContent a:not(.btn):hover, .theme--strategies .content-link:not(.btn):hover, .theme--strategies .more-link:not(.btn):hover, .theme--strategies .editContent .content-link:not(.btn):hover, .theme--strategies .editContent .more-link:not(.btn):hover, .theme--strategies .sec-article__link-btn:not(.btn):hover, .theme--strategies .editContent .sec-article__link-btn:not(.btn):hover {
     color: #c187ff;
}
 .theme--legal .editContent a:not(.btn):hover, .theme--legal .content-link:not(.btn):hover, .theme--legal .more-link:not(.btn):hover, .theme--legal .editContent .content-link:not(.btn):hover, .theme--legal .editContent .more-link:not(.btn):hover, .theme--legal .sec-article__link-btn:not(.btn):hover, .theme--legal .editContent .sec-article__link-btn:not(.btn):hover {
     color: #71cdff;
}
 .theme--community .editContent a:not(.btn):hover, .theme--community .content-link:not(.btn):hover, .theme--community .more-link:not(.btn):hover, .theme--community .editContent .content-link:not(.btn):hover, .theme--community .editContent .more-link:not(.btn):hover, .theme--community .sec-article__link-btn:not(.btn):hover, .theme--community .editContent .sec-article__link-btn:not(.btn):hover {
     color: #b0e600;
}
 .theme--business .editContent a:not(.btn):hover, .theme--business .content-link:not(.btn):hover, .theme--business .more-link:not(.btn):hover, .theme--business .editContent .content-link:not(.btn):hover, .theme--business .editContent .more-link:not(.btn):hover, .theme--business .sec-article__link-btn:not(.btn):hover, .theme--business .editContent .sec-article__link-btn:not(.btn):hover {
     color: #00885c;
}
 .theme--infrastructure .editContent a:not(.btn):hover, .theme--infrastructure .content-link:not(.btn):hover, .theme--infrastructure .more-link:not(.btn):hover, .theme--infrastructure .editContent .content-link:not(.btn):hover, .theme--infrastructure .editContent .more-link:not(.btn):hover, .theme--infrastructure .sec-article__link-btn:not(.btn):hover, .theme--infrastructure .editContent .sec-article__link-btn:not(.btn):hover {
     color: #f7c624;
}
 .theme--information-security .editContent a:not(.btn):hover, .theme--information-security .content-link:not(.btn):hover, .theme--information-security .more-link:not(.btn):hover, .theme--information-security .editContent .content-link:not(.btn):hover, .theme--information-security .editContent .more-link:not(.btn):hover, .theme--information-security .sec-article__link-btn:not(.btn):hover, .theme--information-security .editContent .sec-article__link-btn:not(.btn):hover {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .sec-article__link-btn {
     color: #c187ff;
}
 .theme--legal .sec-article__link-btn {
     color: #71cdff;
}
 .theme--community .sec-article__link-btn {
     color: #b0e600;
}
 .theme--business .sec-article__link-btn {
     color: #00ffae;
}
 .theme--infrastructure .sec-article__link-btn {
     color: #f7c624;
}
 .theme--information-security .sec-article__link-btn {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .sec-article__link-btn span, .theme--legal .sec-article__link-btn span, .theme--community .sec-article__link-btn span, .theme--business .sec-article__link-btn span, .theme--infrastructure .sec-article__link-btn span, .theme--information-security .sec-article__link-btn span {
     color: #000;
}
 .general-index .sec-article__link-btn span {
     color: #000;
}
 .theme--strategies .accordion__item .accordion__toggle:hover {
     color: #c187ff;
}
 .theme--legal .accordion__item .accordion__toggle:hover {
     color: #71cdff;
}
 .theme--community .accordion__item .accordion__toggle:hover {
     color: #b0e600;
}
 .theme--business .accordion__item .accordion__toggle:hover {
     color: #00ffae;
}
 .theme--infrastructure .accordion__item .accordion__toggle:hover {
     color: #f7c624;
}
 .theme--information-security .accordion__item .accordion__toggle:hover {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
}
 .theme--strategies .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/strategies/icon-accordion-arrow.png");
}
 .theme--legal .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/legal/icon-accordion-arrow.png");
}
 .theme--community .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/community/icon-accordion-arrow.png");
}
 .theme--business .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/business/icon-accordion-arrow.png");
}
 .theme--infrastructure .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/infrastructure/icon-accordion-arrow.png");
}
 .theme--information-security .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/theme/information-security/icon-accordion-arrow.png");
}
 #options li a:focus {
     color: #eb6100;
}
/* END Style Override for theme pages */
/* ------------------------------------------ */
/* Style commonly used */
/* ------------------------------------------ */
 body, body * {
     max-height: 1000000px;
}
 html {
     font-size: 16px;
}
 @media screen and (max-width: 1400px) {
     html {
         font-size: 15px;
    }
}
 @media screen and (max-width: 1200px) {
     html {
         font-size: 14px;
    }
}
 @media screen and (max-width: 480px) {
     html {
         font-size: 13px;
    }
}
 body {
     font-size: 15px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     margin: 0 !important;
     padding: 0;
     background: #FFF;
     color: #000;
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     position: relative;
     min-width: 300px;
}
 body:lang(zh-hk) {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 
body ol{
	font-family: sans-serif; 
}
body:lang(zh-hk) ol {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 
body:lang(zh-cn) {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 
body:lang(zh-cn) ol {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 
 body.dt-only {
     min-width: 992px;
}
 body.scroll-locked {
     overflow: hidden;
}
 @media screen and (max-width: 991px) {
     body.mob-menu-open {
         overflow: hidden;
    }
}
 @media screen and (max-width: 991px) {
     body {
         overflow-x: auto;
    }
}
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .access {
     position: absolute;
     left: 0px;
     top: -500px;
     width: 1px;
     height: 1px;
     overflow: hidden;
}
 a {
     color: #000;
     text-decoration: none;
}
 a:hover, a:active {
     color: #000;
     opacity: 1;
     text-decoration: none;
}
.theme--information-security a:hover, a:active {
     color: #000;
     opacity: 1;/*CyberSecurityThemeColorUpdate*/
     text-decoration: none; 
}
 a:focus {
     text-decoration: none;
}
 img {
     image-rendering: -webkit-optimize-contrast;
}
 br {
     display: block;
     opacity: 0;
     font-family: "Arial", sans-serif !important;
     font-size: 0;
     color: transparent;
     line-height: 1em;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-weight: bold;
     margin-top: 0;
}
 .title-xl {
     font-weight: bold;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 62px;
     line-height: 1em;
}
 @media screen and (max-width: 1580px) {
     .title-xl {
         font-size: 56px;
    }
}
 @media screen and (max-width: 991px) {
     .title-xl {
         font-size: 48px;
    }
}
 @media screen and (max-width: 640px) {
     .title-xl {
         font-size: 36px;
    }
}
 .title-lv1, .main-banner__title {
     font-weight: bold;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 62px;
}
 @media screen and (max-width: 1200px) {
     .title-lv1, .main-banner__title {
         font-size: 56px;
    }
}
 @media screen and (max-width: 991px) {
     .title-lv1, .main-banner__title {
         font-size: 48px;
    }
}
 @media screen and (max-width: 767px) {
     .title-lv1, .main-banner__title {
         font-size: 28px;
    }
}
 @media screen and (max-width: 350px) {
     .title-lv1, .main-banner__title {
         font-size: 24px;
    }
}
 .title-lv2, .event-calendar__title, .news-centre__title, .our-mission__title, .our-work__title {
     font-size: 64px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-weight: bold;
}
 @media screen and (max-width: 1580px) {
     .title-lv2, .event-calendar__title, .news-centre__title, .our-mission__title, .our-work__title {
         font-size: 54px;
    }
}
 @media screen and (max-width: 991px) {
    .title-lv2, .event-calendar__title, .news-centre__title, .our-mission__title, .our-work__title {
         font-size: 40px;
    }
}
 @media screen and (max-width: 640px) {
     .title-lv2, .event-calendar__title, .news-centre__title, .our-mission__title, .our-work__title {
         font-size: 32px;
    }
}
 .title-lv3, .general-index__title, .info-list__title, .static-banner__title {
     font-size: 35px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-weight: bold;
}
 @media screen and (max-width: 1580px) {
     .title-lv3, .general-index__title, .info-list__title, .static-banner__title {
         font-size: 32px;
    }
}
 @media screen and (max-width: 991px) {
     .title-lv3, .general-index__title, .info-list__title, .static-banner__title {
         font-size: 28px;
    }
}
 @media screen and (max-width: 640px) {
     .title-lv3, .general-index__title, .info-list__title, .static-banner__title {
         font-size: 24px;
    }
}
 .title-lv4, .accordion__title, .image-slider__title {
     font-size: 30px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-weight: bold;
}
 @media screen and (max-width: 1580px) {
     .title-lv4, .accordion__title, .image-slider__title {
         font-size: 24px;
    }
}
 @media screen and (max-width: 991px) {
     .title-lv4, .accordion__title, .image-slider__title {
         font-size: 20px;
    }
}
 @media screen and (max-width: 640px) {
     .title-lv4, .accordion__title, .image-slider__title {
         font-size: 20px;
    }
}
 .title-lv5, .article-control__title, .mini-title, .related-link__item {
     font-size: 20px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-weight: bold;
}
 @media screen and (max-width: 1580px) {
     .title-lv5, .article-control__title, .mini-title, .related-link__item {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .title-lv5, .article-control__title, .mini-title, .related-link__item {
         font-size: 16px;
    }
}
 @media screen and (max-width: 640px) {
     .title-lv5, .article-control__title, .mini-title, .related-link__item {
         font-size: 16px;
    }
}
 .common-desc {
     font-size: 15px;
}
 @media screen and (max-width: 1600px) {
     .common-desc {
         font-size: 15px;
    }
}
 @media screen and (max-width: 991px) {
     .common-desc {
         font-size: 14px;
    }
}
 @media screen and (max-width: 640px) {
     .common-desc {
         font-size: 13px;
    }
}
 .content-paragraph {
     margin: 0 auto 15px;
     line-height: 1.5em;
}
 .content-paragraph:last-child {
     margin-bottom: 0;
}
 p {
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 20px;
}
 p:last-child {
     margin-bottom: 0;
}
 ul, ol {
     padding-left: 30px;
     margin-top: 0;
     margin-bottom: 20px;
}
 ul:last-child, ol:last-child {
     margin-bottom: 0;
}
 ul:last-child, ol:last-child {
     margin-bottom: 0;
}
 img {
     max-width: 100%;
     height: auto;
}
 .editContent, .editcontent {
     font-size: 21px;
     line-height: 1.5em;
}
 @media screen and (max-width: 1480px) {
     .editContent, .editcontent {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .editContent, .editcontent {
         font-size: 16px;
    }
}
 .editContent ol li, .editContent ul li, .editContent table tr th, .editContent table tr td, .editContent a, .editContent p, .editcontent ol li, .editcontent ul li, .editcontent table tr th, .editcontent table tr td, .editcontent a, .editcontent p {
     font-size: 21px;
     line-height: 1.5em;
}
 @media screen and (max-width: 1480px) {
     .editContent ol li, .editContent ul li, .editContent table tr th, .editContent table tr td, .editContent a, .editContent p, .editcontent ol li, .editcontent ul li, .editcontent table tr th, .editcontent table tr td, .editcontent a, .editcontent p {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .editContent ol li, .editContent ul li, .editContent table tr th, .editContent table tr td, .editContent a, .editContent p, .editcontent ol li, .editcontent ul li, .editcontent table tr th, .editcontent table tr td, .editcontent a, .editcontent p {
         font-size: 16px;
    }
}
 .accordion__content th, .basic-article__item th {
     padding-bottom: 15px;
}
 .accordion__content th, .accordion__content td, .basic-article__item th, .basic-article__item td {
     vertical-align: top;
     padding-right: 10px;
     text-align: left;
}
 @media screen and (max-width: 767px) {
     .accordion__content th, .accordion__content td, .basic-article__item th, .basic-article__item td {
         font-size: 12px;
    }
}
 .editContent table tr td {
     padding: 16px;
}
 main {
     background: #FFF;
     position: relative;
     width: 100%;
     box-sizing: border-box;
     z-index: 10;
}
 .page-home main {
     overflow: hidden;
}
 .main-holder {
     padding-top: 110px;
     overflow: hidden;
}
 .dt-only .main-holder {
     min-width: 992px;
}
 .main-holder.main-holder--overflow {
     overflow: visible;
}
 @media screen and (max-width: 1023px) {
     .main-holder {
         padding-top: 75px;
    }
}
 @media screen and (max-width: 640px) {
     .main-holder {
         padding-top: 60px;
    }
}
 .clearfix {
     content: '';
     display: table;
     width: 100%;
     height: 0;
     clear: both;
}
 .wordbreak-all {
     word-break: break-all;
}
 .nowrap {
     white-space: nowrap;
     display: inline-block;
}
 .common-wrapper, .content-wrapper, .mainHolder, .main-banner__content-holder, .block-homesquare-main-menu-menu, .static-banner__content, .main-banner__slider-control {
     width: 94%;
}
 @media screen and (max-width: 640px) {
     .common-wrapper, .content-wrapper, .mainHolder, .main-banner__content-holder, .block-homesquare-main-menu-menu, .static-banner__content, .main-banner__slider-control {
         width: 94%;
    }
}
 .content-wrapper, .mainHolder, .main-banner__content-holder, .block-homesquare-main-menu-menu, .static-banner__content {
     margin: 0 auto;
     display: block;
     max-width: 1200px;
     position: relative;
}
 .content-link:hover, .more-link:hover {
     opacity: 1;
     color: #eb6100;
     text-decoration: underline;
}
 .more-link {
     font-size: 20px;
}
 @media screen and (max-width: 640px) {
     .more-link {
         font-size: 16px;
    }
}
 .single-word {
     display: inline-block;
     white-space: nowrap;
}
 .force-break {
     word-break: break-all;
}
 .basic-section, .section-accordion, .basic-intro, .event-calendar, .event-search__result, .info-list > .content-wrapper, .info-list > .mainHolder, .info-list > .main-banner__content-holder, .info-list > .block-homesquare-main-menu-menu, .info-list > .static-banner__content, .news-centre, .our-work {
     position: relative;
     padding: 100px 0;
}
 @media screen and (max-width: 1580px) {
     .basic-section, .section-accordion, .basic-intro, .event-calendar, .event-search__result, .info-list > .content-wrapper, .info-list > .mainHolder, .info-list > .main-banner__content-holder, .info-list > .block-homesquare-main-menu-menu, .info-list > .static-banner__content, .news-centre, .our-work {
         padding: 80px 0;
    }
}
 @media screen and (max-width: 991px) {
     .basic-section, .section-accordion, .basic-intro, .event-calendar, .event-search__result, .info-list > .content-wrapper, .info-list > .mainHolder, .info-list > .main-banner__content-holder, .info-list > .block-homesquare-main-menu-menu, .info-list > .static-banner__content, .news-centre, .our-work {
         padding: 60px 0;
    }
}
 @media screen and (max-width: 767px) {
     .basic-section, .section-accordion, .basic-intro, .event-calendar, .event-search__result, .info-list > .content-wrapper, .info-list > .mainHolder, .info-list > .main-banner__content-holder, .info-list > .block-homesquare-main-menu-menu, .info-list > .static-banner__content, .news-centre, .our-work {
         padding: 40px 0;
    }
}
 .short-section {
     position: relative;
     padding: 30px 0;
}
 @media screen and (max-width: 991px) {
     .short-section {
         padding: 30px 0;
    }
}
 @media screen and (max-width: 767px) {
     .short-section {
         padding: 30px 0;
    }
}
 .display--inline-block {
     display: inline-block;
}
 .display--block {
     display: inline-block;
}
 .display--inline {
     display: inline;
}
 .align--hc {
     text-align: center;
}
 .align--hl {
     text-align: left;
}
 .align--hr {
     text-align: right;
}
 .align--vt {
     vertical-align: top;
}
 .align--vb {
     vertical-align: bottom;
}
 .align--vm {
     vertical-align: middle;
}
 .align--hvc {
     text-align: center;
     vertical-align: middle;
}
/** shorthand for show/hide at certain screen**/
 @media screen and (max-width: 991px) {
     .visible-dt {
         display: none !important;
    }
}
 @media screen and (min-width: 992px), screen and (max-width: 767px) {
     .visible-tb {
         display: none !important;
    }
}
 @media screen and (min-width: 768px) {
     .visible-mb {
         display: none !important;
    }
}
 @media screen and (min-width: 992px) {
     .hidden-dt {
         display: none !important;
    }
}
 @media screen and (max-width: 991px) and (min-width: 768px) {
     .hidden-tb {
         display: none !important;
    }
}
 @media screen and (max-width: 767px) {
     .hidden-mb {
         display: none !important;
    }
}
 .hidden-all {
     display: none !important;
}
 .cover-bg.js-handle {
     width: auto;
     height: auto;
}
 .no-break {
     white-space: nowrap;
}
 [data-txt-color="black"] {
     color: #000;
}
 [data-txt-color="white"] {
     color: #FFF;
}
 .grid-1-1 {
     width: 100%;
}
 .grid-1-2 {
     width: 50%;
}
 .grid-2-2 {
     width: 100%;
}
 .grid-1-3 {
     width: 33.3333333333%;
}
 .grid-2-3 {
     width: 66.6666666667%;
}
 .grid-3-3 {
     width: 100%;
}
 .grid-1-4 {
     width: 25%;
}
 .grid-2-4 {
     width: 50%;
}
 .grid-3-4 {
     width: 75%;
}
 .grid-4-4 {
     width: 100%;
}
 .grid-1-5 {
     width: 20%;
}
 .grid-2-5 {
     width: 40%;
}
 .grid-3-5 {
     width: 60%;
}
 .grid-4-5 {
     width: 80%;
}
 .grid-5-5 {
     width: 100%;
}
 .grid-1-6 {
     width: 16.6666666667%;
}
 .grid-2-6 {
     width: 33.3333333333%;
}
 .grid-3-6 {
     width: 50%;
}
 .grid-4-6 {
     width: 66.6666666667%;
}
 .grid-5-6 {
     width: 83.3333333333%;
}
 .grid-6-6 {
     width: 100%;
}
 @media screen and (max-width: 1600px) {
     .grid-md-1-1 {
         width: 100%;
    }
     .grid-md-1-2 {
         width: 50%;
    }
     .grid-md-2-2 {
         width: 100%;
    }
     .grid-md-1-3 {
         width: 33.3333333333%;
    }
     .grid-md-2-3 {
         width: 66.6666666667%;
    }
     .grid-md-3-3 {
         width: 100%;
    }
     .grid-md-1-4 {
         width: 25%;
    }
     .grid-md-2-4 {
         width: 50%;
    }
     .grid-md-3-4 {
         width: 75%;
    }
     .grid-md-4-4 {
         width: 100%;
    }
     .grid-md-1-5 {
         width: 20%;
    }
     .grid-md-2-5 {
         width: 40%;
    }
     .grid-md-3-5 {
         width: 60%;
    }
     .grid-md-4-5 {
         width: 80%;
    }
     .grid-md-5-5 {
         width: 100%;
    }
     .grid-md-1-6 {
         width: 16.6666666667%;
    }
     .grid-md-2-6 {
         width: 33.3333333333%;
    }
     .grid-md-3-6 {
         width: 50%;
    }
     .grid-md-4-6 {
         width: 66.6666666667%;
    }
     .grid-md-5-6 {
         width: 83.3333333333%;
    }
     .grid-md-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 991px) {
     .grid-tb-1-1 {
         width: 100%;
    }
     .grid-tb-1-2 {
         width: 50%;
    }
     .grid-tb-2-2 {
         width: 100%;
    }
     .grid-tb-1-3 {
         width: 33.3333333333%;
    }
     .grid-tb-2-3 {
         width: 66.6666666667%;
    }
     .grid-tb-3-3 {
         width: 100%;
    }
     .grid-tb-1-4 {
         width: 25%;
    }
     .grid-tb-2-4 {
         width: 50%;
    }
     .grid-tb-3-4 {
         width: 75%;
    }
     .grid-tb-4-4 {
         width: 100%;
    }
     .grid-tb-1-5 {
         width: 20%;
    }
     .grid-tb-2-5 {
         width: 40%;
    }
     .grid-tb-3-5 {
         width: 60%;
    }
     .grid-tb-4-5 {
         width: 80%;
    }
     .grid-tb-5-5 {
         width: 100%;
    }
     .grid-tb-1-6 {
         width: 16.6666666667%;
    }
     .grid-tb-2-6 {
         width: 33.3333333333%;
    }
     .grid-tb-3-6 {
         width: 50%;
    }
     .grid-tb-4-6 {
         width: 66.6666666667%;
    }
     .grid-tb-5-6 {
         width: 83.3333333333%;
    }
     .grid-tb-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 767px) {
     .grid-mb-1-1 {
         width: 100%;
    }
     .grid-mb-1-2 {
         width: 50%;
    }
     .grid-mb-2-2 {
         width: 100%;
    }
     .grid-mb-1-3 {
         width: 33.3333333333%;
    }
     .grid-mb-2-3 {
         width: 66.6666666667%;
    }
     .grid-mb-3-3 {
         width: 100%;
    }
     .grid-mb-1-4 {
         width: 25%;
    }
     .grid-mb-2-4 {
         width: 50%;
    }
     .grid-mb-3-4 {
         width: 75%;
    }
     .grid-mb-4-4 {
         width: 100%;
    }
     .grid-mb-1-5 {
         width: 20%;
    }
     .grid-mb-2-5 {
         width: 40%;
    }
     .grid-mb-3-5 {
         width: 60%;
    }
     .grid-mb-4-5 {
         width: 80%;
    }
     .grid-mb-5-5 {
         width: 100%;
    }
     .grid-mb-1-6 {
         width: 16.6666666667%;
    }
     .grid-mb-2-6 {
         width: 33.3333333333%;
    }
     .grid-mb-3-6 {
         width: 50%;
    }
     .grid-mb-4-6 {
         width: 66.6666666667%;
    }
     .grid-mb-5-6 {
         width: 83.3333333333%;
    }
     .grid-mb-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 480px) {
     .grid-sm-1-1 {
         width: 100%;
    }
     .grid-sm-1-2 {
         width: 50%;
    }
     .grid-sm-2-2 {
         width: 100%;
    }
     .grid-sm-1-3 {
         width: 33.3333333333%;
    }
     .grid-sm-2-3 {
         width: 66.6666666667%;
    }
     .grid-sm-3-3 {
         width: 100%;
    }
     .grid-sm-1-4 {
         width: 25%;
    }
     .grid-sm-2-4 {
         width: 50%;
    }
     .grid-sm-3-4 {
         width: 75%;
    }
     .grid-sm-4-4 {
         width: 100%;
    }
     .grid-sm-1-5 {
         width: 20%;
    }
     .grid-sm-2-5 {
         width: 40%;
    }
     .grid-sm-3-5 {
         width: 60%;
    }
     .grid-sm-4-5 {
         width: 80%;
    }
     .grid-sm-5-5 {
         width: 100%;
    }
     .grid-sm-1-6 {
         width: 16.6666666667%;
    }
     .grid-sm-2-6 {
         width: 33.3333333333%;
    }
     .grid-sm-3-6 {
         width: 50%;
    }
     .grid-sm-4-6 {
         width: 66.6666666667%;
    }
     .grid-sm-5-6 {
         width: 83.3333333333%;
    }
     .grid-sm-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 380px) {
     .grid-xs-1-1 {
         width: 100%;
    }
     .grid-xs-1-2 {
         width: 50%;
    }
     .grid-xs-2-2 {
         width: 100%;
    }
     .grid-xs-1-3 {
         width: 33.3333333333%;
    }
     .grid-xs-2-3 {
         width: 66.6666666667%;
    }
     .grid-xs-3-3 {
         width: 100%;
    }
     .grid-xs-1-4 {
         width: 25%;
    }
     .grid-xs-2-4 {
         width: 50%;
    }
     .grid-xs-3-4 {
         width: 75%;
    }
     .grid-xs-4-4 {
         width: 100%;
    }
     .grid-xs-1-5 {
         width: 20%;
    }
     .grid-xs-2-5 {
         width: 40%;
    }
     .grid-xs-3-5 {
         width: 60%;
    }
     .grid-xs-4-5 {
         width: 80%;
    }
     .grid-xs-5-5 {
         width: 100%;
    }
     .grid-xs-1-6 {
         width: 16.6666666667%;
    }
     .grid-xs-2-6 {
         width: 33.3333333333%;
    }
     .grid-xs-3-6 {
         width: 50%;
    }
     .grid-xs-4-6 {
         width: 66.6666666667%;
    }
     .grid-xs-5-6 {
         width: 83.3333333333%;
    }
     .grid-xs-6-6 {
         width: 100%;
    }
}
/* END Style commonly used */
/* ------------------------------------------ */
/* Style for header */
/* ------------------------------------------ */
 header {
     height: 100px;
     background: transparent;
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 500;
     color: #FFF;
     box-sizing: content-box;
     transition: height 0.3s;
}
 .header--small header {
     color: #000;
}
 .mob-menu-open header {
     padding-top: 0 !important;
}
 .mob-menu-open header:before {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     height: 70px;
     z-index: 0;
     z-index: 100;
     background: #FFF;
}
 @media screen and (max-width: 991px) {
     .mob-menu-open header:before {
         content: '';
    }
}
 @media screen and (max-width: 767px) {
     .mob-menu-open header:before {
         height: 60px;
    }
}
 .trident header {
     transition: none;
}
 header a {
     color: #FFF;
}
 .header--small header a {
     color: #000;
}
 .header--small header {
     height: 75px;
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
 header > .content-wrapper, header > .mainHolder, header > .main-banner__content-holder, header > .block-homesquare-main-menu-menu, header > .static-banner__content {
     position: relative;
     height: 100%;
     z-index: 10;
     text-align: right;
}
 @media screen and (max-width: 991px) {
     header > .content-wrapper, header > .mainHolder, header > .main-banner__content-holder, header > .block-homesquare-main-menu-menu, header > .static-banner__content {
         z-index: 500;
         pointer-events: none;
    }
     header > .content-wrapper .header-logo, header > .mainHolder .header-logo, header > .main-banner__content-holder .header-logo, header > .block-homesquare-main-menu-menu .header-logo, header > .static-banner__content .header-logo {
         pointer-events: all;
    }
}
 @media screen and (max-width: 991px) {
     header {
         height: 70px;
    }
     .header--small header {
         height: 70px;
         background: rgba(255, 255, 255, 0.95);
    }
}
 @media screen and (max-width: 767px) {
     header {
         height: 60px;
    }
     .header--small header {
         height: 70px;
         height: 60px;
         background: rgba(255, 255, 255, 0.95);
    }
}
/* END Style header */
/* ------------------------------------------ */
/* Style for footer */
/* ------------------------------------------ */
 footer, .footer__top, .footer__bottom {
     position: relative;
     font-size: 0;
     color: #FFF;
}
 @media screen and (max-width: 991px) {
     footer, .footer__top, .footer__bottom {
         text-align: center;
    }
}
 footer a:hover, .footer__top a:hover, .footer__bottom a:hover {
     color: #eb6100;
     opacity: 1;
}
 .footer__backtotop {
     position: absolute;
     display: block;
     width: 48px;
     height: 48px;
     right: 3%;
     top: 30px;
     background: url("./images/common/icons/icon-cir-arrow.png") no-repeat center center;
     background-size: cover;
     z-index: 10;
}
 .footer__backtotop:hover {
     background-image: url("./images/common/icons/icon-cir-arrow-yellow.png");
}
 @media screen and (max-width: 767px) {
     .footer__backtotop {
         width: 36px;
         height: 36px;
         top: 15px;
         right: 5%;
    }
}
 .footer__top {
     position: relative;
     /* background: #74ae39; */
     background: #4b620d;
     /* background: #282828; */
     width: 100%;
     padding: 80px 0;
}
 @media screen and (max-width: 991px) {
     .footer__top {
         padding: 60px 0;
    }
}
 .footer__top > .content-wrapper, .footer__top > .mainHolder, .footer__top > .main-banner__content-holder, .footer__top > .block-homesquare-main-menu-menu, .footer__top > .static-banner__content {
     display: table;
}
 .footer__panel, .footer__quicklinks, .footer__sitemap {
     display: table-cell;
     vertical-align: top;
}
 @media screen and (max-width: 991px) {
     .footer__quicklinks, .footer__sitemap {
         display: none;
    }
}
 .footer__panel {
     width: 360px;
     padding-right: 60px;
}
 @media screen and (max-width: 991px) {
     .footer__panel {
         display: block;
         width: 100%;
         padding-right: 0;
         margin: 0 auto;
    }
}
 .footer__panel-title {
     font-size: 24px;
     font-weight: bold;
     margin: 0 0 10px;
}
 @media screen and (max-width: 991px) {
     .footer__panel-title {
         font-size: 18px;
    }
}
 @media screen and (max-width: 767px) {
     .footer__panel-title {
         font-size: 16px;
    }
}
 .footer__panel-tag {
     font-size: 32px;
     font-weight: bold;
     margin: 0 0 15px;
     color: #ffc62e;
}
 @media screen and (max-width: 991px) {
     .footer__panel-tag {
         font-size: 24px;
    }
}
 @media screen and (max-width: 767px) {
     .footer__panel-tag {
         font-size: 18px;
    }
}
 .footer__panel-desc {
     font-size: 14px;
     line-height: 1.5em;
     margin: 0 0 15px;
}
 @media screen and (max-width: 767px) {
     .footer__panel-desc {
         font-size: 12px;
    }
}
 .footer__panel-btn {
     margin: 0 0 15px;
}
 .footer__panel hr {
     border: 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.25);
     margin: 15px 0;
}
 .footer__contact-holder {
     display: block;
     margin-bottom: 15px;
}
 .footer__contact {
     display: block;
     margin-bottom: 15px;
}
 .footer__contact:hover span {
     color: #eb6100;
}
 .footer__contact img {
     display: inline-block;
     vertical-align: top;
     width: 32px;
     margin-right: 10px;
}
 .footer__contact span {
     display: inline-block;
     vertical-align: top;
     font-size: 20px;
     font-weight: bold;
     color: #FFF;
}
 @media screen and (max-width: 767px) {
     .footer__contact span {
         font-size: 16px;
    }
}
 .footer__contact.footer__contact--email span {
     font-size: 16px;
}
 @media screen and (max-width: 767px) {
     .footer__contact.footer__contact--email span {
         font-size: 14px;
    }
}
 .footer__sitemap-col {
     display: inline-block;
     vertical-align: top;
     width: 25%;
     font-size: 13px;
     padding-right: 12px;
}
 .footer__sitemap-col:last-child {
     padding-right: 0;
}
 .footer__sitemap-title {
     font-size: 20px;
     color: #ffc62e;
     display: block;
     font-weight: bold;
     margin-bottom: 15px;
}
 .footer__sitemap-link {
     display: block;
     margin-bottom: 10px;
     color: #FFF;
}
 .footer__bottom {
     /* background: #56812B; */
     background: #364f03;
     /* background: #202020; */
     padding: 60px 0;
}
 @media screen and (max-width: 991px) {
     .footer__bottom {
         padding: 45px 0;
    }
}
 .footer__logos {
     width: 100%;
     text-align: center;
     margin-bottom: 20px;
}
 .footer__logo {
     display: inline-block;
     vertical-align: middle;
     margin: 0 10px;
}
 .footer__bottom-links {
     display: block;
     position: relative;
     margin-bottom: 20px;
     font-size: 0px;
     text-align: center;
}
 .footer__bottom-link {
     display: inline-block;
     vertical-align: middle;
     color: #FFF;
     font-size: 12px;
}
 .footer__bottom-sp {
     margin: 0 10px;
     display: inline-block;
     vertical-align: middle;
     font-size: 12px;
}
 .footer__copyright {
     position: relative;
     width: 100%;
     text-align: center;
     font-size: 0px;
     white-space: normal;
}
 @media screen and (max-width: 640px) {
     .footer__copyright .footer__bottom-sp {
         display: none;
    }
}
 .footer__copyright span {
     display: inline-block;
     vertical-align: middle;
     font-size: 12px;
     line-height: 1.5em;
}
 @media screen and (max-width: 640px) {
     .footer__copyright span {
         display: block;
         margin: 0 0 15px;
    }
     .footer__copyright span:last-child {
         margin-bottom: 0;
    }
}
/* END Style footer */
/* ------------------------------------------ */
/* Style for accordion */
/* ------------------------------------------ */
 .section-accordion {
     position: relative;
}
 .section-accordion:before {
     content: '';
     width: 1px;
     height: 100px;
     background: #000;
     display: block;
     position: absolute;
     bottom: 100%;
     left: 50%;
     z-index: 10;
     opacity: 0;
     margin-bottom: -50px;
}
 @media screen and (max-width: 767px) {
     .section-accordion:before {
         height: 60px;
         margin-bottom: -30px;
    }
}
 .accordion__head {
     margin: 0;
     padding: 0 0 35px;
     border-bottom: 1px solid #000;
}
 .accordion__head h2, .accordion__head h3, .accordion__head h4, .accordion__head h5, .accordion__head h6 {
     margin: 0;
}
 .accordion__title {
     display: inline-block;
     margin: 0;
}
 .accordion__label {
     font-size: 21px;
     display: inline-block;
     margin-left: 15px;
}
 @media screen and (max-width: 767px) {
     .accordion__label {
         display: block;
         margin-left: 0;
         font-size: 14px;
    }
}
 .accordion__item {
     border-bottom: 1px solid #000;
     padding: 35px 0;
     font-size: 16px;
}
 .accordion__item p {
     font-size: 21px;
}
 @media screen and (max-width: 1480px) {
     .accordion__item p {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .accordion__item {
         padding: 30px 0;
    }
     .accordion__item p {
         font-size: 16px;
    }
}
 @media screen and (max-width: 767px) {
     .accordion__item {
         padding: 15px 0;
         font-size: 14px;
    }
     .accordion__item p {
         font-size: 14px;
    }
}
 .accordion__item .accordion__toggle {
     position: relative;
     display: block;
     padding-right: 30px;
     font-weight: bold;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 36px;
     transition: 0.3s;
}
 @media screen and (max-width: 991px) {
     .accordion__item .accordion__toggle {
         font-size: 32px;
    }
}
 @media screen and (max-width: 767px) {
     .accordion__item .accordion__toggle {
         font-size: 24px;
    }
}
 .accordion__item .accordion__toggle:hover {
     color: #eb6100;
     opacity: 1;
}
 .accordion__item .accordion__toggle:hover:after {
     background-image: url("./images/common/icons/icon-accordion-arrow-orange.png");
}
 .accordion__item .accordion__toggle:after {
     content: '';
     display: block;
     width: 24px;
     height: 24px;
     background: url("./images/common/icons/icon-accordion-arrow.png") no-repeat center center;
     background-size: 100%;
     position: absolute;
     right: 30px;
     top: 50%;
     transition: 0.3s;
     -webkit-transform: translateY(-50%) rotate(180deg);
     -ms-transform: translateY(-50%) rotate(180deg);
     transform: translateY(-50%) rotate(180deg);
}
 @media screen and (max-width: 767px) {
     .accordion__item .accordion__toggle:after {
         right: 10px;
         width: 18px;
         height: 18px;
    }
}
 .accordion__item .accordion__content {
     display: none;
     padding-top: 35px;
}
 @media screen and (max-width: 991px) {
     .accordion__item .accordion__content {
         padding-top: 30px;
    }
}
 @media screen and (max-width: 767px) {
     .accordion__item .accordion__content {
         padding-top: 15px;
    }
}
 .accordion__item .accordion__content >:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
}
 @media screen and (max-width: 991px) {
     .accordion__item .accordion__content p {
         font-size: 14px;
    }
}
 .accordion__item.is-active .accordion__toggle:after {
     -webkit-transform: translateY(-50%) rotate(0);
     -ms-transform: translateY(-50%) rotate(0);
     transform: translateY(-50%) rotate(0);
}
 .accordion__item.is-active .accordion__content {
     display: block;
}
/* END Style accordion */
/* ------------------------------------------ */
/* Style for article-control */
/* ------------------------------------------ */
 .article-control {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 @media screen and (max-width: 767px) {
     .article-control {
         background: rgba(0, 0, 0, 0.2);
    }
}
 .article-control__row {
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-align-content: stretch;
     -ms-flex-line-pack: stretch;
     align-content: stretch;
     width: 100%;
}
 @media screen and (max-width: 767px) {
     .article-control__row {
         display: block;
         width: 100%;
    }
}
 .article-control__col {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     width: 50%;
}
 .article-control__col.is-disable {
     pointer-events: none;
     opacity: 0.3;
}
 @media screen and (max-width: 767px) {
     .article-control__col.is-disable {
         display: none;
    }
}
 @media screen and (max-width: 767px) {
     .article-control__col {
         display: block;
         width: 100%;
    }
}
 .article-control__col .article-control__prev, .article-control__col .article-control__next {
     position: relative;
     z-index: 5;
     display: block;
     padding: 30px 0;
}
 .article-control__col .article-control__prev:hover, .article-control__col .article-control__next:hover {
     opacity: 1;
     background: #FFF;
     color: #000;
    /* .article-control__text{
         color:$colorDkOrange;
         .theme--information-security &{
             color:#FFF;
        }
    }
     .article-control__icon{
         background-image:url("./images/common/icons/icon-article-control-arrow-orange.png");
         .theme--information-security &{
             background-image:url("./images/common/icons/icon-article-control-arrow-white.png");
        }
    }
     */
}
 .article-control__col:first-child {
     text-align: left;
     border-right: 1px solid rgba(0, 0, 0, 0.2);
}
 @media screen and (max-width: 767px) {
     .article-control__col:first-child {
         border: 0;
         border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
}
 .article-control__col:first-child:before {
     content: '';
     position: absolute;
     background: #ffc62e;
     right: 0;
     top: 0;
     height: 100%;
     width: 10000px;
}
 .theme--strategies .article-control__col:first-child:before {
     background: #c187ff;
}
 .theme--legal .article-control__col:first-child:before {
     background: #71cdff;
}
 .theme--community .article-control__col:first-child:before {
     background: #b0e600;
}
 .theme--business .article-control__col:first-child:before {
     background: #00ffae;
}
 .theme--infrastructure .article-control__col:first-child:before {
     background: #f7c624;
}
 .theme--information-security .article-control__col:first-child:before {
     /*color: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 @media screen and (max-width: 767px) {
     .article-control__col:first-child:before {
         right: -2500px;
    }
}
 .article-control__col:last-child {
     text-align: right;
}
 .article-control__col:last-child:before {
     content: '';
     position: absolute;
     background: #ffc62e;
     left: 0;
     top: 0;
     height: 100%;
     width: 10000px;
}
 .theme--strategies .article-control__col:last-child:before {
     background: #c187ff;
}
 .theme--legal .article-control__col:last-child:before {
     background: #71cdff;
}
 .theme--community .article-control__col:last-child:before {
     background: #b0e600;
}
 .theme--business .article-control__col:last-child:before {
     background: #00ffae;
}
 .theme--infrastructure .article-control__col:last-child:before {
     background: #f7c624;
}
 .theme--information-security .article-control__col:last-child:before {
     /*color: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 @media screen and (max-width: 767px) {
     .article-control__col:last-child:before {
         left: -2500px;
    }
}
 .article-control__col:hover:first-child:before, .article-control__col:hover:last-child:before {
     background: #FFF;
}
 .article-control__icon {
     display: inline-block;
     vertical-align: middle;
     width: 48px;
     height: 48px;
     background: url("./images/common/icons/icon-article-control-arrow.png") no-repeat center center;
     background-size: cover;
}
 .article-control__prev .article-control__icon {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .article-control__icon:first-child {
     margin-right: 15px;
}
 .article-control__icon:last-child {
     margin-left: 15px;
}
 .article-control__text {
     display: inline-block;
     vertical-align: middle;
     max-width: calc(100% - 90px);
}
 .article-control__label {
     font-size: 15px;
     margin: 0 0 5px;
     font-weight: bold;
}
 .article-control__title {
     display: block;
     line-height: 1.2em;
     margin: 0;
}
/* END Style article-control */
/* ------------------------------------------ */
/* Style for basic-intro */
/* ------------------------------------------ */
/* .basic-intro p {
     font-size: 20px;
     font-weight: 200;
     text-align: center;
     display: block;
     width: 100%;
     max-width: 680px;
     margin: 0 auto 30px;
}
 .basic-intro p:last-child {
     margin-bottom: 0;
}
 */
/* END Style basic-intro */
/* ------------------------------------------ */
/* Style for basic-holder */
/* ------------------------------------------ */
 .basic-holder, .event-calendar__search, .event-search__search-bar {
     position: relative;
     width: 100%;
     padding: 45px 0;
}
 @media screen and (max-width: 991px) {
     .basic-holder, .event-calendar__search, .event-search__search-bar {
         padding: 30px 0;
    }
}
 .basic-holder + .basic-holder, .event-calendar__search + .basic-holder, .event-search__search-bar + .basic-holder, .basic-holder + .event-calendar__search, .event-calendar__search + .event-calendar__search, .event-search__search-bar + .event-calendar__search, .basic-holder + .event-search__search-bar, .event-calendar__search + .event-search__search-bar, .event-search__search-bar + .event-search__search-bar {
     padding-top: 0;
}
 .mainHolder .basic-holder .content-wrapper, .mainHolder .event-calendar__search .content-wrapper, .mainHolder .event-search__search-bar .content-wrapper, .mainHolder .basic-holder .mainHolder, .mainHolder .event-calendar__search .mainHolder, .mainHolder .event-search__search-bar .mainHolder, .mainHolder .basic-holder .main-banner__content-holder, .mainHolder .event-calendar__search .main-banner__content-holder, .mainHolder .event-search__search-bar .main-banner__content-holder, .mainHolder .basic-holder .block-homesquare-main-menu-menu, .mainHolder .event-calendar__search .block-homesquare-main-menu-menu, .mainHolder .event-search__search-bar .block-homesquare-main-menu-menu, .mainHolder .basic-holder .static-banner__content, .mainHolder .event-calendar__search .static-banner__content, .mainHolder .event-search__search-bar .static-banner__content {
     width: 100%;
}
/* END Style basic-holder */
/* ------------------------------------------ */
/* Style for basic-link */
/* ------------------------------------------ */
 .basic-link:hover {
     opacity: 1;
     text-decoration: underline;
}
/* END Style basic-link */
/* ------------------------------------------ */
/* Style for breadcrumbs */
/* ------------------------------------------ */
 .breadcrumbs {
     position: relative;
     padding: 38px 0 28px;
     background: #282828;
     color: #FFF;
     z-index: 120;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs {
         padding: 30px 0 20px;
    }
}
 .breadcrumbs:before {
     content: '';
     position: absolute;
     display: block;
     width: 15%;
     height: 8px;
     top: -3px;
     left: 0;
     background: #ffc62e;
}
 .theme--strategies .breadcrumbs:before {
     background: #c187ff;
}
 .theme--legal .breadcrumbs:before {
     background: #71cdff;
}
 .theme--community .breadcrumbs:before {
     background: #b0e600;
}
 .theme--business .breadcrumbs:before {
     background: #00ffae;
}
 .theme--infrastructure .breadcrumbs:before {
     background: #f7c624;
}
 .theme--information-security .breadcrumbs:before {
     /*background: #f27486;*/
	  background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs a, .breadcrumbs span {
     font-weight: bold;
}
 .breadcrumbs__holder {
     position: relative;
     width: 100%;
     font-size: 0;
     padding-left: 65px;
     text-indent: -62px;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs__holder {
         padding-left: 57px;
         text-indent: -57px;
    }
}
 @media screen and (max-width: 480px) {
     .breadcrumbs__holder {
         padding-left: 0;
         text-indent: 0;
    }
     .breadcrumbs__holder:after {
         content: '';
         display: table;
         width: 100%;
         height: 0;
         clear: both;
    }
}
 .breadcrumbs__holder > * {
     text-indent: 0;
}
 .breadcrumbs__item {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 10px;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs__item {
         margin-bottom: 10px;
    }
}
 @media screen and (max-width: 480px) {
     .breadcrumbs__item {
         display: inline-block;
         white-space: nowrap;
         padding-right: 0;
         float: left;
         clear: both;
        /* &:first-child, &:nth-child(2){
             display:inline-block;
        }
         */
    }
}
 .breadcrumbs__item:after {
     content: '>';
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     margin: 0 15px;
}
 .breadcrumbs__item:last-child:after {
     display: none;
}
 .breadcrumbs__item.has-sub .breadcrumbs__link {
     white-space: nowrap;
}
 .breadcrumbs__item.has-sub .breadcrumbs__link span {
     white-space: normal;
     display: inline-block;
     vertical-align: middle;
}
 @media screen and (max-width: 480px) {
     .breadcrumbs__item.has-sub .breadcrumbs__link span {
         display: inline;
    }
}
 .breadcrumbs__item.has-sub .breadcrumbs__link:after {
     content: '';
     display: inline-block;
     margin-left: 8px;
     vertical-align: middle;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 6px 5px 0 5px;
     border-color: #FFF transparent transparent transparent;
}
 @media screen and (max-width: 380px) {
     .breadcrumbs__item.has-sub .breadcrumbs__link:after {
         margin-left: 5px;
    }
}
 .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #ffc62e;
}
 .theme--strategies .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--strategies .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--strategies .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #c187ff;
}
 .theme--legal .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--legal .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--legal .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #71cdff;
}
 .theme--community .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--community .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--community .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #b0e600;
}
 .theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--business .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #00ffae;
}
 .theme--infrastructure .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--infrastructure .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--infrastructure .breadcrumbs__item.has-link:hover .breadcrumbs__link {
     color: #f7c624;
}
 .theme--information-security .breadcrumbs__item.has-sub.is-open .breadcrumbs__link, .theme--information-security .breadcrumbs__item.has-sub:hover .breadcrumbs__link, .theme--information-security .breadcrumbs__item.has-link:hover .breadcrumbs__link {
      /*color: #f27486;*/
	  color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-color: #ffc62e transparent transparent transparent;
}
 .theme--strategies .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--strategies .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #c187ff;
}
 .theme--legal .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--legal .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #71cdff;
}
 .theme--community .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--community .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #b0e600;
}
 .theme--business .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--business .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #00ffae;
}
 .theme--infrastructure .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--infrastructure .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
     border-top-color: #f7c624;
}
 .theme--information-security .breadcrumbs__item.has-sub.is-open .breadcrumbs__link:after, .theme--information-security .breadcrumbs__item.has-sub:hover .breadcrumbs__link:after {
      /*color: #f27486;*/
	  border-top-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__item.has-sub.is-open .breadcrumbs__sub-holder, .breadcrumbs__item.has-sub:hover .breadcrumbs__sub-holder {
     display: block;
}
 .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #ffc62e;
}
 .theme--strategies .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #c187ff;
}
 .theme--legal .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #71cdff;
}
 .theme--community .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #b0e600;
}
 .theme--business .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #00ffae;
}
 .theme--infrastructure .breadcrumbs__item.is-current .breadcrumbs__link {
     color: #f7c624;
}
 .theme--information-security .breadcrumbs__item.is-current .breadcrumbs__link {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-color: #ffc62e transparent transparent transparent;
}
 .theme--strategies .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-top-color: #c187ff;
}
 .theme--legal .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-top-color: #71cdff;
}
 .theme--community .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-top-color: #b0e600;
}
 .theme--business .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-top-color: #00ffae;
}
 .theme--infrastructure .breadcrumbs__item.is-current .breadcrumbs__link:after {
     border-top-color: #f7c624;
}
 .theme--information-security .breadcrumbs__item.is-current .breadcrumbs__link:after {
	  /*border-top-color: #f27486;*/
	 border-top-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__arrow {
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     margin: 0 15px;
     color: #FFF;
     display: none;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs__arrow {
         font-size: 14px;
    }
}
 @media screen and (max-width: 480px) {
     .breadcrumbs__arrow {
         margin: 0 10px;
    }
}
 @media screen and (max-width: 380px) {
     .breadcrumbs__arrow {
         margin: 0 5px;
    }
}
 .breadcrumbs__link {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     white-space: nowrap;
     color: #FFF;
     font-size: 18px;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs__link {
         font-size: 14px;
         display: inline;
    }
}
 .breadcrumbs__link:hover {
     color: #FFF;
     opacity: 1;
     cursor: default;
}
 .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/icon-home-orange.png");
}
 .theme--strategies .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/strategies/icon-home.png");
}
 .theme--legal .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/legal/icon-home.png");
}
 .theme--community .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/community/icon-home.png");
}
 .theme--business .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/business/icon-home.png");
}
 .theme--infrastructure .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/infrastructure/icon-home.png");
}
 .theme--information-security .breadcrumbs__link:hover .breadcrumbs__home {
     background-image: url("./images/common/icons/theme/information-security/icon-home.png");
}
 .breadcrumbs__home {
     width: 24px;
     height: 24px;
     display: block;
     background: url("./images/common/icons/icon-home-white.png") no-repeat center center;
     background-size: cover;
}
 @media screen and (max-width: 767px) {
     .breadcrumbs__home {
         width: 20px;
         height: 20px;
         display: inline-block;
         vertical-align: middle;
    }
}
 @media screen and (max-width: 480px) {
     .breadcrumbs__home {
         display: inline-block;
         vertical-align: middle;
    }
}
 .breadcrumbs__sub-holder {
     position: absolute;
     display: block;
     top: 100%;
     padding-top: 12px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     display: none;
     font-size: 14px;
     z-index: 10;
     max-width: 90%;
}
 .breadcrumbs__sub-items {
     position: relative;
     background: #ffc62e;
     padding: 0;
     min-width: 240px;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
 .theme--strategies .breadcrumbs__sub-items {
     background: #c187ff;
}
 .theme--legal .breadcrumbs__sub-items {
     background: #71cdff;
}
 .theme--community .breadcrumbs__sub-items {
     background: #b0e600;
}
 .theme--business .breadcrumbs__sub-items {
     background: #00ffae;
}
 .theme--infrastructure .breadcrumbs__sub-items {
     background: #f7c624;
}
 .theme--information-security .breadcrumbs__sub-items {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__sub-items:before {
     content: '';
     display: block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 12px 12px 12px;
     border-color: transparent transparent #ffc62e transparent;
     position: absolute;
     bottom: 100%;
     left: 50%;
     margin-left: -12px;
     z-index: 2;
}
 .theme--strategies .breadcrumbs__sub-items:before {
     border-bottom-color: #c187ff;
}
 .theme--legal .breadcrumbs__sub-items:before {
     border-bottom-color: #71cdff;
}
 .theme--community .breadcrumbs__sub-items:before {
     border-bottom-color: #b0e600;
}
 .theme--business .breadcrumbs__sub-items:before {
     border-bottom-color: #00ffae;
}
 .theme--infrastructure .breadcrumbs__sub-items:before {
     border-bottom-color: #f7c624;
}
 .theme--information-security .breadcrumbs__sub-items:before {
     /*border-bottom-color: #f27486;*/
	 border-bottom-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .breadcrumbs__sub-link, .breadcrumbs__sub-back, .breadcrumbs__sub-title-link {
     display: block;
     padding: 15px 25px;
     padding-right: 35px;
     line-height: 1.125em;
     position: relative;
     color: #000;
     white-space: normal;
}
 .breadcrumbs__sub-link:last-child, .breadcrumbs__sub-back:last-child, .breadcrumbs__sub-title-link:last-child {
     margin-bottom: 0;
     border-bottom: 0;
}
 .breadcrumbs__sub-link:hover, .breadcrumbs__sub-back:hover, .breadcrumbs__sub-title-link:hover {
     color: #000;
     background: #FFF;
     opacity: 1;
}
 .breadcrumbs__sub-link:after, .breadcrumbs__sub-back:after, .breadcrumbs__sub-title-link:after {
     content: '';
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #000;
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .breadcrumbs__sub-back:after {
     display: none;
}
 .breadcrumbs__sub-title-link {
     font-size: 16px;
     font-weight: bold;
}
 .breadcrumbs__sub-title-link:after {
     display: none;
}
 .breadcrumbs__sub-items-holder {
     display: none;
}
 .breadcrumbs__sub-items-holder.is-active {
     display: block;
}
 .theme--strategies .article-control__col .article-control__icon:hover {
     background-image: url("./images/common/icons/icon-article-control-arrow-white.png");
}
/* END Style breadcrumbs */
/* ------------------------------------------ */
/* Style for breaking-news */
/* ------------------------------------------ */
 .breaking-news {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     background: #e9e9e9;
     color: #353535;
     padding: 10px 0;
     display: none;
     opacity: 0;
}
 .breaking-news.is-ready {
     opacity: 1;
}
 .breaking-news.is-active {
     display: block;
}
 @media screen and (max-width: 480px) {
     .breaking-news {
         padding: 8px 0;
    }
}
 .breaking-news p {
     color: #353535;
     font-size: 16px;
     font-weight: bold;
     margin: 0;
}
 .breaking-news p a {
     color: #353535;
}
 @media screen and (max-width: 991px) {
     .breaking-news p {
         font-size: 14px;
    }
}
 @media screen and (max-width: 767px) {
     .breaking-news p {
         font-size: 13px;
         line-height: 1.3em;
    }
}
 @media screen and (max-width: 480px) {
     .breaking-news p {
         font-size: 12px;
         line-height: 1.3em;
    }
}
 .breaking-news > .content-wrapper, .breaking-news > .mainHolder, .breaking-news > .main-banner__content-holder, .breaking-news > .block-homesquare-main-menu-menu, .breaking-news > .static-banner__content {
     padding-right: 35px;
}
 @media screen and (max-width: 767px) {
     .breaking-news > .content-wrapper, .breaking-news > .mainHolder, .breaking-news > .main-banner__content-holder, .breaking-news > .block-homesquare-main-menu-menu, .breaking-news > .static-banner__content {
         padding-right: 32px;
    }
}
 .breaking-news:hover {
     background: #e9e9e9;
     color: #8a2202;
}
 .breaking-news:hover p {
     color: #8a2202;
}
 .breaking-news__slider {
     overflow: hidden;
}
 .breaking-news__close {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -10px;
     z-index: 10;
     cursor: pointer;
}
 .breaking-news__close:hover {
     opacity: 1;
}
 .breaking-news__close-inner {
     display: block;
     width: 20px;
     height: 20px;
     background-image: url("./images/common/icons/icon-cross-black.png");
}
/* END Style breaking-news */
/* ------------------------------------------ */
/* Style for browser-update */
/* ------------------------------------------ */
 .browser-update {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     background: #ffc62e;
     color: #000;
     padding: 10px 0;
     display: none;
}
 .browser-update.is-active {
     display: block;
}
 @media screen and (max-width: 480px) {
     .browser-update {
         padding: 8px 0;
    }
}
 .browser-update p {
     font-size: 16px;
     margin: 0;
}
 @media screen and (max-width: 991px) {
     .browser-update p {
         font-size: 14px;
    }
}
 @media screen and (max-width: 767px) {
     .browser-update p {
         font-size: 13px;
    }
}
 @media screen and (max-width: 480px) {
     .browser-update p {
         font-size: 12px;
    }
}
 .browser-update > .content-wrapper, .browser-update > .mainHolder, .browser-update > .main-banner__content-holder, .browser-update > .block-homesquare-main-menu-menu, .browser-update > .static-banner__content {
     padding-right: 35px;
}
 .browser-update__close {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -10px;
}
 .browser-update__close:hover {
     opacity: 1;
}
 .browser-update__close-inner {
     display: block;
     width: 20px;
     height: 20px;
     background-image: url("./images/common/icons/icon-cross-black.png");
}
/* END Style browser-update */
/* ------------------------------------------ */
/* Style for btn */
/* ------------------------------------------ */
 .btn {
     display: inline-block;
     margin: 0;
     padding: 10px 35px;
     font-size: 13px;
     box-sizing: border-box;
     font-weight: bold;
     border-radius: 15px;
     transition: 0.4s;
}
 @media screen and (max-width: 480px) {
     .btn {
         padding: 10px 20px;
         font-size: 12px;
    }
}
 .btn + .btn {
     margin-left: 5px;
}
 .btn > span {
     display: inline-block;
     vertical-align: middle;
}
 .btn[type="text"], .btn[type="button"], .btn[type="password"], .btn[type="date"], .btn[type="datetime"], .btn[type="datetime-local"], .btn[type="month"], .btn[type="week"], .btn[type="email"], .btn[type="number"], .btn[type="search"], .btn[type="tel"], .btn[type="time"], .btn[type="url"], .btn[type="color"], .btn[type="submit"] {
     width: auto;
}
 .theme--news .btn {
     background: #f7c624;
}
 .btn.btn--disabled {
     color: #ccc;
}
 .btn.btn--loading {
     color: transparent !important;
     border: transparent !important;
     background: url("./images/common/icons/icon-loading.gif") no-repeat center center !important;
     background-color: transparent !important;
     cursor: default !important;
     pointer-events: none !important;
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Chrome/Safari/Opera */
     -khtml-user-select: none;
    /* Konqueror */
     -moz-user-select: none;
    /* Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
}
 .btn.btn--arrow-right:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 24px;
     height: 24px;
     background: url("./images/common/icons/icon-arrow-white.png") no-repeat center center;
     background-size: 100%;
     margin-left: 10px;
}
 .btn.btn--arrow-right > span {
     padding-left: 10px;
}
 .btn.btn--search {
     padding: 10px 25px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 13px;
}
 @media screen and (max-width: 480px) {
     .btn.btn--search {
         padding: 10px 20px;
         font-size: 12px;
    }
}
 .btn.btn--search:focus, .btn.btn--search:hover {
     opacity: 1;
     background: #bbc564;
}
 .btn.btn--search:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 12px;
     height: 12px;
     margin-top: -2px;
     margin-right: 5px;
}
 .btn.btn--download:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     background: url("./images/common/icons/icon-download.png") no-repeat center center;
     background-size: 100%;
     margin-right: 5px;
}
 .btn.btn--pdf:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     background: url("./images/common/icons/icon-pdf.png") no-repeat center center;
     background-size: 100%;
     margin-right: 5px;
}
 .btn.btn--backtotop {
     font-size: 14px;
     padding-left: 25px;
}
 @media screen and (max-width: 640px) {
     .btn.btn--backtotop {
         font-size: 14px;
         padding-left: 15px;
    }
}
 .btn.btn--backtotop:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 15px;
     height: 15px;
     background: url("./images/common/icons/icon-totop.png") no-repeat center center;
     background-size: 100%;
     margin-right: 5px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media screen and (max-width: 640px) {
     .btn.btn--backtotop:before {
         width: 15px;
         height: 15px;
    }
}
 .btn.btn--orange {
     color: #000;
     background: #ffc62e;
}
 .btn.btn--orange.btn--ghost {
     border-color: #FFF;
}
 .btn.btn--orange:focus, .btn.btn--orange:hover {
     background-color: #eb6100;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--white {
     background: #FFF;
     color: #000;
}
 .btn.btn--white:focus, .btn.btn--white:hover {
     background-color: #000;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--white-border {
     background: #FFF;
     color: #000;
     border: 1px solid #e5e5e5;
}
 .btn.btn--green {
     color: #000;
     background: #00ffae;
}
 .btn.btn--green.btn--ghost {
     border-color: #FFF;
}
 .btn.btn--green:focus, .btn.btn--green:hover {
     background-color: #eb6100;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--purple {
     color: #FFF;
     background: #593288;
}
 .btn.btn--purple.btn--ghost {
     border-color: #FFF;
}
 .btn.btn--purple:focus, .btn.btn--purple:hover {
     background-color: #000;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--white-purple {
     background: #FFF;
     color: #593288;
}
 .btn.btn--white-purple.btn--ghost {
     border-color: #FFF;
}
 .btn.btn--white-purple:focus, .btn.btn--white-purple:hover {
     background-color: #000;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--white-purple:focus.btn--arrow-right:after, .btn.btn--white-purple:hover.btn--arrow-right:after {
     background-image: url("./images/common/icons/icon-arrow-white.png");
}
 .btn.btn--white-purple.btn--arrow-right:after {
     background-image: url("./images/common/icons/icon-arrow-purple.png");
}
 .btn.btn--lt-green, #quiz_navigation #next, #quiz_navigation #submit, #quiz_navigation #finish, #startquiz, #endquiz {
     color: #000;
     background: #b0e600;
}
 .btn.btn--lt-green:focus, #quiz_navigation #next:focus, #quiz_navigation #submit:focus, #quiz_navigation #finish:focus, #startquiz:focus, #endquiz:focus, .btn.btn--lt-green:hover, #quiz_navigation #next:hover, #quiz_navigation #submit:hover, #quiz_navigation #finish:hover, #startquiz:hover, #endquiz:hover {
     background-color: #eb6100;
     color: #FFF;
     opacity: 1;
}
 .btn.btn--yellow {
     background: #fff100;
     color: #000;
}
 .theme--strategies .btn {
     background: #c187ff;
}
 .theme--legal .btn {
     background: #71cdff;
}
 .theme--community .btn {
     background: #b0e600;
}
 .theme--business .btn {
     background: #00ffae;
}
 .theme--infrastructure .btn {
     background: #f7c624;
}
 .theme--information-security .btn {
     /*background: #f27486;*/
	 background-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
	 color:#fff; /*CyberSecurityThemeColorUpdate*/
}
 .btn.btn--l {
     font-size: 18px;
     padding: 15px 45px;
     font-weight: bold;
}
 @media screen and (max-width: 767px) {
     .btn.btn--l {
         font-size: 16px;
         padding: 12px 25px;
    }
}
 .btn.btn--m {
     font-size: 16px;
     padding: 12px 35px;
     font-weight: bold;
}
 @media screen and (max-width: 767px) {
     .btn.btn--m {
         font-size: 16px;
         padding: 12px 25px;
    }
}
 .btn.btn--wide {
     padding: 12px 45px;
}
 .btn-row {
     margin: 30px auto;
     text-align: center;
}
 @media screen and (max-width: 1480px) {
     .btn-row {
         margin: 25px auto;
    }
}
 .btn-row:last-child {
     margin-bottom: 0;
}
 .btn-row.btn-row--al-hl {
     text-align: left;
}
 .btn-row.btn-row--al-hr {
     text-align: right;
}
/* END Style btn */
/* ------------------------------------------ */
/* Style for btn-menu */
/* ------------------------------------------ */
 .btn-lang {
     vertical-align: middle;
     width: 25px;
     height: 25px;
     position: absolute;
     right: calc(60px + 3%);
     padding: 0;
     z-index: 10;
     bottom: 50%;
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
     background: url() no-repeat center center;
     background-size: 100%;
     background-image: url("./images/common/icons/svg/white/icon-lang.svg");
     display: none;
}
 @media screen and (max-width: 991px) {
     .btn-lang {
         display: block;
         bottom: 35px;
    }
}
 @media screen and (max-width: 767px) {
     .btn-lang {
         bottom: 30px;
    }
}
 @media screen and (max-width: 380px) {
     .btn-lang {
         right: calc(45px + 3%);
    }
}
 @media screen and (max-width: 319px) {
     .btn-lang {
         right: calc(40px + 3%);
    }
}
 .btn-lang.is-acitve {
     background-image: url("./images/common/icons/svg/orange/icon-lang.svg");
}
 [data-key-txt-color="black"] .btn-lang, .mob-menu-open .btn-lang, .header--small .btn-lang {
     background-image: url("./images/common/icons/svg/black/icon-lang.svg");
}
/* END Style btn-menu */
/* ------------------------------------------ */
/* Style for btn-menu */
/* ------------------------------------------ */
 .btn-menu {
     vertical-align: middle;
     width: 30px;
     height: 18px;
     position: absolute;
     right: 3%;
     padding: 0;
     z-index: 501;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin-top: -6px;
     margin-left: 15px;
     transition: 0.3s;
     display: none;
}
 @media screen and (max-width: 991px) {
     .mob-menu-open .btn-menu {
         top: 35px;
         bottom: auto;
    }
}
 @media screen and (max-width: 767px) {
     .mob-menu-open .btn-menu {
         top: 30px;
         bottom: auto;
    }
}
 .mob-nav .btn-menu {
     border-color: #000;
}
 .page-demo .btn-menu {
     display: block;
}
 @media screen and (max-width: 991px) {
     .btn-menu {
         display: inline-block;
         margin-top: 0;
         top: 35px;
    }
}
 @media screen and (max-width: 767px) {
     .btn-menu {
         top: 30px;
    }
}
 .has-breaking-news .btn-menu, .has-browser-update .btn-menu {
     bottom: 50%;
     top: auto;
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
}
 @media screen and (max-width: 991px) {
     .has-breaking-news .btn-menu, .has-browser-update .btn-menu {
         bottom: 35px;
         top: auto;
    }
}
 @media screen and (max-width: 767px) {
     .has-breaking-news .btn-menu, .has-browser-update .btn-menu {
         bottom: 30px;
         top: auto;
    }
}
 @media screen and (max-width: 991px) {
     .mob-menu-open .has-breaking-news .btn-menu, .mob-menu-open .has-browser-update .btn-menu {
         top: 35px;
         bottom: auto;
    }
}
 @media screen and (max-width: 767px) {
     .mob-menu-open .has-breaking-news .btn-menu, .mob-menu-open .has-browser-update .btn-menu {
         top: 30px;
         bottom: auto;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
    }
}
 .btn-menu:hover {
     opacity: 1;
}
 .btn-menu .btn-menu__line, .btn-menu:before, .btn-menu:after {
     content: "";
     display: block;
     border: 0;
     position: absolute;
     width: 100%;
     height: 2px;
     left: 0;
     background: #FFF;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     transition: transform 0.5s;
}
 [data-key-txt-color="black"] .btn-menu .btn-menu__line, .mob-menu-open .btn-menu .btn-menu__line, .header--small .btn-menu .btn-menu__line, [data-key-txt-color="black"] .btn-menu:before, .mob-menu-open .btn-menu:before, .header--small .btn-menu:before, [data-key-txt-color="black"] .btn-menu:after, .mob-menu-open .btn-menu:after, .header--small .btn-menu:after {
     background: #000;
}
 .mob-nav .btn-menu .btn-menu__line, .mob-nav .btn-menu:before, .mob-nav .btn-menu:after {
     border-color: #000;
}
 .btn-menu:before {
     top: 0;
}
 .btn-menu:after {
     bottom: 0;
}
 .btn-menu .btn-menu__line {
     top: 50%;
     margin-top: -1px;
}
 .btn-menu.btn-menu--close .btn-menu__line, .btn-menu.is-active .btn-menu__line {
     display: none;
}
 .btn-menu.btn-menu--close:before, .btn-menu.btn-menu--close:after, .btn-menu.is-active:before, .btn-menu.is-active:after {
     top: 50%;
     margin-top: -1px;
}
 .btn-menu.btn-menu--close:before, .btn-menu.is-active:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .btn-menu.btn-menu--close:after, .btn-menu.is-active:after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 [data-menu-open="#search-menu"] header > .btn-menu, [data-menu-open="#lang-menu"] header > .btn-menu {
     display: none;
}
 .mob-nav .btn-menu {
     top: 30px;
     right: 3%;
     padding: 0;
     opacity: 1;
}
/* END Style btn-menu */
/* ------------------------------------------ */
/* Style for btn-menu */
/* ------------------------------------------ */
 .btn-search-menu {
     vertical-align: middle;
     width: 25px;
     height: 25px;
     position: absolute;
     right: calc(110px + 3%);
     padding: 0;
     z-index: 10;
     bottom: 50%;
     -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
     transform: translateY(50%);
     background: url() no-repeat center center;
     background-size: 100%;
     background-image: url("./images/common/icons/icon-zoom-white.png");
     display: none;
}
 @media screen and (max-width: 991px) {
     .btn-search-menu {
         display: block;
         bottom: 35px;
    }
}
 @media screen and (max-width: 767px) {
     .btn-search-menu {
         bottom: 30px;
    }
}
 @media screen and (max-width: 380px) {
     .btn-search-menu {
         right: calc(90px + 3%);
    }
}
 @media screen and (max-width: 319px) {
     .btn-search-menu {
         right: calc(75px + 3%);
    }
}
 .btn-search-menu.is-acitve {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 [data-key-txt-color="black"] .btn-search-menu, .mob-menu-open .btn-search-menu, .header--small .btn-search-menu {
     background-image: url("./images/common/icons/icon-zoom.png");
}
/* END Style btn-menu */
/* ------------------------------------------ */
/* Style for captcha-holder */
/* ------------------------------------------ */
 .captcha-holder {
     position: relative;
     min-width: 320px;					  
}
 .captcha-holder__captcha {
     display: inline-block;
     vertical-align: middle;
     margin-right: 15px;
     margin-bottom: 0;
}
 .captcha-holder__captcha:after {
     content: '';
     display: table;
     width: 100%;
     height: 0;
     clear: both;
}
 .captcha-holder__input {
     display: inline-block;
     vertical-align: middle;
}
 @media screen and (max-width: 767px) {
 .captcha-holder__input {
		display:block;
     }
  }									   
 .captcha-holder__input input {
     margin-bottom: 0;
}
 .mainHolder .captcha-holder__input input {
     margin-bottom: 0;
}
/* END Style captcha-holder */
/* ------------------------------------------ */
 .custom-checkbox__item {
     margin-bottom: 30px;
}
 .custom-checkbox__item .custom-checkbox {
     margin-bottom: 5px;
}
 .custom-checkbox__item .custom-checkbox:last-child {
     margin-bottom: 0;
}
 .custom-checkbox__item:last-child {
     margin-bottom: 0;
}
 .custom-checkbox {
     padding-left: 25px;
     font-size: 16px;
     position: relative;
}
 .custom-checkbox.custom-checkbox--inline {
     display: inline-block;
     margin-right: 30px;
}
 .custom-checkbox.custom-checkbox--inline:last-child {
     margin-right: 0;
}
 .custom-checkbox.custom-checkbox--display label {
     cursor: default;
     pointer-events: none;
}
 .custom-checkbox.custom-checkbox--font-s {
     font-size: 14px;
}
 .custom-checkbox.custom-checkbox--font-s .custom-checkbox__desc {
     font-size: 14px;
}
 .custom-checkbox.custom-checkbox--font-m {
     font-size: 1rem;
}
 .custom-checkbox.custom-checkbox--font-m .custom-checkbox__desc {
     font-size: 1rem;
}
 .custom-checkbox.custom-checkbox--font-l {
     font-size: 20px;
}
 .custom-checkbox.custom-checkbox--font-l .custom-checkbox__desc {
     font-size: 20px;
}
 .custom-checkbox.custom-checkbox--m {
     font-size: 16px;
}
 .custom-checkbox.custom-checkbox--m input[type="checkbox"] + label:before, .custom-checkbox.custom-checkbox--m input[type="checkbox"]:checked + label:before, .custom-checkbox.custom-checkbox--m input[type="checkbox"] + label:after, .custom-checkbox.custom-checkbox--m input[type="checkbox"]:checked + label:after {
     height: 25px;
     width: 25px;
}
 .custom-checkbox.custom-checkbox--m .custom-checkbox__desc {
     font-size: 16px;
}
 .custom-checkbox input[type="checkbox"] {
    /*display:none;
     */
     display: block;
     position: absolute;
     width: 26px;
     height: 15px;
     font-size: 1px;
     left: -9999999px;
}
 .custom-checkbox input[type="checkbox"] + label {
     vertical-align: middle;
     cursor: pointer;
     color: #000;
     font-size: 21px;
}
 @media screen and (max-width: 1480px) {
     .custom-checkbox input[type="checkbox"] + label {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .custom-checkbox input[type="checkbox"] + label {
         font-size: 16px;
    }
}
 .mainHolder .custom-checkbox input[type="checkbox"] + label {
     margin-left: 0;
}
 .custom-checkbox input[type="checkbox"] + label:before, .custom-checkbox input[type="checkbox"] + label:after {
     background: transparent;
     border: 1px solid #000;
     box-sizing: border-box;
     content: "";
     display: inline-block;
     height: 18px;
     width: 18px;
     vertical-align: baseline;
     margin-left: -25px;
     margin-right: 10px;
     position: relative;
     top: 3px;
}
 .custom-checkbox input[type="checkbox"]:checked + label:before, .custom-checkbox input[type="checkbox"]:checked + label:after {
     content: "";
     height: 18px;
     width: 18px;
     background: url("./images/common/icons/icon-tick.png") no-repeat center center;
     background-size: 90%;
}
 .custom-checkbox input[type="checkbox"]:focus + label {
     vertical-align: middle;
     border: 2px solid #7DADD9;
     display: inline-block;
     border-radius: 2px;
}
 .custom-checkbox.custom-checkbox--display label {
     cursor: default;
     pointer-events: none;
}
 .custom-checkbox .custom-checkbox__desc {
     font-size: 12px;
     margin-bottom: 0;
}
 .custom-checkbox input[type="checkbox"] + label:after {
     display: none;
}
 .custom-checkbox.custom-checkbox--box-right {
     padding-left: 0;
}
 .custom-checkbox.custom-checkbox--box-right input[type="checkbox"] + label:before {
     display: none;
}
 .custom-checkbox.custom-checkbox--box-right input[type="checkbox"] + label:after {
     display: inline-block;
     margin-left: 10px;
}
 .custom-datepick {
     display: inline-block;
     position: relative;
     width: 100%;
     font-size: 12px;
}
 .custom-datepick > * {
     box-sizing: border-box;
}
 .custom-datepick a {
     display: inline-block;
     height: 45px;
     white-space: nowrap;
     position: relative;
     background: transparent;
     color: #000;
     cursor: pointer;
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Safari */
     -khtml-user-select: none;
    /* Konqueror HTML */
     -moz-user-select: none;
    /* Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently*/
     font-size: 0;
     white-space: nowrap;
}
 .custom-datepick a:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .custom-datepick a > span {
     font-size: 16px;
     white-space: normal;
     display: inline-block;
     vertical-align: middle;
}
 .custom-datepick a:hover {
     opacity: 1;
}
 .custom-datepick .custom-datepick__list {
     box-sizing: border-box;
     display: none;
     position: absolute;
     top: 44px;
     left: 0;
     background: #ededed;
     z-index: 300;
     height: 200px;
     width: 100%;
     padding: 10px;
}
 .custom-datepick .custom-datepick__list .custom-datepick__list-inner {
     height: 100%;
     overflow: auto;
}
 .custom-datepick .custom-datepick__list .overview {
     width: 100%;
}
 .article-holder .custom-datepick .custom-datepick__list {
     padding: 0;
}
 .custom-datepick .custom-datepick__list ul {
     display: block;
     list-style: none;
     list-style-position: outside;
     margin: 0;
     padding: 0;
     width: 100%;
}
 .custom-datepick .custom-datepick__list li {
     color: #000;
     cursor: pointer;
     height: 40px;
     padding: 0 15px;
     font-size: 16px;
     font-size: 1rem;
}
 .custom-datepick .custom-datepick__list li:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 @media screen and (max-width: 640px) {
     .custom-datepick .custom-datepick__list li {
         font-size: 12px;
    }
}
 .custom-datepick .custom-datepick__list li span {
     display: inline-block;
     vertical-align: middle;
}
 .custom-datepick .custom-datepick__list li:hover {
     color: #eb6100;
}
 .custom-datepick .custom-datepick__list li.option-default {
     display: none;
     color: #393939;
     pointer-events: none;
}
 .mobile .custom-datepick .custom-datepick__list {
     display: none !important;
}
 .custom-datepick.open .custom-datepick__list {
     display: block;
}
 .custom-datepick select {
     width: 100%;
     height: 100%;
     display: none;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     color: #000;
}
 .mobile .custom-datepick select {
     display: block;
}
 @media screen and (max-width: 991px) {
     .custom-datepick select {
         font-size: 1rem;
    }
}
/* Style for custom-radio */
/* ------------------------------------------ */
 .custom-radio {
     display: block;
     margin-bottom: 12px;
     position: relative;
}
 .custom-radio.custom-radio--inline {
     display: inline-block;
     margin-right: 30px;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .custom-radio.custom-radio--s .custom-radio input[type="radio"] + label:before {
     display: inline-block;
     width: 12px;
     height: 12px;
     margin: -3px 8px 0 0;
}
/* Radio button */
 .custom-radio input[type="radio"] {
    /*display:none;
     */
     display: block;
     position: absolute;
     width: 26px;
     height: 15px;
     font-size: 1px;
     left: -9999999px;
}
 .custom-radio input[type="radio"] + label {
     padding-left: 30px;
     display: inline-block;
     font-size: 21px;
     line-height: 1em;
     cursor: pointer;
     box-sizing: border-box;
     pointer-events: all;
}
 .field-holder .custom-radio input[type="radio"] + label {
     pointer-events: all;
}
 @media screen and (max-width: 1480px) {
     .custom-radio input[type="radio"] + label {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .custom-radio input[type="radio"] + label {
         font-size: 16px;
    }
}
 .custom-radio input[type="radio"] + label:before {
     content: '';
     display: inline-block;
     width: 18px;
     height: 18px;
     margin: -9px 8px 0 0;
     vertical-align: middle;
     cursor: pointer;
     border-radius: 50%;
     box-sizing: border-box;
     position: absolute;
     left: 0;
     top: 0.75em;
     background: #ccc;
}
/* Checked state for radio */
 .custom-radio input[type="radio"]:checked + label:before {
     border: 5px solid #ccc;
     background: #000;
}
 .custom-radio input[type="radio"]:focus + label {
     vertical-align: middle;
     border: 2px solid #7DADD9;
     display: inline-block;
     border-radius: 2px;
}
 .custom-radio input[type="radio"]:focus + label span {
     vertical-align: middle;
}
 .custom-radio__group {
     position: relative;
     width: 100%;
     margin-bottom: 20px;
}
 .form-grid__holder .form-grid__input .custom-radio__group {
     margin-bottom: 0;
}
 .custom-radio-row {
     position: relative;
     width: 100%;
     text-align: center;
}
/* END Style custom-radio */
/* ------------------------------------------ */
 .custom-select {
     display: inline-block;
     position: relative;
     width: 100%;
     font-size: 12px;
}
 .custom-select.custom-select--1-1 {
     width: 100%;
}
 .custom-select.custom-select--1-2 {
     width: 50%;
}
 .custom-select.custom-select--2-2 {
     width: 100%;
}
 .custom-select.custom-select--1-3 {
     width: 33.3333333333%;
}
 .custom-select.custom-select--2-3 {
     width: 66.6666666667%;
}
 .custom-select.custom-select--3-3 {
     width: 100%;
}
 .custom-select.custom-select--1-4 {
     width: 25%;
}
 .custom-select.custom-select--2-4 {
     width: 50%;
}
 .custom-select.custom-select--3-4 {
     width: 75%;
}
 .custom-select.custom-select--4-4 {
     width: 100%;
}
 .custom-select.custom-select--1-1, .custom-select.custom-select--1-2, .custom-select.custom-select--2-2, .custom-select.custom-select--1-3, .custom-select.custom-select--2-3, .custom-select.custom-select--3-3, .custom-select.custom-select--1-4, .custom-select.custom-select--2-4, .custom-select.custom-select--3-4, .custom-select.custom-select--4-4 {
     padding-right: 8px;
     box-sizing: border-box;
}
 @media screen and (max-width: 640px) {
     .custom-select.custom-select--1-1, .custom-select.custom-select--1-2, .custom-select.custom-select--2-2, .custom-select.custom-select--1-3, .custom-select.custom-select--2-3, .custom-select.custom-select--3-3, .custom-select.custom-select--1-4, .custom-select.custom-select--2-4, .custom-select.custom-select--3-4, .custom-select.custom-select--4-4 {
         width: 100%;
         margin-bottom: 20px;
         padding-right: 0;
    }
}
 .custom-select.custom-select--1-1 ul, .custom-select.custom-select--1-2 ul, .custom-select.custom-select--2-2 ul, .custom-select.custom-select--1-3 ul, .custom-select.custom-select--2-3 ul, .custom-select.custom-select--3-3 ul, .custom-select.custom-select--1-4 ul, .custom-select.custom-select--2-4 ul, .custom-select.custom-select--3-4 ul, .custom-select.custom-select--4-4 ul {
     width: calc(100% - 8px);
}
 .custom-select > * {
     box-sizing: border-box;
}
 .custom-select.custom-select--inline {
     max-width: 300px;
}
 .custom-select.custom-select--on-default {
    /* .option-default{
         display:none;
    }
     */
}
 .custom-select a {
     display: inline-block;
     width: 100%;
     height: 45px;
     white-space: nowrap;
     position: relative;
     background: transparent;
     color: #000;
     border: 1px solid #000;
     cursor: pointer;
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Safari */
     -khtml-user-select: none;
    /* Konqueror HTML */
     -moz-user-select: none;
    /* Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently*/
     font-size: 0;
     white-space: nowrap;
     padding: 0 15px;
}
 .custom-select a:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .form-grid .custom-select a {
     border-color: transparent;
     background: #eaeaea;
     color: #000;
}
 .theme--strategies .mainHolder .form-grid .custom-select a, .theme--legal .mainHolder .form-grid .custom-select a, .theme--community .mainHolder .form-grid .custom-select a, .theme--business .mainHolder .form-grid .custom-select a, .theme--infrastructure .mainHolder .form-grid .custom-select a, .theme--information-security .mainHolder .form-grid .custom-select a {
     color: #000;
}
 .custom-select a > span {
     font-size: 16px;
     white-space: normal;
     display: inline-block;
     vertical-align: middle;
}
 .custom-select a:hover {
     opacity: 1;
}
 .custom-select a:after {
     content: '';
     position: absolute;
     right: 15px;
     display: inline-block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 7px 6px 0 6px;
     border-color: #000 transparent transparent transparent;
     top: 50%;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .custom-select ul {
     box-sizing: border-box;
     border: 1px solid #000;
     display: none;
     position: absolute;
     top: 44px;
     left: 0;
     width: 100%;
     list-style: none;
     list-style-position: outside;
     background: #FFF;
     z-index: 300;
     max-height: 120px;
     margin: 0;
     padding: 0;
     overflow: auto;
}
 .article-holder .custom-select ul {
     padding: 0;
}
 .custom-select ul li {
     color: #000;
     cursor: pointer;
     height: auto;
     padding: 10px 15px;
     font-size: 16px;
     font-size: 1rem;
     margin: 0;
}
 .custom-select ul li:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 @media screen and (max-width: 640px) {
     .custom-select ul li {
         font-size: 12px;
    }
}
 .custom-select ul li span {
     display: inline-block;
     vertical-align: middle;
}
 .custom-select ul li:hover {
     background: #000;
     color: #FFF;
}
 .custom-select ul li.option-default {
     display: none;
     color: #393939;
     pointer-events: none;
}
 .mobile .custom-select ul {
     display: none !important;
}
 .custom-select.open ul {
     display: block;
     overflow-y: auto;
     padding: 0;
}
 .custom-select select {
     width: 100%;
     height: 100%;
     display: none;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     color: #000;
}
 .mobile .custom-select select {
     display: block;
     z-index: 100;
}
 @media screen and (max-width: 991px) {
     .custom-select select {
         font-size: 1rem;
    }
}
/* Style for desc */
/* ------------------------------------------ */
 .desc {
     line-height: 1.5em;
     font-size: 16px;
}
 @media screen and (max-width: 767px) {
     .desc {
         font-size: 14px;
    }
}
 .desc.desc--xxl, .sec-article__head-intro, .sec-article__quote p {
     font-size: 36px;
}
 @media screen and (max-width: 991px) {
     .desc.desc--xxl, .sec-article__head-intro, .sec-article__quote p {
         font-size: 30px;
    }
}
 @media screen and (max-width: 767px) {
     .desc.desc--xxl, .sec-article__head-intro, .sec-article__quote p {
         font-size: 24px;
    }
}
 .desc.desc--xl {
     font-size: 32px;
}
 @media screen and (max-width: 991px) {
     .desc.desc--xl {
         font-size: 28px;
    }
}
 @media screen and (max-width: 767px) {
     .desc.desc--xl {
         font-size: 20px;
    }
}
 .desc.desc--l {
     font-size: 24px;
}
 @media screen and (max-width: 991px) {
     .desc.desc--l {
         font-size: 20px;
    }
}
 @media screen and (max-width: 767px) {
     .desc.desc--l {
         font-size: 16px;
    }
}
 .desc.desc--m {
     font-size: 20px;
}
 @media screen and (max-width: 991px) {
     .desc.desc--m {
         font-size: 18px;
    }
}
 @media screen and (max-width: 767px) {
     .desc.desc--m {
         font-size: 14px;
    }
}
 .desc.desc--s {
     font-size: 13px;
}
 .desc.desc--xs {
     font-size: 12px;
}
/* END Style desc */
/* ------------------------------------------ */
/* Style for event-calendar */
/* ------------------------------------------ */
 .event-calendar {
     position: relative;
     overflow: hidden;
}
 .event-calendar:before, .event-calendar:after {
     content: '';
     position: absolute;
     display: block;
     width: 100px;
     height: 100%;
     -webkit-transform: rotate(15deg);
     -ms-transform: rotate(15deg);
     transform: rotate(15deg);
}
 .event-calendar:before {
     left: -50px;
     top: -25%;
     background: #eb6100;
}
 @media screen and (max-width: 991px) {
     .event-calendar:before {
         left: -90px;
    }
}
 @media screen and (max-width: 767px) {
     .event-calendar:before {
         left: -120px;
    }
}
 .event-calendar:after {
     right: -50px;
     bottom: -25%;
     background: #ffc62e;
}
 @media screen and (max-width: 991px) {
     .event-calendar:after {
         right: -90px;
    }
}
 @media screen and (max-width: 767px) {
     .event-calendar:after {
         right: -120px;
    }
}
 .event-calendar.event-calendar--inner:before, .event-calendar.event-calendar--inner:after {
     display: none;
}
 @media screen and (max-width: 1280px) and (min-width: 992px) {
     .event-calendar .content-wrapper, .event-calendar .mainHolder, .event-calendar .main-banner__content-holder, .event-calendar .block-homesquare-main-menu-menu, .event-calendar .static-banner__content {
         width: 90%;
    }
}
 .event-calendar__title {
     display: block;
     text-align: center;
     margin-bottom: 45px;
}
 .event-calendar__top {
     font-size: 0;
     position: relative;
     z-index: 15;
}
 .event-calendar__calendar-holder {
     display: inline-block;
     width: 50%;
     text-align: center;
}
 @media screen and (max-width: 991px) {
     .event-calendar__calendar-holder {
         width: 60%;
    }
}
 @media screen and (max-width: 640px) {
     .event-calendar__calendar-holder {
         display: block;
         width: 90%;
         margin: 0 auto 30px;
    }
}
 .event-calendar__list-holder {
     display: inline-block;
     width: 50%;
     vertical-align: top;
}
 @media screen and (max-width: 991px) {
     .event-calendar__list-holder {
         width: 40%;
    }
}
 @media screen and (max-width: 640px) {
     .event-calendar__list-holder {
         display: block;
         width: 90%;
         margin: 0 auto;
    }
}
 .event-calendar__list-item {
     display: table;
     table-layout: fixed;
     width: 100%;
     padding-bottom: 16px;
}
 .event-calendar__list-item:last-child {
     padding-bottom: 0;
}
 .event-calendar__list-item.is-active .event-calendar__list-day .calendar__datedata {
     background: #9e4100;
}
 .event-calendar__list-day {
     display: table-cell;
     vertical-align: middle;
     width: 100px;
}
 @media screen and (max-width: 991px) {
     .event-calendar__list-day {
         width: 80px;
    }
}
.event-calendar__list-day{
	/*position: absolute;*/
	width:auto;
	height:100%;
}
 .event-calendar__datedata {
	 top:-20px;
	 left:0;
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: left;
     border-radius: 50%;
     background: #eb6100;
     color: #FFF;
	 text-align: center;
     font-size: 12px;
	 position:relative;
	 font-weight:bold;
	 z-index:998;
}

.event-calendar__dateyeardata {
	top:0;
	left:0;
    width: 30px;
    height: 30px;
	text-align: center;
    line-height: 28px;
	border-radius:50%;
    background: #ff0000;
    color: #ffffff;
    font-size: 11px;
	 position:relative;
	 z-index:999;
}

 .theme--strategies .event-calendar__datedata {
     background: #c187ff;
}
 .theme--legal .event-calendar__datedata {
     background: #71cdff;
}
 .theme--community .event-calendar__datedata {
     background: #b0e600;
}
 .theme--business .event-calendar__datedata  {
     background: #00ffae;
}
 .theme--infrastructure .event-calendar__datedata  {
     background: #f7c624;
}
 .theme--information-security .event-calendar__datedata{
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .event-calendar__datedata{
     color: #c187ff;
}
 .theme--legal .event-calendar__datedata{
     color: #71cdff;
}
 .theme--community .event-calendar__datedata {
     color: #b0e600;
}
 .theme--business .event-calendar__datedata{
     color: #000000;
}
 .theme--infrastructure .event-calendar__datedata{
     color: #f7c624;
}
 .theme--information-security .event-calendar__datedata {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .event-calendar__list-day .calendar__datedata, .theme--legal .event-calendar__list-day .calendar__datedata, .theme--community .event-calendar__list-day .calendar__datedata, .theme--business .event-calendar__list-day .calendar__datedata, .theme--infrastructure .event-calendar__list-day .calendar__datedata, .theme--information-security .event-calendar__list-day .calendar__datedata {
     color: #000;
}
 @media screen and (max-width: 991px) {
     .event-calendar__list-day .calendar__datedata {
         width: 70px;
         height: 70px;
         line-height: 70px;
         font-size: 11px;
    }
}
 .event-calendar__dateth {
     position: absolute;
     font-size: 1px;
     height: 1px;
     width: 1px;
     left: 99999px;
}
 .event-calendar__list-txt {
    width: inherit;
    padding-left: 100px;
     display: table-cell;
     vertical-align: middle;
}
 .event-calendar__list-title {
     font-weight: bold;
     font-size: 18px;
     margin: 0 0 5px;
}
 @media screen and (max-width: 991px) {
     .event-calendar__list-title {
         font-size: 16px;
         line-height: 1.2em;
    }
}
 .event-calendar__list-detail {
     margin: 0;
     font-size: 13px;
}
 @media screen and (max-width: 991px) {
     .event-calendar__list-detail {
         line-height: 1.2em;
    }
}
 .ui-datepicker {
     z-index: 100 !important;
}
 .event-calendar__calendar {
     display: inline-block;
}
 .event-calendar__calendar .ui-datepicker {
     width: 400px;
     height: 360px;
}
 @media screen and (max-width: 991px) {
     .event-calendar__calendar .ui-datepicker {
         width: 300px;
    }
}
 @media screen and (max-width: 480px) {
     .event-calendar__calendar .ui-datepicker {
         width: 100%;
         height: 265px;
         margin: 0 auto 30px;
    }
}
 .event-calendar__calendar .ui-datepicker-title {
     font-size: 20px;
     font-weight: bold;
     color: #000;
}
 @media screen and (max-width: 991px) {
     .event-calendar__calendar .ui-datepicker-title {
         font-size: 16px;
    }
}
 @media screen and (max-width: 640px) {
     .event-calendar__calendar .ui-datepicker-title {
         font-size: 12px;
    }
}
 .event-calendar__calendar .ui-datepicker-calendar {
     font-size: 16px;
     text-transform: uppercase;
}
 @media screen and (max-width: 480px) {
     .event-calendar__calendar .ui-datepicker-calendar {
         font-size: 14px;
    }
}
 @media screen and (max-width: 380px) {
     .event-calendar__calendar .ui-datepicker-calendar {
         font-size: 12px;
    }
}
 .event-calendar__calendar .ui-widget.ui-widget-content {
     border: 0;
}
 .event-calendar__calendar .ui-state-default, .event-calendar__calendar .ui-widget-content .ui-state-default, .event-calendar__calendar .ui-widget-header .ui-state-default, .event-calendar__calendar .ui-button, .event-calendar__calendar html .ui-button.ui-state-disabled:hover, .event-calendar__calendar html .ui-button.ui-state-disabled:active {
     font-weight: bold;
     background: #FFF;
     border: 0;
     text-align: center;
}
 .event-calendar__calendar .ui-state-default {
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 50%;
     padding: 0;
}
 .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     position: relative;
     border: 0;
     background: #eb6100;
     color: #FFF;
}
 .theme--strategies .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     background: #c187ff;
}
 .theme--legal .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     background: #71cdff;
}
 .theme--community .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     background: #b0e600;
}
 .theme--business .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     background: #00ffae;
}
 .theme--infrastructure .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     background: #f7c624;
}
 .theme--information-security .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--business .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight .ui-state-default {
     color: #000;
}
 .event-calendar__calendar .ui-widget-content .ui-state-custom-highlight.ui-datepicker-current-day .ui-state-default {
     background: #9e4100;
}
 .event-calendar__calendar .ui-datepicker select.ui-datepicker-month, .event-calendar__calendar .ui-datepicker select.ui-datepicker-year {
     width: auto;
}
 .event-calendar__search {
     background: #2b2b2b;
}
 .event-calendar__control {
     display: table;
     width: 100%;
}
 .event-calendar__control-item {
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     padding-right: 15px;
     font-size: 0;
     font-weight: bold;
     width: 25%;
     color: #FFF;
     white-space: nowrap;
}
 .event-calendar__control-item:last-child {
     padding-right: 0;
}
 .event-calendar__control-item > * {
     white-space: normal;
}
 .event-calendar__control-item input {
     border: 0;
     border-bottom: 1px solid #FFF;
     background: transparent;
     color: #FFF;
     padding: 0;
}
 .event-calendar__control-item input::-webkit-input-placeholder {
     color: #FFF;
}
 .event-calendar__control-item input:-moz-placeholder {
    /* Firefox 18- */
     color: #FFF;
}
 .event-calendar__control-item input::-moz-placeholder {
    /* Firefox 19+ */
     color: #FFF;
}
 .event-calendar__control-item input:-ms-input-placeholder {
     color: #FFF;
}
 .event-calendar__control-item .custom-select .custom-select__trigger {
     border: 0;
     border-bottom: 1px solid #FFF;
     color: #FFF;
     padding: 0;
     padding-right: 35px;
     text-align: left;
}
 .event-calendar__control-item .custom-select .custom-select__trigger:after {
     right: 5px;
     border-color: #FFF transparent transparent transparent;
}
 .event-calendar__control-item .datepicker-item {
     display: inline-block;
     width: 160px;
}
 .event-calendar__to {
     font-weight: normal;
     font-size: 20px;
     margin: 0 15px;
}
 .ui-datepicker select.ui-datepicker-month {
     width: auto;
}
 .ui-datepicker .ui-state-hover.ui-datepicker-prev-hover, .ui-datepicker .ui-state-hover.ui-datepicker-next-hover {
     border: 0;
     opacity: 1;
     top: 2px;
}
 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
     width: 28px;
     height: 28px;
     display: block;
     margin-left: 0;
     margin-right: 0;
}
 @media screen and (max-width: 380px) {
     .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
         top: -6px;
    }
}
 .ui-datepicker .ui-datepicker-prev {
     left: 5px;
}
 .ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
     left: 5px;
}
 .ui-datepicker .ui-datepicker-next {
     right: 5px;
}
 .ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
     right: 5px;
}
 .ui-widget-header {
     background: #FFF;
     border: #FFF;
}
 .ui-widget-header .ui-icon {
     background: url();
     font-size: 0;
     /* top: 15px; */
}
 .ui-widget-header .ui-icon:hover {
     border: 0;
}
 .ui-widget-header .ui-icon:before {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -7.5px;
     margin-top: -7.5px;
     width: 0;
     height: 0;
     border-style: solid;
     border-color: transparent #000 transparent transparent;
}
 .ui-datepicker .ui-datepicker-calendar td {
     padding: 10px 5px;
}
 @media screen and (max-width: 380px) {
     .ui-datepicker .ui-datepicker-calendar td {
         padding: 5px 3px;
    }
}
 .ui-datepicker .ui-datepicker-prev .ui-icon:before {
     border-width: 7.5px 12px 7.5px 0;
}
 .ui-datepicker .ui-datepicker-next .ui-icon:before {
     border-color: transparent transparent transparent #000;
     border-width: 7.5px 0 7.5px 12px;
}
 .ui-widget-header .ui-icon {
     background: url();
}
 .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 {
     color: #000;
	 /* background : #d9effb; */
	 background : #ffc62e;
}
 .ui-datepicker-unselectable.ui-state-custom-highlight .ui-state-default {
     z-index: 1000;
     color: #FFF;
     position: relative;
     background: transparent;
}
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
}
 .event-calendar__calendar .ui-datepicker select.ui-datepicker-month, .event-calendar__calendar .ui-datepicker select.ui-datepicker-year {
     display: inline-block;
     vertical-align: middle;
     height: 30px;
     font-size: 16px;
}
 @media screen and (max-width: 991px) {
     .event-calendar__calendar .ui-datepicker select.ui-datepicker-month, .event-calendar__calendar .ui-datepicker select.ui-datepicker-year {
         font-size: 14px;
    }
}
 @media screen and (max-width: 767px) {
     .event-calendar__calendar .ui-datepicker select.ui-datepicker-month, .event-calendar__calendar .ui-datepicker select.ui-datepicker-year {
         font-size: 12px;
    }
}
 .event-calendar__btn-today {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif;
     display: inline-block;
     vertical-align: middle;
     line-height: 28px;
     padding: 0 5px;
     font-weight: bold;
     margin-left: 3px;
     border: 1px solid darkgray;
     font-size: 16px;
}
 .event-calendar__btn-today:hover {
     opacity: 1;
     border: 1px solid #8a8a8a;
}
 @media screen and (max-width: 991px) {
     .event-calendar__btn-today {
         font-size: 14px;
    }
}
 @media screen and (max-width: 767px) {
     .event-calendar__btn-today {
         font-size: 12px;
    }
}
/* END Style event-calendar */
/* ------------------------------------------ */
/* Style for event-search */
/* ------------------------------------------ */
 .event-search__search-bar {
     position: relative;
     z-index: 10;
     background: #2b2b2b;
}
 .event-search__control {
     display: table;
     width: 100%;
     font-size: 0;
}
 @media screen and (max-width: 991px) {
     .event-search__control {
         display: block;
    }
}
 .event-search__control-item {
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     padding-right: 15px;
     font-size: 0;
     font-weight: bold;
     width: 25%;
     color: #FFF;
     white-space: nowrap;
}
 @media screen and (max-width: 991px) {
     .event-search__control-item {
         display: inline-block;
         width: 50%;
         text-align: left;
         margin-bottom: 15px;
    }
}
 @media screen and (max-width: 640px) {
     .event-search__control-item {
         width: 100%;
    }
}
 .event-search__control-item:last-child {
     padding-right: 0;
}
 @media screen and (max-width: 991px) {
     .event-search__control-item:last-child {
         text-align: left;
    }
}
 .event-search__control-item > * {
     white-space: normal;
}
 .event-search__control-item input {
     border: 0;
     border-bottom: 1px solid #FFF;
     background: transparent;
     color: #FFF;
     padding: 0;
}
 .event-search__control-item input::-webkit-input-placeholder {
     color: #FFF;
}
 .event-search__control-item input:-moz-placeholder {
    /* Firefox 18- */
     color: #FFF;
}
 .event-search__control-item input::-moz-placeholder {
    /* Firefox 19+ */
     color: #FFF;
}
 .event-search__control-item input:-ms-input-placeholder {
     color: #FFF;
}
 .event-search__control-item .custom-select .custom-select__trigger {
     border: 0;
     border-bottom: 1px solid #FFF;
     color: #FFF;
     padding: 0;
     padding-right: 35px;
     text-align: left;
}
 .event-search__control-item .custom-select .custom-select__trigger:after {
     right: 5px;
     border-color: #FFF transparent transparent transparent;
}
 .event-search__control-item .custom-select .overview {
     width: 100%;
}
 .event-search__control-item .custom-select li {
     text-align: left;
}
 .event-search__control-item .datepicker-item {
     display: inline-block;
     position: relative;
     width: 160px;
}
 @media screen and (max-width: 991px) {
     .event-search__control-item .datepicker-item {
         width: 110px;
    }
}
 .event-search__control-item .datepicker-item:after {
     content: '';
     position: absolute;
     display: inline-block;
     right: 0;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 7px 6px 0 6px;
     border-color: #FFF transparent transparent transparent;
     top: 50%;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .event-search__to {
     font-weight: normal;
     font-size: 20px;
     margin: 0 15px;
}
 @media screen and (max-width: 991px) {
     .event-search__to {
         margin: 0 10px;
    }
}
 .event-search__result {
     font-size: 0;
     background: #f6f6f6;
     padding-bottom: 0;
}
 .event-search__result-holder {
     margin-left: -45px;
     margin-right: -45px;
}
 @media screen and (max-width: 1280px) {
     .event-search__result-holder {
         margin-left: -30px;
         margin-right: -30px;
    }
}
 @media screen and (max-width: 991px) {
     .event-search__result-holder {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 @media screen and (max-width: 767px) {
     .event-search__result-holder {
         margin-left: -10px;
         margin-right: -10px;
    }
}
 .event-search__item {
     display: inline-block;
     vertical-align: top;
     position: relative;
     width: 33.3333%;
     padding: 0 45px;
     margin-bottom: 60px;
}
 @media screen and (max-width: 1280px) {
     .event-search__item {
         padding: 0 30px;
    }
}
 @media screen and (max-width: 991px) {
     .event-search__item {
         padding: 0 15px;
    }
}
 @media screen and (max-width: 767px) {
     .event-search__item {
         padding: 0 10px;
    }
}
 @media screen and (max-width: 640px) {
     .event-search__item {
         width: 50%;
         margin-bottom: 45px;
    }
}
 @media screen and (max-width: 400px) {
     .event-search__item {
         width: 100%;
    }
     .event-search__item:last-child {
         margin-bottom: 0;
    }
}
 .event-search__item.event-search__item--pure-txt {
     vertical-align: middle;
}
 .event-search__item-inner {
     position: relative;
     background: #FFF;
     display: block;
     padding-top: 30px;
     transition: 0.4s;
}
 @media screen and (max-width: 400px) {
     .event-search__item-inner {
         height: auto !important;
    }
}
 .event-search__item--pure-txt .event-search__item-inner {
     background: transparent;
     display: table;
}
 .event-search__item-inner:hover {
     opacity: 1;
}
 @media screen and (min-width: 768px) {
     .event-search__item-inner:hover {
         -webkit-transform: translateY(-15px);
         -ms-transform: translateY(-15px);
         transform: translateY(-15px);
         box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }
}
 .event-search__item--pure-txt .event-search__item-inner:hover {
     box-shadow: none;
}
 .event-search__item--pure-txt .event-search__item-inner:hover .event-search__item-date, .event-search__item--pure-txt .event-search__item-inner:hover .event-search__item-title {
     color: #eb6100;
}
 .event-search__item-txt {
     padding: 30px;
}
 @media screen and (max-width: 767px) {
     .event-search__item-txt {
         padding: 20px;
    }
}
 .event-search__item--pure-txt .event-search__item-txt {
     display: table-cell;
     vertical-align: middle;
}
 .event-search__item-date {
     font-size: 16px;
     line-height: 1.125;
     font-weight: bold;
     margin: 0 0 10px;
}
 @media screen and (max-width: 991px) {
     .event-search__item-date {
         font-size: 14px;
    }
}
 .event-search__item--pure-txt .event-search__item-date {
     color: #01a973;
     font-size: 48px;
}
 @media screen and (max-width: 991px) {
     .event-search__item--pure-txt .event-search__item-date {
         font-size: 36px;
    }
}
 @media screen and (max-width: 767px) {
     .event-search__item--pure-txt .event-search__item-date {
         font-size: 32px;
    }
}
 .event-search__item-title {
     font-size: 20px;
     font-weight: normal;
     margin: 0 0 0;
}
 @media screen and (max-width: 991px) {
     .event-search__item-title {
         font-size: 16px;
    }
}
 @media screen and (max-width: 767px) {
     .event-search__item-title {
         font-size: 14px;
    }
}
 .event-search__item--pure-txt .event-search__item-title {
     font-size: 24px;
     font-weight: bold;
}
 @media screen and (max-width: 991px) {
     .event-search__item--pure-txt .event-search__item-title {
         font-size: 18px;
    }
}
 @media screen and (max-width: 767px) {
     .event-search__item--pure-txt .event-search__item-title {
         font-size: 16px;
    }
}
/* END Style event-search */
/* ------------------------------------------ */
/* General Style for Forms and Fields */
/* ------------------------------------------ */
/* ------------------------------------------ */
 input, textarea {
     -webkit-appearance: none;
     -webkit-border-radius: 0;
     font-size: 16px;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     font-size: 16px;
     opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
    /* Firefox 18- */
     font-size: 16px;
     opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
     font-size: 16px;
     opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
     font-size: 16px;
     opacity: 1;
}
 input {
     height: 45px;
     padding: 0 15px;
     width: 100%;
     border: 0;
     background: #FFF;
     color: #d8d8d8;
     box-sizing: border-box;
}
 @media screen and (max-width: 640px) {
     input {
         height: 40px;
    }
}
 input:focus {
     outline: none;
}
 input.disabled {
     color: #ccc !important;
     border-color: #ccc !important;
}
 input[type='checkbox'] {
     width: auto;
     height: auto;
}
 textarea {
     width: 100%;
     height: 160px;
     background: transparent;
     box-sizing: border-box;
     resize: none;
}
 .field-container {
     position: relative;
     width: 90%;
}
 .field-row {
     margin-left: -30px;
     margin-right: -30px;
     margin-bottom: 20px;
     text-align: left;
     font-size: 0;
}
 @media screen and (max-width: 767px) {
     .field-row {
         margin-left: 0;
         margin-right: 0;
    }
}
 .field-row.field-row--center {
     text-align: center;
}
 .field {
     display: inline-block;
     vertical-align: top;
     padding: 0 30px;
     width: 100%;
     box-sizing: border-box;
     position: relative;
}
 @media screen and (max-width: 767px) {
     .field {
         box-sizing: content-box;
         padding: 0;
         margin-bottom: 20px;
    }
     .field:last-child {
         margin-bottom: 0;
    }
}
 .field input {
     width: 100%;
     height: 45px;
}
 .field.field--m {
     width: 200px;
}
 @media screen and (max-width: 480px) {
     .field.field--m {
         width: 100%;
    }
}
 .field.field--l {
     width: 400px;
}
 @media screen and (max-width: 480px) {
     .field.field--l {
         width: 100%;
    }
}
 .field.field--l input {
     font-size: 22px;
}
 .field.field--l input::-webkit-input-placeholder {
     font-size: 22px;
}
 .field.field--l input:-moz-placeholder {
    /* Firefox 18- */
     font-size: 22px;
}
 .field.field--l input::-moz-placeholder {
    /* Firefox 19+ */
     font-size: 22px;
}
 .field.field--l input:-ms-input-placeholder {
     font-size: 22px;
}
 .field.field--search .field__search-btn {
     content: '';
     width: 18px;
     height: 18px;
     display: block;
     background: url("./images/common/icons/icon-search-white.png") no-repeat center center;
     background-size: cover;
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .field.field--1-1 {
     width: 100%;
}
 .field.field--1-2 {
     width: 50%;
}
 .field.field--2-2 {
     width: 100%;
}
 .field.field--1-3 {
     width: 33.3333333333%;
}
 .field.field--2-3 {
     width: 66.6666666667%;
}
 .field.field--3-3 {
     width: 100%;
}
 .field.field--1-4 {
     width: 25%;
}
 .field.field--2-4 {
     width: 50%;
}
 .field.field--3-4 {
     width: 75%;
}
 .field.field--4-4 {
     width: 100%;
}
 .field.field--1-5 {
     width: 20%;
}
 .field.field--2-5 {
     width: 40%;
}
 .field.field--3-5 {
     width: 60%;
}
 .field.field--4-5 {
     width: 80%;
}
 .field.field--5-5 {
     width: 100%;
}
 .field.field--1-6 {
     width: 16.6666666667%;
}
 .field.field--2-6 {
     width: 33.3333333333%;
}
 .field.field--3-6 {
     width: 50%;
}
 .field.field--4-6 {
     width: 66.6666666667%;
}
 .field.field--5-6 {
     width: 83.3333333333%;
}
 .field.field--6-6 {
     width: 100%;
}
 .field.field--1-7 {
     width: 14.2857142857%;
}
 .field.field--2-7 {
     width: 28.5714285714%;
}
 .field.field--3-7 {
     width: 42.8571428571%;
}
 .field.field--4-7 {
     width: 57.1428571429%;
}
 .field.field--5-7 {
     width: 71.4285714286%;
}
 .field.field--6-7 {
     width: 85.7142857143%;
}
 .field.field--7-7 {
     width: 100%;
}
 .field.field--1-8 {
     width: 12.5%;
}
 .field.field--2-8 {
     width: 25%;
}
 .field.field--3-8 {
     width: 37.5%;
}
 .field.field--4-8 {
     width: 50%;
}
 .field.field--5-8 {
     width: 62.5%;
}
 .field.field--6-8 {
     width: 75%;
}
 .field.field--7-8 {
     width: 87.5%;
}
 .field.field--8-8 {
     width: 100%;
}
 .field.field--1-9 {
     width: 11.1111111111%;
}
 .field.field--2-9 {
     width: 22.2222222222%;
}
 .field.field--3-9 {
     width: 33.3333333333%;
}
 .field.field--4-9 {
     width: 44.4444444444%;
}
 .field.field--5-9 {
     width: 55.5555555556%;
}
 .field.field--6-9 {
     width: 66.6666666667%;
}
 .field.field--7-9 {
     width: 77.7777777778%;
}
 .field.field--8-9 {
     width: 88.8888888889%;
}
 .field.field--9-9 {
     width: 100%;
}
 .field.field--1-10 {
     width: 10%;
}
 .field.field--2-10 {
     width: 20%;
}
 .field.field--3-10 {
     width: 30%;
}
 .field.field--4-10 {
     width: 40%;
}
 .field.field--5-10 {
     width: 50%;
}
 .field.field--6-10 {
     width: 60%;
}
 .field.field--7-10 {
     width: 70%;
}
 .field.field--8-10 {
     width: 80%;
}
 .field.field--9-10 {
     width: 90%;
}
 .field.field--10-10 {
     width: 100%;
}
 .field.field--1-11 {
     width: 9.0909090909%;
}
 .field.field--2-11 {
     width: 18.1818181818%;
}
 .field.field--3-11 {
     width: 27.2727272727%;
}
 .field.field--4-11 {
     width: 36.3636363636%;
}
 .field.field--5-11 {
     width: 45.4545454545%;
}
 .field.field--6-11 {
     width: 54.5454545455%;
}
 .field.field--7-11 {
     width: 63.6363636364%;
}
 .field.field--8-11 {
     width: 72.7272727273%;
}
 .field.field--9-11 {
     width: 81.8181818182%;
}
 .field.field--10-11 {
     width: 90.9090909091%;
}
 .field.field--11-11 {
     width: 100%;
}
 .field.field--1-12 {
     width: 8.3333333333%;
}
 .field.field--2-12 {
     width: 16.6666666667%;
}
 .field.field--3-12 {
     width: 25%;
}
 .field.field--4-12 {
     width: 33.3333333333%;
}
 .field.field--5-12 {
     width: 41.6666666667%;
}
 .field.field--6-12 {
     width: 50%;
}
 .field.field--7-12 {
     width: 58.3333333333%;
}
 .field.field--8-12 {
     width: 66.6666666667%;
}
 .field.field--9-12 {
     width: 75%;
}
 .field.field--10-12 {
     width: 83.3333333333%;
}
 .field.field--11-12 {
     width: 91.6666666667%;
}
 .field.field--12-12 {
     width: 100%;
}
 @media screen and (max-width: 991px) {
     .field.field--tb-1-1 {
         width: 100%;
    }
     .field.field--tb-1-2 {
         width: 50%;
    }
     .field.field--tb-2-2 {
         width: 100%;
    }
     .field.field--tb-1-3 {
         width: 33.3333333333%;
    }
     .field.field--tb-2-3 {
         width: 66.6666666667%;
    }
     .field.field--tb-3-3 {
         width: 100%;
    }
     .field.field--tb-1-4 {
         width: 25%;
    }
     .field.field--tb-2-4 {
         width: 50%;
    }
     .field.field--tb-3-4 {
         width: 75%;
    }
     .field.field--tb-4-4 {
         width: 100%;
    }
     .field.field--tb-1-5 {
         width: 20%;
    }
     .field.field--tb-2-5 {
         width: 40%;
    }
     .field.field--tb-3-5 {
         width: 60%;
    }
     .field.field--tb-4-5 {
         width: 80%;
    }
     .field.field--tb-5-5 {
         width: 100%;
    }
     .field.field--tb-1-6 {
         width: 16.6666666667%;
    }
     .field.field--tb-2-6 {
         width: 33.3333333333%;
    }
     .field.field--tb-3-6 {
         width: 50%;
    }
     .field.field--tb-4-6 {
         width: 66.6666666667%;
    }
     .field.field--tb-5-6 {
         width: 83.3333333333%;
    }
     .field.field--tb-6-6 {
         width: 100%;
    }
     .field.field--tb-1-7 {
         width: 14.2857142857%;
    }
     .field.field--tb-2-7 {
         width: 28.5714285714%;
    }
     .field.field--tb-3-7 {
         width: 42.8571428571%;
    }
     .field.field--tb-4-7 {
         width: 57.1428571429%;
    }
     .field.field--tb-5-7 {
         width: 71.4285714286%;
    }
     .field.field--tb-6-7 {
         width: 85.7142857143%;
    }
     .field.field--tb-7-7 {
         width: 100%;
    }
     .field.field--tb-1-8 {
         width: 12.5%;
    }
     .field.field--tb-2-8 {
         width: 25%;
    }
     .field.field--tb-3-8 {
         width: 37.5%;
    }
     .field.field--tb-4-8 {
         width: 50%;
    }
     .field.field--tb-5-8 {
         width: 62.5%;
    }
     .field.field--tb-6-8 {
         width: 75%;
    }
     .field.field--tb-7-8 {
         width: 87.5%;
    }
     .field.field--tb-8-8 {
         width: 100%;
    }
     .field.field--tb-1-9 {
         width: 11.1111111111%;
    }
     .field.field--tb-2-9 {
         width: 22.2222222222%;
    }
     .field.field--tb-3-9 {
         width: 33.3333333333%;
    }
     .field.field--tb-4-9 {
         width: 44.4444444444%;
    }
     .field.field--tb-5-9 {
         width: 55.5555555556%;
    }
     .field.field--tb-6-9 {
         width: 66.6666666667%;
    }
     .field.field--tb-7-9 {
         width: 77.7777777778%;
    }
     .field.field--tb-8-9 {
         width: 88.8888888889%;
    }
     .field.field--tb-9-9 {
         width: 100%;
    }
     .field.field--tb-1-10 {
         width: 10%;
    }
     .field.field--tb-2-10 {
         width: 20%;
    }
     .field.field--tb-3-10 {
         width: 30%;
    }
     .field.field--tb-4-10 {
         width: 40%;
    }
     .field.field--tb-5-10 {
         width: 50%;
    }
     .field.field--tb-6-10 {
         width: 60%;
    }
     .field.field--tb-7-10 {
         width: 70%;
    }
     .field.field--tb-8-10 {
         width: 80%;
    }
     .field.field--tb-9-10 {
         width: 90%;
    }
     .field.field--tb-10-10 {
         width: 100%;
    }
     .field.field--tb-1-11 {
         width: 9.0909090909%;
    }
     .field.field--tb-2-11 {
         width: 18.1818181818%;
    }
     .field.field--tb-3-11 {
         width: 27.2727272727%;
    }
     .field.field--tb-4-11 {
         width: 36.3636363636%;
    }
     .field.field--tb-5-11 {
         width: 45.4545454545%;
    }
     .field.field--tb-6-11 {
         width: 54.5454545455%;
    }
     .field.field--tb-7-11 {
         width: 63.6363636364%;
    }
     .field.field--tb-8-11 {
         width: 72.7272727273%;
    }
     .field.field--tb-9-11 {
         width: 81.8181818182%;
    }
     .field.field--tb-10-11 {
         width: 90.9090909091%;
    }
     .field.field--tb-11-11 {
         width: 100%;
    }
     .field.field--tb-1-12 {
         width: 8.3333333333%;
    }
     .field.field--tb-2-12 {
         width: 16.6666666667%;
    }
     .field.field--tb-3-12 {
         width: 25%;
    }
     .field.field--tb-4-12 {
         width: 33.3333333333%;
    }
     .field.field--tb-5-12 {
         width: 41.6666666667%;
    }
     .field.field--tb-6-12 {
         width: 50%;
    }
     .field.field--tb-7-12 {
         width: 58.3333333333%;
    }
     .field.field--tb-8-12 {
         width: 66.6666666667%;
    }
     .field.field--tb-9-12 {
         width: 75%;
    }
     .field.field--tb-10-12 {
         width: 83.3333333333%;
    }
     .field.field--tb-11-12 {
         width: 91.6666666667%;
    }
     .field.field--tb-12-12 {
         width: 100%;
    }
}
 @media screen and (max-width: 767px) {
     .field.field--mb-1-1 {
         width: 100%;
    }
     .field.field--mb-1-2 {
         width: 50%;
    }
     .field.field--mb-2-2 {
         width: 100%;
    }
     .field.field--mb-1-3 {
         width: 33.3333333333%;
    }
     .field.field--mb-2-3 {
         width: 66.6666666667%;
    }
     .field.field--mb-3-3 {
         width: 100%;
    }
     .field.field--mb-1-4 {
         width: 25%;
    }
     .field.field--mb-2-4 {
         width: 50%;
    }
     .field.field--mb-3-4 {
         width: 75%;
    }
     .field.field--mb-4-4 {
         width: 100%;
    }
     .field.field--mb-1-5 {
         width: 20%;
    }
     .field.field--mb-2-5 {
         width: 40%;
    }
     .field.field--mb-3-5 {
         width: 60%;
    }
     .field.field--mb-4-5 {
         width: 80%;
    }
     .field.field--mb-5-5 {
         width: 100%;
    }
     .field.field--mb-1-6 {
         width: 16.6666666667%;
    }
     .field.field--mb-2-6 {
         width: 33.3333333333%;
    }
     .field.field--mb-3-6 {
         width: 50%;
    }
     .field.field--mb-4-6 {
         width: 66.6666666667%;
    }
     .field.field--mb-5-6 {
         width: 83.3333333333%;
    }
     .field.field--mb-6-6 {
         width: 100%;
    }
     .field.field--mb-1-7 {
         width: 14.2857142857%;
    }
     .field.field--mb-2-7 {
         width: 28.5714285714%;
    }
     .field.field--mb-3-7 {
         width: 42.8571428571%;
    }
     .field.field--mb-4-7 {
         width: 57.1428571429%;
    }
     .field.field--mb-5-7 {
         width: 71.4285714286%;
    }
     .field.field--mb-6-7 {
         width: 85.7142857143%;
    }
     .field.field--mb-7-7 {
         width: 100%;
    }
     .field.field--mb-1-8 {
         width: 12.5%;
    }
     .field.field--mb-2-8 {
         width: 25%;
    }
     .field.field--mb-3-8 {
         width: 37.5%;
    }
     .field.field--mb-4-8 {
         width: 50%;
    }
     .field.field--mb-5-8 {
         width: 62.5%;
    }
     .field.field--mb-6-8 {
         width: 75%;
    }
     .field.field--mb-7-8 {
         width: 87.5%;
    }
     .field.field--mb-8-8 {
         width: 100%;
    }
     .field.field--mb-1-9 {
         width: 11.1111111111%;
    }
     .field.field--mb-2-9 {
         width: 22.2222222222%;
    }
     .field.field--mb-3-9 {
         width: 33.3333333333%;
    }
     .field.field--mb-4-9 {
         width: 44.4444444444%;
    }
     .field.field--mb-5-9 {
         width: 55.5555555556%;
    }
     .field.field--mb-6-9 {
         width: 66.6666666667%;
    }
     .field.field--mb-7-9 {
         width: 77.7777777778%;
    }
     .field.field--mb-8-9 {
         width: 88.8888888889%;
    }
     .field.field--mb-9-9 {
         width: 100%;
    }
     .field.field--mb-1-10 {
         width: 10%;
    }
     .field.field--mb-2-10 {
         width: 20%;
    }
     .field.field--mb-3-10 {
         width: 30%;
    }
     .field.field--mb-4-10 {
         width: 40%;
    }
     .field.field--mb-5-10 {
         width: 50%;
    }
     .field.field--mb-6-10 {
         width: 60%;
    }
     .field.field--mb-7-10 {
         width: 70%;
    }
     .field.field--mb-8-10 {
         width: 80%;
    }
     .field.field--mb-9-10 {
         width: 90%;
    }
     .field.field--mb-10-10 {
         width: 100%;
    }
     .field.field--mb-1-11 {
         width: 9.0909090909%;
    }
     .field.field--mb-2-11 {
         width: 18.1818181818%;
    }
     .field.field--mb-3-11 {
         width: 27.2727272727%;
    }
     .field.field--mb-4-11 {
         width: 36.3636363636%;
    }
     .field.field--mb-5-11 {
         width: 45.4545454545%;
    }
     .field.field--mb-6-11 {
         width: 54.5454545455%;
    }
     .field.field--mb-7-11 {
         width: 63.6363636364%;
    }
     .field.field--mb-8-11 {
         width: 72.7272727273%;
    }
     .field.field--mb-9-11 {
         width: 81.8181818182%;
    }
     .field.field--mb-10-11 {
         width: 90.9090909091%;
    }
     .field.field--mb-11-11 {
         width: 100%;
    }
     .field.field--mb-1-12 {
         width: 8.3333333333%;
    }
     .field.field--mb-2-12 {
         width: 16.6666666667%;
    }
     .field.field--mb-3-12 {
         width: 25%;
    }
     .field.field--mb-4-12 {
         width: 33.3333333333%;
    }
     .field.field--mb-5-12 {
         width: 41.6666666667%;
    }
     .field.field--mb-6-12 {
         width: 50%;
    }
     .field.field--mb-7-12 {
         width: 58.3333333333%;
    }
     .field.field--mb-8-12 {
         width: 66.6666666667%;
    }
     .field.field--mb-9-12 {
         width: 75%;
    }
     .field.field--mb-10-12 {
         width: 83.3333333333%;
    }
     .field.field--mb-11-12 {
         width: 91.6666666667%;
    }
     .field.field--mb-12-12 {
         width: 100%;
    }
}
 .field-note {
     font-size: 12px;
}
 .field-mini-helper {
     display: block;
     font-size: 12px;
     margin-top: 5px;
}
 .field-mini-helper:after {
     content: '';
     display: inline-block;
     margin-left: 9px;
     width: 9px;
     height: 9px;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .field-helper {
     line-height: 45px;
     font-size: 15px;
}
 .field-helper.field-helper--link {
     text-decoration: underline;
}
 .field-helper.field-helper--right {
     float: right;
}
 .field .field__holder {
     font-size: 0;
}
 .field .field__label {
     display: block;
     margin-top: 0;
     margin-bottom: 10px;
     color: #FFF;
}
 .field .field__label p, .field .field__label span, .field .field__label h1, .field .field__label h2, .field .field__label h3, .field .field__label h4, .field .field__label h5, .field .field__label h6 {
     margin: 0;
     font-size: 16px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 .field.field--hidden {
     display: none !important;
}
 .field.field--err .custom-select ul, .field.field--err .custom-select a, .field.field--err .custom-checkbox, .field.field--err.field--radio .field__holder, .field.field--err.custom-checkbox, .field.field--err input, .field.field--err textarea, .field .field--err .custom-select ul, .field .field--err .custom-select a, .field .field--err .custom-checkbox, .field .field--err.field--radio .field__holder, .field .field--err.custom-checkbox, .field .field--err input, .field .field--err textarea {
     border-color: #ef9696 !important;
}
 .field.field--err.custom-select ul, .field.field--err.custom-select a, .field .field--err.custom-select ul, .field .field--err.custom-select a {
     border-color: #ef9696 !important;
}
 .field.field--err.field--radio .err-msg, .field .field--err.field--radio .err-msg {
     text-align: center;
}
 .field-item {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     position: relative;
}
 .field-item.field-item--1-1 {
     width: 100%;
}
 .field-item.field-item--1-2 {
     width: 50%;
}
 .field-item.field-item--2-2 {
     width: 100%;
}
 .field-item.field-item--1-3 {
     width: 33.3333333333%;
}
 .field-item.field-item--2-3 {
     width: 66.6666666667%;
}
 .field-item.field-item--3-3 {
     width: 100%;
}
 .field-item.field-item--1-4 {
     width: 25%;
}
 .field-item.field-item--2-4 {
     width: 50%;
}
 .field-item.field-item--3-4 {
     width: 75%;
}
 .field-item.field-item--4-4 {
     width: 100%;
}
 .field-item.field-item--1-5 {
     width: 20%;
}
 .field-item.field-item--2-5 {
     width: 40%;
}
 .field-item.field-item--3-5 {
     width: 60%;
}
 .field-item.field-item--4-5 {
     width: 80%;
}
 .field-item.field-item--5-5 {
     width: 100%;
}
 .field-item.field-item--1-6 {
     width: 16.6666666667%;
}
 .field-item.field-item--2-6 {
     width: 33.3333333333%;
}
 .field-item.field-item--3-6 {
     width: 50%;
}
 .field-item.field-item--4-6 {
     width: 66.6666666667%;
}
 .field-item.field-item--5-6 {
     width: 83.3333333333%;
}
 .field-item.field-item--6-6 {
     width: 100%;
}
 @media screen and (max-width: 991px) {
     .field-item.field-item--tb-1-1 {
         width: 100%;
    }
     .field-item.field-item--tb-1-2 {
         width: 50%;
    }
     .field-item.field-item--tb-2-2 {
         width: 100%;
    }
     .field-item.field-item--tb-1-3 {
         width: 33.3333333333%;
    }
     .field-item.field-item--tb-2-3 {
         width: 66.6666666667%;
    }
     .field-item.field-item--tb-3-3 {
         width: 100%;
    }
     .field-item.field-item--tb-1-4 {
         width: 25%;
    }
     .field-item.field-item--tb-2-4 {
         width: 50%;
    }
     .field-item.field-item--tb-3-4 {
         width: 75%;
    }
     .field-item.field-item--tb-4-4 {
         width: 100%;
    }
     .field-item.field-item--tb-1-5 {
         width: 20%;
    }
     .field-item.field-item--tb-2-5 {
         width: 40%;
    }
     .field-item.field-item--tb-3-5 {
         width: 60%;
    }
     .field-item.field-item--tb-4-5 {
         width: 80%;
    }
     .field-item.field-item--tb-5-5 {
         width: 100%;
    }
     .field-item.field-item--tb-1-6 {
         width: 16.6666666667%;
    }
     .field-item.field-item--tb-2-6 {
         width: 33.3333333333%;
    }
     .field-item.field-item--tb-3-6 {
         width: 50%;
    }
     .field-item.field-item--tb-4-6 {
         width: 66.6666666667%;
    }
     .field-item.field-item--tb-5-6 {
         width: 83.3333333333%;
    }
     .field-item.field-item--tb-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 767px) {
     .field-item.field-item--mb-1-1 {
         width: 100%;
    }
     .field-item.field-item--mb-1-2 {
         width: 50%;
    }
     .field-item.field-item--mb-2-2 {
         width: 100%;
    }
     .field-item.field-item--mb-1-3 {
         width: 33.3333333333%;
    }
     .field-item.field-item--mb-2-3 {
         width: 66.6666666667%;
    }
     .field-item.field-item--mb-3-3 {
         width: 100%;
    }
     .field-item.field-item--mb-1-4 {
         width: 25%;
    }
     .field-item.field-item--mb-2-4 {
         width: 50%;
    }
     .field-item.field-item--mb-3-4 {
         width: 75%;
    }
     .field-item.field-item--mb-4-4 {
         width: 100%;
    }
     .field-item.field-item--mb-1-5 {
         width: 20%;
    }
     .field-item.field-item--mb-2-5 {
         width: 40%;
    }
     .field-item.field-item--mb-3-5 {
         width: 60%;
    }
     .field-item.field-item--mb-4-5 {
         width: 80%;
    }
     .field-item.field-item--mb-5-5 {
         width: 100%;
    }
     .field-item.field-item--mb-1-6 {
         width: 16.6666666667%;
    }
     .field-item.field-item--mb-2-6 {
         width: 33.3333333333%;
    }
     .field-item.field-item--mb-3-6 {
         width: 50%;
    }
     .field-item.field-item--mb-4-6 {
         width: 66.6666666667%;
    }
     .field-item.field-item--mb-5-6 {
         width: 83.3333333333%;
    }
     .field-item.field-item--mb-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 640px) {
     .field-item.field-item--ms-1-1 {
         width: 100%;
    }
     .field-item.field-item--ms-1-2 {
         width: 50%;
    }
     .field-item.field-item--ms-2-2 {
         width: 100%;
    }
     .field-item.field-item--ms-1-3 {
         width: 33.3333333333%;
    }
     .field-item.field-item--ms-2-3 {
         width: 66.6666666667%;
    }
     .field-item.field-item--ms-3-3 {
         width: 100%;
    }
     .field-item.field-item--ms-1-4 {
         width: 25%;
    }
     .field-item.field-item--ms-2-4 {
         width: 50%;
    }
     .field-item.field-item--ms-3-4 {
         width: 75%;
    }
     .field-item.field-item--ms-4-4 {
         width: 100%;
    }
     .field-item.field-item--ms-1-5 {
         width: 20%;
    }
     .field-item.field-item--ms-2-5 {
         width: 40%;
    }
     .field-item.field-item--ms-3-5 {
         width: 60%;
    }
     .field-item.field-item--ms-4-5 {
         width: 80%;
    }
     .field-item.field-item--ms-5-5 {
         width: 100%;
    }
     .field-item.field-item--ms-1-6 {
         width: 16.6666666667%;
    }
     .field-item.field-item--ms-2-6 {
         width: 33.3333333333%;
    }
     .field-item.field-item--ms-3-6 {
         width: 50%;
    }
     .field-item.field-item--ms-4-6 {
         width: 66.6666666667%;
    }
     .field-item.field-item--ms-5-6 {
         width: 83.3333333333%;
    }
     .field-item.field-item--ms-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 480px) {
     .field-item.field-item--sm-1-1 {
         width: 100%;
    }
     .field-item.field-item--sm-1-2 {
         width: 50%;
    }
     .field-item.field-item--sm-2-2 {
         width: 100%;
    }
     .field-item.field-item--sm-1-3 {
         width: 33.3333333333%;
    }
     .field-item.field-item--sm-2-3 {
         width: 66.6666666667%;
    }
     .field-item.field-item--sm-3-3 {
         width: 100%;
    }
     .field-item.field-item--sm-1-4 {
         width: 25%;
    }
     .field-item.field-item--sm-2-4 {
         width: 50%;
    }
     .field-item.field-item--sm-3-4 {
         width: 75%;
    }
     .field-item.field-item--sm-4-4 {
         width: 100%;
    }
     .field-item.field-item--sm-1-5 {
         width: 20%;
    }
     .field-item.field-item--sm-2-5 {
         width: 40%;
    }
     .field-item.field-item--sm-3-5 {
         width: 60%;
    }
     .field-item.field-item--sm-4-5 {
         width: 80%;
    }
     .field-item.field-item--sm-5-5 {
         width: 100%;
    }
     .field-item.field-item--sm-1-6 {
         width: 16.6666666667%;
    }
     .field-item.field-item--sm-2-6 {
         width: 33.3333333333%;
    }
     .field-item.field-item--sm-3-6 {
         width: 50%;
    }
     .field-item.field-item--sm-4-6 {
         width: 66.6666666667%;
    }
     .field-item.field-item--sm-5-6 {
         width: 83.3333333333%;
    }
     .field-item.field-item--sm-6-6 {
         width: 100%;
    }
}
 @media screen and (max-width: 380px) {
     .field-item.field-item--xs-1-1 {
         width: 100%;
    }
     .field-item.field-item--xs-1-2 {
         width: 50%;
    }
     .field-item.field-item--xs-2-2 {
         width: 100%;
    }
     .field-item.field-item--xs-1-3 {
         width: 33.3333333333%;
    }
     .field-item.field-item--xs-2-3 {
         width: 66.6666666667%;
    }
     .field-item.field-item--xs-3-3 {
         width: 100%;
    }
     .field-item.field-item--xs-1-4 {
         width: 25%;
    }
     .field-item.field-item--xs-2-4 {
         width: 50%;
    }
     .field-item.field-item--xs-3-4 {
         width: 75%;
    }
     .field-item.field-item--xs-4-4 {
         width: 100%;
    }
     .field-item.field-item--xs-1-5 {
         width: 20%;
    }
     .field-item.field-item--xs-2-5 {
         width: 40%;
    }
     .field-item.field-item--xs-3-5 {
         width: 60%;
    }
     .field-item.field-item--xs-4-5 {
         width: 80%;
    }
     .field-item.field-item--xs-5-5 {
         width: 100%;
    }
     .field-item.field-item--xs-1-6 {
         width: 16.6666666667%;
    }
     .field-item.field-item--xs-2-6 {
         width: 33.3333333333%;
    }
     .field-item.field-item--xs-3-6 {
         width: 50%;
    }
     .field-item.field-item--xs-4-6 {
         width: 66.6666666667%;
    }
     .field-item.field-item--xs-5-6 {
         width: 83.3333333333%;
    }
     .field-item.field-item--xs-6-6 {
         width: 100%;
    }
}
 .field-item .custom-select a, .field-item input {
     border-left: 0;
}
 .form-small {
     max-width: 370px;
     margin: 0 auto;
     text-align: center;
}
 .form-small .field-row {
     margin-bottom: 20px;
}
 @media screen and (max-width: 991px) {
     .form-small .field-row {
         margin-bottom: 20px;
    }
}
 .form-small .field .field__label {
     margin-bottom: 20px;
}
 @media screen and (max-width: 767px) {
     .form-small .field .field__label {
         margin-bottom: 15px;
    }
}
 .form-medium {
     max-width: 480px;
     margin: 0 auto;
     text-align: center;
}
 .form-medium .field-row {
     margin-bottom: 20px;
}
 @media screen and (max-width: 991px) {
     .form-medium .field-row {
         margin-bottom: 20px;
    }
}
 .form-medium .field .field__label {
     margin-bottom: 20px;
}
 @media screen and (max-width: 767px) {
     .form-medium .field .field__label {
         margin-bottom: 15px;
    }
}
 .form-checklist .field-grid td {
     font-size: 14px;
}
 .form-checklist .custom-checkbox {
     font-size: 14px;
}
 .ui-datepicker {
     width: 320px;
     background: #fff;
}
 .ui-datepicker .ui-datepicker-prev {
     margin-left: 10px;
}
 .ui-datepicker .ui-datepicker-next {
     float: right;
     margin-right: 10px;
}
 .ui-datepicker .ui-datepicker-title {
     text-align: center;
}
 .ui-datepicker .ui-datepicker-calendar {
     margin: 10px 0;
     width: 100%;
}
 .ui-datepicker .ui-datepicker-calendar th {
     width: 14%;
}
 .ui-datepicker .ui-datepicker-calendar td {
     padding: 5px;
     text-align: center;
}
/* END General Style for Forms and Fields */
/* ------------------------------------------ */
/* Style for gallery-slider */
/* ------------------------------------------ */
 .gallery-slider {
     position: relative;
}
 .gallery-slider__slider {
     position: relative;
}
 .gallery-slider__slider .swiper-wrapper {
     overflow: hidden;
}
 .gallery-slider__item-inner {
     background: #282828;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-align-content: stretch;
     -ms-flex-line-pack: stretch;
     align-content: stretch;
     width: 100%;
}
 @media screen and (max-width: 767px) {
     .gallery-slider__item-inner {
         display: block;
    }
}
 .gallery-slider__img-holder {
     display: inline-block;
     vertical-align: middle;
     width: 50%;
     position: relative;
     text-align: center;
     font-size: 0;
     white-space: nowrap;
}
 .gallery-slider__img-holder:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .gallery-slider__img-holder a {
     display: inline-block;
     vertical-align: middle;
}
 .gallery-slider__img-holder img {
     display: inline-block;
     max-height: 500px;
}
 .trident .gallery-slider__img-holder img {
     max-width: 50vw;
}
 @media screen and (max-width: 767px) {
     .gallery-slider__img-holder {
         display: block;
         width: 100%;
    }
     .gallery-slider__img-holder img {
         max-height: 400px;
    }
     .trident .gallery-slider__img-holder img {
         max-width: 100vw;
    }
}
 .gallery-slider__info-holder {
     background: #282828;
     display: inline-block;
     vertical-align: middle;
     width: 50%;
     color: #FFF;
     position: relative;
     padding: 30px 6% 120px;
     white-space: nowrap;
}
 .gallery-slider__info-holder:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .gallery-slider__info-holder .gallery-slider__info-holder-inner {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
}
 .gallery-slider__info-holder > * {
     white-space: normal;
}
 @media screen and (max-width: 1480px) {
     .gallery-slider__info-holder {
         padding-bottom: 60px;
    }
}
 @media screen and (max-width: 767px) {
     .gallery-slider__info-holder {
         display: block;
         width: 100%;
         padding: 50px 6%;
    }
     .gallery-slider__info-holder:before {
         display: none;
    }
}
 .gallery-slider__count {
     font-size: 32px;
     font-weight: bold;
     width: 3em;
     height: 1.7em;
     position: absolute;
     bottom: 60px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     overflow: hidden;
}
 @media screen and (max-width: 1480px) {
     .gallery-slider__count {
         font-size: 24px;
         bottom: 20px;
    }
}
 @media screen and (max-width: 991px) {
     .gallery-slider__count {
         font-size: 20px;
         bottom: 15px;
    }
}
 .gallery-slider__count:before {
     content: '';
     display: block;
     width: 2px;
     height: 70%;
     position: absolute;
     background: #FFF;
     top: 50%;
     left: 50%;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: translate(-50%, -50%) rotate(40deg);
     -ms-transform: translate(-50%, -50%) rotate(40deg);
     transform: translate(-50%, -50%) rotate(40deg);
}
 .gallery-slider__count .gallery-slider__count-current {
     position: absolute;
     top: 25%;
     left: 25%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .gallery-slider__count .gallery-slider__count-total {
     position: absolute;
     top: 75%;
     left: 75%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .gallery-slider__info-txt {
     color: #ffc62e;
}
 .theme--strategies .gallery-slider__info-txt {
     color: #c187ff;
}
 .theme--legal .gallery-slider__info-txt {
     color: #71cdff;
}
 .theme--community .gallery-slider__info-txt {
     color: #b0e600;
}
 .theme--business .gallery-slider__info-txt {
     color: #00ffae;
}
 .theme--infrastructure .gallery-slider__info-txt {
     color: #f7c624;
}
 .theme--information-security .gallery-slider__info-txt {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .gallery-slider__info-txt, .gallery-slider__info-label {
     display: block;
     width: 100%;
     margin: 0 auto 15px;
     font-size: 22px;
}
 .gallery-slider__info-txt:last-child, .gallery-slider__info-label:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 1480px) {
     .gallery-slider__info-txt, .gallery-slider__info-label {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .gallery-slider__info-txt, .gallery-slider__info-label {
         font-size: 14px;
         width: 90%;
    }
}
 @media screen and (max-width: 767px) {
     .gallery-slider__info-txt, .gallery-slider__info-label {
         font-size: 16px;
    }
}
 .gallery-slider__control {
     position: absolute;
     width: 50%;
     left: 50%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 15;
}
 @media screen and (max-width: 767px) {
     .gallery-slider__control {
         width: 100%;
         left: 0%;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         top: auto;
         bottom: 25%;
    }
}
 .gallery-slider__slider-next, .gallery-slider__slider-prev {
     position: absolute;
     width: 51px;
     height: 51px;
     display: block;
     background: url("./images/common/icons/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
}
 .theme--strategies .gallery-slider__slider-next, .theme--strategies .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/strategies/icon-slider-arrow.png");
}
 .theme--legal .gallery-slider__slider-next, .theme--legal .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/legal/icon-slider-arrow.png");
}
 .theme--community .gallery-slider__slider-next, .theme--community .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/community/icon-slider-arrow.png");
}
 .theme--business .gallery-slider__slider-next, .theme--business .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/business/icon-slider-arrow.png");
}
 .theme--infrastructure .gallery-slider__slider-next, .theme--infrastructure .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/infrastructure/icon-slider-arrow.png");
}
 .theme--information-security .gallery-slider__slider-next, .theme--information-security .gallery-slider__slider-prev {
     background-image: url("./images/common/icons/theme/information-security/icon-slider-arrow.png");
}
 @media screen and (max-width: 991px) {
     .gallery-slider__slider-next, .gallery-slider__slider-prev {
         width: 36px;
         height: 36px;
         margin-top: -18px;
    }
}
 @media screen and (max-width: 767px) {
     .gallery-slider__slider-next, .gallery-slider__slider-prev {
         width: 28px;
         height: 28px;
         margin-top: -14px;
    }
}
 .gallery-slider__slider-next {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     right: 4%;
}
 @media screen and (max-width: 767px) {
     .gallery-slider__slider-next {
         right: 2%;
    }
}
 .gallery-slider__slider-prev {
     left: 4%;
}
 @media screen and (max-width: 767px) {
     .gallery-slider__slider-prev {
         left: 2%;
    }
}
/* END Style gallery-slider */
/* ------------------------------------------ */
/* Style for general-index */
/* ------------------------------------------ */
 .general-index {
     position: relative;
     color: #000;
	 /*color: #FFF;*/
     background: url() no-repeat center center;
     background-size: cover;
	/*background: #000;*/
     background: #edefee;
}
 .general-index:before {
     content: '';
     position: absolute;
     display: block;
     width: 10000px;
     height: 6px;
     top: -3px;
     right: 0;
     background: #ffc62e;
}
 .theme--strategies .general-index:before {
     background: #c187ff;
}
 .theme--legal .general-index:before {
     background: #71cdff;
}
 .theme--community .general-index:before {
     background: #b0e600;
}
 .theme--business .general-index:before {
     background: #00ffae;
}
 .theme--infrastructure .general-index:before {
     background: #f7c624;
}
 .theme--information-security .general-index:before {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .general-index__head {
     max-width: 600px;
     padding-bottom: 60px;
}
 @media screen and (max-width: 991px) {
     .general-index__head {
         padding-bottom: 45px;
    }
}
 .general-index__title {
     line-height: 1.25em;
     margin: 0 0 30px;
}
 @media screen and (max-width: 767px) {
     .general-index__title {
         width: 100%;
    }
}
 .general-index__col .general-index__title {
     padding-right: 35px;
}
 @media screen and (max-width: 991px) {
     .general-index__col .general-index__title {
         padding-right: 20px;
    }
}
 .general-index__desc {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     line-height: 1.5em;
     margin: 0 0 30px;
     font-size: 16px;
}
 .general-index__desc:last-child {
     margin-bottom: 0;
}
 .general-index__links {
     position: relative;
     width: 100%;
     font-size: 0;
     padding: 0 0 60px;
}
 .general-index__links a:hover {
     color: #e66000;
}
 @media screen and (max-width: 991px) {
     .general-index__links {
         padding: 0 0 45px;
    }
}
 .general-index__col {
     display: inline-block;
     vertical-align: top;
     position: relative;
     width: 50%;
}
 @media screen and (max-width: 991px) {
     .general-index__col {
         width: 100%;
         margin-bottom: 25px;
    }
     .general-index__col:last-child {
         margin-bottom: 0;
    }
}
 .general-index__link {
     display: block;
     position: relative;
	 color: #000;
     /*color: #FFF;*/
     width: 100%;
     font-weight: bold;
     margin-bottom: 25px;
     padding-left: 35px;
     padding-right: 35px;
     font-size: 20px;
}
 @media screen and (max-width: 991px) {
     .general-index__link {
         font-size: 16px;
         padding-right: 20px;
    }
}
 @media screen and (max-width: 640px) {
     .general-index__link {
         font-size: 14px;
    }
}

 
 .theme--strategies .general-index__link:hover {
		/*color: #c187ff;*/
		color: #a968eb;
}
 .theme--legal .general-index__link:hover {
		/*color: #71cdff;*/
		color: #007bbd;
}
 .theme--community .general-index__link:hover {
     /*color: #b0e600;*/
	 color: #6f9400;
}
 .theme--business .general-index__link:hover {
		/*color: #00ffae;*/
		color: #00a36d;
}
 .theme--infrastructure .general-index__link:hover {
		/*color: #f7c624;*/
		color: #a88c15;
}
 .theme--information-security .general-index__link:hover {
		/*color: #f27486;*/
		color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .general-index__link:last-child {
     margin-bottom: 0;
}
 .general-index__link > .general-index__link-icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 30px;
}
/* END Style general-index */
/* ------------------------------------------ */
/* Style for header-contact */
/* ------------------------------------------ */
 .header-contact {
     color: #000;
     font-size: 0;
}
 .header-contact__holder {
     display: inline-block;
     vertical-align: top;
     position: relative;
     font-size: 16px;
     z-index: 20;
     width: 28%;
}
 .header-contact__holder:first-child {
    width: 37%; /* Three Columns */
	/* width: 50%; *//* Two Columns */
}
 .header-contact__holder:last-child {
    width: 34%; /* Three Columns */
	  /*width: 50%;*//* Two Columns */
}
 .header-contact__notes {
     display: block;
     color: #000;
     margin-bottom: 10px;
     position: relative;
}
 .header-contact__map-holder {
     width: 100%;
     position: relative;
     max-width: 300px;
     margin-bottom: 15px;
}
 .header-contact__map-holder:before {
     content: '';
     width: 100%;
     position: relative;
     display: block;
     padding-bottom: 75%;
     z-index: -1;
}
 .header-contact__map {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 5;
     background: #000;
}
 .header-contact__info-item {
     position: relative;
     width: 100%;
     margin-bottom: 30px;
}
 .header-contact__contact {
     display: block;
     color: #000;
     margin-bottom: 10px;
     position: relative;
     padding-left: 35px;
}
 .header-contact__contact:hover {
     color: #eb6100;
     opacity: 1;
}
 .header-contact__contact:before {
     content: '';
     display: block;
     width: 28px;
     height: 28px;
     position: absolute;
     left: 0;
     top: -2px;
     background: url() no-repeat center center;
     background-size: 100%;
}
 .header-contact__contact.header-contact__contact--tel:before {
     background-image: url("./images/common/icons/icon-contact-tel-orange.png");
}
 .header-contact__contact.header-contact__contact--fax:before {
     background-image: url("./images/common/icons/icon-contact-fax-orange.png");
}
 .header-contact__contact.header-contact__contact--email:before {
     background-image: url("./images/common/icons/icon-contact-email-orange.png");
}
/* END Style header-contact */
/* ------------------------------------------ */
/* Style for header-main */
/* ------------------------------------------ */
 .header-logo {
     width: 452px;
     position: absolute;
     left: 0;
     font-size: 0;
     height: 100%;
     white-space: nowrap;
     text-align: left;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-direction: row;
	  -ms-flex-direction: row;
	  flex-direction: row;
	  -webkit-flex-wrap: nowrap;
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	  -webkit-justify-content: flex-start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	  -webkit-align-content: center;
	  -ms-flex-line-pack: center;
	  align-content: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center; 
}
 .header-logo:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 @media screen and (max-width: 1480px) {
     .header-logo {
         width: 420px;
    }
}
 @media screen and (max-width: 1280px) {
     .header-logo {
         width: 360px;
    }
}
 @media screen and (max-width: 991px) {
     .header-logo {
         width: 240px;
    }
}
 @media screen and (max-width: 480px) {
     .header-logo {
         width: 160px;
    }
}
 @media screen and (max-width: 280px) {
     .header-logo {
         width: 120px;
    }
}
   :lang(en) .header-logo .header-logo__long-white, :lang(en)
  .header-logo .header-logo__long {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    max-width: 452px; }
    @media screen and (max-width: 1480px) {
      :lang(en) .header-logo .header-logo__long-white, :lang(en)
      .header-logo .header-logo__long {
        max-width: 420px; } }
    @media screen and (max-width: 1280px) {
      :lang(en) .header-logo .header-logo__long-white, :lang(en)
      .header-logo .header-logo__long {
        max-width: 360px; } }
  .header-logo .header-logo__short, .header-logo .header-logo__short-white {
    max-width: 150px;
    width: 100%; }
    :lang(en) .header-logo .header-logo__short,
    :lang(en) .header-logo .header-logo__short-white {
      width: auto; }
 .header-logo .header-logo__long-white, .header-logo .header-logo__long, .header-logo .header-logo__short, .header-logo .header-logo__short-white {
     vertical-align: middle;
}
 .header-logo .header-logo__long-white {
     display: inline-block;
}
 .header-logo .header-logo__long, .header-logo .header-logo__short, .header-logo .header-logo__short-white {
     display: none;
}
 [data-key-txt-color="black"] .header-logo .header-logo__long, .mob-menu-open .header-logo .header-logo__long, .header--small .header-logo .header-logo__long {
     display: inline-block;
}
 [data-key-txt-color="black"] .header-logo .header-logo__long-white, [data-key-txt-color="black"] .header-logo .header-logo__short, [data-key-txt-color="black"] .header-logo .header-logo__short-white, .mob-menu-open .header-logo .header-logo__long-white, .mob-menu-open .header-logo .header-logo__short, .mob-menu-open .header-logo .header-logo__short-white, .header--small .header-logo .header-logo__long-white, .header--small .header-logo .header-logo__short, .header--small .header-logo .header-logo__short-white {
     display: none;
}
 @media screen and (max-width: 991px) {
     .header-logo .header-logo__long, .header-logo .header-logo__long-white, .header-logo .header-logo__short {
         display: none;
    }
     .header-logo .header-logo__short-white {
         display: inline-block;
    }
     [data-key-txt-color="black"] .header-logo .header-logo__long, [data-key-txt-color="black"] .header-logo .header-logo__long-white, [data-key-txt-color="black"] .header-logo .header-logo__short-white, .mob-menu-open .header-logo .header-logo__long, .mob-menu-open .header-logo .header-logo__long-white, .mob-menu-open .header-logo .header-logo__short-white, .header--small .header-logo .header-logo__long, .header--small .header-logo .header-logo__long-white, .header--small .header-logo .header-logo__short-white {
         display: none;
    }
     [data-key-txt-color="black"] .header-logo .header-logo__short, .mob-menu-open .header-logo .header-logo__short, .header--small .header-logo .header-logo__short {
         display: inline-block;
    }
}
 .header-logo:hover {
     opacity: 1;
}
/* END Style header-main */
/* ------------------------------------------ */
/* Style for header-nav */
/* ------------------------------------------ */
 @-webkit-keyframes ani-submenu {
     0% {
         -webkit-transform: scale(1, 0);
         -ms-transform: scale(1, 0);
         transform: scale(1, 0);
    }
     100% {
         -webkit-transform: scale(1, 1);
         -ms-transform: scale(1, 1);
         transform: scale(1, 1);
    }
}
 @keyframes ani-submenu {
     0% {
         -webkit-transform: scale(1, 0);
         -ms-transform: scale(1, 0);
         transform: scale(1, 0);
    }
     100% {
         -webkit-transform: scale(1, 1);
         -ms-transform: scale(1, 1);
         transform: scale(1, 1);
    }
}
 .header-nav {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     height: 100%;
     white-space: normal;
}
 @media screen and (max-width: 991px) {
     .header-nav {
         display: none;
    }
}
 .header-nav__link-holder {
     display: inline-block;
     height: 100%;
     position: relative;
     margin-right: 14px;
     z-index: 10;
}
 @media screen and (max-width: 1600px) {
     .header-nav__link-holder {
         margin-right: 15px;
    }
}
 @media screen and (max-width: 1200px) {
     .header-nav__link-holder {
         margin-right: 10px;
    }
}
 @media screen and (max-width: 1100px) {
     .header-nav__link-holder {
         margin-right: 5px;
    }
}
 .header-nav__link-holder:last-child {
     margin-right: 0;
}
 .header-nav__link-holder:after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     left: 0;
     top: 100%;
     position: absolute;
     background: #eb6100;
     transition: 0.4s 0.1s;
     -webkit-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top;
}
 .header-nav__link-holder.is-focus, .header-nav__link-holder.is-open, .header-nav__link-holder:hover {
     opacity: 1;
}
 .header-nav__link-holder.is-focus + .header-nav__sub-holder, .header-nav__link-holder.is-open + .header-nav__sub-holder, .header-nav__link-holder:hover + .header-nav__sub-holder {
     display: block;
}
 .header-nav__link {
     display: block;
     height: 100%;
     font-size: 15px;
     font-weight: bold;
     position: relative;
     z-index: 10;
}
 .header-nav__link:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .header-nav__link > span {
     display: inline-block;
     vertical-align: middle;
}
 @media screen and (max-width: 1200px) {
     .header-nav__link {
         font-size: 14px;
    }
}
 @media screen and (max-width: 1100px) {
     .header-nav__link {
         font-size: 12px;
    }
}
 [data-key-txt-color="black"] .header-nav__link {
     color: #000;
}
 .header-nav__link:after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     left: 0;
     bottom: -3px;
     position: absolute;
     background: #eb6100;
     transition: 0s;
     -webkit-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top;
}
 .header-nav__link.has-sub:after {
     width: 10000px;
     left: -5000px;
}
 .header-nav__link.is-active {
     color: #eb6100;
}
 .is-focus .header-nav__link, .is-open .header-nav__link, .is-hover .header-nav__link, .header-nav__link:focus, .header-nav__link:hover {
     opacity: 1;
     color: #eb6100;
}
 .is-focus .header-nav__link:after, .is-open .header-nav__link:after, .is-hover .header-nav__link:after, .header-nav__link:focus:after, .header-nav__link:hover:after {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     transition: 0.3s 0.1s;
}
 .is-focus .header-nav__link.has-sub:after, .is-open .header-nav__link.has-sub:after, .is-hover .header-nav__link.has-sub:after, .header-nav__link:focus.has-sub:after, .header-nav__link:hover.has-sub:after {
     transition: 3s 0.1s;
}
 .is-hover .header-nav__link.has-sub:after {
     transition: 0s;
}
 .header-nav__link:last-child {
     margin-right: 0;
}
 .header-nav__sub-holder {
     position: absolute;
     top: 100%;
     left: 0;
     padding: 30px 0 15px;
     width: 100%;
     text-align: left;
     z-index: 5;
     font-size: 0px;
     display: none;
}
 .header-nav__sub-holder:hover {
     display: block;
}
 .header-nav__sub-holder:before {
     content: '';
     z-index: 0;
     display: block;
     position: absolute;
     height: 42px;
     width: 100%;
     bottom: 100%;
     left: 0;
}
 .header--small .header-nav__sub-holder:before {
     height: 30px;
}
 .header-nav__sub-holder:after {
     content: '';
     z-index: 0;
     display: block;
     position: absolute;
     top: 0;
     height: 100%;
     width: 10000px;
     left: -5000px;
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
 @media screen and (max-width: 991px) {
     .header-nav__sub-holder {
         display: none !important;
    }
}
 .header-nav__link-group {
     display: none;
     position: relative;
     z-index: 10;
}
 .header-nav__link-group.is-active {
     display: block;
}
 .header-nav__group-control {
     display: block;
     position: relative;
     z-index: 10;
     padding: 2px 10px;
}
 .header-nav__group-back {
     display: inline-block;
     position: relative;
     z-index: 10;
     font-size: 16px;
     color: #000;
     margin-bottom: 15px;
}
 .header-nav__group-back:hover {
     color: #eb6100;
     opacity: 1;
}
 .header-nav__group-title {
     display: block;
     position: relative;
     z-index: 10;
     font-size: 20px;
     color: #000;
     font-weight: bold;
     padding: 2px 10px;
     margin-bottom: 15px;
}
 .header-nav__group-title:hover {
     color: #eb6100;
     opacity: 1;
}
 .header-nav__sub-link {
     display: inline-block;
     vertical-align: top;
     position: relative;
     width: 33.33333%;
     font-size: 16px;
     margin-bottom: 15px;
     color: #000;
     position: relative;
     padding: 2px 10px;
     z-index: 1;
}
 [data-menu-lv="1"] .header-nav__sub-link {
     padding-left: 34px;
}
 .header-nav__sub-link > .header-nav__link-icon {
     position: absolute;
     left: 0;
     top: 3px;
     width: 24px;
}
 .header-nav__sub-link:hover {
     opacity: 1;
     color: #eb6100;
}
 .header-nav__sub-link:last-child {
     margin-bottom: 0;
}
 .header-nav__text-control {
     display: inline-block;
     vertical-align: middle;
     font-size: 0;
     margin-right: 14px;
}
 @media screen and (max-width: 1600px) {
     .header-nav__text-control {
         margin-right: 15px;
    }
}
 @media screen and (max-width: 1200px) {
     .header-nav__text-control {
         margin-right: 5px;
    }
}
 .header-nav__text-control:last-child {
     margin-right: 0;
}
 .header-nav__text-control a {
     display: inline-block;
     vertical-align: baseline;
     font-size: 12px;
     margin-right: 10px;
}
 [data-key-txt-color="black"] .header-nav__text-control a {
     color: #000;
}
 .header-nav__text-control a:last-child {
     margin-right: 0;
}
 .header-nav__text-control a:hover {
     opacity: 1;
     color: #eb6100;
}
 [data-key-txt-color="black"] .header-nav__text-control a:hover {
     color: #eb6100;
}
 .header-nav__tools-holder {
     display: inline-block;
     vertical-align: middle;
     height: 100%;
     font-size: 0;
     margin-right: 20px;
}
 @media screen and (max-width: 1600px) {
     .header-nav__tools-holder {
         margin-right: 15px;
    }
}
 .header-nav__tools-holder:last-child {
     margin-right: 0;
}
 .header-nav__tools-sub-holder {
     display: none;
     position: absolute;
     top: 100%;
     left: 50%;
     padding: 8px 15px 12px;
     text-align: left;
     z-index: 5;
     min-width: 80px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     margin-top: -20px;
     background: #FFF;
     box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
 @media screen and (max-width: 1480px) {
     .header-nav__tool--share .header-nav__tools-sub-holder {
         margin-left: -100px;
    }
}
 @media screen and (max-width: 991px) {
     .header-nav__tools-sub-holder {
         display: none !important;
    }
}
 .header-nav__tools-sub-holder:after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     left: 0;
     top: 0;
     position: absolute;
     background: #eb6100;
}
 .header-nav__tools-sublink {
     display: block;
     color: #000;
     font-size: 14px;
     text-align: center;
}
 .header-nav__tools-sublink:hover {
     opacity: 1;
     color: #eb6100;
}
 .header-nav__tool {
     width: 20px;
     height: 100%;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
     background: url() no-repeat center center;
     background-size: 100% auto;
     z-index: 5;
}
 .header-nav__tool.is-hidden {
     display: none !important;
}
 .mob-nav__control .header-nav__tool {
     width: 24px;
     height: 24px;
}
 .mob-nav__control .header-nav__tool:nth-child(1), .mob-nav__control .header-nav__tool:nth-child(2), .mob-nav__control .header-nav__tool:nth-child(3), .mob-nav__control .header-nav__tool:nth-child(4), .mob-nav__control .header-nav__tool:nth-child(5) {
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
     opacity: 1;
}
 .header-nav__tool .header-nav__tool-trigger {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}
 .header-nav__tool:last-child {
     margin-right: 0;
}
 .header-nav__tool img {
     width: 100%;
     display: block;
     margin: 0;
}
 .header-nav__tool.is-active .header-nav__tools-sub-holder {
     display: block;
}
 .header-nav__tool.header-nav__tool--lang {
     background-image: url("./images/common/icons/svg/white/icon-lang.svg");
}
 .header-nav__tool.header-nav__tool--lang:hover {
     background-image: url("./images/common/icons/svg/orange/icon-lang.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--lang, .page-demo .header-nav__tool.header-nav__tool--lang, .mob-nav .header-nav__tool.header-nav__tool--lang, .header--small .header-nav__tool.header-nav__tool--lang {
     background-image: url("./images/common/icons/svg/black/icon-lang.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--lang:hover, .page-demo .header-nav__tool.header-nav__tool--lang:hover, .mob-nav .header-nav__tool.header-nav__tool--lang:hover, .header--small .header-nav__tool.header-nav__tool--lang:hover {
     background-image: url("./images/common/icons/svg/orange/icon-lang.svg");
}
 .header-nav__tool.header-nav__tool--print {
     background-image: url("./images/common/icons/svg/white/icon-printer.svg");
}
 .header-nav__tool.header-nav__tool--print:hover {
     background-image: url("./images/common/icons/svg/orange/icon-printer.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--print, .page-demo .header-nav__tool.header-nav__tool--print, .mob-nav .header-nav__tool.header-nav__tool--print, .header--small .header-nav__tool.header-nav__tool--print {
     background-image: url("./images/common/icons/svg/black/icon-printer.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--print:hover, .page-demo .header-nav__tool.header-nav__tool--print:hover, .mob-nav .header-nav__tool.header-nav__tool--print:hover, .header--small .header-nav__tool.header-nav__tool--print:hover {
     background-image: url("./images/common/icons/svg/orange/icon-printer.svg");
}
 .header-nav__tool.header-nav__tool--share {
	 z-index: 6;
     background-image: url("./images/common/icons/svg/white/icon-share.svg");
}
 .header-nav__tool.header-nav__tool--share:hover {
     background-image: url("./images/common/icons/svg/orange/icon-share.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--share, .page-demo .header-nav__tool.header-nav__tool--share, .mob-nav .header-nav__tool.header-nav__tool--share, .header--small .header-nav__tool.header-nav__tool--share {
     background-image: url("./images/common/icons/svg/black/icon-share.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--share:hover, .page-demo .header-nav__tool.header-nav__tool--share:hover, .mob-nav .header-nav__tool.header-nav__tool--share:hover, .header--small .header-nav__tool.header-nav__tool--share:hover {
     background-image: url("./images/common/icons/svg/orange/icon-share.svg");
}
 .header-nav__tool.header-nav__tool--search {
     display: none;
     background-image: url("./images/common/icons/svg/white/icon-zoom.svg");
}
 .header--small .header-nav__tool.header-nav__tool--search {
     display: inline-block;
}
 .header-nav__tool.header-nav__tool--search + .header-nav__sub-holder {
     z-index: -1;
}
 .header-nav__tool.header-nav__tool--search:hover {
     background-image: url("./images/common/icons/svg/orange/icon-zoom.svg");
}
 .header-nav__tool.header-nav__tool--search.is-focus, .header-nav__tool.header-nav__tool--search.is-open, .header-nav__tool.header-nav__tool--search:hover {
     opacity: 1;
}
 .header-nav__tool.header-nav__tool--search.is-focus + .header-nav__sub-holder, .header-nav__tool.header-nav__tool--search.is-open + .header-nav__sub-holder, .header-nav__tool.header-nav__tool--search:hover + .header-nav__sub-holder {
     display: block;
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--search, .page-demo .header-nav__tool.header-nav__tool--search, .mob-nav .header-nav__tool.header-nav__tool--search, .header--small .header-nav__tool.header-nav__tool--search {
     background-image: url("./images/common/icons/svg/black/icon-zoom.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--search:hover, .page-demo .header-nav__tool.header-nav__tool--search:hover, .mob-nav .header-nav__tool.header-nav__tool--search:hover, .header--small .header-nav__tool.header-nav__tool--search:hover {
     background-image: url("./images/common/icons/svg/orange/icon-zoom.svg");
}
 .header-nav__tool.header-nav__tool--news {
     background-image: url("./images/common/icons/svg/white/icon-alert.svg");
}
 .header-nav__tool.header-nav__tool--news.is-active, .header-nav__tool.header-nav__tool--news:hover {
     background-image: url("./images/common/icons/svg/orange/icon-alert.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--news, .page-demo .header-nav__tool.header-nav__tool--news, .mob-nav .header-nav__tool.header-nav__tool--news, .header--small .header-nav__tool.header-nav__tool--news {
     background-image: url("./images/common/icons/svg/black/icon-alert.svg");
}
 [data-key-txt-color="black"] .header-nav__tool.header-nav__tool--news:hover, .page-demo .header-nav__tool.header-nav__tool--news:hover, .mob-nav .header-nav__tool.header-nav__tool--news:hover, .header--small .header-nav__tool.header-nav__tool--news:hover {
     background-image: url("./images/common/icons/svg/orange/icon-alert.svg");
}
 .header-nav__tool--share-trigger {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}
 .header-nav__tool-trigger:after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     left: 0;
     top: 100%;
     position: absolute;
     background: #eb6100;
     transition: 0 0.1s;
     -webkit-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top;
     width: 10000px;
     left: -5000px;
}
 .header-nav__tool-trigger.has-sub:after {
     width: 10000px;
     left: -5000px;
}
 .header-nav__tool-trigger.is-active {
     color: #eb6100;
}
 .is-focus .header-nav__tool-trigger, .is-open .header-nav__tool-trigger, .is-hover .header-nav__tool-trigger, .header-nav__tool-trigger:focus, .header-nav__tool-trigger:hover {
     opacity: 1;
     color: #eb6100;
}
 .is-focus .header-nav__tool-trigger:before, .is-open .header-nav__tool-trigger:before, .is-hover .header-nav__tool-trigger:before, .header-nav__tool-trigger:focus:before, .header-nav__tool-trigger:hover:before {
     content: '';
     display: block;
     position: absolute;
     width: 300px;
     height: 40%;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: -1;
}
 .is-focus .header-nav__tool-trigger:after, .is-open .header-nav__tool-trigger:after, .is-hover .header-nav__tool-trigger:after, .header-nav__tool-trigger:focus:after, .header-nav__tool-trigger:hover:after {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     transition: 0.3s 0.1s;
}
 .is-focus .header-nav__tool-trigger.has-sub:after, .is-open .header-nav__tool-trigger.has-sub:after, .is-hover .header-nav__tool-trigger.has-sub:after, .header-nav__tool-trigger:focus.has-sub:after, .header-nav__tool-trigger:hover.has-sub:after {
     transition: 3s 0.1s;
}
 .is-hover .header-nav__tool-trigger.has-sub:after {
     transition: 0s;
}
/* END Style header-nav */
/* ------------------------------------------ */
/* Style for header-toolkit */
/* ------------------------------------------ */
/* Style for icon-link */
/* ------------------------------------------ */
 .icon-link {
     font-weight: bold;
     white-space: nowrap;
}
 .icon-link:hover {
     opacity: 1;
}
 .icon-link:hover span {
     text-decoration: underline;
}
 .icon-link img {
     display: inline-block;
     vertical-align: middle;
     width: 20px;
}
 .icon-link.icon-link--download:before {
     content: '';
     width: 20px;
     height: 20px;
     display: inline-block;
     vertical-align: middle;
     background: url("./images/common/icons/icon-download.png") no-repeat center center;
     background-size: 100%;
     margin-right: 5px;
}
 .icon-link.icon-link--pdf:before {
     content: '';
     width: 16px;
     height: 16px;
     display: inline-block;
     vertical-align: middle;
     background: url("./images/common/icons/pdf.gif") no-repeat center center;
     background-size: 100%;
     margin-right: 5px;
}
 .icon-link.icon-link--pdf {
     font-size: 14px;
}
 .icon-link span {
     display: inline-block;
     vertical-align: middle;
     white-space: normal;
}
/* END Style icon-link */
/* ------------------------------------------ */
/* Style for image-slider */
/* ------------------------------------------ */
 .image-slider {
     position: relative;
     background: #282828;
     padding: 80px 0 60px;
}
 @media screen and (max-width: 991px) {
     .image-slider {
         padding: 60px 0 40px;
    }
}
 @media screen and (max-width: 767px) {
     .image-slider {
         padding: 45px 0 35px;
    }
}
 .accordion .image-slider {
     padding-left: 30px;
     padding-right: 30px;
}
 @media screen and (max-width: 767px) {
     .accordion .image-slider {
         padding-left: 10px;
         padding-right: 10px;
    }
}
 .image-slider__title {
     margin-bottom: 60px;
}
 .theme--strategies .image-slider__title {
     color: #c187ff;
}
 .theme--legal .image-slider__title {
     color: #71cdff;
}
 .theme--community .image-slider__title {
     color: #b0e600;
}
 .theme--business .image-slider__title {
     color: #00ffae;
}
 .theme--infrastructure .image-slider__title {
     color: #f7c624;
}
 .theme--information-security .image-slider__title {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 @media screen and (max-width: 767px) {
     .image-slider__title {
         margin-bottom: 30px;
    }
}
 .image-slider__slider {
     position: relative;
}
 .accordion .image-slider__slider {
     padding-bottom: 30px;
}
 .image-slider__slider .swiper-wrapper {
     overflow: hidden;
}
 .image-slider__item-inner {
     position: relative;
     background: #282828;
     padding: 0 120px;
     text-align: center;
}
 @media screen and (max-width: 1480px) {
     .image-slider__item-inner {
         padding: 0 100px;
    }
}
 @media screen and (max-width: 991px) {
     .image-slider__item-inner {
         padding: 0 60px;
    }
}
 @media screen and (max-width: 767px) {
     .image-slider__item-inner {
         padding: 0 35px;
    }
}
 .image-slider__img-holder {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     text-align: center;
     max-width: 720px;
     height: 500px;
     overflow-y: auto;
}
 @media screen and (max-width: 1480px) {
     .image-slider__img-holder {
         height: 450px;
    }
}
 @media screen and (max-width: 991px) {
     .image-slider__img-holder {
         height: 380px;
    }
}
 @media screen and (max-width: 767px) {
     .image-slider__img-holder {
         height: 300px;
    }
}
 .image-slider__img-holder .overview {
     text-align: center;
     width: 100%;
}
 .image-slider__img-holder.scrollable.default-skin .scroll-bar .thumb {
     background: #FFF;
}
 .image-slider__img-holder img {
     display: block;
     margin: 0 auto;
}
 .image-slider__count {
     font-size: 32px;
     font-weight: bold;
     width: 3em;
     height: 1.7em;
     position: absolute;
     bottom: 60px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     overflow: hidden;
}
 @media screen and (max-width: 1480px) {
     .image-slider__count {
         font-size: 24px;
         bottom: 20px;
    }
}
 @media screen and (max-width: 991px) {
     .image-slider__count {
         font-size: 20px;
         bottom: 15px;
    }
}
 .image-slider__count:before {
     content: '';
     display: block;
     width: 2px;
     height: 70%;
     position: absolute;
     background: #FFF;
     top: 50%;
     left: 50%;
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: translate(-50%, -50%) rotate(40deg);
     -ms-transform: translate(-50%, -50%) rotate(40deg);
     transform: translate(-50%, -50%) rotate(40deg);
}
 .image-slider__count .image-slider__count-current {
     position: absolute;
     top: 25%;
     left: 25%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .image-slider__count .image-slider__count-total {
     position: absolute;
     top: 75%;
     left: 75%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .image-slider__info-txt {
     color: #ffc62e;
}
 .theme--strategies .image-slider__info-txt {
     color: #c187ff;
}
 .theme--legal .image-slider__info-txt {
     color: #71cdff;
}
 .theme--community .image-slider__info-txt {
     color: #b0e600;
}
 .theme--business .image-slider__info-txt {
     color: #00ffae;
}
 .theme--infrastructure .image-slider__info-txt {
     color: #f7c624;
}
 .theme--information-security .image-slider__info-txt {
     /*color: #f27486;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .image-slider__pagination {
     margin-top: 30px;
     text-align: center;
}
 .image-slider__pagination .swiper-pagination-bullet {
     width: 10px;
     height: 10px;
     border: 1px solid #FFF;
     opacity: 1;
}
 .theme--strategies .image-slider__pagination .swiper-pagination-bullet {
     background: #c187ff;
}
 .theme--legal .image-slider__pagination .swiper-pagination-bullet {
     background: #71cdff;
}
 .theme--community .image-slider__pagination .swiper-pagination-bullet {
     background: #b0e600;
}
 .theme--business .image-slider__pagination .swiper-pagination-bullet {
     background: #00ffae;
}
 .theme--infrastructure .image-slider__pagination .swiper-pagination-bullet {
     background: #f7c624;
}
 .theme--information-security .image-slider__pagination .swiper-pagination-bullet {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .image-slider__pagination .swiper-pagination-bullet {
     border-color: #c187ff;
}
 .theme--legal .image-slider__pagination .swiper-pagination-bullet {
     border-color: #71cdff;
}
 .theme--community .image-slider__pagination .swiper-pagination-bullet {
     border-color: #b0e600;
}
 .theme--business .image-slider__pagination .swiper-pagination-bullet {
     border-color: #00ffae;
}
 .theme--infrastructure .image-slider__pagination .swiper-pagination-bullet {
     border-color: #f7c624;
}
 .theme--information-security .image-slider__pagination .swiper-pagination-bullet {
     /* border-color: #f27486;*/
	  border-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/ 
}
 .image-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: transparent;
}
 .image-slider__control {
     position: absolute;
     width: 100%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 15;
}
 .image-slider__slider-next, .image-slider__slider-prev {
     position: absolute;
     width: 51px;
     height: 51px;
     display: block;
     background: url("./images/common/icons/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
}
 .theme--strategies .image-slider__slider-next, .theme--strategies .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/strategies/icon-slider-arrow.png");
}
 .theme--legal .image-slider__slider-next, .theme--legal .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/legal/icon-slider-arrow.png");
}
 .theme--community .image-slider__slider-next, .theme--community .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/community/icon-slider-arrow.png");
}
 .theme--business .image-slider__slider-next, .theme--business .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/business/icon-slider-arrow.png");
}
 .theme--infrastructure .image-slider__slider-next, .theme--infrastructure .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/infrastructure/icon-slider-arrow.png");
}
 .theme--information-security .image-slider__slider-next, .theme--information-security .image-slider__slider-prev {
     background-image: url("./images/common/icons/theme/information-security/icon-slider-arrow.png");
}
 @media screen and (max-width: 991px) {
     .image-slider__slider-next, .image-slider__slider-prev {
         width: 36px;
         height: 36px;
         margin-top: -18px;
    }
}
 @media screen and (max-width: 767px) {
     .image-slider__slider-next, .image-slider__slider-prev {
         width: 28px;
         height: 28px;
         margin-top: -14px;
    }
}
 .image-slider__slider-next {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     right: 0;
}
 .image-slider__slider-prev {
     left: 0;
}
/* END Style image-slider */
/* ------------------------------------------ */
/* Style for info-list */
/* ------------------------------------------ */
 .info-list > .content-wrapper, .info-list > .mainHolder, .info-list > .main-banner__content-holder, .info-list > .block-homesquare-main-menu-menu, .info-list > .static-banner__content {
     padding-bottom: 30px;
}
 .info-list > .content-wrapper:last-child, .info-list > .mainHolder:last-child, .info-list > .main-banner__content-holder:last-child, .info-list > .block-homesquare-main-menu-menu:last-child, .info-list > .static-banner__content:last-child {
     padding-bottom: 100px;
}
 @media screen and (max-width: 1580px) {
     .info-list > .content-wrapper:last-child, .info-list > .mainHolder:last-child, .info-list > .main-banner__content-holder:last-child, .info-list > .block-homesquare-main-menu-menu:last-child, .info-list > .static-banner__content:last-child {
         padding-bottom: 80px;
    }
}
 @media screen and (max-width: 991px) {
     .info-list > .content-wrapper:last-child, .info-list > .mainHolder:last-child, .info-list > .main-banner__content-holder:last-child, .info-list > .block-homesquare-main-menu-menu:last-child, .info-list > .static-banner__content:last-child {
         padding-bottom: 60px;
    }
}
 @media screen and (max-width: 767px) {
     .info-list > .content-wrapper:last-child, .info-list > .mainHolder:last-child, .info-list > .main-banner__content-holder:last-child, .info-list > .block-homesquare-main-menu-menu:last-child, .info-list > .static-banner__content:last-child {
         padding-bottom: 40px;
    }
}
 #skiptargetholder + .info-list > .content-wrapper, #skiptargetholder + .info-list > .mainHolder, #skiptargetholder + .info-list > .main-banner__content-holder, #skiptargetholder + .info-list > .block-homesquare-main-menu-menu, #skiptargetholder + .info-list > .static-banner__content {
     padding-top: 0;
}
 .info-list__title {
     padding-left: 45px;
     display: block;
     max-width: 880px;
     line-height: 1.2em;
     position: relative;
}
 .info-list__title:before {
     content: '';
     display: block;
     width: 70px;
     background: #ffc62e;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
}
 .theme--strategies .info-list__title:before {
     background: #c187ff;
}
 .theme--legal .info-list__title:before {
     background: #71cdff;
}
 .theme--community .info-list__title:before {
     background: #b0e600;
}
 .theme--business .info-list__title:before {
     background: #00ffae;
}
 .theme--infrastructure .info-list__title:before {
     background: #f7c624;
}
 .theme--information-security .info-list__title:before {
     background: #f27486;
}
 .info-list__title span {
     display: block;
     width: 100%;
     position: relative;
}
 .info-list__logo {
     display: inline-block;
     vertical-align: middle;
     margin-right: 45px;
}
 .info-list__logo:last-child {
     margin-right: 0;
}
 @media screen and (max-width: 767px) {
     .info-list__logo {
         max-width: 90px;
    }
}
 .info-list__bottom {
     position: relative;
     display: table;
     width: 100%;
     margin-top: 30px;
}
 @media screen and (max-width: 767px) {
     .info-list__bottom {
         display: block;
    }
}
 .info-list__bottom-left {
     display: table-cell;
     text-align: left;
}
 @media screen and (max-width: 767px) {
     .info-list__bottom-left {
         margin-bottom: 15px;
         display: block;
         width: 100%;
    }
}
 .info-list__bottom-right {
     display: table-cell;
     text-align: right;
}
 @media screen and (max-width: 767px) {
     .info-list__bottom-right {
         display: block;
         text-align: left;
    }
}
/* END Style info-list */
/* ------------------------------------------ */
/* Style for info-table */
/* ------------------------------------------ */
 .theme--information-security .mainHolder a {
     /*color: #c12b41;*/
	 color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .mainHolder a:hover {
     opacity: 1;
     text-decoration: underline;
}
 .theme--service-desk .themeTable th {
     background: #c187ff;
}
 .theme--strategies .themeTable th {
     background: #c187ff;
}
 .theme--legal .themeTable th {
     background: #71cdff;
}
 .theme--community .themeTable th {
     background: #b0e600;
}
 .theme--business .themeTable th {
     background: #00ffae;
}
 .theme--infrastructure .themeTable th {
     background: #f7c624;
}
 .theme--information-security .themeTable th {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/ 
	 color : #ffffff;  /*CyberSecurityThemeColorUpdate*/ 
}
 .info-table {
     position: relative;
     font-size: 16px;
}
 @media screen and (max-width: 767px) {
     .info-table {
         font-size: 14px;
    }
}
 .info-table.info-table--initialized:before, .info-table.info-table--initialized:after {
     content: '';
     position: absolute;
     display: block;
     width: 30px;
     height: 100%;
     top: 0;
     z-index: 5;
     pointer-events: none;
}
 .info-table.info-table--initialized:before {
     background: radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) 0 0;
     background-color: transparent;
     background-repeat: no-repeat;
     background-size: 10px 100%;
     left: 0;
}
 .info-table.info-table--initialized:after {
     background: radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) 100% 0;
     background-color: transparent;
     background-repeat: no-repeat;
     background-size: 10px 100%;
     right: 0;
}
 .info-table.info-table--initialized.at-left:before {
     opacity: 0;
}
 .info-table.info-table--initialized.at-right:after {
     opacity: 0;
}
 .info-table.no-scroll:before, .info-table.no-scroll:after {
     display: none;
}
 .info-table .info-table__inner {
     position: relative;
     width: 100%;
     overflow-x: auto;
}
 .info-table table {
     width: 100%;
}
 .info-table table th {
     background: #ffc62e;
     padding: 15px;
}
 .theme--strategies .info-table table th {
     background: #c187ff;
}
 .theme--legal .info-table table th {
     background: #71cdff;
}
 .theme--community .info-table table th {
     background: #b0e600;
}
 .theme--business .info-table table th {
     background: #00ffae;
}
 .theme--infrastructure .info-table table th {
     background: #f7c624;
}
 .theme--information-security .info-table table th {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
	 color: #ffffff; /*CyberSecurityThemeColorUpdate*/
}
 @media screen and (max-width: 767px) {
     .info-table table th {
         padding: 5px;
    }
}
 .info-table table td {
     padding: 15px;
}
 @media screen and (max-width: 767px) {
     .info-table table td {
         padding: 5px;
    }
}
 .info-table table th, .info-table table td {
     border-right: 1px solid #FFF;
     vertical-align: middle;
}
 .info-table table th:last-child, .info-table table td:last-child {
     border-right: 0;
}
 .info-table table th.info-table--cell-black, .info-table table td.info-table--cell-black {
     background: #000;
     color: #FFF;
}
 @media screen and (max-width: 767px) {
     .info-table table th, .info-table table td {
         font-size: 12px;
    }
}
 .info-table table th.align--hc, .info-table table td.align--hc {
     text-align: center;
}
 .info-table table th.align--hl, .info-table table td.align--hl {
     text-align: left;
}
 .info-table table th.align--hr, .info-table table td.align--hr {
     text-align: right;
}
 .info-table table th.align--vt, .info-table table td.align--vt {
     vertical-align: top;
}
 .info-table table th.align--vb, .info-table table td.align--vb {
     vertical-align: bottom;
}
 .info-table table th.align--vm, .info-table table td.align--vm {
     vertical-align: middle;
}
 .info-table table th.align--hvc, .info-table table td.align--hvc {
     text-align: center;
     vertical-align: middle;
}
 .info-table table tr:nth-child(2n) td {
     /*background: #f6f6f6;*/
}
 .info-table table tr:nth-child(2n+1) td {
     background: #fafafa;
}
 .info-table__logo {
     max-width: 320px;
}
 @media screen and (max-width: 991px) {
     .info-table__logo {
         max-width: 250px;
    }
}
 @media screen and (max-width: 767px) {
     .info-table__logo {
         max-width: 30vw;
    }
}
 @media screen and (max-width: 380px) {
     .info-table__logo {
         max-width: 40vw;
    }
}
/* END Style info-table */
/* ------------------------------------------ */
/* Style for inline-icon */
/* ------------------------------------------ */
 .inline-icon {
     vertical-align: middle;
     float: left;
     margin-right: 10px;
}
/* END Style inline-icon */
/* ------------------------------------------ */
/* Style for items-slider */
/* ------------------------------------------ */
 .items-list {
     position: relative;
     width: 100%;
     padding-bottom: 60px;
}
 .items-list.items-list--blue {
     background: #142351;
     color: #FFF;
}
 .items-list.items-list--blue .items-list__slider-next, .items-list.items-list--blue .items-list__slider-prev {
     background-image: url("./images/common/icons/icon-arrow-white.png");
}
 .items-list.items-list--blue .items-list__title:before, .items-list.items-list--blue .items-list__title:after {
     background: #FFF;
}
 .items-list.items-list--lt-blue {
     background: #54dbca;
     color: #000;
}
 .items-list.items-list--lt-blue .items-list__slider-next, .items-list.items-list--lt-blue .items-list__slider-prev {
     background-image: url("./images/common/icons/icon-arrow.png");
}
 .items-list.items-list--lt-blue .items-list__title:before, .items-list.items-list--lt-blue .items-list__title:after {
     background: #000;
}
 .items-list__title {
     font-size: 30px;
     display: block;
     margin: 0 0 25px;
     text-align: center;
     padding: 0 15px;
}
 @media screen and (max-width: 1580px) {
     .items-list__title {
         font-size: 28px;
    }
}
 @media screen and (max-width: 991px) {
     .items-list__title {
         font-size: 24px;
    }
}
 @media screen and (max-width: 767px) {
     .items-list__title {
         font-size: 20px;
    }
}
 .items-list__title:before, .items-list__title:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px;
     width: 8px;
     height: 3px;
     background: #000;
}
 .items-list__items {
     margin-left: -30px;
     margin-right: -30px;
     font-size: 0;
}
 .items-list__item {
     display: inline-block;
     vertical-align: top;
     background: #FFF;
     position: relative;
     height: auto;
     width: 33.3333%;
     text-align: left;
     padding: 0 30px;
     margin-bottom: 60px;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     transform: translateZ(0);
}
 @media screen and (max-width: 991px) {
     .items-list__item {
         width: 50%;
    }
}
 @media screen and (max-width: 580px) {
     .items-list__item {
         width: 100%;
    }
}
 .items-list__item.items-list__item--no-img {
     background: transparent;
}
 .items-list__item.items-list__item--no-img .items-list__item-date {
     font-weight: bold;
     color: #ffc62e;
     font-size: 58px;
}
 @media screen and (max-width: 1480px) {
     .items-list__item.items-list__item--no-img .items-list__item-date {
         font-size: 42px;
    }
}
 @media screen and (max-width: 767px) {
     .items-list__item.items-list__item--no-img .items-list__item-date {
         font-size: 38px;
    }
}
 @media screen and (max-width: 640px) {
     .items-list__item.items-list__item--no-img .items-list__item-date {
         font-size: 26px;
    }
}
 .items-list__item.items-list__item--no-img .items-list__item-desc {
     color: #000;
     font-weight: bold;
     font-size: 26px;
}
 @media screen and (max-width: 1480px) {
     .items-list__item.items-list__item--no-img .items-list__item-desc {
         font-size: 24px;
    }
}
 @media screen and (max-width: 767px) {
     .items-list__item.items-list__item--no-img .items-list__item-desc {
         font-size: 24px;
    }
}
 @media screen and (max-width: 640px) {
     .items-list__item.items-list__item--no-img .items-list__item-desc {
         font-size: 24px;
    }
}
 .items-list__item .items-list__item-inner {
     transition: transform 0.3s, box-shadow 0.3s;
}
 .items-list__item:hover {
     opacity: 1;
}
 .items-list__item:hover.items-list__item--no-img .items-list__item-inner {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     box-shadow: none;
}
 .items-list__item:hover.items-list__item--no-img .items-list__item-date, .items-list__item:hover.items-list__item--no-img .items-list__item-desc {
     color: #ffc62e;
}
 .items-list__item.items-list__item--1-2 {
     width: 50%;
}
 @media screen and (max-width: 767px) {
     .items-list__item.items-list__item--1-2 {
         width: 100%;
    }
}
 .items-list__item.items-list__item--1-4 {
     width: 25%;
}
 @media screen and (max-width: 767px) {
     .items-list__item.items-list__item--1-4 {
         width: 50%;
    }
}
 @media screen and (max-width: 480px) {
     .items-list__item.items-list__item--1-4 {
         width: 100%;
    }
}
 .items-list__item-img {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .items-list__item-img img {
     display: block;
     position: relative;
     width: 100%;
     transition: 0.3s;
}
 .items-list__item-info {
     text-align: left;
}
 .items-list__item-title {
     position: relative;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     color: #eb6100;
}
 .items-list__item-date {
     position: relative;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     margin-right: 5px;
}
 .items-list__item-txt {
     background: #FFF;
     padding: 25px 0;
}
 .items-list__item:hover .items-list__item-txt {
     color: #eb6100;
}
 .items-list__item-desc {
     font-size: 15px;
     margin: 0 0 15px;
}
 .items-list__item-desc:last-child {
     margin: 0;
}
 .items-list__bg {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 0;
     background: url() no-repeat center center;
     background-size: cover;
     transition: 0.4s;
}
/* END Style items-slider */
/* ------------------------------------------ */
/* Style for items-slider */
/* ------------------------------------------ */
 .items-slider {
     position: relative;
     width: 100%;
}
 .items-slider.items-slider--blue {
     background: #142351;
     color: #FFF;
}
 .items-slider.items-slider--blue .items-slider__slider-next, .items-slider.items-slider--blue .items-slider__slider-prev {
     background-image: url("./images/common/icons/icon-arrow-white.png");
}
 .items-slider.items-slider--blue .items-slider__title:before, .items-slider.items-slider--blue .items-slider__title:after {
     background: #FFF;
}
 .items-slider.items-slider--lt-blue {
     background: #54dbca;
     color: #000;
}
 .items-slider.items-slider--lt-blue .items-slider__slider-next, .items-slider.items-slider--lt-blue .items-slider__slider-prev {
     background-image: url("./images/common/icons/icon-arrow.png");
}
 .items-slider.items-slider--lt-blue .items-slider__title:before, .items-slider.items-slider--lt-blue .items-slider__title:after {
     background: #000;
}
 .items-slider__title {
     font-size: 30px;
     display: block;
     margin: 0 0 25px;
     text-align: center;
     padding: 0 15px;
}
 @media screen and (max-width: 1580px) {
     .items-slider__title {
         font-size: 28px;
    }
}
 @media screen and (max-width: 991px) {
     .items-slider__title {
         font-size: 24px;
    }
}
 @media screen and (max-width: 767px) {
     .items-slider__title {
         font-size: 20px;
    }
}
 .items-slider__title:before, .items-slider__title:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px;
     width: 8px;
     height: 3px;
     background: #000;
}
 .items-slider__slider-holder {
     position: relative;
     width: 100%;
     padding: 0 5px;
}
 @media screen and (max-width: 640px) {
     .items-slider__slider-holder {
         padding: 0 45px;
    }
}
 .items-slider__slider {
     position: relative;
     width: 100%;
     font-size: 0;
     overflow: hidden;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     padding: 30px 0;
}
 .items-slider__slider > .swiper-wrapper {
     z-index: 10;
     height: auto;
}
 .items-slider__control {
     position: absolute;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 5px;
}
 .items-slider[data-item-no="1"] .items-slider__control {
     display: none;
}
 @media screen and (min-width: 581px) {
     .items-slider[data-item-no="2"] .items-slider__control {
         display: none;
    }
}
 @media screen and (min-width: 992px) {
     .items-slider[data-item-no="3"] .items-slider__control {
         display: none;
    }
}
 .items-slider__slider-next, .items-slider__slider-prev {
     position: absolute;
     width: 51px;
     height: 51px;
     display: block;
     background: url("./images/common/icons/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
}
 .items-slider__slider-next.swiper-button-disabled, .items-slider__slider-prev.swiper-button-disabled {
     display: none;
}
 @media screen and (max-width: 991px) {
     .items-slider__slider-next, .items-slider__slider-prev {
         width: 36px;
         height: 36px;
         margin-top: -18px;
    }
}
 @media screen and (max-width: 767px) {
     .items-slider__slider-next, .items-slider__slider-prev {
         width: 28px;
         height: 28px;
         margin-top: -14px;
    }
}
 .items-slider__slider-next {
     left: 100%;
     margin-left: 20px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media screen and (max-width: 991px) {
     .items-slider__slider-next {
         margin-left: 15px;
    }
}
 .items-slider__slider-prev {
     right: 100%;
     margin-right: 20px;
}
 @media screen and (max-width: 991px) {
     .items-slider__slider-prev {
         margin-right: 15px;
    }
}
 .items-slider__item {
     display: inline-block;
     background: #FFF;
     position: relative;
     height: auto;
     overflow: hidden;
     width: 33.3333%;
     width: calc(33.3333% - 33px);
     text-align: left;
     transition: transform 0.3s, box-shadow 0.3s;
}
 .trident:not(.edge) .items-slider__item {
     top: 0;
     transition: top 0.3s, box-shadow 0.3s;
}
 @media screen and (max-width: 991px) {
     .items-slider__item {
         width: 50%;
         width: calc(50% - 33px*1/2);
    }
}
 @media screen and (max-width: 580px) {
     .items-slider__item {
         width: 100%;
         width: 100%;
    }
}
 .items-slider__item.items-slider__item--no-img {
     background: transparent;
}
 .items-slider__item.items-slider__item--no-img .items-slider__item-date {
     font-weight: bold;
     color: #FFF;
     font-size: 58px;
}
 @media screen and (max-width: 1480px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-date {
         font-size: 42px;
    }
}
 @media screen and (max-width: 767px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-date {
         font-size: 38px;
    }
}
 @media screen and (max-width: 640px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-date {
         font-size: 26px;
    }
}
 .items-slider__item.items-slider__item--no-img .items-slider__item-desc {
     color: #ffc62e;
     font-weight: bold;
     font-size: 26px;
}
 @media screen and (max-width: 1480px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-desc {
         font-size: 24px;
    }
}
 @media screen and (max-width: 767px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-desc {
         font-size: 24px;
    }
}
 @media screen and (max-width: 640px) {
     .items-slider__item.items-slider__item--no-img .items-slider__item-desc {
         font-size: 24px;
    }
}
 .items-slider__item:hover {
     opacity: 1;
}
 @media screen and (min-width: 768px) {
     .items-slider__item:hover {
         -webkit-transform: translateY(-15px);
         -ms-transform: translateY(-15px);
         transform: translateY(-15px);
         box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    }
     .trident:not(.edge) .items-slider__item:hover {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
         top: -15px;
    }
}
 .items-slider__item:hover.items-slider__item--no-img {
     box-shadow: none;
}
 .items-slider__item:hover.items-slider__item--no-img .items-slider__item-date, .items-slider__item:hover.items-slider__item--no-img .items-slider__item-desc {
     color: #eb6100;
}
 .items-slider__item.items-slider__item--1-2 {
     width: 50%;
     width: calc(50% - 33px);
}
 @media screen and (max-width: 767px) {
     .items-slider__item.items-slider__item--1-2 {
         width: 100%;
    }
}
 .items-slider__item.items-slider__item--1-4 {
     width: 25%;
     width: calc(25% - 33px);
}
 @media screen and (max-width: 767px) {
     .items-slider__item.items-slider__item--1-4 {
         width: 50%;
         width: calc(50% - 33px*1/2);
    }
}
 @media screen and (max-width: 480px) {
     .items-slider__item.items-slider__item--1-4 {
         width: 100%;
    }
}
 .items-slider__item.items-slider__item--pin:before {
     content: '';
     width: 24px;
     height: 24px;
     top: 20px;
     right: 20px;
     position: absolute;
     display: block;
     background: url("./images/common/icons/icon-pin.png") no-repeat center center;
     background-size: cover;
     z-index: 20;
}
 .items-slider__item-img {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .items-slider__item-img img {
     display: block;
     position: relative;
     width: 100%;
     transition: 0.3s;
}
 .items-slider__item-info {
     text-align: left;
}
 .items-slider__item-title {
     position: relative;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     color: #eb6100;
}
 .items-slider__item-date {
     position: relative;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     margin-right: 5px;
}
 .items-slider__item-txt {
     background: #FFF;
     padding: 25px;
}
 .items-slider__item:hover .items-slider__item-txt {
     color: #eb6100;
}
 .items-slider__item-desc {
     font-size: 15px;
     margin: 0 0 15px;
}
 .items-slider__item-desc:last-child {
     margin: 0;
}
 .items-slider__bg {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 0;
     background: url() no-repeat center center;
     background-size: cover;
     transition: 0.4s;
}
/* END Style items-slider */
/* ------------------------------------------ */
/* Style for main-banner */
/* ------------------------------------------ */
 .main-banner {
     position: relative;
     z-index: 10;
     width: 100%;
     height: 100%;
     /* background: #000; */
}
 .main-banner .content-wrapper, .main-banner .mainHolder, .main-banner .main-banner__content-holder, .main-banner .block-homesquare-main-menu-menu, .main-banner .static-banner__content {
     height: 100%;
}
 @media screen and (min-width: 992px) {
     .main-banner {
         min-height: 680px;
    }
}
 @media screen and (max-width: 991px) and (min-width: 421px) {
     .main-banner {
         min-height: 560px;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner {
         max-height: 767px;
    }
}
 @media screen and (max-width: 420px) {
     .main-banner {
         min-height: 560px;
    }
}
 @media screen and (max-width: 767px) and (orientation: portrait) {
     .main-banner {
         min-height: 540px;
    }
}
 @media screen and (max-width: 480px) and (orientation: portrait) {
     .main-banner {
         min-height: 640px;
    }
}
 @media screen and (max-width: 350px) and (orientation: portrait) {
     .main-banner {
         min-height: 540px;
    }
}
 .main-banner__slider {
     height: 720px;
     width: 100%;
     height: 100%;
     position: relative;
}
 .main-banner__slide {
     height: 100%;
     width: 100%;
     position: relative;
     overflow: hidden;
}
 .main-banner__slide .main-banner__slide-bg {
     position: absolute !important;
     width: 100%;
     height: 100% !important;
     bottom: 0;
     left: 0;
     z-index: 0;
     background: url() no-repeat center center;
     background-size: cover;
     transition: 0.5s cubic-bezier(0.215, 0.725, 0.49, 0.99);
}
 .main-banner__slide .main-banner__slide-bg .isMSTouchDevice, .main-banner__slide .main-banner__slide-bg .mobile .main-banner__slide .main-banner__slide-bg {
     transition: none;
}
 .main-banner__slide .main-banner__slide-bg a:hover {
     opacity: 1;
}
 .main-banner__slide .main-banner__slide-bg > div {
     transition: 1s cubic-bezier(0.215, 0.725, 0.49, 0.99) 0.2s;
}
 .main-banner__slide .main-banner__slide-bg > div .isMSTouchDevice, .main-banner__slide .main-banner__slide-bg > div .mobile .main-banner__slide .main-banner__slide-bg > div {
     transition: none;
}
 .main-banner__slide .main-banner__slide-bg > div > div {
     transition: 1.5s cubic-bezier(0.215, 0.725, 0.49, 0.99) 0.4s;
}
 .main-banner__slide .main-banner__slide-bg > div > div .isMSTouchDevice, .main-banner__slide .main-banner__slide-bg > div > div .mobile .main-banner__slide .main-banner__slide-bg > div > div {
     transition: none;
}
 .main-banner__slide .main-banner__slide-bg div, .main-banner__slide .main-banner__slide-bg span {
     position: absolute !important;
     display: block;
     width: 100%;
     height: 115% !important;
     bottom: -15%;
     left: 0;
     z-index: 0;
     background-size: cover;
     background: url() no-repeat center center;
     background-size: cover;
}
 .main-banner__slide .main-banner__slide-bg div.main-banner__bg-desktop, .main-banner__slide .main-banner__slide-bg span.main-banner__bg-desktop {
     display: block;
}
 @media screen and (max-width: 768px) {
     .main-banner__slide .main-banner__slide-bg div.main-banner__bg-desktop, .main-banner__slide .main-banner__slide-bg span.main-banner__bg-desktop {
         display: none;
    }
}
 .main-banner__slide .main-banner__slide-bg div.main-banner__bg-mobile, .main-banner__slide .main-banner__slide-bg span.main-banner__bg-mobile {
     display: none;
}
 @media screen and (max-width: 768px) {
     .main-banner__slide .main-banner__slide-bg div.main-banner__bg-mobile, .main-banner__slide .main-banner__slide-bg span.main-banner__bg-mobile {
         display: block;
    }
}
 .main-banner__slide > .content-wrapper, .main-banner__slide > .mainHolder, .main-banner__slide > .main-banner__content-holder, .main-banner__slide > .block-homesquare-main-menu-menu, .main-banner__slide > .static-banner__content {
     z-index: z;
}
 .main-banner__slide:before {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: #000;
     opacity: 0.2;
     z-index: 5;
}
 .main-banner__slide .main-banner__title, .main-banner__slide .main-banner__desc {
     opacity: 0;
}
 .main-banner__slide .main-banner__title-tag {
     opacity: 0;
}
 .main-banner__content-holder {
     display: table;
     z-index: 10;
}
 @media screen and (max-width: 767px) {
     .main-banner__content-holder {
         width: 85%;
    }
}
 [data-key-txt-color="black"] .main-banner__content-holder .btn.btn--orange {
     background: #ff9f24;
}
 [data-key-txt-color="black"] .main-banner__content-holder .btn.btn--orange:hover {
     background: #eb6100;
}
 .main-banner__txt {
     width: 100%;
     height: 100%;
     max-width: 1200px;
     display: table-cell;
     vertical-align: middle;
     text-align: left;
}
 @media screen and (max-width: 991px) {
     .main-banner__txt {
         margin-top: 20px;
    }
}
 .main-banner__title {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     line-height: 1.25em;
     font-weight: bold;
     color: #FFF;
     margin: 0 0 30px;
}
 [data-key-txt-color="black"] .main-banner__title {
     color: #000;
}
 .main-banner__title:last-child {
     margin-bottom: 0;
}
 @media screen and (min-width: 992px) and (max-height: 799px) {
     .main-banner__title {
         font-size: 54px;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner__title {
         margin: 0 0 15px;
    }
}
 @media screen and (max-width: 480px) {
     .main-banner__title {
         margin-top: -90px;
    }
}
 .main-banner__title-tag {
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     line-height: 1.25em;
     font-weight: 600;
     color: #ffc62e;
     margin: 0 0 30px;
     font-size: 20px;
}
 [data-key-txt-color="black"] .main-banner__title-tag {
     color: #ff9f24;
}
 .main-banner__title-tag:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 1200px) {
     .main-banner__title-tag {
         font-size: 20px;
    }
}
 @media screen and (min-width: 992px) and (max-height: 799px) {
     .main-banner__title-tag {
         font-size: 18px;
    }
}
 @media screen and (max-width: 991px) {
     .main-banner__title-tag {
         font-size: 18px;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner__title-tag {
         font-size: 16px;
         margin: 0 0 15px;
    }
}
 .main-banner__desc {
     color: #FFF;
     font-size: 16px;
     line-height: 1.25em;
     display: block;
     width: 100%;
     max-width: 480px;
     margin: 0;
}
 @media screen and (max-width: 767px) {
     .main-banner__desc {
         font-size: 14px;
    }
}
 .main-banner__slider-control {
     display: inline-block;
     position: absolute;
     max-width: 1200px;
     bottom: 60px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     overflow: visible;
     z-index: 50;
     text-align: center;
     pointer-events: none;
}
 @media screen and (max-width: 991px) {
     .main-banner__slider-control {
         display: none;
    }
}
 @media screen and (max-width: 800px) {
     .main-banner__slider-control {
        /*bottom: 45px;
         */
         text-align: left;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner__slider-control {
         width: 85%;
         font-size: 0;
    }
}
 @media screen and (max-width: 480px) {
     .main-banner__slider-control {
         display: none;
    }
}
 .main-banner__pagination {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     margin: 0 auto;
     text-align: left;
     pointer-events: all;
     font-size: 0;
     line-height: 0;
     max-width: 560px;
}
 @media screen and (max-width: 767px) {
     .main-banner__pagination {
         width: 95%;
    }
}
 .main-banner__pagination .swiper-pagination-bullet {
     width: 40px;
     height: 3px;
     border-radius: 0;
     margin: 8px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQoU2P8f0zvPwMRgHFUIb5Qon7wAAC25B1/KepVlgAAAABJRU5ErkJggg==) no-repeat left center;
     background-color: #FFF;
     background-size: 0 100%;
     opacity: 1;
     position: relative;
     overflow: hidden;
     outline: none;
     border: 0;
}
 .trident .main-banner__pagination .swiper-pagination-bullet {
     background: #FFF;
}
 [data-key-txt-color="black"] .main-banner__pagination .swiper-pagination-bullet {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQoU2P8P1/lPwMRgHFUIb5Qon7wAAALbhuV+k5BDQAAAABJRU5ErkJggg==) no-repeat left center;
     background-color: #000;
     background-size: 0 100%;
}
 [data-key-txt-color="black"].trident .main-banner__pagination .swiper-pagination-bullet {
     background: #000;
}
 @media screen and (max-width: 767px) {
     .main-banner__pagination .swiper-pagination-bullet {
         width: 30px;
    }
}
 .trident .main-banner__pagination .swiper-pagination-bullet:before {
     content: '';
     display: block;
     position: absolute;
     top: -50%;
     left: 0;
     width: 100%;
     height: 200%;
     background: #ffc62e;
     -webkit-transform-origin: left center;
     -ms-transform-origin: left center;
     transform-origin: left center;
     -webkit-transform: translateX(-101%) translateZ(0);
     -ms-transform: translateX(-101%) translateZ(0);
     transform: translateX(-101%) translateZ(0);
}
 [data-key-txt-color="black"].trident .main-banner__pagination .swiper-pagination-bullet:before {
     background: #ff9f24;
}
 .main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     -webkit-animation: main-banner-loading 5.1s linear;
     animation: main-banner-loading 5.1s linear;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .trident .main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: #FFF;
}
 .trident .main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     -webkit-animation: main-banner-loading-ie 5.1s linear;
     animation: main-banner-loading-ie 5.1s linear;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
}
 .swiper-paused .trident .main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     -webkit-animation: none;
     animation: none;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     will-change: transform;
     -webkit-transform: translateX(0) translateZ(0);
     -ms-transform: translateX(0) translateZ(0);
     transform: translateX(0) translateZ(0);
}
 [data-key-txt-color="black"].trident .main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: #000;
}
 .main-banner__slider-prev, .main-banner__slider-next {
     width: 52px;
     height: 52px;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     transition: 0.3s;
     z-index: 100;
}
 .main-banner__slider-prev:hover, .main-banner__slider-next:hover {
     opacity: 1;
     background: rgba(0, 0, 0, 0.7);
}
 .main-banner__slider-prev:before, .main-banner__slider-next:before {
     content: '';
     display: block;
     position: absolute;
     top: 14px;
     left: 14px;
     width: 24px;
     height: 24px;
     background: url("./images/common/icons/icon-slider-arrow-white.png");
     background-size: 100%;
}
 @media screen and (max-width: 1480px) {
     .main-banner__slider-prev, .main-banner__slider-next {
         width: 30px;
         height: 60px;
    }
     .main-banner__slider-prev:before, .main-banner__slider-next:before {
         top: 19px;
         left: 4px;
         width: 22px;
         height: 22px;
    }
}
 @media screen and (max-width: 991px) {
     .main-banner__slider-prev, .main-banner__slider-next {
         width: 22px;
         height: 52.8px;
    }
     .main-banner__slider-prev:before, .main-banner__slider-next:before {
         top: 17.4px;
         left: 2px;
         width: 18px;
         height: 18px;
    }
}
 .main-banner__slider-pause {
     display: inline-block;
     font-size: 0;
     vertical-align: middle;
     cursor: pointer;
     pointer-events: all;
     margin-right: 6px;
}
 @media screen and (max-width: 767px) {
     .main-banner__slider-pause {
         width: 5%;
         margin: 0;
    }
}
 .main-banner__slider-pause:hover:before, .main-banner__slider-pause:hover:after {
     background: #ffc62e;
}
 [data-key-txt-color="black"] .main-banner__slider-pause:hover:before, [data-key-txt-color="black"] .main-banner__slider-pause:hover:after {
     background: #ff9f24;
}
 .main-banner__slider-pause:before, .main-banner__slider-pause:after {
     content: '';
     display: inline-block;
     height: 18px;
     width: 4px;
     background: #FFF;
     margin: 0 3px;
}
 [data-key-txt-color="black"] .main-banner__slider-pause:before, [data-key-txt-color="black"] .main-banner__slider-pause:after {
     background: #000;
}
 .swiper-paused .main-banner__slider-pause:hover:before {
     border-color: transparent transparent transparent #ffc62e;
     background: transparent;
}
 [data-key-txt-color="black"] .swiper-paused .main-banner__slider-pause:hover:before {
     border-color: transparent transparent transparent #ff9f24;
}
 .swiper-paused .main-banner__slider-pause:before {
     content: '';
     display: inline-block;
     background: #FFF;
     width: auto;
     height: auto;
     border-style: solid;
     border-width: 8px 0 8px 12px;
     border-color: transparent transparent transparent #FFF;
     background: transparent;
}
 [data-key-txt-color="black"] .swiper-paused .main-banner__slider-pause:before {
     border-color: transparent transparent transparent #000;
}
 .swiper-paused .main-banner__slider-pause:after {
     display: none;
}
 .main-banner__slider-prev {
     left: 0;
}
 .main-banner__slider-next {
     right: 0;
}
 .main-banner__slider-next:before {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .main-banner__sub-title {
     display: block;
     color: #FFF;
     font-size: 40px;
     line-height: 1.25em;
     margin-top: 60px;
     margin-bottom: 0;
     position: relative;
}
 .main-banner__bottom {
     position: absolute;
     width: 100%;
     right: 0;
     bottom: 150px;
     z-index: 10;
     font-size: 0;
     text-align: right;
     pointer-events: none;
}
 @media screen and (max-width: 767px) {
     .main-banner__bottom > .content-wrapper, .main-banner__bottom > .mainHolder, .main-banner__bottom > .main-banner__content-holder, .main-banner__bottom > .block-homesquare-main-menu-menu, .main-banner__bottom > .static-banner__content {
         width: 85%;
    }
}
 .main-banner__bottom > .content-wrapper:after, .main-banner__bottom > .mainHolder:after, .main-banner__bottom > .main-banner__content-holder:after, .main-banner__bottom > .block-homesquare-main-menu-menu:after, .main-banner__bottom > .static-banner__content:after {
     content: '';
     display: table;
     width: 100%;
     height: 0;
     clear: both;
}
 @media screen and (max-width: 991px) {
     .main-banner__bottom {
         bottom: 45px;
    }
}
 @media screen and (max-width: 800px) {
     .main-banner__bottom {
         bottom: 80px;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner__bottom {
        /*bottom:150px;
         */
    }
}
 @media screen and (max-width: 380px) {
     .main-banner__bottom {
        /*bottom:45px;
         */
    }
}
 .main-banner__news {
     position: relative;
     display: inline-block;
     max-width: 285px;
     text-align: left;
     float: right;
     color: #FFF;
     padding: 20px;
     background: rgba(0, 0, 0, 0.8);
     width: 100%;
     transition: background 0.3s;
}
 [data-key-txt-color="black"] .main-banner__news {
     color: #000;
     background: rgba(255, 255, 255, 0.8);
}
 [data-key-news-bg="white"] .main-banner__news {
     background: rgba(255, 255, 255, 0.8);
}
 .main-banner__news:hover {
     opacity: 1;
     color: #ffc62e;
}
 .main-banner__news:hover p {
     color: #ffc62e;
}
 [data-key-txt-color="black"] .main-banner__news:hover {
     color: #eb6100;
}
 [data-key-txt-color="black"] .main-banner__news:hover p {
     color: #eb6100;
}
 .main-banner__news:hover .main-banner__news-info-item {
     color: #FFF;
}
 [data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-info-item {
     color: #000;
}
 .main-banner__news:hover .main-banner__news-info-item:after {
     background: #FFF;
}
 [data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-info-item:after {
     background: #000;
}
 .main-banner__news:hover .main-banner__news-bottom:after {
     background-image: url("./images/common/icons/icon-cir-plus-white.png");
}
 [data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-bottom:after {
     background-image: url("./images/common/icons/icon-cir-plus-black.png");
}
 .mobile .main-banner__news:hover {
     color: #FFF;
}
 .mobile .main-banner__news:hover .main-banner__news-info-item {
     color: #ffc62e;
}
 .mobile .main-banner__news:hover .main-banner__news-info-item:after {
     background: #ffc62e;
}
 .mobile .main-banner__news:hover .main-banner__news-bottom:after {
     background-image: url("./images/common/icons/icon-cir-plus-yellow.png");
}
 .mobile[data-key-txt-color="black"] .main-banner__news:hover {
     color: #000;
}
 .mobile[data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-info-item {
     color: #ff9f24;
}
 .mobile[data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-info-item:after {
     background: #ff9f24;
}
 .mobile[data-key-txt-color="black"] .main-banner__news:hover .main-banner__news-bottom:after {
     background-image: url("./images/common/icons/icon-cir-plus-orange.png");
}
 @media screen and (max-width: 767px) {
     .main-banner__news {
         padding: 15px;
    }
}
 @media screen and (max-width: 480px) {
     .main-banner__news {
         max-width: 250px;
    }
}
 .main-banner__news-item {
     pointer-events: all;
}
 .main-banner__news-slider {
     box-shadow: 4px 10px 20px rgba(255, 255, 255, 0.19), 4px 6px 6px rgba(255, 255, 255, 0.23);
     overflow: hidden;
     display: inline-block;
     max-width: 285px;
}
 [data-key-txt-color="black"] .main-banner__news-slider {
     box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
}
 @media screen and (max-width: 480px) {
     .main-banner__news-slider {
         max-width: 250px;
    }
}
 .main-banner__news-slider .swiper-wrapper {
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-align-content: flex-end;
     -ms-flex-line-pack: end;
     align-content: flex-end;
     -webkit-align-items: flex-end;
     -ms-flex-align: end;
     align-items: flex-end;
}
 .main-banner__news-content p {
     font-size: 16px;
     margin-bottom: 15px;
     display: block;
     display: -webkit-box;
     max-width: 400px;
     max-height: calc(1.4em*3);
     margin: 0 auto;
     line-height: 1.4;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .main-banner__news-content p:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 991px) {
     .main-banner__news-content p {
         font-size: 15px;
    }
}
 @media screen and (max-width: 767px) {
     .main-banner__news-content p {
         font-size: 14px;
    }
}
 @media screen and (max-width: 350px) {
     .main-banner__news-content p {
         font-size: 12px;
    }
}
 .main-banner__news-bottom {
     display: block;
     margin-top: 15px;
}
 @media screen and (max-width: 991px) {
     .main-banner__news-bottom {
         margin-top: 20px;
    }
}
 .main-banner__news-bottom:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     margin-top: -3px;
     width: 20px;
     height: 20px;
     background: url("./images/common/icons/icon-cir-plus-yellow.png") no-repeat center center;
     background-size: cover;
}
 [data-key-txt-color="black"] .main-banner__news-bottom:after {
     background-image: url("./images/common/icons/icon-cir-plus-orange.png");
}
 .main-banner__news-info {
     font-size: 0px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 15px;
}
 .main-banner__news-info-item {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding-right: 15px;
     margin-right: 15px;
     font-size: 12px;
     font-weight: bold;
     color: #ffc62e;
}
 [data-key-txt-color="black"] .main-banner__news-info-item {
     color: #ff9f24;
}
 .main-banner__news-info-item:after {
     content: '';
     display: block;
     width: 1px;
     height: 18px;
     background: #ffc62e;
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 [data-key-txt-color="black"] .main-banner__news-info-item:after {
     background: #ff9f24;
}
 .main-banner__news-info-item:last-child {
     padding-right: 0;
     margin-right: 0;
}
 .main-banner__news-info-item:last-child:after {
     display: none;
}
 .main-banner__news-icon {
     width: 20px;
     display: inline-block;
     vertical-align: middle;
}
 .main-banner__scroll-down {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 10;
     font-size: 0;
     pointer-events: all;
}
 .main-banner__scroll-down:hover {
     opacity: 1;
}
 @media screen and (max-width: 800px) {
     .main-banner__scroll-down {
         left: 50%;
         bottom: -80px;
         margin-left: -10px;
    }
}
 .main-banner__scroll-down:before {
     content: '';
     display: block;
     position: relative;
     width: 24px;
     height: 24px;
     background: url("./images/common/icons/icon-banner-arrow.png");
     background-size: 100%;
}
 [data-key-txt-color="black"] .main-banner__scroll-down:before {
     background-image: url("./images/common/icons/icon-banner-arrow-black.png");
}
 .main-banner__scroll-down img {
     display: none;
     width: 24px;
}
 @media screen and (max-width: 767px) {
     .main-banner__scroll-down img {
         width: 20px;
    }
}
/* END Style main-banner */
/* ------------------------------------------ */
/* Style for main-banner */
/* ------------------------------------------ */
 @-webkit-keyframes main-banner-deco-dot {
     0% {
         opacity: 0;
    }
     50% {
         opacity: .5;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes main-banner-deco-dot {
     0% {
         opacity: 0;
    }
     50% {
         opacity: .5;
    }
     100% {
         opacity: 0;
    }
}
 .main-banner__slide-bg-deco {
     position: absolute;
     height: 100%;
     width: 100%;
     min-width: 1024px;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: url() no-repeat center bottom;
     background-size: 100% auto;
     font-size: 0;
     white-space: nowrap;
}
 .main-banner__slide-bg-deco:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 100%;
}
 .main-banner__slide-bg-deco-inner {
     display: inline-block;
     vertical-align: bottom;
     width: 100%;
     position: relative;
     background: url() no-repeat center bottom;
     background-size: 100% 100%;
}
 .main-banner__slide-bg-deco-inner:before {
     content: '';
     position: relative;
     display: block;
     width: 100%;
     padding-bottom: 57.8645833333%;
}
 .main-banner__slide-bg-deco-inner > div {
     position: absolute;
     display: block;
     width: 1.1vw;
     height: 1.1vw;
     background: #FFF;
     border-radius: 50%;
     opacity: 0;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(1) {
     opacity: 0.42;
     left: 10.9%;
     top: 80.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(2) {
     opacity: 0.24;
     left: 18%;
     top: 61%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(3) {
     opacity: 0.6;
     left: 22.7%;
     top: 53.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(4) {
     opacity: 0.54;
     left: 26.4%;
     top: 52.4%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(5) {
     opacity: 0.06;
     left: 27.2%;
     top: 59.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(6) {
     opacity: 0.3;
     left: 26.5%;
     top: 62%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(7) {
     opacity: 0.12;
     width: 0.8vw;
     height: 0.8vw;
     left: 24.4%;
     top: 87%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(8) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 27.1%;
     top: 84.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(9) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 27.45%;
     top: 83%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(10) {
     opacity: 0.36;
     width: 0.8vw;
     height: 0.8vw;
     left: 28.55%;
     top: 80.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(11) {
     opacity: 0.36;
     width: 0.8vw;
     height: 0.8vw;
     left: 29.3%;
     top: 81.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(12) {
     opacity: 0.24;
     left: 28.9%;
     top: 82%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(13) {
     opacity: 0.24;
     left: 31%;
     top: 65.9%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(14) {
     opacity: 0.18;
     left: 33.7%;
     top: 52.9%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(15) {
     opacity: 0.42;
     width: 0.8vw;
     height: 0.8vw;
     left: 30.7%;
     top: 94.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(16) {
     opacity: 0.6;
     width: 0.8vw;
     height: 0.8vw;
     left: 34.6%;
     top: 84.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(17) {
     opacity: 0.06;
     width: 0.8vw;
     height: 0.8vw;
     left: 42.5%;
     top: 67.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(18) {
     opacity: 0.42;
     width: 0.8vw;
     height: 0.8vw;
     left: 44.1%;
     top: 66%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(19) {
     opacity: 0.12;
     width: 0.8vw;
     height: 0.8vw;
     left: 47.1%;
     top: 65.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(20) {
     opacity: 0.06;
     width: 0.8vw;
     height: 0.8vw;
     left: 47%;
     top: 84.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(21) {
     opacity: 0.12;
     left: 42.35%;
     top: 51.7%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(22) {
     opacity: 0.54;
     left: 39.7%;
     top: 39.6%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(23) {
     opacity: 0.6;
     left: 52.55%;
     top: 35.4%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(24) {
     opacity: 0.3;
     left: 52.8%;
     top: 41.7%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(25) {
     opacity: 0.6;
     left: 54.3%;
     top: 33.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(26) {
     opacity: 0.18;
     left: 58.75%;
     top: 38.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(27) {
     opacity: 0.18;
     left: 61.8%;
     top: 40.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(28) {
     opacity: 0.24;
     left: 58.4%;
     top: 54.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(29) {
     opacity: 0.48;
     left: 54%;
     top: 66.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(30) {
     opacity: 0.24;
     left: 51.1%;
     top: 77%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(31) {
     opacity: 0.36;
     width: 0.8vw;
     height: 0.8vw;
     left: 50.75%;
     top: 81.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(32) {
     opacity: 0.18;
     width: 0.8vw;
     height: 0.8vw;
     left: 52.5%;
     top: 87.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(33) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 59.35%;
     top: 85.1%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(34) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 57.1%;
     top: 62.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(35) {
     opacity: 0.6;
     width: 0.8vw;
     height: 0.8vw;
     left: 61.8%;
     top: 61.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(36) {
     opacity: 0.18;
     width: 0.8vw;
     height: 0.8vw;
     left: 62.2%;
     top: 62.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(37) {
     opacity: 0.36;
     width: 0.8vw;
     height: 0.8vw;
     left: 63.5%;
     top: 61.6%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(38) {
     opacity: 0.18;
     width: 0.8vw;
     height: 0.8vw;
     left: 64.2%;
     top: 62.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(39) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 52.65%;
     top: 69.1%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(40) {
     opacity: 0.18;
     width: 0.8vw;
     height: 0.8vw;
     left: 58.17%;
     top: 81.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(41) {
     opacity: 0.6;
     width: 0.8vw;
     height: 0.8vw;
     left: 63.6%;
     top: 64.5%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(42) {
     opacity: 0.54;
     width: 0.8vw;
     height: 0.8vw;
     left: 63.2%;
     top: 67.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(43) {
     opacity: 0.48;
     width: 0.8vw;
     height: 0.8vw;
     left: 66.2%;
     top: 77.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(44) {
     opacity: 0.06;
     width: 0.8vw;
     height: 0.8vw;
     left: 66.2%;
     top: 74.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(45) {
     opacity: 0.06;
     width: 0.8vw;
     height: 0.8vw;
     left: 65.3%;
     top: 83.9%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(46) {
     opacity: 0.6;
     width: 0.8vw;
     height: 0.8vw;
     left: 65.3%;
     top: 89.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(47) {
     opacity: 0.48;
     width: 0.8vw;
     height: 0.8vw;
     left: 69.8%;
     top: 83.1%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(48) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 74.5%;
     top: 65.6%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(49) {
     opacity: 0.48;
     width: 0.8vw;
     height: 0.8vw;
     left: 78.2%;
     top: 76.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(50) {
     opacity: 0.48;
     width: 0.8vw;
     height: 0.8vw;
     left: 81.9%;
     top: 87%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(51) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 84.5%;
     top: 74.4%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(52) {
     opacity: 0.42;
     width: 0.8vw;
     height: 0.8vw;
     left: 87.4%;
     top: 83.1%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(53) {
     opacity: 0.54;
     width: 0.8vw;
     height: 0.8vw;
     left: 92.7%;
     top: 84.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(54) {
     opacity: 0.54;
     width: 0.8vw;
     height: 0.8vw;
     left: 93.6%;
     top: 84.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(55) {
     opacity: 0.42;
     width: 0.8vw;
     height: 0.8vw;
     left: 94.8%;
     top: 94.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(56) {
     opacity: 0.36;
     width: 0.8vw;
     height: 0.8vw;
     left: 96.2%;
     top: 96.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(57) {
     opacity: 0.06;
     width: 0.8vw;
     height: 0.8vw;
     left: 96.8%;
     top: 98.7%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(58) {
     opacity: 0.24;
     width: 0.8vw;
     height: 0.8vw;
     left: 97.9%;
     top: 99%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(59) {
     opacity: 0.6;
     width: 0.8vw;
     height: 0.8vw;
     left: 74.3%;
     top: 71.6%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(60) {
     opacity: 0.18;
     left: 65.3%;
     top: 59.3%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(61) {
     opacity: 0.54;
     left: 73%;
     top: 85.6%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(62) {
     opacity: 0.42;
     left: 90.5%;
     top: 81%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(63) {
     opacity: 0.36;
     left: 77.5%;
     top: 42.9%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(64) {
     opacity: 0.54;
     left: 78.55%;
     top: 38.9%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(65) {
     opacity: 0.48;
     left: 83.1%;
     top: 46.2%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(66) {
     opacity: 0.3;
     left: 85.2%;
     top: 50.8%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(67) {
     opacity: 0.42;
     left: 87.3%;
     top: 49.4%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(68) {
     opacity: 0.12;
     left: 92.6%;
     top: 48%;
}
 .main-banner__slide-bg-deco-inner > div:nth-child(69) {
     opacity: 0.06;
     left: 95.3%;
     top: 65.1%;
}
/* END Style main-banner */
/* ------------------------------------------ */
/* Style for main-search */
/* ------------------------------------------ */
 .main-search {
     position: relative;
     z-index: 10;
     max-width: 680px;
     margin: 0 auto;
     font-size: 0;
}
 .mob-nav__holder .main-search {
     margin: 30px 0;
     max-width: 480px;
}
 .main-search input {
     color: #000;
     border-bottom: 1px solid #eb6100;
     background: transparent;
     position: relative;
     z-index: 5;
     display: inline-block;
     vertical-align: middle;
	 padding:0px;
     width: calc(100% - 26px);
}
 .main-search input::-webkit-input-placeholder {
     color: #eb6100;
}
 .main-search input:-moz-placeholder {
    /* Firefox 18- */
     color: #eb6100;
}
 .main-search input::-moz-placeholder {
    /* Firefox 19+ */
     color: #eb6100;
}
 .main-search input:-ms-input-placeholder {
     color: #eb6100;
}
 .mob-nav__holder .main-search input {
     /*padding: 0 10px;*/
     width: calc(100% - 31px);
}
 .main-search .main-search__btn {
     display: inline-block;
     vertical-align: middle;
     width: 26px;
     height: 26px;
     background: url("./images/common/icons/icon-zoom-orange.png") no-repeat center center;
     background-size: 100%;
}
 .mob-nav__holder .main-search .main-search__btn {
     margin-right: 5px;
}
/* END Style main-search */
/* ------------------------------------------ */
/* Style for mini-title */
/* ------------------------------------------ */
 .mini-title {
     margin: 0 0 15px;
}
/* END Style mini-title */
/* ------------------------------------------ */
/* Style for mob-nav */
/* ------------------------------------------ */
 .mob-nav {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     background: #FFF;
     transition: 0.3s;
     padding-top: 120px;
     display: none;
     overflow: auto;
     z-index: 15;
}
 .mob-nav#lang-menu, .mob-nav#search-menu {
     z-index: 200;
}
 .page-demo .mob-nav {
     display: block !important;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 @media screen and (min-width: 992px) {
     .mob-nav {
         display: none !important;
    }
}
 @media screen and (max-width: 991px) {
     .mob-nav {
         display: none;
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
    }
     .mob-menu-open .mob-nav {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 @media screen and (max-width: 767px) {
     .mob-nav {
         padding-top: 80px;
    }
}
 .mob-nav > .content-wrapper, .mob-nav > .mainHolder, .mob-nav > .main-banner__content-holder, .mob-nav > .block-homesquare-main-menu-menu, .mob-nav > .static-banner__content {
     width: 100%;
     padding: 125px 0;
}
 @media screen and (max-width: 380px) {
     .mob-nav > .content-wrapper, .mob-nav > .mainHolder, .mob-nav > .main-banner__content-holder, .mob-nav > .block-homesquare-main-menu-menu, .mob-nav > .static-banner__content {
         padding: 100px 0;
    }
}
 .mob-nav .header-nav__text-control, .mob-nav .header-nav__tools-holder {
     display: block;
     width: 100%;
     margin: 0 0 20px;
     padding: 0 3%;
}
 .mob-nav .header-nav__text-control a {
     font-size: 18px;
}
 .mob-nav__holder {
     padding: 0 3%;
}
 .mob-nav__link {
     position: relative;
     color: #000;
     display: block;
     margin: 0 auto 10px;
     padding: 2px 3%;
     font-weight: 800;
     font-size: 30px;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     text-align: left;
     width: 100%;
}
 @media screen and (max-width: 480px) {
     .mob-nav__link {
         font-size: 24px;
    }
}
 .mob-nav__link:hover {
     color: #eb6100;
     opacity: 1;
}
 .mob-nav__link.has-sub:after {
     content: '';
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #000;
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .mob-nav__lang {
     color: #000;
     display: block;
     margin: 0 auto 10px;
     padding: 2px 5%;
     font-weight: 800;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 24px;
     text-align: left;
     width: 100%;
}
 @media screen and (max-width: 480px) {
     .mob-nav__lang {
         font-size: 20px;
    }
}
 .mob-nav__sub-holder {
     display: none;
}
 .mob-nav__control {
     margin-top: 30px;
}
/* ------------------------------------------ */
/* Style for mob-subnav */
/* ------------------------------------------ */
 .mob-subnav {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     background: #FFF;
     transition: 0.3s;
     padding-top: 120px;
     display: none;
     overflow: auto;
     z-index: 20;
}
 .mob-subnav[data-submenu-level="3"] {
     z-index: 30;
}
 .mob-subnav[data-submenu-level="4"] {
     z-index: 40;
}
 .mob-subnav[data-submenu-level="5"] {
     z-index: 50;
}
 .mob-subnav[data-submenu-level="6"] {
     z-index: 60;
}
 .mob-subnav[data-submenu-level="7"] {
     z-index: 70;
}
 .mob-subnav[data-submenu-level="8"] {
     z-index: 80;
}
 .mob-subnav[data-submenu-level="9"] {
     z-index: 90;
}
 .mob-subnav[data-submenu-level="10"] {
     z-index: 100;
}
 @media screen and (min-width: 992px) {
     .mob-subnav {
         display: none !important;
    }
}
 @media screen and (max-width: 991px) {
     .mob-subnav {
         display: none;
         -webkit-transform: translateX(105%);
         -ms-transform: translateX(105%);
         transform: translateX(105%);
         display: block;
    }
     .mob-menu-open .mob-subnav.is-active {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
    }
}
 @media screen and (max-width: 767px) {
     .mob-subnav {
         padding-top: 80px;
    }
}
 .mob-subnav > .content-wrapper, .mob-subnav > .mainHolder, .mob-subnav > .main-banner__content-holder, .mob-subnav > .block-homesquare-main-menu-menu, .mob-subnav > .static-banner__content {
     width: 100%;
     padding: 125px 0;
}
 @media screen and (max-width: 380px) {
     .mob-subnav > .content-wrapper, .mob-subnav > .mainHolder, .mob-subnav > .main-banner__content-holder, .mob-subnav > .block-homesquare-main-menu-menu, .mob-subnav > .static-banner__content {
         padding: 100px 0;
    }
}
 .mob-subnav .header-nav__text-control, .mob-subnav .header-nav__tools-holder {
     display: block;
     width: 100%;
     margin: 0 0 20px;
     padding: 0 3%;
}
 .mob-subnav .header-nav__text-control a {
     font-size: 18px;
}
 .mob-nav__holder {
     padding: 0 3%;
}
 .mob-subnav__title-link, .mob-subnav__sub-link {
     color: #000;
     display: block;
     margin: 0 auto 10px;
     padding: 2px 3%;
     font-weight: 800;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
     font-size: 30px;
     text-align: left;
     width: 100%;
}
 @media screen and (max-width: 480px) {
     .mob-subnav__title-link, .mob-subnav__sub-link {
         font-size: 24px;
    }
}
 .mob-subnav__title-link:hover, .mob-subnav__sub-link:hover {
     color: #eb6100;
     opacity: 1;
}
 .mob-subnav__title-link, .mob-subnav__sub-link {
     position: relative;
}
 .mob-subnav__title-link {
     font-size: 30px;
}
 @media screen and (max-width: 480px) {
     .mob-subnav__title-link {
         font-size: 24px;
    }
}
 .mob-subnav__sub-link {
     font-size: 20px;
}
 @media screen and (max-width: 480px) {
     .mob-subnav__sub-link {
         font-size: 18px;
    }
}
 .mob-subnav__sub-link.has-sub:after {
     content: '';
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #000;
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .mob-subnav__backbtn {
     display: block;
     padding: 2px 3%;
     color: #000;
     font-size: 16px;
}
 .mob-subnav__backbtn:hover {
     color: #eb6100;
     opacity: 1;
}
 @media screen and (max-width: 480px) {
     .mob-subnav__backbtn {
         font-size: 14px;
    }
}
/* END Style mob-subnav */
/* ------------------------------------------ */
/* Style for news-centre */
/* ------------------------------------------ */
 .news-centre {
     color: #FFF;
}
 .news-centre .tabs {
     padding: 0 60px;
}
 .news-centre .tabs__content {
     text-align: center;
}
 .news-centre > .content-wrapper, .news-centre > .mainHolder, .news-centre > .main-banner__content-holder, .news-centre > .block-homesquare-main-menu-menu, .news-centre > .static-banner__content {
     z-index: 10;
}
 .news-centre__bg {
     background: #0d1752;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% !important;
     z-index: 5;
     min-width: 767px;
}
 .news-centre__bg span {
     /* background: url("./images/home/bg-news-centre.jpg") no-repeat center bottom #0d1752; */
     background-size: 100% auto;
     position: absolute !important;
     bottom: -15%;
     left: 0;
     width: 100%;
     height: 115%;
}
 .news-centre__content-holder {
     margin-left: -60px;
     margin-right: -60px;
}
 @media screen and (max-width: 1480px) {
     .news-centre__content-holder {
         margin-left: 0;
         margin-right: 0;
    }
}
 .news-centre__title {
     margin: 0 0 30px;
     color: #FFF;
     text-align: center;
}
/* END Style news-centre */
/* ------------------------------------------ */
/* Style for org-chart */
/* ------------------------------------------ */
 .org-chart {
     margin: 1em 5px;
     overflow: hidden;
}
 @media screen and (max-width: 837px) {
     .org-chart {
         width: 94%;
         margin: 1em auto;
    }
}
 .org-chart ul {
     list-style: none;
     padding: 0;
     font-size: 0;
     position: relative;
}
 @media screen and (max-width: 837px) {
     .org-chart ul {
         margin: 0 !important;
    }
}
 .org-chart ul li {
     position: relative;
}
 @media screen and (max-width: 837px) {
	.org-chart ul li .org-chart-border {
         border: 3px solid #eb6100 !important;
         border-top: 0 !important;		 
	 }
     .org-chart ul li {
         border: 0 !important;
         margin: 0 !important;
         width: 100% !important;
    }

}
 @media screen and (max-width: 837px) {
     .org-chart *:not(.org-chart__item-inner):after, .org-chart *:before {
         display: none !important;
    }
}



 .org-chart__item {
     display: inline-block;
     width: 240px;
     /*height: 150px;*/ /*For normal case */
	 height : 280px; /*For double act case */
     padding: 30px 5px;
     background: #faa51a;
     text-align: center;
     font-size: 12px;
     margin: 15px 15px;
     position: relative;
     z-index: 80;
}

 @media screen and (max-width: 1780px) {
     .org-chart__item {
         width: 200px;
    }
}

 @media screen and (max-width: 1580px) {
     .org-chart__item {
         width: 200px;
    }
}
 @media screen and (max-width: 1280px) {
     .org-chart__item {
         width: 160px;
         margin: 15px 15px;
    }
}
 .org-chart__name {
     font-size: 14px;
     font-weight: 500;
}
 @media screen and (max-width: 991px) {
	  .org-chart__item {
		  font-size: 11px;
	  }
}
 @media screen and (max-width: 837px) {
	  .org-chart__item {
		  font-size: 12px;
	  }
}
 .org-chart__item-inner {
     width: 95%;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 @media screen and (max-width: 837px) {
     .org-chart__item-inner {
         top: auto;
         bottom: auto;
         left: auto;
         right: auto;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         position: relative;
         display: inline-block;
         width: auto;
    }
}
.double-act-up {
	top:25%;
	display:block;
}
.double-act-down {
	top:75%;
	display:block;
}
@media screen and (max-width: 837px){
	.double-act-down {
		padding-top:10px;
	}
}
.gcio__name{
		top:84%;  /*with Photo */
		/*top:50%;*//*without Photo */
}
.gcio__height{
	height:320px;/*with Photo */
	/*height:150px;*//*without Photo */
}
 @media screen and (max-width: 1280px) {
	.gcio__name{
			top:74%;/*with Photo */
			/*top:50%;*//*without Photo */
	}
 }
 @media screen and (max-width: 991px) {
     .org-chart__item {
         width: 120px;
         margin: 15px 15px;
		 height:320px;
    }
	.org-chart__name {
		font-size: 13px;
		font-weight: 500;
	}
	 .gcio__name{
		top:70%;/*with Photo */
		/*top:50%;*//*without Photo */
	 }
	.gcio__height{
		height:240px;
	}
}
 @media screen and (max-width: 837px) {
     .org-chart__item {
         width: 100% !important;
         height: auto !important;
         margin: 0 !important;
         text-align: left;
         padding: 15px 5%;
    }
     .org-chart__item img {
         width: 100%;
         max-width: 120px;
         top: auto !important;
    }
}

 @media screen and (max-width: 837px) {
     .padding-10{
         padding-left:10%;
    }
     .padding-15{
         padding-left:15%;
    }
}

 @media screen and (min-width: 838px) {
     .org-chart__info_mobile{
         display: none !important;
    }
}
 .org-chart__pos {
     margin-top: 5px;
}
 .org-chart__pos a:hover, .org-chart__pos a:focus {
     text-decoration: underline;
     opacity: 1;
}
 .org-chart__info {
     font-size: 0;
     margin-top: 5px;
}
 @media screen and (max-width: 837px) {
     .org-chart__info {
         display: none !important;
    }

	.org-chart__info_mobile {
         display: block;
    } 
}
 .org-chart__info > a, .org-chart__info > div {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     padding-right: 8px;
     margin-right: 8px;
     font-size: 14px;
}
 .org-chart__info > a:last-child, .org-chart__info > div:last-child {
     padding-right: 0;
     margin-right: 0;
}
 .org-chart__info > a:last-child:after, .org-chart__info > div:last-child:after {
     display: none;
}
 .org-chart__info > a:after, .org-chart__info > div:after {
     content: '';
     display: block;
     height: 18px;
     width: 1px;
     background: #000;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -9px;
}
 .org-chart__info > a:hover .org-chart__info-inner, .org-chart__info > div:hover .org-chart__info-inner {
     display: block;
}
 .org-chart__info > div > a {
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .org-chart__info-tel.is-active .org-chart__info-inner, .org-chart__info-email.is-active .org-chart__info-inner {
     display: block;
}
 .org-chart__info-inner {
     position: absolute;
     display: none;
     padding: 10px;
     border-top: 4px solid #eb6100;
     background: #FFF;
     top: 100%;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     font-size: 12px;
     white-space: nowrap;
     box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
 .org-chart__info-inner:hover {
     display: block;
}
 .org-chart__info-inner a {
     display: block;
}
 .org-chart__info-inner a:hover {
     opacity: 1;
     color: #eb6100;
}
 .org-chart__info-inner a > span {
     display: inline-block;
     max-width: 200px;
     word-break: break-all;
}
 .org-chart__info-tel:before {
     content: '';
     display: block;
     width: 18px;
     height: 18px;
     background: url("./images/common/icons/icon-tel.png") no-repeat center center;
     background-size: cover;
}
 .org-chart__info-email:before {
     content: '';
     display: block;
     width: 18px;
     height: 18px;
     background: url("./images/common/icons/icon-email.png") no-repeat center center;
     background-size: cover;
}
 
 .org-chart__list-lv1 {
     display: block;
     text-align: center;
}
 .org-chart__list-lv1 > li {
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
}
  @media screen and (max-width: 991px) {
     .org-chart__list-lv1 > li {
         padding: 0 30px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv1 > li {
         padding: 0;
    }
     .org-chart__list-lv1 > li > .org-chart__item {
         font-size: 0;
    }
     .org-chart__list-lv1 > li > .org-chart__item .org-chart__item-inner {
         padding-left: 0;
         border-left: 0;
    }
     .org-chart__list-lv1 > li > .org-chart__item > div {
         display: inline-block;
         vertical-align: middle;
         position: relative;
    }
     .org-chart__list-lv1 > li > .org-chart__item > div:first-child {
         width: 30%;
    }
     .org-chart__list-lv1 > li > .org-chart__item > div:last-child {
         width: 70%;
         font-size: 12px;
         padding: 0 5%;
    }
}
 .org-chart__list-lv1 > li:after {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     height: 100%;
     width: 1px;
     top: 100px;
     left: 50%;
     z-index: 5;
}

 @media screen and (max-width: 991px) {
     .org-chart__list-lv1 > li:before {
		 display: none;
    }
}	
@media screen and (max-width: 991px) {
     .org-chart__list-lv2:before {
         display: none;
    }
}
.is-zoomout .org-chart__list-lv1 > li:after {
        width: 3px; }
 @media screen and (max-width: 837px) {

     .org-chart__list-lv1 > li:before {
         z-index: 10;
    }
}
 .org-chart__list-lv2 {
     display: block;
     text-align: center;
     z-index: 15;
     background: #FFF;
}
 .org-chart__list-lv2:before {
     content: '';
     /*background: #000;*/
     display: block;
     position: absolute;
     width: 100%;
     height: 1px;
     top: 0;
     left: 0;
     z-index: 5;
}
.is-zoomout .org-chart__list-lv2:before {
      height: 3px; }
 .org-chart__list-lv2 .org-chart__item {
     background: #fbc161;
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv2 .org-chart__item {
         padding-left: 5%;
    }
}
 .org-chart__list-lv2 > li {
     display: inline-block;
     vertical-align: top;
}
 .org-chart__list-lv2 > li > .org-chart__item {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

 @media screen and (min-width: 838px) {
	.org-chart__list-lv2 > li > .org-chart__list-lv3, .org-chart__list-lv2 > li > .org-chart__list-lv4 {
         display: inline-block;
         vertical-align: top;
    }
}
 .org-chart__list-lv2 > li:after {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     height: 55px;
     width: 1px;
     top: 100px;
     left: 50%;
     z-index: 5;
     /*top: 125px;*/ /* Original */
	 top: 295px;
}
 @media screen and (max-width: 991px) {
     .org-chart__list-lv2 > li:after {
          /*top: 125px;*/ /* Original */
		  top :295px;
    }
}	 
.is-zoomout .org-chart__list-lv2 > li:after {
        width: 3px; }
 @media screen and (max-width: 837px) {

     .org-chart__list-lv2 > li:after {
         width: 500px;
         background: #FFF;
         height: 40px;
         border-left: 1px solid #000;
         top: 165px;
         z-index: 45;
    }
}
 .org-chart__list-lv2 > li:first-child:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 25px;
     border-right: 1px solid #000;
     bottom: 100%;
     margin-bottom: -15px;
     right: 50%;
     z-index: 5;
}

 @media screen and (max-width: 991px) {
	 /*
     .org-chart__list-lv2 > li:first-child:before {
         width: 100%;
         height: 1px;
         border-right: 0;
         background: #000;
         top: 85px;
    }
	 */
}				 
 .org-chart__list-lv2 > li:last-child .org-chart__list-lv3:after {
     content: '';
     background: #000;
     border: 0;
     display: block;
     position: absolute;
     height: 10000px;
     width: 1px;
     top: 0;
	 right:0;
	 z-index: 65;
}
.is-zoomout .org-chart__list-lv2 > li:last-child .org-chart__list-lv3:after {
        width: 3px; }
 .org-chart__list-lv2 > li:last-child .org-chart__list-lv3 > li:last-child:before {
     height: 24px;
}
.is-zoomout .org-chart__list-lv2 > li:last-child .org-chart__list-lv3 > li:last-child:before {
        background: transparent; }
 .org-chart__list-lv2 > li:last-child .org-chart__list-lv3 > li:first-child:before {
     content: '';
     background: #000;
     border: 0;
     display: block;
     position: absolute;
     height: 25px;
     width: 1px;
     bottom: 100%;
     left: 50%;
     z-index: 5;
}
 .is-zoomout .org-chart__list-lv2 > li:last-child .org-chart__list-lv3 > li:first-child:before {
        width: 3px; }

 .org-chart__list-lv2 > li:last-child:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 45px;
     border-left: 2px solid #000;
     bottom: 100%;
     margin-bottom: -15px;
     left: 50%;
     z-index: 5;
}
  @media screen and (max-width: 991px) {
  .org-chart__list-lv2 > li:last-child:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 45px;
     border-left: 2px solid #000;
     bottom: 100%;
     margin-bottom: -15px;
     left: 50%;
     z-index: 5;
	}
  }
.is-zoomout .org-chart__list-lv2 > li:last-child:before {
        border-left: 3px solid #000; }
 .org-chart__list-lv2 > li:last-child > .org-chart__item {
     z-index: 1000;
}
 .org-chart__list-lv2 > li > .org-chart__list-lv4 {
     text-align: left;
}
 .org-chart__list-lv2 > li > .org-chart__list-lv4:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 6px;
     top: -3px;
     left: 0;
     z-index: 1000;
}
  @media screen and (max-width: 1280px) {
     .org-chart__list-lv2 > li > .org-chart__list-lv4 > li .org-chart__item:before {
         width: 15px;
    }
}
 .org-chart__list-lv2 > li > .org-chart__list-lv4 > li:first-child {
     /*margin-top: 200px;*/ /* Normal Case */
	 margin-top: 330px; /*Double Act Case */
}

 @media screen and (max-width: 1180px) {
     .org-chart__list-lv2 > li > .org-chart__list-lv4 > li .org-chart__item {
         padding-left: 10%;
    }
}
 .org-chart__list-lv2 > li > .org-chart__list-lv4 > li .org-chart__item:before {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     width: 20px;
     height: 1px;
     top: 50%;
     right: 100%;
     z-index: 5;
     width: 15px;
}
.is-zoomout .org-chart__list-lv2 > li > .org-chart__list-lv4 > li .org-chart__item:before {
          height: 3px; }
 .org-chart__list-lv2 > li > .org-chart__list-lv4 > li:last-child {
     width: 100px;
}
 .org-chart__list-lv3 {
     display: block;
     text-align: center;
     z-index: 25;
     background: #FFF;
     overflow: visible;
}
 .org-chart__list-lv3:before {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     width: 100%;
     height: 1px;
     top: 0;
     left: 135px;
     z-index: 5;
}
 @media screen and (max-width: 1780px) {
     .org-chart__list-lv3:before {
         left: 115px;
    }
}
 @media screen and (max-width: 1280px) {
     .org-chart__list-lv3:before {
         left: 95px;
    }
}
 @media screen and (max-width: 991px) {
     .org-chart__list-lv3:before {
         left: 75px;
    }
	.org-chart__list-lv2 > li > .org-chart__list-lv4 > li:first-child{
		margin-top:370px;
	}
}
.is-zoomout .org-chart__list-lv3:before {
      height: 3px; }
 .org-chart__list-lv3 .org-chart__item {
     background: #fedca4;
}
  @media screen and (max-width: 1280px) {
     .org-chart__list-lv3 > li .org-chart__item:before {
         width: 5px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 .org-chart__item {
         padding-left: 10%;
    }
}
 .org-chart__list-lv3 > li {
     display: inline-block;
     vertical-align: top;
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li {
         display: block;
         z-index: 35;
         border-left: 1px solid #000;
         padding: 0 15px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li {
         padding: 0;
    }
}
 .org-chart__list-lv3 > li .org-chart__item:before {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     width: 10px;
     height: 1px;
     top: 50%;
     right: 100%;
     z-index: 5;
	 width: 5px;
}
.is-zoomout .org-chart__list-lv3 > li .org-chart__item:before {
        height: 3px; }
 @media screen and (max-width: 837px) {

     .org-chart__list-lv3 > li .org-chart__item:before {
         width: 10px;
    }
}
 .org-chart__list-lv3 > li:after {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     width: 1px;
     height: 1000px;
     margin-bottom: 0;
     /*top: 90px;*/ /*Normal Case */
	 top: 155px; /*Double Act Case */
     left: 10px;
     z-index: 40;
}
.is-zoomout .org-chart__list-lv3 > li:after {
        width: 3px; }
 @media screen and (max-width: 991px) {
     .org-chart__list-lv3 > li:after {
		top:175px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:after {
         z-index: 25;
         left: 20px;
    }
}
 
 .org-chart__list-lv3 > li:first-child:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 25px;
     border-right: 1px solid #000;
     bottom: 100%;
     margin-bottom: -15px;
     right: 50%;
     z-index: 5;
}
.is-zoomout .org-chart__list-lv3 > li:first-child:before {
        border-right: 3px solid #000; }
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:first-child:before {
         display: none;
    }
}
 .org-chart__list-lv3 > li:not(:last-child):not(:first-child):before {
     content: '';
     background: #000;
     display: block;
     position: absolute;
     width: 1px;
     height: 25px;
     margin-bottom: -15px;
     bottom: 100%;
     left: 50%;
     z-index: 5;
}
.is-zoomout .org-chart__list-lv3 > li:not(:last-child):not(:first-child):before {
        width: 3px; }
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:not(: last-child):not(: first-child):before {
         background: #FFF;
         width: 110px;
         height: 28px;
         border-left: 0;
         border-right: 1px solid #000;
         border-top: 1px solid #000;
         bottom: auto;
         top: -15px;
         margin-bottom: -15px;
         left: auto;
         right: 50%;
         z-index: 5;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:last-child {
         border-left: 0;
    }
}
 .org-chart__list-lv3 > li:last-child:before {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 100%;
     height: 25px;
     border-left: 1px solid #000;
     bottom: 100%;
     margin-bottom: -15px;
     left: 50%;
     z-index: 5;
}
.is-zoomout .org-chart__list-lv3 > li:last-child:before {
        border-left: 3px solid #000; }
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:last-child:before {
         width: 110px;
         height: 28px;
         border-left: 0;
         border-right: 1px solid #000;
         border-top: 1px solid #000;
         bottom: auto;
         top: -15px;
         margin-bottom: -15px;
         left: auto;
         right: 50%;
         z-index: 5;
    }
}
 .org-chart__list-lv3 > li:last-child .org-chart__item:before {
     content: '';
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv3 > li:last-child .org-chart__item:before {
         background: #000;
    }
}
 .org-chart__list-lv4 {
     display: block;
     text-align: center;
}
 .org-chart__list-lv4 .org-chart__item {
     background: #edefee;
}
 .org-chart__list-lv4 > li {
     display: block;
}
 .org-chart__list-lv4 > li .org-chart__item {
     z-index: 55;
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv4 > li .org-chart__item {
         padding-left: 15%;
    }
}
 .org-chart__list-lv4 > li:last-child:after {
     content: '';
     background: #FFF;
     display: block;
     position: absolute;
     width: 160px;
     height: 10000px;
     top: 50%;
     margin-top: 1px;
     right: 46%;
     z-index: 45;
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv4 > li:last-child:after {
         width: 105px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__list-lv4 > li:last-child:after {
         z-index: 30;
         width: 100px;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart__collapsible > .org-chart__item {
         cursor: pointer;
    }
     .org-chart__collapsible > .org-chart__item .org-chart__item-inner {
         padding-left: 25px;
    }
     .org-chart__collapsible > .org-chart__item .org-chart__item-inner:after {
         content: '';
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 7px 7px 0 7px;
         border-color: #000000 transparent transparent transparent;
         display: block;
         position: absolute;
         left: 0;
         top: 1em;
         margin-top: 0;
         -webkit-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
    }
     .org-chart__collapsible > ul {
         display: none;
    }
     .org-chart__collapsible.is-active > .org-chart__item .org-chart__item-inner:after {
         -webkit-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
    }
     .org-chart__collapsible.is-active > ul {
         display: block;
         background-color:#edefee
    }
     .org-chart__invisiblecollapsible > .org-chart__item {
         /*cursor: pointer;*/
    }
     .org-chart__invisiblecollapsible > .org-chart__item .org-chart__item-inner {
         padding-left: 25px;
    }
     .org-chart__invisiblecollapsible > .org-chart__item .org-chart__item-inner:after {
         content: '';
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 7px 7px 0 7px;
         border-color: transparent transparent transparent transparent;
         display: block;
         position: absolute;
         left: 0;
         top: 1em;
         margin-top: 0;
         -webkit-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
    }
     .org-chart__invisiblecollapsible > ul {
         display: none;
    }
     .org-chart__invisiblecollapsible.is-active > .org-chart__item .org-chart__item-inner:after {
         -webkit-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
    }
     .org-chart__invisiblecollapsible.is-active > ul {
         display: block;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart .org-chart__list-lv2 > li {
         border: 8px solid #0095d7 !important;
         border-top: 0 !important;
    }
     .org-chart .org-chart__list-lv2 > li:first-child {
         border-top: 8px solid #0095d7 !important;
    }
}
 @media screen and (max-width: 837px) {
     .org-chart .org-chart__list-lv3 > li{
         border: 3px solid #eb6100 !important;
         border-top: 0 !important;
    }
     .org-chart .org-chart__list-lv3 > li:first-child {
         border-top: 3px solid #eb6100 !important;
    }
}
 .org-chart__toggle .org-chart__toggle-txtshow {
     display: block;
}
 .org-chart__toggle .org-chart__toggle-txthide {
     display: none;
}
 .org-chart__toggle.is-active .org-chart__toggle-txtshow {
     display: none;
}
 .org-chart__toggle.is-active .org-chart__toggle-txthide {
     display: block;
}
 @media screen and (min-width: 838px) {
     .org-chart__toggle {
         display: none !important;
    }
}
/* END Style org-chart */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* Style for our-work */
/* ------------------------------------------ */
 .our-work {
     position: relative;
     text-align: center;
}
 .our-work .content-wrapper, .our-work .mainHolder, .our-work .main-banner__content-holder, .our-work .block-homesquare-main-menu-menu, .our-work .static-banner__content {
     max-width: 920px;
}
 .our-work[data-row-item="4"] .content-wrapper, .our-work[data-row-item="4"] .mainHolder, .our-work[data-row-item="4"] .main-banner__content-holder, .our-work[data-row-item="4"] .block-homesquare-main-menu-menu, .our-work[data-row-item="4"] .static-banner__content {
     max-width: 960px;
}
 .our-work[data-row-item="5"] .content-wrapper, .our-work[data-row-item="5"] .mainHolder, .our-work[data-row-item="5"] .main-banner__content-holder, .our-work[data-row-item="5"] .block-homesquare-main-menu-menu, .our-work[data-row-item="5"] .static-banner__content {
     max-width: 1200px;
}
 .our-work__title {
     margin: 0 0 45px;
}
 .our-work__holder {
     margin-left: -60px;
     margin-right: -60px;
     font-size: 0;
}
 [data-row-item="5"] .our-work__holder {
     margin-left: -10px;
     margin-right: -10px;
}
 @media screen and (max-width: 991px) {
     .our-work__holder {
         margin-left: -30px;
         margin-right: -30px;
    }
}
 @media screen and (max-width: 640px) {
     .our-work__holder {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .our-work__item {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding: 0 60px;
     width: 33.3333%;
     margin: 0 auto 30px;
}
 @media screen and (min-width: 641px) {
     [data-row-item="4"] .our-work__item {
         width: 25%;
    }
     [data-row-item="5"] .our-work__item {
         width: 20%;
         padding: 0 10px;
    }
}
 @media screen and (max-width: 991px) {
     .our-work__item {
         padding: 0 30px;
    }
}
 @media screen and (max-width: 640px) {
     .our-work__item {
         width: 50%;
         padding: 0 15px;
    }
}
 @media screen and (max-width: 380px) {
     .our-work__item {
         width: 100%;
         padding: 0 15px;
    }
}
 .our-work__item-inner {
     width: 100%;
}
 .our-work__item-inner:hover .our-work__item-title {
     color: #eb6100;
}
 .our-work__item--strategies .our-work__item-inner:hover .our-work__item-title {
     color: #c187ff;
}
 .our-work__item--legal .our-work__item-inner:hover .our-work__item-title {
     color: #71cdff;
}
 .our-work__item--community .our-work__item-inner:hover .our-work__item-title {
     color: #b0e600;
}
 .our-work__item--business .our-work__item-inner:hover .our-work__item-title {
     color: #00ffae;
}
 .our-work__item--vehicle .our-work__item-inner:hover .our-work__item-title {
     color: #00ffae;
}
 .our-work__item--it .our-work__item-inner:hover .our-work__item-title {
     color: #f7c624;
}
 .our-work__item--information .our-work__item-inner:hover .our-work__item-title {
     /*color: #f27486;*/
     color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .our-work__item-img {
     display: block;
     width: 100%;
     margin: 0 auto 15px;
     max-width: 140px;
}
 .our-work__item-icon {
     display: block;
     width: 100%;
     position: relative;
     margin: 0 auto 15px;
     max-width: 140px;
     background: url() no-repeat center center;
     background-size: cover;
     transition: 0.3s;
}
 .our-work__item-icon:before {
     content: '';
     display: block;
     position: relative;
     width: 100%;
     padding-bottom: 100%;
     z-index: 10;
}
 .our-work__item--strategies .our-work__item-icon {
     background-image: url("./images/home/01-Download.png?v=2");
}
 .bw-ver .our-work__item--strategies .our-work__item-icon {
     background-image: url("./images/home/01-Download_bw.png?v=2") !important;
}
 .our-work__item--strategies .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/01-Download_bw.png?v=2");
}
 .our-work__item--legal .our-work__item-icon {
     background-image: url("./images/home/02-Status.png?v=2");
}
 .bw-ver .our-work__item--legal .our-work__item-icon {
     background-image: url("./images/home/02-Status_bw.png?v=2") !important;
}
 .our-work__item--legal .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/02-Status_bw.png?v=2");
}
 .our-work__item--community .our-work__item-icon {
     background-image: url("./images/home/03-Withdrawal.png?v=2");
}
 .bw-ver .our-work__item--community .our-work__item-icon {
     background-image: url("./images/home/03-Withdrawal_bw.png?v=2") !important;
}
 .our-work__item--community .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/03-Withdrawal_bw.png?v=2");
}
 .our-work__item--vehicle .our-work__item-icon {
     background-image: url("./images/home/00-vehicle.png?v=2");
}
 .bw-ver .our-work__item--vehicle .our-work__item-icon {
     background-image: url("./images/home/00-vehicle_bw.png?v=2") !important;
}
 .our-work__item--vehicle .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/00-vehicle_bw.png?v=2");
}
 .our-work__item--business .our-work__item-icon {
     background-image: url("./images/home/06-eiao.png?v=2");
}
 .bw-ver .our-work__item--business .our-work__item-icon {
     background-image: url("./images/home/06-eiao_bw.png?v=2") !important;
}
 .our-work__item--business .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/06-eiao_bw.png?v=2");
}
 .our-work__item--it .our-work__item-icon {
     background-image: url("./images/home/05-Construction.png?v=2");
}
 .bw-ver .our-work__item--it .our-work__item-icon {
     background-image: url("./images/home/05-Construction_bw.png?v=2") !important;
}
 .our-work__item--it .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/05-Construction_bw.png?v=2");
}
 .our-work__item--information .our-work__item-icon {
     background-image: url("./images/home/04-Label.png?v=2");
}
 .bw-ver .our-work__item--information .our-work__item-icon {
     background-image: url("./images/home/04-Label_bw.png?v=2") !important;
}
 .our-work__item--information .our-work__item-inner:hover .our-work__item-icon {
     background-image: url("./images/home/04-Label_bw.png?v=2") ;
}
 .our-work__item-title {
     font-weight: bold;
     font-size: 18px;
     transition: 0.3s;
}
 @media screen and (max-width: 1480px) {
     [data-row-item="5"] .our-work__item-title {
         font-size: 14px;
    }
}
 @media screen and (max-width: 991px) {
     .our-work__item-title {
         font-size: 16px;
         max-width: 90%;
         margin: 0 auto;
    }
}
 .our-work__icon {
     margin-bottom: 10px;
}
 .our-work__icon svg {
     width: 140px;
     height: 140px;
}
/* END Style our-work */
/* ------------------------------------------ */
/* Style for pagination */
/* ------------------------------------------ */
 .pagination {
     padding: 45px 0;
     color: #000;
     text-align: center;
}
 .pagination__btn-prev, .pagination__btn-next {
     font-size: 16px;
     display: inline-block;
     vertical-align: middle;
}
 @media screen and (max-width: 640px) {
     .pagination__btn-prev, .pagination__btn-next {
         font-size: 14px;
    }
}
 .pagination__btn-prev:hover, .pagination__btn-next:hover {
     opacity: 1;
     text-decoration: underline;
}
 .pagination__pages {
     display: inline-block;
     vertical-align: middle;
     font-weight: bold;
     margin: 0 20px;
}
 .pagination__pages > span, .pagination__pages > div {
     font-size: 16px;
     display: inline-block;
     vertical-align: middle;
}
 @media screen and (max-width: 640px) {
     .pagination__pages > span, .pagination__pages > div {
         font-size: 14px;
    }
}
 .pagination__pages > span {
     margin: 0 8px;
}
 .pagination__current input {
     display: inline-block;
     width: 35px;
     height: 35px;
     padding: 0;
     text-align: center;
     color: #000;
     background: #ffc62e;
}
 .theme--strategies .pagination__current input {
     background: #c187ff;
}
 .theme--legal .pagination__current input {
     background: #71cdff;
}
 .theme--community .pagination__current input {
     background: #b0e600;
}
 .theme--business .pagination__current input {
     background: #00ffae;
}
 .theme--infrastructure .pagination__current input {
     background: #f7c624;
}
 .theme--information-security .pagination__current input {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
/* END Style pagination */
/* ------------------------------------------ */
/* Style for related-link */
/* ------------------------------------------ */
 .related-link {
     margin-top: 30px;
     padding-top: 30px;
     padding-bottom: 30px;
     background: #eaeaea;
}
 .related-link__label {
     font-size: 15px;
     display: block;
     margin: 0 0 5px;
     font-weight: bold;
}
 .related-link__item {
     display: block;
}
 .related-link__item:hover {
     opacity: 1;
     text-decoration: underline;
}
/* END Style related-link */
/* ------------------------------------------ */
/* Style for sec-article */
/* ------------------------------------------ */
 .sec-article {
     padding: 60px 0;
}
 .sec-article .desc {
     margin-bottom: 20px;
}
 .sec-article .desc:last-child {
     margin-bottom: 0;
}
 .sec-article__row {
     display: block;
     font-size: 0;
     margin: 0 0 60px;
}
 .sec-article__row:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 991px) {
     .sec-article__row {
         margin: 0 0 30px;
    }
}
 @media screen and (max-width: 640px) {
     .sec-article__row {
         margin: 0 0 20px;
    }
}
 .sec-article__col {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     padding: 0 20px;
}
 .sec-article__col:last-child {
     margin-bottom: 0;
}
 .sec-article__col:first-child:last-child {
     padding: 0;
}
 .sec-article__col.sec-article__col--1-2 {
     width: 50%;
}
 @media screen and (max-width: 640px) {
     .sec-article__col.sec-article__col--1-2 {
         width: 100%;
         margin-bottom: 20px;
         padding: 0;
    }
     .sec-article__col.sec-article__col--1-2:last-child {
         margin-bottom: 0;
    }
}
 .sec-article__col.sec-article__col--1-2:first-child {
     padding-left: 0;
}
 .sec-article__col.sec-article__col--1-2:last-child {
     padding-right: 0;
}
 .sec-article__col--al-hl {
     text-align: left;
}
 .sec-article__col--al-hc {
     text-align: center;
}
 .sec-article__col--al-hr {
     text-align: right;
}
 .sec-article__col--al-vt {
     vertical-align: top;
}
 .sec-article__col--al-vc {
     vertical-align: middle;
}
 .sec-article__col--al-vb {
     vertical-align: bottom;
}
 .sec-article__col--control {
     vertical-align: middle;
     text-align: right;
}
 @media screen and (max-width: 767px) {
     .sec-article__col--control {
         text-align: left;
    }
}
 .sec-article__col--control .custom-select {
     text-align: left;
}
 .sec-article__head {
     font-size: 50px;
     line-height: 1.2em;
     position: relative;
}
 @media screen and (max-width: 1480px) {
     .sec-article__head {
         font-size: 50px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-article__head {
         font-size: 42px;
    }
}
 @media screen and (max-width: 640px) {
     .sec-article__head {
         font-size: 32px;
    }
}
 .sec-article__head:after {
     content: '';
     display: block;
     height: 40px;
     width: 90%;
     max-width: 420px;
     background: #ffc62e;
     position: absolute;
     top: 0.6em;
     z-index: 0;
}
 .theme--strategies .sec-article__head:after {
     background: #c187ff;
}
 .theme--legal .sec-article__head:after {
     background: #71cdff;
}
 .theme--community .sec-article__head:after {
     background: #b0e600;
}
 .theme--business .sec-article__head:after {
     background: #00ffae;
}
 .theme--infrastructure .sec-article__head:after {
     background: #f7c624;
}
 .theme--information-security .sec-article__head:after {
     /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 @media screen and (max-width: 1480px) {
     .sec-article__head:after {
         height: 35px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-article__head:after {
         max-width: 300px;
         height: 25px;
    }
}
 @media screen and (max-width: 640px) {
     .sec-article__head:after {
         height: 20px;
         max-width: 200px;
    }
}
 .sec-article__head-tag {
     font-size: 42px;
     display: block;
     margin: 0 0 30px;
     position: relative;
     z-index: 10;
}
 @media screen and (max-width: 1480px) {
     .sec-article__head-tag {
         font-size: 42px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-article__head-tag {
         font-size: 38px;
    }
}
 @media screen and (max-width: 640px) {
     .sec-article__head-tag {
         font-size: 32px;
    }
}
 .sec-article__head-option.custom-select .custom-select__trigger > span, .sec-article__head-body {
     font-size: 40px;
     position: relative;
     z-index: 10;
     line-height: 1.4em;
     font-weight: bold;
     margin: 0;
}
 @media screen and (max-width: 1480px) {
     .sec-article__head-option.custom-select .custom-select__trigger > span, .sec-article__head-body {
         font-size: 40px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-article__head-option.custom-select .custom-select__trigger > span, .sec-article__head-body {
         font-size: 32px;
    }
}
 @media screen and (max-width: 640px) {
     .sec-article__head-option.custom-select .custom-select__trigger > span, .sec-article__head-body {
         font-size: 22px;
    }
}
 .sec-article__head-option.custom-select .custom-select__trigger > span:first-child:last-child, .sec-article__head-body:first-child:last-child {
     display: inline-block;
}
 .sec-article__head-option.custom-select .custom-select__trigger > span + .sec-article__head-intro, .sec-article__head-body + .sec-article__head-intro {
     margin-top: 15px;
}
 .sec-article__head-intro, .sec-article__quote p {
     font-weight: bold;
     line-height: 1.5em;
     margin-bottom: 0;
}
 .sec-article__quote p {
     position: relative;
     z-index: 10;
}
 .sec-article__quote {
     position: relative;
     padding: 30px 0;
     margin-bottom: 20px;
}
 .sec-article__quote:last-child {
     margin-bottom: 0;
}
 .sec-article__quote p:first-child:before, .sec-article__quote p:last-child:after {
     font-family: 'icon-font' !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;
     content: '"';
     font-size: 100px;
     color: #ffc62e;
     display: inline-block;
     width: 0;
     height: 0;
     position: relative;
     top: 0.25em;
     line-height: 0;
     z-index: -1;
}
 @media screen and (max-width: 1480px) {
     .sec-article__quote p:first-child:before, .sec-article__quote p:last-child:after {
         font-size: 60px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-article__quote p:first-child:before, .sec-article__quote p:last-child:after {
         font-size: 50px;
    }
}
 @media screen and (max-width: 767px) {
     .sec-article__quote p:first-child:before, .sec-article__quote p:last-child:after {
         font-size: 40px;
    }
}
 .sec-article__quote p:first-child, .sec-article__quote p:last-child {
     white-space: nowrap;
}
 .sec-article__quote p:first-child span, .sec-article__quote p:last-child span {
     white-space: normal;
}
 .sec-article__quote p:first-child:before {
     content: "\201c";
     left: -0.5em;
}
 @media screen and (max-width: 1480px) {
     .sec-article__quote p:first-child:before {
         left: -0.2em;
         top: -0.2em;
    }
}
 @media screen and (max-width: 767px) {
     .sec-article__quote p:first-child:before {
         top: -0.2em;
         left: -0.2em;
    }
}
 .sec-article__quote p:last-child:after {
     content: "\201d";
     left: -0.5em;
}
 @media screen and (max-width: 1480px) {
     .sec-article__quote p:last-child:after {
         left: -0.5em;
         top: 0;
    }
}
 @media screen and (max-width: 767px) {
     .sec-article__quote p:last-child:after {
         left: -0.5em;
    }
}
 @media screen and (max-width: 480px) {
     .sec-article__quote p:last-child:after {
         top: -0.1em;
         left: -0.7em;
    }
}
 .sec-article__head-logo {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}
 .sec-article__top {
     position: relative;
     margin-bottom: 45px;
}
 @media screen and (max-width: 767px) {
     .sec-article__top {
         margin-bottom: 30px;
    }
}
 .sec-article__link-btn {
     font-weight: bold;
}
 .sec-article__link-btn:hover {
     color: #eb6100;
     opacity: 1;
}
 .sec-article__head-option.custom-select {
     display: inline-block;
     height: auto;
     width: auto;
     top: -1.6em;
}
 .sec-article__head-option.custom-select:before {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 12px 12px 12px;
     border-color: transparent transparent #ffc62e transparent;
     position: absolute;
     top: 100%;
     left: 50%;
     margin-top: 10px;
     margin-left: -12px;
     z-index: 2;
     display: block;
     opacity: 0;
}
 .theme--strategies .sec-article__head-option.custom-select:before {
     border-bottom-color: #c187ff;
}
 .theme--legal .sec-article__head-option.custom-select:before {
     border-bottom-color: #71cdff;
}
 .theme--community .sec-article__head-option.custom-select:before {
     border-bottom-color: #b0e600;
}
 .theme--business .sec-article__head-option.custom-select:before {
     border-bottom-color: #00ffae;
}
 .theme--infrastructure .sec-article__head-option.custom-select:before {
     border-bottom-color: #f7c624;
}
 .theme--information-security .sec-article__head-option.custom-select:before {
     /*border-bottom-color: #f27486;*/
	 border-bottom-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .mobile .sec-article__head-option.custom-select:before {
     display: none !important;
}
 .sec-article__head-option.custom-select.open:before {
     opacity: 1;
}
 .sec-article__head-option.custom-select .custom-select__trigger {
     border: 0;
     width: auto;
     height: auto;
     padding-right: 60px;
}
 .sec-article__head-option.custom-select .custom-select__trigger:after {
     border-width: 14px 12px 0 12px;
     z-index: 10;
}
 .sec-article__head-option.custom-select .custom-select__list {
     display: inline-block;
     width: auto;
     top: 100%;
     border: 0;
     width: 100%;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
     margin-top: 22px;
     background: #ffc62e;
}
 .theme--strategies .sec-article__head-option.custom-select .custom-select__list {
     background: #c187ff;
}
 .theme--legal .sec-article__head-option.custom-select .custom-select__list {
     background: #71cdff;
}
 .theme--community .sec-article__head-option.custom-select .custom-select__list {
     background: #b0e600;
}
 .theme--business .sec-article__head-option.custom-select .custom-select__list {
     background: #00ffae;
}
 .theme--infrastructure .sec-article__head-option.custom-select .custom-select__list {
     background: #f7c624;
}
 .theme--information-security .sec-article__head-option.custom-select .custom-select__list {
	  /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .sec-article__head-option.custom-select .custom-select__list .overview {
     width: 100%;
}
 .sec-article__head-option.custom-select .custom-select__list .scroll-bar.vertical {
     z-index: 30;
}
 .sec-article__head-option.custom-select .custom-select__list .viewport {
     z-index: 20;
}
 .sec-article__head-option.custom-select .custom-select__list li {
     width: 100%;
     height: auto;
     max-height: auto;
     max-height: none;
     margin: 0;
     padding: 15px 15px;
     line-height: 1.125em;
}
 .sec-article__head-option.custom-select .custom-select__list li:before {
     display: none;
}
 .sec-article__head-option.custom-select .custom-select__list li:hover {
     color: #000;
     background: #FFF;
     opacity: 1;
}
/* END Style sec-article */
/* ------------------------------------------ */
/* Style for sec-highlights */
/* ------------------------------------------ */
 .sec-highlights {
     position: relative;
     padding: 60px 0;
     background: #f4f5f8;
}
 @media screen and (max-width: 1580px) {
     .sec-highlights {
         padding: 50px 0;
    }
}
 @media screen and (max-width: 991px) {
     .sec-highlights {
         padding: 40px 0;
    }
}
 @media screen and (max-width: 767px) {
     .sec-highlights {
         padding: 45px 0 0;
    }
}
 .sec-highlights__holder {
     margin-left: -30px;
     margin-right: -30px;
     font-size: 0;
}
 @media screen and (max-width: 991px) {
     .sec-highlights__holder {
         margin-left: -20px;
         margin-right: -20px;
    }
}
 .sec-highlights__item {
     padding: 0 30px;
     width: 25%;
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 @media screen and (max-width: 991px) {
     .sec-highlights__item {
         padding: 0 20px;
    }
}
 @media screen and (max-width: 767px) {
     .sec-highlights__item {
         width: 50%;
         margin-bottom: 45px;
    }
}
 @media screen and (max-width: 380px) {
     .sec-highlights__item {
         width: 100%;
         margin-bottom: 45px;
    }
}
 @media screen and (min-width: 768px) {
     .sec-highlights__item {
         transition: 0.3s;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
     .sec-highlights__item:hover {
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px);
    }
}
 .sec-highlights__item-img {
     position: relative;
     display: block;
     width: 90%;
     margin: 0 auto 30px;
     border-radius: 50%;
     overflow: hidden;
     transition: 0.3s;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
}
 .sec-highlights__item-img:before {
     content: '';
     display: block;
     position: relative;
     width: 100%;
     padding-bottom: 100%;
}
 .sec-highlights__item-img .sec-highlights__item-img-body {
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: url() no-repeat center center;
     background-size: 100%;
     border-radius: 50%;
     overflow: hidden;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
}
 .sec-highlights__item-title {
     font-size: 18px;
     text-align: center;
     color: #000;
     margin: 0;
     transition: 0.3s;
}
 .sec-highlights__item:hover .sec-highlights__item-title {
     color: #eb6100;
}
 @media screen and (max-width: 991px) {
     .sec-highlights__item-title {
         font-size: 16px;
    }
}
 .sec-highlights__readmore {
     opacity: 0;
     position: absolute;
     top: 100%;
     left: 0;
     font-size: 14px;
     display: block;
     width: 100%;
     text-align: center;
     margin: 10px auto 0;
     color: #eb6100;
}
 @media screen and (min-width: 768px) {
     .sec-highlights__readmore {
         transition: 0.3s;
    }
     .sec-highlights__item:hover .sec-highlights__readmore {
         opacity: 1;
    }
}
/* END Style sec-highlights */
/* ------------------------------------------ */
/* Style for sec-shortcut */
/* ------------------------------------------ */
 .sec-shortcut {
     position: fixed;
     right: -120%;
     padding: 0 20px;
     z-index: 100;
     transition: 0.3s;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media screen and (max-width: 1200px) {
     .sec-shortcut {
         padding: 0 5px;
    }
}
 @media screen and (max-width: 991px) {
     .sec-shortcut {
         display: none;
    }
}
 @media screen and (max-width: 480px) {
     .sec-shortcut {
         padding: 0;
    }
}
 .sec-shortcut.is-active {
     right: 0;
}
 .sec-shortcut .sec-shortcut__link {
     display: block;
     padding: 10px;
}
 @media screen and (max-width: 480px) {
     .sec-shortcut .sec-shortcut__link {
         padding: 8px;
    }
}
 .sec-shortcut .sec-shortcut__link:before {
     content: '';
     width: 12px;
     height: 12px;
     display: block;
     background: #000;
     opacity: 0.4;
     border-radius: 50%;
     border: 1px solid #FFF;
}
 @media screen and (max-width: 480px) {
     .sec-shortcut .sec-shortcut__link:before {
         width: 10px;
         height: 10px;
    }
}
 .sec-shortcut .sec-shortcut__link.is-active:before {
     opacity: 1;
}
 .sec-shortcut .sec-shortcut__item {
     margin: 0;
     position: relative;
}
 .sec-shortcut .sec-shortcut__item:hover .sec-shortcut__link {
     opacity: 1;
}
 .sec-shortcut .sec-shortcut__item:hover .sec-shortcut__item-label {
     display: block;
}
 .sec-shortcut .sec-shortcut__item-label {
     display: none;
     position: absolute;
     right: 100%;
     margin-right: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 14px;
     white-space: nowrap;
     padding: 8px 12px;
     background: #FFF;
     box-shadow: 0px 3px 4px rgba(150, 150, 150, 0.2);
}
/* END Style sec-shortcut */
/* ------------------------------------------ */
/* Style for txt-scroller */
/* ------------------------------------------ */
 .scroll-reader {
     height: 250px;
     border: 1px solid #000;
     margin-bottom: 30px;
     padding: 30px;
}
 .scroll-reader.scrollable.default-skin {
     padding: 30px;
}
 @media screen and (max-width: 767px) {
     .scroll-reader {
         padding: 30px 5%;
         padding-right: 30px;
    }
     .scroll-reader.scrollable.default-skin {
         padding: 30px 5%;
         padding-right: 30px;
    }
}
 .scroll-reader.scrollable .scroll-bar.vertical {
     right: 15px;
}
 .scroll-reader.scrollable .viewport .overview {
     width: 100%;
}
/* END Style txt-scroller */
/* ------------------------------------------ */
/* Style for share-btns */
/* ------------------------------------------ */
 .share-btns {
     position: relative;
     margin-top: 15px;
}
 .header-nav__tool--share .share-btns {
     white-space: nowrap;
}
 .share-btns__btn {
     display: inline-block;
     vertical-align: top;
     width: 34px;
     height: 34px;
     margin-right: 5px;
     position: relative;
     transition: 0.2s;
}
 .mob-nav__control .share-btns__btn {
     width: 30px;
     height: 30px;
     vertical-align: middle;
}
 .share-btns__btn:before {
     content: '';
     width: 26px;
     height: 26px;
     left: 4px;
     top: 4px;
     display: block;
     position: absolute;
     background: url() center top;
     background-size: 100% auto;
     transition: 0.2s;
}
 .header-nav__tool--share .share-btns__btn:before {
     background-position-y: -26px;
}
 .mob-nav__control .share-btns__btn:before {
     background-position-y: -22px;
}
 .mob-nav__control .share-btns__btn:before {
     width: 22px;
     height: 22px;
     left: 4px;
     top: 4px;
}
 .share-btns__btn:hover:before {
     background-position-y: -26px;
}
 .mob-nav__control .share-btns__btn:hover:before {
     background-position-y: -22px;
}
 .share-btns__btn.share-btns__btn--email:before {
     background-image: url("./images/common/icons/icon-social-email-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--email, .header-nav__tool--share .share-btns__btn.share-btns__btn--email, .share-btns__btn.share-btns__btn--email:hover {
     background-color: yellowgreen;
}
 .share-btns__btn.share-btns__btn--fb:before {
     background-image: url("./images/common/icons/icon-social-facebook-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--fb, .header-nav__tool--share .share-btns__btn.share-btns__btn--fb, .share-btns__btn.share-btns__btn--fb:hover {
     background-color: #3b5998;
}
 .share-btns__btn.share-btns__btn--wa:before {
     background-image: url("./images/common/icons/icon-social-whatsapp-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--wa, .header-nav__tool--share .share-btns__btn.share-btns__btn--wa, .share-btns__btn.share-btns__btn--wa:hover {
     background-color: #1bd741;
}
 .share-btns__btn.share-btns__btn--wb:before {
     background-image: url("./images/common/icons/icon-social-weibo-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--wb, .header-nav__tool--share .share-btns__btn.share-btns__btn--wb, .share-btns__btn.share-btns__btn--wb:hover {
     background-color: #df2029;
}
 .share-btns__btn.share-btns__btn--wc:before {
     background-image: url("./images/common/icons/icon-social-wechat-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--wc, .header-nav__tool--share .share-btns__btn.share-btns__btn--wc, .share-btns__btn.share-btns__btn--wc:hover {
     background-color: #09b83e;
}
 .share-btns__btn.share-btns__btn--tw:before {
     background-image: url("./images/common/icons/icon-social-twitter-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--tw, .header-nav__tool--share .share-btns__btn.share-btns__btn--tw, .share-btns__btn.share-btns__btn--tw:hover {
     background-color: #00aff0;
}
 .share-btns__btn.share-btns__btn--ig:before {
     background-image: url("./images/common/icons/icon-social-ig-white.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--ig, .header-nav__tool--share .share-btns__btn.share-btns__btn--ig, .share-btns__btn.share-btns__btn--ig:hover {
     background-color: #bc2a8d;
}
 .share-btns__btn.share-btns__btn--rss:before {
     background-image: url("./images/common/icons/icon-rss.png");
}
 .mob-nav__control .share-btns__btn.share-btns__btn--rss, .header-nav__tool--share .share-btns__btn.share-btns__btn--rss, .share-btns__btn.share-btns__btn--rss:hover {
     background-color: #f26522;
}
 .share-btns__btn:last-child {
     margin-right: 0;
}
/* END Style share-btns */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
 .skip-link {
     position: relative;
     z-index: 1001;
}
 .skip-link__link {
     display: -moz-inline-stack;
     display: block;
     margin: 0;
     max-height: 0;
     color: #FFF;
     position: absolute;
     top: -5000px;
     left: -5000px;
}
 .skip-link__link:focus {
     max-height: 1920px;
     display: inline-block;
     padding: 15px;
     margin: 5px;
     outline: 3px solid #FFF;
     text-decoration: underline;
     left: 20px;
     top: 20px;
     background-color: #eb6100;
}
 #skiptargetholder {
     display: block;
     margin: 0 auto;
     max-height: 0;
}
 #skiptargetholder #skiptarget {
     display: -moz-inline-stack;
     display: block;
     margin: 0;
     max-height: 0;
}
/* END Style sample */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* Style for static-banner */
/* ------------------------------------------ */
 .static-banner {
     position: relative;
     height: 350px;
     width: 100%;
     display: block;
     background: url() no-repeat center center;
     background-size: cover;
}
 @media screen and (max-width: 640px) {
     .static-banner {
         height: 350px;
    }
}
 @media screen and (max-width: 480px) {
     .static-banner {
         height: 300px;
    }
}
 .static-banner__bg {
     position: absolute;
     width: 100%;
     height: 120%;
     top: 0%;
     left: 0;
     background: url() no-repeat center center;
     background-size: cover;
     z-index: 0;
}
 .dzsparallaxer .static-banner__bg.dzsparallaxer--target {
     position: absolute;
}
 .static-banner__content {
     display: table;
     height: 100%;
     z-index: 5;
}
 .static-banner__txt {
     display: table-cell;
     vertical-align: middle;
}
 .static-banner__title-tag {
     display: block;
     font-size: 26px;
     font-weight: 400;
     font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
 .static-banner__title {
     padding-top: 90px;
     width: 68%;
     line-height: 1.25em;
     margin: 0;
     text-align: left;
     color: #fff;
}
 [data-key-txt-color="black"] .static-banner__title[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .static-banner__title[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .static-banner__title[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .static-banner__title[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .static-banner__title {
     color: #000;
}
 [data-key-txt-color="white"] .static-banner__title {
     color: #fff;
}
 [data-txt-color="black"] .static-banner__title {
     color: #000;
}
 [data-txt-color="white"] .static-banner__title {
     color: #fff;
}
 @media screen and (max-width: 991px) {
     .static-banner__title {
         padding-top: 70px;
    }
}
 @media screen and (max-width: 767px) {
     .static-banner__title {
         padding-top: 60px;
    }
}
 @media screen and (max-width: 480px) {
     .static-banner__title {
         width: 100%;
    }
}
 .static-banner__control {
     position: absolute;
     width: 100%;
     bottom: 12%;
     z-index: 10;
     text-align: center;
     font-size: 0;
}
 @media screen and (max-width: 480px) {
     .static-banner__control {
         bottom: 5%;
    }
}
 .static-banner__control .btn {
     margin: 0 10px;
}
 @media screen and (max-width: 480px) {
     .static-banner__control .btn {
         margin: 0 3px;
    }
}
 @media screen and (max-width: 315px) {
     .static-banner__control .btn {
         width: 90%;
         margin-bottom: 10px;
    }
}
 .anchor {
     display: block;
     position: relative;
     top: -75px;
     visibility: hidden;
}
 @media screen and (max-width: 991px) {
     .anchor {
         top: -70px;
    }
}
 @media screen and (max-width: 767px) {
     .anchor {
         top: -60px;
    }
}
/* END Style static-banner */
/* ------------------------------------------ */
 .step-flow {
     padding-left: 0;
     padding-bottom: 60px;
     position: relative;
     counter-reset: step-flow-counter;
    /* &:before{
         // 20161011 modified - original: .step-flow__title content:'Step';
         position: absolute;
         left:0;
         top:10px;
         font-weight:bold;
         font-size: 17px;
         :lang(zh) &{
             content:'步驟';
        }
         :lang(pt) & {
             content:'passos';
        }
    }
     */
}
 @media screen and (max-width: 767px) {
     .step-flow {
         padding-bottom: 45px;
    }
}
 .step-flow .step-flow__step, .step-flow li {
     display: inline-block;
     vertical-align: top;
     position: relative;
     padding-right: 20px;
     font-weight: bold;
     font-size: 14px;
     width: 120px;
     text-align: center;
     margin-bottom: 15px;
     color: #000;
}
 .theme--strategies .mainHolder .step-flow .step-flow__step, .theme--legal .mainHolder .step-flow .step-flow__step, .theme--community .mainHolder .step-flow .step-flow__step, .theme--business .mainHolder .step-flow .step-flow__step, .theme--infrastructure .mainHolder .step-flow .step-flow__step, .theme--information-security .mainHolder .step-flow .step-flow__step, .theme--strategies .mainHolder .step-flow li, .theme--legal .mainHolder .step-flow li, .theme--community .mainHolder .step-flow li, .theme--business .mainHolder .step-flow li, .theme--infrastructure .mainHolder .step-flow li, .theme--information-security .mainHolder .step-flow li {
     color: #000;
}
 @media screen and (max-width: 767px) {
     .step-flow .step-flow__step, .step-flow li {
         width: 90px;
         font-size: 12px;
    }
}
 .step-flow .step-flow__step:hover .step-flow__step-graphic, .step-flow li:hover .step-flow__step-graphic {
     opacity: 1;
     background: #fff100;
     border-color: #fff100;
     color: #000;
}
 .theme--strategies .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--strategies .step-flow li:hover .step-flow__step-graphic {
     background: #c187ff;
}
 .theme--legal .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--legal .step-flow li:hover .step-flow__step-graphic {
     background: #71cdff;
}
 .theme--community .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--community .step-flow li:hover .step-flow__step-graphic {
     background: #b0e600;
}
 .theme--business .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--business .step-flow li:hover .step-flow__step-graphic {
     background: #00ffae;
}
 .theme--infrastructure .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--infrastructure .step-flow li:hover .step-flow__step-graphic {
     background: #f7c624;
}
 .theme--information-security .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--information-security .step-flow li:hover .step-flow__step-graphic {
	  /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--strategies .step-flow li:hover .step-flow__step-graphic {
     border-color: #c187ff;
}
 .theme--legal .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--legal .step-flow li:hover .step-flow__step-graphic {
     border-color: #71cdff;
}
 .theme--community .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--community .step-flow li:hover .step-flow__step-graphic {
     border-color: #b0e600;
}
 .theme--business .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--business .step-flow li:hover .step-flow__step-graphic {
     border-color: #00ffae;
}
 .theme--infrastructure .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--infrastructure .step-flow li:hover .step-flow__step-graphic {
     border-color: #f7c624;
}
 .theme--information-security .step-flow .step-flow__step:hover .step-flow__step-graphic, .theme--information-security .step-flow li:hover .step-flow__step-graphic {
	  /*border-color: #f27486;*/
	 border-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .step-flow .step-flow__step:hover .step-flow__step-graphic img, .step-flow li:hover .step-flow__step-graphic img {
     opacity: 1;
}
 .step-flow .step-flow__step:hover .step-flow__step-txt, .step-flow li:hover .step-flow__step-txt {
     text-decoration: underline;
}
 .theme--strategies .mainHolder .step-flow .step-flow__step:hover, .theme--legal .mainHolder .step-flow .step-flow__step:hover, .theme--community .mainHolder .step-flow .step-flow__step:hover, .theme--business .mainHolder .step-flow .step-flow__step:hover, .theme--infrastructure .mainHolder .step-flow .step-flow__step:hover, .theme--information-security .mainHolder .step-flow .step-flow__step:hover, .theme--strategies .mainHolder .step-flow li:hover, .theme--legal .mainHolder .step-flow li:hover, .theme--community .mainHolder .step-flow li:hover, .theme--business .mainHolder .step-flow li:hover, .theme--infrastructure .mainHolder .step-flow li:hover, .theme--information-security .mainHolder .step-flow li:hover {
     text-decoration: none;
}
 .theme--strategies .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--legal .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--community .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--business .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--infrastructure .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--information-security .mainHolder .step-flow .step-flow__step:hover .step-flow__step-txt, .theme--strategies .mainHolder .step-flow li:hover .step-flow__step-txt, .theme--legal .mainHolder .step-flow li:hover .step-flow__step-txt, .theme--community .mainHolder .step-flow li:hover .step-flow__step-txt, .theme--business .mainHolder .step-flow li:hover .step-flow__step-txt, .theme--infrastructure .mainHolder .step-flow li:hover .step-flow__step-txt, .theme--information-security .mainHolder .step-flow li:hover .step-flow__step-txt {
     text-decoration: underline;
}
 .step-flow .step-flow__step:after, .step-flow li:after {
     content: '';
     position: absolute;
     right: 4px;
     top: 12px;
     display: block;
     border-style: solid;
     border-width: 8px 0 8px 12px;
     border-color: transparent transparent transparent #ccc;
}
 @media screen and (max-width: 767px) {
     .step-flow .step-flow__step:after, .step-flow li:after {
         top: 6px;
    }
}
 .step-flow .step-flow__step:last-child:after, .step-flow li:last-child:after {
     border-color: transparent transparent transparent transparent;
     border-width: 5px 0 5px 0;
     margin: 0 20px;
}
 @media screen and (max-width: 767px) {
     .step-flow .step-flow__step:last-child:after, .step-flow li:last-child:after {
         margin: 15px 0;
    }
}
 .step-flow .step-flow__step.is-current, .step-flow li.is-current {
     pointer-events: none;
}
 .step-flow .step-flow__step.is-current .step-flow__step-graphic, .step-flow .step-flow__step.is-current:before, .step-flow li.is-current .step-flow__step-graphic, .step-flow li.is-current:before {
     background: #fff100;
     border-color: #fff100;
     color: #000;
}
 .theme--strategies .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--strategies .step-flow .step-flow__step.is-current:before, .theme--strategies .step-flow li.is-current .step-flow__step-graphic, .theme--strategies .step-flow li.is-current:before {
     background: #c187ff;
}
 .theme--legal .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--legal .step-flow .step-flow__step.is-current:before, .theme--legal .step-flow li.is-current .step-flow__step-graphic, .theme--legal .step-flow li.is-current:before {
     background: #71cdff;
}
 .theme--community .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--community .step-flow .step-flow__step.is-current:before, .theme--community .step-flow li.is-current .step-flow__step-graphic, .theme--community .step-flow li.is-current:before {
     background: #b0e600;
}
 .theme--business .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--business .step-flow .step-flow__step.is-current:before, .theme--business .step-flow li.is-current .step-flow__step-graphic, .theme--business .step-flow li.is-current:before {
     background: #00ffae;
}
 .theme--infrastructure .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--infrastructure .step-flow .step-flow__step.is-current:before, .theme--infrastructure .step-flow li.is-current .step-flow__step-graphic, .theme--infrastructure .step-flow li.is-current:before {
     background: #f7c624;
}
 .theme--information-security .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--information-security .step-flow .step-flow__step.is-current:before, .theme--information-security .step-flow li.is-current .step-flow__step-graphic, .theme--information-security .step-flow li.is-current:before {
	  /*background: #f27486;*/
	 background: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .theme--strategies .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--strategies .step-flow .step-flow__step.is-current:before, .theme--strategies .step-flow li.is-current .step-flow__step-graphic, .theme--strategies .step-flow li.is-current:before {
     border-color: #c187ff;
}
 .theme--legal .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--legal .step-flow .step-flow__step.is-current:before, .theme--legal .step-flow li.is-current .step-flow__step-graphic, .theme--legal .step-flow li.is-current:before {
     border-color: #71cdff;
}
 .theme--community .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--community .step-flow .step-flow__step.is-current:before, .theme--community .step-flow li.is-current .step-flow__step-graphic, .theme--community .step-flow li.is-current:before {
     border-color: #b0e600;
}
 .theme--business .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--business .step-flow .step-flow__step.is-current:before, .theme--business .step-flow li.is-current .step-flow__step-graphic, .theme--business .step-flow li.is-current:before {
     border-color: #00ffae;
}
 .theme--infrastructure .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--infrastructure .step-flow .step-flow__step.is-current:before, .theme--infrastructure .step-flow li.is-current .step-flow__step-graphic, .theme--infrastructure .step-flow li.is-current:before {
     border-color: #f7c624;
}
 .theme--information-security .step-flow .step-flow__step.is-current .step-flow__step-graphic, .theme--information-security .step-flow .step-flow__step.is-current:before, .theme--information-security .step-flow li.is-current .step-flow__step-graphic, .theme--information-security .step-flow li.is-current:before {
	  /*border-color: #f27486;*/
	 border-color: #ed2c1f; /*CyberSecurityThemeColorUpdate*/
}
 .step-flow .step-flow__step.is-current:after, .step-flow li.is-current:after {
     border-color: transparent transparent transparent #000;
}
 .step-flow .step-flow__step.is-current .step-flow__step-graphic img, .step-flow li.is-current .step-flow__step-graphic img {
     opacity: 1;
}
 .step-flow .step-flow__step-graphic, .step-flow li:before {
     counter-increment: step-flow-counter;
     content: counter(step-flow-counter);
     display: block;
     margin: 0 auto 5px;
     vertical-align: top;
     width: 42px;
     height: 42px;
     line-height: 42px;
     text-align: center;
     border-radius: 50%;
     border: 1px solid #ccc;
     color: #ccc;
     font-size: 24px;
     font-weight: bold;
}
 @media screen and (max-width: 767px) {
     .step-flow .step-flow__step-graphic, .step-flow li:before {
         width: 28px;
         height: 28px;
         line-height: 28px;
         font-size: 20px;
    }
}
 .step-flow .step-flow__step-graphic {
     position: relative;
}
 .step-flow .step-flow__step-graphic img {
     display: block;
     width: 65%;
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     opacity: 0.3;
}
/* Style for OGCIO tabs */
/* ------------------------------------------ */
 .ogcio__tabs {
     position: relative;
}
 .ogcio__tabs__btns {
     display: table;
     border-bottom: 1px solid #000;
     width: 100%;
     margin-bottom: 45px;
}
 @media screen and (max-width: 767px) {
     .ogcio__tabs__btns {
         display: none;
    }
}
 .ogcio__tabs__btn {
     display: table-cell;
     vertical-align: middle;
     padding: 15px 5px;
     color: #000;
     position: relative;
     text-align: center;
     font-weight: bold;
}
 .ogcio__tabs__btn a {
     color: #000;
}
 :lang(zh-hk) .ogcio__tabs__btn, :lang(zh-cn) .ogcio__tabs__btn {
     width: 21%;
}
 @media screen and (max-width: 991px) {
     .ogcio__tabs__btn {
         font-size: 12px;
    }
}
 .ogcio__tabs__btn:hover {
     background: #000;
     color: #000;
     opacity: 1;
}
 .ogcio__tabs__btn.is-active {
     background: #000;
     color: #000;
}
 .ogcio__tabs__btn.is-active:before {
     content: '';
     display: block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 10px;
     border-color: #000 transparent transparent transparent;
     position: absolute;
     left: 50%;
     top: 100%;
     margin-left: -5px;
}
 .ogcio__tabs__btns-mob {
     display: none;
     position: relative;
    /* &:before{
         content:'';
         display:block;
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 10px 10px 0 10px;
         border-color: $colorOrange transparent transparent transparent;
         position:absolute;
         left:50%;
         top:100%;
         margin-left:-5px;
    }
     */
}
 .ogcio__tabs__btns-mob .custom-select a {
     border: 1px solid #000;
     color: #00ffae;
     background: #000;
     font-weight: bold;
}
 @media screen and (max-width: 380px) {
     .ogcio__tabs__btns-mob .custom-select a > span {
         font-size: 12px;
    }
}
 .ogcio__tabs__btns-mob .custom-select a:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 6px 5px 0 5px;
     border-color: #00ffae transparent transparent transparent;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media screen and (max-width: 767px) {
     .ogcio__tabs__btns-mob {
         display: block;
         margin-bottom: 30px;
    }
}
 .ogcio__tabs__content-holder {
     position: relative;
     width: 100%;
     height: auto;
}
 .ogcio__tabs__content {
     position: relative;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: -1;
}
 .ogcio__tabs__content.is-active {
     display: block;
     pointer-events: all;
     opacity: 1;
     z-index: 10;
}
/* Style for tabs */
/* ------------------------------------------ */
 .tabs {
     position: relative;
}
 .tabs__btns {
     display: table;
     border-bottom: 1px solid #ffc62e;
     width: 100%;
     margin-bottom: 45px;
}
 @media screen and (max-width: 767px) {
     .tabs__btns {
         display: none;
    }
}
 .tabs__btn {
     display: table-cell;
     vertical-align: middle;
     padding: 15px 5px;
     color: #FFF;
     position: relative;
     text-align: center;
     font-weight: bold;
}
 :lang(zh-hk) .tabs__btn, :lang(zh-cn) .tabs__btn {
     width: 21%;
}
 @media screen and (max-width: 991px) {
     .tabs__btn {
         font-size: 12px;
    }
}
 .tabs__btn:hover {
     background: #ffc62e;
     color: #000;
     opacity: 1;
}
 .tabs__btn.is-active {
     background: #ffc62e;
     color: #000;
}
 .tabs__btn.is-active:before {
     content: '';
     display: block;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 10px;
     border-color: #ffc62e transparent transparent transparent;
     position: absolute;
     left: 50%;
     top: 100%;
     margin-left: -5px;
}
 .tabs__btns-mob {
     display: none;
     position: relative;
    /* &:before{
         content:'';
         display:block;
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 10px 10px 0 10px;
         border-color: $colorOrange transparent transparent transparent;
         position:absolute;
         left:50%;
         top:100%;
         margin-left:-5px;
    }
     */
}
 .tabs__btns-mob .custom-select a {
     border: 1px solid #ffc62e;
     color: #ffc62e;
     font-weight: bold;
}
 @media screen and (max-width: 380px) {
     .tabs__btns-mob .custom-select a > span {
         font-size: 12px;
    }
}
 .tabs__btns-mob .custom-select a:after {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 6px 5px 0 5px;
     border-color: #ffc62e transparent transparent transparent;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media screen and (max-width: 767px) {
     .tabs__btns-mob {
         display: block;
         margin-bottom: 30px;
    }
}
 .tabs__content-holder {
     position: relative;
     width: 100%;
}
 .tabs__content {
     position: absolute;
     left: 0;
     width: 100%;
     opacity: 0;
     z-index: -1;
}
 .tabs__content.is-active {
     display: block;
     pointer-events: all;
     opacity: 1;
     z-index: 10;
}
/* END Style tabs */
/* ------------------------------------------ */
/* Style for title-remark */
/* ------------------------------------------ */
 .title-remark {
     font-size: 0.65em;
}
/* END Style title-remark */
/* ------------------------------------------ */
/* Style for thumb-slider */
/* ------------------------------------------ */
 .thumb-slider {
     position: relative;
     width: 100%;
     margin-top: 35px;
     padding: 30px 0;
     z-index: 5;
}
 .thumb-slider > .content-wrapper, .thumb-slider > .mainHolder, .thumb-slider > .main-banner__content-holder, .thumb-slider > .block-homesquare-main-menu-menu, .thumb-slider > .static-banner__content {
     overflow: visible;
}
 @media screen and (max-width: 1480px) {
     .thumb-slider > .content-wrapper, .thumb-slider > .mainHolder, .thumb-slider > .main-banner__content-holder, .thumb-slider > .block-homesquare-main-menu-menu, .thumb-slider > .static-banner__content {
         padding: 0 45px;
    }
}
 @media screen and (max-width: 640px) {
     .thumb-slider > .content-wrapper, .thumb-slider > .mainHolder, .thumb-slider > .main-banner__content-holder, .thumb-slider > .block-homesquare-main-menu-menu, .thumb-slider > .static-banner__content {
         padding: 0;
    }
}
 .thumb-slider__slider-holder {
     position: relative;
     width: 100%;
     padding: 0;
}
 @media screen and (max-width: 640px) {
     .thumb-slider__slider-holder {
         padding: 0 45px;
    }
}
 .thumb-slider__slider {
     position: relative;
     width: 100%;
     font-size: 0;
     overflow: hidden;
}
 .thumb-slider__slider > .swiper-wrapper {
     z-index: 10;
     height: auto;
}
 .thumb-slider__control {
     position: relative;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 5px;
}
 .thumb-slider__slider-next, .thumb-slider__slider-prev {
     position: absolute;
     width: 51px;
     height: 51px;
     display: block;
     background: url("./images/common/icons/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -85.5px;
}
 @media screen and (max-width: 991px) {
     .thumb-slider__slider-next, .thumb-slider__slider-prev {
         width: 36px;
         height: 36px;
         margin-top: -78px;
    }
}
 @media screen and (max-width: 767px) {
     .thumb-slider__slider-next, .thumb-slider__slider-prev {
         width: 28px;
         height: 28px;
         margin-top: -74px;
    }
}
 .thumb-slider__slider-next {
     left: 100%;
     margin-left: 20px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media screen and (max-width: 991px) {
     .thumb-slider__slider-next {
         margin-left: 5px;
    }
}
 @media screen and (max-width: 767px) {
     .thumb-slider__slider-next {
         margin-left: 0;
    }
}
 @media screen and (max-width: 640px) {
     .thumb-slider__slider-next {
         left: auto;
         right: -45px;
    }
}
 .thumb-slider__slider-prev {
     right: 100%;
     margin-right: 20px;
}
 @media screen and (max-width: 991px) {
     .thumb-slider__slider-prev {
         margin-right: 5px;
    }
}
 @media screen and (max-width: 767px) {
     .thumb-slider__slider-prev {
         margin-right: 0;
    }
}
 @media screen and (max-width: 640px) {
     .thumb-slider__slider-prev {
         right: auto;
         left: -45px;
    }
}
 .thumb-slider__item {
     display: inline-block;
     background: #FFF;
     position: relative;
     height: auto;
     overflow: hidden;
     width: 16.6666%;
     width: calc(16.6666% - 19px);
     text-align: left;
}
 @media screen and (max-width: 767px) {
     .thumb-slider__item {
         width: 50%;
         width: calc(50% - 19px*1/2);
    }
}
 @media screen and (max-width: 480px) {
     .thumb-slider__item {
         width: 100%;
         width: 100%;
    }
}
 .thumb-slider__item:hover {
     opacity: 1;
}
 .thumb-slider__item:hover .thumb-slider__bg {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 .thumb-slider__item-img {
     position: relative;
     width: 100%;
     overflow: hidden;
     border: 1px solid rgba(123, 123, 123, 0.3);
}
 .thumb-slider__item-img img {
     display: block;
     position: relative;
     width: 100%;
     transition: 0.3s;
     border: 1px solid rgba(123, 123, 123, 0.2);
}
 .thumb-slider__item:hover .thumb-slider__item-img img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
}
 .thumb-slider__item-title {
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: bold;
     color: #000;
     text-align: left;
     width: 100%;
     margin-top: 15px;
}
 .thumb-slider__item:hover .thumb-slider__item-title {
     color: #eb6100;
}
 @media screen and (max-width: 640px) {
     .thumb-slider__item-title {
         font-size: 14px;
         text-align: center;
    }
}
 .thumb-slider__pagination {
     position: relative;
     width: 100%;
     text-align: center;
     padding-top: 30px;
}
 .thumb-slider__pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     margin: 3px;
     border: 1px solid #000;
     background: #000;
     opacity: 1;
}
 @media screen and (max-width: 640px) {
     .thumb-slider__pagination .swiper-pagination-bullet {
         margin: 8px;
    }
}
 @media screen and (max-width: 470px) {
     .thumb-slider__pagination .swiper-pagination-bullet {
         display: none;
    }
}
 .thumb-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: transparent;
}
/* END Style thumb-slider */
/* ------------------------------------------ */
/* Style for top-search */
/* ------------------------------------------ */
 .top-search {
     position: absolute;
     top: 100px;
     left: 0;
     width: 100%;
     color: #FFF;
     z-index: 50;
     font-size: 0;
     top: 100px;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search {
     color: #000;
}
 [data-key-txt-color="white"] .top-search {
     color: #fff;
}
 [data-txt-color="black"] .top-search {
     color: #000;
}
 [data-txt-color="white"] .top-search {
     color: #fff;
}
 .page-home .top-search {
     top: 100px;
}
 @media screen and (max-width: 991px) {
     .page-home .top-search {
         top: 110px;
    }
}
 @media screen and (max-width: 767px) {
     .page-home .top-search {
         top: 80px;
    }
}
 @media screen and (max-width: 767px) and (max-height: 420px) {
     .page-home .top-search {
         top: 65px;
    }
}
 @media screen and (max-width: 767px) {
     .page-home .top-search .content-wrapper, .page-home .top-search .mainHolder, .page-home .top-search .main-banner__content-holder, .page-home .top-search .block-homesquare-main-menu-menu, .page-home .top-search .static-banner__content {
         width: 85%;
    }
}
 @media screen and (max-width: 991px) {
     .top-search {
         top: 90px;
    }
}
 @media screen and (max-width: 767px) {
     .top-search {
         top: 70px;
    }
}
 @media screen and (max-width: 767px) and (max-height: 420px) {
     .top-search {
         top: 65px;
    }
}
 .top-search .main-search {
     display: inline-block;
     position: relative;
     width: 205px;
}
 @media screen and (max-width: 1280px) {
     .top-search .main-search {
         margin-right: 0;
    }
}
 @media screen and (max-width: 991px) {
     .top-search .main-search {
         display: none;
    }
}
 @media screen and (max-width: 480px) {
     .top-search .main-search {
         max-width: 250px;
         padding: 10px 15px;
         width: 100%;
    }
}
 .top-search .main-search input {
     height: 35px;
     padding: 0;
     color: #FFF;
     border-bottom: 1px solid #FFF;
     font-size: 14px;
}
 @media screen and (max-width: 480px) {
     .top-search .main-search input {
         height: 30px;
    }
}
 [data-key-txt-color="black"] .top-search .main-search input {
     color: #000;
     border-bottom: 1px solid #000;
}
 [data-key-txt-color="white"] .top-search .main-search input {
     color: #fff;
     border-bottom: 1px solid #fff;
}
 [data-txt-color="black"] .top-search .main-search input {
     color: #000;
     border-bottom: 1px solid #000;
}
 [data-txt-color="white"] .top-search .main-search input {
     color: #fff;
     border-bottom: 1px solid #fff;
}
 .top-search .main-search input:-webkit-autofill {
     transition: background 100000s, color 100000s;
     color: #FFF !important;
}
 [data-key-txt-color="black"] .top-search .main-search input:-webkit-autofill[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-webkit-autofill[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search .main-search input:-webkit-autofill[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search .main-search input:-webkit-autofill[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search .main-search input:-webkit-autofill {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-webkit-autofill {
     color: #fff;
}
 [data-txt-color="black"] .top-search .main-search input:-webkit-autofill {
     color: #000;
}
 [data-txt-color="white"] .top-search .main-search input:-webkit-autofill {
     color: #fff;
}
 .top-search .main-search input::-webkit-input-placeholder {
     font-size: 14px;
     color: #FFF;
}
 [data-key-txt-color="black"] .top-search .main-search input::-webkit-input-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input::-webkit-input-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search .main-search input::-webkit-input-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search .main-search input::-webkit-input-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search .main-search input::-webkit-input-placeholder {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input::-webkit-input-placeholder {
     color: #fff;
}
 [data-txt-color="black"] .top-search .main-search input::-webkit-input-placeholder {
     color: #000;
}
 [data-txt-color="white"] .top-search .main-search input::-webkit-input-placeholder {
     color: #fff;
}
 .top-search .main-search input:-moz-placeholder {
    /* Firefox 18- */
     font-size: 14px;
     color: #FFF;
}
 [data-key-txt-color="black"] .top-search .main-search input:-moz-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-moz-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search .main-search input:-moz-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search .main-search input:-moz-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search .main-search input:-moz-placeholder {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-moz-placeholder {
     color: #fff;
}
 [data-txt-color="black"] .top-search .main-search input:-moz-placeholder {
     color: #000;
}
 [data-txt-color="white"] .top-search .main-search input:-moz-placeholder {
     color: #fff;
}
 .top-search .main-search input::-moz-placeholder {
    /* Firefox 19+ */
     font-size: 14px;
     color: #FFF;
}
 [data-key-txt-color="black"] .top-search .main-search input::-moz-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input::-moz-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search .main-search input::-moz-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search .main-search input::-moz-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search .main-search input::-moz-placeholder {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input::-moz-placeholder {
     color: #fff;
}
 [data-txt-color="black"] .top-search .main-search input::-moz-placeholder {
     color: #000;
}
 [data-txt-color="white"] .top-search .main-search input::-moz-placeholder {
     color: #fff;
}
 .top-search .main-search input:-ms-input-placeholder {
     font-size: 14px;
     color: #FFF;
}
 [data-key-txt-color="black"] .top-search .main-search input:-ms-input-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-ms-input-placeholder[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .top-search .main-search input:-ms-input-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .top-search .main-search input:-ms-input-placeholder[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search .main-search input:-ms-input-placeholder {
     color: #000;
}
 [data-key-txt-color="white"] .top-search .main-search input:-ms-input-placeholder {
     color: #fff;
}
 [data-txt-color="black"] .top-search .main-search input:-ms-input-placeholder {
     color: #000;
}
 [data-txt-color="white"] .top-search .main-search input:-ms-input-placeholder {
     color: #fff;
}
 .top-search .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom-white.png");
}
 .top-search .main-search .main-search__btn:hover {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 [data-key-txt-color="black"] .top-search .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom.png");
}
 [data-key-txt-color="black"] .top-search .main-search .main-search__btn:hover {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 [data-key-txt-color="white"] .top-search .main-search .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom-white.png");
}
 [data-key-txt-color="white"] .top-search .main-search .main-search__btn:hover {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search input, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search input {
     color: #000;
     border-bottom: 1px solid #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search input::-webkit-input-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search input::-webkit-input-placeholder {
     color: #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search input:-moz-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search input:-moz-placeholder {
    /* Firefox 18- */
     color: #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search input::-moz-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search input::-moz-placeholder {
    /* Firefox 19+ */
     color: #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search input:-ms-input-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search input:-ms-input-placeholder {
     color: #000;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search__btn, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom.png");
}
 [data-key-txt-color="black"] .top-search[data-txt-color="black"] .main-search__btn:hover, [data-key-txt-color="white"] .top-search[data-txt-color="black"] .main-search__btn:hover {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search input, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search input {
     color: #fff;
     border-bottom: 1px solid #fff;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search input::-webkit-input-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search input::-webkit-input-placeholder {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search input:-moz-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search input:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search input::-moz-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search input::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search input:-ms-input-placeholder, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search input:-ms-input-placeholder {
     color: #fff;
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search__btn, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search__btn {
     background-image: url("./images/common/icons/icon-zoom-white.png");
}
 [data-key-txt-color="black"] .top-search[data-txt-color="white"] .main-search__btn:hover, [data-key-txt-color="white"] .top-search[data-txt-color="white"] .main-search__btn:hover {
     background-image: url("./images/common/icons/icon-zoom-orange.png");
}
 .top-search__holder {
     text-align: right;
}
/* END Style top-search */
/* ------------------------------------------ */
/* Style for video-player */
/* ------------------------------------------ */
 .video-player {
     position: relative;
     padding: 20px;
     width: auto;
     max-width: 1024px;
     margin: 20px auto;
     padding: 40px 0;
}
 .video-player .mfp-close {
     height: 44px;
     line-height: 44px;
     position: absolute;
     top: 0;
     text-decoration: none;
     opacity: .65;
     filter: alpha(opacity=65);
     padding: 0 0 18px 10px;
     color: #FFF;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace;
     right: -6px;
     padding-right: 6px;
     text-align: right;
     width: 100%;
}
 .video-player .video-player__video {
     position: relative;
     text-align: center;
     color: #FFF;
}
/* END Style video-player */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
 .video-sec {
     display: block;
     font-size: 0;
     margin: 0 0 60px;
}
 .video-sec:last-child {
     margin-bottom: 0;
}
 @media screen and (max-width: 991px) {
     .video-sec {
         margin: 0 0 30px;
    }
}
 @media screen and (max-width: 640px) {
     .video-sec {
         margin: 0 0 20px;
    }
}
 .video-sec__slider {
     padding: 0 20px;
     position: relative;
}
 @media screen and (max-width: 1280px) {
     .video-sec__slider {
         padding: 0 60px;
    }
}
 .video-sec__slider-inner {
     position: relative;
     overflow: hidden;
}
 .video-sec__col {
     display: inline-block;
     vertical-align: middle;
     padding: 0 20px;
     width: 50%;
}
 .video-sec__col:first-child {
     padding-left: 0;
}
 .video-sec__col:last-child {
     padding-right: 0;
     margin-bottom: 0;
}
 .video-sec__col:first-child:last-child {
     padding: 0;
}
 @media screen and (max-width: 640px) {
     .video-sec__col {
         width: 100%;
         margin-bottom: 20px;
         padding: 0;
    }
     .video-sec__col:last-child {
         margin-bottom: 0;
    }
}
 .video-sec__item-inner .video-sec__txt {
     padding: 30px 0;
}
 .video-sec__control {
     position: absolute;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 5px;
}


 .video-sec__slider-next, .video-sec__slider-prev {
     position: absolute;
     width: 51px;
     height: 51px;
     display: block;
     background: url("./images/common/icons/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
}
 @media screen and (max-width: 991px) {
     .video-sec__slider-next, .video-sec__slider-prev {
         width: 36px;
         height: 36px;
         margin-top: -18px;
    }
}
 @media screen and (max-width: 767px) {
     .video-sec__slider-next, .video-sec__slider-prev {
         width: 28px;
         height: 28px;
         margin-top: -14px;
    }
}


 .video-sec__slider-next:hover, .video-sec__slider-next:focus, .video-sec__slider-prev:hover, .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/icon-slider-arrow-orange.png");
}


 .theme--information-security .video-sec__slider-next, .theme--information-security .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/information-security/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--information-security .video-sec__slider-next:hover,  .theme--information-security .video-sec__slider-next:focus,  .theme--information-security .video-sec__slider-prev:hover,  .theme--information-security .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/information-security/icon-slider-arrow.png");
}


 .theme--business .video-sec__slider-next, .theme--business .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/business/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--business .video-sec__slider-next:hover,  .theme--business .video-sec__slider-next:focus,  .theme--business .video-sec__slider-prev:hover,  .theme--business .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/business/icon-slider-arrow.png");
}

 .theme--community .video-sec__slider-next, .theme--community .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/community/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--community .video-sec__slider-next:hover,  .theme--community .video-sec__slider-next:focus,  .theme--community .video-sec__slider-prev:hover,  .theme--community .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/community/icon-slider-arrow.png");
}

 .theme--infrastructure .video-sec__slider-next, .theme--infrastructure .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/infrastructure/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--infrastructure .video-sec__slider-next:hover,  .theme--infrastructure .video-sec__slider-next:focus,  .theme--infrastructure .video-sec__slider-prev:hover,  .theme--infrastructure .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/infrastructure/icon-slider-arrow.png");
}

 .theme--strategies .video-sec__slider-next, .theme--strategies .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/strategies/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--strategies .video-sec__slider-next:hover,  .theme--strategies .video-sec__slider-next:focus,  .theme--strategies .video-sec__slider-prev:hover,  .theme--strategies .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/strategies/icon-slider-arrow.png");
}

 .theme--legal .video-sec__slider-next, .theme--legal .video-sec__slider-prev {
     width: 51px;
     height: 51px;
     display: block;
	  background: url("./images/common/icons/theme/legal/icon-slider-arrow.png") no-repeat center center;
     background-size: cover;
     top: 50%;
     margin-top: -25.5px;
 }
 .theme--legal .video-sec__slider-next:hover,  .theme--legal .video-sec__slider-next:focus,  .theme--legal .video-sec__slider-prev:hover,  .theme--legal .video-sec__slider-prev:focus {
     background-image: url("./images/common/icons/theme/legal/icon-slider-arrow.png");
}
 .video-sec__slider-next {
     left: 100%;
     margin-left: 20px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media screen and (max-width: 1280px) {
     .video-sec__slider-next {
         left: auto;
         right: 10px;
    }
}
 .video-sec__slider-prev {
     right: 100%;
     margin-right: 20px;
}
 @media screen and (max-width: 1280px) {
     .video-sec__slider-prev {
         right: auto;
         left: 10px;
    }
}
 .video-sec__pagination {
     position: relative;
     width: 100%;
     text-align: center;
}
 .video-sec__pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     margin: 3px;
     border: 1px solid #000;
     background: #000;
     opacity: 1;
}
 @media screen and (max-width: 640px) {
     .video-sec__pagination .swiper-pagination-bullet {
         margin: 8px;
    }
}
 .video-sec__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background: transparent;
}
/* END Style sample */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
 .video-thumb {
     position: relative;
     display: block;
     overflow: hidden;
}
 .video-thumb.video-thumb--played, .video-thumb:hover, .video-thumb:focus {
     opacity: 1;
}
 .video-thumb.video-thumb--played .video-thumb__video-body, .video-thumb:hover .video-thumb__video-body, .video-thumb:focus .video-thumb__video-body {
     opacity: 1;
}
 .video-thumb:focus {
     outline-color: #4d90fe;
     outline-offset: -2px;
     outline-style: auto;
     outline-width: 5px;
}
 .video-thumb img {
     display: block;
     position: relative;
     width: 100%;
     z-index: 5;
     transition: 0.4s;
}
 .video-thumb:before {
     content: '';
     width: 64px;
     height: 64px;
     display: block;
     background: url("./images/common/icons/icon-play-orange.png") no-repeat center center;
     background-size: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -32px;
     margin-left: -32px;
     z-index: 10;
}
 .theme--strategies .video-thumb:before {
     background-image: url("./images/common/icons/theme/strategies/icon-play.png");
}
 .theme--legal .video-thumb:before {
     background-image: url("./images/common/icons/theme/legal/icon-play.png");
}
 .theme--community .video-thumb:before {
     background-image: url("./images/common/icons/theme/community/icon-play.png");
}
 .theme--business .video-thumb:before {
     background-image: url("./images/common/icons/theme/business/icon-play.png");
}
 .theme--infrastructure .video-thumb:before {
     background-image: url("./images/common/icons/theme/infrastructure/icon-play.png");
}
 .theme--information-security .video-thumb:before {
     background-image: url("./images/common/icons/theme/information-security/icon-play.png");
}
 .video-thumb__video-body {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 10;
     opacity: 0;
}
/* Nextify Update in 2017.11.10 */
 .video-external-thumb {
     position: relative;
     display: block;
     overflow: hidden;
}
 .video-external-thumb.video-external-thumb--played, .video-external-thumb:hover, .video-external-thumb:focus {
     opacity: 1;
}
 .video-external-thumb.video-external-thumb--played .video-external-thumb__video-body, .video-external-thumb:hover .video-external-thumb__video-body, .video-external-thumb:focus .video-external-thumb__video-body {
     opacity: 1;
}
 .video-external-thumb img {
     display: block;
     position: relative;
     width: 100%;
     z-index: 5;
     transition: 0.4s;
}
 .video-external-thumb:before {
     content: '';
     width: 64px;
     height: 64px;
     display: block;
     background: url("./images/common/icons/icon-play-orange.png") no-repeat center center;
     background-size: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -32px;
     margin-left: -32px;
     z-index: 10;
}
 .theme--strategies .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/strategies/icon-play.png");
}
 .theme--legal .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/legal/icon-play.png");
}
 .theme--community .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/community/icon-play.png");
}
 .theme--business .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/business/icon-play.png");
}
 .theme--infrastructure .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/infrastructure/icon-play.png");
}
 .theme--information-security .video-external-thumb:before {
     background-image: url("./images/common/icons/theme/information-security/icon-play.png");
}
 .video-external-thumb__video-body {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 10;
     opacity: 0;
}
/* END Style sample */
/* ------------------------------------------ */
/* Style for weather-info */
/* ------------------------------------------ */
 .weather-info__weather {
     position: absolute;
     top: 100px;
     left: 0;
     width: 100%;
     z-index: 50;
     font-size: 0;
     color: #fff;
}
 [data-key-txt-color="black"] .weather-info__weather[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="white"] .weather-info__weather[data-txt-color="black"] {
     color: #000;
}
 [data-key-txt-color="black"] .weather-info__weather[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="white"] .weather-info__weather[data-txt-color="white"] {
     color: #fff;
}
 [data-key-txt-color="black"] .weather-info__weather {
     color: #000;
}
 [data-key-txt-color="white"] .weather-info__weather {
     color: #fff;
}
 .weather-info__weather[data-txt-color="black"] {
     color: #000;
}
 .weather-info__weather[data-txt-color="white"] {
     color: #fff;
}
 .page-home .weather-info__weather {
     top: 130px;
}
 @media screen and (max-width: 1280px) {
     .page-home .weather-info__weather {
         top: 100px;
    }
}
 @media screen and (max-width: 991px) {
     .weather-info__weather {
         display: none;
    }
}
 @media screen and (max-width: 767px) {
     .weather-info__weather {
         top: 70px;
    }
}
 .weather-info__weather-icon {
     display: inline-block;
     vertical-align: middle;
}
 .weather-info__weather-icon img {
     width: 25px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
}
 .weather-info__weather-item {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 12px;
     padding-right: 15px;
     margin-right: 15px;
}
 @media screen and (max-width: 1480px) {
     .weather-info__weather-item {
         padding-right: 8px;
         margin-right: 8px;
    }
}
 @media screen and (max-width: 767px) {
     .weather-info__weather-item {
         font-size: 12px;
    }
}
 @media screen and (max-width: 480px) {
     .weather-info__weather-item {
         padding-right: 8px;
         margin-right: 8px;
    }
}
 .weather-info__weather-item:after {
     content: '';
     display: block;
     width: 1px;
     height: 18px;
     background: #FFF;
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 [data-key-txt-color="black"] .weather-info__weather-item:after[data-txt-color="black"] {
     background: #000;
}
 [data-key-txt-color="white"] .weather-info__weather-item:after[data-txt-color="black"] {
     background: #000;
}
 [data-key-txt-color="black"] .weather-info__weather-item:after[data-txt-color="white"] {
     background: #fff;
}
 [data-key-txt-color="white"] .weather-info__weather-item:after[data-txt-color="white"] {
     background: #fff;
}
 [data-key-txt-color="black"] .weather-info__weather-item:after {
     background: #000;
}
 [data-key-txt-color="white"] .weather-info__weather-item:after {
     background: #fff;
}
 [data-txt-color="black"] .weather-info__weather-item:after {
     background: #000;
}
 [data-txt-color="white"] .weather-info__weather-item:after {
     background: #fff;
}
 .weather-info__weather-item:last-child {
     padding-right: 0;
     margin-right: 0;
}
 .weather-info__weather-item:last-child:after {
     display: none;
}
/* END Style weather-info */
/* ------------------------------------------ */
/* Style for wc-qrcode */
/* ------------------------------------------ */
 .wc-qrcode {
     padding: 30px;
     background: #FFF;
     display: none;
}
 .wc-qrcode.is-active {
     display: block;
}
 .wc-qrcode p {
     font-size: 14px;
     color: #000;
     margin: 0 0 10px;
}
/* END Style wc-qrcode */
/* ------------------------------------------ */