@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Pages/Amenities.razor.rz.scp.css */
.Device_Size[b-kasf1sn83q] {
}

@media(min-width : 40rem) {

    .Device_Size[b-kasf1sn83q] {
        min-width: 450px
    }
}

.room_description[b-kasf1sn83q] {
    color: #007cba;
}
.embtn-primary[b-kasf1sn83q] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

    .embtn-primary:hover[b-kasf1sn83q] {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca
    }

.embtn-outline-primary[b-kasf1sn83q] {
    color: #007cba;
    border:0px
    border-color: #0d6efd
}

    .embtn-outline-primary:hover[b-kasf1sn83q] {
        color: #007cba;
        background-color: #fff;
        border-color: red
    }
/* /Pages/AtAGlance.razor.rz.scp.css */

*[b-sdducmwr5w] {
    box-sizing: border-box;
}

video[b-sdducmwr5w] {
    width: 100%;
    height: auto;
}

.row[b-sdducmwr5w]:after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"][b-sdducmwr5w] {
    float: left;
    padding: 15px;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .col-s-1[b-sdducmwr5w] {
        width: 8.33%;
    }

    .col-s-2[b-sdducmwr5w] {
        width: 16.66%;
    }

    .col-s-3[b-sdducmwr5w] {
        width: 25%;
    }

    .col-s-4[b-sdducmwr5w] {
        width: 33.33%;
    }

    .col-s-5[b-sdducmwr5w] {
        width: 41.66%;
    }

    .col-s-6[b-sdducmwr5w] {
        width: 50%;
    }

    .col-s-7[b-sdducmwr5w] {
        width: 58.33%;
    }

    .col-s-8[b-sdducmwr5w] {
        width: 66.66%;
    }

    .col-s-9[b-sdducmwr5w] {
        width: 75%;
    }

    .col-s-10[b-sdducmwr5w] {
        width: 83.33%;
    }

    .col-s-11[b-sdducmwr5w] {
        width: 91.66%;
    }

    .col-s-12[b-sdducmwr5w] {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .col-1[b-sdducmwr5w] {
        width: 8.33%;
    }

    .col-2[b-sdducmwr5w] {
        width: 16.66%;
    }

    .col-3[b-sdducmwr5w] {
        width: 25%;
    }

    .col-4[b-sdducmwr5w] {
        width: 33.33%;
    }

    .col-5[b-sdducmwr5w] {
        width: 41.66%;
    }

    .col-6[b-sdducmwr5w] {
        width: 50%;
    }

    .col-7[b-sdducmwr5w] {
        width: 58.33%;
    }

    .col-8[b-sdducmwr5w] {
        width: 66.66%;
    }

    .col-9[b-sdducmwr5w] {
        width: 75%;
    }

    .col-10[b-sdducmwr5w] {
        width: 83.33%;
    }

    .col-11[b-sdducmwr5w] {
        width: 91.66%;
    }

    .col-12[b-sdducmwr5w] {
        width: 100%;
    }
}

html[b-sdducmwr5w] {
    font-family: "Lucida Sans", sans-serif;
}

.header[b-sdducmwr5w] {
   /* background-color: #9933cc;
    color: #ffffff;*/
    padding: 15px;
}

.menu ul[b-sdducmwr5w] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li[b-sdducmwr5w] {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .menu li:hover[b-sdducmwr5w] {
        background-color: #0099cc;
    }

.aside[b-sdducmwr5w] {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer[b-sdducmwr5w] {
/*    background-color: #0099cc;*/
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
#wedding-animation[b-sdducmwr5w] {
}




    #wedding-animation div[b-sdducmwr5w] {
        width: auto;
        height: auto;
        background: inherit;
        position: relative;
        animation: myfirst-b-sdducmwr5w 5s 2;
        animation-direction: alternate;
    }

@keyframes myfirst-b-sdducmwr5w {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}
/*.backgroundxx {
    background: url("../images/slide1.jpg")no-repeat center;
    background-size: cover;
    background-position: top left;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}*/
#meeting-animation[b-sdducmwr5w] {
}

