/*main-banner*/
.main-banner.lazy_bg_img{background-image: none;}
.main-banner{
    padding-top: 107px;
    padding-bottom: 240px;
    background: url("../images/port_bnr_bg.png") no-repeat right top 140px;
}
.inner-banner-scn{padding-top: 80px;}
.inner-banner-scn h1{
    font-family: 'Muli';
    font-weight: 900;
    font-size: 80px;
    color: #000000;
    line-height: 1.1;
    max-width: 800px;
    margin-bottom: 40px;
}
.inner-banner-scn h1 .wrap{color: #ff5722;}
.banner_info_txt{
    font-family: 'Muli';
    font-weight: 400;
    font-size: 20px;
    color: #757575;
    max-width: 650px;
}
.left_portfl_bner .banner_info_txt{letter-spacing: 7px;}
.right_mob_scn .banner_info_txt{padding-bottom: 30px;}
@media screen and (max-width: 1440px) {
    .inner-banner-scn h1 {font-size: 65px;}
    .main-banner.lazy_bg_img{background-image: none;}
    .main-banner {background: url(../images/port_bnr_bg.png) no-repeat right top 140px;background-size: 900px;}
    .main-banner h1 {max-width: 700px;}
    .banner_info_txt {font-size: 18px;max-width: 580px;}
}
@media screen and (max-width: 1280px) {.inner-banner-scn h1 {font-size: 57px;}}
@media screen and (max-width: 991px) {
    .inner-banner-scn {padding-top: 60px;}
    .inner-banner-scn h1 {font-size: 45px;}
    .main-banner {padding-top: 98px;}
    .banner_info_txt {font-size: 16px;}
}
@media screen and (max-width: 767px) {.inner-banner-scn {padding-top: 40px; }}
@media screen and (max-width: 575px) {
    .inner-banner-scn h1 {font-size: 38px;margin-bottom: 20px;}
    .inner-banner-scn h1 span{display: block;min-height: 41px;}
    .inner-banner-scn h1 br{display: none;}
    .right_mob_scn .banner_info_txt {padding-bottom: 15px;}
}
/**/
.f-top-img{position: relative;margin-left: 20px;}
.right-b-img .f-top-img{margin-left: 0;margin-right: 20px;}
.mrtp_200{margin-top: -200px;}
.s-top-img{margin-top: -250px;}
.pdng-tp-200{padding-top: 200px;}
.pdng-tp-160{padding-top: 160px;}
.pdng-bt-70{padding-bottom: 70px;}
.find_us{
    margin-top: 130px;
    padding-left: 30px;
    border-left: 1px solid #c3c3c3;
}
.left_find_us{
    padding-left: 0 !important;
    padding-right: 30px !important;
    border-left: 0 !important;
    border-right: 1px solid #c3c3c3;
}
.f-title{margin-bottom: 40px;}
.f-title h3{
    font-family: 'Muli';
    font-weight: 800;
    font-size: 32px;
    color: #212121;
    margin-right: 30px;
}
.find_us p{
    font-family: 'Muli';
    font-weight: 400;
    font-size: 24px;
    color: #212121;
    margin-bottom: 50px;
    text-align: justify;
    line-height: 1.6;
}
.quated_msg{
    padding-left: 110px;
    position: relative;
    min-height: 81px;
}
.quated_msg img{
    position: absolute;
    left: 0;
    top: 0;
    width: 81px;
    height: 81px;
}
.quated_msg p{
    font-family: 'Muli';
    font-weight: 600;
    font-size: 20px;
    color: #212121;
    margin-bottom: 4px !important;
    text-align: left;
    line-height: 1.4;
}
.quated_msg h4{
    font-family: 'Muli';
    font-weight: 800;
    font-size: 32px;
    color: #212121;
}
@media screen and (max-width: 1680px) {
    .f-title img{ max-width: 140px;}
    .f-title h3 {font-size: 28px;}
    .find_us p {font-size: 22px;}
    .quated_msg p {font-size: 18px;}
    .quated_msg h4 {font-size: 28px;}
}
@media screen and (max-width: 1440px) {
    .find_us {padding-left: 20px;}
    .left_find_us {padding-right: 20px;}
    .f-title h3 {font-size: 24px;}
    .find_us p {font-size: 20px;}
    .quated_msg p {font-size: 16px !important;}
    .quated_msg h4 {font-size: 24px;}
    .quated_msg {padding-left: 90px;}
    .quated_msg img {
        width: 65px;
        height: 65px;
        max-width: 65px;
    }
    .f-title img {max-width: 120px;}
}
@media screen and (max-width: 1199px) {
 .f-top-img img{max-width: 200px;}
 .s-top-img {margin-top: -180px;}
 .find_us {margin-top: 60px;}
}
@media screen and (max-width: 991px) {
    .find_us {padding-left: 0;border-left: 0;}
    .left_find_us{padding-right: 0 !important;border-right: 0;}
    .pdng-tp-160 {padding-top: 0;}
    .pdng-bt-70{padding-bottom: 0;}
}
@media screen and (max-width: 575px) {
    .find_us {margin-top: 40px;}
    .f-title {margin-bottom: 25px;}
    .find_us p {font-size: 18px;margin-bottom: 25px;}
    .f-title h3 {font-size: 20px;}
    .quated_msg h4 {font-size: 20px;}
    .quated_msg {padding-left: 55px;}
    .quated_msg img {
        width: 45px;
        height: 45px;
        max-width: 45px;
    }
    .f-top-img img {max-width: 150px;}
    .s-top-img {margin-top: -150px;}
    .left_find_us{margin-top: 40px;}
}
/*two-colmn*/
.pdng-tp-90{padding-top: 90px;}
.small-info-ptrfl p{
    font-family: 'Muli';
    font-weight: 600;
    font-size: 20px;
    color: #212121;
    margin-bottom: 4px;
}
.small-info-ptrfl h4{
    font-family: 'Muli';
    font-weight: 800;
    font-size: 32px;
    color: #212121;
}
.mrgn_bt_280{margin-bottom: -280px;}
.mrgn_tp_280{margin-top: -280px;}
.project_inr_info{padding-top: 50px;margin-bottom: 50px;}
.mrgn-rt-20{margin-right: 20px;}
.mrgn-lf-20{margin-left: 20px;}
.pdng-rt-15{padding-right: 15px;}
.pdng-lf-15{padding-left: 15px;}
@media screen and (max-width: 1680px) {
    .small-info-ptrfl p {font-size: 18px;}
    .small-info-ptrfl h4 {font-size: 28px;}
}
@media screen and (max-width: 1440px) {
    .small-info-ptrfl p {font-size: 16px;}
    .small-info-ptrfl h4 {font-size: 24px;}
    .f-mb-small-top-img img{max-width: 220px;}
    .mrgn_bt_280 {margin-bottom: -215px;}
    .mrgn_tp_280 {margin-top: -215px;}
    .right_ggl_icn img{max-width: 90px;}
    .pdng-lf-15 {padding-left: 10px;}
    .pdng-rt-15 {padding-right: 10px;}
}
@media screen and (max-width: 991px) {
    .pdng-tp-90 {padding-top: 40px;}
    .pdng-rt-15 {padding-right: 0}
    .pdng-lf-15 {padding-left: 0;}
    .project_inr_info {padding-top: 20px;margin-bottom: 40px;}
}
@media screen and (max-width: 575px) {
    .f-mb-small-top-img img {max-width: 150px;}
    .mrgn_bt_280 {margin-bottom: -150px;}
    .mrgn_tp_280 {margin-top: -150px;}
}
/**/
.wondering_what{
    margin-top: 90px;
    padding-top: 150px;
    padding-bottom: 150px;
    background: url("../images/wondering_bg.png") no-repeat 0 0;
}
.wondering_what h3{
    font-family: 'Muli';
    font-weight: 700;
    font-size: 80px;
    color: #212121;
}
.wondering_what h4{
    font-family: 'Muli';
    font-weight: 800;
    font-size: 110px;
    color: #212121;
    padding-left: 200px;
}
.wondering_what p{
    font-family: 'Muli';
    font-weight: 700;
    font-size: 34px;
    color: #212121;
    padding-left: 180px;
    margin-left: 120px;
    margin-top: 70px;
    line-height: 1.3;
    position: relative;
    padding-top: 15px;
}
.wondering_what p:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 120px;
    height: 99px;
    background: url("../images/qt_img.png") no-repeat 0 0;
}
@media screen and (max-width: 1440px) {
    .wondering_what h3 {font-size: 65px;}
    .wondering_what h4 {font-size: 90px;}
    .wondering_what p {font-size: 28px;padding-left: 140px;}
    .wondering_what p:before {width: 95px;height: 99px;background-size: 95px;}
}
@media screen and (max-width: 1199px) {
    .wondering_what h3 {font-size: 55px;}
    .wondering_what h4 {font-size: 80px;}
}
@media screen and (max-width: 991px) {
    .wondering_what {margin-top: 40px;padding-top: 40px;padding-bottom: 50px;}
    .wondering_what h4 {font-size: 65px;padding-left: 145px;}
}
@media screen and (max-width: 767px) {
    .wondering_what p {
        font-size: 22px;
        padding-left: 90px;
        margin-top: 40px;
        margin-left: 40px;
    }
    .wondering_what p:before {width: 70px;height: 91px;background-size: 70px;}
    .wondering_what h3 {font-size: 40px;}
    .wondering_what h4 {font-size: 55px;padding-left: 80px;}
}
@media screen and (max-width: 575px) {
    .wondering_what {margin-top: 0;padding-top: 40px;padding-bottom: 20px;}
    .wondering_what h4 {font-size: 35px;padding-left: 0;}
    .wondering_what p {
        font-size: 20px;
        padding-left: 80px;
        margin-top: 30px;
        margin-left: 0;
    }
    .wondering_what h3 {font-size: 24px;}
    .wondering_what p:before {width: 60px;background-size: 60px;}
}
/**/
.lets_amazing_together.lazy_bg_img{background-image: none;}
.lets_amazing_together {
    position: relative;
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 120px;
    background: #051349 url(../images/together_curve.png) no-repeat top right 40px;
}
.lets_amazing_together.lazy_bg_img:before{background-image: none;}
.lets_amazing_together:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 312px;
    height: 161px;
    background: url("../images/together_dots.png") no-repeat 0 0;
}
.lets_amazing_together h4 {
    font-family: 'Muli';
    font-weight: 400;
    font-size: 34px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.lets_amazing_together h5 {
    font-family: 'Muli';
    font-weight: 800;
    font-size: 80px;
    color: #ffffff;
    margin-bottom: 40px;
}
.lets_amazing_together p {
    font-family: 'Muli';
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
}
.right_arw_btn{padding-left: 90px;}
.mail_info{
    font-family: 'Muli';
    font-weight: 700;
    font-size: 19px;
    color: #ffffff;
}
.mail_info:hover{color: #e54f25;}
.contact_btn_icn{margin-top: 50px;}
.contact_btn_icn .contact-btn{margin-right: 15px;vertical-align: top;}
.lazy_bg_img .contact_btn_icn i{background-image: none;}
.contact_btn_icn i{
    width: 120px;
    height: 99px;
    display: inline-block;
    background: url(../images/quate_white.png) no-repeat 0 0;
}
.contact_btn_icn .contact-btn:hover {background-color: #ec4c20;}
.lets_amazing_together h5 span{color: #ff5722;}
@media screen and (max-width: 1780px) {.lets_amazing_together h5 {font-size: 70px;}}
@media screen and (max-width: 1600px) {.lets_amazing_together h5 {font-size: 62px;}}
@media screen and (max-width: 1440px) {
    .lets_amazing_together h4 {font-size: 30px;}
    .right_arw_btn {padding-left: 40px;}
    .lets_amazing_together {background-size: 1000px;}
    .lets_amazing_together:before {width: 220px;height: 115px;background-size: 220px;}
    .contact_btn_icn i {width: 95px;height: 99px;background-size: 95px;}
}
@media screen and (max-width: 1300px) {.lets_amazing_together h5 {font-size: 54px;}}
@media screen and (max-width: 1199px) {
    .lets_amazing_together h5 {font-size: 52px;}
    .lets_amazing_together h4 {font-size: 24px;}
    .right_arw_btn {padding-left: 20px;}
}
@media screen and (max-width: 991px) {
    .lets_amazing_together {padding-top: 40px;padding-bottom: 35px;margin-top: 40px;}
    .lets_amazing_together h5 {font-size: 44px;}
    .lets_amazing_together h4 {font-size: 24px;}
    .contact_btn_icn i{display: none;}
    .right_arw_btn {padding-left: 0;}
    .lets_amazing_together p {font-size: 16px;}
}
@media screen and (max-width: 767px) {
    .contact_btn_icn {margin-top: 30px;}
    .lets_amazing_together h5 {font-size: 35px;margin-bottom: 20px;}
    .lets_amazing_together h4 {font-size: 22px;}
    .mail_info {font-size: 17px;}
}
@media screen and (max-width: 575px) {.lets_amazing_together h5 {font-size: 32px;}}
.s-small-top-img,.s-top-img {
    overflow: hidden;
}
.s-small-top-img img,.s-top-img img {
    transition: transform .5s, filter 1.5s ease-in-out;
}
.s-small-top-img:hover img,.s-top-img:hover img{
  transform: scale(1.1);
}

.f-mb-small-top-img img,.f-top-img img {
    z-index: 1;
    position: relative;
}
.f-top-img{	
    position: unset;
}