@charset "UTF-8";

@font-face {
    font-family: "custom-serif";
    unicode-range: U+0020-007F;
    src: local(../fonts/porcelanosa-regular-webfont.eot), local(Porcelanosa);
}
@font-face {
    /* english font */
    font-family: "custom-serif";
    src: url(../fonts/porcelanosa-regular-webfont.eot);
    src: url(../fonts/porcelanosa-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/porcelanosa-regular-webfont.woff2) format("woff2"), url(../fonts/porcelanosa-regular-webfont.woff) format("woff"),
        url(../fonts/Porcelanosa-Regular.otf) format("truetype"), url(../fonts/porcelanosa-regular-webfont.svg#eb_garamondregular) format("svg");
    unicode-range: U+0020-007F;
}
.custom-serif {
    font-family: custom-serif;
}
@font-face {
    font-family: Porcelanosa;
    src: url(../fonts/porcelanosa-regular-webfont.eot);
    src: url(../fonts/porcelanosa-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/porcelanosa-regular-webfont.woff2) format("woff2"), url(../fonts/porcelanosa-regular-webfont.woff) format("woff"),
        url(../fonts/Porcelanosa-Regular.otf) format("truetype"), url(../fonts/porcelanosa-regular-webfont.svg#eb_garamondregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

html {
    overflow-x: hidden;
    font-size: 88%;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
}
body #wrapper,
body .body-inner {
    padding: 0;
    margin: 0;
}
@media (min-width: 992px) {
    body.modern .body-inner .container {
        max-width: 1500px;
    }
    body.frame:after,
    body.frame:before {
        border: 10px solid #fff;
        content: "";
        position: fixed;
        width: auto;
        height: 20px;
        z-index: 200;
        -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
        left: 0;
        right: 0;
    }
    body.frame:after {
        bottom: 0;
    }
    body.frame .body-inner {
        padding: 20px;
    }
    body.frame .body-inner:after,
    body.frame .body-inner:before {
        border: 10px solid #fff;
        content: "";
        position: fixed;
        width: 20px;
        z-index: 200;
        -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);
        top: 20px;
        bottom: 20px;
        left: 0;
        right: auto;
    }
    body.frame .body-inner:after {
        left: auto;
        right: 0;
        -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);
    }
    body.frame #scrollTop {
        right: 46px;
    }
    #mainMenu nav > ul:nth-child(1) > li:nth-child(1),
    #mainMenu nav > ul:nth-child(1) > li:nth-child(2),
    #mainMenu nav > ul:nth-child(1) > li:nth-child(3) {
        margin-right: 12px;
    }
    #mainMenu nav > ul:nth-child(2) > li:nth-child(1),
    #mainMenu nav > ul:nth-child(2) > li:nth-child(2) {
        margin-left: 12px;
    }
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@font-face {
    font-family: inspiro-icons;
    src: url(../fonts/icons/inspiro-icons.ttf?ijzgpf) format("truetype"), url(../fonts/icons/inspiro-icons.woff?ijzgpf) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
i:not(.fa):not(.fab):not(.far):not(.fas) {
    font-family: inspiro-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-cast:before {
    content: "\e92a";
}
.icon-clipboard:before {
    content: "\e938";
}
.icon-code:before {
    content: "\e940";
}
.icon-eye-off:before {
    content: "\e95f";
}
.icon-grid:before {
    content: "\e979";
}
.icon-image:before {
    content: "\e981";
}
.icon-info:before {
    content: "\e983";
}
.icon-instagram:before {
    content: "\e984";
}
.icon-layout:before {
    content: "\e988";
}
.icon-link:before {
    content: "\e98b";
}
.icon-list:before {
    content: "\e98d";
}
.icon-loader:before {
    content: "\e98e";
}
.icon-map:before {
    content: "\e994";
}
.icon-pause:before {
    content: "\e9af";
}
.icon-pie-chart:before {
    content: "\e9b9";
}
.icon-radio:before {
    content: "\e9c2";
}
.icon-search:before {
    content: "\e9cc";
}
.icon-square:before {
    content: "\e9e0";
}
.icon-target:before {
    content: "\e9e8";
}
.icon-type:before {
    content: "\e9f8";
}
.icon-user:before {
    content: "\ea02";
}
.icon-video:before {
    content: "\ea05";
}
.icon-x:before {
    content: "\ea12";
}
::selection {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
::-moz-selection {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
img::selection {
    background: rgba(0, 0, 0, 0.7);
}
img::-moz-selection {
    background: rgba(0, 0, 0, 0.7);
}
section {
    padding: 80px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #fff;
}

.mb {
    margin-bottom: -110px;
}

.ch-font{
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif !important;
}

.pic-center {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fashion-content:not(.no-sidebar),
#brand-content:not(.no-sidebar),
#contact-content:not(.no-sidebar),
#hotnews:not(.no-sidebar),
#product-item:not(.no-sidebar) {
    padding: 150px 0;
}

#page-content:not(.no-sidebar){
    padding: 150px 0 50px 0;
}

#category-download:not(.no-sidebar){
    padding: 60px 0;
}

#contant-us:not(.no-sidebar) {
    padding: 0;
}

.page-title span {
    position: relative;
    text-align: center;
    font-weight: 400;
    display: block;
    font-family: Porcelanosa, serif;
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: -0.8px;
    padding: 0 0 70px;
    margin-top: -10px;
}
@media (max-width: 991px) {
    #contant-us .page-title h2,
    #contant-us .page-title span {
        color: #fff;
    }
    #contant-us .page-title h2:after,
    #contant-us .page-title h2:before {
        background-color: #fff;
    }
}

@media (max-width: 768px) {
    #page-content:not(.no-sidebar){
        padding: 82px 0 10px 0;
    }

    #brand-content:not(.no-sidebar),
    #contact-content:not(.no-sidebar),
    #category-download:not(.no-sidebar),
    #product-item:not(.no-sidebar) {
        padding: 60px 0;
    }

    /** 下面的標題在小營目的呈現 **/
    #fashion-content:not(.no-sidebar) {
        padding: 0 0 80px 0;
    }

    #hotnews:not(.no-sidebar) {
        padding: 140px 0 100px 0;
    }
}

@media (max-width: 767px) {
    .hotnews-items .hotnews-post-item {
        margin: 20px 10px 0;
    }
    .page-title span {
        font-size: 2rem;
        margin-top: -15px;
        padding: 0 0 40px;
    }
}

#header {
    position: fixed;
    width: 100%;
    z-index: 199;
    height: 55px;
    line-height: 55px;
    background-color: transparent;
}

#header.gradual {
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0, transparent 100%);
}
#header .container {
    position: relative;
}
#header #header-wrap,
#header .header-inner {
    height: 55px;
    background-color: #fff;
    left: 0;
    right: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
#header #header-wrap #logo,
#header .header-inner #logo {
    float: left;
    font-size: 28px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    line-height: 53px;
    height: auto;
}
#header .header-inner #logo img {
    max-width: 225px;
}
#header #header-wrap #logo a > img,
#header .header-inner #logo a > img {
    vertical-align: inherit;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    height: 55px;
    width: auto;
}
#header #header-wrap #logo a [class*="logo-"],
#header #header-wrap #logo a > img,
#header .header-inner #logo a [class*="logo-"],
#header .header-inner #logo a > img {
    display: none;
}
#header #header-wrap #logo a .logo-default,
#header .header-inner #logo a .logo-default {
    display: block;
}
#header #header-wrap #logo a,
#header #header-wrap #logo a span,
#header .header-inner #logo a,
#header .header-inner #logo a span {
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    color: #444;
    font-weight: 800;
    letter-spacing: 1.5px;
}
#header[data-fullwidth="true"] #header-wrap .container,
#header[data-fullwidth="true"] .header-inner .container {
    max-width: 100%;
    padding: 0 30px;
}
#header.header-modern:not(.header-active) {
    margin: 40px auto 0;
    width: 1200px;
}
#header.header-modern:not(.header-active) #header-wrap,
#header.header-modern:not(.header-active) .header-inner {
    border-radius: 4px;
}
#header.header-modern:not(.header-active) + #google-map,
#header.header-modern:not(.header-active) + #slider,
#header.header-modern:not(.header-active) + .fullscreen,
#header.header-modern:not(.header-active) + .halfscreen,
#header.header-modern:not(.header-active) + .inspiro-slider {
    top: -130px;
    margin-bottom: -130px;
}
#header[data-transparent="true"]:not(.sticky-active) #header-wrap,
#header[data-transparent="true"]:not(.sticky-active) .header-inner,
#header[data-transparent="true"]:not(.sticky-active).dark #header-wrap,
#header[data-transparent="true"]:not(.sticky-active).dark .header-inner {
    background-color: transparent;
}
#header.header-sticky #header-wrap,
#header.header-sticky .header-inner {
    -webkit-transition: top 0.8s ease-in-out;
    transition: top 0.8s ease-in-out;
    top: -140px;
}
#header.header-sticky.sticky-active #header-wrap,
#header.header-sticky.sticky-active .header-inner {
    -webkit-box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
    top: 0;
    position: fixed;
}
#header.dark #header-wrap,
#header.dark .header-inner,
.dark #header #header-wrap,
.dark #header .header-inner {
    background-color: rgba(0, 0, 0, 0.77);
}
#header.dark #header-wrap #logo a [class*="logo-"],
#header.dark #header-wrap #logo a > img,
#header.dark .header-inner #logo a [class*="logo-"],
#header.dark .header-inner #logo a > img,
.dark #header #header-wrap #logo a [class*="logo-"],
.dark #header #header-wrap #logo a > img,
.dark #header .header-inner #logo a [class*="logo-"],
.dark #header .header-inner #logo a > img {
    display: none;
}
#header.dark #header-wrap #logo a .logo-dark,
#header.dark .header-inner #logo a .logo-dark,
.dark #header #header-wrap #logo a .logo-dark,
.dark #header .header-inner #logo a .logo-dark {
    display: block;
}
#header.dark #header-wrap #logo a,
#header.dark #header-wrap #logo a span,
#header.dark .header-inner #logo a,
#header.dark .header-inner #logo a span,
.dark #header #header-wrap #logo a,
.dark #header #header-wrap #logo a span,
.dark #header .header-inner #logo a,
.dark #header .header-inner #logo a span {
    color: #fff;
}
#header.dark #header-wrap .lines,
#header.dark #header-wrap .lines:after,
#header.dark #header-wrap .lines:before,
#header.dark .header-inner .lines,
#header.dark .header-inner .lines:after,
#header.dark .header-inner .lines:before,
.dark #header #header-wrap .lines,
.dark #header #header-wrap .lines:after,
.dark #header #header-wrap .lines:before,
.dark #header .header-inner .lines,
.dark #header .header-inner .lines:after,
.dark #header .header-inner .lines:before {
    background-color: #fff;
}
#header.dark[data-transparent="true"]:not(.sticky-active) #header-wrap,
#header.dark[data-transparent="true"]:not(.sticky-active) .header-inner,
.dark #header[data-transparent="true"]:not(.sticky-active) #header-wrap,
.dark #header[data-transparent="true"]:not(.sticky-active) .header-inner {
    background-color: transparent;
    height: 50px;
}
@media (min-width: 1200px) {
    body.modern #header .header-inner > .container {
        max-width: 1500px;
        padding: 0 15px;
    }
    body.frame #header.header-sticky.sticky-active .header-inner {
        left: 20px;
        right: 20px;
        top: 20px;
    }
}
.header-inner .container {
    background-color: transparent;
}
@media (max-width: 992px) {
    #header[data-transparent="true"]:not(.sticky-active) #header-wrap,
    #header[data-transparent="true"]:not(.sticky-active) .header-inner,
    #header[data-transparent="true"]:not(.sticky-active).dark #header-wrap,
    #header[data-transparent="true"]:not(.sticky-active).dark .header-inner {
        height: 50px;
    }
    #wrapper,
    .body-inner {
        width: 100%;
        margin: 0;
    }
    #header #header-wrap,
    #header .header-inner {
        height: 50px;
    }
    #header #logo {
        position: absolute !important;
        width: 80%;
        text-align: center;
        margin: 0 !important;
        float: none;
        left: 10%;
        right: 0;
        padding: 0 !important;
    }
    #header #logo > a {
        display: inline-block;
    }
    #header #logo > a img {
        max-height: 80px;
        padding-bottom: 6px;
        margin-top: 5px;
    }
    #header #logo .logo-responsive,
    #header #logo .logo-responsive-dark {
        display: block;
    }
    #header.header-modern {
        margin: 0 !important;
        width: 100% !important;
    }
    #header.header-modern #header-wrap,
    #header.header-modern .header-inner {
        border-radius: 0 !important;
    }
    #header.small {
        background: rgba(255, 255, 255, 0.9);
    }
    #header.gradual.small {
        background: #000;
    }
}
#mainMenu {
    padding: 0;
}
#mainMenu > .container {
    padding: 0 !important;
}
#mainMenu [class*="col-lg-"] {
    line-height: 24px !important;
}
#mainMenu nav {
    float: right;
}
#mainMenu nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#mainMenu nav > ul > li {
    float: left;
    border: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}
#mainMenu nav > ul > li > a {
    position: relative;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    text-transform: uppercase;
    font-size: 1.02em;
    font-weight: 400;
    letter-spacing: 0.45px;
    color: #000;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    line-height: normal;
    border: 0 solid transparent;
}
#mainMenu nav > ul > li > a:after,
#mainMenu nav > ul > li > a:before {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span,
#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span {
    color: #c2c2c2;
}
#mainMenu nav > ul > li.dropdown:before {
    content: "\e930";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-family: inspiro-icons;
    opacity: 0.6;
    position: absolute;
    right: 16px;
    color: #262626;
    font-size: 22px;
    line-height: 52px;
    display: none;
}
#mainMenu nav > ul > li .dropdown-menu {
    background-position: right bottom;
    background-repeat: no-repeat;
    min-width: 140px;
    top: auto;
    background-color: #fff;
    border: 0 solid #eee;
    color: #000;
    border-width: 1px !important;
    left: auto;
    margin: -6px 0 0;
    -webkit-box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
    padding: 10px;
    display: none;
    position: absolute;
    border-radius: 2px;
}
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    font-style: normal;
    color: #444;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    padding: 10px 10px 10px 16px;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#mainMenu nav > ul > li .dropdown-menu > li > a:active,
#mainMenu nav > ul > li .dropdown-menu > li > a:focus,
#mainMenu nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu nav > ul > li .dropdown-menu > li > span:active,
#mainMenu nav > ul > li .dropdown-menu > li > span:focus,
#mainMenu nav > ul > li .dropdown-menu > li > span:hover {
    background-color: transparent;
    color: #c2c2c2;
    cursor: pointer;
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a,
#mainMenu nav > ul > li .dropdown-menu > li.current > span,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
#mainMenu nav > ul > li .dropdown-menu > li.hover-active > span,
#mainMenu nav > ul > li .dropdown-menu > li:active > a,
#mainMenu nav > ul > li .dropdown-menu > li:active > span,
#mainMenu nav > ul > li .dropdown-menu > li:focus > a,
#mainMenu nav > ul > li .dropdown-menu > li:focus > span,
#mainMenu nav > ul > li .dropdown-menu > li:hover > a,
#mainMenu nav > ul > li .dropdown-menu > li:hover > span {
    color: #c2c2c2;
}
#mainMenu nav > ul > li .dropdown-menu.menu-last {
    right: 0;
    left: auto;
}
#mainMenu nav > ul > li .dropdown-submenu {
    position: relative;
}
#mainMenu nav > ul > li .dropdown-submenu:before {
    line-height: 40px;
    content: "\e930";
    font-family: inspiro-icons;
    opacity: 0;
    position: absolute;
    right: 16px;
    color: #262626;
    font-size: 12px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu {
    margin-left: -6px;
    left: 100%;
    top: -1px;
    z-index: 1;
}
#mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu.menu-invert {
    right: 100%;
    left: auto;
}
#mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover:before {
    right: 12px;
}
#mainMenu nav > ul > li:not(.hover-active):hover > ul {
    display: block;
    -webkit-animation: 0.3s fade-in-out;
    animation: 0.3s fade-in-out;
}
#mainMenu nav > ul > li:last-child {
    margin-right: 0;
}
#mainMenu nav > ul li ul {
    list-style: none;
    padding: 0;
}
#dotsMenu {
    position: fixed;
    right: 36px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}