#meeting-overview[b-sdducmwr5w] {
    background: linear-gradient(to top, rgba(80, 68, 18, 0.6) 10%, transparent), url("images/freedom.jpg") left 10% bottom 20%/cover no-repeat border-box, #ff1b68;
    background-image: url("freedom.jpg");
    background-size: cover;
    background-position: left 10% bottom 20%;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: border-box;
    background-image: linear-gradient(180deg, red 70%, blue 60%, rgba(0,0,0,0.5));
    background-image: radial-gradient(ellipse farthest-corner at 20% 50%, red, blue 70%, green);
    width: 100%;
    height: 528px;
    padding: 10px;
    margin-top: 43px;
    border: 5px dashed red;
    position: relative;
}

.section-title[b-sdducmwr5w] {
    color: #2ddf5c;
    text-align: center;
    font-family: "Pattaya", sans-serif;
}

#product-overview h1[b-sdducmwr5w] {
    color: white;
    font-family: "Pattaya", sans-serif;
    position: absolute;
    bottom: 5%;
    left: 3%;
}


.package[b-sdducmwr5w] {
    width: 80%;
    margin: 16px 0;
    border: 4px solid #0e4f1f;
    border-left: none;
    position: relative;
}

    .package:hover[b-sdducmwr5w],
    .package:active[b-sdducmwr5w] {
        box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        border-color: #ff5454;
        /* border-color: #ff5454 !important; */
    }

    .package a[b-sdducmwr5w] {
        text-decoration: none;
        color: inherit;
        display: block;
        padding: 32px;
    }

.package__badge[b-sdducmwr5w] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    font-size: 12px;
    color: white;
    background: #ff5454;
    padding: 8px;
}

.package__subtitle[b-sdducmwr5w] {
    color: #979797;
}

.package__info[b-sdducmwr5w] {
    padding: 16px;
    border: 1px solid #0e4f1f;
    font-size: 20px;
    color: #0e4f1f;
    background: white;
}

.clearfix[b-sdducmwr5w] {
    clear: both;
}

#plus[b-sdducmwr5w] {
    background: rgba(213, 255, 220, 0.95);
}

#free[b-sdducmwr5w] {
    background: rgba(234, 252, 237, 0.95);
    float: right;
    border-right: none;
    border-left: 4px solid #0e4f1f;
    text-align: right;
}

    #free:hover[b-sdducmwr5w],
    #free:active[b-sdducmwr5w] {
        border-left-color: #ff5454;
    }

#premium[b-sdducmwr5w] {
    background: rgba(14, 79, 31, 0.95);
}

    #premium .package__title[b-sdducmwr5w] {
        color: white;
    }

    #premium .package__subtitle[b-sdducmwr5w] {
        color: #bbb;
    }

#meeting-animation div[b-sdducmwr5w] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    animation: mysecond-b-sdducmwr5w 5s 2;
    animation-direction: alternate;
}

@keyframes mysecond-b-sdducmwr5w {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}

/* /Pages/AtAGlance2.razor.rz.scp.css */

*[b-rtiub5ej15] {
    box-sizing: border-box;
}

video[b-rtiub5ej15] {
    width: 100%;
    height: auto;
}

