@charset "utf-8";
/* CSS Document */
*:focus {
    outline: none;
}


@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@font-face {
    font-family: "gc";
    src: url(fonts/gothic.ttf);
}

::selection {
    background: #111;
    color: #fff;
}

::-moz-selection {
    background: #111;
    color: #fff;
}

@import url("steadysets/steadysets.css");
@import url("linecons/linecons.css");
@import url("et-line/et-line.css");
@import url(require.css);

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 300;
    background: #fff;
    color: #111;
    overflow-x: hidden;
    margin: 0;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

section {
    position: relative;
}

.img-responsive {
    display: inline-block;
}

/* ==== 2) Typography ==== */

.light {
    color: #fff;
}

.smoke, h5 small {
    color: #aaa;
}

.smoke2, h5 small {
    color: #bbb;
}

p {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
    margin: 0 0 15px 0;
}

p:last-child {
    margin: 0;
}

.p-icons {
    font-size: 14px;
    line-height: 1.86;
}

.p-works {
    color: #5f5f5f;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

@media (max-width: 991px) and (min-width: 768px) {
    .p-works {
        font-size: 14px;
    }
}

a {
    color: #111;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

a:hover {
    color: #999;
    text-decoration: none;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

a:focus, a:active {
    color: #999;
    outline: none;
    text-decoration: none;
}

h1, h2, h3, h4 {
    font-family: 'gc', sans-serif;
    font-weight: 400;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

h1 {
    font-size: 48px;
    letter-spacing: 0.1em;
}


@media (max-width: 767px) {
    #intro h1 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
    }
}

#intro h2 {
    font-size: 38px;
}

.h2, h2 {
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: bold;
}

h3 {
    font-size: 14px;
    letter-spacing: 0.4em;
    line-height: 2.2;
}

#team h3 {
    color: #777;
    font-size: 15px;
    letter-spacing: 0.4em;
    line-height: 1.6;
    margin-top: 10px;
}

h4 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#team h4 {
    color: #aaa;
    font-size: 12px;
    letter-spacing: 0.4em;
    line-height: 0;
}

h5 {
    font-family: 'Dosis', serif;
    font-size: 16px;
    letter-spacing: 0.3em;
    line-height: 1.48;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#intro h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3em;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    #intro h5 {
        font-size: 12px;
        margin-bottom: 30px;
    }
}

#works h5 {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2em;
    line-height: 1.75;
}

#testimonial-top h5 {
    color: #777;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2em;
    line-height: 1.75;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    h1 {
        font-size: 42px;
        letter-spacing: 0;
    }

    h2 {
        font-size: 32px;
    }
}

@media (max-width: 568px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 26px;
    }
}

/* ==== 3) Backgrounds and buttons ==== */

.white-bg {
    background: #fff;
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn:active:focus {
    background: rgba(255, 255, 255, 0.8);
    font-family: 'Open Sans', sans-serif;
    color: #111;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.45;
    padding: 10px 37px 9px;
    margin: 14px 0 0 0;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#contact .btn, #contact .btn:hover, #contact .btn:focus, #contact .btn:active, #contact .btn:active:focus {
    background: #111;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1.6;
    padding: 12px 37px;
    margin: 30px 0 0 0;
    border-radius: 2px;
    border: #111;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn:hover {
    background: rgba(255, 255, 255, 1);
}

#contact .btn:hover {
    background: #181818;
    border-color: #181818;
    color: #dcdcdc;
}

.btn.btn-ghost, .btn.btn-ghost:hover, .btn.btn-ghost:focus, .btn.btn-ghost:active, .btn.btn-ghost:active:focus {
    background: transparent;
    color: #151515;
    border: 2px solid #151515;
    margin-bottom: 1px;
}

.btn-dark {
    background-color: #000;
    color: #fff;
}

.btn.btn-ghost:hover {
    background: #000;
    border-color: transparent;
    color: #fff;
}

/* ==== 4) Dividers ==== */

.divide-xs {
    padding-top: 7px;
    padding-bottom: 8px;
}

.divide-xs-2 {
    padding-top: 30px;
    padding-bottom: 35px;
}

.divide-sm {
    padding-top: 30px;
    padding-bottom: 30px;
}

.divide-md {
    padding-top: 45px;
    padding-bottom: 45px;
}

.divide-md-2 {
    padding-top: 70px;
    padding-bottom: 65px;
}

.divide-md-3 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.divide-lg {
    padding-top: 80px;
    padding-bottom: 80px;
}

.divide-xl {
    padding-top: 115px;
    padding-bottom: 115px;
}

@media (max-width: 991px) {
    .divide-xl {
        padding-top: 90px;
        padding-bottom: 85px;
    }
}

@media (max-width: 768px) {
    .divide-md, .divide-md-2, .divide-md-3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

hr.margin-top {
    margin-bottom: 0;
    margin-top: 5px;
}

hr.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

hr.no-margin-top {
    margin-top: 0;
}

hr.no-margin-bottom {
    margin-bottom: 0;
}

hr.title-divider {
    border-width: 2px 0 0 0;
    max-width: 180px;
}

/* ==== 5) Intro & Sections Headers ==== */

#intro {
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.parallax {
    background-attachment: fixed;
}

@media screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

.float-content {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}


.section-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

#intro .section-overlay {
    background: rgba(0, 0, 0, 0.4);
}

/* ==== 6) Services & Process ==== */

.delight-icon-services {
    display: inline-block;
    position: relative;
    width: 56px;
    height: 56px;
    fill: #111;
}

.services-icons {
    color: #111;
    font-size: 48px;
}

.process-icons {
    color: #111;
    font-size: 26px;
}

.delight-icon-process {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    fill: #111;
}

.delight-icon-services:after, .delight-icon-process:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service i {
    color: #bbbdc0;
    font-size: 48px;
}

@media (max-width: 767px) {
    .service i {
        font-size: 36px;
    }
}

.media {
    margin: 0;
}

.media-left {
    padding-right: 20px;
}

/* ==== 7) Works ==== */

.squared {
    padding-top: 100%;
    overflow: hidden;
    position: relative;
}

.squared, .squared-content {
    padding-left: 0;
    padding-right: 0;
}

.squared-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991px) and (min-width: 768px) {
    .squared {
        padding-top: 133%;
    }
}

@media (max-width: 767px) {
    .squared {
        padding-top: 0;
    }

    .squared .squared-content {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 768px) {
    .squared-adjust {
        padding-left: 25px;
    }
}

/* ==== 8) Gallery ==== */

#gallery .thumbnail {
    background: transparent;
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.gallery-item {
    padding: 0;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    2727 -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    -ms-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
}


#gallery .thumbnail {
    overflow: hidden;
    height: 475px;
}

#gallery .thumbnail img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    max-width: 100%;
}

#gallery .thumbnail:hover img {
    max-width: 100%;
}

.work-intro {
    font-family: 'Dosis', sans-serif;
    bottom: -94px;
    opacity: 0;
    height: 84px;
    left: 0;
    overflow: hidden;
    padding: 20px 20px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
}

.work-title {
    color: #111;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.2;
    margin: 0 0 8px;
    padding: 0;
    text-transform: uppercase;
}

@media (min-width: 991px) {
    .work-title {
        font-size: 16px;
    }
}

.work-descr {
    color: #111;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.25em;
    line-height: 1.2;
    text-transform: uppercase;
}

#gallery .thumbnail:hover .work-intro {
    transform: translateY(-228px);
    z-index: 3;
    opacity: 1;
}

.modal-backdrop.in {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    background-color: #000;
}

.ekko-lightbox .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.ekko-lightbox .modal-header {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border: 0;
}

.ekko-lightbox .modal-header .close {
    font-size: 42px;
    font-weight: 100;
    color: #fff;
    text-shadow: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    float: none;
}

.ekko-lightbox .modal-header .close:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
}

.ekko-lightbox .modal-body {
    padding: 0;
}

.ekko-lightbox .modal-footer {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 0;
    padding: 0;
}

.ekko-lightbox .modal-dialog {
    margin-top: 0;
}

/* ==== 9) Team ==== */

#team {
    border-bottom: 1px solid #eee;
}

#team img {
    max-width: 100%;
}

#team .thumbnail, #team .team-img {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0;
}

.team-overlay {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team-overlay .delight-icon-team {
    position: absolute;
    top: 110%;
    left: 50%;
    right: 0;
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: top .27s ease;
    -moz-transition: top .27s ease;
    -ms-transition: top .27s ease;
    -o-transition: top .27s ease;
    transition: top .27s ease;
}

@media (max-width: 991px) {
    .team-overlay .delight-icon-team {
        top: 89%;
    }

    .team-overlay > .delight-icon-team a {
        fill: rgba(255, 255, 255, .8);
    }
}

.team-overlay:hover > .delight-icon-team {
    top: 89%;
}

.team-overlay .delight-icon-team a {
    width: 31.6px;
    height: 31.6px;
    margin: 4px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .team-overlay .delight-icon-team a {
        width: 25.7px;
        height: 25.7px;
    }
}

.team-overlay:hover > .delight-icon-team a {
    fill: rgba(255, 255, 255, 1);
}

.delight-icon-team svg {
    display: inline-block;
}

.delight-icon-team a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.delight-icon-team a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.delight-icon-team a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.member-text {
    color: #777;
    font-size: 14px;
    padding-top: 13px;
}

@media (max-width: 768px) {
    #testimonial {
        margin-bottom: 30px;
    }
}

#testimonial-top {
    margin-bottom: 85px;
}

.testimonial blockquote {
    font-size: 14px;
    position: relative;
    padding: 30px 0 95px 0;
    margin: 0;
    top: 0;
    border-left: 0;
    min-height: 230px;
    -webkit-transition: box-shadow .2s, top .2s ease;
    -moz-transition: box-shadow .2s, top .2s ease;
    -ms-transition: box-shadow .2s, top .2s ease;
    -o-transition: box-shadow .2s, top .2s ease;
    transition: box-shadow .2s, top .2s ease;
}

@media (max-width: 768px) {
    .testimonial blockquote {
        padding: 30px 0 35px 0;
    }
}

.testimonial blockquote p.smoke {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .testimonial blockquote {
        min-height: 170px;
    }
}

@media (max-width: 767px) {
    .testimonial blockquote {
        min-height: 0;
    }
}

.icon-quote {
    font-size: 24px;
    padding-bottom: 15px;
    color: #777;
}

/* ==== 10) Contact ==== */

#gmap {
    height: 600px;
    margin-top: -26px;
}

#gmap-top {
    background: #fff;
    background-color: #fff;
    height: 605px;
}

@media (max-width: 991px) {
    #gmap-top {
        margin-top: -45px;
    }

    #gmap {
        height: 275px;
    }
}

.map-overlay {
    background: rgba(0, 0, 0, 0.93) none repeat scroll 0 0;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    padding: 0 !important;
    position: absolute;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    width: 100%;
    z-index: 2;
}

.map-toggle {
    color: #fff;
    height: 100px;
    left: 50%;
    margin: -50px 0 0 -100px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
}

.map-icon {
    color: #111;
    height: 27px;
    line-height: 27px;
    margin: 6px auto 25px;
    position: relative;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    width: 27px;
}

.map-text {
    color: rgba(255, 255, 255, 0.75);
    font-family: Dosis, arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0.3em;
    margin-left: 12px;
    text-transform: uppercase;
}

.map-close {
    display: none;
}

.map-overlay.js-active {
    background: rgba(17, 17, 17, 0.75) none repeat scroll 0 0;
    height: 50px;
}

.map-overlay.js-active:hover {
    background: rgba(17, 17, 17, 0.85) none repeat scroll 0 0;
}

.map-overlay.js-active .map-icon {
    opacity: 0;
}

.map-overlay.js-active .map-text {
    position: relative;
    top: -20px;
}

@media (min-width: 768px) {
    .form-group {
        display: inline-block;
    }
}

.honeypot {
    display: none !important;
}

form .btn, form .btn:hover, form .btn:focus, form .btn:active:focus {
    margin-top: 30px;
}

.flowuplabels .fl_wrap {
    position: relative;
    margin-top: 30px;
    box-sizing: border-box;
}

.flowuplabels .fl_label {
    /*position: absolute;*/
    background: transparent;
    color: #000000;
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 6px 8px;
    left: 30px;
    top: 8px;
    z-index: 0;
    transition: all .1s linear;
}

#team-top .flowuplabels .fl_input {
    color: #fff;
}

#team-top .flowuplabels .fl_wrap.focused .fl_label, #team-top .flowuplabels .fl_wrap.populated .fl_label {
    font-size: 12px;
    color: #fff;
    top: -15px;
}

