.project_header{height: 168px;background-position: left top;background-repeat: no-repeat;}
.project_main .container-fluid {width: 100%;padding: 0;}
.project_main .container-fluid .fullWidth {width: 100%;margin-left: 0;margin-right: 0;}
.project_main .container-fluid .project_item {padding: 0;position: relative;}
.project_main .container-fluid .project_item::after{content: '';position: absolute;width: 100%;height: 0%;top: 0;left: 0;background-color: #000;opacity: 0.7;transition: 0.4s all ease; z-index: 2;}
.project_main .container-fluid .project_item:hover::after{height: 100%;}
.project_main .container-fluid .project_item .image {max-width: 100%;}
.project_main .container-fluid .project_item .hover_detail {position: absolute;left: 0;right: 0;text-align: center;width: 100%;padding: 10px;bottom: 38px;z-index: 4;}
.project_main .container-fluid .project_item .hover_detail .video-btn {display: inline-block;max-width: 75px;}
.project_main .container-fluid .project_item .hover_detail h3 {color: #fbfbfb;font-family: 'Assistant', sans-serif;font-size: 18px;}
.project_main .container-fluid .project_item .hover_detail h2 {color: #fbfbfb;font-size: 30px;font-weight: 600;padding-top: 23px;}
.project_main .container-fluid .project_item .hover_detail>*{opacity: 0;visibility: hidden;transition:0.5s all ease;}
.project_main .container-fluid .project_item:hover .hover_detail>*{opacity: 1;visibility: visible;}
.project_main .container-fluid .project_item .image img{width: 100%;}

/* faq */
.section.faq_main {background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
.faq_main .title_section{text-align: center;padding-top: 130px;padding-bottom: 50px;}
.faq_main .title_section h1 {font-size: 71px;}
.faq_main .questions_and_answers {text-align: right;padding-bottom: 300px;}
.faq_main .container {max-width: 810px;}
.faq_main .questions_and_answers .faq_item {padding-bottom: 25px;}
.faq_main .questions_and_answers h2 {color: #161616;font-size: 25px;font-weight: 700;position: relative;margin-bottom: 15px;padding-left: 35px;cursor: pointer;}
.faq_main .questions_and_answers h2 span{}
.faq_main .questions_and_answers h2 em{ /*border-bottom: 4px dotted #161616;*/background-image: url(../img/dotted.png);    background-position: left;vertical-align: bottom;display: inline-block;margin-right: 19px;height: 4px;}
.faq_main .questions_and_answers h2::before{content: '';position: absolute;background-image: url(../img/down.png); background-image: url(../img/down.png);width: 11px;height: 8px;background-repeat: no-repeat;left: 0;top: 15px;transition: 0.5s all ease;}
.faq_main .questions_and_answers .faq_item.is_open h2::before{transform: rotate(180deg);}
.faq_main .questions_and_answers .answers p {margin-bottom: 0;color: #010101;font-size: 19px;}
.faq_main .questions_and_answers .faq_item .answers {display: none;padding-left: 30px;}

/*.contact-page{min-height: 1122px;background-size: cover;background-position: center bottom;}*/
.contact-page{ min-height: calc( 100vh - 81px );background-size: cover;background-position: center bottom;padding-bottom: 70px;}
.contact-page .container {max-width: 1180px;}
.contact-title{text-align: center;padding-top: 84px;}
.contact-title h1{padding-top: 85px;}
.contact-bg{background-image: url(../img/contact-bg.jpg);}
.contact-section{padding-top: 75px;}
.contact-info{border-right: 2px dotted #191919;padding-right: 100px;text-align: right;}
.contact-info p {padding-bottom: 35px;font-size: 24px;}
.contact-info p a{word-break: break-all;color: #161616;}
.contact-info p img{padding-left: 25px;}
.contact-form-col{padding-left:85px;margin-top:-19px;}
.contact-form-col input{width:100%;border:none;border-bottom: 2px solid #818181;color:#181818;background: none;font-size:28px;text-align: right;}
.contact-form-col input:focus{border:none;border-bottom: 2px solid #818181;}
.contact-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #181818; opacity: 1; /* Firefox */font-size: 28px;}
.contact-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #181818;font-size: 28px;}
.contact-form input::-ms-input-placeholder { /* Microsoft Edge */color: #181818;font-size: 28px;}
.input-div{padding-bottom: 20px;text-align: right; display: flex;flex-flow: column-reverse; overflow: hidden;}
.submit-btn{background-color: transparent;padding:0;border: none;font-size: 22.6pt;float: left;}
.submit-btn:hover{background-color: #000; }
.contact-form-col input.submit-button{background: none;border: none;color: #fff;background-image: url(../img/white-arrow.png);background-repeat: no-repeat;background-color: #000;padding: 5px 47px 5px 41px;border: none;font-size: 22.6pt;min-width: 207px;background-position: left 41px center;text-indent: 68px;}
.contact-bg .site-footer{background-color: #fff;}
div.wpcf7 .ajax-loader{display: none;}

.input-div label, .input-div input {transition: all 0.5s ease;touch-action: manipulation;}
.input-div label {-webkit-appearance: none;border-radius: 0;padding: 0;cursor: text;}
.input-div input:focus {outline: 0;}
.input-div label {cursor: text;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: right bottom ; transform: translate(0, 2.6rem) scale(1);color: #939393;margin-bottom: 0;padding-bottom: 15px;font-size: 28px;line-height: 28px;}
.input-div input::-webkit-input-placeholder {opacity: 0;transition: inherit;color: #181818;font-size: 28px;}
.input-div input:focus::-webkit-input-placeholder {opacity: 1;}
.input-div input:not(:placeholder-shown) + label,.input-div input:focus + label ,.input-div label.active {transform: translate(0, 0) scale(0.7);cursor: pointer;}
.contact-info p:last-child{padding-bottom: 0;margin-bottom: 0; padding-top: 15px;margin-right: -12px;}
.contact-form-col .wpcf7-response-output {border: 0 !important;margin: 0 !important;padding-left: 0 !important;}
.contact-form-col span.wpcf7-not-valid-tip {display: none;}
.contact-form-col input.wpcf7-not-valid {border-bottom: #f00 2px solid;}

/* About page */
div#aboutpage {text-align: initial;}
.about_section {background-position: center bottom;position: relative;background-size: cover;padding-top: 126px;}
.about_section h1 {text-align: center;font-size: 71.29px;}
.about_section .about_sidebar {position: absolute;top: 205px;right: 89px;width: 274px;}
.about_section .about_sidebar ul {list-style: none;padding: 0;}
.about_section .about_sidebar .cateogry-list{}
.about_section .about_sidebar .cateogry-list li.drop-down {padding-bottom: 2px;}
.about_section .about_sidebar .cateogry-list li .cat-title {color: #fff;display: block;font-size: 18.75px;line-height: 43px;background-color: #767676;font-weight: 700;padding-right: 45px;position: relative;text-decoration: none;}
.about_section .about_sidebar .cateogry-list li .cat-title::before{content: '';position: absolute;width: 14px;height: 9px;background-image: url(../img/white_down.png);top: 15px;right: 15px;transition: 0.5s all ease;transform: rotate(90deg);}
.about_section .about_sidebar .cateogry-list li.is_open .cat-title,.about_section .about_sidebar .cateogry-list li:hover .cat-title{background-color: #4a4a4a;}
.about_section .about_sidebar .cateogry-list li.is_open .cat-title::before{transform: rotate(0deg);}
.about_section .about_sidebar .cateogry-list li .sub-cateogry {display: none;}
.about_section .about_sidebar .cateogry-list li .sub-cateogry li a {display: block;background-color: #fff;border-bottom: 1px solid rgba(29, 29, 29, 0.10);color: #1d1d1d;font-size: 18.75px;line-height: 35px;font-weight: 400;padding-right: 60px;text-decoration: none;}
.about_section .about_sidebar .cateogry-list li .sub-cateogry li:last-child a{border-bottom: 0;}
.about_section .about_sidebar .cateogry-list li .sub-cateogry li a.active,.about_section .about_sidebar .cateogry-list li .sub-cateogry li a:hover{background-color: rgba(29, 29, 29, 0.10);font-weight: 600;position: relative; }
.about_section .about_sidebar .cateogry-list li .sub-cateogry li a::after {content: '';position: absolute;width: 48px;height: 15px;background-image: url(../img/left-black.png);background-repeat: no-repeat;top: 10px;left: 13px;opacity: 0;transition: 0.5s all ease;display: none;}
.about_section .about_sidebar .cateogry-list li .sub-cateogry li a.active::after{opacity: 1;}
.about_tab_section {}
.about_tab_section .container {max-width: 810px;}
.about_tab_section .title{text-align: center;}
.about_tab_section h2 {display: inline-block;padding: 0px 23px 0px 16px;background: #161616;line-height: 33px; margin-top: 16px;margin-bottom: 92px;}
.about_tab_section h2 a {line-height: 26px;font-size: 22px;color: #fff;font-weight: 700;padding-left: 45px;top: -5px;position: relative;text-decoration: none;text-transform: capitalize;pointer-events: none;}
.about_tab_section h2 img {position: relative;top: -3px;}
.about_tab_section .description p {font-size: 18.29px;margin-bottom: 30px;}
.about_tab_section .tab-list {position: relative; padding-bottom: 233px;}
.about_tab_section .tab-list .tab_detail {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;visibility: hidden;transition: 0.5s all ease;}
.about_tab_section .tab-list .tab_detail.active{opacity: 1;visibility: visible;}
.footer-logo img { max-height: 50px; }
.about_tab_section .container.container_tab{min-height: 700px;}

/* 404 */
#error_404 {/*padding-top: 120px;*/text-align: center;}
#error_404 .page-not-found {min-height: 90vh;text-align: center;display: table;width: 100%;}
#error_404 .page-not-found .page-content {display: table-cell;vertical-align: middle;}
#error_404 .page-not-found h2 {font-weight: 700;font-size: 71px;} 
#error_404 .page-not-found h2 span {color: #a7a7a7;}
#error_404 .page-not-found h3 {font-size: 36px;font-weight: 600;}

/* homepage */
.owl-hero .owl-nav span {position: absolute;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;}
.owl-hero .owl-nav span.prev-nav {left: 24%;border-left: 2px solid #1d1d1d;border-top: 2px solid #1d1d1d;transform: rotate(-45deg);}
.owl-hero .owl-nav span.next-nav {right: -25px;border-right: 2px solid #1d1d1d;border-bottom: 2px solid #1d1d1d;transform: rotate(-45deg);}


/* LTR  */
html[lang="en-US"] .faq_main .questions_and_answers h2{ padding-left: 0;padding-right: 35px;text-align: left;}
html[lang="en-US"] .faq_main .questions_and_answers h2::before{left: auto;right: 0;}
html[lang="en-US"] .faq_main .questions_and_answers .faq_item .answers{text-align: left;padding-left: 0;padding-right: 35px;}

html[lang="en-US"] .contact-info {border-left: 2px dotted #191919;padding-left: 100px;text-align: left;padding-right: 0;border-right: 0;}
html[lang="en-US"] .contact-form-col {padding-right: 85px;padding-left: 15px;}
html[lang="en-US"] .input-div {text-align: left;}
html[lang="en-US"] .contact-form-col input{text-align: left;}
html[lang="en-US"] .contact-form-col input.submit-button {padding: 5px 39px 5px;background-position: left 118px center;text-indent: -6px;background-image: url(../img/right-white.png);}
html[lang="en-US"] .contact-info p img{padding-left: 0;padding-right: 25px;}
html[lang="en-US"] .input-div label{ max-width: 60%;transform-origin: left bottom;}

html[lang="en-US"] .about_tab_section h2 a{padding-left: 10px;padding-right: 45px;}
html[lang="en-US"] .about_tab_section h2 img {transform: rotate(180deg);}
html[lang="en-US"] .about_section .about_sidebar {left: 89px;}
html[lang="en-US"] .about_section .about_sidebar .cateogry-list li .sub-cateogry li a::after{transform: rotate(180deg);right: 33px;left: auto;}
html[lang="en-US"] .about_section .about_sidebar .cateogry-list li .cat-title{padding-right: 0;padding-left: 45px;}
html[lang="en-US"] .about_section .about_sidebar .cateogry-list li .cat-title::before{left: 15px;right: auto;transform: rotate(-90deg);}
html[lang="en-US"] .about_section .about_sidebar .cateogry-list li.is_open .cat-title::before{transform: rotate(0deg);}
html[lang="en-US"] .about_section .about_sidebar .cateogry-list li .sub-cateogry li a{padding-left: 60px;padding-right: 0;}
html[lang="en-US"] .project_header {transform: rotate(-180deg);}

/* Homepage Animation */
.home-hero .hero-content-box h1{opacity: 0;transform: translateY(50px);transition: 0.5s all ease;}
.home-hero .hero-content-box p{opacity: 0;transform: translateY(50px);transition: 0.5s all ease;}
.home-hero .hero-content-box h1.show{opacity: 1;transform: translateY(0px);}
.home-hero .hero-content-box p.show{opacity: 1;transform: translateY(0px);}
.hero-content-box ul li{ opacity: 0;transform: translateY(50px);transition: 0.5s all ease;}
.hero-content-box ul li.show{opacity: 1;transform: translateY(0px);}
.home-sec-two .home-info-box{opacity: 0;transform: translateY(100px);transition: 0.5s all ease;}
.home-sec-two .home-info-box.come-in{opacity: 1;transform: translateY(0px);}
/*.home-sec-three .home-steps-cont .home-steps{opacity: 0;transition: 0.4s all ease;}
.home-sec-three .home-steps-cont .home-steps.come-in{opacity: 1;}*/
/*.home-sec-three .home-steps-cont .home-steps .home-step{width: 0;transition: 0.4s all linear;}
.home-sec-three .home-steps-cont .home-steps.come-in .home-step{width: 100%;}*/
.home-sec-three .home-steps-cont .home-steps .home-step h2{opacity: 0;transition: 0.4s all ease;}
.home-sec-three .home-steps-cont .home-steps.come-in .home-step h2{opacity: 1;}
.home-sec-three .home-steps-cont .home-steps .home-step{background: none;transition: 0.4s all ease;}
/*.home-sec-three .home-steps-cont .home-steps.come-in .home-step{background-size: 100%;}*/
.home-sec-three .home-steps-cont .home-steps .info-trigger{opacity: 0;transition: 0.4s all ease;}
.home-sec-three .home-steps-cont .home-steps.come-in .info-trigger{opacity: 1;}
.home-sec-three .home-steps-cont .home-steps .home-step h4{opacity: 0;transition: 0.8s all ease;}
.home-sec-three .home-steps-cont .home-steps .home-step  h4.come-in{opacity: 1;}

.home-sec-three .home-steps-cont .col-12:last-child{opacity: 0;transition: 0.5s all ease;}
.home-sec-three .home-steps-cont .col-12.come-in{opacity: 1;}
.home-sec-three .home-steps-cont .home-steps .home-step > * {z-index: 9;}
.home-sec-three .home-steps-cont .home-steps .home-step .home-steps-inner {position: relative;}
.home-sec-three .home-steps-cont .home-steps .home-step .dot_line {position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 0 ;transition: 0.5s all ease;background-repeat: no-repeat;background-size: contain;background-position: center top;}
.home-sec-three .home-steps-cont .home-steps.come-in .home-step .dot_line{width: 100%;}
.home-sec-three .home-steps-cont .home-steps:nth-child(odd) .home-step .dot_line{background-image: url( '../img/border-trimm.png' );}
.home-sec-three .home-steps-cont .home-steps:nth-child(even)  .home-step .dot_line{background-image: url( '../img/border-trimm-two.png' ); background-position: center bottom;}
.home-sec-three .home-steps-cont .home-steps .home-step .dot_line{}
/*.home-sec-three .home-steps-cont .home-steps .home-step .dot_line:after{content: '';position: absolute;right: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #000;}*/
/*.home-sec-three .home-steps-cont .home-steps .home-step .dot_line img{ position: absolute;right: 0px;width: 0%;transform: scale(0);transform-origin: right center;transition: 0.5s ease all;}
.home-sec-three .home-steps-cont .home-steps .home-step .dot_line.active img{ transform: scale(1);width: 100%;}
.home-sec-three .home-steps-cont .home-steps .home-step .dot_line_1{}*/



.home-sec-four .footer-nav-menu{width: 100% ;position: absolute;bottom: 0;background-color: #fff;border-top: 1px solid #ccc;padding: 12px 0px;}
.home-sec-four .footer-nav-menu li{display: inline-block;vertical-align: top;    margin: 0px 10px;}
.home-sec-four .footer-nav-menu li a{    color: #151515;}
#fullpage{overflow-x: hidden !important;}

@media screen and (max-width: 1600px) {
    .about_tab_section {padding-right: 320px;}
    html[lang="en-US"] .about_tab_section {padding-left: 320px;padding-right: 0;}
}

@media screen and (max-width: 1400px) {
    .owl-hero .owl-nav span.prev-nav {left: 33%;}

}
@media screen and (max-width: 1366px) {
    .project_main .container-fluid .project_item .hover_detail .video-btn img {width: 45px;}
    .project_main .container-fluid .project_item .hover_detail h2 {font-size: 24px;padding-top: 10px;} 
    .project_main .container-fluid .project_item .hover_detail h3{font-size: 14px;}

    html[lang="en-US"] .header-main-men li a {padding: 0;letter-spacing: -0.5px;}
}

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

    .about_section .about_sidebar {right: 30px;}
    .about_tab_section {padding-left: 15px;}
    .about_tab_section .container {margin-right: 0;}

    html[lang="en-US"] .about_section .about_sidebar {left: 30px;right: auto;}
}



@media screen and (max-width: 1200px) {
    .owl-hero .owl-nav span.prev-nav {left: 16%;}
} 
@media screen and (max-width: 1100px) { 
    .project_main .container-fluid .project_item .hover_detail{bottom: 15px;}

}

@media screen and (max-width: 1024px) {
    html[lang="en-US"] .contact-info{padding-left: 50px;}
    html[lang="en-US"] .about_section h1 {font-size: 45.29px;}

    html[lang="en-US"] .about_section .about_sidebar {top: 174px;}

}
@media screen and (max-width: 991px) {
    .project_header {height: 95px;}
    .project_main .container-fluid .project_item {width: 50%;max-width: 50%;display: flex;}
    .project_main .container-fluid .project_item .hover_detail h2 {font-size: 24px;padding-top: 5px;}
    .project_main .container-fluid .project_item .hover_detail{bottom: 0px;}

    .faq_main .title_section h1 {font-size: 52px;}
    .faq_main .title_section {padding-top: 100px;}
    .faq_main .questions_and_answers {padding-bottom: 200px;}

    .contact-form-col {padding-left: 30px;}
    .contact-info {padding-right: 35px;}
    .contact-info p img {padding-left: 15px;}

    .about_tab_section h2 {margin-bottom: 53px;}

    .owl-hero .owl-nav span.prev-nav {left: 1%;}

    .site-header {float: none;overflow: visible;}
}
@media screen and (max-width: 767px) { 
    .faq_main .questions_and_answers h2 {font-size: 18px;}
    .faq_main .questions_and_answers .answers p {font-size: 14px;}
    .faq_main .title_section {padding-top: 90px;padding-bottom: 20px;}
    .faq_main .title_section h1 {font-size: 36px;}
    .faq_main .questions_and_answers {padding-bottom: 80px;}

    .contact-page {/*min-height: 850px;*/}
    .contact-form-col,html[lang="en-US"] .contact-form-col {-ms-flex: 100%;flex: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
    .contact-info {padding-right: 15px;-ms-flex: 100%;flex: 100%;max-width: 100%;padding-top: 30px;border-top: 2px dotted #191919;margin-top: 30px;border-right: 0;}
    .contact-info p {padding-bottom: 25px;}
    .contact-section {padding: 45px 15px 0px;/*padding: 45px 15px 100px;*/}
    .contact-title h1 {padding-top: 0px;}
    .input-div {padding-bottom: 30px;}
    .contact-form-col input.submit-button,html[lang="en-US"] .contact-form-col input.submit-button {padding: 10px 40px;font-size: 22.6px;min-width: 170px;}    
    .contact-form-col input.submit-button {background-position: left 28px center;text-indent: 55px;}
    html[lang="en-US"] .contact-form-col input.submit-button{background-position: left 103px center;}
    html[lang="en-US"] .contact-info{border-left: 0;padding-left: 15px;}
    .contact-form-col input{font-size: 20px;}

    .about_section {padding-top: 90px;}
    .about_tab_section ,html[lang="en-US"] .about_tab_section{padding: 0px 15px;}
    .about_section .about_sidebar {position: relative;top: 0;width: 100%;right: 0;padding: 0 30px;}
    .about_tab_section .tab-list {padding-bottom: 70px;}
    .about_section h1 {font-size: 52px;padding-bottom: 25px;}
    html[lang="en-US"] .about_section h1 {font-size: 28px;}
    html[lang="en-US"] .about_section .about_sidebar {top: 0;left: 0;right: 0;}

    .owl-hero .owl-nav span.prev-nav {left: -8px;}
    .owl-hero .owl-nav span.next-nav {right: -11px;}


}
@media screen and (max-width: 520px) {
    .project_main .container-fluid .project_item {width: 100%;max-width: 100%;display: block;}
}

@media only screen and (min-width: 320px) and (max-width: 568px){
    /*  .contact-title{
    padding-top: 0px;
}  
    .contact-title h1 {
    padding-top: 0px;
}
    .contact-form-col{
    padding-left: 0px;
}
    .contact-section {
    padding-top: 35px;
}
    .submit-btn{
    float: none;
}
    .contact-info{
    padding-top: 25px;
    padding-right: 20px;
}*/
}