#dotsMenu:before {
    content: "";
    background: rgba(31, 31, 31, 0.7);
    position: absolute;
    width: 32px;
    right: -8px;
    height: 100%;
    border-radius: 20px;
    top: -24px;
    -webkit-box-shadow: 0 4px 9px 0 rgba(43, 43, 49, 0.1), 0 7px 14px 0 rgba(43, 43, 49, 0.13);
    box-shadow: 0 4px 9px 0 rgba(43, 43, 49, 0.1), 0 7px 14px 0 rgba(43, 43, 49, 0.13);
}
#dotsMenu ul {
    list-style: none;
    padding-bottom: 6px;
}
#dotsMenu ul li {
    text-align: right;
    padding: 0;
    width: 15px;
    height: 15px;
    margin-bottom: 12px;
    background-color: #eee;
    border-radius: 50%;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: background-color 0.5s, -webkit-transform 0.3s;
    transition: transform 0.3s, background-color 0.5s, -webkit-transform 0.3s;
}
#dotsMenu ul li:hover {
    background-color: #c2c2c2;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#dotsMenu ul li.current {
    background-color: #c2c2c2;
}
#dotsMenu ul li a {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    border-radius: 50%;
    left: -14px;
    top: -14px;
}
#dotsMenu ul li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#dotsMenu ul li a.active:before,
#dotsMenu ul li a:hover:before {
    background-color: #c2c2c2;
}
.mainMenu-open #dotsMenu {
    z-index: -1 !important;
}
.header-logo-center #logo,
.menu-split #logo {
    position: absolute !important;
    margin: auto;
    width: 100%;
    float: none;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -15px;
}
.header-logo-center #logo > a,
.menu-split #logo > a {
    display: inline-block;
}
.header-logo-center #mainMenu nav,
.menu-split #mainMenu nav {
    float: none;
    margin: 0;
    position: relative;
    z-index: 1;
}
.header-logo-center #mainMenu nav > ul,
.menu-split #mainMenu nav > ul {
    z-index: 198;
}
.header-logo-center #mainMenu nav > ul:first-child,
.menu-split #mainMenu nav > ul:first-child {
    float: left;
}
.header-logo-center #mainMenu nav > ul:last-child,
.menu-split #mainMenu nav > ul:last-child {
    float: right;
}
#mainMenu.dark nav > ul > li > a,
.dark #mainMenu nav > ul > li > a {
    color: #fff;
}
#mainMenu.dark nav > ul > li.current > a,
#mainMenu.dark nav > ul > li.current > span,
#mainMenu.dark nav > ul > li.hover-active > a,
#mainMenu.dark nav > ul > li.hover-active > span,
#mainMenu.dark nav > ul > li:focus > a,
#mainMenu.dark nav > ul > li:focus > span,
#mainMenu.dark nav > ul > li:hover > a,
#mainMenu.dark nav > ul > li:hover > span,
.dark #mainMenu nav > ul > li.current > a,
.dark #mainMenu nav > ul > li.current > span,
.dark #mainMenu nav > ul > li.hover-active > a,
.dark #mainMenu nav > ul > li.hover-active > span,
.dark #mainMenu nav > ul > li:focus > a,
.dark #mainMenu nav > ul > li:focus > span,
.dark #mainMenu nav > ul > li:hover > a,
.dark #mainMenu nav > ul > li:hover > span {
    color: #e2e2e2;
}
#mainMenu.dark nav > ul > li.dropdown:before,
.dark #mainMenu nav > ul > li.dropdown:before {
    color: #fff;
}
#mainMenu.dark nav > ul > li .dropdown-menu,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu {
    background-color: #fff;
    border-color: #fff;
}
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span {
    color: #9896a6;
    font-size: 16px;
}
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active,
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#mainMenu.dark nav > ul > li .dropdown-menu > li.current > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li.current > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li:active > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li:active > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li:focus > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li:focus > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li:hover > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li:hover > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a:active,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a:focus,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span:active,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span:focus,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span:hover,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:active,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:focus,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:hover,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:active,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:hover {
    color: #e2e2e2;
}
#mainMenu.dark nav > ul > li .dropdown-submenu:before,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:before {
    color: #9896a6;
}
#mainMenu.dark nav > ul > li .dropdown-submenu.current > a,
#mainMenu.dark nav > ul > li .dropdown-submenu.current > span,
#mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > a,
#mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > span,
#mainMenu.dark nav > ul > li .dropdown-submenu:active > a,
#mainMenu.dark nav > ul > li .dropdown-submenu:active > span,
#mainMenu.dark nav > ul > li .dropdown-submenu:focus > a,
#mainMenu.dark nav > ul > li .dropdown-submenu:focus > span,
#mainMenu.dark nav > ul > li .dropdown-submenu:hover > a,
#mainMenu.dark nav > ul > li .dropdown-submenu:hover > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > span {
    color: #e2e2e2;
}
#mainMenu-trigger {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: 60px;
    z-index: 1;
    float: right;
}
@media (max-width: 991px) {
    .header-extras > ul > li > a:not(.btn) {
        line-height: 54px;
    }
    #mainMenu-trigger {
        position: relative;
        opacity: 1;
        visibility: visible;
    }
    #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: scroll;
        -webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }
    #mainMenu:not(.menu-overlay) > .container {
        text-align: left !important;
        width: 100%;
        max-width: 100%;
    }
    #mainMenu:not(.menu-overlay) nav {
        line-height: 40px;
        float: none;
        width: 100%;
        padding-bottom: 20px;
        -webkit-transition: 0.7s;
        transition: 0.7s;
        opacity: 0;
        -webkit-transform: translateY(-18px);
        transform: translateY(-18px);
    }
    #mainMenu:not(.menu-overlay) nav > ul {
        float: none;
        width: 100%;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li {
        padding: 0;
        margin: 0;
        clear: both;
        float: none;
        display: block;
        border: 0;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li > a {
        display: block;
        padding: 18px;
        font-size: 16px;
        border: 0;
        border-radius: 0;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li > a:after {
        display: none;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
        right: 14px;
        display: block;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
        background-image: none !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        position: static;
        clear: both;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0 !important;
        min-width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 0 16px;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
        line-height: 16px;
        font-size: 14px;
        padding: 12px 0 12px 36px;
        display: block;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
        position: relative;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
        right: 0;
        top: 0;
        font-size: 16px;
    }
    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
        border: 0;
        display: block;
    }
    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
        position: relative;
    }
    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
        right: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 16px;
    }
    #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        max-height: 2000px;
    }
    .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu {
        background-color: transparent;
        border-color: transparent;
    }
    #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        padding: 0;
        margin: 0;
    }
    .header-inner {
        padding-left: 5px;
        padding-right: 5px;
    }
    #mainMenu:not(.menu-overlay).menu-animate nav {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .mainMenu-open #header #mainMenu {
        width: calc(100% + 14px);
        display: block;
        opacity: 1;
        overflow-y: auto;
    }
    .mainMenu-open #header #header-wrap,
    .mainMenu-open #header .header-inner {
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        background-color: #fff !important;
    }
    .mainMenu-open #header:not(.submenu-light).dark #header-wrap,
    .mainMenu-open #header:not(.submenu-light).dark .header-inner,
    .mainMenu-open.dark #header-wrap,
    .mainMenu-open.dark .header-inner {
        background-color: rgba(0, 0, 0, 1) !important;
        height: 150vh;
    }
    .mainMenu-open #header:not(.submenu-light) #header-wrap,
    .mainMenu-open #header:not(.submenu-light) .header-inner,
    .mainMenu-open.dark #header-wrap,
    .mainMenu-open.dark .header-inner {
        background-color: rgba(255, 255, 255, 1) !important;
        height: 150vh;
    }
    .mainMenu-open #dotsMenu {
        z-index: -1;
    }
    #dotsMenu {
        right: 20px;
    }
    #dotsMenu:before {
        background: 0 0;
    }
    .mainMenu-open #header #logo [class*="logo-"] {
        display: none;
    }
    .mainMenu-open #header #logo .logo-default {
        display: block;
    }
}
@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in-out {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.header-extras {
    float: right;
    z-index: 199;
    position: relative;
    height: 80px;
}
.header-extras > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-extras > ul > li {
    float: left;
    border: 0;
}
.header-extras > ul > li a,
.header-extras > ul > li i {
    color: #484848;
}
.header-extras > ul > li > .p-dropdown,
.header-extras > ul > li > a:not(.btn) {
    padding-left: 12px;
    padding-right: 0;
}
.header-extras > ul > li .topbar-dropdown > .title,
.header-extras > ul > li > a:not(.btn) {
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    font-size: 14px;
    position: relative;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 2px;
}
.header-extras > ul > li .topbar-dropdown > .title i,
.header-extras > ul > li > a:not(.btn) i {
    font-size: 14px;
    position: relative;
}
.header-extras > ul > li .topbar-dropdown > .title.toggle-active i:nth-of-type(1),
.header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(1) {
    visibility: hidden;
    position: absolute;
}
.header-extras > ul > li .btn {
    margin-bottom: 0;
}
.header-extras .topbar-dropdown .title {
    line-height: inherit !important;
    letter-spacing: 1px;
    padding: 0;
    color: #444;
}
.header-extras .topbar-dropdown .dropdown-list {
    right: -10px;
    left: auto;
    -webkit-box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.1);
    margin-top: -16px;
}
.header-extras .topbar-dropdown .dropdown-list:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    right: 14px;
    position: absolute;
}
.dark .header-extras .p-dropdown a > span,
.dark .header-extras a > i {
    color: #fff;
}
.dark .header-extras .lines,
.dark .header-extras .lines:after,
.dark .header-extras .lines:before {
    background-color: #fff;
}
body.search-open #topbar {
    z-index: 199;
}
body.search-open #search {
    z-index: 201;
    pointer-events: auto;
    opacity: 1;
}
body.search-open #search #search-logo {
    display: block;
    opacity: 1;
}
body.search-open #search .search-form {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
body.search-open #search .btn-search-close {
    display: block;
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
#search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #fff;
    line-height: normal;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#search .search-form {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    margin: 50px 0;
}
#search .search-form .text-muted {
    opacity: 0.4;
}
#search .search-form .form-control {
    border-width: 0 0 1px;
    border-radius: 0;
    font-size: 30px;
    padding: 10px 0;
    border-color: #cecece;
    font-weight: 400;
    margin-bottom: 20px;
    background-color: transparent;
}
#search .search-form .form-control:focus {
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}
#search .search-form .form-control:-webkit-input-placeholder {
    color: #cecece;
}
#search .search-form .form-control:-moz-placeholder {
    color: #cecece;
}
#search .search-form .form-control:-ms-input-placeholder {
    color: #cecece;
}
#search .btn-search-close {
    font-size: 2.5em;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 12px;
    line-height: 12px;
    border: 0;
    cursor: pointer;
    color: #000;
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 991px) {
    .header-extras {
        float: left;
    }
    .header-extras > ul .p-dropdown > a > i,
    .header-extras > ul > li > a > i {
        font-size: 16px !important;
    }
    .header-extras > ul .p-dropdown:first-child > a,
    .header-extras > ul > li:first-child > a {
        padding-left: 0;
    }
    #search #search-logo {
        margin: 0 auto !important;
        max-width: 130px;
        left: auto;
    }
    #search .search-form {
        margin: -200px 0 0;
        height: 120px;
    }
    #search .search-form .form-control {
        font-size: 24px;
        margin-bottom: 8px;
        height: 60px;
    }
    #search .search-form .text-muted {
        font-size: 10px;
    }
    #search .btn-search-close {
        font-size: 3em;
        padding: 8px;
        line-height: 8px;
    }
}
#blog {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
}
#blog .blog-post-item {
    justify-content: center;
    margin: 0 10px 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
#blog .blog-post-item span.post-meta-date {
    color: #555;
    position: relative;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
#blog .post-image {
    margin-bottom: 4px;
}
#blog .post-image img {
    width: 100%;
}
#blog .blog-post-item .post-item-description > h2,
#blog .blog-post-item .post-item-description > h2 > a {
    font-size: 17px;
    letter-spacing: -0.1px;
    line-height: 20px;
    color: #444;
    font-weight: 400;
    font-family: Porcelanosa, serif;
    word-wrap: break-word;
    text-justify: inter-ideograph;
    margin-top: 7px;
}
.see-more {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
    font-size: 14px;
    color: #444;
}
.see-more a {
    color: #444;
}
.see-more a:hover {
    color: #c2c2c2;
}
#featured {
    display: grid;
    padding: 0;
    grid-row-gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
}
.big-post-item {
    margin-bottom: 20px;
}
#featured .post-item-description,
#featured-big .post-item-description {
    position: absolute;
    vertical-align: bottom;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 9;
}
#featured .blog-post-item,
#featured-big .big-post-item {
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
#featured .blog-post-item span.post-meta-date,
#featured-big .big-post-item span.post-meta-date {
    color: #fff;
    position: relative;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
#featured .blog-post-item .post-item-description > h2,
#featured .blog-post-item .post-item-description > h2 > a,
#featured-big .big-post-item .post-item-description > h2,
#featured-big .big-post-item .post-item-description > h2 > a {
    font-size: 22px;
    line-height: 21px;
    color: #fff;
    font-weight: 500;
    font-family: Porcelanosa, serif;
    word-wrap: break-word;
    text-justify: inter-ideograph;
    margin-top: 2px;
    margin-bottom: 5px;
}
#featured .blog-post-item:before,
#featured-big .big-post-item:before {
    content: "";
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0.5;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    content: "";
    height: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
#featured .blog-post-item:hover:before,
#featured-big .big-post-item:hover:before {
    opacity: 0.8;
    z-index: 2;
}
#featured .col-lg-12,
#featured-big .col-lg-4,
#featured-big .col-lg-8 {
    padding-right: 0;
    padding-left: 0;
}
#featured-big {
    display: block;
    padding: 0;
}
.featured-big-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.element-noticia .big-post-item {
    position: relative;
    height: 500px;
}
.element-noticia .featured-big-bg .bgb {
    position: absolute;
    display: block;
    z-index: 1;
    height: 500px;
    width: 100%;
    top: 0;
    left: 0;
    -moz-background-size: 125%;
    -webkit-background-size: 125%;
    -o-background-size: 125%;
    background-size: 125%;
}
.element-noticia .featured-s-bg {
    position: relative;
    height: 240px;
    margin-bottom: 20px;
}
.element-noticia .featured-s-bg .bgs {
    position: absolute;
    display: block;
    z-index: 1;
    height: 240px;
    width: 100%;
    top: 0;
    left: 0;
    -moz-background-size: 125%;
    -webkit-background-size: 125%;
    -o-background-size: 125%;
    background-size: 125%;
}
@media (max-width: 1199px) {
    .element-noticia .featured-big-bg .bgb,
    .element-noticia .featured-s-bg .bgs {
        -moz-background-size: 135%;
        -webkit-background-size: 135%;
        -o-background-size: 135%;
        background-size: 135%;
    }
}
@media (max-width: 991px) {
    #blog .blog-post-item,
    #featured .blog-post-item {
        margin-bottom: 40px;
    }
    .element-noticia .featured-big-bg .bgb,
    .element-noticia .featured-s-bg .bgs {
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media (max-width: 1024px) {
    .element-noticia .featured-big-bg .bgb,
    .element-noticia .featured-s-bg .bgs {
        -moz-background-size: 145%;
        -webkit-background-size: 145%;
        -o-background-size: 145%;
        background-size: 145%;
    }
}
.vimeo-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    background-color: #000;
}
.vimeo-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 600px) {
    .dias {
        width: 11vw;
        max-width: 600px;
    }
}
@media (max-width: 600px) {
    .dias {
        width: 7vw;
        max-width: 380px;
        opacity: 0.33;
        display: initial !important;
    }
}
figcaption.sobreSlider {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.sobreSlider {
    width: 33%;
    position: absolute;
    top: initial;
}
.imagenFranja,
.sobreSlider {
    color: #fff;
    text-align: center;
}
#footer {
    display: block;
    position: relative;
    background-color: #f8f9fa;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
}
#footer .widget {
    margin-bottom: -5px;
}
#footer a {
    color: #484848;
}
#footer a:hover {
    color: #c2c2c2;
}
#footer p {
    font-family: "Open Sans", sans-serif;
}
#footer .footer-content {
    padding: 100px 0 0;
}
#footer .copyright-content {
    padding: 0 0 30px;
    font-size: 13px;
}
#footer .logo {
    margin-bottom: 54px;
    margin-top: 12px;
    max-width: 80px;
}
#footer .copyright-content p {
    line-height: 18px;
    font-size: 0.5rem;
}
.social-icons {
    margin: 30px;
}
.social-icons ul {
    width: 100%;
    padding: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-center.social-icons ul {
    display: inline-block;
}
.social-icons li {
    float: left;
    list-style: none;
}
.social-icons li a {
    float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 26px;
    text-align: center;
    margin: 10px 25px;
    border: 0;
    background: 0 0;
    color: #4a4a4a;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.social-icons li a:hover {
    color: #c2c2c2 !important;
    border: 0;
}
.foooter-logo {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foooter-logo img {
    max-width: 230px;
}
.text-top {
    margin-top: 5px;
}
.social-icons ul.news-socials li a {
    border-radius: 100%;
    background: #c1c1c1;
    color: #fff;
    width: 35px;
    height: 35px;
    font-size: 17px;
    line-height: 36px;
    margin: 0 12px;
}
.social-icons ul.news-socials li a:hover i {
    color: #484848;
}
@media (max-width: 767px) {
    #footer .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    #footer .list,
    #footer .widget {
        margin-bottom: 0;
        position: relative;
    }
    #footer .footer-content {
        padding: 50px 0 0 0;
    }
    .social-icons {
        margin-bottom: 30px;
    }
    .widget p {
        font-size: 0.5rem;
    }
}
#page-title {
    clear: both;
    padding: 80px 0;
    background-color: #f8f9fa;
    position: relative;
}
#page-title .page-title {
    text-align: center;
    padding: 0;
}
#page-title .page-title > h1 {
    font-family: Porcelanosa, serif;
    font-size: 4rem;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.8px;
    text-shadow: 0 0.01em 0.4em #777;
}
#page-title .page-title > h3 {
    font-family: Porcelanosa, serif;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.8px;
    text-shadow: 0px 0em 0.15em #777;
}
#page-title .page-title > p {
    font-size: 1.25rem;
    line-height: 1.333em;
    margin-bottom: 0.66em;
    max-width: 780px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    text-shadow: 0px 0em 0.2em #555;
}
#por-trading .page-title > p {
    font-family: custom-serif;
    font-size: 1.25rem;
    line-height: 1.75em;
    letter-spacing: 0.15px;
    margin-bottom: 0.66em;
    max-width: 800px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    text-shadow: 0px 0em 0.2em #555;
}
#header[data-transparent="true"] + #page-title {
    position: relative;
    padding: 170px 0 150px;
}
.page-title {
    width: 100%;
    display: block;
    text-align: center;
}
.page-title h2 {
    position: relative;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    letter-spacing: -0.3px;
}
.page-title h2:after,
.page-title h2:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 1.7em;
    background-color: #444;
}
.page-title h2:after {
    -webkit-transform: translateX(36%) scaleX(1);
    -moz-transform: translateX(36%) scaleX(1);
    -ms-transform: translateX(36%) scaleX(1);
    -o-transform: translateX(36%) scaleX(1);
    transform: translateX(36%) scaleX(1);
}
.page-title h2:before {
    -webkit-transform: translateX(-140%) scaleX(1);
    -moz-transform: translateX(-140%) scaleX(1);
    -ms-transform: translateX(-140%) scaleX(1);
    -o-transform: translateX(-140%) scaleX(1);
    transform: translateX(-140%) scaleX(1);
}