.flowuplabels .fl_input {
    background: none;
    color: #111;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: initial;
    padding: 0 0 0 20px;
    height: 43px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 3px solid #f9c521;
    border-radius: 2px;
    z-index: 2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.flowuplabels .fl_wrap.msg1 {
    position: relative;
    margin-top: 30px;
    height: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.flowuplabels .fl_input.msg {
    height: 195px;
}


.flowuplabels .fl_wrap.focused .fl_label,
.flowuplabels .fl_wrap.populated .fl_label {
    font-size: 12px;
    color: #111;
    top: -15px;
}

.flowuplabels .fl_wrap.focused .fl_label {
    color: #111;
}

.message {
    display: none;
}

#form-alert {
    padding: 5px 15px 5px 15px;
    margin: 15px 0 0 0;
}

.alert li {
    list-style: none;
    display: inline-block;
}

.alert-danger {
    background: #ffaa00;
    border-width: 0;
    border-radius: 0;
    color: #fff;
}

.alert-success {
    background: #7dc800;
    border-width: 0;
    border-radius: 0;
    color: #fff;
}

/* ==== 11) Footer ==== */

footer {
    background: #000;
    font-family: 'gc';
    letter-spacing: 1px;
    color: #fff;
    font-weight: normal;

    padding: 20px 0;
}

footer a {
    display: inline-block;
    padding: 6px;
    color: #fff;
}

footer h4 {
    margin: 0;
}

footer p {
    padding-top: 0;
    color: #fff;
}

.footer-copy {
    font-family: 'Dosis', sans-serif;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 20px;
}

.delight-icon-info {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    fill: #111;
}

.delight-icon-info:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer-social-icons {
    font-size: 14px;
    margin-top: 10px;
}

.footer-social-icons a::before {
    border: 1px solid rgba(255, 255, 255, .0);
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 1px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    width: 100%;
}

.footer-social-icons a {
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    height: 30px;
    margin: 0px 21px;
    position: relative;
    text-align: center;
    border: none;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    width: 48px;
}

.footer-social-icons a i, .footer-social-icons a span {
    left: 0;
    position: relative;
    top: -12px;
}

.footer-social-icons a:hover::before {
    background: #111 none repeat scroll 0 0;
    border-color: #111;
}

.footer-social-icons a:hover {
    color: #fff;
}

a.link-to-top {
    bottom: 20px;
    color: rgba(0, 0, 0, 0.2);
    font-size: 48px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 40px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
}

a.link-to-top:hover {
    color: #111;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
}

/* ==== 12) Navigation ==== */

.navbar-container {
    margin: 0 4%;
}

@media (min-width: 768px) {
    .navbar-container {
        margin: 0 2%;
    }
}

.navbar-default {
    background-color: rgba(10, 10, 10, .95);
    padding: 0px;
}

.navbar-default .navbar-collapse {
    border-color: rgba(10, 10, 10, .95);
}

.navbar-fixed-top {
    position: fixed;
    border-width: 0;
}

.navbar-brand {
    line-height: 0;
}


.nav a {
    color: rgba(255, 255, 255, .85);
}

.nav a:hover {
    color: #f9c521 !important;
}

.navbar-default .navbar-nav > .active > a {
    color: #f9c521;
}

.navbar-default .navbar-nav > li > a {
    color: rgba(255, 255, 255, .85);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: rgba(255, 255, 255, 1);
}

.navbar li a {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    padding: 24px 15px 19px 15px;
}

@media (max-width: 767px) {
    .navbar li a {
        padding: 10px 15px !important;
    }
}

.navbar a, .navbar .active a:hover, .navbar .active a:focus {
    background-color: transparent !important;
}

.navbar-brand {
    position: relative;
    padding: 0px 0 !important;
    line-height: 0;
}

.navbar-brand img {
    max-height: 66px;
    margin-top: -3px;
}

.navbar-brand img:nth-child(2) {
    position: absolute;
    top: 10px;
}

@media (max-width: 767px) {
    .navbar-default {
        background-color: rgba(0, 0, 0, 0.5) !important;
        padding: 0px !important;
    }

    .nav a {
        color: rgba(255, 255, 255, 1) !important;
    }
}

.navbar-toggle {
    margin-top: 11px;
    margin-bottom: 11px;
    margin-right: 0;
    border: 0px solid transparent;
    padding: 9px 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 30px;
    height: 2px;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-nav > li > a {
    line-height: 14px;
}

/* ==== 13) Carousels ==== */

@media not all, (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-backface-visibility: initial;
        backface-visibility: initial;
    }
}

#carousel-intro .carousel-inner {
    overflow: inherit;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    background: rgba(255, 255, 255, .3);
    opacity: 1;
    width: 10%;
    height: 10%;
    top: 45%;
    padding: 0;
    border: none;
    text-shadow: none;
    color: #111;
    z-index: 3;
}

.carousel-control.btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.carousel {
    opacity: 1;
    padding-bottom: 80px;
}

.carousel .item {
    position: absolute;
    display: block !important;
    width: 100%;
    top: 0;
    left: 0 !important;
    opacity: 0;
    z-index: -1;
    /*max-height: calc(100vh - 59px);*/
    -moz-transition: opacity ease-in-out .6s;
    -o-transition: opacity ease-in-out .6s;
    -webkit-transition: opacity ease-in-out .6s;
    transition: opacity ease-in-out .6s;
}

.carousel .item:first-child {
    position: relative;
    top: auto;
}

.carousel .item.active {
    opacity: 1;
    z-index: 0;
    -moz-transition: opacity ease-in-out .4s;
    -o-transition: opacity ease-in-out .4s;
    -webkit-transition: opacity ease-in-out .4s;
    transition: opacity ease-in-out .4s;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
}

/* ==== 14) Preloader ==== */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

/*!
 * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #999;
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none;
    outline: none;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

/*# sourceMappingURL=bootstrap-select.css.map */

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


.jh {
    font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif !important;
}

.fff {
    color: #fff;
}

.bg-fff {
    background-color: #fff !important;
}

.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.mg0 {
    margin: 0 !important;
}

.pd0 {
    padding: 0 !important;
}

.bd0 {
    border: none !important;
}

.hidden-xs {
    display: block;
}

