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

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder{ color: #FFF;}
:-moz-placeholder{ color: #FFF;}
::-moz-placeholder{ color: #FFF;}
:-ms-input-placeholder{ color: #FFF;}
::-ms-input-placeholder{ color: #FFF;}
:placeholder-shown{ color: #FFF;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Page Layout */
body{font-family: 'Assistant', sans-serif;}
body *{direction: rtl}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;}
.wrapper{ max-width:1339px; margin:0 auto; }
.content{ margin:0 auto; padding:0; width:100%;}
.btn{display: inline-block; font-size: 18px; color: #fff; line-height: 46px; background: #000; padding-right: 16px; padding-left: 22px; font-weight: 600; transition: 0.5s ease all;}
.btn.golden{background: #B39444;}
.btn.golden:hover{opacity: 0.7;}
.btn:hover{background: #B39444;}
.btn img{margin-right: 15px;}
.f-right{float: right;}
.f-left{float: left;}

/* Header*/
header{position: fixed; left: 0; top: 0; right: 0; z-index: 999; transition: 0.5s ease all;}
header .wrapper{ position:relative;}
header.sticky-header{background: rgba(0, 0, 0, 0.72);}
header.ready-sticky-header{background: rgba(0, 0, 0, 0.72);}
header .brand{margin-top: 11px; display: inline-block; vertical-align: top;}
header nav{float: left;}
header nav ul{padding-top: 35px;}
header nav ul li{display: inline-block; vertical-align: middle; list-style: none; margin-right: 46px;}
header nav ul li a{font-size: 20px; font-weight: bold; color: #fff; text-shadow: 0 0 12px rgb(0, 0, 0, 0.58); position: relative; transition: 0.5s ease all;}
header nav ul li.current_page_item a,header nav ul li a:hover{color: #B39444;}
header nav ul li a:after{position: absolute; content: ''; width: calc(100% + 20px); height: 3px; background: #B39444; right: -20px; bottom: -22px; transform: translateX(-10px); opacity: 0; visibility: hidden; transition: 0.5s ease all;}
header nav ul li.current_page_item a:after,header nav ul li a:hover:after{opacity: 1; visibility: visible;}
header .contact-detail{background: #B39444; float: left; padding:35px 25px 18px 30px; margin-right: 42px;}
header .contact-detail a{vertical-align: middle; color: #fff; font-size: 18px; font-weight: 800; display: inline-block;}
header .contact-detail a.tel{margin-right: 43px;}
header .contact-detail a img{vertical-align: middle; margin-right: 19px;}
header .contact-detail a.contact{margin-top: -6px; font-size: 20px; color: #69531B;}

.banner{position: relative;}
.banner .owl-carousel .slide{height: 100vh; background-repeat: no-repeat; background-position:top center; background-image: url(../images/site/banner.jpg)}
.banner h1{font-family: 'Work Sans', sans-serif;}
.banner .over-section{position: absolute; top: 0; right: 0;height: 100%; width: 43.5%; background-color: rgba(0,0,0,0.5); z-index: 9;}
.banner .over-section .item{height: 100%; position: absolute; left: 0; top: 0; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: center; flex-direction: column; max-width: 344px; right: 0; margin: 0 auto; align-items: baseline;}
.banner .over-section .item h2{font-size: 100px; font-weight: bold; color: #fff; text-align: left; line-height: 90px; margin-bottom: 20px; font-family: 'Work Sans', sans-serif;}
.banner .over-section .item h2 em{color: #B39444; display: block; font-style: normal}
.banner .over-section .item p{color: #fff; text-align: left; font-size: 14px; line-height: 22px; text-align: right; margin-bottom: 23px;}
.banner .thumbnail{position: absolute; right: 43.5%; bottom: 0; z-index: 9; width: 189px; height: 134px;}
.banner .thumbnail a{position: absolute; width: 100%; right: 0; top: 0; opacity: 0; visibility: hidden; transition: 0.5s ease all;}
.banner .thumbnail a.active{opacity: 1; visibility: visible;}
.banner .thumbnail a p{position: absolute; left: 0; top: -26px; color: #fff; font-weight: 600; font-size: 17px;}
.banner .nav_arrow{width: 94px; height: 134px; background: #B39444; position: absolute; bottom: 0; right: calc(43.5% - 94px); z-index: 9; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.5s ease all;}
.banner .nav_arrow a:hover{opacity: 0.6;}
.banner .nav_arrow a:first-child{margin-bottom: 30px;}

.page-slider{position: fixed; right: 162px; top: 0; height: 100%; z-index: 9999; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-direction: column; justify-content: center; text-align: left; align-items: flex-end; width: 30px;}
.page-slider a{width: 6px; height: 6px; border-radius: 50%; background: #AFAFAF; display: block; margin-bottom: 21px; cursor: pointer; transition: 0.5s ease all;}
.page-slider a.active{width: 30px; border-radius: 5px;}
.page-slider a:last-child{margin-bottom: 0;}

.uncompromising{padding:177px 0 244px;}
.uncompromising .right-col{width: 53.34%;}
.uncompromising .right-col h2{margin-bottom: 15px; color: #000000; font-weight: 800;}
.uncompromising .right-col p{font-size: 18px; color: #000; line-height: 45px;}
.uncompromising .right-col .btn{margin-top: 30px;}
.uncompromising .left-col{width: 46.66%; text-align: left;}
.uncompromising .left-col .img-section{display: inline-block; vertical-align: top; position: relative; z-index: 1;}
.uncompromising .left-col .img-section:after{position: absolute; content: ''; width: 100%; height: 100%; left: 15px; top: 15px; border: 4px solid #D6D6D6; z-index: -1;}
.uncompromising .left-col img{max-width: 100%; display: block;}


.quality_service{background-image: url('../images/site/mer-bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; padding-top: 138px; padding-bottom: 107px; margin-bottom: 65px;}
.quality_service:after{position: absolute; content: ''; width: 100%; height: 100%; right: 0; top: 0; background: #000; opacity: 0.75; z-index: -1;}
.quality_service .col-right{width: 401px;}
.quality_service .col-right h2{color: #B39444; font-size: 48px; line-height: 55px; margin-bottom: 32px;}
.quality_service .col-left{width: calc(100% - 401px);}
.quality_service .col-left .col-6{ padding-right: 72px; margin-bottom: 45px;}
.quality_service .col-left .col-6 h3{padding-right: 23px; font-size: 22px; color: #FFFFFF; line-height: 25px; margin-bottom: 18px; border-right: 3px solid #B39444}
.quality_service .col-left .col-6 p{padding-right: 23px; color: #fff; font-size: 18px; line-height: 33px;}

.our-project {text-align: center; margin-bottom: 115px;}
.our-project h2{text-align: center; font-size: 48px; color: #B39444; padding-bottom: 37px;position: relative; margin-bottom: 85px;}
.our-project h2:after{position: absolute; content: ''; background: #B39444; width: 68px; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: 0;}
.our-project .d-flex{justify-content: space-between; flex-wrap: wrap}
.our-project .blog{max-width: 641px; margin-bottom: 60px; text-align: right;}
.our-project .blog .img-section{position: relative;}
.our-project .blog .img-section>img{display: block; max-width: 100%;}
.our-project .blog a.btn{position: absolute; left: 0; bottom: 0;}
.our-project .blog h4{font-size: 22px; color: #000; line-height: 40px; font-weight: 800; margin-bottom: 3px; margin-top: 5px;}
.our-project .blog p{color: #000; font-size: 18px; line-height: 33px;}


.our-custome {margin-bottom: 80px;}
.our-custome h2{text-align: center; font-size: 48px; color: #B39444; padding-bottom: 37px;position: relative; margin-bottom: 50px;}
.our-custome h2:after{position: absolute; content: ''; background: #B39444; width: 68px; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: 0;}
.our-custome .item a{height: 111px;display: block; margin-bottom: 40px;}
.our-custome .item a img{max-width: 100%; width: auto; margin-left: auto; margin-right: auto}
.our-custome .item a:last-child{margin-bottom: 0;}

.d-flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
footer{text-align: center; background: linear-gradient(#000 -130%, #2e2510 100%, #626565 100%); text-align: right;}
body:not(.home) footer .customers-recommend .form-section{display: none;}
footer .customers-recommend .transparent{display: none;}
body.page-template-products-template-page footer .customers-recommend .transparent{display: block;}
footer .customers-recommend{padding-top: 120px; text-align: center; background-image: url('../images/site/bg_circle.png'); background-repeat: no-repeat; background-position: top center; background-size: 140%}
footer .customers-recommend h2{text-align: center; font-size: 48px; color: #B39444; padding-bottom: 37px;position: relative; margin-bottom: 85px;}
footer .customers-recommend h2:after{position: absolute; content: ''; background: #B39444; width: 68px; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: 0;}
footer .customers-recommend .custome-content {justify-content: space-between; padding-bottom: 210px;}
footer .customers-recommend .custome-content .col-3 {background: #fff; border-radius: 5px; padding: 40px; width: 370px; text-align: right;}
footer .customers-recommend .custome-content .col-3 .top-section {align-items: center}
footer .customers-recommend .custome-content .col-3 .top-section .img-section{width: 90px; border-radius: 50%; margin-left: 30px;}
footer .customers-recommend .custome-content .col-3 .top-section .img-section img{display: block;}
footer .customers-recommend .custome-content .col-3 .top-section .left-content{}
footer .customers-recommend .custome-content .col-3 .top-section .left-content h4{margin-bottom: 8px; font-size: 18px;}
footer .customers-recommend .custome-content .col-3 .bottom-section{padding-top: 25px;}
footer .customers-recommend .contact-section h2{margin-bottom: 64px; color: #fff;}
footer .customers-recommend .contact-section p{font-size: 22px; color: #fff; text-align: right; margin-bottom: 33px;}
footer .customers-recommend .contact-section .form-system {padding-bottom: 210px;}
footer .customers-recommend .contact-section .form-system .top-col{text-align: right; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between}
footer .customers-recommend .contact-section .form-system .top-col input{border: 1px solid rgba(255,255,255,0.4); height: 45px; padding-right: 15px; padding-left: 15px; width: 360px; font-size: 17px;}
footer .customers-recommend .contact-section .form-system .top-col input:last-child{width: 583px;}
footer .customers-recommend .contact-section .form-system .top-col input.wpcf7-text.wpcf7-email{width: 583px;}
footer .customers-recommend .contact-section .form-system textarea{border: 1px solid rgba(255,255,255,0.4); height: 103px; padding-right: 15px; padding-left: 15px; width: 360px; font-size: 17px; width: 100%; margin-top: 29px;}
footer .customers-recommend .contact-section .form-system input[type="submit"]{ width: 100%; color: #000; margin-top: 30px;}
footer .customers-recommend .transparent {margin-bottom: 163px;}
footer .customers-recommend .transparent h2{padding-bottom: 0; margin-bottom: 40px;}
footer .customers-recommend .transparent h2:after{display: none;}
footer .customers-recommend .transparent p{font-size: 18px; color: #fff; max-width: 795px; margin:0 auto; line-height: 34px;}
footer .footer-top-section .right-section{padding-top: 15px; width: 65%; padding-left: 78px;}
footer .footer-top-section .right-section .footer-logo{margin-bottom: 40px; display: inline-block; max-width: 240px;}
footer .footer-top-section .right-section .footer-logo img{width: 100%;}
footer .footer-top-section .right-section p{color: #fff; font-size: 18px; line-height: 33px; margin-bottom: 30px;}
footer .footer-top-section .right-section .social-fb{display: inline-block; vertical-align: top; font-size: 18px; color: #fff;}
footer .footer-top-section .right-section .social-fb img{vertical-align: middle; margin-left: 19px;}
footer .footer-top-section .right-section .contact-detail .detail-section{justify-content: center; align-items: flex-start; flex-direction: column; padding-right: 25px; border-right: 1px solid #B39444}
footer .footer-top-section .right-section .contact-detail{margin-top: 65px;}
footer .footer-top-section .right-section .contact-detail .col{margin-left: 60px; text-align: right;}
footer .footer-top-section .right-section .contact-detail .col:last-child{margin-left: 0;}
footer .footer-top-section .right-section .contact-detail .img-section{justify-content: center; align-items: center; padding-left: 25px;}
footer .footer-top-section .right-section .contact-detail a{font-size: 22px; color: #fff; display: block; line-height: 25px;}
footer .footer-top-section .right-section .contact-detail p{font-size: 22px; color: #fff; margin: 0; line-height: 25px;}
footer .footer-top-section .left-section{width: 35%; padding-right: 100px; border-right: 1px solid #B39444}
footer .footer-top-section .left-section img{max-width: 100%;}
footer .footer-bottom-section {padding:47px 0; position: relative; margin-top: 83px;}
footer .footer-bottom-section:after{position: absolute; content: ''; left: 100px; right: 100px; top: 0; height: 1px; background: #707070;}
footer .footer-bottom-section ul li{display: inline-block; vertical-align: top; margin-left: 115px;}
footer .footer-bottom-section ul li:last-child{margin-left: 0;}
footer .footer-bottom-section ul li a{display: inline-block; vertical-align: top; font-size: 20px; color: #fff;}
footer .footer-bottom-section ul li a:hover{color: #B39444;}
footer .footer-bottom-section ul li.current-menu-item a{color: #B39444; font-weight: bold;}
footer .footer-bottom-section .creater-link{text-align: center; position: relative; top: 30px;}
footer .footer-bottom-section .creater-link a{color: #fff; transition: 0.5s ease all; font-size: 13px;}
footer .footer-bottom-section .creater-link a:hover{color: #B39444;}

.banner.small-banner{height: 364px; background-repeat: no-repeat; background-position: center; background-size: cover; justify-content: center; align-items: center; position: relative; z-index: 9;}
.banner.small-banner:after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); right: 0; top: 0px; z-index: -1;}
.banner.small-banner h1{font-family: 'Assistant', sans-serif; font-size: 36px; font-weight: 800;}

.projecr-blog {padding-top: 75px; padding-bottom: 120px;}
.projecr-blog .blog{height: 398px; width: 49%; background-repeat: no-repeat; background-size: cover; background-position: center; float: right; margin-left: 2%; position: relative; margin-bottom: 38px;}
.projecr-blog .blog p{position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: left; padding-left: 24px; padding-top: 11px; padding-bottom: 11px; font-size: 18px;}
.projecr-blog .blog p img{margin-right: 14px; transition: 0.5s ease all;}
.projecr-blog .blog:hover p img{transform: translateX(-5px)}
.projecr-blog .blog:nth-child(2n){margin-left: 0;}

.category-list-nav ul{list-style: none; text-align: center; padding: 55px 0;}
.category-list-nav ul li{display: inline-block; vertical-align: top; margin-left: 35px; min-width: 198px; text-align: center;}
.category-list-nav ul li a{font-size: 20px; line-height: 38px; display: inline-block; padding:0 15px 10px; border-bottom: 3px solid transparent;}
.category-list-nav ul li a:hover{border-bottom: 3px solid #B39444;}
.category-list-nav ul li a.active{border-bottom: 3px solid #B39444; font-weight: bold;}

.artical-list .list {margin-bottom: 80px;}
.artical-list .list .right-image{width: 690px; height: 313px; background-repeat: no-repeat; background-position: center; background-size: cover}
.artical-list .list .left-content{width: calc(100% - 690px); padding-right: 21px; position: relative;}
.artical-list .list .left-content h4{font-size: 20px; font-weight: 800; padding-bottom: 10px; border-bottom: 1px solid #D0D0D0; margin-bottom: 14px;}
.artical-list .list .left-content p{font-size: 18px; color: #000000; line-height: 30px}
.artical-list .list .left-content .bottom-section{position: absolute; right: 21px; bottom: -35px; border-top: 1px solid #D0D0D0; left: 0;}
.artical-list .list .left-content .bottom-section p{font-size: 18px; color: #000000; float: right;}
.artical-list .list .left-content .bottom-section .btn{float: left; width: 59px; height: 34px; padding-left: 5px; padding-right: 5px; line-height: 30px;}
.artical-list .list .left-content .bottom-section .btn img{width: 25px; }

.breadcrum-section{}
.breadcrum-section .breadcrum{float: right;}
.breadcrum-section .breadcrum-link{float: left; margin-top: 56px; color: #B39444; font-size: 20px; font-weight: 600;}
.breadcrum {margin-bottom: 38px; margin-top: 56px;}
.breadcrum {font-size: 20px; display: inline-block; vertical-align: middle;margin-left: 5px; transition: 0.5s ease all;}
.breadcrum a{font-size: 20px; display: inline-block; vertical-align: middle;margin-left: 5px; transition: 0.5s ease all;}
.breadcrum span{font-size: 20px; display: inline-block; vertical-align: middle;margin-left: 5px;}
.breadcrum a:not(:last-child):hover{color: #B39444;}
.breadcrum a:last-child{pointer-events: none}
.semi-banner img{width: 100%; display: block; margin-bottom: 50px;}

.building_better_world .right-section{width: 50.2%;}
.building_better_world .right-section h3{font-size: 27px; font-weight: 600; line-height: 40px; margin-bottom: 23px;}
.building_better_world .right-section p{font-size: 18px; color: #000; margin-bottom: 24px; line-height: 30px;}
.building_better_world .left-section{width: 49.8%; padding-right: 72px;}
.building_better_world .left-section img{display: block; max-width: 100%;}
.building_better_world .left-section .top-image {margin-bottom: 16px;}
.building_better_world .left-section p{font-size: 16px; color: #000; font-weight: 300; margin-top: 3px;}
.building_better_world .left-section .bottom-section {justify-content: space-between}
.building_better_world .left-section .bottom-section .col{width: 49%;}
.building_better_world .left-section .bottom-section .col .image-section{height: 399px; background-repeat: no-repeat; background-position: center; background-size: cover}

.uncompromising-section{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; margin-bottom: 108px; margin-top: 124px;}
.uncompromising-section .right-section{width: 456px; position: relative; padding-right: 21px; z-index: 9; align-self: flex-start; display: flex;}
.uncompromising-section .right-section:after{height: 100%; right: 0; top: 13px; content: ''; position: absolute; width: calc(100% - 21px); border: 4px solid #D6D6D6; z-index: -1;}
.uncompromising-section .right-section img{width: 100%; display: block;}
.uncompromising-section .left-section {width: calc(100% - 456px); padding-right: 43px;}
.uncompromising-section .left-section h3{font-size: 36px; color: #000; margin-bottom: 15px;}
.uncompromising-section .left-section p{font-size: 18px; color: #000000; line-height: 38px; margin-bottom: 25px;}
.uncompromising-blog {justify-content: space-between; margin-bottom: 140px;}
.uncompromising-blog .col{height: 281px; width: 24%; background: #F7F7F7; justify-content: center; align-items: center; flex-direction: column; padding-left: 10px; padding-right: 10px;}
.uncompromising-blog .col h4{max-width: 229px; text-align: center; font-size: 22px; margin-top: 30px;}

.experience{}
.experience h3{font-size: 36px; font-weight: 800; line-height: 40px; text-align: center;}
.experience p{max-width: 795px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 34px; color: #000; margin-top: 20px; text-align: center; margin-bottom: 60px;}
.experience .brand-list{flex-wrap: wrap}
.experience .brand-list .list{width: 20%; margin-bottom: 50px; text-align: center;}
.experience .brand-list .list img{max-width: 100%}

.processes_transparent{text-align: center; padding:74px 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/site/bg_1.jpg); margin-bottom: 100px;}
.processes_transparent h2{font-size: 36px; color: #A48840; margin-bottom: 40px;}
.processes_transparent p{color: #fff; font-size: 18px; line-height: 38px;}
.processes_transparent .wrapper{max-width: 795px;}

.uncompromising_reliability{margin-top: 77px; margin-bottom: 170px;}
.uncompromising_reliability h2{text-align: center; font-size: 36px; color: #000; margin-bottom: 110px;}
.uncompromising_reliability img{width: 100%; display: block;}
.uncompromising_reliability.reverce-blog {margin-bottom: 117px;}
.uncompromising_reliability.reverce-blog .section-item{flex-direction: row-reverse}
.uncompromising_reliability .right-section{width: 45%; padding-right: 28px; position: relative; align-self: baseline}
.uncompromising_reliability .right-section:after{height: 100%; right: 0; top: 13px; content: ''; position: absolute; width: calc(100% - 21px); border: 4px solid #D6D6D6; z-index: -1;}
.uncompromising_reliability .left-section{width: 55%; padding-right: 53px;}
.uncompromising_reliability .left-section .list{padding-right: 23px; margin-bottom: 50px;}
.uncompromising_reliability .left-section .list h4{font-size: 22px; font-weight: 800; line-height: 22px; position: relative; margin-bottom: 18px;}
.uncompromising_reliability .left-section .list h4:after{position: absolute; content: ''; width: 2px; height: 100%; right: -22px; top: 0; background: #000;}
.uncompromising_reliability .left-section .list p{color: #000; font-size: 18px; line-height: 33px; max-width: 386px;}
.uncompromising_reliability.reverce-blog .section-item .left-section{padding-right: 0; width: calc(45% + 70px)}
.uncompromising_reliability.reverce-blog .section-item .right-section{width: calc(55% - 70px);}

.project-detail-part .right-image{width: 67.55%;}
.project-detail-part .right-image img{width: 100%;}
.project-detail-part .left-content{width: 32.45%; padding-right: 23px;}
.project-detail-part .left-content h3{font-size: 24px; margin-bottom: 22px;}
.project-detail-part .left-content p{font-size: 18px; line-height: 34px; color: #000;}
.project-slider{margin-top: 25px;}
.project-slider.owl-carousel .owl-dots{display: none;}
.project-slider.owl-carousel .owl-nav button.owl-prev{position: absolute; right: 0; top: 50%; width: 59px; height: 34px; background: #000; transform: translateY(-50%); font-size: 0; background-image: url(../images/site/next_slide.png); background-repeat: no-repeat; background-position: center; outline: none}
.project-slider.owl-carousel .owl-nav button.owl-next{position: absolute; left: 0; top: 50%; width: 59px; height: 34px; background: #000; transform: translateY(-50%); font-size: 0; background-image: url(../images/site/prev_next.png); background-repeat: no-repeat; background-position: center; outline: none}

.social-section{border-top: 1px solid #D0D0D0; margin-top: 55px; padding-top: 12px; margin-bottom: 55px;}
.social-section {justify-content: space-between}
.social-section p{font-size: 18px; font-weight: 300;}
.social-section .social-icon a{margin-right: 25px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{color: #fff;}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{direction: rtl}
header .brand {max-width: 190px}
header .brand img{width: 100%;}


/*Contact form 7*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,div.wpcf7 .ajax-loader{display: none !important;}
footer .customers-recommend .contact-section .form-system .top-col input{color:#fff;}
footer .customers-recommend .contact-section .form-system .top-col input::placeholder{color:#fff;}
footer .customers-recommend .contact-section .form-system .top-col input.error{border-color:#f00 !important;}
.wpcf7-form label.error{display: none !important;}
/*404 page*/
.coming_soon.error{margin-top: 200px;margin-bottom: 0;}
.coming_soon.error .wrapper{max-width: 960px;}
.error_404 h2{text-align: center;font-size: 150px;font-weight: bold;color:#69531B;}
.error_404 h3{text-align: center;font-size:50px;}
.error_404 p{font-size: 19px;color: #000;padding: 10px 0;}
.error_404 h4{font-size: 19px;color: #000;padding: 10px 0;}
.error_404 ul{padding-right: 15px;}
.error_404 li{font-size: 16px;color: #000;}


/*Thank you */ 
.thankyou_page {text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 90vh;}
.thankyou_page h1 {color: #69531B;font-size: 70px;}
.thankyou_page p {color: #000;font-size: 25px;margin-top: 10px;}
@media only screen and (max-width:960px){
	.page-id-256 .coming_soon a{width:30%;}
}
@media only screen and (max-width:767px)
{
	.error_404 h2{font-size: 100px;}
	.error_404 h3{font-size:20px;}
	.error_404 p{font-size: 17px;}
	.error_404 h4{font-size: 18px;}	
	.error_404 li{font-size: 16px;}
	.coming_soon{margin: 100px 0 !important;}  
	
}