#0c365efont-family: 'Kalnia', serif;

input:focus, textarea:focus, select:focus {
    outline: none;
}

.header {
    height: 60px;
    padding: 10px;
    /* background: white; */
    display: grid;
    border: unset;
    grid-template-columns: 15% 80%;
    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;
}

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

a#srrc {
    width: 164px;
    text-decoration: none;
    font-size: 6px;
    font-family: 'Roboto Mono';
    margin: auto;
    color: #414141;
    padding: 10px;
    border-radius: 2px;
    margin-right: 0;
    transition: 0.2s;
    cursor: pointer;
    text-align: left;
}

body {
    margin: unset;
    width: 100%;
    box-sizing: border-box;
}

a#srrc:hover {color: #1b75bc;border-left: 2px solid;transition: 0.2s;border: unset;}

a.contact {
    background: #0c365e;
    padding: 1;
    color: black;
    margin-left: 30px;
    border-radius: 3px;
    transition: 0.2s;
}

.contact h1 {
    color: #ffffff;
    padding: unset;
}

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

#srrc h1:hover {
}

a.contact:hover {
    background: f7931e;
    color: white;
    background: #1b75bc;
}

div#first {
    background: white;
    height: 65%;
    width: 100%;
    position: relative;
    /* margin: 0; */
    background-image: url("../img/bckg.png");
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

#first h1 {
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    margin: 0;
    font-family: 'Roboto Mono';
    font-weight: 700;
    opacity: 1;
}

.judul {
    margin: auto;
    display: block;
    box-sizing: border-box;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 20% 20% 60%;
}

.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%;
    padding: 100px;
    margin-top: 100px;
    box-sizing: border-box;
    max-width: 1100px;
    margin: auto;
    margin-top: 50px;
}

.pg-in {
    margin: 0;
    display: block;
    width: 100%;
    display: block;
    display: grid;
    grid-template-columns: 45% 45%;
    width: 100%;
    height: 90%;
    grid-column-gap: 10%;
    margin: auto;
}
}

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: #526648;
    font-family: 'Roboto Mono', monospace;
    font-weight: 600;
    font-size: 40;
    font-family: 'Kalnia', serif;
    margin-bottom: 20px;
    width: 100%;
    max-width: 700px;
}

.artc h4 {color: black;font-weight: 300;margin-top: 5;font-size: 18px;/* 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: absolute;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    bottom: -32px;
    background: #0c365ed6;
    color: white;
    text-align: center;
    max-width: 70%;
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%, 24%);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

footer {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    padding: 30;
    background: #0c365e;
    line-height: 1.7;
    color: #6e6e6e;
    padding-left: 90;
    padding-right: 90;
}

.almt {color: #ffffff;max-width: 200px;line-height: 1.7;margin-top: 0;}

.contc {
    text-align: left;
    margin-top: auto;
}

.contc h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9px;
    /* color: inherit; */ /* Warisan warna teks dari elemen induknya */
    text-decoration: none; /* Menghilangkan garis bawah */
}

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

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

i.fa.fa-whatsapp {}

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

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

.nm-pg {
    box-sizing: border-box;
    width: 100%;
    border-radius: 5px;
    position: fixed;
    width: 20%;
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    border-radius: 5px;
    font-family: 'Roboto Mono', monospace;
}
    



.nm-pg h1 {
    box-sizing: border-box;
    color: #060606;
    font-size: 17px;
    margin: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: bold;
    display: block;
    margin: auto;
    text-align: center;
    max-width: 700px;
    text-align: left;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 80% 20%;
}

.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 Mono';
    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;
}

.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: 250px;
    /* margin-bottom: 50; */
}

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

.artcl-is h1 {
    font-size: 34px;
    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: '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;
}

.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: 23px;
    margin-right: 20;
    color: #ffffff;
}

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

.medsos {
    margin-top: 10px;
    font-size: 15;
}

div#thred {
    width: 100%;
    padding: 80px;
    background: #fff7ee;
    box-sizing: border-box;
    margin: auto;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: url(../img/rewr-133-11.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

#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: 79%;
    border-radius: 5px;
}

.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%;
    margin-bottom: 300px;
}


#survey h1 {
    text-align: left;
    color: 0231a2;
    width: 100%;
    margin: auto;
    font-weight: bold;
    font-size: 35;
    font-family: 'ROBOTO MONO';
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
}


