AlkantarClanX12

Your IP : 3.138.181.90

Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/thegem/css/
Upload File :
Current File : //home/thanudqk/siamfreetour.com/wp-content/themes/thegem/css/thegem-fullpage.css

/* PAGE SCROLLER ADVANCED */
.thegem-fp {
    position: relative;
}

.thegem-fp .scroller-block {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    background-size: cover;
    background-position: center;
}

.compose-mode .scroller-block {
    height: auto;
}

.thegem-fp.thegem-fp-fixed-background .scroller-block {
    background-size: cover !important;
    background-attachment: fixed !important;
}

.thegem-fp #fp-nav {
    transform: translateY(-50%);
    margin-top: 0;
}

.thegem-fp #fp-nav.fp-right {
    right: 37px;
}

.thegem-fp #fp-nav.fp-left {
    left: 37px;
}

.thegem-fp #fp-nav ul li {
    width: auto;
    height: auto;
    margin: 18px 0;
}

.thegem-fp #fp-nav ul li .fp-tooltip {
    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: initial;
    visibility: hidden;
}

.thegem-fp #fp-nav ul li:hover .fp-tooltip,
.thegem-fp #fp-nav.fp-show-active a.active+.fp-tooltip {
    visibility: visible;
}


/* dost outline */
.thegem-fp-dost-outline #fp-nav ul li a {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.thegem-fp-dost-outline #fp-nav ul li a.active,
.thegem-fp-dost-outline #fp-nav ul li:hover a {
    background-color: #ffffff;
}

.thegem-fp-dost-outline #fp-nav ul li a span:not(.fp-sr-only) {
    background: none;
}

.thegem-fp-dost-outline #fp-nav ul li .fp-tooltip {
    height: 30px;
    background-color: #00b191;
    border-radius: 15px;
    line-height: 1;
    padding: 0 20px;
    margin-right: 10px;
}

.thegem-fp-dost-outline #fp-nav ul li .fp-tooltip:after {
    content: '';
    position: absolute;
    right: -9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 5px solid #00b191;
}

/* dost solid */
.thegem-fp-dost-solid #fp-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thegem-fp-dost-solid #fp-nav ul li a {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.3) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thegem-fp-dost-solid #fp-nav ul li a span:not(.fp-sr-only) {
    width: 6px;
    height: 6px;
    display: block;
    transition: background-color .3s;
    background-color: transparent;
    border-radius: 100%;
    position: static;
    margin: 0;
}

.thegem-fp-dost-solid #fp-nav ul li:hover a span:not(.fp-sr-only),
.thegem-fp-dost-solid #fp-nav ul li a.active span:not(.fp-sr-only),
.thegem-fp-dost-solid #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
    background-color: #ffffff;
}

.thegem-fp-dost-solid #fp-nav ul li .fp-tooltip {
    height: 30px;
    background-color: #ff227d;
    border-radius: 5px;
    line-height: 1;
    padding: 0 20px;
    margin-right: 10px;
}

.thegem-fp-dost-solid #fp-nav ul li .fp-tooltip:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
    border: 5px solid transparent;
    border-left: 5px solid #ff227d;
}

/* dost solid small */
.thegem-fp-dost-solid-small #fp-nav ul li a {
    display: flex;
    width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center;
}

.thegem-fp-dost-solid-small #fp-nav ul li a span:not(.fp-sr-only) {
    position: static;
    margin: 0;
}

.thegem-fp-dost-solid-small #fp-nav ul li a:not(.active) span:not(.fp-sr-only) {
    background-color: rgba(255,255,255,0.3);
    width: 6px;
    height: 6px;
}

.thegem-fp-dost-solid-small #fp-nav ul li:hover a span:not(.fp-sr-only),
.thegem-fp-dost-solid-small #fp-nav ul li a.active span:not(.fp-sr-only),
.thegem-fp-dost-solid-small #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
    background-color: #ffffff;
}

.thegem-fp-dost-solid-small #fp-nav ul li:hover a:not(.active) span:not(.fp-sr-only) {
    width: 12px;
    height: 12px;
}

.thegem-fp-dost-solid-small #fp-nav ul li .fp-tooltip {
    height: 30px;
    background-color: rgba(255,255,255,0.3);
    line-height: 1;
    padding: 0 20px;
    margin-right: 10px;
}

.thegem-fp-dost-solid-small #fp-nav ul li .fp-tooltip:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
    border: 5px solid transparent;
    border-left: 5px solid rgba(255,255,255,0.3);
}

