/*************** CSS for Desktop ***************/
@keyframes pulse_old {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}
@-webkit-keyframes pulse {
    0% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }

    50% {
        /* transform: scale(1); */
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    100% {
		/* transform: scale(0.95); */
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6);
    }
}
@-webkit-keyframes downAnimation {
    0% {
        transform: scale(1.05) translate(-50%, 0);
    }

    50% {
        transform: scale(1) translate(-50%, 0);
    }

    100% {
        transform: scale(1.05) translate(-50%, 0);
    }
}
.pulse {
	transform: scale(1);
	animation: pulse .5s linear infinite;
}
.icondown {
    cursor: pointer;
    animation: downAnimation .4s linear infinite;
    position: absolute;
    left: 50%;
    bottom: 2%;
    z-index: 999;
}
html, body, #main, #wrapper, .j-section {
    /* height: 100%; */
}
html, body {
    background-color: #000 !important;
}
#main, #wrapper {
    background-color: transparent !important;
}
body, #main, #wrapper {
    /* overflow: hidden; */
}
.j-section {
    margin: 0 auto;
    max-width: 100%;
}
.j-section .row {
    max-width: 610px;
}
.j-section .section-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
body {
    background-image: url(../img/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed; /**/
}
#main, #wrapper {
    background-color: transparent;
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child), blockquote, dl, figure, form, ol, pre, ul {
    margin-bottom: 0;
}
.j-slider .img {
    width: 33.333333% !important;
    display: flex;
    align-items: flex-end;
    min-height: 8.5vw;
}
.j-img {
    padding: 0 0.6% !important;
}
.j-img .img-inner {
    margin-bottom: 2%;
    margin-left: -13.5%;
    z-index: 99;
}
.j-sLeft,
.j-sRight {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    max-width: 260px !important;
    z-index: 999;
}
.j-sLeft {
    left: 3.6%;
}
.j-sRight {
    right: 3.6%;
    max-width: 252px !important;
}
.flickity-page-dots {
    bottom: -2rem;
}
.flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    background: 0 0;
    padding: 0;
    border: 1px solid #a76627 !important;
    border-radius: 100%;
}
.flickity-page-dots .dot.is-selected {
    background: #a76627 !important;
}
.seoInfo a {
    color: rgb(255, 255, 255);
    text-shadow: rgb(192, 46, 5) 1px 1px 0px, rgb(192, 46, 5) 1px -1px 0px, rgb(192, 46, 5) -1px 1px 0px, rgb(192, 46, 5) -1px -1px 0px, rgb(192, 46, 5) 1px 0px 0px, rgb(192, 46, 5) 0px 1px 0px, rgb(192, 46, 5) -1px 0px 0px, rgb(192, 46, 5) 0px -1px 0px;
}
.seoInfo h1 {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
}
.seoInfo h2 {
    font-size: 20px;
    text-transform: uppercase;
}
.footer p {
    margin-bottom: 0;
}
.footer p a, .footer p span {
    color: #ffe9a4;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
}
.ftlbl {
    text-transform: uppercase;
    color: #ffe9a4;
    font-size: 16px;
    padding-bottom: .8rem;
}
.ftcontact {
    font-size: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
}
.ftcontact .fttxt {
    display: flex;
    padding: 0 1rem;
    align-items: center;
}
.ftcontact .fttxt a {
    padding: 0 5px;
}
.social-list {
    position: fixed;
    right: 3.6%;
    left: 10px;
    z-index: 99;
}
.social-list, .social-list .icon-phone3, a.icon-phone {
    top: 18px;
}
.social-list .icon-phone2, .social-list .icon-phone3 {
    position: fixed;
    right: 10px;
    z-index: 99;
}
a.icon-livechat, a.icon-phone {
    cursor: pointer;
    z-index: 99;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
    background-size: contain;
    display: block;
    position: fixed;
    width: 42px;
    height: 42px;
}
a.icon-livechat::before, a.icon-phone::before {
    display: none;
}
a.icon-phone {
    background-image: url(../img/icon-tele.webp);
    top: 20px;
    margin-top: 0
}
a.icon-phone3 {
    background-image: url(../img/icon-phone.webp)
}
/*************** CSS for landscape Desktop ***************/
@media (max-width: 1750px) {
    .j-slider .img {
        min-height: calc(8.5vw*0.92);
    }
}
@media (max-width: 1500px) {
    .j-section .row {
        max-width: 560px;
    }
    .j-slider .img {
        min-height: calc(8.5vw*0.93);
    }
}
@media (max-height: 660px) and (orientation: landscape) {

}
/*************** CSS for Tablet ***************/
@media(min-width: 1023px) {
    .show-for-medium,[data-show=show-for-medium] {
        display:none!important
    }
}

@media(max-width: 1023px) {
    .hide-for-medium,[data-show=hide-for-medium] {
        display:none!important
    }
}
@media (max-width: 1023px) and (orientation: landscape) {
    .j-section {
        min-height: auto !important;
        height: 100dvh;
    }
    .j-section .row {
        max-width: 350px !important;
    }
    .seoInfo .row {
        max-width: 450px !important;
    }
}
@media (max-width: 860px) and (orientation: landscape) {
    .j-section .row {
        max-width: 260px !important;
    }
}
@media (orientation: portrait) {
    .j-section {
        min-height: 0 !important;
    }
    .col, .row-collapse>.col {
        flex-basis: 100%;
        max-width: 100%;
        /* padding: 0 5% !important; */
    }
    .hide-for-small, [data-show=hide-for-small], .hide-for-medium, [data-show=hide-for-medium] {
        display: none !important;
    }
    .show-for-small, [data-show=show-for-small] {
        display: block !important;
    }
}
@media (min-width: 750px) and (orientation: portrait) {
    .j-section .row {
        max-width: 65% !important;
    }
}

/*************** CSS for mobile ***************/
@media (max-width: 549px) {
    body {
        background-image: url(../img/bg-mb.webp);
        background-position: center;
    }
    body::before {
        display: none;
    }
    .j-section {
        max-width: 100%;
        height: 100dvh;
    }
    .j-slider .img {
        width: 50% !important;
        min-height: 27.5vw;
    }
    .footer {
        padding: 1rem 0;
        font-size: 11px;
        overflow: hidden;
    }
    .footer, .footer p a, .footer p span, .ftcontact {
        font-size: 11px;
    }
}

/*************** CSS for mobile ***************/
@media (max-width: 390px) {

}