.hidden-md {
    display: none;
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .hidden-md {
        display: block;
    }

    body .sp4 {
        width: 100%;
        padding-left: 25%;
        padding-top: 0%;
        height: 100vh;
        top: 0;
    }


    body .sp4 h1 {
        margin-top: 15px;
        position: absolute;
    }

    body .sp4 h1:nth-child(1) {
        top: 44vh;
    }

    body .sp4 h1:nth-child(2) {
        top: 42vh;
    }

    body .sp4 h1:nth-child(3) {
        top: 48vh;
    }

    body .sp4 h1:nth-child(4) {
        top: 54vh;
    }

    body .sp4 h1:nth-child(5) {
        top: 60vh;
    }

    body .sp4 img {
        position: absolute;
        left: 50%;
        width: 50vw;
        top: 15vh;
        transform: translateX(-50%);
    }

    body .navbar-brand img {
        max-height: 42px;
        margin-top: 7px;
        margin-left: 4%;
    }

    body .navbar li a.sp1 {
        width: 50%;
        float: left;
        text-align: right;
    }

    body .navbar li a.sp2 {
        width: 50%;
        float: left;
        text-align: left;
    }

    body .share {
        top: 58%;
        right: initial;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    body .navbar-container {
        margin: 0;
    }

    body .navbar-toggle {
        margin-right: 4%;
    }

    body .navbar-default .navbar-collapse {
        background-color: rgba(0, 0, 0, .5);
        max-height: initial;
    }

    body .sp4 h1 {
        margin-left: 0;
    }

    body .sp3 {
        top: 0;
    }

    body .sp9 {
        height: 112px;
        width: calc(100%);
        -webkit-background-size: contain;
        background-size: contain;
    }

    body .sp9 img {
        position: relative;
        width: 65vw;
        margin-top: 34px;
    }

    body #intro {
        background-position: 0% 0;
        background-image: url(../img/bg1-1.jpg);
    }

    body #intro2 {
        background-position: 0% 0;
        background-image: url(../img/bg1-1.jpg);
    }

    body #intro .section-overlay {
        background: rgba(0, 0, 0, 0);
    }

    body .sp8 {
        background-color: #f8b71e;
    }

    body #intro2 .sp3 .sp5 {
        font-size: 24px;
        color: #fff;
        top: 22vh;
        position: relative;
    }

    body #intro2 .sp3 .sp7 {
        font-size: 13px;
        width: 100%;
        line-height: 1.7em;
    }

    body #intro2 .sp3 .sp5 .container {
        padding: 0 14.5%;
    }

    body #intro2 .sp3 .sp5 .sp6 {
        display: block;
        width: 60px;
        height: 12px;
        position: absolute;
        bottom: 50%;
        left: 55%;
        background-color: #f9c521;
    }

    body .sp6 {
        width: 60px;
        height: 12px;
    }

    body #services {
        margin-top: 0;
    }

    body .sp6.s1 {
        left: 20%;
        bottom: initial;
        top: 35px;
    }

    body #services .carousel .item {
        height: 524px;
    }

    body #services .sp12 {
        width: 100%;
        left: initial;
        padding: 20px 14.5%;
        margin-bottom: 0;
        text-align: left;
        background-color: #231f20;
    }

    body #services .sp12 p {
        font-size: 11px;
    }

    body #services .sp11 h3 {
        font-size: 28px;
    }

    body .sp11 .carousel-control.right {
        width: 8%;
        top: 28%;
    }

    body .sp11 .carousel-control.left {
        width: 8%;
        top: 28%;
    }

    body .sp11 .carousel-control img {
        width: 100%;
    }

    body #works-top {
        padding-top: 0;
    }

    body #works-top .col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2 {
        background-color: #fff;
        color: #000;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    body #works-top .col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2 h2 {
        color: #000;
    }

    body #works-top .sp6.s2 {
        left: 65%;
        bottom: 28%;
    }

    body #works-top .sp16 {
        width: 100%;
        float: right;
        padding-bottom: 20px;
    }

    body #works-top .sp14 h3 {
        font-size: 23px;
    }

    body #works-top .sp31 {
        background-color: #231f20;
        text-align: left;
        padding: 0 15% 20px 17%;
    }

    body #works-top .sp13.s1 {
        float: left;
        width: 100%;

    }

    body #works-top .sp14 p {
        width: 100%;
        color: #fff;
        padding-right: 0;
        float: right;
        width: 100%;
        line-height: 1.3em;
        font-size: 11px;
        text-align: justify;
    }

    body #works-top .sp14 .s1 {
        color: #fff;
    }

    body #works-top {
        height: ;
        background-image: url(../img/bg5-1.jpg);
        -webkit-background-size: contain;
        background:;
        background-size: contain;
        background-position: 0 121px !important;
        padding-bottom: 0;
    }

    body #works-top .sp17 {
        margin: 18.9% auto;
        width: 60vw;
        height: 53px;
        font-size: 17px;
    }

    body #fea {
        height: 376px;
    }

    body #fea .sp18 {
        position: relative;
        width: 100%;
    }

    body #fea .sp23 {
        position: relative;
        width: 100%;
    }

    body #fea .sp34 {
        padding: 0;
    }

    body #fea .sp34.s img {
        width: 100%;
    }

    body #fea .sp23 h3 {
        font-size: 24px;
        letter-spacing: 5px;
        float: left;
        width: 100%;
        text-align: left;
    }

    body #fea .sp23 p {
        text-align: justify;
        font-size: 12px;
        color: #000;
    }

    body #fea .sp23 .sp13 img {
        margin-left: 7%;
    }

    body #fea .sp18.hidden-md {
        display: block;
        margin-top: 10px;
        height: 136px;
    }

    body #fea .sp18 h2 {
        margin-top: 0;
        padding-top: 20px;
    }

    body #fea .sp19 button, body #fea .sp19 button:hover, body #fea .sp19 button:focus, body #fea .sp19 button:active, body #fea .sp19 button:active:focus {
        border: none;
        background-color: transparent;
        box-shadow: none;
        position: absolute;
        right: initial;
        top: -140px;
        padding: 0;
        left: 50%;
        color: #fff;
        width: 15px;
        z-index: 9;
        transform: translateX(-50%) rotate(-90deg);
    }

    body #fea .open.sp19 button, body #fea .open.sp19 button:focus, body #fea .open.sp19 button:active, body #fea .open.sp19 button:active:focus {
        transform: translateX(-50%) translateY(50%) rotate(-90deg);
        display: none;
    }

    body #fea .sp19 .sp21 {
        width: 15px;
        height: 26px;
    }

    body .sp22.s0 a,
    body .sp22.s1 a,
    body .sp22.s2 a,
    body .sp22.s3 a,
    body .sp22.s4 a,
    body .sp22.s5 a,
    body .sp22.s6 a {
        width: 70px;
        height: 70px;
    }

    body .sp22.s0,
    body .sp22.s1,
    body .sp22.s2,
    body .sp22.s3,
    body .sp22.s5 {
        margin: 0;
    }

    body .sp22.s4 {
        margin: 0 0 0 30px;
    }

    body .sp22.s6 {
        margin: 0 30px 0 0;
    }

    body #fea .open .sp20 {
        left: 0;
        display: flex;
        top: 10px;
        height: 196px;
        padding: 20px 13px;
    }

    body #fea .sp20 {
        width: 100%;
        top: 0;
    }

    body #fea .divide-xl {
        padding-top: 20px;
        padding-bottom: 0;
    }

    body #works-top2 {
        height: 249px;
    }

    body #works-top2 h2 {
        position: absolute;
        width: 100%;
        top: 32%;
        color: #fff;
        font-size: 30px;
    }

    body #works-top2 h3 {
        font-size: 11px;
        top: 54%;
    }

    body #works-top2 #carousel-4.sp11 .carousel-control.right {
        width: 8%;
        top: 40%;
    }

    body #works-top2 #carousel-4.sp11 .carousel-control.left {
        width: 8%;
        top: 40%;
    }

    body #gallery .divide-xl {
        padding-top: 35px;
        padding-bottom: 35px;
        background: #f8b71e;
    }

    body #gallery .sp6.s4 {
        left: 63%;
        top: 70px;
        bottom: initial;
        background-color: #fff;
    }

    body #gallery .thumbnail img {
        transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
        /*max-width: 150px;
	    max-height: 150px;*/
        width: 100%;
        margin-bottom: 20px;
        position: initial;
    }

    body #gallery .thumbnail img:nth-child(2) {
        display: none;
    }

    body #gallery .thumbnail:hover img:first-child {
        opacity: 1;
    }

    body #gallery .thumbnail {
        height: auto;
    }

    body #gallery .thumbnail a {
        padding: 0 0 6px 0;
        display: block;
        position: initial;
    }

    body #gallery .gallery-overlay:hover .work-title {
        bottom: 0;
        font-size: 13px;
    }

    body #gallery .thumbnail:hover .work-intro {
        transform: translateY(-100%);
        z-index: 3;
        opacity: 1;
    }

    body #fb {
        padding: 0px 0 0px 0;
    }

    body #fb .sp35 {
        margin-bottom: 40px;
    }

    body #fb .sp35 h3 {
        padding: 25px 0;
        background: #f8b71e;
        margin-bottom: 20px;
    }

    body #fb .sp36 h3 {
        padding: 25px 0;
        background: #f8b71e;
        margin-bottom: 20px;
    }

    body #team-top {
        margin-top: 0;
        padding: 0;
        height: 841px;
    }

    body #team-top .sp37 img {
        width: 10vw;
    }

    body #team-top .divide-sm p {
        color: #ffb300;
        font-size: 12px;
    }

    body #team-top .sp38 {
        padding-top: 0;
    }

    body #team-top .sp39 {
        padding-top: 30px;
        padding-bottom: 25px;
        background: #231f20;
    }

    body #team-top .flowuplabels .fl_label {
        left: 15px;
        font-size: 12px;
    }

    body #team-top .flowuplabels .fl_wrap {
        position: relative;
        margin-top: 10px;
        margin-bottom: 0;
    }

    body #team-top .flowuplabels .fl_input {
        border-bottom: 1px solid #f9c521;
    }

    body #team-top .flowuplabels .fl_input.msg {
        height: 123px;
    }

    body #team-top .form-group.col-sm-12.fl_wrap.msg1 {
        height: 123px;
    }

    body .sp40 {
        padding: 0;
    }

    body #gmap-top {
        height: 880px;
    }

    body #gmap-top .sp29 {
        padding-left: 8%;
        padding-right: 0;
    }

    body #gmap-top .sp29 h4 {
        font-size: 13px;
        font-weight: bold;
        margin-top: 35px;
        margin-bottom: 0;
        text-align: center;
    }

    body #gmap-top .sp28 {
        width: 100%;
    }

    body #gmap-top .sp28 a {
        font-size: 10px;
        -webkit-background-size: 15px;
        background-size: 15px;
        padding-left: 25px;
        margin: 10px 0 0px 0;
    }

    body footer p {
        float: ;
        font-size: 10px;
        margin-top: 15px;
    }

    body footer {
        text-align: center;
        padding-bottom: 20px;

    }

    body footer a.sp41 {
        float: initial;
    }

    body .dropdown-backdrop {
        display: none;
    }

    body .sp44 {
        visibility: visible;
    }

    body #cos1:after {
        visibility: visible;
    }

    body .work-intro {
        font-family: 'Dosis', sans-serif;
        bottom: -40px;
        opacity: 1;
        height: 84px;
        left: 0;
        overflow: hidden;
        padding: 20px 20px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    }

    body .sp45 {
        position: absolute;
        right: 0;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    body .sp46 {
        position: absolute;
        left: 0;
        top: 50vh;
        width: 25px;
        transform: translateY(-50%);
    }

    body .sp45 img {
        width: 100%;
        padding-right: 10px;
    }

    body .sp46 img {
        width: 100%;
        padding-left: 10px;
    }

    body .owl-carousel.hidden-md {
        display: block !important;
    }

    body .sp23 img {
        width: 100%;
        float: initial;
        margin-top: 0;
        margin-left: 0;
    }

    body .sp23 {
        height: 130px;
        padding-top: 20px;
    }

    body .sp12 {
        min-height: 308px;
    }

    body #gmap {
        width: 100%;
    }

    body .flowuplabels .fl_wrap.msg1.sp49 {
        height: 50px;
    }

    body #support .sp58 .box {
        height: inherit;
    }

    body #support.sp30, body #pdt.sp30, body #pdt-item.sp30, body #news.sp30 {
        height: 100%;
        padding-top: 54px;
    }

    body .navbar-header {
        background: rgba(0, 0, 0, .5);
    }

    body #news .sp34, body #pdt .sp34 {
        margin-bottom: 0;
    }

    body .col-xs-6.sp35, body .col-xs-6.sp36 {
        margin-bottom: 40px;
    }

    body #news .sp32 {
        font-size: 22px;
    }

    body #news .sp38 {
        margin: 0 10px 20px 0;
        margin-top: initial;
        margin-right: initial;
        float: right;
        font-size: 16px;
        color: #111;
        font-weight: normal;
    }

    body #pdt .col-xs-6.sp35 {
        padding-right: 7px;
    }

    body #pdt .col-xs-6.sp36 {
        padding-left: 7px;
    }

    body .sp62 img {
        width: 100%;
    }

    body #pdt-item .panel-group {
        margin-top: 20px;
    }

    body .btn-s2 {
        border: 1px solid #eee;
        color: #000;
        padding: 8px 16px;
        transition: all .20s ease-in-out;
        width: calc(50% - 10px);
        margin-right: 10px;
        display: inline-block;
        text-align: center;
    }

    body #support .panel-default > .panel-heading {
        color: #333;
        background-color: transparent;
        border-color: #fff;
    }

    body #support .panel-default > .panel-heading a[aria-expanded="false"]:after {
        content: "\f0da";
    }

    body #support .panel-default > .panel-heading a[aria-expanded="true"]:after {
        content: "\f0d7";
    }

    body #support .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: transparent;
    }

    body #support .sp59 {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }

    body .breadcrumb {
        text-align: left;
    }

    body .navbar li.sp61 a {
        padding: 18px 2px !important;
        line-height: 30px;
    }

    body .nav > li.sp61.hidden-md {
        display: block;
    }

    body .share2 {
        display: none;
    }

    body .sp72.sp69.s {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        color: #fff;
        border-bottom: 1px solid #333;
    }

    body .sp69.s a {
        font-size: 15px;
    }

    body .sp69.s span {
        width: 110px;
        text-align: right;
        margin-right: 32px;
        color: #aaa;
        display: inline-block;
    }

    body .sp72 div.col-xs-12 {
        height: 40px;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: left;
        justify-content: left;
        text-align: left;
        font-size: 15px;
        border-bottom: navajowhite;
        padding-bottom: 0;
    }

    body .sp69.s span.sp-light {
        width: 11px;
    }

    body .step {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 18px;
        position: relative;
    }

    body .step-num {
        display: block;
        width: 80%;
        height: 40px;
        border: 1px solid #777;
        color: #777;
        font-size: 13px;
        line-height: 3em;
        text-align: center;
        margin: auto auto 20px auto;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    body .step:after {
        content: ">>>";
        color: #ee1c25;
        position: absolute;
        top: 45px;
        right: 0;
        left: 0;
        font-size: 20px;
        transform: scale(2, 0.5) rotate(90deg);
    }

    body .sp69 button {
        border: 1px solid #eeac1c;
        background: transparent;
        width: 26px;
        text-align: center;
        padding: 1px 3px 3px 3px;
        height: 25px;
        border-radius: 3px;
    }

    body .sp69 button:disabled {
        border: none;
        background: transparent;
        width: 26px;
        text-align: center;
        padding: 1px 3px 3px 3px;
        height: 25px;
        border-radius: 3px;
    }

    body input.sp82:disabled {
        background: transparent;
        outline: none;
        border: none;
        color: #fff;
        text-align: left;
    }

    body .sp72 div.sp90 {
        border-bottom: 0 solid #333;
    }

    body .trtc {
        text-align: center;
    }

    body .trtl {
        text-align: left;
    }

    body .btn-s2.sp89 {
        width: 100%;
        border: 1px solid #595959;
        color: #8e8e8e;
        padding: 8px;
    }

    body .sp79 {
        font-size: 19px;
        font-weight: bold;
        margin-top: 20px;
        padding: 0;
    }

    body .sp81 {
        margin-top: 10px;
    }

    body .sp78 h1 {
        font-size: 25px;
        margin-top: 10px;
    }

    body select.fl_input.sp93 {
        border-radius: 3px;
        box-shadow: 0 2px 0 rgb(154, 154, 154) inset;
        max-width: 120px;
    }

    body .hidden-xs.hidden-sm {
        display: none;
    }

    body .fancy-btn.btn-s2 {
        width: 100%;
    }

    body main .sp96.sp69.sp72 div.modal-inset {
        position: relative;
        padding: 33px;
    }
}

/*123qwe*/
@media screen and (max-width: 320px) {
    body .sp8 {
        background-color: #ffb300;
        padding: 15px;
        margin-top: 70px;
    }

    body .item .sp8s {
        background-color: #ffb300;
        padding: 15px;
        margin-top: 183px;
    }

    body .item .sp4 {
        width: 100%;
        padding-left: 25%;
        padding-top: 0%;
        height: 63vh;
        top: 0;
    }

    body .owl-item .sp7 {
        text-align: justify;
    }

    body #services .carousel .item {
        height: 484px;
    }
}

/*123i5*/
@media (min-width: 321px) and (max-width: 375px) {
    body .sp8 {
        background-color: #ffb300;
        padding: 15px;
        margin-top: 70px;
    }

    body .item .sp8s {
        background-color: #ffb300;
        padding: 15px;
        margin-top: 260px;
    }

    body .item .sp4 {
        width: 100%;
        padding-left: 25%;
        padding-top: 0%;
        height: 68vh;
        top: 0;
    }

    body #intro h1 {
        font-size: 33px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    body .owl-item .sp5s {
        font-size: 30px;
    }

    body .owl-item .sp7 {
        font-size: 15px;
        text-align: justify;
    }

    body #services .carousel .item {
        height: 514px;
    }

    body .sp22.s4 {
        margin: 0 0 0 50px;
    }

    body .sp22.s6 {
        margin: 0 30px 0 0;
    }
}

/*123i6*/
@media (min-width: 376px) and (max-width: 414px) {
    body .item .sp8s {
        background-color: #ffb300;
        padding: 15px;
        margin-top: 298px;
    }

    body .item .sp4 {
        width: 100%;
        padding-left: 25%;
        padding-top: 0%;
        height: 71vh;
        top: 0;
    }

    body #intro h1 {
        font-size: 39px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    body .owl-item .sp5s {
        font-size: 35px;
    }

    body .owl-item .sp7 {
        font-size: 15px;
        text-align: justify;
    }

    body .owl-item .sp6 {
        left: 60%;
        top: 17%;
    }

    body #services .carousel .item {
        height: 536px;
    }

    body .sp22.s4 {
        margin: 0 0 0 70px;
    }

    body .sp22.s6 {
        margin: 0 30px 0 0;
    }
}

/*123i6s*/
@media screen and (max-width: 568px) {
    body .sp5 {
        top: 63vh;
    }
}

@media screen and (max-width: 667px) {
    body .sp5 {
        top: 68vh;
    }
}

@media (min-width: 415px) and (max-width: 768px) {
    body .sp5 {
        top: 71vh;
    }

    body #pdt-item .panel-group {
        margin-top: 10px;
    }
}