.row[b-rtiub5ej15]:after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"][b-rtiub5ej15] {
    float: left;
    padding: 15px;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .col-s-1[b-rtiub5ej15] {
        width: 8.33%;
    }

    .col-s-2[b-rtiub5ej15] {
        width: 16.66%;
    }

    .col-s-3[b-rtiub5ej15] {
        width: 25%;
    }

    .col-s-4[b-rtiub5ej15] {
        width: 33.33%;
    }

    .col-s-5[b-rtiub5ej15] {
        width: 41.66%;
    }

    .col-s-6[b-rtiub5ej15] {
        width: 50%;
    }

    .col-s-7[b-rtiub5ej15] {
        width: 58.33%;
    }

    .col-s-8[b-rtiub5ej15] {
        width: 66.66%;
    }

    .col-s-9[b-rtiub5ej15] {
        width: 75%;
    }

    .col-s-10[b-rtiub5ej15] {
        width: 83.33%;
    }

    .col-s-11[b-rtiub5ej15] {
        width: 91.66%;
    }

    .col-s-12[b-rtiub5ej15] {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .col-1[b-rtiub5ej15] {
        width: 8.33%;
    }

    .col-2[b-rtiub5ej15] {
        width: 16.66%;
    }

    .col-3[b-rtiub5ej15] {
        width: 25%;
    }

    .col-4[b-rtiub5ej15] {
        width: 33.33%;
    }

    .col-5[b-rtiub5ej15] {
        width: 41.66%;
    }

    .col-6[b-rtiub5ej15] {
        width: 50%;
    }

    .col-7[b-rtiub5ej15] {
        width: 58.33%;
    }

    .col-8[b-rtiub5ej15] {
        width: 66.66%;
    }

    .col-9[b-rtiub5ej15] {
        width: 75%;
    }

    .col-10[b-rtiub5ej15] {
        width: 83.33%;
    }

    .col-11[b-rtiub5ej15] {
        width: 91.66%;
    }

    .col-12[b-rtiub5ej15] {
        width: 100%;
    }
}

html[b-rtiub5ej15] {
    font-family: "Lucida Sans", sans-serif;
}

.header[b-rtiub5ej15] {
   /* background-color: #9933cc;
    color: #ffffff;*/
    padding: 15px;
}

.menu ul[b-rtiub5ej15] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li[b-rtiub5ej15] {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .menu li:hover[b-rtiub5ej15] {
        background-color: #0099cc;
    }

.aside[b-rtiub5ej15] {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer[b-rtiub5ej15] {
/*    background-color: #0099cc;*/
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
#wedding-animation[b-rtiub5ej15] {
}




    #wedding-animation div[b-rtiub5ej15] {
        width: auto;
        height: auto;
        background: inherit;
        position: relative;
        animation: myfirst-b-rtiub5ej15 5s 2;
        animation-direction: alternate;
    }

@keyframes myfirst-b-rtiub5ej15 {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}
/*.backgroundxx {
    background: url("../images/slide1.jpg")no-repeat center;
    background-size: cover;
    background-position: top left;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}*/
#meeting-animation[b-rtiub5ej15] {
}

#meeting-overview[b-rtiub5ej15] {
    background: linear-gradient(to top, rgba(80, 68, 18, 0.6) 10%, transparent), url("images/freedom.jpg") left 10% bottom 20%/cover no-repeat border-box, #ff1b68;
    background-image: url("freedom.jpg");
    background-size: cover;
    background-position: left 10% bottom 20%;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: border-box;
    background-image: linear-gradient(180deg, red 70%, blue 60%, rgba(0,0,0,0.5));
    background-image: radial-gradient(ellipse farthest-corner at 20% 50%, red, blue 70%, green);
    width: 100%;
    height: 528px;
    padding: 10px;
    margin-top: 43px;
    border: 5px dashed red;
    position: relative;
}

.section-title[b-rtiub5ej15] {
    color: #2ddf5c;
    text-align: center;
    font-family: "Pattaya", sans-serif;
}

#product-overview h1[b-rtiub5ej15] {
    color: white;
    font-family: "Pattaya", sans-serif;
    position: absolute;
    bottom: 5%;
    left: 3%;
}


.package[b-rtiub5ej15] {
    width: 80%;
    margin: 16px 0;
    border: 4px solid #0e4f1f;
    border-left: none;
    position: relative;
}

    .package:hover[b-rtiub5ej15],
    .package:active[b-rtiub5ej15] {
        box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        border-color: #ff5454;
        /* border-color: #ff5454 !important; */
    }

    .package a[b-rtiub5ej15] {
        text-decoration: none;
        color: inherit;
        display: block;
        padding: 32px;
    }

.package__badge[b-rtiub5ej15] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    font-size: 12px;
    color: white;
    background: #ff5454;
    padding: 8px;
}

.package__subtitle[b-rtiub5ej15] {
    color: #979797;
}

