/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {

  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: white ; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:  white ; 
}




.header {
    /* height: 60px; */
    padding: 10px;
    /* background: white; */
    display: grid;
    border: unset;
    grid-template-columns: 10% 50%;
    column-gap: 40%;
    position: fixed;
    z-index: 99;
    width: 100%;
}

.logo {
    float: left;
    margin: auto;
    box-sizing: border-box;
    min-width: 100px;
}

.logo img {
    margin: auto;
    height: 40px;
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(323deg) brightness(103%) contrast(101%);
}

.opt {
    display: flex;
    text-decoration: none;
    float: right;
    height: 100%;
}

#srrc {
    text-decoration: none;
    font-size: 6px;
    font-family: "Radio Canada Big", ui-sans-serif;
    color: #ffffff;
    padding: 5px;
    transition: 0.2s;
    cursor: pointer;
}

body {
    margin: unset;
    width: 100%;
    box-sizing: border-box;
    background: #0f0f0f;
}

a#srrc:hover {
    transition: 0.5s;
}

.spc a.contact {
    background: #2a4932;
    padding: 1;
    color: black;
    margin-left: 30px;
    border-radius: 3px;
    transition: 0.2s;
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #2a4932;
}

.contact h1 {
    padding: unset;
}

#srrc h1 {
    text-align: center;
    margin: unset;
}

#srrc h1:hover {
}

a.contact:hover {
    background: unset;
    color: #2a4932;
    background: unset;
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #2a4932;
}

div#first {
    background: #0f0f0f;
    height: 103%;
    width: 100%;
    position: relative;
    /* margin: 0; */
}

#first h1 {
    color: #e4e4e4;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 75px;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    opacity: 1;
    font-family: "Radio Canada Big", sans-serif;
    max-width: 700px;
}

.judul {
    margin: auto;
    display: block;
    box-sizing: border-box;
    line-height: 100px;
    margin: auto;
    position: absolute;
    top: 40%;
}

.judul h4 {
    color: white;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 2.5vw;
    margin-top: 5;
}

.img-src {/* padding: 100px; */padding-left: unset;padding-right: 100px;}

.img-src img {
    width: 100%;
}

.img-pg {
    position: absolute;
    bottom: -110;
    width: 100%;
    left: 0;
}

.img-pg img {
    width: 100%;
}

div#second {
    width: 100%;
    height: unset;
    padding: 30px;
    box-sizing: border-box;
    background: #0f0f0f;
}

.pg-in {
    margin: 0;
    display: block;
    width: 100%;
    display: block;
    display: block;
    width: 100%;
    height: unset;
    grid-column-gap: 10%;
    margin: auto;
    position: relative;
}
}

div#second {}

.pg-2 {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
}

.pg-2 img {
    width: 100%;
    border-radius: 5px;
    /* margin: auto; */
    box-sizing: border-box;
    display: block;
}

.artc h1 {
    font-size: 30px;
    margin: 0;
    color: #dddddd;
    font-family: 'Roboto Mono', monospace;
    font-weight: 600;
    font-size: 26px;
    font-family: 'Kalnia', serif;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-family: 'Roboto Slab';
    font-weight: bold;
}

.artc h4 {color: black;font-weight: 300;margin-top: 5;font-size: 13px;/* width: 70%; */line-height: 1.9;margin-right: 0;text-align: justify;font-family: 'Roboto Mono';font-weight: 700;}
}



.artc {
    margin: auto;
    margin-bottom: 20px;
}

div#services {
    width: 100%;
}

#services h1 {
    text-align: center;
    font-family: 'Rubik Mono One', sans-serif;
    font-size: 3vw;
    color: #0231a2;
    margin-top: 0;
    margin-bottom: 0;
}

.page-serv {
    background: #0231a2;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 30% 70%;
    padding: 60px;
}

.pg-srvs img {
    width: 100%;
}

.pg-srvs {
    margin: auto;
    width: 40%;
    padding: 20px;
    padding-bottom: 60px;
}

h1#srvs {
    color: white;
    text-align: left;
    font-size: 1.7vw;
    width: 100%;
    margin: auto;
}

#services h4#srvs {
    width: 90%;
    color: white;
    margin-bottom: 40px;
    font-size: 1.5vw;
    margin-left: 0;
    text-align: left;
    margin-bottom: 18px;
}

.artc {
    height: unset;
    width: 100%;
    /* text-align: right; */
    box-sizing: border-box;
    margin: auto;
    display: block;
}

div#art-pg {
    width: 100%;
}

a.lrn-more {
    color: white;
    margin-top: 30px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    text-decoration: none;
    transition: 0.2s;
    border-bottom: 1px solid #fff;
    padding: 10px;
    border-radius: 3px;
    text-align: left;
}

a.lrn-more:hover {
    background: white;
    color: #0231a2;
}

.pg-in-fr {
    width: 100%;
    position: relative;
    margin: auto;
    padding: 40px;
    box-sizing: border-box;
    height: 100%;
}

footer {
    display: flex;
    font-size: 14px;
    font-family: "Radio Canada Big", sans-serif;
    font-weight: 100;
    background: #0f0f0f;
    line-height: 1.7;
    border-top: 1px solid #3e3e3e;
}

.almt {color: #6e6e6e;max-width: 300px;line-height: 1.7;margin-top: 0;}

.contc {
    text-align: right;
}

.contc h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
}

.almt h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9px;
    text-align: justify;
}

.wa {
    position: fixed;
    color: #0231a2;
    right: 20;
    bottom: 20;
    font-size: 40;
    z-index: 10;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

i.fa.fa-whatsapp {
    font-size: 47px;
}

a.dr-wa {
    color: #3c4934;
    transition: 0.2s;
    font-size: 2;
}

a.dr-wa:hover {
    color: #3c4934;
    background: white;
}

.nm-pg {
    box-sizing: border-box;
    height: 50%;
    background-image: url(../img/bckg_3.png);
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
    



.nm-pg h1 {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 45px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 600;
    display: block;
    margin: auto;
    font-family: 'Kalnia', serif;
    text-align: center;
    max-width: 700px;
}

.list h1 {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    transition: 0.4s;
    font-family: 'Roboto Slab';
    font-weight: 400;
    color: #000000;
    line-height: 1.2;
}

.artcl-list {
    padding: 40px;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    margin-right: 0;
    box-sizing: border-box;
}

.list h4 {
    color: #383838;
    font-family: 'Roboto Mono';
    font-weight: 100;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 5px;
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 13px;
    max-width: 450;
}

.list {
    /* border-bottom: 1px solid #ababab; */
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 40% 55%;
    column-gap: 5%;
}

.list img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    /* top: -100%; */
}

a#lnk-art {
    font-family: 'Ubuntu', sans-serif;
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 30px;
}

.list:hover {}

a#lnk-art:hover {
    color: #0231a2;
}

.list h6 {
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12;
    margin-bottom: 5px;
}

.bckgr {
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    position: relative;
    border-radius: 5px;
}

.art-hm {
    /* width: 870px; */
    margin: auto;
    /* margin-top: 30px; */
    position: relative;
}

