* {

    box-sizing: border-box;

}



@font-face {

    font-family: "Gotham";

    src: url('fonts/GOTHAM-MEDIUM.TTF');

}



@font-face {

    font-family: "Gotham-book";

    src: url('fonts/ufonts.com_gotham-book.ttf');

}



@font-face {

    font-family: "tt0320m";

    src: url('fonts/tt0320m_.ttf');

}



body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    overflow-y: auto;

    box-sizing: border-box;

}

div#main_container {

    display: flex;

    flex-direction: column;

    /* zoom: calc(calc(100vw / 100) * 90 ); */

    zoom: 90%;

    box-sizing: border-box;

}

.jb-container {

    width: 80%;
    max-width: 1400px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    box-sizing: border-box;

}

.jb-container-full-width {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}

#menu_logo {

    display: flex;

    flex-direction: row;

}

div#first_section {

    background: #e64915;

    min-height: 40px;

    height: auto;

    width: 100%;

    border-bottom: 2px solid #fff;

}

div#contact_info {

    display: flex;

    flex-direction: row;

    font-family: 'Gotham-book';

}

i#phone_jb {

    background-image: url('../images/Ph\ icon.png');

    display: block;

    width: 19px;

    height: 19px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    float: left;

    margin-right: 5px;

}

i#location_jb {

    background-image: url('../images/Location\ icon.png');

    display: block;

    width: 15px;

    height: 21px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    float: left;

    margin-right: 5px;

}

div#contact_phone,
div#contact_address {

    padding: 16px 10px 16px 10px;

    margin-right: 15px;

    font-size: 18px;

}

div#contact_phone a,
div#contact_address {

    color: #fff !important;

    text-decoration: none;

}

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

.align-left {
    text-align: left !important;
}

div#second_section {

    /* height:calc(100vh + 41px); */

    min-height: calc(100vh - 56px);

    height: auto;

    /* height:100vh; */

    background-image: url('../images/BK.jpg');

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background-size: cover;

}

ul#nav_bar {

    display: flex;

    flex-direction: row;

    padding: 0px;

    font-family: 'Gotham-book';

    margin-left: auto;

}

ul#nav_bar li {

    list-style: none;

    margin-right: 30px;

    width: auto;

    display: flex;

    align-items: center;

    font-size: 14px;

}

ul#nav_bar li a {

    color: #4c000c !important;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;

}

ul#nav_bar li:hover {

    font-family: 'Gotham';

}

img#logo {

    /*    width: 190px;

    margin-right:30px;*/

}

#menu_logo>div {

    padding: 12px;

}

#menu_bar {

    /* background: linear-gradient(to right, #c0392b, #e67e22); */
    border-bottom: 2px solid #4c000c;
    background: #fff;

}

#sticky_section {
    /* background: linear-gradient(to right, #c0392b, #e67e22); */
    background: #fff;

    display: none;

    border-bottom: 2px solid #4c000c;

    height: 80px;

    z-index: 9999;

}

.sticky {

    display: block !important;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9;

}

i#contact_jb {

    background-image: url('../images/Find\ icon.png');

    display: block;

    width: 14px;

    height: 14px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    float: right;

    margin-left: 5px;

    overflow: visible;

}

div#header_info {

    display: flex;

    flex-direction: row;

}

div#title_info {

    width: 60%;

    margin-left: 210px;

    display: flex;

    flex-direction: column;

    font-family: 'Gotham';

    line-height: 100px;

    padding-top: 100px;

    max-width: 720px;

}

div#head_title_one {

    color: #fff;

    text-align: center;

    font-size: 40px;

    line-height: 55px;

    padding-bottom: 20px;

}

div#head_title_two {

    font-size: 25px;

    color: #fff;

    text-align: center;

    line-height: 35px;

}

div#head_title_three {

    color: #fff3c3;

    font-size: 34px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    font-family: 'Gotham-book';

}



div#head_title_banner {

    text-align: center;

    display: flex;

    justify-content: center;

    font-family: 'tt0320m';

    margin-top: 25px;

}



div#head_title_banner span {

    padding: 15px;

    background: #e64915;

    border-radius: 30px;

    font-size: 27px;

    line-height: 24px;

    color: #fff;

    border: 2px solid #fff;

}





div#fourth_section {

    padding: 25px;

    padding-top: 100px;

    padding-bottom: 100px;

    background-image: url('../images/slider-image2.jpg');

    background-size: cover;

}

div#about {
    margin: 50px 0px;
}