/*for 1024px*/
@media (min-width: 767px) and (max-width: 1034px) {
    body #works-top2 h2 {
        top: 26%;
    }

    body .navbar li a {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
        padding: 24px 3px 19px 3px;
        transform: scale(0.8);
    }

    body .navbar-brand img {
        max-height: 41px;
        margin-top: 8px;
    }

    body .float-content {
        top: 40%;
    }

    body .sp4 img {
        position: absolute;
        left: 0%;
        width: 300px;
        top: 0;
    }

    body .sp4 h1 {
        text-align: left;
        margin-left: 150px;
        font-family: 'gc';
        font-weight: bold;
        font-size: 54px;
        line-height: 62px;
        letter-spacing: 0;
    }

    body #intro {
        background-position: 50% -50%;
    }

    body .sp6 {
        left: 276px;
        width: 79px;
        height: 14px;
    }

    body .sp7 {
        text-align: justify;
        font-size: 18px;
    }

    body .sp9 img {
        position: relative;
        width: 60vw;
        margin-top: 96px;
    }

    body .sp6.s1 {
        top: 46px;
    }

    body #services .carousel .item {
        height: 632px;
        background-color: #000;
    }

    body #services .sp12 {
        width: 100%;
        left: initial;
        padding: 20px 14.5%;
        margin-bottom: 0;
        text-align: left;
        background-color: #231f20;
    }

    body #services .sp12 p {
        font-size: 11px;
    }

    body #services .sp11 h3 {
        font-size: 30px;
    }

    body .sp11 .carousel-control.right {
        width: 5%;
        top: 61%;
    }

    body .sp11 .carousel-control.left {
        width: 5%;
        top: 61%;
    }

    body .sp11 .carousel-control img {
        width: 100%;
    }

    body #works-top span.hidden-xs {
        display: inline-block;
    }

    body #works-top .sp14 h3 {
        font-size: 30px;
    }

    body #works-top .sp14 p {
        width: 100%;
        font-size: 12px;
        padding-left: 20px;
    }

    body #works-top {
        height: 530px;
        padding: 60px 20px 80px 20px;
        background-position: 50% 0;
    }

    body #works-top .sp16 {
        width: 30vw;
    }

    body #works-top .sp17 {
        margin: 11% auto;
    }

    body #works-top .btn-f.s1 {
        width: 80%;
        height: 55px;
        font-size: 16px;
    }

    body #works-top .sp16.sp31 {
        width: 100%;
        margin-top: -130px;
        pointer-events: none;
    }

    body #fea .sp18.hidden-md {
        display: none;
    }

    body #fea .sp18 {
        top: -440px;
        width: 250px;
        height: 398px;
    }

    body #fea .sp23 {
        height: 400px;
        width: calc(100vw - 270px);
        top: -440px;
        left: initial;
        right: 0;
        padding-top: 0;
    }

    body #fea .sp19 button, body #fea .sp19 button:hover,
    body #fea .sp19 button:focus, body #fea .sp19 button:active,
    body #fea .sp19 button:active:focus {
        top: -74px;
    }

    body #fea .sp20 {
        height: 435px;
        top: -253px;
    }

    body #fea .open .sp20 {
        left: 250px;
        padding-top: 30px;
    }

    body #fea .sp23 h3 {
        font-size: 22px;
    }

    body #fea .sp18 h2 {
        margin-top: 131px;
    }

    body #fea .sp24 {
        padding-top: 60px;
        width: 100%;
    }

    body #fea {
        height: 400px;
    }

    body #works-top2 {
        height: 584px;
        overflow: initial;
    }

    body #works-top2 #carousel-4 {
        margin-top: 0;
    }

    body #gallery .thumbnail {
        overflow: hidden;
        height: 200px;
    }

    body #gallery .thumbnail:hover .work-intro {
        transform: translateY(-137px);
        z-index: 3;
        opacity: 1;
    }

    body #gallery .gallery-overlay:hover .work-title {
        color: #fff;
        font-size: 16px;
    }

    body #works-top2 #carousel-4.sp11 .carousel-control.right {
        width: 5%;
        top: 46%;
    }

    body #works-top2 #carousel-4.sp11 .carousel-control.left {
        width: 5%;
        top: 46%;
    }

    body #works-top2 #carousel-4 h2 {
        top: 37%;
    }

    body #works-top2 #carousel-4 h3 {
        top: 55%;
    }

    body #gallery-top h2 {
        font-size: 44px;
        padding-top: 139px;
    }

    body #gallery-top {
        height: 313px;
    }

    body #gmap {
        height: 340px;
    }

    body #team-top {
        margin-top: 0;
    }

    body #gmap-top {
        height: 1000px;
    }

    body .sp40 {
        padding-right: 0;
        padding-left: 0;
    }

    body .sp23 img {
        width: 100%;
        float: right;
        margin-top: 0;
        margin-left: 0;
    }

    body #news .sp32, body #pdt .sp32 {
        font-size: 21px;
        font-weight: bold;
        color: #0099d6;
    }

    body .news-item h4 {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 12px;
        letter-spacing: 0;
    }

    body #news.sp30 {
        height: calc(100vh - 75px);
        background-color: #fff;
        padding-top: 63px;
    }

    body #pdt-item.sp30 {
        height: calc(100vh - 75px);
        padding-top: 0;
    }

    body #pdt .sp39 li {
        list-style: none;
        display: inline-block;
        margin-right: 0;
        max-width: 25px;
    }

    body #pdt-item img {
        opacity: 1;
        transition: opacity .20s ease-in-out;
        width: 100%;
    }

    body #pdt-item .panel-title {
        font-size: 14px;
    }

    body .hidden-md.s {
        display: block;
    }

    body .hidden-xs.s {
        display: none;
    }

    body footer p {
        font-size: 12px;
    }

    body #support .sp58 h3 {
        font-size: 17px;
        letter-spacing: 1px;
    }

    body #support .sp58 h3 i {
        margin-right: 5px;
    }

    body .sp89 {
        width: 100%;
        margin-top: 15px;
    }

    body .hidden-xs.hidden-sm {
        display: none;
    }

    body .hidden-sm {
        display: none;
    }

    body .hidden-md {
        display: block;
    }

    body .modal .btn-s2 {
        width: 47%;
    }

}

/*12310*/

/*for 1280px 12"*/
@media (min-width: 1035px) and (max-width: 1291px) {
    body .sp14 p {
        width: 100%;
        color: #fff;
        padding-right: 5%;
        float: right;
        width: 80%;
        text-align: justify;
    }

    body #works-top2 h2 {
        top: 27%;
    }

    body .sp23 img {
        width: 85%;
        float: left;
        margin-top: 40px;
        margin-left: 100px;
    }

    body .sp99 {
        position: fixed;
        right: 3%;
        width: 20%;
    }

    body .sp63 {
        width: 79.333333%;
    }

    body main .sp94 .sp99 .sp100 {
        width: 19%;
    }
}

/*12312*/
/*for 1366px 13"*/
@media (min-width: 1292px) and (max-width: 1377px) {
    body #works-top2 h2 {
        top: 27%;
    }

    body .sp23 img {
        width: 85%;
        float: left;
        margin-top: 0px;
        margin-left: 100px;
    }

    body .sp23 img {
        width: 85%;
        float: left;
        margin-top: 20px;
        margin-left: 100px;
    }

    body .sp99 {
        position: fixed;
        right: 3%;
        width: 20%;
    }

    body .sp63 {
        width: 79.333333%;
    }

    body main .sp94 .sp99 .sp100 {
        width: 19%;
    }
}

/*12313*/
/*for 1440px 14"*/
@media (min-width: 1378px) and (max-width: 1451px) {
    body #works-top2 h2 {
        top: 28%;
    }

    body .sp23 img {
        width: 85%;
        float: left;
        margin-top: 20px;
        margin-left: 100px;
    }

    body .sp99 {
        position: fixed;
        right: 3%;
        width: 20%;
    }

    body .sp63 {
        width: 79.333333%;
    }

    body main .sp94 .sp99 .sp100 {
        width: 19%;
    }
}

/*12314*/
/*for 1680px"*/
@media (min-width: 1452px) and (max-width: 1691px) {
    body #works-top2 h2 {
        top: 29%;
    }

    body .sp23 img {
        width: 85%;
        float: left;
        margin-top: -40px;
    }

    body .sp99 {
        position: fixed;
        right: 3%;
        width: 20%;
    }

    body .sp63 {
        width: 83.333333%;
    }

    body main .sp94 .sp99 .sp100 {
        width: 19%;
    }
}

/*12316*/

.sp1 img {
    height: 18px;
}

.sp2 img {
    width: 20px;
}

.navbar li a.sp1, .navbar li a.sp2 {
    padding-top: 22px;
    position: relative;
}

.sp4 img {
    position: absolute;
    left: 30%;
    width: 320px;
    top: -20px;
}

.sp4 {
    width: 100%;
    padding-left: 30%;
    padding-top: 0%;
}

.sp4 h1 {
    text-align: left;
    margin-left: 380px;
    font-family: 'gc';
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
    letter-spacing: 0;
}

.t-logo2 {
    color: #f9c521;
}

.sp3 {
    position: absolute;
    top: 67%;
    height: 500px;
    color: #000;
    font-size: 47px;
    font-family: 'gc';
    font-weight: 800;
}

.sp3 img {
    position: absolute;
    top: 0;
}

.sp5 {
    position: absolute;
    top: 150px;
    display: block;
    height: 160px;
    width: 100vw;
    margin: 0 auto;
    left: 0;
}

.w100 {
    width: 100%;
}

.sp6 {
    display: block;
    width: 110px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 669px;
    background-color: #f9c521;
}

.sp7 {
    font-family: 'gc';
    font-weight: normal;
    font-size: 22px;
    display: block;
    width: 70%;
    word-wrap: break-word;
    padding-top: 50px;
}

#services {
    margin-top: 547px;
    padding-top: 40px;
}

.sp8 {
    background-color: #ffb300;
    padding: 15px;
    margin-top: 70px;
}

.sp9 {
    height: 300px;
    width: calc(100% - 15px);
    background: url(../img/4.png) repeat-x;
    text-align: center;
}

.sp9 img {
    position: relative;
    width: 30vw;
    margin-top: 76px;
}

.sp6.s1 {
    left: 30%;
    bottom: initial;
    top: 75px;
}

.sp6.s5 {
    left: 0%;
    bottom: initial;
    top: 75px;
    width: 80px;
    height: 15px;
}

.mgt40 {
    margin-top: 40px;
}

.sp11 .carousel-control.left, .sp11 .carousel-control.right {
    background-image: none;
    background: none;
    opacity: 1;
    width: 10%;
    height: 10%;
    top: 45%;
    padding: 0;
    border: none;
    text-shadow: none;
    color: #111;
    z-index: 3;
}

.sp12 {
    display: block;
    width: 500px;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 5%;
    text-align: left;
    font-family: 'gc';
    color: #fff;
    padding: 20px 20px 20px 20px;
    margin-bottom: 30px;
}

.sp12 p {
    color: #fff;
}

.sp12 a {
    color: #fff;
    font-size: 1.3em;
}

.sp12 a.s1 {
    padding-top: 20px;
    margin-bottom: 20px;
}

.t2 {
    color: #0488bb;
}

.sp11 h3 {
    font-size: 42px;
    font-family: 'gc';
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 1em;
}

.sp13 img {
    width: 100%;
    margin-top: 15px;
}

.sp13 {
    width: 173px;
    height: 40px;
}

#process {
    margin-top: 60px;
    min-height: 100vh;
}

.sp6.s2 {
    left: 66%;
}

.sp6.s4 {
    left: 63%;
    top: 121px;
    bottom: initial;
}

.sp14 {
    min-height: calc(100vh - 179px);
}

#work-top {
    background-image: url("../img/bg5.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.sp14 h3 {
    font-size: 42px;
    font-family: 'gc';
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 1.3em;
    padding-right: 5%;
    padding-top: 20px;
}

.sp13.s1 {
    float: right;
    width: 100%;
    margin-right: 5%;
    margin-bottom: 20px;
}

.sp13.s1 img {
    width: 173px;
}

.sp14 p {
    width: 100%;
    color: #fff;
    padding-right: 5%;
    float: right;
    width: 70%;
    text-align: justify;
}

.sp15 {
    width: 100%;
    position: absolute;
    float: left;

}

.sp16 {
    width: 50vw;
    float: right;
    padding-bottom: 20px;
}

.sp16.s {
    float: left;
}

.btn-f {
    font-size: 32px;
    display: block;
    font-weight: bold;
    text-align: center;
    height: 73px;
    color: #fff;
    font-family: 'gc';
    border: 3px solid #fff;
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}

.btn-f.s1 {
    width: 369px;
    padding-top: 11px;
}

.sp17 {
    margin: 25% auto;
}

.btn-f:hover {
    background-color: #000;
    color: #fff;
    border: 3px solid #000;
}

.sp18 {
    background-color: #ffb300;
    position: absolute;
    left: 0;
    top: 100px;
    display: block;
    width: 344px;
    height: 485px;
    overflow: visible;
}

#works-top {
    height: ;
    background-image: url("../img/bg5.jpg");
    -webkit-background-size: cover;
    background-position: 50% -200px;
    background-size: cover;
    position: relative;
    padding: 60px 0 80px 0;
}

#works-top2 {
    height: calc(100vh);
    /*background-image: url("../img/bg6.jpg");*/
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.item {
    text-align: center;
}

#works-top2 h2 {
    position: absolute;
    width: 100%;
    top: 30%;
    color: #fff;
    font-size: 62px;
}

#works-top2 h3 {
    position: absolute;
    width: 100%;
    top: 37%;
    color: #fff;
    font-size: 24px;
}

.sp11.s .carousel-control.left, .sp11 .carousel-control.right {

    top: 45%;
}

#carousel-4.sp11.s .carousel-control.left, #carousel-4.sp11 .carousel-control.right {

    top: 28%;
}

.sp18 h2 {
    color: #fff;
    text-align: left;
    padding-left: 50px;
    margin-top: 150px;
}

.sp6.s3 {
    background-color: #fff;
    float: left;
    left: 50px;
    top: 300px;
    bottom: initial;
}

.sp19 button, .sp19 button:hover, .sp19 button:focus, .sp19 button:active, .sp19 button:active:focus {
    border: none;
    background-color: transparent;
    box-shadow: none;
    position: absolute;
    right: -30px;
    top: -87px;
    padding: 0;
    color: #fff;
    width: 30px;
    z-index: 9;
}

.open.sp19 button, .open.sp19 button:focus, .open.sp19 button:active, .open.sp19 button:active:focus {
    right: -366px;
}

.open > .dropdown-toggle.btn-default {
    background-color: transparent;
    box-shadow: none;
}

.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: transparent;
}

.sp20 {
    position: absolute;
    right: 0;
    float: none;
    border-radius: 0;
    border: 0;
    top: -305px;
    box-shadow: none;
    height: 485px;
    display: none;
    background-color: #ffb300;
    z-index: 8;
    width: 360px;
}