.art-hm .bckgr {
    border-radius: 2px;
    height: 350px;
    /* margin-bottom: 50; */
    border-radius: 4px;
}

.art-hm img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.artcl-is h1 {
    font-size: 20;
    margin-bottom: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    text-align: justify;
}

.artcl-is h4 {
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-family: 'roboto Slab';
    font-weight: 100;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    line-height: 2.3;
    font-weight: 100;
    font-size: 13px;
}

.artcl-is h6 {
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12;
}

i.fa.fa-instagram, i.fa.fa-linkedin,i.fa.fa-facebook {
    font-size: 16px;
    margin-right: 20;
    color: #3e3e3e;
}

i.fa.fa-instagram:hover {
    opacity: 0.5;
}

.medsos {
    font-size: 8px;
    margin-top: 5px;
}

div#thred {
    width: 100%;
    padding: 80px;
    background: #2a4932;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: url(../img/bckg_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#thred .pg-in {
    width: 100%;
    display: block;
    margin: auto;
    height: unset;
}

i.fa.fa-circle {
    margin-right: 20px;
    color: #0231a2;
    margin: auto;
    margin-left: 0;
    font-size: 22px;
}

.lst-prp {
    display: grid;
    grid-template-columns: 10% 90%;
    margin: auto;
    text-align: left;
    margin-bottom: 20px;
}

.lst-grp-id {margin-top: 20px;}

#thred .artc h4 {
    color: black;
    margin: auto;
    margin-left: 0;
    text-align: justify;
}

#services h4 {
    color: black;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    margin-top: 5;
    font-size: 1.5vw;
    /* width: 70%; */
    line-height: 1.7;
    margin-right: 0;
    width: 70%;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}

.pg-3 {
    margin: auto;
    width: 100%;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    margin: auto;
    color: white;
    font-family: 'Roboto Slab';
    text-align: center;
}

.pg-3 img {
    width: 100%;
    border-radius: 5px;
}

.artcl-is {
    max-width: 800px;
    margin-top: 40px;
    margin: auto;
    /* background: white; */
    padding: 30px;
    /* position: absolute; */
    width: 100^;
}

div#survey {
    width: 100%;
}


#survey h1 {
    text-align: center;
    color: 0231a2;
    width: 90%;
    margin: auto;
    font-weight: 400;
    font-size: 35;
    font-family: 'Kalnia', serif;
    font-size: 23px;
    color: #2a4932;
    font-family: 'Roboto Slab';
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 40px;
}


.pg-srv {
    display: grid;
    grid-template-columns: 44% 46%;
    column-gap: 10%;
    margin-top: 100px;
    font-weight: 400;
    margin-bottom: 40px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 900px;
    padding: 100px;
    margin: auto;
}

#survey .srv h1 {
    font-size: 38px;
    margin-bottom: 0;
    color: white;
}

#survey .srv h6 {
    margin: auto;
    text-align: center;
    margin-top: 0;
    font-family: 'Rubik Mono One', sans-serif;
    color: 0231a2;
    width: 200px;
    font-family: 'Roboto Mono';
    font-size: 16px;
}

.page-inn {
    padding-bottom: 50px;
    margin: auto;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    max-width: 100%;
    font-family: 'Roboto Slab';
    font-weight: 300;
    text-align: justify;
    letter-spacing: inherit;
    line-height: 1.75;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 48px;
    background-position-y: -26px;
}

div#cta-sr {
    width: 100%;
    padding: 40px;
    padding-top: 150px;
    box-sizing: border-box;
    padding-bottom: 150px;
    background-image: url(../img/background_10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pgph {
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.pgph img {
    width: 100%;
}

#survey h6 {
    font-weight: 100;
    text-align: center;
    font-size: 25px;
    font-family: 'Ubuntu', sans-serif;
}

.pg-cta h1 {
    text-align: center;
    width: 90%;
    margin: auto;
    font-weight: 400;
    font-size: 24px;
    color: #3c4934;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Roboto Slab';
}

.in-pg {
    left: 50%;
    width: 100%;
    border-radius: 10px;
    column-gap: 5%;
}

.pg-cta {
    margin: auto;
}

a#nrmr {
    padding: 15;
    text-decoration: none;
    background: #2a4932;
    color: white;
    border-radius: 5px;
    transition: 0.5s;
    font-family: 'Roboto Slab';
    font-weight: bold;
    margin: auto;
    width: 200px;
    text-align: center;
    display: block;
    background-image: url(../img/bckg_2.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #2a4932;
}

a#nrmr:hover {
    background: none;
    border: 1px solid #2a4932;
    color: #2a4932;
    background-image: url(../img/bckg_2.png);
    background-position: left;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    background-size: cover;
    font-weight: bold;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

a#nrmr {}

div#std\ case-sr {
    width: 100%;
    height: 100%;
    position: relative;
}

.list {}

.studycase {
    border-radius: 4px;
}

.list-st {
    display: grid;
    grid-template-columns: 60% 40%;
    height: 300px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: 50% 45%;
    grid-column-gap: 5%;
    width: 60%;
}

.list-st {}

.studycase img {
    width: 100%;
    border-radius: 4px;
}

.testimonial h3 {
    font-family: 'Ubuntu', sans-serif;
    margin-top: 0;
    line-height: 1.7;
    font-weight: 400;
    margin-right: auto;
    margin-bottom: 0;
    text-align: justify;
    font-size: 14;
}

.testimonial h2 {
    font-family: 'Ubuntu', sans-serif;
    margin-top: 5;
    font-size: 16px;
    line-height: 1.7;
    margin-right: 0;
    margin-bottom: 0;
    font-weight: 600;
}


.testimonial h4 {font-family: 'Ubuntu', sans-serif;color: #0231a2;margin-top: 0;}

.srv {
    display: grid;
    grid-template-columns: 30% 65%;
    column-gap: 5%;
    /* width: 500px; */
    width: 100%;
    margin-bottom: 0;
}

.testimonial {}

button.bar-strp {
    color: white;
    background: unset;
    border: unset;
    float: right;
    font-size: 25px;
    margin: auto;
    display: none;
}

i.fa.fa-times {
    display: block;
    color: #ffffff;
}

i.fa.fa-linkedin {}

i.fa.fa-facebook {
}

a.medsos-pg {color: #070707;}

img.img-pg-1 {
    width: 100%;
    border-radius: 5px;
}

.str {
    overflow: hidden;
    /* height: 400px; */
    width: 100%;
    border-radius: 4px;
}

#thred h1 {
}

div#desire {padding: 60px;box-sizing: border-box;}

#desire .pg-in {
    position: unset;
    transform: unset;
    margin: auto;
    padding: 20px;
}

#pg-2 .artc {}

#second .artc {
    color: #123;
    border: unset;
    margin: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#second .artc h4 {
    font-weight: 300;
    color: #dddddd;
    text-align: justify;
    max-width: 600px;
    margin: auto;
}

div#servcs {border-bottom: unset;height: unset;margin-bottom: 0px;display: grid;grid-template-columns: 10% 80%;grid-column-gap: 10%;margin-bottom: 15px;margin: auto;margin-bottom: 20px;}

#servcs h4 {
    box-sizing: border-box;
    color: #4e4e4e;
    font-size: 20px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
}