.package__info[b-rtiub5ej15] {
    padding: 16px;
    border: 1px solid #0e4f1f;
    font-size: 20px;
    color: #0e4f1f;
    background: white;
}

.clearfix[b-rtiub5ej15] {
    clear: both;
}

#plus[b-rtiub5ej15] {
    background: rgba(213, 255, 220, 0.95);
}

#free[b-rtiub5ej15] {
    background: rgba(234, 252, 237, 0.95);
    float: right;
    border-right: none;
    border-left: 4px solid #0e4f1f;
    text-align: right;
}

    #free:hover[b-rtiub5ej15],
    #free:active[b-rtiub5ej15] {
        border-left-color: #ff5454;
    }

#premium[b-rtiub5ej15] {
    background: rgba(14, 79, 31, 0.95);
}

    #premium .package__title[b-rtiub5ej15] {
        color: white;
    }

    #premium .package__subtitle[b-rtiub5ej15] {
        color: #bbb;
    }

#meeting-animation div[b-rtiub5ej15] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    animation: mysecond-b-rtiub5ej15 5s 2;
    animation-direction: alternate;
}

@keyframes mysecond-b-rtiub5ej15 {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}

/* /Pages/ContactUsPage.razor.rz.scp.css */
.Device_Size[b-1e4p6yf8n6] {
}

@media(min-width : 20rem) {

    .Device_Size[b-1e4p6yf8n6] {
        min-width: 420px
      
    }
}

.room_description[b-1e4p6yf8n6] {
    color: #007cba;
}

#Index_GeneralPhotos[b-1e4p6yf8n6] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

    #Index_GeneralPhotos div:hover[b-1e4p6yf8n6] {
        transform: scale(1.01) rotateZ(0deg);
    }



#index-animation[b-1e4p6yf8n6] {
}



    #index-animation div[b-1e4p6yf8n6] {
        width: auto;
        height: auto;
        background: inherit;
        position: relative;
        animation: mysecond-b-1e4p6yf8n6 5s 1;
        animation-direction: alternate;
    }

@keyframes mysecond-b-1e4p6yf8n6 {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}

.item[b-1e4p6yf8n6] {
    width: 600px;
    height: 400px;
    margin: 50px auto;
    padding-top: 75px;
    background: white;
    text-align: center;
    color: #FFF;
    font-size: 3em;
}

.clients[b-1e4p6yf8n6] {
    padding-top: 20px;
}

    .clients .swiper-slide img[b-1e4p6yf8n6] {
        opacity: 0.5;
        transition: 0.3s;
        filter: grayscale(100);
    }

        .clients .swiper-slide img:hover[b-1e4p6yf8n6] {
            filter: none;
            opacity: 1;
        }

    .clients .swiper-pagination[b-1e4p6yf8n6] {
        margin-top: 20px;
        position: relative;
    }

        .clients .swiper-pagination .swiper-pagination-bullet[b-1e4p6yf8n6] {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            background-color: #ddd;
        }

        .clients .swiper-pagination .swiper-pagination-bullet-active[b-1e4p6yf8n6] {
            background-color: #ffc451;
        }
/* /Pages/GalleryGeneralPhotos.razor.rz.scp.css */
body[b-r3osmzbh5w] {
}
z[b-r3osmzbh5w]
/* /Pages/GalleryResortVideo.razor.rz.scp.css */


*[b-7mprgm3vnu] {
    box-sizing: border-box;
}

video[b-7mprgm3vnu] {
    width: 100%;
    height: auto;
}