.pg-srv {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

#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 {
    margin: auto;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    max-width: 1000px;
    background: #e6e8ea;
    border-radius: 5px;
    height: 186px;
    background-image: url(../img/bckg_2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

div#cta-sr {
    width: 100%;
    padding: 40px;
    padding-top: 70px;
    box-sizing: border-box;
    padding-bottom: 70px;
    min-height: 300px;
    margin-top: 40px;
    display: block;
}

.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: 35;
    font-family: 'Roboto Mono';
    font-size: 20px;
    color: #0c365e;
    font-weight: 600;
    margin-bottom: 20px;
    max-width: 700px;
    font-weight: bold;
}

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

.pg-cta {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

a#nrmr {
    padding: 15;
    text-decoration: none;
    background: #0c365e;
    color: white;
    border-radius: 5px;
    transition: 0.5s;
    font-family: 'Roboto Mono', monospace;
    margin: auto;
    width: 150px;
    text-align: center;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
    font-size: 13px;
}

a#nrmr:hover {
    background: #1b75bc;
    /* border: 1px solid #0231a2; */
    color: white;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: right;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    background-size: contain;
    border-left: 2px solid;
    transition: 0.2s;
    border: unset;
    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: none;
    color: #ffffff;
}

i.fa.fa-linkedin {}

i.fa.fa-facebook {
    font-size: 23;
}

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

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;
}

#second .artc h4 {
    color: black;
    text-align: justify;
}

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

#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%;
    margin-top: 10;
}

.maps {
    width: 100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position: relative;
    margin-bottom: 100px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

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: 'Roboto Mono';
    font-size: 20;
    color: #0c365e;
    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-left: auto;
}

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

.header {
    border: unset;
    column-gap: 5%;
    position: fixed;
    border-radius: 0px 0px 5px 5px;
    z-index: 99;
    top: 0;
    width: 100%;
    background: white;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.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;
}

h5 {
    font-family: 'Roboto Mono';
    color: #ffffff;
    left: 17%;
    font-size: 20;
    margin-top: 0;
    bottom: 0;
}

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: 11px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 300;
    color: black;
    text-align: justify;
}

#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 Mono';
    color: #4e4a4a;
    margin: auto;
    font-weight: 300;
    font-size: 14px;
    padding: 14px;
}

.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%;
    padding: 50px;
    border-radius: 5px;
    box-sizing: border-box;
    max-width: 900px;
    padding-top: 5;
}

.trx {
    border-radius: 5px;
    padding: 30px;
    position: relative;
    /* background: #0d3861; */
    color: #123;
}

.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-top: revert-layer;
    color: #000;
    font-weight: bold;
    font-size: 20px;
}

.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 Mono';
    font-size: 16px;
    color: #0c365e;
    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 Mono';
    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;
    margin-top: 33px;
}

.qna-321 h2 {
    text-align: left;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    color: #656565;
}

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

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

.lst-qna p {
    display: none;
    text-align: left;
    font-size: 12px;
    background: #fafafa;
    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: #526648;
    text-align: left;
    margin: unset;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 700;
}

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

.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 {
    max-width: 950px;
    margin: auto;
    margin-bottom: 50px;
    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;
    padding-left: 20px;
}

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 Mono';
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 0px;
}

.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: #0c365e;
    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 {
    width: 100%;
    margin-bottom: 60px;
    width: 78%;
    margin-left: auto;
    min-height: 600px;
}

.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%;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s;
    /* margin: 10px; */
    box-sizing: border-box;
}

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

.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: 25% 25% 25% 25%;box-sizing: border-box;}