.dscr h2 {
    box-sizing: border-box;
    color: #0231a2;
    font-size: 23px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
}

.srvs {
    padding: 60px;
    display: grid;
    grid-template-columns: 50% 50%;
}

.srv img {
    width: 100%;
    margin: auto;
    float: left;
    max-width: 70px;
}

.dscr p {
    box-sizing: border-box;
    color: #4e4e4e;
    font-size: 15px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
}

.dscr {
    width: 100%;
}

.maps {
    width: 100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position: relative;
}

h4#add-rs {
    font-size: 12px;
    max-width: 400px;
}

.list-cs {
    height: 200px;
    /* background: #0231a2; */
    border-radius: 2px;
    display: grid;
    /* grid-template-columns: 50% 50%; */
    background-image: url(../img/studycase/hmrs.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: 0.5s;
    margin-bottom: 5px;
}

.list-cs h1 {
    box-sizing: border-box;
    color: #0231a2;
    font-size: 30px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 800;
    margin: auto;
    /* display: block; */
    padding: 20px;
    margin-left: 0;
    cursor: pointer;
    max-width: 600px;
}

.list-cs:hover {
    opacity: 0.8;
    background-position: 0;
    background-size: 105%;
}

.lst-stdy h1 {
    box-sizing: border-box;
    color: #0231a2;
    font-size: 27px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    background: white;
}

.lst-stdy {
    margin-bottom: 50px;
}

.lst-stdy p {
    color: #383838;
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 5px;
    margin-bottom: 4px;
}

div#rat {
    display: block;
    background: #43523b;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 0;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #43523b;
}

b {
}

i.fa.fa-eye {
    font-size: 17;
    padding-right: 10px;
    color: #585858;
}

#cliebt h1 {
    text-align: center;
    width: 90%;
    margin: auto;
    font-weight: 400;
    font-size: 35;
    font-family: 'Kalnia', serif;
    font-size: 40;
    color: #3c4934;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 40px;
    margin-bottom: 0;
}

img#img-cli {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    max-width: 900px;
    margin: auto;
    display: block;
    text-align: center;
}

.artcl-is h3 {

    margin-bottom: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
}


.art-main-isi {
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    line-height: 2.3;
    font-weight: 100;
    font-size: 17;
}

img#img-art {
    width: 100%;
    position: unset;
    transform: unset;
    border-radius: 5px;
    margin-bottom: 20px;
}

.contact {
    background: #63ec17;
}

img#bsm {
    height: 50px;
    display: block;
    text-align: right;
    margin: auto;
}

#survey .page-inn h6 {
    margin-top: 0;
    color: white;
    font-size: 11px;
    font-weight: 400;
}

.header {
    padding: 20px;
    border: unset;
    column-gap: 40%;
    position: fixed;
    border-radius: 0px 0px 5px 5px;
    z-index: 99;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #3e3e3e;
    background: #0f0f0f;
}

}

.clm-12 h3 {
    font-weight: 100;
    color: white;
    font-size: 16px;
    width: 100%;
    /* margin-left: 20px; */
    font-family: 'Roboto Slab', serif;
    box-sizing: border-box;
    margin-bottom: 0;
}

#servcs h1 {
    font-family: 'Roboto Mono';
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

#survey .srv .clm-12 h1 {
    font-size: 88px;
}

#survey .page-inn .clm-12 h6 {
    text-align: right;
    position: absolute;
    bottom: 14px;
    font-size: 20;
    right: 20%;
}

.clm-12 {
    position: relative;
}

a.drc-12 {
    color: white;
    font-family: 'Roboto Mono';
    text-decoration: none;
    text-align: center;
    margin: auto;
    display: block;
    padding: 10px;
    background: white;
    box-sizing: border-box;
    margin: 20px;
    border-radius: 2px;
    color: #43523b;
    transition: 0.2s;
    cursor: pointer;
    font-size: 12px;
}

a.drc-12:hover {
    color: white;
    background: #f7931e;
    transition: 0.2s;
}

.clmn-18 {
    position: relative;
}

.inf-lst h5 {
    font-family: 'Roboto Slab';
    color: #ffffff;
    font-size: 17px;
    margin-top: 0;
    border-bottom: 1px solid;
}

div#wer {
    display: none;
    border-radius: 0px 0px 4px 4px;
    border-top: 0;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
}

div#pswt {
    display: grid;
    grid-template-columns: 10% 90%;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    padding-top: 15px;
}

.inf-13 i.fa {
    color: #f7931e;
    font-size: 17px;
    margin: auto;
}

.desc-src h6 {
    margin-top: 0;
    font-family: 'Roboto Mono';
    font-size: 10px;
    /* color: #909090; */
    font-weight: 300;
    margin-bottom: 10px;
}

.wer h6 {}

#survey  .inf-13 h6 {
    color: #123;
    text-align: left;
    margin: auto;
    font-size: 14px;
}

div#pswt {}

#survey .inf-13 h6#thf {
    font-size: 11px;
    font-weight: bold;
}

::before {}

::before {}

i.fa.fa-check {
    color: #f7931e;
    font-size: 17px;
    margin: auto;
}

.jdl-13 h6 {
    margin-top: 0;
    font-family: 'Roboto Mono';
    font-size: 16px;
    margin-bottom: 0;
}

#survey .page-inn .inf-15 h6 {
    color: black;
    color: #123;
    text-align: left;
    margin: auto;
    font-size: 14px;
}

i.fa.fa-star {
    font-size: 7px;
}

.str-rw {
    display: block;
    margin: auto;
    width: 199px;
    padding-top: 0;
    height: 20px;
}

.description i.fa.fa-check {
    margin-left: 0;
}

.artc i.fa.fa-check {
    border: 1px solid;
    color: #ffffff;
    font-size: 11px;
    margin: auto;
    padding: 7px;
    border-radius: 29px;
    border-radius: 48px;
    background: #f7931e;
    margin-right: 20px;
}

#thred h3 {}

h3 {}

h3 {
    font-family: 'Roboto Slab';
    color: #4e4a4a;
    margin: auto;
    font-weight: 300;
    font-size: 15px;
    padding: 14px;
    background: black;
}

.clmn-18 h5 {
    font-weight: 300;
    margin-bottom: 0;
    position: absolute;
    top: 45px;
    color: white;
    font-family: 'Roboto Mono';
}

#ew-12 .artc {
}

#ew-12 h1 {
    color: #f7931e;
}

div#ew-12 {
    max-width: 1000px;
    margin: auto;
    display: block;
    padding: 20px;
    box-sizing: border-box;
}

.ro-123 {
    text-align: center;
    margin: auto;
    font-family: 'Kalnia', serif;
    line-height: 79px;
    background: #3c4934;
    padding: 64px;
    box-sizing: border-box;
    border-radius: 5px;
    max-width: 600px;
    width: 100%;
    box-shadow: 4px 5px 0px #f7931e;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#ew-12 .ro-123 h1 {
    margin-top: 0;
    font-size: 115px;
    margin-bottom: 0;
    color: white;
    animation: countNumber 4s infinite alternate;
    animation-timing-function: steps(10);
}