@media (max-width: 1200px) {
    .page-title-left {
        width: 100%;
        display: block;
        text-align: left;
        margin-left: 80px;
        margin-top: 200px;
    }
}
@media (min-width: 991px) {
    #blog,
    #featured {
        margin-left: -10px;
        margin-right: -10px;
    }
    #brand-area {
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-title-left {
        margin-top: 130px;
        margin-left: 62px;
    }
    .page-title-left h2 {
        position: relative;
        text-align: center;
        font-weight: 500;
        display: inline-block;
        letter-spacing: -0.3px;
    }
    .page-title-left h2:before {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        width: 1.7em;
        background-color: #444;
        -webkit-transform: translateX(-140%) scaleX(1);
        -moz-transform: translateX(-140%) scaleX(1);
        -ms-transform: translateX(-140%) scaleX(1);
        -o-transform: translateX(-140%) scaleX(1);
        transform: translateX(-140%) scaleX(1);
    }
    .page-title-right h2:after {
        -webkit-transform: translateX(36%) scaleX(1);
        -moz-transform: translateX(36%) scaleX(1);
        -ms-transform: translateX(36%) scaleX(1);
        -o-transform: translateX(36%) scaleX(1);
        transform: translateX(36%) scaleX(1);
    }
    .page-title-right h2:after {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        width: 1.7em;
        background-color: #444;
    }
    .page-title-left span {
        position: relative;
        text-align: left;
        font-weight: 400;
        display: block;
        font-family: Porcelanosa, serif;
        font-size: 2.5rem;
        text-transform: uppercase;
        letter-spacing: -0.8px;
        padding: 0 0 50px;
        margin-top: -10px;
    }
}
@media (max-width: 990px) {
    .page-title-left {
        text-align: center;
        margin-left: 0;
    }
    .page-title-left h2:after,
    .page-title-left h2:before {
        content: "";
        position: absolute;
        top: 50%;
        height: 1px;
        width: 1.7em;
        background-color: #444;
        -webkit-transform: translateX(-140%) scaleX(1);
        -moz-transform: translateX(-140%) scaleX(1);
        -ms-transform: translateX(-140%) scaleX(1);
        -o-transform: translateX(-140%) scaleX(1);
        transform: translateX(-140%) scaleX(1);
    }
    .page-title-left span {
        text-align: center;
    }
}

#page-content .post-container-inner {
    margin: 70px 0;
}
#page-content .post-container-inner img {
    width: 100%;
    margin: 20px 0;
}
#page-content .post-container-inner h3 {
    margin-top: 50px;
}
#content {
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}
#content .container,
#content .container-fluid,
#content .container-wide {
    position: relative;
}
.content {
    padding-right: 25px;
    margin-bottom: 26px;
}
@media (max-width: 991px) {
    .content,
    .sidebar {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #page-content {
        padding: 20px 0;
    }
}
.grid-layout {
    overflow: hidden;
    margin-bottom: -2px !important;
}
.grid-layout > * {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.grid-layout .grid-loader {
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    opacity: 1;
    z-index: -1;
}
.grid-layout.grid-loaded > * {
    opacity: 1;
}
.grid-layout.grid-loaded .grid-loader {
    opacity: 0;
}
.grid-layout,
.portfolioo,
.posts {
    position: relative;
    display: block;
    clear: both;
    padding: 0;
}
.grid-item > a > img,
.grid-item > img {
    width: 100%;
    height: auto;
}
.grid-item > .widget {
    margin: 0;
}
.grid-item {
    /* height: auto !important; */
}
.grid-filter {
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 26px;
    position: relative;
}
.grid-filter ul {
    list-style: none;
    padding: 0;
    position: relative;
    height: auto;
}
.grid-filter li {
    position: relative;
    margin-right: 6px;
    border: 0;
    margin-bottom: -1px;
    display: inline-block;
}
.grid-filter li a {
    font-weight: 600;
    display: block;
    position: relative;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 15px;
    color: #484848;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid transparent;
}
.grid-filter li.active a,
.grid-filter li.active a:active,
.grid-filter li.active a:focus,
.grid-filter li.active a:hover,
.grid-filter li:hover a,
.grid-filter li:hover a:active,
.grid-filter li:hover a:focus,
.grid-filter li:hover a:hover {
    background-color: #c2c2c2;
    color: #fff;
}
.grid-filter li.active {
    cursor: pointer;
    pointer-events: none;
}
.grid-filter li.active a {
    color: #fff;
    pointer-events: none;
}
.grid-filter.center li {
    text-align: center;
    float: none;
}
.grid-active-title {
    font-size: 3rem;
    font-weight: 100;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: -6px;
}
.content .grid-active-title {
    font-size: 42px;
}
@media (max-width: 991px) {
    .grid-active-title {
        display: none;
    }
    .grid-filter li {
        width: 33.33%;
        margin-right: 0;
        margin-bottom: 4px;
    }
    .grid-filter li a {
        text-align: center;
        -webkit-transition: none;
        transition: none;
    }
    #side-panel {
        width: 300px;
        left: -300px;
    }
    .side-panel #side-panel-trigger {
        display: block !important;
    }
}
@media (max-width: 479px) {
    .grid-filter li {
        width: 50%;
        margin-right: 0;
    }
}
#showMore,
.infinite-scroll-message {
    height: 80px;
    padding-top: 36px;
    text-align: center;
}
#showMore p,
.infinite-scroll-message p {
    margin: 0;
}
.grid-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: 1.8s ease-in-out -0.16s infinite load7;
    animation: 1.8s ease-in-out -0.16s infinite load7;
    position: absolute;
    top: 60px;
    left: 48%;
    color: #dadada;
    font-size: 6px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.grid-loader:after,
.grid-loader:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: 1.8s ease-in-out infinite load7;
    animation: 1.8s ease-in-out infinite load7;
    content: "";
    position: absolute;
    top: 0;
}
.grid-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.grid-loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0;
    }
}
#topbar .social-icons {
    float: right;
    height: 100%;
    overflow: hidden;
}
#topbar .social-icons li,
#topbar .social-icons li a {
    float: left;
    list-style: none;
}
#topbar .social-icons li a {
    border-radius: 0;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0;
}
.topbar-dropdown {
    color: #747474;
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.topbar-dropdown .title {
    border-left: 1px solid #eee;
    padding: 0 20px;
    cursor: pointer;
    line-height: 40px;
}
.topbar-dropdown .title a {
    color: #747474;
}
.topbar-dropdown .title a:hover {
    text-decoration: underline;
}
.topbar-dropdown .title .fa {
    margin-left: 7px;
    position: relative;
    top: -1px;
}
.topbar-dropdown .title .fa:first-child {
    margin-left: 0;
    margin-right: 7px;
}
.topbar-dropdown:first-child .title {
    border-color: transparent;
    padding-left: 0;
}
.topbar-dropdown .list-entry img,
.topbar-dropdown .title img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
}
.topbar-dropdown .dropdown-list {
    position: absolute;
    width: auto;
    left: 0;
    top: auto;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    padding: 0 16px;
    text-align: left;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    z-index: 1;
    visibility: hidden;
}
.topbar-dropdown:hover .dropdown-list,
.topbar-dropdown:hover .topbar-form {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    visibility: visible;
}
.topbar-dropdown .topbar-form {
    position: absolute;
    width: 240px;
    padding: 20px 20px 10px;
    right: auto;
    top: 40px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    z-index: 1;
    text-align: left;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    visibility: hidden;
}
.topbar-dropdown input {
    margin-bottom: 2px;
}
.topbar-dropdown .checkbox {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-top: -12px;
}
.topbar-dropdown.float-right .title {
    padding: 0 0 0 20px !important;
}
.topbar-dropdown .dropdown-invert.topbar-form {
    left: auto;
    right: -20px;
}
#topbar {
    position: relative;
    z-index: 200;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
#topbar.dark,
#topbar.topbar-dark {
    background-color: #252525;
    border-color: rgba(231, 231, 231, 0.25);
}
#topbar.dark .social-icons li a,
#topbar.dark .top-menu > li > a,
#topbar.topbar-dark .social-icons li a,
#topbar.topbar-dark .top-menu > li > a {
    color: #fff !important;
}
#topbar.dark {
    border-bottom: 1px solid rgba(231, 231, 231, 0.05);
}
#topbar ~ #header[data-transparent="true"] + #google-map,
#topbar ~ #header[data-transparent="true"] + #slider,
#topbar ~ #header[data-transparent="true"] + .fullscreen,
#topbar ~ #header[data-transparent="true"] + .halfscreen {
    top: -120px;
    margin-bottom: -120px;
}
#side-panel {
    opacity: 0;
    background-color: #eee;
    width: 300px;
    position: fixed;
    left: -300px;
    height: 100%;
    -webkit-transition: left 0.4s, right 0.4s;
    transition: left 0.4s, right 0.4s;
    overflow: hidden;
    z-index: 1;
}
#side-panel #close-panel {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
#side-panel #close-panel > i {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #444;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 2px;
}
#side-panel.dark {
    background-color: #181818;
}
#side-panel.dark #close-panel > i {
    color: #eee;
    background-color: rgba(255, 255, 255, 0.1);
}
.side-panel #wrapper,
.side-panel .body-inner {
    height: 100%;
    position: relative;
    -webkit-transition: left 0.4s, right 0.4s;
    transition: left 0.4s, right 0.4s;
    left: 0;
}
.page-menu {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    height: 52px;
    line-height: 48px;
}
.page-menu a:not(.btn) {
    color: #484848;
}
.page-menu > .container {
    position: relative;
}
.page-menu nav {
    background-color: #fff;
    text-align: center;
}
.page-menu nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.page-menu nav > ul > li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    border: 0;
    display: inline-block;
    float: none;
    padding: 0 2px;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
}
.page-menu nav > ul > li > a {
    position: relative;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 12px;
    color: #484848;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
    border: 2px solid transparent;
}
.page-menu nav > ul > li > a:after,
.page-menu nav > ul > li > a:before {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.page-menu nav > ul > li.active > a,
.page-menu nav > ul > li:hover > a {
    color: #c2c2c2;
}
.page-menu nav > ul > li.dropdown {
    line-height: 50px;
}
.page-menu nav > ul > li.dropdown a {
    padding-right: 20px;
}
.page-menu nav > ul > li.dropdown:before {
    font-size: 12px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: "\e92e";
    font-family: inspiro-icons;
    right: 10px;
    top: 1px;
    position: absolute;
    color: #484848;
    z-index: 2;
}
.page-menu nav > ul > li .dropdown-menu {
    position: absolute;
    text-align: left;
    list-style: none;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    padding: 14px 20px;
    width: auto;
    top: 50px;
    left: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    min-width: 180px;
    -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
}
.page-menu nav > ul > li .dropdown-menu > li {
    width: 100%;
}
.page-menu nav > ul > li .dropdown-menu > li a,
.page-menu nav > ul > li .dropdown-menu > li > span {
    line-height: 26px;
    white-space: nowrap;
    display: block;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
}
.page-menu nav > ul > li .dropdown-menu.menu-last {
    right: 0;
    left: auto;
}
.page-menu nav > ul > li:last-child {
    margin-right: 0;
}
#pageMenu-trigger {
    float: right;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    opacity: 0;
    text-align: center;
    width: 36px;
    z-index: 12;
    display: none;
}
#pageMenu-trigger i {
    color: #9896a6;
}
body:not(.breakpoint-xs):not(.breakpoint-sm):not(.breakpoint-md) .page-menu nav > ul > li:hover > ul {
    display: block;
    -webkit-animation: 0.3s fade-in-out;
    animation: 0.3s fade-in-out;
    z-index: 3;
}
@media (max-width: 991px) {
    .page-menu #pageMenu-trigger {
        opacity: 1;
        display: block;
    }
    .page-menu #pageMenu-trigger i {
        color: #484848;
    }
    .page-menu nav {
        border-radius: 4px 0 4px 4px;
        border: 1px solid #ececec;
        -webkit-box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
        box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
        text-align: left;
        display: none;
        position: absolute;
        float: right;
        width: 190px;
        top: 40px;
        height: auto;
        z-index: 11;
        line-height: 26px;
        right: 30px;
    }
    .page-menu nav > ul {
        padding: 14px 20px;
        top: 0;
        min-width: 100%;
        overflow: hidden;
    }
    .page-menu nav > ul > li {
        width: 100%;
        padding: 0;
    }
    .page-menu nav > ul > li > a,
    .page-menu nav > ul > li > span {
        line-height: 20px;
        width: 100%;
        display: block;
        padding: 6px;
        border: none;
    }
    .page-menu nav > ul > li.dropdown:before {
        right: 4px;
        color: #484848;
        pointer-events: none;
        line-height: 36px;
    }
    .page-menu nav > ul > li.dropdown.hover-active {
        color: #484848;
    }
    .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu {
        min-width: 100%;
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        margin-top: 0;
        padding: 0;
    }
    .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > a,
    .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > span {
        font-size: 12px;
        padding: 4px 14px;
    }
    .page-menu nav > ul > li > ul {
        background-color: #fff;
        border: 0 solid #eee;
        border-width: 1px !important;
        -webkit-box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
        box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
        left: auto;
        margin: -6px 0 0;
        border-radius: 4px;
        padding: 0;
        z-index: 1;
    }
    .page-menu nav > ul > li > ul > li > a,
    .page-menu nav > ul > li > ul > li > span {
        width: 100%;
    }
    .page-menu.page-menu-active nav {
        display: block;
    }
}
*,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}
body {
    font-size: 1em;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    color: #484848;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    color: #444;
    margin: 0;
    letter-spacing: 0.5px;
}
.h1,
h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}
.h2,
h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
    font-weight: 500;
}
.h2:not(:last-child),
h2:not(:last-child) {
    margin-bottom: 16px;
}
.h3,
h3 {
    font-size: 1.78571429em;
    line-height: 1.5em;
    font-weight: 500;
}
.h3:not(:last-child),
h3:not(:last-child) {
    margin-bottom: 12px;
}
@media all and (max-width: 767px) {
    .h1,
    h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em;
    }
    .h2,
    h2 {
        font-size: 1.78571429em;
        line-height: 1.5em;
    }
    .h3,
    h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em;
    }
}
p {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777;
    font-family: custom-serif;
}
ul.bullets {
    list-style: inside;
}
a:not(.btn):not(.badge):active,
a:not(.btn):not(.badge):focus,
a:not(.btn):not(.badge):hover {
    text-decoration: none;
    outline: 0;
    color: #c2c2c2;
}
a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
    color: #484848;
}
.inspiro-slider {
    height: 72vh;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    min-height: 100%;
    width: 100%;
}
.inspiro-slider.slider-halfscreen {
    height: 72vh;
}
.inspiro-slider.slider-fullscreen {
    height: 100vh;
}
.inspiro-slider.is-fade .slide {
    opacity: 0 !important;
    -webkit-transition: opacity 0.5s !important;
    transition: opacity 0.5s !important;
}
.inspiro-slider.is-fade .slide.is-selected {
    opacity: 1 !important;
}
.inspiro-slider .slide {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
    padding-top: 160px;
    padding-bottom: 100px;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.inspiro-slider .slide .slide-captions {
    position: relative;
    text-align: left;
}
.inspiro-slider .slide .slide-captions h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 30px;
    color: #fff;
}
.inspiro-slider .slide .slide-captions h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 30px;
    color: #fff;
}
.inspiro-slider .slide .slide-captions h3,
.inspiro-slider .slide .slide-captions h4,
.inspiro-slider .slide .slide-captions h5,
.inspiro-slider .slide .slide-captions h6 {
    color: #fff;
}
.inspiro-slider .slide .slide-captions > p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
}
.inspiro-slider .slide .slide-captions img {
    width: inherit !important;
}
.inspiro-slider .slide.is-selected {
    z-index: 2;
}
.inspiro-slider.flickity-enabled,
.inspiro-slider.slider-loaded {
    opacity: 1;
}
.inspiro-slider .slide-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.inspiro-slider .flickity-button {
    width: 78px;
    height: 78px;
    line-height: 78px;
    background: 0 0;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}