div#trust_legalor {

    display: flex;

    flex-direction: column;
    box-shadow: 1px 2px 3px rgb(201 199 199 / 50%);
    /*1px 2px 3px rgba(0, 0, 0, .5);*/

}

div#trust_legalor div#title {

    /* width: 40%; */
    text-align: center;

}

div#trust_legalor div#info {

    /* width: 60%; */

    font-family: 'Gotham-book';

    /* padding-left: 35px; */

}

div#info p {

    font-size: 18px;

    margin-top: 0px;

    line-height: 30px;

    text-align: center;

    padding: 0px 20px;

}

div#title div#border {

    width: 200px;

    height: 8px;

    background: #4c000c;
    margin: auto;
}

div#title div#trust_title {

    color: #000;

    font-family: 'tt0320m';

    font-size: 45px;

    line-height: 55px;

    font-weight: bold;

    margin-top: 20px;

}



div#fifth_section {

    /* background-image: url('../images/Experience\ BK.jpg'); */

    margin-bottom: 50px;

    /* background: #300000;

    color: #fff; */

}





div#photobook {

    /* background: #853d3f; */

    position: relative;

}

div#photobook img.page {

    display: none;

    /* max-width:100%; */

    margin: auto;

    width: 655px;

    position: relative;

    z-index: 1;

}

div#photobook img.page.active {

    display: block;

}



.left-arrow {

    position: absolute;

    width: 50%;

    display: flex;

    height: 100%;

    z-index: 0;

    left: 0;

    top: 0;

    cursor: pointer;

    align-items: center;

    padding-left: 100px;

    background: #300000;

}

.right-arrow {

    position: absolute;

    width: 50%;

    display: flex;

    height: 100%;

    z-index: 0;

    top: 0;

    right: 0;

    cursor: pointer;

    align-items: center;

    padding-right: 100px;

    background: #300000;

    justify-content: end;

}

.left-arrow img,
.right-arrow img {

    width: 30px;

    height: 40px;

    align-items: center;



}

.left-arrow:hover,
.right-arrow:hover {

    background: #4c000c;

}



div#photobook_mobile {

    display: none;

}



div#photobook_mobile img {

    max-width: 100%;

    border-bottom: 3px solid #300000;

    padding-bottom: 10px;

    padding-top: 10px;

}



div#jb_experience {

    display: flex;

    flex-direction: column;

}



div#sixth_section {

    padding-top: 25px;

    margin-bottom: 50px;

}

div#our_services {

    display: flex;

    flex-direction: column;

}

div#service_border {

    display: flex;

    justify-content: center;

    margin: 35px;

}

div#service_border div {

    width: 200px;

    height: 8px;

    background: #4c000c;

}

div#service_title {

    font-family: 'tt0320m';

    font-size: 45px;

    text-align: center;

    padding-top: 0px;

    padding-bottom: 50px;

}

div#service_list {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: center;

}



a.service_list {

    width: 360px;

    height: auto;

    /* border: 3px solid #4c000c; */

    text-align: center;

    padding: 5px;

    display: inline-block;

    overflow: hidden;

    margin-bottom: 30px;

    font-family: 'tt0320m';

    text-decoration: none !important;

    margin: 10px;

}

/* a.service_list:nth-child(1),a.service_list:nth-child(2),a.service_list:nth-child(4),a.service_list:nth-child(5){

    margin-right:49px;

} */

a.service_list:hover {

    box-shadow: 11px 10px 8px -1px rgba(206, 205, 205, 1);

    -webkit-box-shadow: 11px 10px 8px -1px rgba(206, 205, 205, 1);

    -moz-box-shadow: 11px 10px 8px -1px rgba(206, 205, 205, 1);

}

a.service_list img {

    width: 100%;

}

div.service_list_title {

    font-size: 24px;

    font-weight: bold;

    line-height: 34px;

    padding: 0px 30px 0px 30px;

    color: #000;

}

div.service_list_info p {

    font-family: 'Gotham-book';

    font-size: 16px;

    line-height: 20px;

    margin-top: 5px;

    color: #3f3f3f;

}

div.more_info {
    text-align: center;
}

div.more_info div {

    width: 100px;

    height: 33px;

    color: #fff;

    background: #4c000c;

    border-radius: 30px;

    font-size: 14px;

    line-height: 34px;

    margin-left: auto;

    margin-right: auto;

}



div#footer_section {

    /* background: #4c000c; */
    background: #e64915;
    height: auto;

}

div#footer {

    display: flex;

    flex-direction: column;

}