#ew-12 .ro-123 h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    font-size: 37px;
    font-family: 'Roboto Mono';
}

img#wrwe123 {
    width: 58px;
    margin-bottom: 28px;
}

.w23 {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    column-gap: 5%;
    background: #f2f6f0;
    padding: 50px;
    border-radius: 5px;
    box-sizing: border-box;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-blend-mode: overlay;
}

.trx {
    background: #fffcf9;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    background-image: url(../img/rwe-123-08.png);
    background-position: right;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    background-size: contain;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.jdl-12 h6 {
    margin-top: 0;
    font-family: 'Roboto Mono';
    font-size: 12px;
    margin-bottom: 0;
    color: #3c4934;
}

.trx .str-rw {
    margin-left: 0;
    margin-top: 10;
    color: #f7931e;
}

.str-rw i.fa.fa-star {
    font-size: 8px;
    margin: 0;
}

img#bckd {
    background: white;
    width: 100px;
    border-radius: 63px;
    margin-bottom: 20px;
}

::before {
}

.clm-13 {
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.jdl-12 .h3 {}

.jdl-12 h3 {
    margin: 0;
    padding-left: 0;
    padding-top: revert-layer;
    color: #123;
    font-weight: bold;
}

.container {
    width: 100%;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

#qna h1 {
    text-align: center;
    width: 90%;
    margin: auto;
    font-weight: 400;
    font-size: 35;
    font-family: 'Roboto Slab';
    font-size: 22px;
    color: #2a4932;
    font-weight: 600;
    /* margin-bottom: 20px; */
    max-width: 500px;
}

#qna h6 {
    text-align: center;
    width: 90%;
    margin: auto;
    font-size: 35;
    font-family: 'Kalnia', serif;
    font-family: 'Roboto Slab';
    font-size: 13px;
    color: #000000;
    font-weight: 300;
    margin-bottom: 20px;
}

div#qna {
    margin-top: 60px;
    margin-bottom: 60px;
    box-sizing: border-box;
}

.qna-321 {
    max-width: 1000px;
    font-family: 'Roboto Mono';
    font-weight: 300;
    text-align: center;
    margin: auto;
    box-sizing: border-box;
}

.qna-321 h2 {
    text-align: left;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 100;
    color: #656565;
    font-family: 'Roboto Slab';
}

#qna i.fa.fa-plus {
    text-align: right;
    /* float: right; */
    margin-left: 0;
    position: absolute;
    right: 18px;
    top: 10px;
    color: #838484;
}

.tbl-qe {
    padding: 10px;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 5px;
    position: relative;
    border-bottom: 1px solid #c1c1c1;
}

.lst-qna p {
    display: none;
    text-align: left;
    font-size: 12px;
    background: #f5f5f5;
    margin-top: 0;
    border-radius: 5px;
    padding: 20px;
    color: #000;
    line-height: 2;
    margin-bottom: 0;
}

.lst-qna {
    margin-bottom: 10px;
}

h1#png-1sf {
    color: white;
    text-align: center;
    margin: unset;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Roboto Slab';
    font-size: 18px;
}

.descr h1 {
    font-family: 'Roboto Mono';
    width: 100%;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: bolder;
    margin-top: 0;
}

.ff-wef h1 {
    text-align: center;
    width: 90%;
    margin: auto;
    font-weight: 600;
    font-family: 'Kalnia', serif;
    font-size: 21px;
    color: #526648;
}

.lst-pht {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

div#fwef-we {
    display: grid;
    grid-template-columns: 40% 50%;
    grid-column-gap: 10%;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 50px;
}

.ff-wef {
    margin-bottom: 20px;
}

.sfwef-wef {
    text-align: center;
    font-family: 'Roboto Mono';
    font-size: 10px;
}

.sfwef-wef img {
    background: #526648;
    width: 150px;
    border-radius: 102px;
}

a.ff-wewef {
    text-align: center;
    margin: auto;
    max-width: 400px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10;
    text-decoration: none;
    font-family: 'Roboto Mono';
    font-size: 13;
    background: #f7931e;
    border-radius: 5px;
    color: #fff;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    transition: 0.5s;
    cursor: pointer;
}

a.ff-wewef:hover {
    background: #526648;
    transition: 0.5s;
    background-image: url(../img/rwe-123-08.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a#gfrer-grew {
    background: white;
    color: #f7931e;
    margin-top: 0;
    margin-right: 0;
    max-width: 200px;
    font-weight: 700;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 0;
    border-bottom: 1px solid #fff;
}

a#gfrer-grew:hover {
    color: #526648;
    box-shadow: unset;
    border-bottom: 1px solid;
    border-radius: unset;
}

a#gfrer-grew:hover {
}

#rww-umrh h1 {
    margin: unset;
    padding: unset;
    width: 115px;
    text-align: center;
}

a#rww-umrh {
    text-decoration: none;
    font-size: 7px;
    font-family: 'Roboto Mono';
    color: #526648;
    margin: auto;
    padding: 10px;
    border-radius: 2px;
    margin-right: 0;
    transition: 0.2s;
    cursor: pointer;
    background: #f7931e;
    height: unset;
    margin-left: 30px;
    background-image: url(../img/rwe-123-08.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.spc {
    width: unset;
    display: flex;
    column-gap: 10px;
}

a#rww-umrh:hover {
    background: #526648;
    color: #fff;
    transition: 0.2s;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.desc-src h1 {
    font-family: 'Roboto Slab';
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 0px;
    color: #2a4932;
}

.src-wfe {
    background: white;
    max-width: 900px;
    width: 100%;
    /* margin: auto; */
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: absolute;
    bottom: -60px;
    margin: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 40% 40% 10%;
    grid-column-gap: 5%;
    margin: auto;
    padding: 20px;
}

bac {
    font-family: 'Roboto Mono';
    box-sizing: border-box;
}

.bln-src h2 {
    padding-left: 4px;
    font-size: 12px;
    margin-top: 0;
    color: #f7931e;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    top: 15px;
}

.bln-src i.fa.fa-search {
    transition: 0.5s;
    font-size: 17px;
    display: block;
    padding: 10px;
    border-radius: 5px;
    margin: auto;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

div#tesx {
    margin: auto;
    background: #f7931e;
    border-radius: 5px;
    color: white;
    margin-right: 0;
    width: 100%;
    /* height: 100%; */
    margin-bottom: 0;
}

select#bln-src {
    height: 40px;
    border: unset;
    width: 100%;
    font-family: 'Roboto Mono';
    font-size: 17px;
    padding: 10px;
    cursor: pointer;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    border-radius: 5px;
    background: #fff;
}

select#bln-src:focus {
    outline: none;
}

.src-resl {
    margin: 40px;
    margin: auto;
    margin-top: 60px;
    width: 100%;
    max-width: 900px;
    margin-bottom: 60px;
}

.pkg {
    width: 200px;
}

h1#wrewrw {
    text-align: center;
    font-family: 'Roboto Mono';
    font-size: 17px;
    color: #424242;
    border-bottom: 1px solid #969696;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 10px;
}

.pkg {
    /* margin: auto; */
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s;
    /* margin: 10px; */
    box-sizing: border-box;
}