.inspiro-slider .flickity-button::before {
    line-height: 78px;
    font-size: 28px;
    color: #fff;
}
.inspiro-slider .flickity-page-dots {
    bottom: 30px;
}
.inspiro-slider .flickity-page-dots .dot {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}
.inspiro-slider .flickity-page-dots .dot:after {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
}
.inspiro-slider .slide-captions > * {
    opacity: 0;
}
#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background-color: #fff;
    z-index: 1;
}
#slider section {
    overflow: visible;
}
.polo-carousel-item img {
    height: 100%;
}
.fullscreen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100vh;
}
.fullscreen .container,
.fullscreen .container-wide {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 80px;
    margin-bottom: 40px;
}
@media (max-width: 992px) {
    #header[data-transparent="true"] + #page-title {
        padding: 120px 0 100px;
    }
    #page-title .page-title > h1 {
        font-size: 3em;
    }
    .inspiro-slider .flickity-prev-next-button {
        display: none;
    }
    .inspiro-slider .container,
    .inspiro-slider .container-wide {
        padding: 20px;
    }
    .inspiro-slider .slide .slide-captions {
        text-align: center;
    }
    .inspiro-slider .slide .slide-captions h1,
    .inspiro-slider .slide .slide-captions h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 14px;
    }
    .inspiro-slider .slide .slide-captions > p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .inspiro-slider .slide .slide-captions .btn {
        padding: 6px 14px !important;
        font-size: 10px !important;
        line-height: 1.5;
    }
    .inspiro-slider .slide .slide-captions h3,
    .inspiro-slider .slide .slide-captions h4,
    .inspiro-slider .slide .slide-captions h5,
    .inspiro-slider .slide .slide-captions h6 {
        color: #fff;
    }
    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }
}
.grid-item,
.portfolio-item {
    width: 100%;
    float: left;
    height: auto;
    padding: 0;
    cursor: pointer;
}
.grid-item a:not(.btn),
.portfolio-item a:not(.btn) {
    color: #484848;
}
.grid-item .flickity-viewport,
.grid-item .grid-image,
.grid-item .grid-video,
.grid-item .portfolio-image,
.grid-item .portfolio-video,
.portfolio-item .flickity-viewport,
.portfolio-item .grid-image,
.portfolio-item .grid-video,
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-video {
    position: relative;
    overflow: hidden;
}
.grid-item .flickity-viewport:after,
.grid-item .grid-image:after,
.grid-item .grid-video:after,
.grid-item .portfolio-image:after,
.grid-item .portfolio-video:after,
.portfolio-item .flickity-viewport:after,
.portfolio-item .grid-image:after,
.portfolio-item .grid-video:after,
.portfolio-item .portfolio-image:after,
.portfolio-item .portfolio-video:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    content: " ";
    z-index: 2;
}
.grid-item .flickity-viewport img,
.grid-item .grid-image img,
.grid-item .grid-video img,
.grid-item .portfolio-image img,
.grid-item .portfolio-video img,
.portfolio-item .flickity-viewport img,
.portfolio-item .grid-image img,
.portfolio-item .grid-video img,
.portfolio-item .portfolio-image img,
.portfolio-item .portfolio-video img {
    position: relative;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    width: 100%;
    z-index: 1;
    display: block;
    height: auto;
}
.grid-item .grid-slider .flickity-page-dots,
.grid-item .portfolio-slider .flickity-page-dots,
.portfolio-item .grid-slider .flickity-page-dots,
.portfolio-item .portfolio-slider .flickity-page-dots {
    bottom: 30px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.grid-item .grid-video,
.grid-item .portfolio-video,
.portfolio-item .grid-video,
.portfolio-item .portfolio-video {
    margin-bottom: -7px;
}
.grid-item .grid-video iframe,
.grid-item .grid-video video,
.grid-item .portfolio-video iframe,
.grid-item .portfolio-video video,
.portfolio-item .grid-video iframe,
.portfolio-item .grid-video video,
.portfolio-item .portfolio-video iframe,
.portfolio-item .portfolio-video video {
    width: 100%;
    background-color: #000;
}
.grid-item:not(.no-overlay):hover .grid-image:after,
.grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,
.grid-item:not(.no-overlay):hover .grid-video:after,
.grid-item:not(.no-overlay):hover .portfolio-image:after,
.grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,
.grid-item:not(.no-overlay):hover .portfolio-video:after,
.portfolio-item:not(.no-overlay):hover .grid-image:after,
.portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after,
.portfolio-item:not(.no-overlay):hover .grid-video:after,
.portfolio-item:not(.no-overlay):hover .portfolio-image:after,
.portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after,
.portfolio-item:not(.no-overlay):hover .portfolio-video:after {
    opacity: 0.5;
}
.grid-item.img-rotate .grid-image img,
.grid-item.img-rotate .portfolio-image img,
.portfolio-item.img-rotate .grid-image img,
.portfolio-item.img-rotate .portfolio-image img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s;
}
.grid-item.img-rotate:hover .grid-image img,
.grid-item.img-rotate:hover .portfolio-image img,
.portfolio-item.img-rotate:hover .grid-image img,
.portfolio-item.img-rotate:hover .portfolio-image img {
    -webkit-transform: rotate(-9deg) scale(1.2);
    transform: rotate(-9deg) scale(1.2);
}
.grid-item.img-zoom .grid-image img,
.grid-item.img-zoom .portfolio-image img,
.portfolio-item.img-zoom .grid-image img,
.portfolio-item.img-zoom .portfolio-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.grid-item.img-zoom:hover .grid-image img,
.grid-item.img-zoom:hover .portfolio-image img,
.portfolio-item.img-zoom:hover .grid-image img,
.portfolio-item.img-zoom:hover .portfolio-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.grid-slider,
.portfolio-slider {
    width: 100%;
}
.post-content {
    clear: both;
    display: block;
    padding: 0 40px 0 0;
}
.widget-tweeter .list-tweets {
    padding-left: 0;
}
.hidden {
    display: none;
}
.visible {
    opacity: 1;
}
.text-center {
    text-align: center;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.center {
    float: none !important;
    margin: 0 auto;
}
.block {
    display: block;
}
.text-bottom {
    display: table-cell;
    vertical-align: bottom;
    margin: auto;
    z-index: 3;
    position: relative;
}
.background-success {
    background-color: #81c868 !important;
}
.background-info {
    background-color: #53b0f8 !important;
}
.background-warning {
    background-color: #ffb20e !important;
}
.background-danger {
    background-color: #ce041c !important;
}
.text-xs,
.text-xs span {
    font-size: 30px;
    line-height: 30px;
}
.text-md,
.text-md span,
.text-md span span {
    font-size: 74px !important;
    line-height: 86px !important;
}
.text-lg,
.text-lg span,
.text-lg span span {
    font-size: 90px;
    line-height: 100px;
    letter-spacing: -0.02em;
    font-weight: 700;
}
.text-xl,
.text-xl span {
    font-size: 100px;
    line-height: 110px;
}
.text-small {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
}
.text-light,
.text-light .lead,
.text-light a:not(.btn),
.text-light a:not(.btn):hover:not(.btn-light),
.text-light div:not(.alert),
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light i,
.text-light label,
.text-light li,
.text-light p,
.text-light span:not(.btn-label) {
    color: #fff !important;
}
.text-dark,
.text-dark .lead,
.text-dark a:not(.btn),
.text-dark a:not(.btn):hover:not(.btn-light),
.text-dark a:not(.btn-danger),
.text-dark div:not(.alert),
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark i,
.text-dark label,
.text-dark li,
.text-dark p,
.text-dark span:not(.btn-label) {
    color: #111 !important;
}
.border-box {
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 30px;
}
.border-left {
    border-left: 1px solid #eee;
}
.border-top {
    border-top: 1px solid #eee;
}
.border-right {
    border-width: 0 1px 0 0;
    border-color: #eee;
    border-style: solid;
}
.border-bottom {
    border-bottom: 1px solid #eee;
}
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}
.float-none {
    float: none !important;
}
.fullwidth {
    width: 100% !important;
}
.line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 50px 0;
    border-top: 1px solid #e3e3e3;
}
@media (max-width: 992px) {
    .text-lg,
    .text-lg span {
        font-size: 80px !important;
        line-height: 60px !important;
    }
    .sm-left {
        float: left !important;
    }
    .sm-right {
        float: right !important;
    }
    .sm-center {
        float: none !important;
        margin: 0 auto;
    }
    .widget {
        float: left;
        width: 100%;
    }
}
@media (max-width: 768px) {
    section {
        padding: 40px 0;
    }
    .text-lg,
    .text-lg span {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .text-md,
    .text-md span,
    .text-md span span {
        font-size: 46px !important;
        line-height: 58px !important;
    }
}
@media (max-width: 576px) {
    .text-md,
    .text-md span,
    .text-md span span {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
.widget {
    margin-bottom: 30px;
    position: relative;
}
.widget:after,
.widget:before {
    clear: both;
    content: " ";
    display: table;
}
.widget .flickity-page-dots {
    margin-bottom: 20px;
}
.widget a {
    color: #484848;
}
.widget p {
    margin-bottom: 20px;
}
p.share-icons {
    text-align: center;
    color: #222;
    font-size: 1.1em;
    letter-spacing: 0.6px;
}
.flickr-widget,
.widget-instagram {
    opacity: 0;
    min-height: 225px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    margin-bottom: 20px;
}
.flickr-widget.flickr-widget-loaded,
.flickr-widget.widget-instagram-loaded,
.widget-instagram.flickr-widget-loaded,
.widget-instagram.widget-instagram-loaded {
    opacity: 1;
}
.flickr-widget a img,
.widget-instagram a img {
    width: 25%;
    height: auto;
    padding: 3px;
    border-radius: 6px;
}
.form-control.error,
.sm-form-control.error {
    border-color: #e42c3e;
}
#widget-contact-form {
    clear: left;
}
.widget-tweeter,
.widget-twitter {
    min-height: 248px;
}
.widget-tweeter:not([data-avatar="true"]) li {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.widget-tweeter:not([data-avatar="true"]) li:before,
.widget-twitter:not([data-avatar="true"]) li:before {
    margin-left: -22px;
    position: absolute;
    font-family: "Font Awesome 5 Brands";
    content: "\f099";
}
.widget-tweeter[data-avatar="true"] li img,
.widget-twitter[data-avatar="true"] li img {
    border-radius: 50%;
    left: -4px;
    position: absolute;
    width: 26px;
    z-index: 3;
}
.widget-tweeter[data-avatar="true"] li,
.widget-twitter[data-avatar="true"] li {
    padding-left: 10px;
}
.widget-tweeter li,
.widget-twitter li {
    line-height: 1.66;
    margin-bottom: 20px;
}
.widget-tweeter li:last-child,
.widget-twitter li:last-child {
    margin-bottom: 0;
}
.widget-tweeter ul,
.widget-twitter ul {
    list-style: none;
    padding-left: 22px;
    margin-bottom: 0;
}
.lazy {
    opacity: 0;
    -webkit-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in;
}
.lazy.img-loaded {
    opacity: 1;
}
.background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.background-fixed {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}
.particles canvas {
    position: absolute;
    top: 0;
    left: 0;
}
#scrollTop {
    z-index: -1;
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px !important;
    right: 26px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.3s, bottom 0.5s, background-color 0.1s linear, -webkit-box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear, -webkit-box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    background-color: rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
}
#scrollTop i {
    line-height: 39px !important;
    width: 39px !important;
    height: 39px !important;
    font-size: 16px !important;
    top: 0 !important;
    left: 0 !important;
    text-align: center !important;
    position: relative;
    z-index: 10;
    background-color: transparent !important;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
#scrollTop:hover {
    -webkit-transition: background-color 50ms linear 0.25s, -webkit-box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 50ms linear 0.25s, -webkit-box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    background-color: transparent !important;
}
#scrollTop:hover i {
    -webkit-transform: translate(0, -39px) !important;
    transform: translate(0, -39px) !important;
}
#scrollTop:after,
#scrollTop:before {
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #c2c2c2;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    border-radius: 100px;
}
#scrollTop:before {
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    z-index: 2;
}
#scrollTop:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#scrollTop:active:before {
    opacity: 1;
}
[class^="icon"] {
    display: inline-block;
}
@-webkit-keyframes scrolldown-keyframes {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes scrolldown-keyframes {
    0%,
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.animated-background {
    -webkit-animation: 120s linear infinite animatedBackground;
    animation: 120s linear infinite animatedBackground;
    background-repeat: repeat-x;
    background-size: cover;
}
@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -3000px 0;
    }
}
@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -3000px 0;
    }
}
.image-block {
    background-color: #f4f4f4;
}
.image-block .col-lg-6 {
    padding: 60px;
}
.image-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 426px;
    height: 556px;
}
.morphext > .animated {
    display: inline-block;
    opacity: 1;
}
.play-button {
    position: relative;
    width: 90px;
    height: 90px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    border: 7px solid #fff;
}
.play-button > i {
    font-size: 22px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.play-button.dark {
    border-color: #444;
}
.play-button.dark > i {
    color: #444;
}
.play-button:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.lines-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px;
    background: 0 0;
    outline: 0;
}
.lines-button > * {
    display: block;
}
.lines-button:focus,
.lines-button:hover {
    outline: 0;
}
.lines-button::-moz-focus-inner {
    border: 0;
}
.lines {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    top: -4px;
}
.lines::after,
.lines::before {
    display: inline-block;
    height: 2px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%;
}
.lines::before {
    top: 6px;
}
.lines::after {
    top: -6px;
}
.lines,
.lines:after,
.lines:before {
    background-color: #111;
}
.toggle-active .lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}
.x {
    width: auto;
}
.x.toggle-active .lines {
    background: 0 0 !important;
}
.x.toggle-active .lines::after,
.x.toggle-active .lines::before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 26px;
}
.x.toggle-active .lines::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.x.toggle-active .lines::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-item i {
    position: relative;
}
.toggle-item.toggle-active i:nth-of-type(1) {
    visibility: hidden;
    position: absolute;
}
iframe {
    width: 100%;
}
.p-dropdown {
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.p-dropdown a:not(.btn) {
    color: #484848;
}
.p-dropdown .btn,
.p-dropdown .title {
    padding-bottom: 10px;
    cursor: pointer;
    overflow: unset !important;
}
.p-dropdown .btn:before {
    top: 30px;
    right: 5px;
}
.p-dropdown .btn ~ .dropdown-content {
    top: 42px;
}
.p-dropdown .p-dropdown-content,
.p-dropdown ul.p-dropdown-content {
    line-height: normal;
    position: absolute;
    min-width: 140px;
    z-index: 5;
    text-align: left;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    padding: 14px 20px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    top: auto;
    right: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    min-width: 180px;
    -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
}
.p-dropdown .p-dropdown-content ul > li,
.p-dropdown .p-dropdown-content > li,
.p-dropdown ul.p-dropdown-content ul > li,
.p-dropdown ul.p-dropdown-content > li {
    display: block;
}
.p-dropdown .p-dropdown-content ul > li a,
.p-dropdown .p-dropdown-content > li a,
.p-dropdown ul.p-dropdown-content ul > li a,
.p-dropdown ul.p-dropdown-content > li a {
    line-height: 26px;
    white-space: nowrap;
    display: block;
    padding: 2px 8px;
}
.p-dropdown .p-dropdown-content ul > li a i,
.p-dropdown .p-dropdown-content > li a i,
.p-dropdown ul.p-dropdown-content ul > li a i,
.p-dropdown ul.p-dropdown-content > li a i {
    margin-right: 6px;
}
.p-dropdown.p-dropdown-invert .p-dropdown-content,
.p-dropdown.p-dropdown-invert ul.p-dropdown-content {
    left: 0;
    right: auto;
}
.p-dropdown.p-dropdown-invert .p-dropdown-content:before,
.p-dropdown.p-dropdown-invert ul.p-dropdown-content:before {
    content: " ";
    right: auto;
    left: 22px;
}
.p-dropdown:hover .title:before {
    opacity: 1;
    visibility: visible;
}
.p-dropdown:hover .p-dropdown-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.header-extras .p-dropdown .p-dropdown-content,
.header-extras .p-dropdown ul.p-dropdown-content {
    right: -26px;
    margin-top: -8px;
}
.header-extras .p-dropdown .p-dropdown-content:before,
.header-extras .p-dropdown ul.p-dropdown-content:before,
.p-countdown .p-countdown-show {
    display: none;
}
.icon-set-container .row > [class^="col-"] {
    position: relative;
    font-size: 20px;
    margin: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(25% - 30px);
    flex: 1 1 calc(25% - 30px);
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #626262;
}
.icon-set-container .row > [class^="col-"]:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    background-color: #c2c2c2;
    color: #fff;
    -webkit-box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
}
.kenburns-bg {
    background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: -1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 14s;
    transition: transform 14s;
    transition: transform 14s, -webkit-transform 14s;
}
.kenburns-bg.kenburns-bg-animate {
    -webkit-transform: translate3d(0, 0, 0) scale(1.2);
    transform: translate3d(0, 0, 0) scale(1.2);
}
.zoom-out {
    -webkit-animation-name: zoom-out;
    animation-name: zoom-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@-webkit-keyframes zoom-out {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.progress .progress-bar {
    height: 4px;
    background-color: #a0d68d;
}
.bootstrap-notify {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 1500;
}
.bootstrap-notify.alert .close {
    padding: 4px;
}
.bootstrap-notify a,
.bootstrap-notify a:hover,
.bootstrap-notify a:visited {
    color: #fff !important;
    text-decoration: underline;
}
.element-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block !important;
    margin: unset !important;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    width: auto !important;
}
.accordion .ac-item {
    margin-bottom: 10px;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid #ececec;
}
.accordion .ac-item .ac-title {
    font-weight: 500;
    position: relative;
    padding-right: 10px;
    margin: 0;
    font-size: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.accordion .ac-item .ac-title:before {
    font-size: 18px;
    content: "\e9be";
    font-family: inspiro-icons;
    right: 0;
    position: absolute;
}
.accordion .ac-item .ac-title > i {
    margin-right: 8px;
}
.accordion .ac-item .ac-content {
    padding-top: 12px;
}
.accordion .ac-item .ac-content > p:last-child {
    margin-bottom: 6px;
}
.accordion .ac-item.ac-active .ac-title:before {
    content: "\e9a1";
}
.accordion.dark .ac-item {
    background-color: #181818;
    border: 0;
}
.accordion.dark .ac-item .ac-content,
.accordion.dark .ac-item .ac-content p,
.accordion.dark .ac-item .ac-title {
    color: #fff;
}
.alert {
    color: #fff;
    padding: 0.85rem 1.5rem;
    z-index: 9999;
}
.alert span[data-notify~="title"] {
    display: block;
    font-weight: 700;
}
.alert .close {
    color: #fff;
    font-weight: 300;
    padding: 12px 18px;
}
.alert > .alert-icon {
    float: left;
}
.alert > .alert-icon i {
    font-size: 34px;
}
.alert > p {
    padding-left: 54px;
}
.alert.alert-success {
    background-color: #81c868;
    border-color: #71c155;
}
.alert.alert-info {
    background-color: #53b0f8;
    border-color: #3aa5f7;
}
.alert.alert-danger {
    background-color: #ce041c;
    border-color: #b50419;
}
.alert.alert-warning {
    background-color: #ffb20e;
    border-color: #f4a600;
}
.alert.alert-dark {
    background-color: #9896a6;
    border-color: #8a889a;
}
.alert .alert-link,
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
    color: #fff;
}
.alert [data-notify="progressbar"] {
    height: 2px !important;
    margin-top: 8px;
}
.avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%;
}
.avatar .avatar-lg {
    width: 3rem;
    height: 3rem;
}
.avatar .avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}
.avatar-lg {
    width: 3rem;
    height: 3rem;
}
.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}
@media (min-width: 992px) {
    .avatar.avatar-lg {
        width: 4.5rem;
        height: 4.5rem;
    }
}
a:not([href]):not([tabindex]):not(.btn) {
    color: none;
}
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]),
button.btn {
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    border-radius: 0;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.45px;
    text-decoration: none;
    outline: 0;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 6px;
    line-height: 14px;
    cursor: pointer;
    border: 2px solid #000;
}
.btn:not(.close):not(.mfp-close):after,
a.btn:not([href]):not([tabindex]):after,
button.btn:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.btn:not(.close):not(.mfp-close) i,
a.btn:not([href]):not([tabindex]) i,
button.btn i {
    text-shadow: none;
}
.btn:not(.close):not(.mfp-close).btn-xs,
a.btn:not([href]):not([tabindex]).btn-xs,
button.btn.btn-xs {
    font-size: 10px;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
}
.btn:not(.close):not(.mfp-close).btn-sm,
a.btn:not([href]):not([tabindex]).btn-sm,
button.btn.btn-sm {
    font-size: 11px;
    height: 30px;
    line-height: 28px;
    padding: 0 14px;
}
.btn:not(.close):not(.mfp-close).btn-lg,
a.btn:not([href]):not([tabindex]).btn-lg,
button.btn.btn-lg {
    font-size: 16px;
    height: 58px;
    letter-spacing: 2px;
    line-height: 56px;
    padding: 0 40px;
}
.btn:not(.close):not(.mfp-close):focus,
.btn:not(.close):not(.mfp-close):hover,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):hover,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
button.btn:focus,
button.btn:hover,
button.btn:not(:disabled):not(.disabled).active,
button.btn:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border-color: #000;
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
}
.btn:not(.close):not(.mfp-close).btn-outline,
a.btn:not([href]):not([tabindex]).btn-outline,
button.btn.btn-outline {
    background-color: transparent;
    color: #c2c2c2;
    border: 2px solid #c2c2c2;
}
.btn:not(.close):not(.mfp-close).btn-outline.active,
.btn:not(.close):not(.mfp-close).btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-outline:focus,
.btn:not(.close):not(.mfp-close).btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-outline:hover,
button.btn.btn-outline.active,
button.btn.btn-outline:active,
button.btn.btn-outline:focus,
button.btn.btn-outline:hover {
    background-color: #c2c2c2;
    color: #fff;
    border: 2px solid #c2c2c2;
}
.btn:not(.close):not(.mfp-close).btn-rounded,
a.btn:not([href]):not([tabindex]).btn-rounded,
button.btn.btn-rounded {
    border-radius: 2em !important;
}
.btn:not(.close):not(.mfp-close).btn-block,
a.btn:not([href]):not([tabindex]).btn-block,
button.btn.btn-block {
    width: 100%;
    display: block;
}
.btn:not(.close):not(.mfp-close).btn-light,
a.btn:not([href]):not([tabindex]).btn-light,
button.btn.btn-light {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667;
}
.btn:not(.close):not(.mfp-close).btn-light.active,
.btn:not(.close):not(.mfp-close).btn-light:active,
.btn:not(.close):not(.mfp-close).btn-light:focus,
.btn:not(.close):not(.mfp-close).btn-light:hover,
a.btn:not([href]):not([tabindex]).btn-light.active,
a.btn:not([href]):not([tabindex]).btn-light:active,
a.btn:not([href]):not([tabindex]).btn-light:focus,
a.btn:not([href]):not([tabindex]).btn-light:hover,
button.btn.btn-light.active,
button.btn.btn-light:active,
button.btn.btn-light:focus,
button.btn.btn-light:hover {
    border-color: #ebedf2;
    background-color: #f4f5f8;
    color: #4c5667;
}
.btn:not(.close):not(.mfp-close).btn-light.btn-outline,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline,
button.btn.btn-light.btn-outline {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-light.btn-outline.active,
.btn:not(.close):not(.mfp-close).btn-light.btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-light.btn-outline:focus,
.btn:not(.close):not(.mfp-close).btn-light.btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-light.btn-outline:hover,
button.btn.btn-light.btn-outline.active,
button.btn.btn-light.btn-outline:active,
button.btn.btn-light.btn-outline:focus,
button.btn.btn-light.btn-outline:hover {
    background-color: #fff;
    color: #4c5667;
}
.btn:not(.close):not(.mfp-close).btn-light.btn-light-hover.active,
.btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:active,
.btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:focus,
.btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:hover,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover.active,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:active,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:focus,
a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:hover,
button.btn.btn-light.btn-light-hover.active,
button.btn.btn-light.btn-light-hover:active,
button.btn.btn-light.btn-light-hover:focus,
button.btn.btn-light.btn-light-hover:hover {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667;
}
.btn:not(.close):not(.mfp-close):not(.btn-shadow):focus,
.btn:not(.close):not(.mfp-close):not(.btn-shadow):focus:active,
a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus,
a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus:active,
button.btn:not(.btn-shadow):focus,
button.btn:not(.btn-shadow):focus:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn:not(.close):not(.mfp-close).btn-transparent,
a.btn:not([href]):not([tabindex]).btn-transparent,
button.btn.btn-transparent {
    background-color: transparent;
    border: 0;
    color: #484848;
}
.btn:not(.close):not(.mfp-close).btn-transparent.btn-inverted,
a.btn:not([href]):not([tabindex]).btn-transparent.btn-inverted,
button.btn.btn-transparent.btn-inverted {
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-primary,
a.btn:not([href]):not([tabindex]).btn-primary,
button.btn.btn-primary {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
}
.btn:not(.close):not(.mfp-close).btn-primary:focus,
.btn:not(.close):not(.mfp-close).btn-primary:hover,
.btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-primary:focus,
a.btn:not([href]):not([tabindex]).btn-primary:hover,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active,
button.btn.btn-primary:focus,
button.btn.btn-primary:hover,
button.btn.btn-primary:not(:disabled):not(.disabled).active,
button.btn.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #0333e8;
    border-color: #0333e8;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-secondary,
a.btn:not([href]):not([tabindex]).btn-secondary,
button.btn.btn-secondary {
    background-color: #5a6268;
    border-color: #5a6268;
}
.btn:not(.close):not(.mfp-close).btn-secondary:focus,
.btn:not(.close):not(.mfp-close).btn-secondary:hover,
.btn:not(.close):not(.mfp-close).btn-secondary:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-secondary:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-secondary:focus,
a.btn:not([href]):not([tabindex]).btn-secondary:hover,
a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled):active,
button.btn.btn-secondary:focus,
button.btn.btn-secondary:hover,
button.btn.btn-secondary:not(:disabled):not(.disabled).active,
button.btn.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #42484d;
    border-color: #42484d;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-success,
a.btn:not([href]):not([tabindex]).btn-success,
button.btn.btn-success {
    background-color: #81c868;
    border-color: #81c868;
}
.btn:not(.close):not(.mfp-close).btn-success:focus,
.btn:not(.close):not(.mfp-close).btn-success:hover,
.btn:not(.close):not(.mfp-close).btn-success:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-success:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-success:focus,
a.btn:not([href]):not([tabindex]).btn-success:hover,
a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled):active,
button.btn.btn-success:focus,
button.btn.btn-success:hover,
button.btn.btn-success:not(:disabled):not(.disabled).active,
button.btn.btn-success:not(:disabled):not(.disabled):active {
    background-color: #62b944;
    border-color: #62b944;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-info,
a.btn:not([href]):not([tabindex]).btn-info,
button.btn.btn-info {
    background-color: #53b0f8;
    border-color: #53b0f8;
}
.btn:not(.close):not(.mfp-close).btn-info:focus,
.btn:not(.close):not(.mfp-close).btn-info:hover,
.btn:not(.close):not(.mfp-close).btn-info:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-info:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-info:focus,
a.btn:not([href]):not([tabindex]).btn-info:hover,
a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled):active,
button.btn.btn-info:focus,
button.btn.btn-info:hover,
button.btn.btn-info:not(:disabled):not(.disabled).active,
button.btn.btn-info:not(:disabled):not(.disabled):active {
    background-color: #2299f6;
    border-color: #2299f6;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-warning,
a.btn:not([href]):not([tabindex]).btn-warning,
button.btn.btn-warning {
    background-color: #ffb20e;
    border-color: #ffb20e;
}
.btn:not(.close):not(.mfp-close).btn-warning:focus,
.btn:not(.close):not(.mfp-close).btn-warning:hover,
.btn:not(.close):not(.mfp-close).btn-warning:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-warning:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-warning:focus,
a.btn:not([href]):not([tabindex]).btn-warning:hover,
a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled):active,
button.btn.btn-warning:focus,
button.btn.btn-warning:hover,
button.btn.btn-warning:not(:disabled):not(.disabled).active,
button.btn.btn-warning:not(:disabled):not(.disabled):active {
    background-color: #da9400;
    border-color: #da9400;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-danger,
a.btn:not([href]):not([tabindex]).btn-danger,
button.btn.btn-danger {
    background-color: #ce041c;
    border-color: #ce041c;
}
.btn:not(.close):not(.mfp-close).btn-danger:focus,
.btn:not(.close):not(.mfp-close).btn-danger:hover,
.btn:not(.close):not(.mfp-close).btn-danger:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-danger:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-danger:focus,
a.btn:not([href]):not([tabindex]).btn-danger:hover,
a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled):active,
button.btn.btn-danger:focus,
button.btn.btn-danger:hover,
button.btn.btn-danger:not(:disabled):not(.disabled).active,
button.btn.btn-danger:not(:disabled):not(.disabled):active {
    background-color: #9c0315;
    border-color: #9c0315;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-dark,
a.btn:not([href]):not([tabindex]).btn-dark,
button.btn.btn-dark {
    background-color: #000;
    border-color: #000;
}
.btn:not(.close):not(.mfp-close).btn-dark.active,
.btn:not(.close):not(.mfp-close).btn-dark:active,
.btn:not(.close):not(.mfp-close).btn-dark:focus,
.btn:not(.close):not(.mfp-close).btn-dark:hover,
a.btn:not([href]):not([tabindex]).btn-dark.active,
a.btn:not([href]):not([tabindex]).btn-dark:active,
a.btn:not([href]):not([tabindex]).btn-dark:focus,
a.btn:not([href]):not([tabindex]).btn-dark:hover,
button.btn.btn-dark.active,
button.btn.btn-dark:active,
button.btn.btn-dark:focus,
button.btn.btn-dark:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-dark.btn-outline,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline,
button.btn.btn-dark.btn-outline {
    background-color: transparent;
    color: #000;
    border-color: #000;
}
.btn:not(.close):not(.mfp-close).btn-dark.btn-outline.active,
.btn:not(.close):not(.mfp-close).btn-dark.btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-dark.btn-outline:focus,
.btn:not(.close):not(.mfp-close).btn-dark.btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:hover,
button.btn.btn-dark.btn-outline.active,
button.btn.btn-dark.btn-outline:active,
button.btn.btn-dark.btn-outline:focus,
button.btn.btn-dark.btn-outline:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-red,
a.btn:not([href]):not([tabindex]).btn-red,
button.btn.btn-red {
    background-color: #ca0027;
    border-color: #ca0027;
}
.btn:not(.close):not(.mfp-close).btn-red:focus,
.btn:not(.close):not(.mfp-close).btn-red:hover,
.btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-red:focus,
a.btn:not([href]):not([tabindex]).btn-red:hover,
a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled):active,
button.btn.btn-red:focus,
button.btn.btn-red:hover,
button.btn.btn-red:not(:disabled):not(.disabled).active,
button.btn.btn-red:not(:disabled):not(.disabled):active {
    background-color: #97001d;
    border-color: #97001d;
    color: #fff;
}
.btn:not(.close):not(.mfp-close).btn-round,
a.btn:not([href]):not([tabindex]).btn-round,
button.btn.btn-round {
    border-radius: 50%;
    padding: 10px;
}
.btn:not(.close):not(.mfp-close).btn-round > i,
a.btn:not([href]):not([tabindex]).btn-round > i,
button.btn.btn-round > i {
    font-size: 14px;
}
.btn:not(.close):not(.mfp-close).btn-slide,
a.btn:not([href]):not([tabindex]).btn-slide,
button.btn.btn-slide {
    border-radius: 50px;
    display: table-cell;
    opacity: 1;
    overflow: hidden;
    padding: 22px;
    position: relative;
    -webkit-transition: width 0.4s, background 0.4s;
    transition: width 0.4s, background 0.4s;
    width: 46px;
    line-height: 18px;
}
.btn:not(.close):not(.mfp-close).btn-slide > i,
a.btn:not([href]):not([tabindex]).btn-slide > i,
button.btn.btn-slide > i {
    float: left;
    left: 17px;
    position: absolute;
    top: 17px;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.btn:not(.close):not(.mfp-close).btn-slide > span,
a.btn:not([href]):not([tabindex]).btn-slide > span,
button.btn.btn-slide > span {
    left: 40px;
    position: absolute;
    text-align: left;
    top: 13px;
    -webkit-transition: left 0.5s, opacity 0.5s;
    transition: left 0.5s, opacity 0.5s;
    white-space: nowrap;
    opacity: 0;
}
.btn:not(.close):not(.mfp-close).btn-slide:hover,
a.btn:not([href]):not([tabindex]).btn-slide:hover,
button.btn.btn-slide:hover {
    width: 140px;
    text-align: left;
}
.btn:not(.close):not(.mfp-close).btn-slide:hover > i,
a.btn:not([href]):not([tabindex]).btn-slide:hover > i,
button.btn.btn-slide:hover > i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.btn:not(.close):not(.mfp-close).btn-slide:hover > span,
a.btn:not([href]):not([tabindex]).btn-slide:hover > span,
button.btn.btn-slide:hover > span {
    opacity: 1;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-xs,
a.btn:not([href]):not([tabindex]).btn-slide.btn-xs,
button.btn.btn-slide.btn-xs {
    padding: 14px;
    width: 30px;
    line-height: 26px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-xs > i,
a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > i,
button.btn.btn-slide.btn-xs > i {
    left: 9px;
    top: 8px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-xs > span,
a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > span,
button.btn.btn-slide.btn-xs > span {
    left: 28px;
    top: 0;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-xs:hover,
a.btn:not([href]):not([tabindex]).btn-slide.btn-xs:hover,
button.btn.btn-slide.btn-xs:hover {
    width: 110px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-sm,
a.btn:not([href]):not([tabindex]).btn-slide.btn-sm,
button.btn.btn-slide.btn-sm {
    padding: 18px;
    width: 36px;
    line-height: 36px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-sm > i,
a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > i,
button.btn.btn-slide.btn-sm > i {
    left: 13px;
    top: 13px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-sm > span,
a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > span,
button.btn.btn-slide.btn-sm > span {
    left: 36px;
    top: 0;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-sm:hover,
a.btn:not([href]):not([tabindex]).btn-slide.btn-sm:hover,
button.btn.btn-slide.btn-sm:hover {
    width: 110px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-lg,
a.btn:not([href]):not([tabindex]).btn-slide.btn-lg,
button.btn.btn-slide.btn-lg {
    padding: 30px;
    line-height: 52px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-lg > i,
a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > i,
button.btn.btn-slide.btn-lg > i {
    left: 23px;
    top: 23px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-lg > span,
a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > span,
button.btn.btn-slide.btn-lg > span {
    left: 54px;
    top: 3px;
}
.btn:not(.close):not(.mfp-close).btn-slide.btn-lg:hover,
a.btn:not([href]):not([tabindex]).btn-slide.btn-lg:hover,
button.btn.btn-slide.btn-lg:hover {
    width: 200px;
}
.btn:not(.close):not(.mfp-close).btn-reveal,
a.btn:not([href]):not([tabindex]).btn-reveal,
button.btn.btn-reveal {
    padding: 12px 34px;
}
.btn:not(.close):not(.mfp-close).btn-reveal span,
a.btn:not([href]):not([tabindex]).btn-reveal span,
button.btn.btn-reveal span {
    left: 0;
    position: relative;
    -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out;
    transition: opacity 0.2s ease-out, left 0.2s ease-out;
}
.btn:not(.close):not(.mfp-close).btn-reveal i,
a.btn:not([href]):not([tabindex]).btn-reveal i,
button.btn.btn-reveal i {
    line-height: 18px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    width: 18px;
}
.btn:not(.close):not(.mfp-close).btn-reveal:hover span,
a.btn:not([href]):not([tabindex]).btn-reveal:hover span,
button.btn.btn-reveal:hover span {
    left: -10px;
}
.btn:not(.close):not(.mfp-close).btn-reveal:hover i,
a.btn:not([href]):not([tabindex]).btn-reveal:hover i,
button.btn.btn-reveal:hover i {
    opacity: 1 !important;
    right: 18px;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-sm,
.btn:not(.close):not(.mfp-close).btn-reveal.btn-xs,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-sm,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-xs,
button.btn.btn-reveal.btn-sm,
button.btn.btn-reveal.btn-xs {
    line-height: 0;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-lg,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-lg,
button.btn.btn-reveal.btn-lg {
    line-height: 26px;
    padding: 0 52px;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left span,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left span,
button.btn.btn-reveal.btn-reveal-left span {
    right: 0;
    left: auto;
    -webkit-transition: opacity 0.2s ease-out, right 0.2s ease-out;
    transition: opacity 0.2s ease-out, right 0.2s ease-out;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left i,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left i,
button.btn.btn-reveal.btn-reveal-left i {
    left: 28px;
    right: auto;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left:hover span,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover span,
button.btn.btn-reveal.btn-reveal-left:hover span {
    right: -10px;
    left: auto;
}
.btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left:hover i,
a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover i,
button.btn.btn-reveal.btn-reveal-left:hover i {
    left: 18px;
    right: auto;
}
.btn:not(.close):not(.mfp-close).btn-shadow,
a.btn:not([href]):not([tabindex]).btn-shadow,
button.btn.btn-shadow {
    -webkit-box-shadow: 0 4px 16px #efefef;
    box-shadow: 0 4px 16px #efefef;
}
.btn:not(.close):not(.mfp-close).btn-shadow:focus,
.btn:not(.close):not(.mfp-close).btn-shadow:hover,
.btn:not(.close):not(.mfp-close).btn-shadow:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close).btn-shadow:not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]).btn-shadow:focus,
a.btn:not([href]):not([tabindex]).btn-shadow:hover,
a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled):active,
button.btn.btn-shadow:focus,
button.btn.btn-shadow:hover,
button.btn.btn-shadow:not(:disabled):not(.disabled).active,
button.btn.btn-shadow:not(:disabled):not(.disabled):active {
    -webkit-box-shadow: 4px 8px 16px #dedede;
    box-shadow: 4px 8px 16px #dedede;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder,
a.btn:not([href]):not([tabindex]).btn-icon-holder,
button.btn.btn-icon-holder {
    padding-right: 16px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder:before,
button.btn.btn-icon-holder:before {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    content: "";
    height: 100%;
    position: absolute;
    right: 42px;
    top: 0;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before,
button.btn.btn-icon-holder.btn-outline:before {
    border-left: 2px solid #c2c2c2;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline.btn-dark:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline.btn-dark:before,
button.btn.btn-icon-holder.btn-outline.btn-dark:before {
    border-left: 2px solid #111;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light.btn-light-hover:before,
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light.btn-light-hover:hover,
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:hover,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light:before,
button.btn.btn-icon-holder.btn-light.btn-light-hover:before,
button.btn.btn-icon-holder.btn-light.btn-light-hover:hover,
button.btn.btn-icon-holder.btn-light:before {
    border-left: 1px solid #f3f3f3;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder i,
a.btn:not([href]):not([tabindex]).btn-icon-holder i,
button.btn.btn-icon-holder i {
    margin-left: 30px;
    margin-right: -2px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs,
button.btn.btn-icon-holder.btn-xs {
    padding-right: 10px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs:before,
button.btn.btn-icon-holder.btn-xs:before {
    right: 30px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs i,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs i,
button.btn.btn-icon-holder.btn-xs i {
    margin-left: 20px;
    margin-right: 2px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm,
button.btn.btn-icon-holder.btn-sm {
    padding-right: 16px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm:before,
button.btn.btn-icon-holder.btn-sm:before {
    right: 36px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm i,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm i,
button.btn.btn-icon-holder.btn-sm i {
    margin-left: 24px;
    margin-right: 0;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg,
button.btn.btn-icon-holder.btn-lg {
    padding-right: 28px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg:before,
button.btn.btn-icon-holder.btn-lg:before {
    right: 50px;
}
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg i,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg i,
button.btn.btn-icon-holder.btn-lg i {
    margin-left: 34px;
    margin-right: -8px;
}
.btn:not(.close):not(.mfp-close).btn-creative,
a.btn:not([href]):not([tabindex]).btn-creative,
button.btn.btn-creative {
    padding: 24px 40px;
    font-size: 15px;
    font-weight: 600;
}
.btn:not(.close):not(.mfp-close).btn-creative:before,
a.btn:not([href]):not([tabindex]).btn-creative:before,
button.btn.btn-creative:before {
    right: 58px;
}
.btn:not(.close):not(.mfp-close).btn-creative i,
a.btn:not([href]):not([tabindex]).btn-creative i,
button.btn.btn-creative i {
    margin-left: 54px;
    margin-right: -16px;
}
.btn:not(.close):not(.mfp-close).btn-facebook,
a.btn:not([href]):not([tabindex]).btn-facebook,
button.btn.btn-facebook {
    background-color: #3b5998 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-twitter,
a.btn:not([href]):not([tabindex]).btn-twitter,
button.btn.btn-twitter {
    background-color: #00aced !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-linkedin,
a.btn:not([href]):not([tabindex]).btn-linkedin,
button.btn.btn-linkedin {
    background-color: #007bb6 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-dribbble,
a.btn:not([href]):not([tabindex]).btn-dribbble,
button.btn.btn-dribbble {
    background-color: #ea4c89 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-googleplus,
a.btn:not([href]):not([tabindex]).btn-googleplus,
button.btn.btn-googleplus {
    background-color: #dd4b39 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-instagram,
a.btn:not([href]):not([tabindex]).btn-instagram,
button.btn.btn-instagram {
    background-color: #517fa4 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-pinterest,
a.btn:not([href]):not([tabindex]).btn-pinterest,
button.btn.btn-pinterest {
    background-color: #cb2027 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-dropbox,
a.btn:not([href]):not([tabindex]).btn-dropbox,
button.btn.btn-dropbox {
    background-color: #007ee5 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-flickr,
a.btn:not([href]):not([tabindex]).btn-flickr,
button.btn.btn-flickr {
    background-color: #ff0084 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-tumblr,
a.btn:not([href]):not([tabindex]).btn-tumblr,
button.btn.btn-tumblr {
    background-color: #32506d !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-skype,
a.btn:not([href]):not([tabindex]).btn-skype,
button.btn.btn-skype {
    background-color: #00aff0 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-youtube,
a.btn:not([href]):not([tabindex]).btn-youtube,
button.btn.btn-youtube {
    background-color: #b00 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close).btn-github,
a.btn:not([href]):not([tabindex]).btn-github,
button.btn.btn-github {
    background-color: #171515 !important;
    color: #fff !important;
    border-width: 0;
}
.btn:not(.close):not(.mfp-close) + .btn,
a.btn:not([href]):not([tabindex]) + .btn,
button.btn + .btn {
    margin-left: 4px;
}
.btn:not(.close):not(.mfp-close) .badge,
a.btn:not([href]):not([tabindex]) .badge,
button.btn .badge {
    position: absolute;
    right: -4px;
    top: -4px;
}
.btn:not(.close):not(.mfp-close).disabled,
a.btn:not([href]):not([tabindex]).disabled,
button.btn.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}
.disabled .btn {
    opacity: 0.3;
}
.dark:not(.submenu-light) .btn.btn-shadow,
.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow {
    -webkit-box-shadow: 0 4px 16px #292929;
    box-shadow: 0 4px 16px #292929;
}
.dark:not(.submenu-light) .btn.btn-shadow:focus,
.dark:not(.submenu-light) .btn.btn-shadow:hover,
.dark:not(.submenu-light) .btn.btn-shadow:not(:disabled):not(.disabled).active,
.dark:not(.submenu-light) .btn.btn-shadow:not(:disabled):not(.disabled):active,
.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:focus,
.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:hover,
.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled).active,
.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled):active {
    -webkit-box-shadow: 4px 8px 16px #1d1d1d;
    box-shadow: 4px 8px 16px #1d1d1d;
}
#header:not([data-transparent="true"]).dark .heading-creative {
    color: #eee;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
.icon {
    margin-bottom: 16px;
}
.icon-box.square.border:large:hover > .icon i {
    line-height: 84px;
}
.carousel .polo-carousel-item img,
.flickity-slider > div > img {
    width: 100%;
}
.carousel.custom-height .carousel .polo-carousel-item img,
.carousel.custom-height .flickity-slider > div > img,
.carousel[data-auto-width="true"] .carousel .polo-carousel-item img,
.carousel[data-auto-width="true"] .flickity-slider > div > img {
    height: 100%;
    width: auto;
}
.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: 0;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}
.flickity-button {
    background: rgba(255, 255, 255, 0.65);
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: -23px 5px;
    display: block;
    position: absolute;
    top: 55%;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #000;
    text-align: center;
    z-index: 200;
    border: 0;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    opacity: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.flickity-button:before {
    color: #444;
}
.flickity-button:hover {
    background-color: #c2c2c2;
}
.flickity-button:hover:before {
    color: #fff;
}
.flickity-button.next:before,
.flickity-button.previous:before {
    font-size: 25px;
    font-family: inspiro-icons !important;
}
.flickity-button.next {
    right: 0;
}
.flickity-button.next:before {
    margin-left: 4px;
    content: "\e930";
}
.flickity-button.next.disabled {
    opacity: 0;
}
.flickity-button.previous {
    left: 0;
}
.flickity-button.previous:before {
    content: "\e92f";
    margin-right: 2px;
}
.flickity-button.previous.disabled {
    opacity: 0;
}
.carousel:hover .flickity-button.next,
.inspiro-slider:hover .flickity-button.next {
    left: auto;
    right: 10px;
    opacity: 1;
}
.carousel:hover .flickity-button.next.disabled,
.inspiro-slider:hover .flickity-button.next.disabled {
    opacity: 0;
}
.carousel:hover .flickity-button.previous,
.inspiro-slider:hover .flickity-button.previous {
    right: auto;
    left: 10px;
    opacity: 1;
}
.carousel:hover .flickity-button.previous.disabled,
.inspiro-slider:hover .flickity-button.previous.disabled {
    opacity: 0;
}
.carousel.arrows-dark .flickity-button,
.inspiro-slider.arrows-dark .flickity-button {
    color: #9896a6;
}
.carousel.arrows-dark .flickity-button:hover,
.inspiro-slider.arrows-dark .flickity-button:hover {
    background-color: #c2c2c2;
}
.carousel.arrows-dark .flickity-button:hover:before,
.inspiro-slider.arrows-dark .flickity-button:hover:before {
    color: #fff;
}
.carousel .portfolio-item,
.inspiro-slider .portfolio-item {
    padding-bottom: 0;
}
.polo-carousel-item.is-selected {
    z-index: 2;
}
.flickity-button-icon {
    fill: currentColor;
    display: none;
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    z-index: 3;
    height: 10px;
}
.flickity-page-dots .dot {
    display: inline-block;
    position: relative;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px #999;
    box-shadow: inset 0 0 0 1px #999;
    -webkit-transition: background 0.8s;
    transition: background 0.8s;
}
.flickity-page-dots .dot:after {
    outline: 0;
    text-indent: -999em;
    border-radius: 50%;
    overflow: hidden;
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #999;
    -webkit-box-shadow: 0 0 1px #999;
    box-shadow: 0 0 1px #999;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.flickity-page-dots .dot.is-selected:after {
    height: 100%;
}
.carousel.dots-dark .flickity-page-dots .dot,
.inspiro-slider.dots-dark .flickity-page-dots .dot {
    -webkit-box-shadow: inset 0 0 0 1px #999;
    box-shadow: inset 0 0 0 1px #999;
}
.carousel.dots-dark .flickity-page-dots .dot:after,
.inspiro-slider.dots-dark .flickity-page-dots .dot:after {
    background-color: #999;
}
.flickity-rtl .flickity-page-dots {
    direction: rtl;
}
.carousel {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.flickity-viewport {
    overflow: hidden !important;
    position: relative;
    height: 100%;
}
#product-viewshow .carousel.carousel-loaded {
    opacity: 1;
    visibility: visible;
    background: rgb(155, 155, 155, 0.3);
    padding: 10px;
}
#category-download .carousel.carousel-loaded {
    opacity: 1;
    visibility: visible;
    margin-left: -20px;
    margin-right: -25px;
}
#category-download .page-title h2{
    font-size: 2.1em;
}
#product-viewshow {
    margin-top: 70px;
}
#product-viewshow p {
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #000;
    margin: 5px 0;
    font-weight: 500;
}
#product-viewshow .livepicture {
    background: rgb(155, 155, 155, 0.3);
    border-radius: 2px;
    padding: 5px 2px;
}
#category-download .flickity-viewport {
    margin-right: -15px;
}
.testimonial-item span {
    width: 100%;
    display: block;
    margin: 10px 0;
    text-align: center;
    line-height: 17px;
}
.testimonial-item span:last-child {
    margin-top: -5px;
}
.counter {
    margin-bottom: 14px;
}
.counter span {
    font-size: 50px;
    line-height: 40px;
}
.counter.small > span {
    font-size: 32px !important;
}
.counter.medium > span {
    font-size: 50px !important;
}
.countdown-container {
    display: table;
    margin: 0 auto;
}
.countdown {
    color: #484848;
    overflow: hidden;
}
.countdown .countdown-box {
    display: block;
    float: left;
    margin: 24px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: auto;
}
.countdown .number {
    font-size: 72px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.countdown span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    text-align: center;
    color: #9896a6;
}
.countdown span:before {
    background: #9896a6;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    opacity: 0.3;
}
.countdown.circle .countdown-box {
    border: 3px solid #9896a6;
    border-radius: 50%;
    color: #444;
    height: 160px;
    padding: 34px 5px 0 0;
    width: 160px;
    margin: 20px 15px;
}
.countdown.circle .countdown-box .number {
    font-size: 52px;
    font-weight: 800px;
}
.countdown.circle .countdown-box span {
    font-size: 18px;
}
.countdown.circle.medium .countdown-box,
.countdown.medium .countdown-box,
.countdown.rectangle.medium .countdown-box {
    height: 90px;
    margin: 6px;
    padding: 20px 4px 0 0;
    width: 90px;
}
.countdown.circle.medium .number,
.countdown.medium .number,
.countdown.rectangle.medium .number {
    font-size: 30px;
    margin-bottom: 4px;
}
.countdown.circle.medium span,
.countdown.medium span,
.countdown.rectangle.medium span {
    font-size: 12px;
}
.countdown.circle.medium .countdown-box,
.countdown.rectangle.medium .countdown-box {
    border: 2px solid;
}
.countdown.circle.small .countdown-box,
.countdown.rectangle.small .countdown-box,
.countdown.small .countdown-box {
    margin: 5px 2px;
    height: 60px;
    padding: 10px 0 0;
    width: 60px;
}
.countdown.circle.small .number,
.countdown.rectangle.small .number,
.countdown.small .number {
    font-size: 14px;
    margin-bottom: 6px;
}
.countdown.circle.small span,
.countdown.rectangle.small span,
.countdown.small span {
    font-size: 10px;
    padding-top: 0;
}
.countdown.circle.small .countdown-box,
.countdown.rectangle.small .countdown-box {
    border: 2px solid;
}
.countdown.countdown-dark .number,
.countdown.countdown-dark span {
    color: #9896a6 !important;
}
@media (max-width: 992px) {
    .countdown .countdown-box {
        height: 60px !important;
        padding: 2px 0 0 !important;
        width: 60px !important;
        margin: 0 !important;
        border: 0 solid !important;
    }
    .countdown .countdown-box .number {
        font-size: 20px !important;
        margin-bottom: 0;
    }
    .countdown .countdown-container .countdown-box span {
        font-size: 10px !important;
        padding-top: 0;
    }
}
.p-progress-bar-container,
.progress-bar-container {
    width: 100%;
    height: 40px;
    margin: 20px 0;
    overflow: hidden;
    background-color: #eee;
}
.p-progress-bar,
.progress-bar {
    height: 100%;
    padding: 10px;
    background-color: #c2c2c2;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.p-progress-bar .progress-number,
.p-progress-bar .progress-type,
.progress-bar .progress-number,
.progress-bar .progress-type {
    color: #fff;
    float: right;
    margin-top: -2px;
}
.progress-title {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    text-align: left;
}
.progress-title i {
    margin-right: 8px;
}
.p-progress-bar-container.radius,
.p-progress-bar-container.radius .p-progress-bar,
.p-progress-bar-container.radius .progress-bar,
.progress-bar-container.radius,
.progress-bar-container.radius .p-progress-bar,
.progress-bar-container.radius .progress-bar {
    border-radius: 4px;
}
.p-progress-bar-container.title-up .progress-title,
.progress-bar-container.title-up .progress-title {
    color: #333;
    margin-left: -10px;
    margin-top: -32px;
}
.p-progress-bar-container.title-up:not(:first-child),
.progress-bar-container.title-up:not(:first-child) {
    margin-top: 40px;
}
.p-progress-bar-container.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.title-up .p-progress-bar .progress-type,
.p-progress-bar-container.title-up .progress-bar .progress-number,
.p-progress-bar-container.title-up .progress-bar .progress-type,
.progress-bar-container.title-up .p-progress-bar .progress-number,
.progress-bar-container.title-up .p-progress-bar .progress-type,
.progress-bar-container.title-up .progress-bar .progress-number,
.progress-bar-container.title-up .progress-bar .progress-type {
    color: #333;
    margin-top: -32px;
    position: absolute;
    right: 15px;
}
.p-progress-bar-container.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.title-up .progress-bar .progress-number,
.progress-bar-container.title-up .p-progress-bar .progress-number,
.progress-bar-container.title-up .progress-bar .progress-number {
    right: 26px;
}
.p-progress-bar-container.medium,
.progress-bar-container.medium {
    height: 20px;
}
.p-progress-bar-container.medium .p-progress-bar,
.p-progress-bar-container.medium .progress-bar,
.progress-bar-container.medium .p-progress-bar,
.progress-bar-container.medium .progress-bar {
    padding: 0;
}
.p-progress-bar-container.medium .progress-title,
.progress-bar-container.medium .progress-title {
    margin-left: 0;
    margin-top: -20px;
}
.p-progress-bar-container.medium .p-progress-bar .progress-number,
.p-progress-bar-container.medium .p-progress-bar .progress-type,
.p-progress-bar-container.medium .progress-bar .progress-number,
.p-progress-bar-container.medium .progress-bar .progress-type,
.progress-bar-container.medium .p-progress-bar .progress-number,
.progress-bar-container.medium .p-progress-bar .progress-type,
.progress-bar-container.medium .progress-bar .progress-number,
.progress-bar-container.medium .progress-bar .progress-type {
    margin-top: -18px;
}
.p-progress-bar-container.small,
.progress-bar-container.small {
    height: 10px;
}
.p-progress-bar-container.small .p-progress-bar,
.p-progress-bar-container.small .progress-bar,
.progress-bar-container.small .p-progress-bar,
.progress-bar-container.small .progress-bar {
    padding: 0;
}
.p-progress-bar-container.small .progress-title,
.progress-bar-container.small .progress-title {
    margin-left: 0;
    margin-top: -20px;
}
.p-progress-bar-container.small .p-progress-bar .progress-number,
.p-progress-bar-container.small .p-progress-bar .progress-type,
.p-progress-bar-container.small .progress-bar .progress-number,
.p-progress-bar-container.small .progress-bar .progress-type,
.progress-bar-container.small .p-progress-bar .progress-number,
.progress-bar-container.small .p-progress-bar .progress-type,
.progress-bar-container.small .progress-bar .progress-number,
.progress-bar-container.small .progress-bar .progress-type {
    margin-top: -18px;
}
.p-progress-bar-container.transparent,
.progress-bar-container.transparent {
    background: 0 0 !important;
}
.p-progress-bar-container.transparent .p-progress-bar,
.p-progress-bar-container.transparent .progress-bar,
.progress-bar-container.transparent .p-progress-bar,
.progress-bar-container.transparent .progress-bar {
    background-color: rgba(0, 0, 0, 0.35);
}
.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-number,
.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-title,
.p-progress-bar-container.transparent.title-up .p-progress-bar .progress-type,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-number,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-title,
.p-progress-bar-container.transparent.title-up .progress-bar .progress-type,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-number,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-title,
.progress-bar-container.transparent.title-up .p-progress-bar .progress-type,
.progress-bar-container.transparent.title-up .progress-bar .progress-number,
.progress-bar-container.transparent.title-up .progress-bar .progress-title,
.progress-bar-container.transparent.title-up .progress-bar .progress-type {
    color: #fff;
}
.pie-chart {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 50px;
    position: relative;
    text-align: center;
}
.pie-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.pie-chart i,
.pie-chart span {
    display: inline-block;
    font-size: 28px;
    z-index: 2;
    font-weight: 600;
}
.pie-chart i {
    font-size: 38px;
}
.pie-chart.transparent i,
.pie-chart.transparent span,
.pie-chart.transparent span.percent {
    color: #fff;
}
@-webkit-keyframes spinner-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.blockquote {
    border-left: 5px solid #c2c2c2;
    padding: 5px 20px;
    margin: 40px 0;
}
.blockquote.blockquote-p p {
    font-size: 21px;
}
form .btn {
    padding: 12px 14px;
}
input:not([type="checkbox"]):not([type="radio"]),
select {
    line-height: 23px;
    padding: 10px 16px;
    min-height: 48px;
    font-size: 1.05rem;
}
.input-group-append {
    margin-left: -4px;
}
.input-group-append .btn,
.input-group-append button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 40px;
}
.input-group-append .btn i,
.input-group-append button i {
    margin-right: 0;
}
.is-invalid:not(.form-control) {
    font-size: 0.8rem;
    color: #ce041c;
}
.is-invalid,
.is-valid {
    display: block;
    clear: both;
    width: 100%;
}
input[type="color"] {
    width: 100%;
    height: 100%;
    min-height: 3px;
    padding: 0;
    border: 0;
    cursor: pointer;
}
input[type="color"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
select.form-control:not([size]):not([multiple]) {
    height: 40px;
}
.order-select p {
    font-size: 13px;
}
.button-search {
    background-color: #fff;
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 1px 1px 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: -6px !important;
    z-index: 2 !important;
}
.list-group input[type="radio"] {
    display: none;
}
.list-group input[type="radio"] + .list-group-item {
    cursor: pointer;
}
.dark .form-control,
.dark input,
.dark select {
    background-color: #222;
    border-color: #333;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}
img.mfp-img {
    max-height: 70vh !important;
    object-fit: contain;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@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;
    }
}
@media (max-width: 992px) {
    .mfp-close {
        font-size: 22px;
        height: 30px;
        line-height: 32px;
        width: 30px;
    }
}
.list {
    clear: both;
    display: block;
    position: relative;
}
.list li {
    line-height: 32px;
}
.list li a {
    color: #484848;
}
.icon-list,
.list ul,
.list-lines,
.list-posts,
.list-simple {
    padding: 0;
}
.icon-list,
.list,
.list-icon,
.list-lines,
.list-posts,
.list-simple,
.list-tweets li {
    list-style: none;
}
.icon-list a,
.list a,
.list-icon a,
.list-lines a,
.list-posts a,
.list-simple a,
.list-tweets li a {
    color: #484848;
}
.icon-list li,
.list-arrow-icons li,
.list-tweets li {
    padding-left: 0;
}
.list-medium li {
    margin: 12px 0;
}
.list-large li:first-child,
.list-medium li:first-child {
    margin-top: 0;
}
.list-large li:last-child,
.list-medium li:last-child {
    margin-bottom: 0;
}
.list-icon {
    list-style: none;
    padding-left: 0;
}
.list-icon ul {
    list-style: none;
    padding: 0;
}
.list-icon li {
    margin-bottom: 10px;
    margin-left: 20px;
}
.list-icon i {
    font-size: 15px;
    margin-right: 14px;
    margin-left: -20px;
}
.list-icon li:before {
    margin-left: -20px;
    position: absolute;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}
a.list-group-item.active {
    background-color: #c2c2c2;
    border: #c2c2c2;
}
a.list-group-item.active h1,
a.list-group-item.active h2,
a.list-group-item.active h3,
a.list-group-item.active h4,
a.list-group-item.active h5,
a.list-group-item.active h6,
a.list-group-item.active p {
    color: #fff;
}
a.list-group-item.active.active,
a.list-group-item.active:hover {
    color: #fff !important;
}
.map {
    width: 100%;
    min-height: 460px;
    height: auto;
}
.fullscreen .map,
.fullscreen.map {
    min-height: 100vh;
}
@media (max-width: 992px) {
    .map {
        min-height: 240px;
    }
    .fullscreen .map,
    .fullscreen.map {
        min-height: 100vh;
    }
}
.animated-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c2c2c2;
    position: relative;
    top: -10px;
    right: 8px;
}
.animated-dot:after,
.animated-dot:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #c2c2c2;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: 3s linear infinite pulse-me;
    animation: 3s linear infinite pulse-me;
}
.animated-dot:after {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
@-webkit-keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    70% {
        opacity: 0.09;
    }
    100% {
        -webkit-transform: scale(16);
        transform: scale(16);
        opacity: 0;
    }
}
@keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    70% {
        opacity: 0.09;
    }
    100% {
        -webkit-transform: scale(16);
        transform: scale(16);
        opacity: 0;
    }
}
.pagination {
    clear: both;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px 0;
}
.pagination .page-item:not(.disabled) > .page-link {
    color: #484848;
    background-color: #fff;
    border-color: #ececec;
}
.pagination .page-item:not(.disabled).active > .page-link,
.pagination .page-item:not(.disabled):active > .page-link,
.pagination .page-item:not(.disabled):focus > .page-link,
.pagination .page-item:not(.disabled):hover > .page-link {
    background-color: rgb(155, 155, 155, 0.3);
    border-color: rgb(155, 155, 155, 0.2);
    color: #484848;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pagination .page-item.disabled > .page-link {
    color: #a2a2a2;
}
@media (max-width: 991px) {
    [class*="col-"] > .call-to-action {
        padding: 26px 26px 18px;
    }
}
.popover {
    border: 1px solid #ececec;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
}
.popover-header {
    padding: 18px 20px;
    background-color: transparent;
    border-bottom: 1px solid #ececec;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0 !important;
}
.popover-body {
    padding: 18px 20px;
    color: #484848;
    font-size: 0.9rem;
}
a[data-toggle] {
    color: #484848;
}
.tooltip.left .tooltip-arrow {
    right: 1px;
}
.tooltip-inner {
    white-space: pre-wrap;
}
.modal .modal-content .modal-header {
    display: block;
}
.modal .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}
.modal-header .close {
    position: absolute;
    right: 20px;
    top: 14px;
    font-weight: 100;
}
.modal-title {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}
.modal p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 300;
}
.modal-strip {
    background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px;
    position: fixed;
    width: 100%;
    display: inline-block;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    z-index: 999 !important;
}
.modal-strip .btn,
.modal-strip h1,
.modal-strip h2,
.modal-strip h3,
.modal-strip h4,
.modal-strip h5 {
    margin-bottom: 0 !important;
}
.modal-strip a,
.modal-strip a:active,
.modal-strip a:hover,
.modal-strip a:visited {
    color: #fff;
    text-decoration: underline;
}
.modal-strip.modal-top {
    bottom: auto;
    top: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
}
.modal-strip.modal-left {
    bottom: auto;
    top: auto;
    left: 0;
    right: auto;
    width: 30%;
    -webkit-transform: none;
    transform: none;
}
.modal-strip.modal-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    bottom: auto;
    top: 0;
}
.modal-strip.modal-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mfp-zoom-out .mfp-content {
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-content {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-ready .modal {
    background: #fff;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    max-width: 580px;
    padding: 40px;
    position: relative;
    z-index: 1050;
}
.modal .audio-wrap audio,
.modal .iframe-wrap iframe,
.modal .video-wrap video {
    width: 100%;
}
.modal iframe {
    margin-bottom: -10px;
}
.grid li {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.9;
    float: left;
    position: relative;
    width: 20%;
    padding: 40px;
}
.grid li:hover {
    opacity: 1;
    cursor: pointer;
    background-color: #f8f8f8;
}
.grid {
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.grid li a,
.grid li img {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.grid li:after,
.grid li:before {
    content: "";
    position: absolute;
}
.grid li:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px solid #eee;
}
.grid li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #eee;
}
body.breakpoint-md .grid li,
body.breakpoint-sm .grid li {
    width: 33.33%;
}
body.breakpoint-xs .grid li {
    width: 50%;
}
.timeline {
    list-style-type: none;
    position: relative;
}
.timeline:before {
    content: "";
    position: absolute;
    left: 16px;
    height: 100%;
    z-index: 2;
    top: 0;
    bottom: 0;
    border-left: 3px dashed #e3e6f0;
}
.youtube-background {
    background-color: #181818;
}
.background-video {
    background-color: #181818;
    background-position: top center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}
.html5vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.html5vid:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #181818;
}
.html5vid.video-loaded {
    opacity: 1;
}
[data-animate] {
    opacity: 0;
}
.icon[data-animate],
[data-animate].visible {
    opacity: 1;
}
#page-title[data-bg-parallax],
[data-bg-parallax] {
    background-color: #181818;
}
.parallax-container {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -100;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.parallax-container.parallax-responsive {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important;
}
.img-loaded {
    opacity: 1;
}
[data-bg-image] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
[data-bg-image]::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #181818;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
[data-bg-image].bg-loaded::before {
    opacity: 0;
}
body[data-bg-image] {
    background-attachment: fixed;
    background-position: top center;
}
.shape-divider {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 0;
    bottom: 0;
    top: auto;
    left: 0;
}
.shape-divider[data-position="bottom"] {
    bottom: 0;
    top: auto;
}
.shape-divider[data-position="top"] {
    bottom: auto;
    top: 0;
}
.shape-divider[data-flip-horizontal="true"] {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.shape-divider[data-flip-vertical="true"] {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.shape-divider[data-flip-horizontal="true"][data-flip-vertical="true"] {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg);
}
.tparrows {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: block;
    z-index: 9999;
}
.tparrows:hover {
    background: #000;
}
.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.uranus.tparrows {
    width: 60px;
    height: 60px;
    background: 0 0;
    border: 1px solid #fff;
    margin-bottom: 20px;
    margin-right: 20px;
}
.tp-leftarrow.tparrows.uranus {
    left: 99.4% !important;
}
.uranus.tparrows:before {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.tp-parallax-wrap {
    transform-style: preserve-3d;
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
    width: 100%;
}
.tp-loop-wrap,
.tp-mask-wrap {
    position: relative !important;
}
.scroll-downs {
    display: block;
    z-index: 2000;
    position: absolute;
    left: 49.8%;
    bottom: 28px;
    width: 34px;
    height: 64px;
    visibility: hidden;
    transform: translate(-50%, 0);
}
.mousey {
    width: 3px;
    padding: 12px 16px;
    height: 36px;
    border: 2px solid #f0f0f0;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}
.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #f0f0f0;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 10;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}
.hotnews-inner {
    position: relative;
}
.hotnews-inner img {
    width: 100%;
}
#hotnews .video-icon {
    position: absolute;
    top: 42%;
    right: -2%;
    z-index: 3;
}
#hotnews .video-icon i {
    color: #000;
    background: #f4f4f4;
    border-radius: 50%;
    padding: 20px;
    width: 50px;
    height: 50px;
    line-height: 12px;
    text-align: center;
    -webkit-animation: 3s linear infinite animate;
    animation: 3s linear infinite animate;
}
@keyframes animate {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 244, 244, 0.7), 0 0 0 0 rgba(244, 244, 244, 0.7);
        box-shadow: 0 0 0 0 rgba(244, 244, 244, 0.7), 0 0 0 0 rgba(244, 244, 244, 0.7);
    }
    40% {
        -webkit-box-shadow: 0 0 0 30px rgba(244, 244, 244, 0), 0 0 0 0 rgba(244, 244, 244, 0.7);
        box-shadow: 0 0 0 30px rgba(244, 244, 244, 0), 0 0 0 0 rgba(244, 244, 244, 0.7);
    }
    80% {
        -webkit-box-shadow: 0 0 0 30px rgba(244, 244, 244, 0), 0 0 0 30px rgba(244, 244, 244, 0);
        box-shadow: 0 0 0 30px rgba(244, 244, 244, 0), 0 0 0 30px rgba(244, 244, 244, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 244, 244, 0), 0 0 0 30px rgba(244, 244, 244, 0);
        box-shadow: 0 0 0 0 rgba(244, 244, 244, 0), 0 0 0 30px rgba(244, 244, 244, 0);
    }
}
.hotnews-items {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
}
.hotnews-items .hotnews-post-item {
    justify-content: center;
    margin: 0 10px 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
.hotnews-items .hotnews-post-item img {
    width: 100%;
}
@media (min-width: 992px) {
    #hotnews .col-lg-1 {
        -ms-flex: 0 0 3.333333%;
        flex: 0 0 3.333333%;
        max-width: 3.333333%;
    }
    #hotnews .col-lg-7 {
        -ms-flex: 0 0 63.333333%;
        flex: 0 0 63.333333%;
        max-width: 63.333333%;
    }
    .hotnews-items {
        margin-left: -25px;
        margin-right: -25px;
    }
    .product-item {
        margin-left: -15px;
        margin-right: -15px;
    }
    #contant-us .page-title-left {
        width: 100%;
        text-align: left;
        margin-left: 80px;
        margin-top: 0;
    }
    #hotnews .col-lg-4 {
        margin-left: -5px;
        margin-right: -5px;
    }
}

#product-item {
    background: #e9e9e9;
}
#product-item .item-style:before {
    content: "";
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 0.4;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    content: "";
    height: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#product-item .item-style:hover:before {
    opacity: 0.8;
    z-index: 1;
}
.product-item {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
}
.product-item .item-style {
    justify-content: center;
    margin: 0 10px 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
.product-item .item-style img {
    width: 100%;
}
.product-item .item-style .item-style-name {
    z-index: 2;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
}
.product-item .item-style .item-style-name p {
    color: #fff;
    margin-bottom: -12px;
    font-size: 2.1em;
}
.product-item .item-style .item-style-name p:last-child {
    font-family: Porcelanosa, serif;
}

#brand-area-category {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(4, calc(100% / 4));
    margin-left: -15px;
    margin-right: -5px;
}
#brand-area-category .brand-item .brand-link {
    justify-content: center;
    margin: 0 15px 30px;
    padding: 45px 10px;
    border: 1px solid #ececec;
    cursor: pointer;
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#brand-area-category .brand-item .brand-link p{
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
    color: #000000;
}

@media screen and (min-width: 990px) {
    [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, transform;
    }
    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }
    [data-aos="fade-up"] {
        transform: translate3d(0, 10px, 0);
    }
    [data-aos="fade-down"] {
        transform: translate3d(0, -10px, 0);
    }
    [data-aos="fade-down2"] {
        transform: translate3d(0, -30px, 0);
    }
    [data-aos="fade-right"] {
        transform: translate3d(-10px, 0, 0);
    }
    [data-aos="fade-left"] {
        transform: translate3d(10px, 0, 0);
    }
    [data-aos][data-aos][data-aos-duration="800"] {
        transition-duration: 0.8s;
    }
    [data-aos][data-aos][data-aos-duration="900"] {
        transition-duration: 0.9s;
    }
    [data-aos][data-aos][data-aos-duration="1100"] {
        transition-duration: 1.1s;
    }
    [data-aos][data-aos][data-aos-duration="1500"] {
        transition-duration: 1.5s;
    }
    [data-aos][data-aos][data-aos-duration="2000"] {
        transition-duration: 2s;
    }
    [data-aos][data-aos][data-aos-duration="3000"] {
        transition-duration: 3s;
    }
}

#contant-us {
    background: url(../img/index/contantus.jpg) center right no-repeat #333;
}
#contant-us .page-title-left h2,
#contant-us .page-title-left span {
    color: #fff;
}
#contant-us .page-title-left h2:before {
    background-color: #fff;
}
.contant-btn {
    display: flex;
    color: #000;
    margin-left: 80px;
    margin-top: 40px;
    padding: 18px 30px;
    background: #fff;
    width: 100%;
    letter-spacing: 0.8px;
    font-weight: 400;
    justify-content: space-between;
}
a:hover .contant-btn,
a:hover .contant-link {
    color: #fff;
    background: #999;
}
.contant-link {
    font-size: 3em;
    color: #000;
    display: inline-block;
    text-align: right;
    right: 0;
}
#contant-us .contant-area {
    padding: 100px 0;
}
#contant-us .contant-us {
    font-size: 1.3em;
}
@media (min-width: 1336px) {
    #contant-us {
        background-size: 50%;
    }
}
@media (max-width: 1335px) {
    #contant-us {
        background-size: 62%;
    }
}
@media (max-width: 1280px) {
    #contant-us {
        background-size: 68%;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {
    #contant-us {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.9);
    outline: 0 !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.lity.lity-opened {
    opacity: 1;
}
.lity.lity-closed {
    opacity: 0;
}
.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0 !important;
}
.lity-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.lity-loading .lity-loader {
    opacity: 1;
}
.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: 0 !important;
}
.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}
.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.lity-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
    z-index: 9994;
    width: 65px;
    height: 65px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 65px;
    font-family: Arial, Baskerville, monospace;
    line-height: 65px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 65px;
    font-family: Arial, Baskerville, monospace;
    line-height: 65px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lity-close:active {
    top: 1px;
}
.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px;
}
.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
.lity-hide {
    display: none;
}

#brand-area {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(3, calc(100% / 3));
}
#brand-area .brand-item a {
    justify-content: center;
    margin: 0 15px 30px;
    padding: 60px;
    height: 240px;
    border: 1px solid #ececec;
    cursor: pointer;
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#brand-area .brand-item img {
    height: 32px;
}
.sidebar {
    padding-right: 10px;
    padding-left: 10px;
}
.side-content {
    padding-left: 35px;
    padding-right: 0;
    margin-bottom: 26px;
}
.category-one {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 33px;
}

.category-one p {
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.customize-select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 1.02em;
    font-weight: 400;
    letter-spacing: 0.45px;
    color: #000;
    height: 40px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(221, 221, 221);
    color: #000;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #000 transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
    border: 1px solid rgb(221, 221, 221);
    margin-top: -1px;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    background: #fff;
    background: #fff;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.select-options li:hover {
    color: #fff;
    background: #000;
}
.select-options li[rel="hide"] {
    display: none;
}

#contact-content .customize-select {
    height: 48px;
}

#contact-content .select-styled {
    padding: 0 15px 1px 15px;
    line-height: 46px;
}

#contact-content .select-styled {
    border-color: #000;
    color: #6d757d;
}

#contact-content .select-options {
    color: #000;
    border: 1px solid #000;
}

#contact-content .select-styled:after {
    border-color: #6d757d transparent transparent transparent;
    top: 20px;
}

#contact-content .select-styled:active:after,
#contact-content .select-styled.active:after {
    top: 12px;
    border-color: transparent transparent #6d757d transparent;
}

.breadcrumb {
    text-align: center;
    padding: 0;
    background-color: transparent;
    font-size: 1.02em;
    font-weight: 500;
    letter-spacing: 0.45px;
    margin-bottom: 15px;
    display: block;
    color: #9b9b9b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
.breadcrumb ul li + li:before {
    content: "\e930";
    font-family: inspiro-icons;
    margin: 0 1px;
    background-color: transparent;
}
.breadcrumb ul {
    display: inline;
    margin: 0;
    padding: 0;
}
.breadcrumb ul li {
    display: inline;
    position: relative;
    opacity: 0.8;
}
.breadcrumb ul li a {
    color: #000;
    font-weight: 600;
}
.brand-show img {
    height: 33px;
}
#product-category {
    display: grid;
    grid-row-gap: 0;
    grid-template-columns: repeat(4, calc(100% / 4));
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 20px;
}
#product-category .productshow-item {
    justify-content: flex-start;
    margin: 30px 30px 50px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
#product-category .productshow-item img {
    width: 100%;
}
.productshow-item .texto {
    margin-top: 15px;
    border-top: 1px solid #e7e5e5;
    padding-top: 10px;
}
.productshow-item .texto p.titulo {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 0.45px;
    color: #000;
    margin: 0;
}
.productshow-item .texto p.subtitulo {
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: 400;
    letter-spacing: 0.45px;
    color: #9b9b9b;
    margin-bottom: 1rem;
}
.productshow-item .texto p.product-detail {
    font-size: 0.9em;
    line-height: 1.45em;
    font-weight: 400;
    letter-spacing: 0.45px;
    color: #000;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-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-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none;
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 36px !important;
    height: 36px !important;
    cursor: pointer;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 22px;
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #a3a3a3;
    font-size: 37px;
    font-weight: 300;
    top: 5px;
    right: 5px;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-top: 5px;

    margin-top: -50px;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 15px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    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%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
img.mfp-img {
    width: initial;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    max-height: 580px !important;
    max-width: 100%;
    content: "";
    position: absolute;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
@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: 40px 20px 20px 20px;
    }
}
.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;
}
#category-download {
    background: #e9e9e9;
}
.something-shadow {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.33);
}
#category-download .flickity-button {
    margin: -20px 20px;
    display: block;
    position: absolute;
    top: 45%;
}
#category-download .flickity-button.previous {
    left: 3px;
}
.product-inn img {
    width: 100%;
}
.product-name {
    margin: 27px 0;
    font-size: 2.1em;
    line-height: 1.15em;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: #000;
    font-family: Poppins, sans-serif;
}
.product-detail img {
    width: 100%;
}
#product-container {
    margin-bottom: 100px;
}
.slick-loading .slick-list {
    background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

.slick-slider {
    position: relative;

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

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

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

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

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

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

    height: auto;

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

.slick-slide {
    margin: 0px 20px;
}

.livepicture .slick-slide {
    margin: 0px 5px;
}
.slick-slide img {
    width: 100%;
}

.testimonial-item a {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.5s;
}

.testimonial-item a:hover,
.testimonial-item a img:hover {
    opacity: 0.6;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;
}
.testimonial-item a img:hover {
    opacity: 0.6;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;
}

.slick-prev:before,
.slick-next:before {
    color: #000000;
}

.slick-slide {
    transition: all ease-in-out 0.3s;
    opacity: 1;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

/* Arrows */
.slick-prev,
.slick-next {
    line-height: 0;
    position: absolute;
    top: 43%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 9;
    border-radius: 50%;
}
.livepicture .slick-prev,
.livepicture .slick-next {
    line-height: 0;
    position: absolute;
    top: 43%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 9;
    border-radius: 50%;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: inspiro-icons !important;
    font-size: 33px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.livepicture .slick-prev:before,
.livepicture .slick-next:before {
    font-family: inspiro-icons !important;
    font-size: 22px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.slick-prev {
    left: 15px;
}
[dir="rtl"] .slick-prev {
    right: 15px;
    left: auto;
}
.slick-prev:before {
    content: "\e92f";
}
[dir="rtl"] .slick-prev:before {
    content: "\e930";
}

.slick-next {
    right: 10px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: 10px;
}
.slick-next:before {
    content: "\e930";
}
[dir="rtl"] .slick-next:before {
    content: "\e92f";
}

/* Dots */
.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    line-height: 35px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: "slick";
    font-size: 26px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000000;
}

#page-content .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

.post-item-description h2 {
    font-family: "Poppins", "LiHei Pro Medium", sans-serif;
    font-size: 2.45em;
    line-height: 1.1em;
    font-weight: 500;
}

#contact-content .btn {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-info {
    width: 100%;
    text-align: center;
}

.company-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #fff;
    font-size: 2em;
    background: #515151;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.company-info p {
    font-size: 1.15em;
    line-height: 1.65em;
    font-weight: 400;
    letter-spacing: 0.45px;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
}

#company-content,
#about-content,
#win-content,
#int-content, {
    padding: 50px 0;
}

#group-content {
    padding: 40px 0 110px 0;
}