.sp21 {
    display: block;
    width: 24px;
    height: 46px;
    background: url(../img/9.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 10;
}

.open .sp20 {
    left: 344px;
    padding-top: 60px;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    padding-right: 30px;
    padding-bottom: 40px;
}

.open .sp21 {
    background: url(../img/10.png) center center no-repeat;
    width: 24px;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22 {
    display: inline-block;
    float: left;
}

.sp22 a {
    margin: ;
}

.sp22.s0 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/17s1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s0 a:hover, .sp22.s0 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/17s2.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s1 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/11.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s1 a:hover, .sp22.s1 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/11-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s2 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/12.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s2 a:hover, .sp22.s2 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/12-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s3 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/13.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s0 {
    margin: 0 15px 0 0;
}

.sp22.s2 {
    margin: 0 0px 0 15px;
}

.sp22.s3 {
    margin: 0 12px 0 45px;
}

.sp22.s4 {
    margin: 0px 35px 0 5px;
}

.sp22.s5 {
    margin: 0 12px 0 45px;
}

.sp22.s6 {
    margin: 0 18px 0 5px;
}

.sp22.s3 a:hover, .sp22.s3 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/13-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s4 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/14.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s4 a:hover, .sp22.s4 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/14-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s5 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/15.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s5 a:hover, .sp22.s5 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/15-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s6 a {
    display: block;
    width: 95px;
    height: 95px;
    float: left;
    background: url(../img/16.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp22.s6 a:hover, .sp22.s6 a:active {
    display: block;
    width: 95px;
    height: 95px;
    border-color: transparent;
    background: url(../img/16-1.png) center center no-repeat;
    transition: background .20s ease-in-out;
    -o-transition: background .20s ease-in-out;
    -moz-transition: background .20s ease-in-out;
    -webkit-transition: background .20s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
}

.sp23 {
    position: absolute;
    left: 0;
    width: 100vw;
    height: 700px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sp23 img {
    width: 85%;
    float: left;
    margin-top: -75px;
}

.sp23 h3 {
    font-size: 36px;
    letter-spacing: 5px;
    float: left;
    width: 100%;
    text-align: left;
}

.sp23 p {
    text-align: left;
    display: block;
    max-width: 240px;
    font-weight: normal;
    font-family: 'gc';
}

.sp23 p.s {
    font-weight: bold;
    color: #000;
}

.sp24 {
    padding-top: ;
}

.sp23 .sp13 img {
    margin-left: 33px;
}

#hand {
    /*background: url(../img/bg6.jpg) no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
}

#hand h2 {
    color: #fff;
    padding-top: 224px;
    font-size: 63px;
}

#fea {
    height: 700px;
    background-color: #fff;
}

#gallery-top {
    background-image: url(../img/bg7.jpg);
    -webkit-background-size: cover;
    background-position: 50% 0;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 0px 0 80px 0;
    height: 520px;
}

#team-top {
    background-image: url(../img/bg8.jpg);
    background-position: 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 0px 50px 100px 50px;
    width: 100%;
    height: 970px;
    /*overflow: hidden;*/
}

#team-top .col-sm-4 {

}

#gallery-top h2 {
    color: #fff;
    padding-top: 224px;
    font-size: 63px;
}

#gallery {
    padding-bottom: 50px;
}

.sp13.s3 {
    text-align: center;
    float: none;
    width: 100%;
}

.sp13.s3 img {
    margin: auto;
    width: 200px;
}

.sp25 {
    text-align: center;
    padding: 70px 0;
}

.sp25 .s1 {
    background-color: #f9c521;
    padding: 10px 32px;
    font-weight: normal;
    font-size: 22px;
}

#gallery .gallery-overlay.s1:hover {

}

#gallery .thumbnail img {
    position: absolute;
    opacity: 1;
    transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
}

#gallery .thumbnail:hover img:first-child {
    opacity: 0;
}

#gallery .thumbnail img:first-child {
    z-index: 2;
    pointer-events: none;
}

#gallery .thumbnail img:last-child {
    z-index: 1;
}

#gallery .gallery-overlay:hover .work-title {
    color: #fff;
    font-size: 24px;
}

.sp26 {
    border: 3px solid #f9c521;
    margin: 0 auto 20px auto;
}

.sp27 h3 {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0;
}

.sp27 img {
    width: 100%;
    padding-bottom: 20px;
}

#fb {
    padding: 60px 0;
    display: none;
}

#contact {
    background-image: url("../img/bg8.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

#contact p {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #f9c521;
}

.sp28 li:first-child a {
    background: url(../img/25.png) left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    padding-left: 40px;
    font-weight: normal;
    font-size: 15px;
}

.sp28 li:nth-child(2) a {
    background: url(../img/26.png) left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    padding-left: 40px;
    font-weight: normal;
    font-size: 15px;
}

.sp28 li {
    list-style: none;
    display: block;
    width: 100%;
    float: left;
}

.sp28 li a {
    display: inline-block;
    float: left;
    margin: 10px 0;
}

.sp28 li a:hover {
    color: #f9c521;
}

.sp28 {
    margin: 0px 0 20px 0;
    width: 500px;
    margin: auto;
}

.sp29 {
    padding-left: 0;
}

.sp29 h4 {
    font-size: 25px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 0;
    text-align: center;
}

footer a.sss {
    border: none;
    padding: 0;
    color: #fff;
}

#gmap-top {
    margin-top: -100px;
}

.mfp-figure figure {
    background-color: #fff;
}

.share {
    position: fixed;
    right: 0;
    top: 75%;
    display: block;
    height: 150px;
    width: 45px;
    z-index: 999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgba(0, 0, 0, .7);
}

.share2 {
    position: fixed;
    right: 0;
    top: 85%;
    display: block;
    height: initial;
    width: 135px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    padding: 13px 0px;
    z-index: 999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgba(0, 0, 0, .7);
}

.share2 a {
    color: rgba(255, 255, 255, .7);
    font-family: 'gc';
}

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

.share .fb a {
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    color: rgba(255, 255, 255, .6);
    font-size: 28px;
    padding-left: 8px;
    bottom: 35px;
}

.share .ins a {
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    color: rgba(255, 255, 255, .6);
    font-size: 28px;
    padding-left: 8px;
    bottom: 0px;
}

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

.sp18 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: initial;
    cursor: default;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom-color: transparent;
}

#team-top .divide-sm p {
    color: #fff;
}

span.hidden-xs {
    display: initial;
}

.sp18.hidden-md {
    display: none;
}

.sp41 {
    float: left;
    font-size: 22px;
}

.footer-social-icons a.sp42 {
    border: none;
    padding: 0;
    height: initial;
    width: initial;
}

.container.w100 {
    max-width: 1170px;
}

#cos1 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: transparent;
    border-color: transparent;
    background: transparent;
    visibility: hidden;
}

#cos1:after {
    content: '';
    width: 22px;
    height: 40px;
    background: url(../img/7.png) no-repeat;
    color: rgba(255, 255, 255, .7);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    visibility: hidden;
    background-size: contain;
}

#cos1:checked:after {
    content: '';
    width: 22px;
    height: 40px;
    background: url(../img/6.png) no-repeat;
    color: rgba(255, 255, 255, .7);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    visibility: visible;
    background-size: contain;
}

.section-overlay input[type=checkbox]:checked {
    right: initial;
    left: 0;
}

.section-overlay input[type=checkbox] + label.sp43 {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: ;
    position: absolute;
    right: 0;
    top: 0;
    left: initial;
    transform: translateX(0);
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}

.section-overlay input[type=checkbox]:checked + label.sp43 {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: ;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}

.section-overlay input[type=checkbox] + label.sp43 .sp3 {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: ;
    position: absolute;
    right: 0;
    top: 76vh;
    transform: translateX(0);
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: ;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 .sp5s {
    font-size: 24px;
    color: #fff;
    top: 22vh;
    position: relative;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 .sp5s .container {
    padding: 0 14.5%;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 .sp7 {
    font-size: 13px;
    width: 100%;
    line-height: 1.7em;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 .sp6 {
    left: 58%;
    top: 58%;
}

.section-overlay input[type=checkbox]:checked + label.sp43 .sp3 .sp7 {
    display: block;
    width: 100%;
    height: 12px;
}

.sp44 {
    visibility: hidden;
}

.owl-carousel {
    height: 100%;
}

.owl-carousel .owl-item, .owl-carousel .item {
    height: 100vh;
}

.owl-carousel .owl-item img {
    transform-style: initial;
    object-fit: cover;
}

.owl-thumb-item img {
    width: 150px;
    height: auto;
}

.owl-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    text-align: center;
    padding: 5%;
}

.owl-thumb-item {
    display: table-cell;
    border: none;
    background: none;
    padding: 0;
    opacity: .4;
}

.owl-thumb-item.active {
    opacity: 1;
}

.owl-item .sp5s {
    font-size: 24px;
    color: #fff;
    top: 22vh;
    position: relative;
}

.owl-item .sp5s .container {
    padding: 0 14.5%;
    text-align: left;
}

.owl-item .sp7 {
    font-size: 13px;
    width: 100%;
    line-height: 1.7em;
    text-align: left;
}

.owl-item .sp6 {
    left: 58%;
    top: 16%;
}

.owl-item .sp7 {
    display: block;
    width: 100%;
    height: 12px;
}

.owl-carousel.hidden-md {
    display: none !important;
}

.sp47 {
    margin-top: 30px;
    width: 100%;
}

.sp48 {
    position: absolute;
    z-index: 99999999;
    top: 80px;
    min-width: 20%;
    left: 50%;
    transform: translateX(-50%);
}

video {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /*z-index: -100;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.stopfade {
    opacity: .5;
}

.sp40 {
    padding: 0;
}

#pdt.sp30 {
    /*height: calc(100vh - 55px);*/
    padding-top: 59px;
}

#support.sp30 {
    /*height: calc(100vh - 55px);*/
    background-color: #fff;
    padding-top: 63px;
}

#news.sp30 {
    /*height: calc(100vh - 55px);*/
    background-color: #fff;
    padding-top: 63px;
}

#pdt-item.sp30 {
    /*height: calc(100vh - 55px);*/
    padding-top: 65px;
}

#news .sp31 {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#news .sp31 img {
    width: 100%;
    max-height: 100%;
    opacity: 1;
    transition: opacity .20s ease-in-out;
}

#news .sp31 img:hover {
    opacity: .8;
}

.news-item h4 {
    margin-top: 20px;
    margin-bottom: 0;
}

#news .sp32, #pdt .sp32 {
    font-size: 26px;
    font-weight: bold;
    color: #0099d6;
}

#pdt .sp32 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

#pdt .sp32:hover {
    font-size: 26px;
    font-weight: bold;
    color: #0099d6;
}

.news-item p {
    font-size: 12px;
    font-family: 'gc', sans-serif;
    height: 34px;
    overflow: hidden;
}

#news .sp33 {
    font-weight: bold;
}

.news-item {
    margin-bottom: 40px;
}

#news .sp34 {
    margin-bottom: 38px;
    padding-top: 10px;
}

#pdt .sp34 {
    margin-bottom: 0;
    padding-top: 10px;
}

#news .sp35 *, #pdt .sp35 * {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-color: inherit;
}

h1, h2, h3, h4, h5, h6, p, em, a, b, strong {
    font-style: normal;
    font-weight: 300;
}


#news .sp35 ul,
#news .sp35 ol,
#news .sp35 menu {
    list-style: none;
}

#pdt .sp35 ul,
#pdt .sp35 ol,
#pdt .sp35 menu {
    list-style: none;
}

#news .sp35 sup, #pdt .sp35 sup {
    top: -0.5em;
}

#news .sp35 sub, #pdt .sp35 sub {
    bottom: -0.25em;
}

#news .sp35 abbr[title], #pdt .sp35 abbr[title] {
    border-bottom: 1px dotted;
}

#news .sp35 button,
#news .sp35 input,
#news .sp35 optgroup,
#news .sp35 select,
#news .sp35 textarea,
#pdt .sp35 button,
#pdt .sp35 input,
#pdt .sp35 optgroup,
#pdt .sp35 select,
#pdt .sp35 textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    background: transparent;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#news .sp35 button,
#news .sp35 select,
#pdt .sp35 button,
#pdt .sp35 select {
    text-transform: none;
    cursor: pointer;
}

#news .sp35 button[disabled],
#news .sp35 html input[disabled],
#pdt .sp35 button[disabled],
#pdt .sp35 html input[disabled] {
    cursor: default;
}

#news .sp35 fieldset, #pdt .sp35 fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

#news .sp35 textarea, #pdt .sp35 textarea {
    resize: none;
}

#news .sp35 a, #pdt .sp35 a {
    display: inline;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

#news .sp35 a:active,
#news .sp35 a:hover,
#pdt .sp35 a:active,
#pdt .sp35 a:hover {
    outline: 0;
}

#news .sp35 hr, #pdt .sp35 hr {
    border: none;
    box-sizing: border-box;
    height: .075rem;
}

#news .sp35 [hidden],
#news .sp35 template,
#pdt .sp35 [hidden],
#pdt .sp35 template {
    display: none;
}

#news .sp35 audio:not([controls]), #pdt .sp35 audio:not([controls]) {
    display: none;
    height: 0;
}

#news .sp35 table, #pdt .sp35 table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

#news .sp35 td,
#news .sp35 th,
#pdt .sp35 td,
#pdt .sp35 th {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    text-align: inherit;
}

/* ∞∞ IE ∞∞ */
#news .sp35 article,
#news .sp35 aside,
#news .sp35 details,
#news .sp35 figcaption,
#news .sp35 figure,
#news .sp35 footer,
#news .sp35 header,
#news .sp35 main,
#news .sp35 menu,
#news .sp35 nav,
#news .sp35 section,
#news .sp35 summary,
#pdt .sp35 article,
#pdt .sp35 aside,
#pdt .sp35 details,
#pdt .sp35 figcaption,
#pdt .sp35 figure,
#pdt .sp35 footer,
#pdt .sp35 header,
#pdt .sp35 main,
#pdt .sp35 menu,
#pdt .sp35 nav,
#pdt .sp35 section,
#pdt .sp35 summary {
    display: block;
}

#news .sp35 audio,
#news .sp35 canvas,
#news .sp35 progress,
#news .sp35 video,
#pdt .sp35 audio,
#pdt .sp35 canvas,
#pdt .sp35 progress,
#pdt .sp35 video {
    display: inline-block;
    vertical-align: baseline;
}