.pkg img {
    width: 100%;
    max-height: 218px;
    border-radius: 5px;
    background: #123;
    background-image: url(../img/bckg_3.png);
}

.smrg img {
    width: 20%;
    box-sizing: border-box;
    margin: 20px;
}

.desc-src h4 {
    font-family: 'Roboto Mono';
    /* color: #ababab; */
    margin-top: 0;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 300;
}

.desc-src h2 {
    font-family: 'Roboto Mono';
    color: #f7931e;
    font-weight: bold;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 0;
}

.lst-pckg {display: grid;grid-template-columns: 45% 45%;grid-column-gap: 10%;box-sizing: border-box;}

.pkg:hover {
    transition: 0.5s;
}

.lst-pckg a {
    text-decoration: none;
    color: #123;
    cursor: pointer;
}

.page {
    margin-top: 100px;
    margin: 40px;
    margin-top: 100px;
    box-sizing: border-box;
    position: relative;
}

div {}

div {}

.descr {
    /* width: 100%; */
    display: grid;
    grid-template-columns: 25% 45% 26%;
    grid-column-gap: 2%;
    box-sizing: border-box;
}

.descr img {
    width: 100%;
    border-radius: 5px;
}

.bln-src i.fa.fa-search:hover {
    background: #526648;
    transition: 0.2s;
}

.sl-desc {
    background: #fff;
    width: 100%;
    max-height: 338px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #ffffff;
    padding: 15px;
    box-sizing: border-box;
    font-family: 'Roboto Mono';
}

.descr-efwe h4 {
    margin-top: 0;
    font-size: 14px;
    margin-top: 0;
    font-family: 'Roboto Mono';
    color: #8c8c8c;
    font-weight: 400;
    margin-bottom: 0px;
}

.sl-desc i.fa.fa-user {
    width: 20px;
}

.s1-desc h2 {}

.sl-desc h2 {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 5px;
    position: absolute;
    left: 10px;
    top: 8px;
    color: #767b7f;
}

.sl-desc input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #aeaeae;
}

.sl-desc h4 {
    margin-top: 0;
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 0px;
    padding-top: 25px;
}

.descr-efwe {
    box-sizing: border-box;
}

::before {}

i.fa.fa-angle-down {
    float: right;
    font-size: 20px;
    font-weight: bolder;
}

.sl-desc i.fa.fa-bed {
    width: 20px;
}

.sl-desc h4:hover {
    background: #ebebeb;
}

.wfew-we {
    position: relative;
    /* margin-bottom: 20px; */
    border-bottom: 1px solid #c3c3c3;
}

a#button-order {
    font-size: 14px;
    margin: auto;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    color: white;
    background: #f7931e;
    transition: 0.2s;
}

a#button-order:hover {
    background: #526648;
}

.listp h5 {
    font-size: 11px;
    margin-bottom: 3px;
    font-weight: 300;
    text-align: right;
}

.listp {
    display: grid;
    grid-template-columns: 38% 60%;
    grid-column-gap: 2%;
    font-size: 10px;
    margin-bottom: 10px;
}

.list-prc {
    margin-top: 40px;
    border-bottom: 1px solid #9c9c9c;
}

div#total {
    margin-top: 10px;
    font-weight: bold;
}

#total h5 {
    font-weight: 800;
    font-size: 11px;
}

.descr-efwe p {
    margin-top: 5px;
    font-family: 'Roboto Mono';
    font-size: 10px;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 10px;
}

.description {
    width: 100%;
    background: #fff7ee;
    border-radius: 5px;
    font-family: 'Roboto Mono';
    padding: 20px;
    box-sizing: border-box;
    padding-top: 15px;
}

.description div#pswt {
    background: unset;
    /* border: unset; */
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 10;
}

.description h6 {
    margin: unset;
    color: #5c5c5c;
}

.description .str-rw {
    margin: unset;
    margin-top: 0;
    height: unset;
    height: unset;
    position: absolute;
    top: 21px;
    width: 100px;
}

.description .str-rw i.fa.fa-star {
    margin-top: 0;
    height: fit-content;
    font-size: 9px;
    display: inline-block;
    margin: auto;
}

description .htl-123 {
}

.description .htl-123 {
    position: relative;
    margin-bottom: 13px;
}

.description .htl-123 h6 {}

.descr-efwe h2 {
    font-family: 'Roboto Mono';
    width: 100%;
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: bolder;
    margin-top: 0;
    color: #f7931e;
}

.description .inf-13 i.fa {
    margin-left: 0;
}

.description .inf-15#pswt {
    border-bottom: unset;
    padding-bottom: unset;
    margin-bottom: unset;
}

.date h2 {}

.date-134 h2 {
    font-size: 13px;
    color: #474747;
    margin-bottom: 0;
    font-weight: 400;
}

.date-134 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    background: #fff7ee;
    border-radius: 5px;
    font-family: 'Roboto Mono';
    padding: 20px;
    box-sizing: border-box;
    padding-top: 15px;
}

.fcl-info h4 {
    font-size: 13px;
    color: #6b6b6b;
}

.date-134 h4 {
    font-size: 11px;
    font-weight: 300;
    margin-bottom: 5px;
    color: #222222;
}

h1.fwr {
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: bold;
}

.smrg p1 {
    text-align: center;
    margin: auto;
    font-family: 'Kalnia', serif;
    font-size: 20;
    color: #3c4934;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 30px;
}

.smrg {
    margin: auto;
    margin: 40px;
    box-sizing: border-box;
    text-align: center;
}

.\31 23j1 {
    width: 100;
}

.\31 23j1 {
    width: 100%;
    box-sizing: border-box;
    max-width: 900px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inf-guest-hou h1 {
    font-size: 24px;
    margin-bottom: 0;
}

.wefwef img {
    width: 100%;
    border-radius: 5px;
    float: right;
}

.wefwef {
    margin: 40px;
    box-sizing: border-box;
    float: right;
    box-sizing: border-box;
}

.conta-wef {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 40px;
    width: 900px;
    margin: auto;
}

.fwef {
    font-size: 17px;
    margin: auto;
    width: 40px;
    height: 40px;
    background: #2a4932;
    text-align: center;
    border-radius: 100px;
    color: white;
    border-radius: 5px;
}

.wef12 {
    margin: auto;
    margin-left: 40px;
}

.fwef .fa {
    margin-top: 12px;
}

.tnt {
    position: absolute;
    background: white;
    padding: 20px;
    width: 161px;
    font-size: 10px;
    text-align: left;
    right: -11px;
    top: 49px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: none;
    transition: 0.5s;
}

.tntf {
    position: relative;
    width: 129px;
}

.tnt #srrc h1 {
    text-align: right;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
}

.tnt a#srrc {
    padding: unset;
}

.wefw23 {
    margin-top: 100px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

h1#we1 {
    color: #526648;
    font-size: 25px;
    font-family: 'Kalnia', serif;
    font-family: 'Roboto Slab';
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
}

#first p {
    font-size: 15;
    color: white;
    font-family: 'Roboto Slab';
    width: 700px;
    line-height: 21px;
    text-align: justify;
}