#company-map {
    padding: 0;
}

.about-pic img {
    width: 100%;
}

.about-our img {
    width: 100%;
}

.about-title img {
    width: 100%;
    max-width: 450px;
}

p.about-title {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
    letter-spacing: 0;
    color: #000;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Poppins, "LiHei Pro Medium", sans-serif;
}

p.about-font {
    font-size: 1.25rem;
    margin: 40px 0;
    width: 100%;
    max-width: 500px;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}

p.about-font-m {
    font-size: 1.25rem;
    margin: 30px 0 0 0;
    width: 100%;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}

span.about-font-s {
    font-size: 1.1rem;
    width: 100%;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #9e9e9e;
}

.about-por-b {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
    color: #000;
}

.about-por-b span {
    font-weight: 700;
}

.only-porcelanosa {
    width: 100%;
    display: flex;
    margin-top: 120px;
}

p.about-por-s {
    font-size: 1.25rem;
    margin: 24px 0 0 0;
    width: 100%;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}

.parallax-container.scrolly-invisible.img-loaded {
    background-position: center center !important;
}

#por-trading .page-title > h3 {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.8px;
    text-shadow: 0px 0em 0.15em #777;
}

#por-trading {
    padding: 160px 0;
}

#por-trading .parallax-container.img-loaded {
    opacity: 0.4 !important;
}

