@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'DBFongNamX';
    src: url('../fonts/DBFongNamX.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'DBFongNamXBd';
    src: url('../fonts/DBFongNamXBd.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sukhumvit';
    src: url('../fonts/SukhumvitSet.ttc');
    font-weight: normal;
    font-style: normal;
}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width
*/


body {
    min-height: 85rem;
    padding-top: 95px;
    font-family: "Sukhumvit";
    font-size: 25px;
}

.h1,
h1 {
    font-size: 45px;
}

.h2,
h2 {
    font-size: 40rem;
}

.h3,
h3 {
    font-size: 30rem;
}

.h4,
h4 {
    font-size: 23px;
}

.h5,
h5 {
    font-size: 17px;
}

.h6,
h6 {
    font-size: 10px;
}

.small,
small {
    font-size: 14px;
}

.display-3 {
    font-size: 38px;
}

.bg-green-primary {
    background-color: #2f6b6c;
}

.bg-green-secondary {
    background-color: #4b868c;
}

.bg-brown {
    background-color: #E9DECD;
}

.green-primary {
    color: #2f6b6c;
}

.green-secondary {
    color: #4b868c;
}

.brown {
    color: #E9DECD;
}

.gold {
    color: #c4996c;
}

.logo {
    height: 100px;
    width: auto;
}

.top-nav {
    font-size: 13.15px;
}

.nav-link {
    color: #f8f9fa !important;
}

.top-nav {
    background-color: #2f6b6c;
    border-bottom: solid 19px #4b868c;
}

.landing-box {
    background: url('../image/pic1.png') no-repeat;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.landing-box h3,
.landing-box h4 {
    /* padding-top: 37%; */
    padding-top: 17rem;
    padding-left: 3rem;
}

.landing-box h5 {
    padding-left: 9rem;
}

.landing-box p {
    padding-top: 1rem;
    font-size: 14px;
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;
}

.landing-box small {
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.landing-box2 {
    background: url('../image/bg-brown-slide.png') no-repeat;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2.5em 0;
}

.w-500 {
    min-width: 500px;
}

.landing-box2 img {
    min-width: 200px;
    width: 200px;
}

.landing-box2 .ready-text {
    font-size: 25px;
}

.card img {
    min-width: 200px;
    width: 200px;
}

.landing-box3 {
    background-color: #E9DECD;
    height: 100%;
    width: 100%;
    min-height: 150px;
    padding-bottom: 3rem;
}

.landing-box3 .heading {
    font-family: "Sukhumvit";
    font-size: 25px;
}

#carouselContent {
    letter-spacing: 1px;
}

#carouselContent .carousel-item p,
#carouselContent .carousel-item span {
    font-size: 17px;
    font-weight: 200;
    text-align: center !important;
}

.carousel-item img {
    padding: 1px !important;
}

/* Smooth carousel */
#carouselContent .carousel-fade .carousel-item,
.carousel-fade .carousel-item {
    opacity: 0;
    transition: all 5s ease-in-out;
    transform: rotate3d(0, 0, 0, 0deg) !important;
    -webkit-transform: all 5s ease-in-out;
    transform: rotate3d(0, 0, 0, 0deg) !important;
}

#carouselContent .carousel-fade .carousel-item.active,
#carouselContent .carousel-fade .carousel-item-next.carousel-item-left,
#carouselContent .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

#carouselContent .carousel-fade .active.carousel-item-left,
#carouselContent .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

#carouselContent .carousel-fade .carousel-item-next,
#carouselContent .carousel-fade .carousel-item-prev,
#carouselContent .carousel-fade .carousel-item.active,
#carouselContent .carousel-fade .active.carousel-item-left,
#carouselContent .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

/* Smooth carousel #carouselService */
#carouselService .carousel-inner>.item {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

#carouselService .carousel-inner>.item:first-of-type {
    position: relative;
}

#carouselService .carousel-inner>.active {
    opacity: 1;
    z-index: 3;
}

#carouselService .carousel-inner>.next.left,
#carouselService .carousel-inner>.prev.right {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
    left: 0;
    z-index: 2;
}

#carouselService .carousel-inner>.active.left,
#carouselService .carousel-inner>.active.right {
    z-index: 1;
}

#carouselService .carousel-control {
    z-index: 4;
}

/* Smooth carousel */
.heading {
    font-family: 'DBFongNamX';
    letter-spacing: 7px !important;
}

.heading-border {
    border-top: solid 1px #000;
    min-width: 140px;
}

.our-team-border {
    border-top: solid 1px #000;
    min-width: 130px;
}

.legal-department-border {
    border-top: solid 1px #000;
    min-width: 230px;
}

.acc-department-border {
    border-top: solid 1px #000;
    min-width: 320px;
}

footer {
    padding: 5rem 0;
}

footer h4 {
    font-size: 17.37px;
    ;
}

.btn.btn-social-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #E9DECD;
    color: #2f6b6c;
    margin: 0 1.7rem;
}