.wefw23 p {
    font-size: 13px;
    font-family: 'Roboto Mono';
    max-width: 300px;
    font-weight: 300;
    text-align: center;
    margin: auto;
    margin-top: 5px;
}

.wfew-tim {
    width: 100%;
    max-width: 900px;
    margin: auto;
    margin-top: 20px;
    display: block;
    height: 600px;
    display: grid;
    box-sizing: border-box;
    grid-template-columns: 25% 25% 25% 25%;
}

.fwef-12 .photo-staff {
    width: 200px;
    height: 200px;
    background: #2a4932;
    border-radius: 9px;
    margin: auto;
    text-align: center;
    display: block;
    background-size: contain;
}

.fwef-12 {
    width: 25%;
    display: block;
    margin: 10px;
    max-width: 250px;
    min-width: 200px;
    box-sizing: border-box;
}

h2#jdl {
    font-size: 13px;
    font-family: 'Roboto Mono';
    font-weight: bold;
    margin: unset;
    margin-top: 5px;
    margin-bottom: 0;
}

h6#ttl {
    margin-top: 5px;
    font-family: 'Roboto Mono';
    font-weight: 400;
}

.fwfg-wfe {
}

.fwfg-wfe p {
    font-size: 11px;
    max-width: 600px;
    text-align: justify;
    font-family: 'Roboto Mono';
    font-weight: 300;
}

.gew-fwe {
    margin-top: 100px;
    margin-left: 40px;
    margin-right: 40px;
}

.load img {
    max-width: 300px;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 43%;
}

.load {
    position: fixed;
    z-index: 100;
    background: #526648;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

i#dwn-fwef {
    display: none;
    right: 17px;
    top: 12px;
    font-size: 23px;
}

#srrc .fa {
    margin-right: 10px;
    font-size: 13px;
}

::before {}

a.maps-ef {
    font-size: 15px;
    text-decoration: none;
    font-family: 'Roboto Mono';
    background: #526648;
    padding: 10px;
    border-radius: 5px;
    color: white;
    position: absolute;
    top: 79px;
    left: 23px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

h1#we1.wfe3 {
    text-align: center;
}

.fwef-fe {
    text-align: center;
}

.login {
    margin-top: 100px;
    font-family: 'Roboto Mono';
    margin-bottom: 5px;
    font-weight: 500;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    max-width: 500px;
    margin: auto;
}

.fwsfe h2 {
    font-size: 15px;
    margin-bottom: 5px;
    font-family: "Radio Canada Big", sans-serif;
    color: white;
    font-size: 23px;
    text-align: left;
}

.fwsfe input {
    width: 100%;
    height: 60px;
    border: unset;
    background: none;
    border-bottom: 1px solid #fff;
    color: white;
    font-family: "Radio Canada Big", sans-serif;
    font-size: 22px;
}

.fwsfe {
    margin-bottom: 20px;
}

.\33 2rwf {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    margin: auto;
    position: relative;
    font-family: "Radio Canada Big", sans-serif;
}

.wfew {
    margin: auto;
}

.almt img {
    width: 66px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(102%) contrast(102%);
}

.wfew img {
    max-width: 250px;
    margin: auto;
    display: block;
}

.login input[type="submit"] {
    width: 100%;
    height: 70px;
    border: unset;
    color: white;
    margin-top: 20px;
    padding: 1;
    color: white;
    border-radius: 3px;
    transition: 0.2s;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ffffff;
    background: unset;
    font-size: 26px;
    font-family: "Radio Canada Big", sans-serif;
}

input#signup {
    margin-top: 10px;
    background: #f7931e;
}

img#wefs {
    width: 40px;
    margin: auto;
    display: block;
    margin-bottom: 80px;
}

#srrc.contact {
    color: white;
    transition: 0.5s;
}

.column #srrc h1 {text-align: right;color: white;}

.column {
    color: white;
    text-align: right;
}

.almt h3 {
    color: white;
    font-family: 'Roboto Slab';
    padding: unset;
    margin-top: 20px;
    font-size: 10;
}

footer h2 {
    font-family: roboto slab;
    color: white;
    margin-bottom: 5px;
}

.contc i.fa {
    margin-right: 20px;
}

a#book_nw {
    text-decoration: none;
    font-size: 16px;
    font-weight: bolder;
    font-family: 'Roboto Slab';
    margin: auto;
    color: #2a4932;
    padding: 15px;
    border-radius: 2px;
    transition: 0.2s;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    text-align: right;
    background: white;
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #2a4932;
    border-radius: 5px;
}

.img-srv h2 {
    font-size: 21px;
    margin-bottom: 4px;
    margin-top: 0;
    color: #2a4932;
    line-height: 1.3;
}

.img-srv p {
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 0;
}


div#img-gsthoue {
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.inf-lst a {
    text-decoration: none;
    font-size: 18px;
    color: white;
    border-bottom: 1px solid;
}

a.dsc_mr {
    text-decoration: none;
    border-bottom: 1px solid #2a4932;
    padding: 10px;
    font-family: 'Roboto Slab';
    color: #2a4932;
    font-size: 15px;
    font-weight: bold;
    transition: 0.3s;
}

a.dsc_mr:hover {
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    border-bottom: 1px solid #2a4932;
}


.cntc {
    font-family: 'Roboto Slab';
    margin: auto;
    display: block;
}

.cntc h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #2a4932;
}

.cntc h4 {
    margin-top: 0;
    font-weight: 300;
}

.google_mps {
    border-radius: 5px;
}

.tstm p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.9;
    text-align: center;
}

.tstm h2 {
    margin-bottom: 4px;
}

div#cover_page {
    height: 50%;
    background-image: url(../img/guesthouse_bckg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.intr-pg {
    font-family: 'Roboto Slab';
    max-width: 500px;
    padding: 30px;
    margin-bottom: 50px;
    margin-top: 30px;
}

.intr-pg h1 {
    font-size: 24px;
}

.intr-pg p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.8;
    font-family: 'Roboto Slab';
    font-weight: 100;
}

.gsthouse {
    margin: auto;
    display: block;
    max-width: 900px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 100px;
}

select#guesthouse-list {
    margin: auto;
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: 'Roboto Slab';
    background-image: url(../img/background_10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: unset;
    border-top: 1px solid #2a4932;
    border-bottom: 1px solid #2a4932;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    box-sizing: border-box;
}

.photo-gst {
    height: 400px;
    background: #2a4932;
    margin-top: 30px;
    border-radius: 5px;
    width: 100%;
    background-size: cover;
    display: block;
    background-position: center;
}
#photo-slider .photo-gst.active {
    display: block; /* Only show the active image */
}
.inf-guest-hou {font-family: 'Roboto Slab';max-width: 500px;/* padding: 30px; */margin-top: 30px;}
}

.inf-guest-hou p {}

.inf-guest-hou p {
    margin-top: 4px;
    font-size: 14px;
    text-align: justify;
    width: 100%;
    line-height: 1.75;
    height: 123px;
}

.fclt-gest {
    max-width: 700px;
    margin: auto;
    margin-top: 50px;
    font-family: 'Roboto Slab';
    margin-bottom: 100px;
}

.fclt-gest h1 {
    font-size: 21px;
    color: #2a4932;
}