.row[b-7mprgm3vnu]:after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"][b-7mprgm3vnu] {
    float: left;
    padding: 15px;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .col-s-1[b-7mprgm3vnu] {
        width: 8.33%;
    }

    .col-s-2[b-7mprgm3vnu] {
        width: 16.66%;
    }

    .col-s-3[b-7mprgm3vnu] {
        width: 25%;
    }

    .col-s-4[b-7mprgm3vnu] {
        width: 33.33%;
    }

    .col-s-5[b-7mprgm3vnu] {
        width: 41.66%;
    }

    .col-s-6[b-7mprgm3vnu] {
        width: 50%;
    }

    .col-s-7[b-7mprgm3vnu] {
        width: 58.33%;
    }

    .col-s-8[b-7mprgm3vnu] {
        width: 66.66%;
    }

    .col-s-9[b-7mprgm3vnu] {
        width: 75%;
    }

    .col-s-10[b-7mprgm3vnu] {
        width: 83.33%;
    }

    .col-s-11[b-7mprgm3vnu] {
        width: 91.66%;
    }

    .col-s-12[b-7mprgm3vnu] {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .col-1[b-7mprgm3vnu] {
        width: 8.33%;
    }

    .col-2[b-7mprgm3vnu] {
        width: 16.66%;
    }

    .col-3[b-7mprgm3vnu] {
        width: 25%;
    }

    .col-4[b-7mprgm3vnu] {
        width: 33.33%;
    }

    .col-5[b-7mprgm3vnu] {
        width: 41.66%;
    }

    .col-6[b-7mprgm3vnu] {
        width: 50%;
    }

    .col-7[b-7mprgm3vnu] {
        width: 58.33%;
    }

    .col-8[b-7mprgm3vnu] {
        width: 66.66%;
    }

    .col-9[b-7mprgm3vnu] {
        width: 75%;
    }

    .col-10[b-7mprgm3vnu] {
        width: 83.33%;
    }

    .col-11[b-7mprgm3vnu] {
        width: 91.66%;
    }

    .col-12[b-7mprgm3vnu] {
        width: 100%;
    }
}

html[b-7mprgm3vnu] {
    font-family: "Lucida Sans", sans-serif;
}

.header[b-7mprgm3vnu] {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}

.menu ul[b-7mprgm3vnu] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li[b-7mprgm3vnu] {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

    .menu li:hover[b-7mprgm3vnu] {
        background-color: #0099cc;
    }

.aside[b-7mprgm3vnu] {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer[b-7mprgm3vnu] {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
/* /Pages/Index.razor.rz.scp.css */
.Device_Size[b-4hqo7l85y0] {
}

@media(min-width : 40rem) {

    .Device_Size[b-4hqo7l85y0] {
        min-width: 450px
    }
}

.room_description[b-4hqo7l85y0] {
    color: #007cba;
}

#Index_GeneralPhotos[b-4hqo7l85y0] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

    #Index_GeneralPhotos div:hover[b-4hqo7l85y0] {
        transform: scale(1.01) rotateZ(0deg);
    }



#index-animation[b-4hqo7l85y0] {
}



    #index-animation div[b-4hqo7l85y0] {
        width: auto;
        height: auto;
        background: inherit;
        position: relative;
        animation: mysecond-b-4hqo7l85y0 5s 1;
        animation-direction: alternate;
    }

@keyframes mysecond-b-4hqo7l85y0 {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}
.item[b-4hqo7l85y0] {
    width: 600px;
    height: 400px;
    margin: 50px auto;
    padding-top: 75px;
    background: white;
    text-align: center;
    color: #FFF;
    font-size: 3em;
}
.clients[b-4hqo7l85y0] {
    padding-top: 20px;
}

    .clients .swiper-slide img[b-4hqo7l85y0] {
        opacity: 0.5;
        transition: 0.3s;
        filter: grayscale(100);
    }

        .clients .swiper-slide img:hover[b-4hqo7l85y0] {
            filter: none;
            opacity: 1;
        }

    .clients .swiper-pagination[b-4hqo7l85y0] {
        margin-top: 20px;
        position: relative;
    }

        .clients .swiper-pagination .swiper-pagination-bullet[b-4hqo7l85y0] {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            background-color: #ddd;
        }

        .clients .swiper-pagination .swiper-pagination-bullet-active[b-4hqo7l85y0] {
            background-color: #ffc451;
        }
.embtn-primary[b-4hqo7l85y0] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

    .embtn-primary:hover[b-4hqo7l85y0] {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca
    }