.btn.btn-rounded {
    border-radius: 40px
}


.aboutus-box {
    background: url('../image/aboutus.png') no-repeat;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aboutus-box h1 {
    font-family: 'Sukhumvit';
    /* 'DBFongNamX'; */
    padding: 2em;
    text-align: center;
    color: #999999;
}

.aboutus-text-box,
.contact-text-box {
    margin-top: 5rem;
    margin-bottom: 2rem;
    font-size: 21px;
    letter-spacing: 1.5px;
    padding-left: 5em;
    padding-right: 2em;
}

.aboutus-text-box h4 {
    font-family: 'Sukhumvit';
    font-size: 25px;
    text-align: left;
    padding: 0 2.5em;
}

.aboutus-text-box .border-left {
    border-left: 1px solid #242C2C !important;
}

.bg-brown-slide {
    background: url(../image/bg-brown-slide.png) no-repeat;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    min-height: 200px;
}

.bg-brown-white-slide {
    background: url(../image/bg-brown-white-slide.png) no-repeat;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    min-height: 250px;
}

.bg-brown-white-slide h5 {
    margin-bottom: 2rem;
}

.btn-primary {
    color: whitesmoke;
    background-color: #2f6b6c;
}

.line {
    margin-left: -1rem;
    color: black;
    margin-right: -3rem;
    border-top: 1px solid rgba(0, 0, 0, 1);
}

.text-spacing {
    letter-spacing: 1px;
}

/*** contact ***/
.contact-box {
    background: url('../image/contactus.png') no-repeat;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-box h1 {
    font-family: 'Sukhumvit';
    /* 'DBFongNamX'; */
    padding: 2em;
    text-align: center;
    color: #999999;
}

.contact-text-box .row {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.contact-text-box .map {
    width: 600px;
    height: 450px;
    min-width: 600px;
    min-height: 450px;
}

/*** article ***/
.article-box {
    background: url('../image/article.png') no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0px;
    margin: 0 auto;
    min-height: 530px;
}

.article-text {
    text-align: justify;
    text-indent: 2rem;
}

/*** litigation ***/
.litigation-box {
    background: url('../image/litigation.png') no-repeat;
}

.litigation-box h1,
.corporatelaw-box h1,
.immigrationlaw-box h1,
.intellectualpropertylaw-box h1,
.accountingauditservice-box h1,
.propertylaw-box h1,
.legalofficialdocument-box h1 {
    font-family: 'Sukhumvit';
    text-align: left;
    color: #999999;
    letter-spacing: 3px;
    position: absolute;
    top: 100px;
    left: 80px;
}

.litigation-text,
.corporatelaw-text,
.immigrationlaw-text,
.intellectualpropertylaw-text,
.propertylaw-text,
.legalofficialdocument-text,
.accoutingauditservice-text {
    background-color: #2f6b6c;
    color: white;
    font-weight: bold;
}

.litigation-text ul {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    margin: 2rem 1rem;
}

.corporatelaw-text ul,
.immigrationlaw-text ul,
.intellectualpropertylaw-text ul,
.propertylaw-text ul,
.legalofficialdocument-text ul,
.accoutingauditservice-text ul {
    margin: 2rem 1rem;
}

.litigation-text ul li,
.corporatelaw-text ul li,
.immigrationlaw-text ul li,
.intellectualpropertylaw-text ul li,
.propertylaw-text ul li,
.legalofficialdocument-text ul li,
.accoutingauditservice-text ul li {
    font-size: large;
    letter-spacing: 2px;
    margin-bottom: 0.5em;
    padding-right: 1em;
}

.bg-green-brown-slide {
    background: url(../image/bg-green-brown-slide.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 170px;
}

/*** Corporate Law ***/
.corporatelaw-box {
    background: url('../image/corparatelaw.png') no-repeat;
}

/**** immigrationlaw ****/
.immigrationlaw-box {
    background: url('../image/immigrationlaw.png');
}

/**** intellectualpropertylaw ****/
.intellectualpropertylaw-box {
    background: url('../image/intellectualpropertylaw.png');
}

/*** propertylaw-text ***/
.propertylaw-box {
    background: url('../image/propertylaw.png');
}

/*** legalofficialdocument ***/
.legalofficialdocument-box {
    background: url('../image/legalofficialdocument.png');
}


/*** accoutingauditservice ***/
.accountingauditservice-box {
    background: url('../image/accountingauditservice.png');
}

/* set all service page background */
.litigation-box,
.corporatelaw-box,
.immigrationlaw-box,
.intellectualpropertylaw-box,
.propertylaw-box,
.legalofficialdocument-box,
.accountingauditservice-box {
    height: 800px;
    /* 428px; */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-team img,
.our-team-img {
    max-width: 242px;
}

#ourteam .heading {
    font-family: "Sukhumvit";
    font-size: 25px;
}

/* iPad : Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .contact-box {
        background-size: contain;
    }

    .contact-text-box .map {
        width: 480px;
        min-width: 480px;
    }

    .legalofficialdocument-box h1 {
        font-family: 'DBFongNamX';
        padding: 6em 1em 1em 8em;
        text-align: left;
        color: #999999;
        letter-spacing: 3px;
        line-height: 0.8;
    }
    .litigation-box,
    .corporatelaw-box,
    .immigrationlaw-box,
    .intellectualpropertylaw-box,
    .propertylaw-box,
    .legalofficialdocument-box,
    .accountingauditservice-box {
        height: 610px;
    }
}


/* iPad : Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .contact-text-box .map {
        width: 350px;
        min-width: 350px;
    }
    .litigation-box,
    .corporatelaw-box,
    .immigrationlaw-box,
    .intellectualpropertylaw-box,
    .propertylaw-box,
    .legalofficialdocument-box,
    .accountingauditservice-box {
        height: 460px;
    }
    .our-team img,
    .our-team-img {
        max-width: 200px;
    }
}

/* Small devices (landscape phones, less than 768px)  -  iPhone6/7/8 */
@media (max-width: 767.98px) {
    .logo {
        height: 75px;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(200,200,200, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .navbar-toggler {
        border-color: rgb(200, 200, 200);
    }

    .h1,
    h1 {
        font-size: 40px;
    }

    .h2,
    h2 {
        font-size: 30rem;
    }

    .h3,
    h3 {
        font-size: 23rem;
    }

    .h4,
    h4 {
        font-size: 17px;
    }

    .h5,
    h5 {
        font-size: 10px;
    }

    .h6,
    h6 {
        font-size: 6px;
    }

    .display-1 {
        font-size: 60px;
    }

    .small,
    small {
        font-size: 9px;
    }

    #header-buttom .nav .nav-item {
        padding-right: 1em;
    }

    #carouselContent {
        padding-top: 18rem;
    }

    #carouselContent .carousel-inner .carousel-item-right.active,
    #carouselContent .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    #carouselContent .carousel-inner .carousel-item-left.active,
    #carouselContent .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }

    .landing-box {
        min-height: 150px;
    }

    .landing-box h3,
    .landing-box h4 {
        padding-top: 1rem;
    }

    .landing-box2 {
        padding-top: 2rem;
    }

    .landing-box2 .ready-text {
        font-size: 15px;
    }

    .landing-box h3,
    .landing-box h4 {
        padding-right: 1rem;
    }

    .landing-box p,
    .landing-box small {
        padding-top: 0.5rem;
    }

    .landing-box2 img {
        min-width: 100px;
        max-height: 158px;
        width: 100px;
        height: auto;
    }

    .aboutus-box,
    .contact-box {
        min-height: 150px;
    }

    .aboutus-box h1,
    .contact-box h1 {
        font-family: 'Sukhumvit';
        padding: 0.5em 0;
    }

    .aboutus-text-box {
        margin-left: 2em;
        margin-right: 0.2em;
        padding-left: 1.5em;
        padding-right: 0.5em;
    }

    .aboutus-text-box h4 {
        font-size: 20px;
        text-align: inherit;
        padding: 0 1em;
    }

    .contact-text-box {
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 2.5rem;
        margin-bottom: 2rem;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-text-box .row {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .contact-text-box .map {
        width: 100%;
        height: 250px;
        min-width: 320px;
        min-height: 250px;
    }

    .contact-text-box form {
        margin-bottom: 3.5rem;
    }

    .litigation-box,
    .corporatelaw-box,
    .immigrationlaw-box,
    .intellectualpropertylaw-box,
    .propertylaw-box,
    .legalofficialdocument-box,
    .accountingauditservice-box {
        height: 250px;
        /* 300px; */
        /* width: 100%;
        background-size: cover;
        */
    }

    .litigation-box h1,
    .corporatelaw-box h1,
    .immigrationlaw-box h1,
    .propertylaw-box h1,
    .intellectualpropertylaw-box h1,
    .accountingauditservice-box h1,
    .legalofficialdocument-box h1 {
        font-size: unset;
        top: 50px;
        left: 50px;
    }

    .litigation-text ul,
    .corporatelaw-text ul,
    .immigrationlaw-text ul,
    .intellectualpropertylaw-text ul,
    .propertylaw-text ul,
    .legalofficialdocument-text ul,
    .accoutingauditservice-text ul {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }

    .bg-brown-slide,
    .bg-green-brown-slide {
        min-height: 50px;
    }

    .landing-box3 {
        min-height: 49px;
    }

    footer {
        padding: 1.2rem 0;
    }

    .btn.btn-rounded {
        border-radius: 20px;
    }

    .btn.btn-social-icon {
        width: 20px;
        height: 20px;
        margin: 0.8rem;
    }

    .fa-2x {
        font-size: 1em !important;
    }

    .our-team img,
    .our-team-img {
        max-width: 182px;
    }

    #ourteam .heading {
        font-size: 15px;
    }

    #ourteam .img-thumbnail {
        width: 150px;
    }
}