.icn-btn {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.fcl-info {
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

.fcl-info img {
    height: 28px;
}

.pg {
}

.glr-gsth {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    margin-top: 150px;
    margin-bottom: 100px;
    display: none;
}

img#left-g {
    width: 100%;
    border-radius: 5px;
}

div#favorite_food {
    max-width: 1000px;
    margin-bottom: 50px;
}

.icn-btn {}

div#fvor_food {
    grid-template-columns: 25% 25% 25% 25%;
}

.photo-ff {
    background: #2a4932;
    height: 230px;
    border-radius: 5px;
    margin: 10px;
    box-sizing: border-box;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.mn-fvr {
    font-family: 'Roboto Slab';
    background: #2a4932;
    border-radius: 5px;
    color: white;
    padding: 30px;
    box-sizing: border-box;
    margin: unset;
    background-image: url(../img/bckg_2.png);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    padding-bottom: 100px;
    padding-top: 100px;
}
}

h1#mn-f {
    font-family: 'Roboto Slab';
    font-size: 18px;
    text-align: center;
    background: #2a4932;
    border-radius: 10px;
    color: white;
    padding: 20px;
    box-sizing: border-box;
    margin: unset;
}

h1#mn-f {
    font-size: 23px;
    text-align: center;
    max-width: 700px;
    margin: auto;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 10px;
}

.menu-lst {
    max-width: 650px;
    margin: auto;
    color: white;
    display: none;
}

.lst-fvr h3 {
    color: white;
    font-family: 'Roboto Slab';
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    padding-bottom: 0;
}

.mn-fvrt {
    max-width: 650px;
    margin: auto;
    margin-top: 50px;
}

h1.men-category {
    padding: 10px;
    font-size: 19;
    border-bottom: 1px solid #dedede;
    display: grid;
    grid-template-columns: 90% 10%;
}

.lst-fvr p {
    padding: 10px;
    font-size: 12px;
    line-height: 1.9;
    padding-top: 0;
    margin-top: 0;
    max-width: 500px;
    text-align: justify;
}

.lst-fvr {
    margin-bottom: 10px;
}

.testm div#thred {
    background: white;
}

.testm h1#png-1sf {
    color: #2a4932;
}

.testm .pg-3 {
    color: #2a4932;
}

.desc-src {
    max-width: 100%;
    margin-bottom: 50px;
}

.img_trf {
    max-width: 100%;
    height: 200px;
    border-radius: 5px;
    background: #2a4932;
    background-position: center;
    background-size: cover;
}

.desc-src p {
    margin-top: 5;
    font-family: 'Roboto Slab';
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}

.infr-trgds {
    display: grid;
    grid-template-columns: 50% 50%;
    font-family: 'Roboto Slab';
    font-weight: 100;
    margin-bottom: 40px;
    max-width: 279px;
    margin-right: auto;
    font-size: 13px;
}

.wefwe-wf {
    text-align: left;
    font-weight: 800;
    font-size: 13px;
}

.wkt-ww {
    font-weight: 800;
    text-align: left;
}

.wkt-ww i.fa.fa-calendar-o {
    padding-right: 10px;
}

.dtl-lst {
    width: 900px;
    box-sizing: border-box;
    margin: auto;
    margin-top: 180px;
}


.bckg-we {
    height: 300px;
    box-sizing: border-box;
    background-image: url(../img/bckg_3.png);
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}



.src-resl h1 {
    font-size: 21px;
    font-family: 'Roboto Slab';
}

.inf h1 {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 25px;
}

.inf {
    font-family: 'Roboto Slab';
}

.inf h2 {
    margin-top: 2px;
    font-size: 18px;
    color: #2a4932;
}

inf-fc h3 {}

.inf-fc {margin-top: 10;margin-bottom: 20;}

.inf-fc h3 {
    padding: unset;
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 600;
}

.weow {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 300px;
    font-family: 'Roboto Slab';
    font-weight: 400;
}

.icon i.fa {
    padding-right: 10;
}

.icon {
    font-family: 'Roboto Slab';
    color: #2a4932;
    font-size: 10px;
}

.dtl-tr p {
    font-size: 12px;
    width: 400px;
    text-align: justify;
    font-family: 'Roboto Slab';
    line-height: 1.86;
}

.actvd {
    max-width: 100%;
    margin: auto;
    font-family: 'Roboto Slab';
    position: relative;
}

.actvd h2 {
    font-size: 17px;
    margin-bottom: 0;
    border-bottom: 1px solid #767676;
    padding: 10px;
}

.acorws {
    padding: 10px;
    border-bottom: 1px solid #c2c2c2;
}

.acorws tr:nth-child(even) {
  background-color: #dcf3e28a;
  height: 40px;
}

table {
    width: 100%;
}

.acorws th, .acorws td {
    text-align: left;
    font-size: 16px;
    padding: 10px;
}

td {}

img#ntoed {
    position: absolute;
    top: -28px;
}

.main {
    background-image: url(../img/background_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}

.prt-fnd {
    font-family: 'Roboto Slab';
    display: grid;
    grid-template-columns: 47% 47%;
    grid-column-gap: 6%;
    margin-bottom: 100px;
    line-height: 1.95;
}

.imgfmd {
    background: #2a4932;
    box-sizing: border-box;
    border-radius: 5px;
    background-size: cover;
}

div {}

.tm-fnd {
    max-width: 900px;
    margin: auto;
    text-align: justify;
    margin-top: 50px;
}

img#ic_lg {
    width: 74px;
    align-content: center;
    margin: auto;
    display: block;
}

input[type="submit"]:hover {
    color: #2a4932;
    transition: 0.5s;
    background: #fff;
    font-family: "Radio Canada Big", sans-serif;
    font-size: 15px;
}


.img-ser {
    background-repeat: no-repeat;
    background-position: right;
}

form {
    max-width: 1000px;
    text-align: center;
    margin: auto;
    width: 100%;
}