.embtn-outline-primary[b-4hqo7l85y0] {
    color: #007cba;
    border-color: #0d6efd
}

    .embtn-outline-primary:hover[b-4hqo7l85y0] {
        color: #007cba;
        background-color: #fff;
        border-color: red
    }
/* /Pages/Meetings.razor.rz.scp.css */
/*.backgroundxx {
    background: url("../images/slide1.jpg")no-repeat center;
    background-size: cover;
    background-position: top left;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}*/
#meeting-animation[b-kna637t36l]{


}
#meeting-overview[b-kna637t36l] {
    background: linear-gradient(to top, rgba(80, 68, 18, 0.6) 10%, transparent), url("images/freedom.jpg") left 10% bottom 20%/cover no-repeat border-box, #ff1b68;
     background-image: url("freedom.jpg");
    background-size: cover;
    background-position: left 10% bottom 20%; 
     background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: border-box; 
     background-image: linear-gradient(180deg, red 70%, blue 60%, rgba(0,0,0,0.5)); 
     background-image: radial-gradient(ellipse farthest-corner at 20% 50%, red, blue 70%, green); 
    width: 100%;
    height: 528px;
    padding: 10px;
        margin-top: 43px;
     border: 5px dashed red; 
    position: relative;
}

.section-title[b-kna637t36l] {
    color: #2ddf5c;
    text-align: center;
    font-family: "Pattaya", sans-serif;
}

#product-overview h1[b-kna637t36l] {
    color: white;
    font-family: "Pattaya", sans-serif;
    position: absolute;
    bottom: 5%;
    left: 3%;
}


.package[b-kna637t36l] {
    width: 80%;
    margin: 16px 0;
    border: 4px solid #0e4f1f;
    border-left: none;
    position: relative;
}

.package:hover[b-kna637t36l],
.package:active[b-kna637t36l] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    border-color: #ff5454;
    /* border-color: #ff5454 !important; */
}

.package a[b-kna637t36l] {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 32px;
}

.package__badge[b-kna637t36l] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    font-size: 12px;
    color: white;
    background: #ff5454;
    padding: 8px;
}

.package__subtitle[b-kna637t36l] {
    color: #979797;
}

.package__info[b-kna637t36l] {
    padding: 16px;
    border: 1px solid #0e4f1f;
    font-size: 20px;
    color: #0e4f1f;
    background: white;
}

.clearfix[b-kna637t36l] {
    clear: both;
}

#plus[b-kna637t36l] {
    background: rgba(213, 255, 220, 0.95);
}

#free[b-kna637t36l] {
    background: rgba(234, 252, 237, 0.95);
    float: right;
    border-right: none;
    border-left: 4px solid #0e4f1f;
    text-align: right;
}

    #free:hover[b-kna637t36l],
    #free:active[b-kna637t36l] {
        border-left-color: #ff5454;
    }

#premium[b-kna637t36l] {
    background: rgba(14, 79, 31, 0.95);
}

    #premium .package__title[b-kna637t36l] {
        color: white;
    }

    #premium .package__subtitle[b-kna637t36l] {
        color: #bbb;
    }

#meeting-animation div[b-kna637t36l] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    animation: mysecond-b-kna637t36l 5s 2;
    animation-direction: alternate;
}

@keyframes mysecond-b-kna637t36l {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}

/* /Pages/Packages.razor.rz.scp.css */
main[b-n72rt0yykz] {
    padding-top: 32px;
}

.background[b-n72rt0yykz] {
    background: url("../images/plans-background.jpg") center/cover;
    filter: grayscale(40%);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}

.package[b-n72rt0yykz] {
    width: 50vw;
    margin: 16px 0;
    border: 4px solid #0e4f1f;
    border-left: none;
    position: relative;
    text-align: center;
    cursor:unset
}

.package2[b-n72rt0yykz] {
    width: 100vw;
    margin: 16px 0;
    border: 4px solid #0e4f1f;
    position: relative;
    text-align: center
}

.package:hover[b-n72rt0yykz],
.package:active[b-n72rt0yykz] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    border-color: #ff5454;
    /* border-color: #ff5454 !important; */
}