div#footer_top {

    display: flex;

    flex-direction: row;

}

div#column_one,
div#column_two {

    width: 40%;

}

div#column_one {

    padding-right: 50px;

}

div#column_three {

    width: 20%;

}

div#column_two {

    padding-left: 100px;

}

div#column_one,
div#column_two,
div#column_three {

    display: flex;

    flex-direction: column;

    /* width: calc(100% / 3); */

    border-right: 3px solid #300000;

    margin-bottom: 30px;

    margin-top: 30px;

    color: #300000;

    text-align: center;
    font-weight: bold;
}

div#column_one p {

    text-align: left;

    font-family: 'Gotham-book';

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 0px;

    text-align: center;
    margin: 0px;

}

div#column_three {

    border: 0px;

    padding-left: 40px;

}

.line-hgt-10 {
    line-height: 10px !important;
}

div#column_three a {

    color: #300000 !important;

    text-decoration: none !important;

}

div#column_two div,
div#column_three div {

    font-family: 'Gotham-book';

    font-size: 16px;

    text-align: left;

    line-height: 26px;

}

div#column_one img {

    max-width: 240px;

    margin: 0 auto;

}

div.foot_title {

    font-family: 'tt0320m' !important;

    font-size: 25px !important;

}

div#copy_rights {

    font-family: 'Gotham-book';

    font-size: 16px;

    text-align: left;

    line-height: 35px;

    padding-top: 12px;

    padding-bottom: 8px;

    color: #fff;

}



.link-btn {

    position: relative;

    /* width: 156px; */

    width: auto;

}



.link-btn a.main-link {

    color: #FFF !important;

    padding: 5px;

    /* background: #393838; */

    background: #db0101;

    text-decoration: none !important;

}



ul.drop-down-menu {

    display: none;

    position: absolute;

    /* background: #181818;

    background: #000000e8; */

    background: #98041b;

    background: #98041be3;

    left: 0px;

    top: 55px;

    z-index: 9;

    width: 250px;

    margin-left: 0px;

    padding-left: 0px;

    border-radius: 0px 0px 5px 5px;

    line-height: 34px;

}

ul.drop-down-menu li {

    list-style: none;

    text-align: left;

    padding-left: 15px;

    cursor: pointer;

    margin: 0px !important;

}



ul.drop-down-menu li:hover {

    background: #393838;

}



ul.drop-down-menu li a {

    color: #FFF !important;

    text-decoration: none !important;

    font-size: 16px;

    width: 100%;

    display: block;

}



.link-btn:hover ul.drop-down-menu {

    display: block;

}



div#form_section {

    margin: 30px;

    padding: 15px;

}

div#contact {

    display: flex;

    flex-direction: column;

}

div#contact_title {

    font-family: 'tt0320m';

    font-size: 30px;

    text-align: center;

    width: 206px;

    margin-left: auto;

    margin-right: auto;

    border-bottom: 5px solid #4c000c;

    line-height: 78px;

}

div#form {

    margin-top: 30px;

}

div.form_row_one {

    display: flex;

    flex-direction: row;

}

div.form-group {

    width: calc(100% / 3);

    padding: 15px;

    padding-left: 25px;

    padding-right: 25px;

}

div.form-field {

    padding: 10px;

    padding-left: 0px;

    padding-right: 0px;

    border-bottom: 3px solid #4c000c;

}

.field {

    width: 100%;

    height: 30px;

    font-size: 19px;

    border: 0px !important;

    font-family: 'Gotham-book';

    box-sizing: border-box;

}



.field:focus {

    outline: none !important;

    border: 0px;

    box-shadow: none;

}

.form_row_two,
.form_row_three {

    margin-top: 20px;

    margin-bottom: 20px;

}

.form_row_two div.form-group {

    width: 95.5%;

}

.form_row_two .field {

    width: calc(100% - 50px);

}

textarea.field {

    height: 112px;

    width: 100%;

    resize: none;

    font-family: 'Gotham-book';

}

div#submit_btn {

    width: 200px;

    background: #4c000c;

    color: #fff;

    font-family: 'tt0320m';

    font-size: 18px;

    border-radius: 25px;

    padding: 10px;

    text-align: center;

    margin-top: 50px;

    margin-left: auto;

    margin-right: auto;

    cursor: pointer;

}

.submit_real {

    display: none !important;

}

#powered_by {

    float: right;

}

#logo_part {

    border-radius: 50px;

    background: #fff;

    padding: 10px;

}

#power_link {

    position: relative;

    top: 7px;

    text-decoration: none;

}

