body {
    font-family: "Open Sans", sans-serif;
    color: #1b1b1b;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: "PT Serif", serif;
    line-height: 1.6;
}
.page-header-dlarea {
    padding: 2rem 0 14rem 0;
    color: #ffffff;
    background-color: #fcf0de;
    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% 77%,
        55% 77%,
        50% 84%,
        45% 77%,
        0 77%
    );
}
.logo {
    width: 105px;
}
.content-area {
    margin-top: -4rem;
}

/* Gift Index */
.gift-index-wrap {
    background-color: #fcf0de;
    background-image: linear-gradient(190deg, #fcf0de 0%, #f6eba1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    flex-direction: column;
}
.gift-index-wrap_test {
    background-position: center top;
    background-size: cover;
}
.prod-title {
    font-size: 3rem;
    font-weight: 400;
}
.prod-desc {
    font-size: 1.5rem;
    font-weight: 300;
}
#timer {
    width: 300px;
}
.countdown-container {
    width: 100%;
    float: left;
    border-radius: 10px;
    background: linear-gradient(rgb(0, 0, 0), rgb(51, 51, 51));
}
.time-section-wrap {
    padding: 10px 15px;
    position: relative;
    border-right: 1px solid #333333;
    float: left;
    width: 33%;
}
.time-section-wrap:last-child {
    border-right: 0px;
}
.time-section {
    text-align: center;
    color: #fff;
}
.time-section .minutes,
.time-section .seconds,
.time-section .centiseconds {
    font-size: 2.5rem;
}
.time-section .time-name {
    font-size: 0.9375rem;
    color: #ff7f7b;
}
.btn-download {
    color: #fff;
    background-color: #987d38;
    background-image: url("../img/btn-bg-gold.png");
    background-position: center;
    border-color: #987d38;
    padding: 15px;
    border-radius: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.btn-download:hover,
.btn-download:focus,
.btn-download:active,
.btn-download.active,
.open .dropdown-toggle.btn-download {
    color: #ffffff;
    background-color: #ba9945;
    border-color: #ba9945;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
.btn-download:active,
.btn-download.active,
.open .dropdown-toggle.btn-download {
    background-image: none;
}
.btn-download.disabled,
.btn-download[disabled],
fieldset[disabled] .btn-download,
.btn-download.disabled:hover,
.btn-download[disabled]:hover,
fieldset[disabled] .btn-download:hover,
.btn-download.disabled:focus,
.btn-download[disabled]:focus,
fieldset[disabled] .btn-download:focus,
.btn-download.disabled:active,
.btn-download[disabled]:active,
fieldset[disabled] .btn-download:active,
.btn-download.disabled.active,
.btn-download[disabled].active,
fieldset[disabled] .btn-download.active {
    background-color: #ba9945;
    border-color: #ba9945;
}
.btn-download-green {
    font-family: "Montserrat";
    color: #ffffff;
    background-color: #9abe69;
    border-color: #9abe69;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.btn-download-green:hover,
.btn-download-green:focus,
.btn-download-green:active,
.btn-download-green.active,
.open .dropdown-toggle.btn-download-green {
    color: #ffffff;
    background-color: #acc982;
    border-color: #acc982;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
.btn-download-green:active,
.btn-download-green.active,
.open .dropdown-toggle.btn-download-green {
    background-image: none;
}
.btn-download-green.disabled,
.btn-download-green[disabled],
fieldset[disabled] .btn-download-green,
.btn-download-green.disabled:hover,
.btn-download-green[disabled]:hover,
fieldset[disabled] .btn-download-green:hover,
.btn-download-green.disabled:focus,
.btn-download-green[disabled]:focus,
fieldset[disabled] .btn-download-green:focus,
.btn-download-green.disabled:active,
.btn-download-green[disabled]:active,
fieldset[disabled] .btn-download-green:active,
.btn-download-green.disabled.active,
.btn-download-green[disabled].active,
fieldset[disabled] .btn-download-green.active {
    background-color: #acc982;
    border-color: #acc982;
}
.btn-gray {
    background-color: #4c4d5d;
    background-image: url("../img/btn-bg-gray.png");
    border-color: #4c4d5d;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    background-color: #5c5d70;
    border-color: #5c5d70;
}

.text-shadow {
    text-shadow: 2px 3px 4px #232323;
}
.text-supernova {
    color: #ffcb00;
}
.text-perano {
    color: #abc6f1;
}
.text-primary {
    color: #4b842c !important;
}
.text-primary-alt {
    color: #1d5637 !important;
}
.text-secondary {
    color: #ff7f7b !important;
}

.btn-primary {
    background-color: #427527;
    border: none;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 600;
    padding: 1rem 2rem;
    box-shadow: 0px 5px 5px 0px rgba(234, 236, 245, 0.004);

    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;

    -webkit-animation: buttonEffect 3s linear infinite;
    -moz-animation: buttonEffect 3s linear infinite;
    -o-animation: buttonEffect 3s linear infinite;
    animation: buttonEffect 3s linear infinite;
}
.btn-primary:hover {
    background-color: #3b6923;
}

.btn-primary-2 {
    background-color: #31bd4d;
    color: #fff !important;
    border: none;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 600;
    padding: 0.75rem 4rem;
    box-shadow: 0 4px 0 #228937;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn-primary-2:hover {
    background-color: #2fb349;
}

.btn-secondary {
    background-color: #f9ab6b;
    border: none;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 700;
    padding: 0.75rem 4rem;
    box-shadow: 0 6px 0 #ba7b48;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn-secondary:hover {
    background-color: #ba7b48;
}

.inter1 {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: #fcf0de;
}
.card-inter1 {
    border: none;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.01);
}
.card-inter1 .card-body {
    padding: 4rem;
}
.card-inter1 .card-body h1 {
    color: #062429;
}
.card-inter1 .card-body .btn-lg {
    padding: 1rem 5rem;
}
.btn-inter {
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -webkit-animation: buttonEffect 1.5s linear infinite;
    -moz-animation: buttonEffect 1.5s linear infinite;
    -o-animation: buttonEffect 1.5s linear infinite;
    animation: buttonEffect 1.5s linear infinite;
}
.btn-inter:hover,
.btn-inter:focus {
    background: #d4c300 !important;
    outline: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.disclaimer-wrap {
    background-color: #fefefe;
    border: 1px solid #f4eae7;
    box-shadow: 0 0 30px rgba(226, 223, 175, 0.15);
    padding: 1.5rem 2rem;
}
.disclaimer-wrap p {
    font-size: 0.8rem;
    margin-bottom: 1rem;
    font-weight: 400;
}
.disclaimer-wrap h6 {
    font-size: 0.75rem;
    line-height: 1.6;
}

footer {
    background-color: #442d14;
    color: #fff;
    padding: 1rem 0;
    font-size: 0.875rem;
    font-weight: 400;
}
footer a {
    color: #fff;
}

.hr-primary {
    border-color: #31bd4d;
}
.hr-secondary {
    border-color: #ff7f7b;
}

.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.lh-normal {
    line-height: normal !important;
}
.lh-1 {
    line-height: 1.2 !important;
}
.lh-2 {
    line-height: 1.4 !important;
}
.lh-lg {
    line-height: 2 !important;
}
.fs-xs {
    font-size: 0.9rem !important;
}
.fs-default {
    font-size: 1rem !important;
}
.fs-sm {
    font-size: 1.2rem !important;
}
.fs-md {
    font-size: 1.8rem;
}
.fs-12 {
    font-size: 0.75rem !important;
}
.fs-14 {
    font-size: 0.875rem !important;
}
.fs-18 {
    font-size: 1.125rem !important;
    line-height: 1.6;
}
.fs-20 {
    font-size: 1.25rem !important;
    line-height: 1.6;
}
.fs-22 {
    font-size: 1.375rem;
    line-height: 1.6;
}
.fs-24 {
    font-size: 1.5rem;
    line-height: 1.6;
}
.fs-28 {
    font-size: 1.75rem;
    line-height: 1.6;
}
.fs-30 {
    font-size: 1.875rem !important;
    line-height: 1.6;
}
.fs-32 {
    font-size: 2rem !important;
    line-height: 1.6;
}
.fs-40 {
    font-size: 2.5rem;
    line-height: 1.6;
}
.fs-50 {
    font-size: 3.125rem !important;
    line-height: 1.6;
}
.fs-60 {
    font-size: 3.75rem !important;
    line-height: 1.6;
}
.fs-70 {
    font-size: 4.375rem !important;
    line-height: 1.6;
}
.flex-1 {
    flex: 1;
}
.mb-6 {
    margin-bottom: 4rem !important;
}
.mb-7 {
    margin-bottom: 5rem !important;
}
.mb-8 {
    margin-bottom: 6rem !important;
}
.mb-10 {
    margin-bottom: 8rem !important;
}
.mb-12 {
    margin-bottom: 10rem !important;
}
.mb-16 {
    margin-bottom: 14rem !important;
}
.mt-6 {
    margin-top: 4rem;
}
.mt-7 {
    margin-top: 5rem;
}
.mt-21 {
    margin-top: 21%;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}

@media (max-width: 768px) {
    .gift-index-wrap {
        background-position-x: 28%;
    }
    .page-header-dlarea {
        clip-path: polygon(
            0% 0%,
            100% 0%,
            100% 77%,
            55% 77%,
            50% 80%,
            45% 77%,
            0 77%
        );
    }
    .w-xs-50 {
        width: 50% !important;
    }
    .w-xs-75 {
        width: 75% !important;
    }
    .fs-20,
    .fs-22 {
        font-size: 1.125rem !important;
    }
    .fs-24 {
        font-size: 1.25rem !important;
    }
    .fs-28,
    .fs-30,
    .fs-32 {
        font-size: 1.5rem !important;
    }
    .fs-40 {
        font-size: 1.75rem !important;
    }
    .fs-50,
    .fs-60 {
        font-size: 2.25rem !important;
    }
    .fs-70 {
        font-size: 3rem !important;
    }
    .mb-6,
    .mb-7 {
        margin-bottom: 2rem !important;
    }
    .mb-8 {
        margin-bottom: 3rem !important;
    }
    .no-xs-br br {
        display: none;
    }
    .disclaimer-wrap p {
        font-size: 0.75rem;
    }
    footer p {
        font-size: 0.65rem;
    }
    .content-area {
        margin-top: -6rem;
    }
    .w-xs-75 {
        width: 75%;
    }
    .btn-primary {
        font-size: 1.25rem;
    }
    #timer {
        margin-left: auto;
        margin-right: auto;
    }
}

@-webkit-keyframes buttonEffect {
    0% {
        background: #4b842c;
    }
    50% {
        background: #ff7f7b;
    }
    100% {
        background: #4b842c;
    }
}
@-moz-keyframes buttonEffect {
    0% {
        background: #4b842c;
    }
    50% {
        background: #ff7f7b;
    }
    100% {
        background: #4b842c;
    }
}
@-o-keyframes buttonEffect {
    0% {
        background: #4b842c;
    }
    50% {
        background: #ff7f7b;
    }
    100% {
        background: #4b842c;
    }
}
@keyframes buttonEffect {
    0% {
        background: #4b842c;
    }
    50% {
        background: #ff7f7b;
    }
    100% {
        background: #4b842c;
    }
}