.package a[b-n72rt0yykz] {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 32px;
}

.package__badge[b-n72rt0yykz] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    font-size: 12px;
    color: white;
    background: #ff5454;
    padding: 8px;
}

.package__subtitle[b-n72rt0yykz] {
    color: #979797;
}

.package__info[b-n72rt0yykz] {
    padding: 16px;
    border: 1px solid #0e4f1f;
    font-size: 20px;
    color: #0e4f1f;
    background: white;
}

.clearfix[b-n72rt0yykz] {
    clear: both;
}

#plus[b-n72rt0yykz] {
    background: rgba(14, 79, 31, 0.95);
}

#free[b-n72rt0yykz] {
    background: rgba(234, 252, 237, 0.95);
    float: right;
    border-right: none;
    border-left: 4px solid #0e4f1f;
    text-align: right;
}

#free2[b-n72rt0yykz] {
    background: rgba(234, 252, 237, 0.95);
    border: 4px solid #0e4f1f;
    text-align: center;
}

#free:hover[b-n72rt0yykz],
#free:active[b-n72rt0yykz] {
    border-left-color: #ff5454;
}

#premium[b-n72rt0yykz] {
    background: rgba(14, 79, 31, 0.95);
}

    #premium .package__title[b-n72rt0yykz] {
        color: white;
    }

    #premium .package__subtitle[b-n72rt0yykz] {
        color: #bbb;
    }

p[b-n72rt0yykz] {
    animation-duration: 15s;
    animation-name: slidein-b-n72rt0yykz;
    // animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.1, 1, 0.1);
    //animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0);
    animation-timing-function: ease-in-out;
}

@keyframes slidein-b-n72rt0yykz {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
/* /Pages/Policies.razor.rz.scp.css */

.ducuments-cards[b-l0f8hllyv3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-l0f8hllyv3] {
        height: 23rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-l0f8hllyv3] {
            transform: scale(1.02);
        }

.room_description[b-l0f8hllyv3] {
    color: #007cba;
}

.Device_Size[b-l0f8hllyv3] {
}

@media(min-width : 40rem) {

    .Device_Size[b-l0f8hllyv3] {
        min-width: 450px
    }
}


@media (max-width: 40rem) {
    .ducuments-cards[b-l0f8hllyv3] {
        display: grid;
        grid-template-columns: repeat(auto-fill, 24.5rem);
        grid-gap: 0rem;
        justify-content: center;
        padding-left: 0;
    }
}
/* /Pages/Policiesx.razor.rz.scp.css */
.ducuments-cards[b-k0xu3dlrlj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-k0xu3dlrlj] {
        height: 20rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-k0xu3dlrlj] {
            transform: scale(1.02);
        }
.room_description[b-k0xu3dlrlj] {
    color: #007cba;
}
/* /Pages/Policiesy.razor.rz.scp.css */
.ducuments-cards[b-j2f6y5u4co] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-j2f6y5u4co] {
        height: 23rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-j2f6y5u4co] {
            transform: scale(1.02);
        }
.room_description[b-j2f6y5u4co] {
    color: #007cba;
}
.Device_Size[b-j2f6y5u4co] {
}

@media(min-width : 40rem) {

    .Device_Size[b-j2f6y5u4co] {
        min-width: 450px
    }
}