.group-pic img {
    width: 100%;
    border-radius: 2px;
}

.group-pic {
    width: 32%;
    display: block;
    position: relative;
    float: left;
}

.group-story {
    float: left;
    width: 68%;
    padding-left: 20px;
}

p.group-year {
    font-family: Porcelanosa, serif;
    font-size: 7rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1.3px;
    color: rgba(255, 255, 255, 0.75);
    position: absolute;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.group-brand img {
    max-height: 25px;
}

.margin-bottom-use {
    margin-bottom: 40px;
}

p.group-text {
    line-height: 1.7rem;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7;
    margin: 25px 0 0 0;
    width: 100%;
    color: #000;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media (max-width: 1399px) {
    #brand-area .brand-item img {
        height: 26px;
    }
    #page-content .col-lg-2 {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }
    #page-content .col-lg-10 {
        -ms-flex: 0 0 79.333333%;
        flex: 0 0 79.333333%;
        max-width: 79.333333%;
    }
    #product-category {
        grid-template-columns: repeat(3, calc(100% / 3));
    }
    #brand-area-category {
        grid-template-columns: repeat(3, calc(100% / 3));
    }
}
@media (max-width: 1263px) {
    .tp-leftarrow.tparrows.uranus {
        left: 99.3% !important;
    }
}
@media (max-width: 1089px) {
    .tp-leftarrow.tparrows.uranus {
        left: 99.2% !important;
    }
}
@media (max-width: 1028px) {
    #product-category {
        margin-right: -22px;
    }
    #brand-area-category {
        margin-left: -8px;
        margin-right: 0px;
    }
}
@media (max-width: 1199px) {
    #brand-area {
        grid-template-columns: repeat(2, calc(100% / 2));
    }
    #brand-area .brand-item img {
        height: 35px;
    }
    #contact-content .form-group.col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #int-content .col-md-4,
    #int-content .col-md-8 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 991px) {
    .biguse-rwd-991 {
        display: none;
    }
    .suse-rwd-991 {
        display: block;
    }
    .hotnews-items .hotnews-post-item {
        margin: 20px 10px 40px;
    }
    #header[data-transparent="true"] + #slider {
        top: 0;
        margin-bottom: 0;
        z-index: 9;
        position: relative;
        overflow: visible;
    }
    #hotnews .video-icon {
        right: 40%;
        top: 50%;
    }
    #hotnews .video-icon i {
        width: 70px;
        height: 70px;
        font-size: 30px;
        line-height: 32px;
        color: rgba(0, 0, 0, 0.65);
    }
    #contant-us {
        background: #333;
    }
    .contant-btn {
        margin-top: 10px;
        margin-left: 0;
    }
    .product-item {
        display: grid;
        grid-row-gap: 0;
        grid-template-columns: repeat(2, calc(100% / 2));
        margin-left: -10px;
        margin-right: -10px;
    }
    #contant-us .contant-area {
        margin-left: 5px;
        margin-right: 5px;
    }
    #featured-big .big-post-item {
        margin-left: 15px;
        margin-right: 15px;
    }
    #blog {
        grid-template-columns: repeat(2, calc(100% / 2));
        margin-left: -10px;
        margin-right: -10px;
    }
    .element-noticia .big-post-item,
    .element-noticia .featured-big-bg .bgb,
    .element-noticia .featured-s-bg,
    .element-noticia .featured-s-bg .bgs {
        height: 400px;
    }
    #featured {
        grid-template-columns: repeat(1, calc(100% / 1));
    }
    .see-more {
        padding-right: 0;
    }
    #header {
        position: fixed;
    }
    .hotnews-items {
        margin-left: -10px;
        margin-right: -10px;
    }
    #brand-area .brand-item img {
        height: 26px;
    }
    #brand-area {
        margin-left: -15px;
        margin-right: -15px;
    }
    #page-content .col-lg-10,
    #page-content .col-lg-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .side-content {
        padding-left: 15px;
        padding-right: 3px;
    }
    .category-one {
        margin-bottom: 30px;
    }
    .sidebar {
        padding-right: 15px;
        padding-left: 15px;
    }
    .breadcrumb {
        background: #eee;
        padding: 10px;
        margin-right: 10px;
        margin-bottom: 25px;
    }
    #int-content .col-md-4,
    #int-content .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #win-content,
    #int-content .order-first {
        padding: 0 0 110px 0;
    }
}
@media (max-width: 990px) {
    .product-item {
        grid-template-columns: repeat(2, calc(100% / 2));
    }
    #featured {
        margin-left: -10px;
        margin-right: -10px;
    }
}
@media (max-width: 860px) {
    #blog .blog-post-item .post-item-description > h2,
    #blog .blog-post-item .post-item-description > h2 > a {
        font-size: 18px;
        line-height: 22px;
    }
    #blog .blog-post-item span.post-meta-date {
        font-size: 17px;
        line-height: 26px;
        margin-top: 5px;
    }
    .see-more {
        padding-right: 0;
        font-size: 15px;
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }
    #featured-big .big-post-item .post-item-description > h2 {
        font-size: 22px;
        line-height: 21px;
        margin-top: 6px;
        margin-bottom: 15px;
    }
    .post-item-description {
        padding-left: 5px;
        padding-right: 5px;
    }
    .tparrows:before {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.3);
    }
    .uranus.tparrows {
        width: 45px;
        height: 45px;
        border: 1px solid rgba(0, 0, 0, 0.3);
    }
    .uranus.tparrows:before {
        width: 45px;
        height: 645px;
        line-height: 45px;
        font-size: 30px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }
}
@media (max-width: 768px) {
    #brand-area {
        grid-template-columns: repeat(1, calc(100% / 1));
    }
    #brand-area .brand-item img {
        height: 30px;
    }
    .breadcrumb {
        margin-right: 10px;
    }
    #product-category {
        margin-right: -10px;
        margin-left: -20px;
    }
    #product-category .productshow-item {
        margin: 30px 20px 50px;
    }
    #brand-area-category .brand-item a {
        margin: 0 10px 15px;
        padding: 30px 10px;
    }
}
@media (max-width: 767px) {
    #product-category {
        grid-template-columns: repeat(2, calc(100% / 2));
    }
    #brand-area-category {
        grid-template-columns: repeat(2, calc(100% / 2));
    }
    .company-info {
        margin: 20px 0;
    }
    .company-icon {
        margin-bottom: 10px;
    }
    #footer .copyright-content p,
    .widget p {
        line-height: 21px;
        font-size: 1rem;
    }
    #about-content {
        padding: 110px 0 40px 0;
    }
    #int-content .order-first {
        padding: 20px 0;
    }
    #por-trading .page-title > p {
        text-align: left;
    }
}