/* dost lines */
.thegem-fp-dost-lines #fp-nav ul li {
    margin: 14px 0;
}

.thegem-fp-dost-lines #fp-nav ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 7px 0;
}

.thegem-fp-dost-lines #fp-nav ul li a span:not(.fp-sr-only) {
    position: static;
    margin: 0;
    width: 16px;
    height: 2px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 0;
}

.thegem-fp-dost-lines #fp-nav ul li:hover a span:not(.fp-sr-only),
.thegem-fp-dost-lines #fp-nav ul li a.active span:not(.fp-sr-only),
.thegem-fp-dost-lines #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
    width: 42px;
    background-color: #ffffff;
}

.thegem-fp-dost-lines #fp-nav ul li .fp-tooltip {
    margin-right: 36px;
}

/* dost outlined active */
.thegem-fp-dost-outlined-active #fp-nav ul li {
    margin: 14px 0;
}

.thegem-fp-dost-outlined-active #fp-nav ul li a {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: border .1s;
    transition: border .1s;
}

.thegem-fp-dost-outlined-active #fp-nav ul li:hover a,
.thegem-fp-dost-outlined-active #fp-nav ul li a.active,
.thegem-fp-dost-outlined-active #fp-nav ul li:hover a.active {
    border-color: #ffffff;
}

.thegem-fp-dost-outlined-active #fp-nav ul li a span:not(.fp-sr-only) {
    background-color: #ffffff;
    width: 4px;
    height: 4px;
    margin: 0;
    position: static;
}

.thegem-fp-dost-outlined-active #fp-nav ul li .fp-tooltip {
    margin-right: 47px;
}

.thegem-fp-dost-outlined-active #fp-nav ul li .fp-tooltip:after {
    content: '';
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    right: -33px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thegem-fp .scroller-block .vc_chart:not(.vc_chart-initialized) {
    display: none;
}


/* parallax */
.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block {
    position: absolute !important;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 1s ease;
    visibility: visible;
    z-index: 1;
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block.fp-completely.active {
    z-index: 10;
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block:not(.active):not(.fp-section-initialized) > * {
    position: absolute !important;
    margin-top: 10000px !important;
    visibility: hidden !important;
}

.thegem-fp-parallax:not(.fp-responsive) .scroller-block.fp-prev-up {
    animation-name: fp_prevUp;
    transform: translateY(-100%);
    z-index: 5;
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block.fp-next-up {
    animation-name: fp_nextUp;
    transform: translateY(0);
    z-index: 10;
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block.fp-prev-down {
    animation-name: fp_prevDown;
    transform: translateY(100%);
    z-index: 5;
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .scroller-block.fp-next-down {
    animation-name: fp_nextDown;
    transform: translateY(0);
    z-index: 10;
}

/* fp_prevUp */
@-webkit-keyframes fp_prevUp {
    from { transform:translateY(0); }
    to { transform:translateY(-60%); }
}

@keyframes fp_prevUp {
    from { transform:translateY(0); }
    to { transform:translateY(-60%); }
}

/* fp_nextUp */
@-webkit-keyframes fp_nextUp {
    from { transform:translateY(100%);}
    to { transform:translateY(0); }
}

@keyframes fp_nextUp {
    from { transform:translateY(100%);}
    to { transform:translateY(0); }
}

/* fp_prevDown */
@-webkit-keyframes fp_prevDown {
    from { transform:translateY(0); }
    to { transform:translateY(60%); }
}

@keyframes fp_prevDown {
    from { transform:translateY(0); }
    to { transform:translateY(60%); }
}

/* fp_nextDown */
@-webkit-keyframes fp_nextDown {
    from { transform:translateY(-100%); }
    to { transform:translateY(0); }
}

@keyframes fp_nextDown {
    from { transform:translateY(-100%); }
    to { transform:translateY(0); }
}

.fp-thegem-footer {
    background-color: transparent !important;
}

.fp-thegem-footer-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transition: transform 1s ease;
}



@media (max-width: 768px) {
    .thegem-fp.thegem-fp-disabled-mobile .scroller-block {
        height: auto !important;
    }

    .thegem-fp-dost-outline #fp-nav ul li a {
        width: 10px;
        height: 10px;
    }

    .thegem-fp #fp-nav.fp-right {
        right: 17px;
    }

    .thegem-fp #fp-nav.fp-left {
        left: 17px;
    }
}