@media (max-width: 40rem) {
    .ducuments-cards[b-j2f6y5u4co] {
        display: grid;
        grid-template-columns: repeat(auto-fill, 24.5rem);
        grid-gap: 0rem;
        justify-content: center;
        padding-left: 0;
    }
}
/* /Pages/RequestForProposal2.razor.rz.scp.css */
.ducuments2-cards[b-ueo6fird2o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 24rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments2-cards > li[b-ueo6fird2o] {
        height: 24rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 0.5px 0.5px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments2-cards > li:hover[b-ueo6fird2o] {
            transform: scale(1.02);
        }

.room_description[b-ueo6fird2o] {
    color: #007cba;
}
/* /Pages/Reviews.razor.rz.scp.css */
.room_description[b-inrngowe66] {
    color: #007cba;
}
/* /Pages/SocialEvents.razor.rz.scp.css */


/* /Pages/TermAndConditions.razor.rz.scp.css */
.ducuments-cards[b-mhd0a9qzt1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-mhd0a9qzt1] {
        height: 22rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-mhd0a9qzt1] {
            transform: scale(1.02);
        }

.room_description[b-mhd0a9qzt1] {
    color: #007cba;
}

.Device_Size[b-mhd0a9qzt1] {
}

@media(min-width : 40rem) {

    .Device_Size[b-mhd0a9qzt1] {
        min-width: 450px
    }
}


@media (max-width: 40rem) {
    .ducuments-cards[b-mhd0a9qzt1] {
        display: grid;
        grid-template-columns: repeat(auto-fill, 24.5rem);
        grid-gap: 0rem;
        justify-content: center;
        padding-left: 0;
    }
}


.room_description2[b-mhd0a9qzt1] {
    color: #008000;
}
/* /Pages/Weddings.razor.rz.scp.css */
#wedding-animation[b-p437g1z36u] {



}




#wedding-animation div[b-p437g1z36u] {
    width: auto;
    height: auto;
    background: inherit;
    position: relative;
    animation: myfirst-b-p437g1z36u 5s 2;
    animation-direction: alternate;
}

@keyframes myfirst-b-p437g1z36u {
    0% {
        background: inherit;
        left: 0px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 0px;
    }

    25% {
        background: inherit;
        left: 100px;
        top: 100px;
    }

    20% {
        background: inherit;
        left: 0px;
        top: 100px;
    }

    100% {
        background: inherit;
        left: 0px;
        top: 0px;
    }
}
/* /Shared/Components/PolicyComponent.razor.rz.scp.css */

.ducuments-cards[b-snm5r71z03] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-snm5r71z03] {
        height: 23rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-snm5r71z03] {
            transform: scale(1.02);
        }

.room_description[b-snm5r71z03] {
    color: #007cba;
}

.Device_Size[b-snm5r71z03] {
}

@media(min-width : 40rem) {

    .Device_Size[b-snm5r71z03] {
        min-width: 450px
    }
}


@media (max-width: 40rem) {
    .ducuments-cards[b-snm5r71z03] {
        display: grid;
        grid-template-columns: repeat(auto-fill, 24.5rem);
        grid-gap: 0rem;
        justify-content: center;
        padding-left: 0;
    }
}
/* /Shared/Components/TermsAndConditionsComponentGreen.razor.rz.scp.css */
.ducuments-cards[b-7dis9kj3rv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 28rem);
    grid-gap: 2rem;
    justify-content: center;
    padding-left: 0;
}

    .ducuments-cards > li[b-7dis9kj3rv] {
        height: 25rem;
        position: relative;
        background-size: cover;
        border-radius: 0.5rem;
        list-style-type: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        transition: 0.1s ease-out;
    }

        .ducuments-cards > li:hover[b-7dis9kj3rv] {
            transform: scale(1.02);
        }

.room_description[b-7dis9kj3rv] {
    color: #007cba;
}

.Device_Size[b-7dis9kj3rv] {
}

@media(min-width : 40rem) {

    .Device_Size[b-7dis9kj3rv] {
        min-width: 450px
    }
}


@media (max-width: 40rem) {
    .ducuments-cards[b-7dis9kj3rv] {
        display: grid;
        grid-template-columns: repeat(auto-fill, 24.5rem);
        grid-gap: 0rem;
        justify-content: center;
        padding-left: 0;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.backgroundx[b-kdnnfoiezj] {
    background: url("../images/slide1.jpg")
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
/* /Shared/MainLayout2.razor.rz.scp.css */
.backgroundx[b-oqqqdpan1h] {
    background: url("../images/slide1.jpg")
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
/* /Shared/MainLayout3.razor.rz.scp.css */
.backgroundx[b-lr6twf0rso] {
    background: url("../images/slide1.jpg")
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}