#news .sp35 a, #pdt .sp35 a {
    background-color: transparent;
}

#news .sp35 button, #pdt .sp35 button {
    overflow: visible;
}

#news .sp35 html, #pdt .sp35 html {
    -ms-text-size-adjust: 100%;
}

#news .sp35 img, #pdt .sp35 img {
    border: none;
}

#news .sp35 input[type="checkbox"],
#news .sp35 input[type="radio"],
#pdt .sp35 input[type="checkbox"],
#pdt .sp35 input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    outline: none;
}

#news .sp35 legend, #pdt .sp35 legend {
    border: none;
    padding: 0;
}

#news .sp35 mark, #pdt .sp35 mark {
    background: #ff0;
    color: #000;
}

#news .sp35 svg:not(:root), #pdt .sp35 svg:not(:root) {
    overflow: hidden;
}

#news .sp35 textarea, #pdt .sp35 textarea {
    overflow: auto;
}

/* ∞∞ moz ∞∞ */
#news .sp35 body, #pdt .sp35 body {
    -moz-osx-font-smoothing: grayscale;
}

#news .sp35 button::-moz-focus-inner,
#news .sp35 input::-moz-focus-inner,
#pdt .sp35 button::-moz-focus-inner,
#pdt .sp35 input::-moz-focus-inner {
    border: none;
    padding: 0;
}

#news .sp35 input, #pdt .sp35 input {
    line-height: normal;
}

/* ∞∞ webkit ∞∞ */
#news .sp35 *, #pdt .sp35 * {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

#news .sp35 html, #pdt .sp35 html {
    -webkit-text-size-adjust: 100%;
}

#news .sp35 body, #pdt .sp35 body {
    -webkit-font-smoothing: antialiased !important;
}

#news .sp35 blockquote, #pdt .sp35 blockquote {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

#news .sp35 fieldset, #pdt .sp35 fieldset {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
}

#news .sp35 input[type=number]::-webkit-inner-spin-button,
#news .sp35 input[type=number]::-webkit-outer-spin-button,
#pdt .sp35 input[type=number]::-webkit-inner-spin-button,
#pdt .sp35 input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    height: auto;
}

#news .sp35 input[type="search"], #pdt .sp35 input[type="search"] {
    -webkit-appearance: textfield;
}

#news .sp35 input[type="search"]::-webkit-search-cancel-button,
#news .sp35 input[type="search"]::-webkit-search-decoration,
#news .sp35 progress,
#pdt .sp35 input[type="search"]::-webkit-search-cancel-button,
#pdt .sp35 input[type="search"]::-webkit-search-decoration,
#pdt .sp35 progress {
    -webkit-appearance: none;
}

#news .sp35 form, #pdt .sp35 form {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#news .sp35 .select, #pdt .sp35 .select {
    width: 225px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 0 white;
    border-radius: 2px;
}

#news .sp35 .select_expand, #pdt .sp35 .select_expand {
    width: 0;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

#news .sp35 .select_expand::after, #pdt .sp35 .select_expand::after {
    content: '\003E';
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
    transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
    color: #3e3e3e;
    font-size: 20px;
    pointer-events: none;
    z-index: 2;
    -webkit-transition: all 250ms cubic-bezier(.4, .25, .3, 1);
    transition: all 250ms cubic-bezier(.4, .25, .3, 1);
    opacity: .6;
    outline: none;
}

#news .sp35 .select_expand:hover::after, #pdt .sp35 .select_expand:hover::after {
    opacity: 1;
    outline: none;
    outline: none;
}

#news .sp35 .select_expand:checked::after, #pdt .sp35 .select_expand:checked::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);
    transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);
    outline: none;
}

#news .sp35 .select_expand:focus::after, #pdt .sp35 .select_expand:focus::after {
    outline: none;
}

#news .sp35 .select_expandLabel, #pdt .sp35 .select_expandLabel {
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-family: 'gc';
    outline: none;
}

#news .sp35 .select_close, #pdt .sp35 .select_close {
    display: none
}

#news .sp35 .select_closeLabel, #pdt .sp35 .select_closeLabel {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#news .sp35 .select_items, #pdt .sp35 .select_items {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #333;
    border-radius: 2px;
    padding-top: 40px;
}

#news .sp35 .select_input, #pdt .sp35 .select_input {
    display: none
}

#news .sp35 .select_label, #pdt .sp35 .select_label {
    -webkit-transition: all 250ms cubic-bezier(.4, .25, .3, 1);
    transition: all 250ms cubic-bezier(.4, .25, .3, 1);
    display: block;
    height: 0;
    font-size: 1.2rem;
    line-height: 40px;
    overflow: hidden;
    color: #111;
    background-color: #fff;
    cursor: pointer;
    padding-left: 20px;
    font-weight: normal;
}

#news .sp35 .select_label-placeholder, #pdt .sp35 .select_label-placeholder {
    height: 40px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: transparent;
}

#news .sp35 .select_expand:checked + .select_closeLabel,
#pdt .sp35 .select_expand:checked + .select_closeLabel {
    display: block;
}

#news .sp35 .select_expand:checked + .select_closeLabel + .select_options .select_label,
#pdt .sp35 .select_expand:checked + .select_closeLabel + .select_options .select_label {
    height: 40px;
}

#news .sp35 .select_expand:checked + .select_closeLabel + .select_options .select_label:hover,
#pdt .sp35 .select_expand:checked + .select_closeLabel + .select_options .select_label:hover {
    background-color: #f7f7f7;
}

#news .sp35 .select_expand:checked + .select_closeLabel + .select_options + .select_expandLabel,
#pdt .sp35 .select_expand:checked + .select_closeLabel + .select_options + .select_expandLabel {
    display: none;
}

#news .sp35 .select_input:checked + .select_label,
#pdt .sp35 .select_input:checked + .select_label {
    height: 40px;
    margin-top: -40px;
}

#news .sp35, #pdt .sp35 {
    margin-top: 27px;
    z-index: 9;
}

#news .sp36 input, #pdt .sp36 input {
    width: 100%;
    position: relative;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 6px;
    height: 42px;
    transition: border .20s ease-in-out;
    -o-transition: border .20s ease-in-out;
    -moz-transition: border .20s ease-in-out;
    -webkit-transition: border .20s ease-in-out;
}

#news .sp36 input:focus, #pdt .sp36 input:focus {
    outline: none;
    border: 1px solid #0099d6;
}

#news .sp36, #pdt .sp36 {
    margin-top: 27px;
}

#news .sp36 button, #pdt .sp36 button {
    position: absolute;
    top: 1px;
    right: 13px;
    border: none;
    background: transparent;
    outline: none;
}

#news .sp36 button i, #pdt .sp36 button i {
    font-size: 20px;
    color: #3e3e3e;
    opacity: .6;
    margin-right: 3px;
    margin-top: 9px;
    transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
}

#news .sp36 button i:hover, #pdt .sp36 button i:hover {
    opacity: 1;
}

#news .sp37 img {
    max-width: 100%;
}

#news .sp37 {
    padding-bottom: 50px;
}

#news .sp38 {
    margin-top: 40px;
    margin-right: 10px;
    float: right;
    font-size: 20px;
    color: #111;
    font-weight: normal;
}

footer.s {
    padding: 0;
}

#pdt-item {
    background: rgba(0, 0, 0, .0);
    width: 100vw;
}

#pdt-item .breadcrumb {
    color: #666;
}

#pdt-item .breadcrumb a {
    color: #666;
}

#pdt-item img {
    opacity: 1;
    transition: opacity .20s ease-in-out;
}

#pdt img {
    width: 100%;
    opacity: 1;
    transition: opacity .20s ease-in-out;
}

#pdt-item .sp11 .carousel-control.left, #pdt-item .sp11 .carousel-control.right {
    top: 47%;
}

#pdt-item .right img, #pdt-item .left img {
    width: 100%;
}

#pdt-item .sp11 .carousel-control.left, .sp11 .carousel-control.right {
    width: 3%;
}

#pdt img:hover {
    opacity: .9;
}

#pdt-item .col-sm-12 img {
    max-width: 100%;
}

#pdt .sp39 {
    padding-left: 0;
    margin-left: 0;
}

#pdt .sp39 li {
    list-style: none;
    display: inline-block;
    margin-right: 0;
}

#pdt .sp42 span {
    width: 100%;
    position: relative;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 6px;
    height: 42px;
    font-weight: normal;
    transition: border .20s ease-in-out;
    -o-transition: border .20s ease-in-out;
    -moz-transition: border .20s ease-in-out;
    -webkit-transition: border .20s ease-in-out;
    border: 1px solid #333;
    border-radius: 2px;
    display: block;
    font-family: 'gc';
}

#pdt .sp42 input {
    position: relative;

    transition: border .20s ease-in-out;
    -o-transition: border .20s ease-in-out;
    -moz-transition: border .20s ease-in-out;
    -webkit-transition: border .20s ease-in-out;
}

#pdt .sp42 span label {
    font-weight: normal;
}

#pdt .sp42 {
    margin-top: 27px;

}


#pdt input#sp40[type='checkbox'] {
    height: 0;
    width: 0;
}

#pdt input#sp40[type='checkbox'] + label {
    position: absolute;
    top: 1px;
    display: flex;
    margin: .6em 0;
    align-items: center;
    color: #111;
    transition: color 250ms cubic-bezier(.4, .0, .23, 1);
}

#pdt input#sp40[type='checkbox'] + label > ins {
    position: absolute;
    display: block;
    bottom: 0;
    left: 2em;
    height: 0;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    transition: height 300ms cubic-bezier(.4, .0, .23, 1);
}

#pdt input#sp40[type='checkbox'] + label > ins > i {
    position: absolute;
    bottom: 0;
    font-style: normal;
    color: #4FC3F7;
}

#pdt input#sp40[type='checkbox'] + label > span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .3em;
    width: 1em;
    height: 1em;
    background: transparent;
    border: 1px solid #333;
    border-radius: 2px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4, .0, .23, 1);
}

#pdt input#sp40[type='checkbox'] + label:hover, #pdt input#sp40[type='checkbox']:focus + label {
    color: #333;
}

#pdt input#sp40[type='checkbox'] + label:hover > span, #pdt input#sp40[type='checkbox']:focus + label > span {
    background: rgba(255, 255, 255, .1);
}

#pdt input#sp40[type='checkbox']:checked + label > ins {
    height: 100%;
}

#pdt input#sp40[type='checkbox']:checked + label > span {
    border: 1px solid #333;
    animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1);
}

#pdt input#sp40[type='checkbox']:checked + label > span:before {
    content: "";
    position: absolute;
    top: .3em;
    left: .2em;
    border-right: 1px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    box-sizing: content-box;
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1);
    }
    33% {
        transform: scale(.85);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #212121;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    33% {
        width: .2em;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }
    100% {
        width: .2em;
        height: .5em;
        border-color: #212121;
        transform: translate3d(0, -.5em, 0) rotate(45deg);
    }
}

.panel-default > .panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-right: 5px;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: transparent;
    color: #f9c521;
}

.panel-default > .panel-heading a:focus {
    color: #f9c521;
}

.panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\f068";
}

.panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\f067";
}

#pdt-item .sp50 small {
    width: 100%;
    display: block;
    color: #9a9a9a;
    font-weight: normal;
    font-size: 8px;
}

#pdt-item .sp50 li {
    list-style: none;
    color: #000;
    margin-bottom: 15px;
    font-size: 18px;
}

#pdt-item .panel {
    background-color: transparent;
    border: 1px solid transparent;
}

#pdt-item .panel-default > .panel-heading {
    color: #f9c521;
    background-color: transparent;
    border-color: transparent;
}

#pdt-item .panel-default > .panel-heading:hover {
    color: #f9c521;
}

#pdt-item .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    color: #111;
}

#pdt-item .carousel-indicators .active {
    width: auto;
    height: 24px;
    margin: 3px;
    background-color: transparent;
    border: 1px solid #f9c521;
    color: #111;
}

#pdt-item .carousel-indicators li {
    display: inline-block;
    width: auto;
    height: 24px;
    margin: 3px;
    text-indent: initial;
    cursor: pointer;
    /* background-color: #f9c521; */
    border: 1px solid #777;
    border-radius: 0;
    float: right;
    font-size: 15px;
    color: #888;
    padding: 1px 10px 5px 10px;
}

#pdt-item .carousel-indicators {
    bottom: 0;
    width: 100%;
    left: 25%;
}

#pdt-item .sp51 {
    color: #111;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: normal;
}

#pdt-item .sp52 a {
    color: #f9c521;
    font-weight: normal;
}

#pdt-item .panel-title {
    font-size: 20px;
}

#pdt-item .panel-group {
    margin-top: 100px;
}

#pdt-item .sp53 {
    color: #111;
    font-weight: bold;
    margin-bottom: 0;
}

#pdt-item .sp54 label {
    color: #fff;
    font-weight: normal;
}

#pdt-item .sp54 input[type='checkbox'] + label:hover, #pdt-item .sp54 input[type='checkbox']:focus + label {
    color: #fff;
}

#pdt-item .sp54 input[type='checkbox'] + label:hover > span, #pdt-item .sp54 input[type='checkbox']:focus + label > span {
    background: rgba(255, 255, 255, .1);
}

#pdt-item .sp54 input[type='checkbox']:checked + label > ins {
    height: 100%;
}

#pdt-item .sp54 input[type='checkbox']:checked + label > span {
    border: 1px solid #fff;
    background: #fff;
    animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1);
}