.pkg:hover {
    transition: 0.2s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background: #526648;
    color: #fff;
    border-radius: 5px;
    background-image: url(../img/rwe-123-09-09.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-blend-mode: screen;
    transition: 0.5s;
}

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

.page {
    margin: auto;
    margin-top: 150px;
    box-sizing: border-box;
    position: relative;
    width: 1100px;
    margin-bottom: 100px;
}

div {}

div {}

.descr {
    /* width: 100%; */
    display: block;
    /* 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: #1b75bc;
    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;
    margin-top: 30px;
}

::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;
    max-width: 600px;
}

.description {
    width: 100%;
    background: #eef7ff;
    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: 17px;
    margin-bottom: 10px;
    font-weight: bolder;
    margin-top: 0;
    color: #050505;
}

.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: #eef7ff;
    border-radius: 5px;
    font-family: 'Roboto Mono';
    padding: 20px;
    box-sizing: border-box;
    padding-top: 15px;
}

.dsc h4 {
    font-size: 12px;
    font-family: 'Roboto Mono';
    margin: unset;
    font-size: 11px;
    margin-bottom: 5px;
    color: #6f7276;
}

.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;
}

.conta-wef h1 {
    font-size: 21px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #0c365e;
}

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

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

.conta-wef {
    margin: 40px;
    margin-top: 0;
}

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

.wef12 {
    margin: auto;
}

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

.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-weight: 600;
    text-align: left;
    margin-bottom: 0;
}

.expl p {
    font-family: 'Roboto Mono';
    font-size: 11px;
    text-align: justify;
    color: #545454;
    font-weight: 400;
    background: #fafafa;
    padding: 20px;
    border-radius: 3px;
    line-height: 26px;
    display: none;
}

.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 img {
    width: 200px;
    height: 200px;
    background: #526648;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    display: block;
}

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

h2#jdl {
    font-size: 17px;
    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: 14px;
    width: 300px;
    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;
    padding: 60px;
    box-sizing: border-box;
}

.fwsfe h2 {
    font-size: 15px;
    margin-bottom: 5px;
}

.fwsfe input {
    border-radius: 5px;
    width: 100%;
    height: 50px;
    border: 1px solid #acacac;
    padding: 10px;
}

.fwsfe {
    margin-bottom: 20px;
}

.\33 2rwf {
    max-width: 1000px;
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wfew {
    margin: auto;
}

img {}

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

.login input[type="submit"] {
    width: 100%;
    height: 40px;
    border: unset;
    background: #0c365e;
    font-family: 'Roboto Mono';
    color: white;
    border-radius: 5px;
    margin-top: 20px;
    transition: 0.2s;
    cursor: pointer;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

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

img#wefs {
    width: 100%;
    display: block;
    border-radius: 5px;
}

.column a#srrc {
    color: white;
    text-align: left;
}

.column #srrc h1 {
    text-align: left;
}

.almt img {
    filter: brightness(0) invert(1);
    margin-bottom: 20;
}

.column {
    margin-top: auto;
}

.contc h2 {
    font-family: 'Roboto Mono';
    color: white;
    font-size: 14px;
    margin-bottom: 0;
}

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

.almt h3 {
    color: white;
    padding: unset;
}

.contc h3 {
    color: white;
    font-size: 9px;
    padding-left: 0;
    font-weight: 900;
}

.judul select {
    font-family: 'Roboto Mono';
    padding: 10px;
    color: black;
    width: 98%;
    font-size: 11px;
    box-sizing: border-box;
    margin-right: 10px;
    border-radius: 5px;
    border: none;
    height: 40px;
    margin: unset;
    margin-bottom: 10px;
}

.judul input {
    font-family: 'Roboto Mono';
    padding: 10px;
    color: black;
    width: 98%;
    font-size: 13px;
    border: unset;
    background: unset;
    height: 40px;
}

.inpt-te {
    display: flex;
    background: white;
    height: 40px;
    border-radius: 5px;
}

.inpt-te i.fa.fa-search {
}

.judul option {
    width: 150px;
    font-size: 13px;
}

#second h2 {
    font-size: 17px;
    font-family: 'Roboto Mono';
    margin-top: 10px;
    color: #0c365e;
}

.db-mn {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

.pht {
    background: #464646;
    height: 200px;
    border-radius: 5px;
    background-image: url(../img/bckg.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.dscr h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 0;
}

.dscr h3.db-nm {
    font-size: 13px;
    margin-top: 0;
    padding-top: 0;
}

.db-fr {
    padding: 15px;
    box-sizing: border-box;
    padding-top: 0;
    margin-bottom: 20px;
}

.dsc {
    margin-top: 10px;
}

.dsc {}

.sz-bgn {
    margin-top: 10px;
    font-size: 12px;
    font-family: 'Roboto Mono';
    color: #4a4f53;
    display: flex;
    grid-gap: 7%;
}

.db-mn a {
    text-decoration: none;
}

.srv-ttl {
    background: white;
    border-radius: 5px;
}

.srv-ttl h5 {
    color: #123;
    text-align: center;
    font-size: 13px;
    margin-bottom: 1px;
    font-weight: bold;
    text-decoration: none;
}

.conta-wef h6 {
    font-size: 12px;
    font-family: 'Roboto Mono';
    margin-top: 0;
    max-width: 400px;
    text-align: justify;
    font-weight: 400;
    line-height: 2;
}

#survey .srv-ttl h6 {
    color: #123;
    font-size: 11px;
    text-align: left;
    margin-top: 3px;
    font-family: 'Roboto Mono';
    text-align: center;
}

.srv-ttl img {
    margin: auto;
    display: block;
    width: 38%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.clmn-srv {
    margin: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: white;
    border-radius: 4px;
    text-decoration: none;
}

.clmn-srv {}

#lct h1 {
    text-align: center;
    margin: 30px;
    font-family: 'Roboto Mono';
    font-size: 15px;
    color: #0c365e;
}

div#lct {
    margin: 50px;
}

#lct a {
    max-width: 900px;
    display: block;
    text-decoration: none;
    margin: auto;
    background: #0c365e;
    padding: 10px;
    border-radius: 3px;
    transition: 0.2s;
    margin-bottom: 20px;
    transition: 0.7s;
    animation: 0.4s;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.lct-tl {
    display: grid;
    grid-template-columns: 80% 20%;
    border-radius: 5px;
    color: white;
    text-align: left;
}

.lct-tl h3 {
    color: white;
    text-align: left;
    margin: unset;
    text-decoration: 15px;
    font-weight: bold;
    font-size: 16px;
    width: unset;
}

h3.lc-pr {
    text-align: right;
}

#lct a:hover {
    background: #2170bb;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.jdl-12 {
    text-align: center;
}

img {}

.jdl-12 img {
    width: 70px;
    margin-bottom: 10px;
}

div#cliebt {
    margin-top: 150px;
}

.img-src-pht {
    display: grid;
    grid-template-columns: 72% 25%;
    column-gap: 3%;
}

.img-lst {
    height: 500px;
    display: grid;
    grid-template-rows: 30% 30% 30%;
    row-gap: 5%;
    transition: background-image 0.5s ease-in-out;
    filter: grayscale(100%);
}

.img-src-dtl {
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transition: background-image 0.1s ease-in-out;
}

#summary ul {
    display: table;
    list-style: none;
    padding-left: 0;
    width: 100%;
}

#summary li {
    display: table-row;
}

#summary b {
    display: table-cell;
    padding-right: 2em;
    font-weight: 300;
    font-size: 12px;
}

div#summary {font-family: 'Roboto Mono';background: #f7fbff;padding: 20px;margin-bottom: 20px;border-radius: 5px;padding-bottom: 0px;}

#summary h3, #rcd h3 {
    font-size: 15px;
    padding: unset;
    font-weight: bold;
    margin-bottom: 30px;
}

div#search-more a {
    margin-top: 27px;
}

div#more_lct a {
    margin-top: 30px;
    background: unset;
    border: 1px solid #0c365e;
    box-shadow: unset;
    color: #123;
    max-width: 150px;
}

.google_maps {
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 50px;
}

.expl h1, .onwer_shp h1.dropdown {
    max-width: 1200px;
    font-family: 'Roboto Mono';
    margin: auto;
    display: block;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    font-size: 15px;
    display: grid;
    grid-template-columns: 80% 20%;
    padding: 10px;
    transition: 0.3s;
    cursor: pointer;
    text-align: left;
    color: #123;
}

.expl {
    width: 100%;
    margin: auto;
    padding: 50px;
    box-sizing: border-box;
    padding-top: 0;
    margin-top: 0;
}

.login input[type="submit"]:hover {
    background: #1b75bc;
}

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

#lct a {}

.pht:hover {
}

h1#title {
    position: absolute;
    top: 33%;
    left: 10%;
    font-size: 53px;
    width: 500px;
}

.src-pg {
    position: relative;
    grid-template-columns: 25% 70%;
    margin: 20px;
    margin-top: 100px;
    grid-column-gap: 5%;
}

form {
    margin-top: 20px;
}

.nm-pg label {
    font-size: 13px;
    font-weight: 300;
}

input {}

input:focus, select:focus {
    outline: none;
}

.nm-pg input,.nm-pg select {
    width: 100%;
    box-sizing: border-box;
    border: unset;
    border-bottom: 1px solid #b5b5b5;
    height: 30px;
    margin-bottom: 30px;
    font-family: 'Roboto Mono', monospace;
    background-color: white;
}

input[type="submit"] {
    margin-bottom: unset;
    background: #fff;
    height: 40px;
    border-radius: 4px;
    color: #0c365e;
    border: 1px solid #0c365e;
    cursor: pointer;
}

.nm-pg option {
    width: 100px;
}

.list_loc div {
    margin: auto;
    background: #0c365e;
    color: white;
    width: 100%;
    height: 100%;
    border-radius: 1px;
    font-size: 15px;
    display: grid;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.nm-pg i.fa.fa-caret-down {
    text-align: right;
}

.type_rest {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    margin-top: 30px;
    margin-bottom: 100px;
}

.list_nearest {
    display: grid;
    grid-template-columns: 57% 40%;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 5px;
    text-transform: capitalize;
    padding-bottom: 6px;
    font-size: 13px;
}

b#km_nearest {
    text-align: right;
    padding: unset;
    font-size: 12px;
    font-weight: bold;
}

.list_nearest i.fa {
    width: 25px;
}

div#property_info {
    margin-bottom: 20px;
    grid-template-columns: 50% 50%;
    font-size: 12px;
}

.dtl_title h1 {
    margin-bottom: 0;
    font-size: 20px;
}

#rcd .dscr h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.img-src-dtl:hover {
    opacity: 1;
}

.img-lst .img-src-dtl {
    opacity: 0.5;
}

.img-lst .img-src-dtl:hover {
    opacity: 1;
    transition: 0.4s;
}

button.btn.btn-success {
    background: unset;
    border: unset;
    background: white;
    padding: unset;
    color: #123;
    margin: auto;
    padding: 10px;
    border: unset;
    cursor: pointer;
    padding: 5px;
    margin: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

button.btn.btn-success:hover {
    cursor: pointer;
    background: #e2e2e2;
}

.inpt-te {}

h1#total_property {text-align: right;font-size: 15px;font-family: 'roboto mono';margin-top: 0;border-bottom: 1px solid #c3c3c3;margin-bottom: 30px;padding-bottom: 10px;}

.dropdown i.fa {
    text-align: right;
    font-size: 10;
    margin: auto;
    margin-right: 6px;
}

.about_invest_bali {
    display: grid;
    grid-template-columns: 30% 70%;
    margin-top: 100px;
}

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

.loc {
    max-width: 500px;
    text-align: justify;
    margin: auto;
}

.list_loc {
    max-width: 500px;
    margin: auto;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
    height: 300px;
    margin-top: 50px;
    grid-row-gap: 5%;
    margin-bottom: 50px;
}

.list_loc ul {
    list-style-type: none;
    padding: unset;
    width: 100%;
}

.loc p {
    line-height: 2;
    font-size: 11px;
}

.expl h1:hover {
    background: #0c365e;
    color: white;
    transition: 0.3s;
}

.bal_loc h1 {
    text-transform: uppercase;
    color: #0c365e;
    font-weight: bold;
}

.onwer_shp {
    font-family: 'Roboto Mono';
    margin-left: auto;
    text-align: right;
    display: grid;
    grid-template-columns: 35% 55%;
    grid-column-gap: 10%;
    background: #0c365e;
    color: white;
    padding: 50px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.onwer_shp h1 {
    font-size: 21px;
    font-size: 21px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
}

.owner_shp p {}

.onwer_shp p {
    line-height: 2;
    font-size: 11px;
    text-align: justify;
    padding: 20px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
}

h1.dropdown {}

.shp {
    margin-left: 0;
    margin-top: 0;
}

.onwer_shp h1.dropdown {
    color: white;
}

p.idspla {
    display: none;
}

.loc_zon h1 {
    font-size: 21px;
    font-size: 21px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #0c365e;
    text-align: left;
}

.loc_zon {
    margin: 40px;
    text-align: justify;
    font-family: 'roboto mono';
    display: grid;
    grid-template-columns: 40% 60%;
}

.loc_zon p {
    line-height: 2;
    font-size: 11px;
    text-align: justify;
    padding: 20px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    max-width: 400px;
}

.zone_area {
    display: grid;
    grid-template-columns: 50% 50%;
    box-sizing: border-box;
}

.zone_we {
    background: #123;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
    font-size: 10px;
    text-align: center;
}

div#pink {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,219,237,1) 94%);
}

#yellow {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,247,219,1) 94%);
}

#red {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(251,199,199,1) 94%);
}

#green {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,255,219,1) 94%);
}

.zone_area .zone_we p {
    padding: unset;
    padding: 15px;
    margin-bottom: 0;
    font-size: 11px;
    text-align: justify;
}

.lgl_zon {
    font-family: 'Roboto Mono';
    width: 600px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
}

.lgl_zon p {
    text-align: justify;
    font-size: 11px;
    line-height: 2;
}

.lgl_zon h1 {
    font-size: 21px;
    font-size: 21px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #0c365e;
    text-align: center;
}

h1#title {}

.all-met {
    margin-top: 30px;
}

.explain_zoning {}