.recomendation-arcl {border-top: 1px solid #909090;display: none;}

i.fa.fa-bars {
    margin: auto;
    font-size: 22px;
    color: white;
}

i.fa {
    margin: auto;
    font-size: 20;
}

.gst-hos {
    display: grid;
    grid-template-columns: 48% 48%;
    width: 100%;
    grid-column-gap: 4%;
    max-width: 1100px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.inf-gst {
    display: grid;
    grid-template-columns: 50% 50%;
    font-family: 'roboto Slab';
    max-width: 350px;
    text-transform: capitalize;
    color: #2a4932;
}

.bed-inf i.fa {
    font-size: 17px;
    padding-right: 10;
}

.button-change {
    width: 50px;
    height: 50px;
    position: absolute;
    background: #ffffff;
    opacity: 0.5;
    border-radius: 0px;
    transition: 0.7s;
    bottom: 0;
    right: 0;
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.photo_gst {
    position: relative;
    /* height: 350px; */
    border-radius: 6px;
}

.button-change:hover {
    opacity: 1;
}

.active {
    display: block;
}

.photo-gst.active {}

div.pg-srv .tour-gd {
    background-image: url(../img/bckg_3.png);
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.rest-re {
    background-image: url(../img/restaurant.jpg);
}

.gst-hs {
    background-image: url(../img/guesthouse_bckg.png);
}

.ffv h5 {
    color: #123;
    font-size: 14px;
    padding-left: 18px;
}

.image-all {
    display: none;
}

.image-all {
    position: absolute;
    display: grid;
    height: 90%;
    width: 90%;
    z-index: 101;
    background: white;
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
    display: none;
}

.image-all .photo-gst {
    height: unset;
    margin-top: 0;
}

.display-gr {
    grid-row-gap: 2%;
    display: grid;
    grid-template-columns: 49% 49%;
    box-sizing: border-box;
    grid-column-gap: 2%;
    height: 92%;
    padding: 20px;
}

.image-all i.fa.fa-close {
    font-size: 20;
    margin-bottom: 20px;
}

.descpe p {
    font-size: 11px;
}

.fwef i.fa {
    font-size: 16px;
}

.photo-staff h6 {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #d2d2d2;
    background-image: url(../img/icon/icon_button.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    font-size: 11px;
    font-family: 'roboto Slab';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    padding: 20px;
    box-sizing: border-box;
}

.photo-staff h6:hover {
    opacity: 0.9;
}

.prt-fnd {}

.background-black {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #123;
    opacity: 0.5;
    z-index: 100;
    display: none;
}

.pg-in h1 {
    color: #e4e4e4;
    font-family: "Radio Canada Big", sans-serif;
    font-weight: 100;
    font-size: 17;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 0;
}

.prjct-lst {
    color: #e4e4e4;
    display: block;
    font-family: "Radio Canada Big", sans-serif;
    text-decoration: none;
    font-weight: 900;
    padding: 20;
    padding-left: 0;
    font-size: 53px;
    border-bottom: 1px solid #fff;
    transition: 0.5s;
}

a.prjct-lst:hover {
    background: #252525;
}

div#threed {
    background: #0f0f0f;
    margin: unset;
    padding: 30px;
    display: grid;
    grid-template-columns: 40% 60%;
    box-sizing: border-box;
}

#threed .pg-in h2 {
    color: white;
    font-family: "Radio Canada Big", sans-serif;
}

#threed h1 {
    color: white;
    color: white;
    font-family: "Radio Canada Big", sans-serif;
    font-weight: 100;
    font-size: 17;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 0;
}


.projct {
    color: white;
    color: white;
    font-family: "Radio Canada Big", sans-serif;
    font-weight: 100;
    font-size: 38px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 0;
    text-decoration: none;
}

#threed h2 {
    font-family: "Radio Canada Big", sans-serif;
    font-weight: 100;
    font-size: 38px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 0;
}

.inf- {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 50px;
}

.inf-lst h4 {
    margin: unset;
    font-size: 16px;
    margin-bottom: 5px;
}

.inf-lst {
    max-width: 200px;
}

h5#nm-srv-ls {
    border-bottom: unset;
    font-size: 12px;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 6px;
    font-weight: 100;
    font-family: "Radio Canada Big", sans-serif;
}

.fwsfe input:focus-visible {
    outline: none;
}

.add.project {
    display: block;
    text-align: center;
}

abutton {}

.project button {
    box-sizing: border-box;
    max-width: 300px;
    margin-top: 20px;
    padding: 17px;
    color: white;
    border-radius: 1px;
    transition: 0.2s;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ffffff;
    background: unset;
    font-size: 14px;
    font-weight: bold;
    font-family: "Radio Canada Big", sans-serif;
}

.lst-prj-nme h2 {
    color: white;
    position: relative;
}

.lst-prj-nme {
    border-bottom: 1px solid #fff;
    display: grid;
    grid-template-columns: 5% 90% 5%;
}

.list-prj {
    margin: 20px;
    height: 80%;
    %:
    auto;
}

::before {}

i.fa.fa-ellipsis-v {
    font-size: 20;
    text-align: center;
}

a.add_project_button {
    outline: none;
    text-decoration: none;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 100%;
    display: block;
    padding: 10;
    box-sizing: border-box;
    transition: 0.5s;
}

a.add_project_button:hover {
    background: white;
    color: black;
    transition: 0.5s;
}

input#projectTitle {
    width: 100%;
    height: 60px;
    border: unset;
    background: none;
    border-bottom: 1px solid #fff;
    color: white;
    font-family: "Radio Canada Big", sans-serif;
    font-size: 22px;
}

h1 {}

input#projectTitle:focus-visible {
    outline: none;
}

input#projectPhotos {
    width: 300px;
    /* background: white; */
    font-family: "Radio Canada Big", sans-serif;
    font-size: 15px;
    padding: 10px;
    color: white;
    text-align: left;
}

input[type="submit"] {
    width: 100%;
    height: 40px;
    border: unset;
    border-bottom: 1px solid;
    font-family: "Radio Canada Big", sans-serif;
    font-size: 19px;
    font-weight: bold;
    background: unset;
    color: white;
    outline: none;
    transition: 0.5s;
    cursor: pointer;
}

.top {
    border-bottom: 1px solid white;
    padding: 10px;
    font-family: "Radio Canada Big", sans-serif;
    font-size: 22px;
}

.top a {
    text-decoration: none;
    color: white;
}

.bottom-ls {
    color: white;
    position: fixed;
    bottom: 0;
    font-family: "Radio Canada Big", sans-serif;
    z-index: 99;
    border-top: 1px solid white;
    width: 100%;
    text-align: center;
}

.bottom-ls h3 {
    color: white;
    font-family: "Radio Canada Big", sans-serif;
}

.picture-images {
    width: 96%;
    height: 96%;
    position: fixed;
    background: black;
    border: 1px solid;
    z-index: 101;
    display: none;
    top: 0;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    overflow: auto;
    padding: 30px;
    box-sizing: border-box;
}

.prjct-lst:hover {
    background: #3d3d3d;
    transition: 0.5s;
}

.eidt {
    display: none;
    position: fixed;
    margin: auto;
    width: 100px;
    color: white;
    background: white;
    padding: 20;
    font-size: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    /* height: 50%; */
    z-index: 100;
    padding-bottom: 40px;
}

.eidt a {
    color: black;
    text-decoration: none;
    width: 100%;
    display: block;
    width: 100%;
    border-bottom: 1px solid;
    padding: 20px;
    box-sizing: border-box;
}

i.fa.fa-times.x-lst {
    color: black;
    text-align: right;
}

img.imgsrc {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 20px;
}

.display.picture {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 20px;
}

.display img.imgsrc {
    padding: 10px;
}

i.fa.fa-times.x-list {
    position: absolute;
    top: 0;
}

.photo-list-edit {
    position: relative;
}

h2#about_usss {
    color: white;
    font-size: 20px;
    width: 100%;
    padding: 10px;
    font-family: "Radio Canada Big", sans-serif;
    box-sizing: border-box;
    text-align: justify;
    padding: 30px;
    font-weight: 100;
    max-width: 1000px;
    margin: auto;
}

video {
    width: 100%;
}

table.info-table {
    text-align: left;
    font-size: 20px;
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: white;
    font-family: "Radio Canada Big", sans-serif;
    margin-bottom: 30px;
}