#footer_back {

    background: #fff;
    border-top: 3px solid #300000;

}



/* 1252 =>75% */

/* 1142 => 70% */

/* 1069 => 65% */

/* 993 => 60% */

/* 916 => 55% */

/* 841 => 50% */

/* 764 => 45% */

/* 668 => 40%*/

/* 615 => 35% */

/* 535 => 30% */

/* 458 => 25% */

/* 382 => 20% */

/* @media (min-height: 600px) and (max-height: 962px) {

    div#second_section{

        height: calc(100vh + 81px);

    }

} */



@media screen and (max-width: 1200px) {

    .jb-container {

        width: 90%;

    }

}



@media screen and (max-width: 992px) {

    div#head_title_banner span {

        padding: 10px;

        font-size: 20px;

    }

    div#second_section {

        height: auto;

    }

    div#title_info {

        width: 90%;

        margin: auto;

        margin-top: 25px;

        background: #7e3639;

        background: #7e3639ba;

        margin-bottom: 25px;

        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        padding-top: 25px;

    }

    div#title div#border {

        width: 300px;

        margin: auto;

    }

    div#title div#trust_title {

        padding-bottom: 50px;

        text-align: center;

    }

    div#trust_legalor {

        flex-direction: column;

    }

    div#trust_legalor div#title,
    div#trust_legalor div#info {

        width: 100%;

    }

    div#trust_legalor div#info {

        background: #ffffffc4;

        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

        padding: 20px;

    }

    div#info p {

        font-size: 18px;

        line-height: 28px;

        padding: 0px;

    }

    div#fifth_section .jb-container {

        width: 100%;

    }



    div#column_one,
    div#column_two,
    div#column_three {

        width: 32%;

    }

    div#column_one p {

        font-size: 18px;

        line-height: 28px;

    }

    div#column_two {

        padding-left: 36px;

    }

    div#column_two div,
    div#column_three div {

        font-size: 18px;

        line-height: 28px;

    }

    a.service_list {

        width: 320px;

    }

    div#copy_rights {

        font-size: 16px;

    }

}



@media only screen and (max-width: 767px) {

    img#logo {

        width: 80%;
        max-width: 100%;

    }

    #menu_logo>div {

        text-align: center;

        padding: 0px;

    }

    div#head_title_one {

        font-size: 30px;

        line-height: 40px;

    }

    div#head_title_two {

        font-size: 16px;

        line-height: 30px;

    }

    div#service_border {

        margin: 20px;

    }

    div#form_section,
    div#sixth_section,
    div#fifth_section {

        margin: 0px;

    }

    div#fourth_section {

        padding-top: 50px;

        padding-bottom: 25px;

    }

    div#title div#trust_title,
    div#service_title {

        font-size: 35px;

        line-height: 45px;

    }

    div#service_title {

        padding-bottom: 0px;

    }

    div#fifth_section .jb-container,
    .jb-container {
        width: 100%;
        padding: 10px;
    }



    div#photobook {

        display: none;

    }

    div#photobook_mobile {

        display: block;

    }

    .field {

        width: 100%;

    }



    div.foot_title {

        font-size: 22px;

    }

}



@media screen and (max-width: 750px) {



    div.form_row_one {

        flex-direction: column;

    }

    div.form-group {

        width: 100%;

    }

    div#footer_top {

        flex-direction: column;

    }

    div#column_one,
    div#column_two,
    div#column_three {

        border: 0px;

        border: 0px;

        border-bottom: 3px solid #300000;

        padding-bottom: 20px;

        width: 80%;
        max-width: 1400px;
        align-items: center;

        margin-left: auto;

        margin-right: auto;

        padding-left: 0px;

        padding-right: 0px;

    }

    div#column_three {

        border: 0px;

    }



    /*473px*/

    div#contact_info {

        flex-direction: column;

    }

    div#contact_phone,
    div#contact_address {

        padding: 8px;

        font-size: 16px;

    }

    ul#nav_bar li {

        font-size: 14px;

        margin-right: 20px;

    }

}



@media screen and (max-width: 550px) {



    #menu_bar,
    #sticky_section {
        height: 100px;
    }

    #menu_logo {

        flex-direction: column;

    }

    #menu_logo>div {

        padding: 8px;

    }

    ul#nav_bar {

        margin: auto;

        margin-bottom: 20px;

    }

    ul#nav_bar li {

        font-size: 14px;

        /* font-weight:bold; */

    }

}



figure img {

    max-height: 566px !important;

}