#pdt-item .sp54 input[type='checkbox']:checked + label > span:before {
    content: "";
    position: absolute;
    top: .3em;
    left: .2em;

    transform: rotate(45deg);
    box-sizing: content-box;
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
}

#pdt-item .sp54 input[type='checkbox'] {
    height: 0;
    width: 0;
}

#pdt-item .sp54 input[type='checkbox'] + label {
    top: 1px;
    display: block;
    position: absolute;
    margin: .6em 0;
    align-items: center;
    color: #fff;
    transition: color 250ms cubic-bezier(.4, .0, .23, 1);
}

#pdt-item .sp54 input[type='checkbox'] + label > ins {
    position: absolute;
    display: block;
    bottom: 0;
    left: 2em;
    height: 0;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    transition: height 300ms cubic-bezier(.4, .0, .23, 1);
}

#pdt-item .sp54 input[type='checkbox'] + label > ins > i {
    position: absolute;
    bottom: 0;
    font-style: normal;
    color: #fff;
}

#pdt-item .sp54 input[type='checkbox'] + label > span {
    display: block;
    justify-content: center;
    align-items: center;
    margin-right: .3em;
    margin-top: 2px;
    margin-right: 5px;
    width: 1em;
    float: left;
    height: 1em;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4, .0, .23, 1);
}

#pdt-item .sp54 {
    padding-left: 0;
}

#pdt-item .sp54 li {
    position: relative;
    display: block;
    /* margin-right: 100%; */
    /* display: block; */
    float: left;
    height: 40px;
    margin-right: 5px;
    width: 121px;
}

.mgb50 {
    margin-bottom: 50px;
}

.qt, .qt-plus, .qt-minus {
    display: block;
    float: left;
}

.qt {
    font-size: 18px;
    line-height: 38px;
    width: initial;
    text-align: center;
    padding: 0 20px;
    color: #111;
    background-color: #fff;
}

.qt-plus, .qt-minus {
    background: transparent;
    border: none;
    font-size: 30px;
    font-weight: 300;
    height: 100%;
    padding: 0 20px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    color: #111;
}

.qt-plus:hover, .qt-minus:hover {
    background: #f0f0f0;
    cursor: pointer;
}

.qt-plus {
    line-height: 38px;
    height: 38px;
}

.qt-minus {
    line-height: 34px;
    height: 38px;
}

.amount {
    margin-top: 20px;
    width: 100%;
    height: 60px;
    position: relative;
}

.btn-s2 {
    border: 1px solid #eee;
    color: #111;
    padding: 8px 16px;
    transition: all .20s ease-in-out;
    width: calc(40% - 10px);
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    background: transparent;
}

.btn-s2.s {
    width: initial;
}

.btn-s2:hover {
    border: 1px solid #f9c521;
    color: #111;
    padding: 8px 16px;
    background: #f9c521;
}

.buy-btn {
    padding-left: 15px;
}

.download {
    width: 100%;
    padding-left: 15px;
    margin-top: 30px;
}

.backbox {
    width: 100%;
    padding-left: 15px;
    margin-top: 30px;
    text-align: right;
}

#pdt-item a.sp55 {
    color: #aaa;
    transition: color .2s linear;
}

#pdt-item a.sp55:hover {
    color: #f9c521;
}

#pdt-item .sp55 i {
    margin-right: 10px;
}

#support .sp57 {
    margin-top: 40px;
    font-weight: bold;
}

#support .sp58 i {
    color: #f9c521;
}

#support .sp58 h3 {
    font-size: 20px;
}

#support .sp56 {
    padding-left: 17px;
}

#support .sp56 li {
    list-style: none;
}

#support .sp56 li a {
    font-weight: normal;
    font-size: 16px;
    padding: 6px 12px 8px 0;
    display: block;
}

#support .sp58 {
    padding-bottom: 20px;
}

#support .sp58 .box {
    height: 250px;
}

#support .sp58 .box.s1 {
    height: 180px;
}

#support .sp59 {
    border-bottom: 1px solid #111;
}

.mgb30 {
    margin-bottom: 30px;
}

#pdt-item .sp50 {
    padding-left: 23px;
}

.sp60 .header-list {
    display: none;
    position: absolute;
    transition: all .20s ease-in-out;
}

.sp60:hover .header-list {
    display: block;
}

.sp60 .header-list ul {
    padding-left: 0;
    background: rgba(0, 0, 0, .7);
}

.sp60 .header-list ul li {
    list-style-type: none;
}

.sp60 .header-list ul li a {
    display: block;
    padding: 10px 22px;
    text-align: left;
    color: rgba(255, 255, 255, .85);
}

.sp60 .header-list ul li a:hover {
    color: #f9c521;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-family: 'gc';
    text-align: right;
    font-size: 12px;
}

.sp61 ul {
    padding-left: 0;
}


.muted {
    color: #bbbbbb;
}

.muted a {
    color: #ffb6ae;
    text-decoration: none;
}

.visible {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
    transition: all .20s ease-in-out;
}

.kitty-switch {
    width: auto;
    display: block;
    position: relative;
    margin: 7px 0 0 0;
    text-align: center;
}

.kitty-switch .prompt {
    display: inline-block;
    margin-top: 10px;
}

.kitty-switch .well {
    min-height: 20px;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 2px;
    background: transparent;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.kitty-switch #toggle {
    opacity: 0;
    display: none;
    border: none;
    border-radius: 0;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 29px;
    width: 140px;
    background: transparent;
    position: absolute;
    right: 0px;
    top: 3px;
    cursor: pointer;
    z-index: 100;
    color: tranparent;
}

.kitty-switch #toggle:after {
    content: '';
    background-color: transparent;
    height: 40px;
    width: 80px;
    position: absolute;
    left: 30px;
    top: -5px;
}

.kitty-switch #toggle ~ div.kitty:before {
    content: "\01F431";
    position: absolute;
    right: 80px;
    top: -10px;
    font-size: 45px;
    z-index: 1;
    color: #53adcb;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.kitty-switch #toggle:checked {
    right: 0px;
}

.kitty-switch #toggle:checked:after {
    left: -80px;
}

.kitty-switch #toggle:checked ~ div.kitty:before {
    content: '\01F63A';
    top: -10px;
    right: 41px;
}

.kitty-switch #toggle:checked ~ div.visible {
    opacity: 1;
    max-height: 900px;
    overflow: visible;
}

.kitty-switch #toggle ~ label:before {
    content: "";
    position: absolute;
    color: #53adcb;
    left: -30px;
    top: 0px;
    font-size: 16px;
}

.kitty-switch #toggle ~ label:after {
    content: "";
    position: absolute;
    color: #bbbbbb;
    left: 83px;
    top: 0px;
    font-size: 16px;
}

.kitty-switch #toggle:checked ~ label:before {
    color: #bbbbbb;
}

.kitty-switch #toggle:checked ~ label:after {
    color: #53adcb;
}

.nav > li.sp61.hidden-md {
    display: none;
}

.selectCF {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #333;
    border-radius: 2px;
    padding-top: 40px;
    height: 42px;
}

.selectCF li {
    list-style: none;
    cursor: pointer;
    perspective: 900px;
    -webkit-perspective: 900px;
    text-align: left;
}

.selectCF > li {
    position: relative;
    font-size: 0;
}

.selectCF span {
    display: inline-block;
    color: #FFF;
    z-index: 1;
}

.selectCF .arrowCF {
    transition: .3s;
    -webkit-transition: .3s;
    text-align: center;
    vertical-align: top;
    font-size: 17px;
}

#news .selectCF .titleCF, #pdt .selectCF .titleCF {
    padding: 0 10px 0 20px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding-left: 10px;
}

.selectCF .searchCF {
    padding: 0 10px 0 20px;
    border-left: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

@keyframes searchActive {
    from {
        transform: rotateY(180deg)
    }
    to {
        transform: rotateY(0deg);
    }
}

@-moz-keyframes searchActive {
    from {
        transform: rotateY(180deg)
    }
    to {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes searchActive {
    from {
        -webkit-transform: rotateY(180deg)
    }
    to {
        -webkit-transform: rotateY(0deg);
    }
}

.searchActive .searchCF {
    z-index: 1;
    animation: searchActive 0.3s alternate 1;
    -moz-animation: searchActive 0.3s alternate 1;
    -webkit-animation: searchActive 0.3s alternate 1;
}

.searchActive .titleCF {
    opacity: 0;
}

.titleCF:after {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #111;
    font-size: 20px;
    position: absolute;
    right: 9px;
}

.selectCF .searchCF input {
    line-height: 45px;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 17px;
}

.selectCF .searchCF input:active, .selectCF .searchCF input:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

.selectCF li ul {
    display: none;
    position: absolute;
    top: 5px;
    left: 0;
    padding: 0 !important;
    width: 100%;
    background: #FFF;
    max-height: 255px;
    overflow-y: auto;
    transition: .2s;
    -webkit-transition: .2s;
    z-index: 2;
    background: rgba(253, 253, 253, .95);

}

#news .selectCF li ul li:first-child, #pdt .selectCF li ul li:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid #111;
    border-bottom: none;
}

#news .selectCF li ul li:last-child, #pdt .selectCF li ul li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #111;
    border-top: none;
}

#news .selectCF li ul li, #pdt .selectCF li ul li {
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    transition: .2s;
    font-size: 1.2rem;
    line-height: 40px;
    padding-left: 20px;
    -webkit-transition: .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    white-space: nowrap;
}

.selectCF li ul li:hover {
    background: #666;
    color: #FFF;
}

.selectCF .selected {
    background: #eaeaea;
    color: #111;
}

.selectCF li ul li:last-child {
    border-bottom: none;
}

@-moz-keyframes effect1 {
    from {
        transform: translateY(15px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes effect1 {
    from {
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

.onCF li ul {
    display: block;
    -moz-animation: effect1 0.3s alternate 1;
    -webkit-animation: effect1 0.3s alternate 1;
}

ul.info li, #event-change {
    color: #FFF;
}

ul.info {
    padding: 0;
    margin: 0 0 20px 0;
}

ul.info li {
    display: inline-block;
    border: solid 1px #FFF;
    border-radius: 5px;
    padding: 0 5px;
}

#event-change {
    padding: 20px 0;
}

.custom-link {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    /*font-size: 12px;*/
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    font-size: 20px
}

#mem.sp30 {
    /*height: calc(100vh - 55px);*/
    padding-top: 89px;
    background: rgba(0, 0, 0, 0);

}

#mem .breadcrumb {
    margin-top: 40px;
    color: #000;
}

#mem .breadcrumb a {
    color: #aaa;
}

#mem {
    color: #000;
}

.sp63 {
    margin-top: 20px;
}

.sp64 {
    margin-bottom: 60px;
}

.btn-s2:last-child {
    margin-right: 0;
}

.row.sp69.s.s1.hidden-xs.tc.sp73 div {
    color: #aaa;
    font-size: 10px;
}

.bootstrap-select .btn {
    background: transparent;
    border: none;
    color: #000;
    padding-left: 23px;
    border-bottom: 3px solid #f9c521;
}

.bootstrap-select.open .btn:hover,
.bootstrap-select.open .btn:active:focus,
.bootstrap-select.open .btn:focus
.bootstrap-select.open .btn:active
.bootstrap-select.open .btn.dropdown-toggle.btn-default {
    color: #aaa;
    background-color: transparent !important;
    background: transparent !important;
    border-color: #f9c521;
    padding-left: 23px;
    outline: none !important;
}

.bootstrap-select .btn:hover,
.bootstrap-select .btn:active:focus,
.bootstrap-select .btn:focus
.bootstrap-select .btn:active {
    color: #aaa;
    background-color: transparent !important;
    background: transparent !important;
    border-color: #f9c521;
    outline: none !important;
    padding-left: 23px;
}

.flowuplabels .fl_wrap.s1 {
    position: relative;
    margin-top: 26px;
    height: 72px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.flowuplabels .fl_wrap.s1 .fl_input {
    border-bottom: none;
    padding-left: 0;
}

.flowuplabels .fl_wrap.s1.focused .fl_label, .flowuplabels .fl_wrap.populated.s1 .fl_label {
    top: 8px;
}

.sp65 .dropdown-menu {
    top: 64px;
    z-index: 999999999;
    background: rgb(218, 218, 218);

}

.sp65 .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #111;
    text-decoration: none;
    background-color: #ededed;
    outline: 0;
}

.sp65 .dropdown-menu.open {
    z-index: 999999999;
}

.sp65 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.sp65 .dropdown-menu > li > a {
    color: #111;
}

.sp65 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

.sp65 .form-control:focus {
    border-color: #f9c521;
}

.sp65 .bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: transparent;
    margin: 0 5px;
    white-space: nowrap;
}

.sp66 {
    margin-bottom: 120px;
}

.form-group.col-sm-6.fl_wrap.s1.sp65:hover {
    z-index: 9999999999999999999;
}

.sp67 {
    margin-top: 50px;
}

.sp67 p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.sp-light {
    display: block;
    position: initial;
    top: 14px;
    left: 169px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #ee1c25;
    text-shadow: 2px 2px 2px #bc0008;
}

.sp-light.yellow {
    background-color: #f9c521;
}

.sp-light.green {
    background-color: #4c944d;
}

.sp-light2 {
    animation: light 3s;
    -moz-animation: light 3s; /* Firefox */
    -webkit-animation: light 3s; /* Safari 和 Chrome */
    -o-animation: light 3s;
    display: block;
    position: absolute;
    top: 13px;
    left: -35px;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #ee1c25;
    text-shadow: 2px 2px 2px #bc0008;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes light {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes light {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes light {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes light {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

.sp68 {
    list-style: none;
    margin-top: 100px;
}

.sp68 li a {
    color: #333;
    transition: color .20s ease-in-out;
    -o-transition: color .20s ease-in-out;
    -moz-transition: color .20s ease-in-out;
    -webkit-transition: color .20s ease-in-out;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
    font-weight: normal;
}

.sp68 li a:hover {
    color: #000;
}

.sp68 .lightsre {
    position: relative;
}

.sp69 {
    margin-top: 60px;
}

.sp69.s {
    margin-top: 0;
    padding: 12px 0;
    color: #fff;
}

.sp69.s div {
    color: #111;
    padding: 0;
    font-weight: normal;
}

.sp70:before {
    content: '';
    width: 0;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: rgba(249, 197, 33, .5) transparent transparent transparent;
    transition: border-color .20s ease-in-out;
    -o-transition: border-color .20s ease-in-out;
    -moz-transition: border-color .20s ease-in-out;
    -webkit-transition: border-color .20s ease-in-out;
}

.sp70 {
    color: #fff;
    padding-left: 25px;
}

.sp70:hover {
    color: #fff;
}

.sp70:hover:before {
    border-color: rgba(249, 197, 33, 1) transparent transparent transparent;
}

.sp69 {
    color: #aaa;
}

.sp69 div {
    overflow: hidden;
}

.sp71 {
    margin-bottom: 60px;
}

.sp69.s:hover {
    background: rgba(30, 30, 30, 0.04);
}

.sp69.s.s1 {
    text-transform: uppercase;
    font-weight: bold;
}

.sp69 span {
    display: none;
}

.sp69 span.sp-light {
    display: block;
    top: 50%;
    margin-top: 0;
    margin-right: 7px;
    left: 15px;
}

.sp69 img {
    max-height: 90px;
    margin-bottom: 10px
}

.sp69 button {
    border: none;
    background: transparent;
}

.sp69 i {
    color: #aaa;
    transition: color .20s ease-in-out;
    -o-transition: color .20s ease-in-out;
    -moz-transition: color .20s ease-in-out;
    -webkit-transition: color .20s ease-in-out;
}

.sp69 i:hover {
    color: #111;
}

.sp72 div {
    height: 78px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
    padding-bottom: 10px;
}

.sp72 a {
    color: #111;
    font-weight: normal;
}

.sp73 {
    margin-bottom: 40px;
}

.sp69.s.sp73:hover {
    background: transparent;
}

.sp72.sp69.s {
    padding-bottom: 0;
}

.sp74 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.sp75 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.sp76 {
    border-left: 1px solid #aaa;
}

.sp77 {
    display: block;
    margin: auto;
    width: 90px;
    height: 90px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #aaa;
    font-size: 24px;
    font-family: 'gc';
    color: #aaa;
    margin-bottom: 20px;
}

.sp77:hover {
    color: #fff;
}

.sp77.active {
    border-color: #f9c521;
    color: #f9c521;
}

.sp78 {
    margin-top: 50px;
    font-weight: bold;
    font-size: 20px;
    padding: 0 10%;
}

.sp79 {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.sp78.s {
    margin-bottom: 50px;
}

.sp78.ss {
    margin-bottom: 80px;
}

.sp80 {
    color: #aaa;
}

.sp81 {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 0px;
}

.sp78 h1 {
    font-size: 25px;
    margin-top: 100px;
}

.sp82 {
    color: #111;
    border-radius: 5px;
    text-align: center;
    max-width: 100px;
    font-weight: normal;
}

.sp83 {
    color: #888;
    margin-top: 20px;
}

.sp84 {
    width: 100%;
    margin-top: 12px;
}

.sp85 {
    margin-bottom: 80px;
    text-align: center;
    margin-top: 60px;
}

.sp86 {
    margin: 40px 0;
}

.sp87 {
    border: 3px solid #f9c521;
    display: none;
}

.squaredTwo {
    width: 28px;
    height: 28px;
    float: left;
    position: relative;
    margin: 20px 10px 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #f9c521 0%, #f9c521 40%, #f9c521 100%);
    background: linear-gradient(to bottom, #f9c521 0%, #f9c521 40%, #f9c521 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.squaredTwo label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: -webkit-linear-gradient(top, #e7e7e7 0%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #e7e7e7 0%, #d9d9d9 100%);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}

.squaredTwo label:after {
    content: '';
    width: 12px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #4c4c4c;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    opacity: 0.3;
}

.squaredTwo input[type=checkbox] {
    visibility: hidden;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.sp88 {
    display: inline-block;
    margin-top: 21px;
}

.sp88 a {
    color: #111;
    font-weight: normal;
    text-decoration: underline;
}

.sp88 a:hover {
    border-bottom: 1px solid #f9c521;
}

.step {
    display: inline-block;
    width: 16.4%;
    text-align: center;
    margin-top: 80px;
    position: relative;
}

.step-num {
    display: block;
    width: 120px;
    height: 80px;
    border: 1px solid #777;
    color: #111;
    font-size: 13px;
    line-height: 5.7em;
    text-align: center;
    margin: auto auto 20px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

.step-num.active {
    border-color: #f9c521;
    color: #000;
}

.step:after {
    content: ">>>";
    color: #ee1c25;
    position: absolute;
    top: 25px;
    right: -17px;
    font-size: 20px;
    transform: scale(1, 3);
}

.step:last-child:after {
    display: none;
}

.sp89 {
    width: 50%;
    margin-top: 15px;
}

.sp69 button:disabled i {
    color: #3f3f3f;
}

.btn-s2.w100 {
    width: 100%;
}

.sp6.s6 {
    top: 150px;
    left: 0;
}

.sp91 {
    background: transparent;
    color: #000;
    border: none;
    text-align: center;
}

.sp92 {
    width: 100%;
    outline: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #111;
    text-decoration: none;
    background-color: #eaeaea;
    outline: 0;
}

select.fl_input:disabled {
    background: #ebebe4;
}

select.fl_input.sp93 {
    border-radius: 3px;
    box-shadow: 0 2px 0 rgb(154, 154, 154) inset;
    font-size: 15px;
}

.cancel-option .form-group {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.cancel-option {
    margin: 20px;
    display: block;
    overflow: auto;
}

.sp94 {
    margin-top: 100px;
    font-weight: bold;
    font-size: 20px;
    position: relative;
}

.sp99 {
    position: fixed;
    right: 10%;
    bottom: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-bottom: 55px;
    height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
    padding: 20px 20px 57px 20px;
    width: 17%;
}

.sp96.sp69 div {
    display: block;
    width: 100%;
    height: initial;
    border-bottom: none;
}

.sp69.s.sp96 .s1 {
    font-weight: bold;
}

.sp69.s .sp97 {
    border-bottom: 1px solid #c8c8c8;
    padding-right: 17px;
    padding-bottom: 10px;
}

.sp69.s .add-item {
    padding-left: 18px;
    padding-top: 20px;
}

.sp69.s .add-item:hover {
    background: rgba(30, 30, 30, .04);
}

.sp69.s.sp96:hover {
    background: rgba(30, 30, 30, 0);
}

.sp69.s .add-item:last-child .sp97 {
    border-bottom: none;
}

.sp98 {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
}

main .sp94 .sp99 .sp100 {
    position: fixed;
    overflow: auto;
    padding-right: 18px;
    padding-top: 0;
    bottom: 61px;
    width: 16%;
    margin: auto;
    text-align: center;
}

.sp99 .sp100 .btn-s2 {
    width: 100%;
    margin: auto;
}

.sp96.sp69 div.add-item .s4 {
    position: absolute;
    right: 10px;
    top: 0;
    width: 30px;
}


main .sp96.sp69.sp72 div .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 40;
    -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
    -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
    -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
    -webkit-transition-delay: 0s, 0s;
    transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}

main .sp96.sp69.sp72 div .modal-overlay.state-show {
    opacity: .7;
    visibility: visible;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.2s, 0s;
    -o-transition-duration: 0.2s, 0s;
    -webkit-transition-duration: 0.2s, 0s;
    transition-duration: 0.2s, 0s;
}

main .sp96.sp69.sp72 div.modal-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    width: 100%;
    text-align: center;
    visibility: hidden;
}

main .sp96.sp69.sp72 div .modal-frame.state-appear {
    visibility: visible;
}

main .sp96.sp69.sp72 div .modal-frame.state-appear .modal-inset {
    -moz-animation: modalComeIn 0.25s ease;
    -webkit-animation: modalComeIn 0.25s ease;
    animation: modalComeIn 0.25s ease;
    visibility: visible;
    /* to keep @ final state */
}

main .sp96.sp69.sp72 div .modal-frame.state-appear .modal-body {
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
}

main .sp96.sp69.sp72 div .modal-frame.state-leave {
    visibility: visible;
}

main .sp96.sp69.sp72 div .modal-frame.state-leave .modal-inset {
    -moz-animation: modalHeadOut 0.35s ease 0.1s;
    -webkit-animation: modalHeadOut 0.35s ease 0.1s;
    animation: modalHeadOut 0.35s ease 0.1s;
    visibility: visible;
}

main .sp96.sp69.sp72 div .modal-frame.state-leave .modal-body {
    opacity: 0;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

@-moz-document url-prefix() {
    main .sp96.sp69.sp72 div .modal-frame {
        height: calc(100% - 55px);
    }
}

main .sp96.sp69.sp72 div.modal {
    display: block;
    vertical-align: middle;
    text-align: center;
}

main .sp96.sp69.sp72 div.modal-inset {
    position: relative;
    padding: 60px;
    background-color: white;
    max-width: 420px;
    max-height: 220px;
    margin: 20% auto;
    visibility: hidden;
    -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

main .sp96.sp69.sp72 div.modal-inset .close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    width: 29px;
    opacity: .4;
}

main .sp96.sp69.sp72 div.modal-inset .close:hover {
    opacity: 1;
}

main .sp96.sp69.sp72 div.modal-body {
    margin: auto;
    opacity: 0;
    -moz-transform: translateY(0) scale(0.8, 0.8);
    -ms-transform: translateY(0) scale(0.8, 0.8);
    -webkit-transform: translateY(0) scale(0.8, 0.8);
    transform: translateY(0) scale(0.8, 0.8);
    -moz-transition-property: opacity, -moz-transform;
    -o-transition-property: opacity, -o-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

main .sp96.sp69.sp72 div.modal-body h3 {
    font-weight: 700;
    padding-bottom: 22px;
    display: block;
    color: #F2594B;
    text-align: center;
}

main .sp96.sp69.sp72 div.modal-body p {
    padding-bottom: 20px;
}

main .sp96.sp69.sp72 div.modal-body .ps {
    font-size: 12px;
    opacity: .3;
}

@-webkit-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }
    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@-moz-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }
    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }
    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

.sp99 .sp100 .modal-body .btn-s2 {
    display: inline-block;
    width: 49%;
}

.hidden-sm {
    display: block;
}

.navbar-default .navbar-nav > li.sociala a {
    padding: 11px 14px 0 8px;
}

.navbar-default .navbar-nav > li.sociala a img {
    height: 33px;
}

.sp69 .amount span {
    display: block;
}

.sp69 .amount {
    margin-top: 0;
}

.sp101.btn-s2 {
    width: 90%;
    border-radius: 3px;
}

.sp101.btn-s2 i {
    font-size: 20px;
}

.sp101.btn-s2:hover {
    cursor: pointer;
}

.sp101.btn-s2:focus, .sp101.btn-s2:active {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .25) inset;
}

.sp101.btn-s2:hover i {
    color: #000;
}

.flowuplabels .populate .fl_label {
    font-size: 12px;
    color: #111;
    top: -15px;
}

#captchaImg.btn {
    padding: 0;
}

.sp102 {
    background: none;
    color: #111;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: initial;
    padding: 0 0 0 20px;
    height: 43px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 3px solid #f9c521;
}

.sp103 {
    margin-bottom: 200px;
}

.shop-num {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    right: 0;
    bottom: 8px;
    padding-top: 3px;
    display: block;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
}


/*.flowuplabels .fl_wrap:not(.focused) label {*/
/*    display: none;*/
/*}*/

.flowuplabels ::placeholder {
    /*color: #000;*/
    text-transform: uppercase;
    line-height: 1.2;
    /*font-weight: 400;*/
}

.flowuplabels .fl_wrap.focused ::placeholder {
	color: transparent;
}
/*
2021.03.16
 */
.form-options ul {
    display:flex;
    list-style-type: none;
}
.form-group.form-options {
    height: fit-content;
}
.form-options ul li {
    margin-right: 7px;
    font-weight: normal;
}
.form-options label {
    font-weight: normal;
}
.form-options [name='website_url'] {
    border: 1px solid #ddd;
}
.form-group.form-country .btn{
       margin-top: 0;
}
.team-top .fl_label {
    color: #fff;
}
.team-top ::placeholder {
    color: #fff;
}
.form-custom-checkbox .sp88{
    margin-top: 25px;
}
.form-custom-checkbox label{
    font-weight: normal;
}

.form-control.is-valid {
    border-bottom-color: #dc3545;
}

.order-check-title {
    font-size: 20px;
    margin-top: 10px;
}

.order-check-disagree-reason {
    list-style-type: none;
    margin-top: 10px;
}
.order-check-disagree-reason h3{
    letter-spacing: 0;
    margin-top: 5px;
    margin-bottom: 0;
}
@media (max-width:767px){
    .order-check-btn {
        clear: both;
    }
}