/*
	Theme Name: Kooheji Development 2023
	Author: Webtree
	Version: 1.0
	Text Domain: Kooheji Development 2023
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*general*/
body{font-family: "Poppins", sans-serif; font-weight: 300; color: #111926; overflow-x: hidden;}

body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track {box-shadow: 0 0 4px #434345 ;}
body::-webkit-scrollbar-thumb { background-color: #c0bca0; outline: none;}

h1{font-size: 38px;line-height: 1.216;}
h2{font-size: 28px; line-height: 1.216;}
h3{font-size: 26px; line-height: 1.216;}
h4{font-size: 24px; line-height: 1.216;}
h5{font-size: 20px; line-height: 1.216;}
h6{font-size: 18px; line-height: 1.216;}
p{font-size: 16px; font-weight: 300; line-height: 1.8;}
p:last-child{margin-bottom: 0;}
p strong{font-weight: 500;}
b{font-weight: 600;}

#breadcrumbs{ display: none; }

.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff;}
.off-white-bg{background-color: #EFF1F2;}
.gray-color{color: #333333;}
.gray-bg{background-color: #333333;}
.light-gray-bg{background-color: #efeff0;}
.dark-blue-color{color: #22458f;}
.dark-blue-bg{background-color: #22458f;}
.dark-bg{background-color: #112654;}
.red-color{color: #bf0808;}
.red-bg{background-color: #bf0808;}
.blue-color{color: #37a7ac;}
.blue-bg{background-color: #37a7ac;}
.purple-color{color: #7d0d63;}
.purple-bg{background-color: #7d0d63;}
.green-color{color: #02a639;}
.green-bg{background-color: #02a639;}
.light-gold-color{color: #c0bca0;}
.light-gold-bg{background-color: #c0bca0;}
.very-light-gold-color{color: #f9f8f1;}
.very-light-gold-bg{background-color: #f9f8f1;}
.gold-color{color: #a38d45;}
.gold-bg{background-color: #a38d45;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text p,
.semi-bold-text{font-weight: 500!important;}
.semi-bold-text b{font-weight: 800;}
.bold-text{font-weight: 700;}
a,a:hover, a:focus, button, button:hover, button:focus{border:none; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.img-cover{object-fit: cover; object-position: center;}
.img-invert{filter: invert(1) brightness(5);}
.bg-cover{background-size: cover;}
.bg-center{background-position: center;}
.filter-drop-shadow{filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.35));}
.p-40-0{padding: 40px 0;}
.p-60-0{padding: 60px 0;}
.p-60{padding: 60px;}
.px-35{ padding-left: 35px!important; padding-right: 35px!important; }
.p-80-0{padding: 80px 0;}
.p-100-0{padding: 100px 0;}
.d-large-screen-only{display: block;}
.d-small-screen-only{display: none;}
.carousel-indicators{z-index: 2;}
.heading{font-family: "Libre Bodoni", sans-serif!important; font-weight: 400; position: relative;}

/*btn*/
.btn-bordered{position: relative; display: inline-block; padding: 5px 50px; border: solid 1px #ffffff; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover, .btn-bordered:focus{border: solid 1px #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:before{content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover:before{right: 0; background-color: #a38d45; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered span{position: relative; font-size: 16px; display: block; font-weight: 500; padding: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover span{color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.load-more{border: 1px solid #c0bca0; color: #949594;}


.btn-plain{position: relative;  font-size: 16px; font-weight: 600; display: inline-block; background: transparent; padding: 4px 0; border: none; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-plain:hover{ color: #a38d45; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* kd-nav  */
.kd-nav{top: 0; position: fixed; padding: 0; width: 100%; z-index: 10; filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.45)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.kd-nav:hover {background: rgba(17,25,38, 0.9); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.kd-nav  .logo-container{position: relative;}
.kd-nav  .logo-container .logo img{position: relative; width: 220px;}

.kd-nav ul{margin: 0; margin-left: 15px; padding: 0; display: inline-flex; position: relative;}
.kd-nav ul>li{display: inline-block; list-style: none; position: relative;}
.kd-nav ul>li a{position: relative; line-height: 34px; padding: 20px; display: block; color: #ffffff; font-size: 16px; font-weight: 500; font-family: 'Libre Bodoni';}
.kd-nav ul>li.wpml-ls-item-ar a{padding-right: 0; font-size: 18px; font-family: 'Vazirmatn'!important;}
.kd-nav.social-media li a{padding: 0 10px; line-height: 36px;}
.kd-nav  ul>li a:hover, .kd-nav  ul>li.current-menu-item a{color: #c0bca0; }

.kd-nav ul>li .sub-menu { background: rgba(17,25,38, 0); display: block; left: 0; top: 74px; list-style: none; margin: -20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; width: 60%; z-index: 10; width: max-content; max-width: 25vw; }
.kd-nav ul>li:hover>.sub-menu{ opacity: 1; visibility: visible; margin-top: 0; padding: 0px 0 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.kd-nav ul>li .sub-menu>li { position: relative; text-transform: none; display: block; text-align: left; width: 49%; display: inline-block; }
.kd-nav ul>li .sub-menu>li a{ color: #ffffff; display: block; border: none; font-size: 14px; line-height: 1.5; display: block; padding: 4px 0 4px 20px!important; text-align: left; font-weight: 400; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.kd-nav ul>li .sub-menu>li a:hover{ color: #c0bca0; }
ul.sub-menu:before { content: ''; position: absolute; left: -100vw; right: -100vw; bottom: 0; top: 0; background: rgba(17,25,38, 0.9);} 

.kd-nav  ul>li.menu-item-141 .sub-menu{ max-width: 50vw!important; }
.kd-nav  ul>li.menu-item-141 .sub-menu>li{ width: 26.8%!important; }

.kd-nav.always-dark {background: rgba(17,25,38, 0.9);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.kd-nav.kd-nav-dark{background: rgba(17,25,38, 0.9); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/*.kd-nav .hidden-area{background: transparent; height: 20px; width: 100%; display: block; position: absolute;}*/
.kd-nav.kd-nav-dark:hover {background: rgba(17,25,38, 0.9); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

#mobmenuright li a{font-family: 'Libre Bodoni'!important;}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {right: 10px!important; top: 10px!important; }

/* scroll-top-btn */
.scroll-top-btn{position: fixed; right: 15px; width: 50px; height: 50px; border-radius: 5px; z-index: 99; font-size: 24px; bottom: -150px; color: #FFCC00; text-align: center; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.35));}
.scroll-top-btn i{line-height: 50px;}
.scroll-top-btn:hover{color: #ffffff;}

/* floating-icon */
.floating-icon{position: fixed; z-index: 2; top: 50%; transform: translateY(-50%); right: 0;}
.floating-icon ul,
.floating-icon ul li{display: block; margin: 0; padding: 0; list-style: none;}
.floating-icon ul li a{width: 45px; height: 45px; color: #ffffff; background: rgba(17,25,38,0.9); display: block; text-align: center; font-size: 24px; margin-bottom: 1px; padding-top: 8px;}
.floating-icon ul li a span{font-size: 6px; line-height: 1.4;}
.floating-icon ul li a:hover{background: rgba(200,199,202,0.9); color: #111926;}


/* search-popup */
/*.search-popup {position: fixed; display:block; top: 0; right: 0; left: 0; transform: translateY(-100%); z-index: 6; background-color: #ffffff; padding: 50px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}*/
/*.search-popup .button {display: block; width: 20px; height: 35px; line-height: 35px; background: transparent; background-color: transparent; margin: 0 8px; padding: 0;}*/
/*.search-popup.active{transform: translateY(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}*/
/*.search-popup input{border: solid 1px #000000; border-radius: 0;}*/
/*.search-popup input:focus{box-shadow: none; outline: none; border: solid 1px #000000;}*/

/* slider */
.slider{position: relative!important; background-color: #272727; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slider h1{line-height: 1.2!important; font-size: 50px!important; font-weight: 500!important; font-family: 'Libre Bodoni'!important; color: #000000!important; text-align: center!important;} 
.slider .btn-plain{font-size: 16px!important; font-family: 'Roboto', sans-serif!important;}
.slider .overlay{position: absolute!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; background: rgba(0,0,0,0.25)!important;}
.slider .explore-btn{position: absolute; font-size: 34px; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 2;}

/* about */
.about{position: relative; background-size: 50%!important; background-repeat: no-repeat!important; background-position: right center!important;}

/* single-project-thumbnail */
.single-project-thumbnail .item .single{position: relative; height: 650px;}
.single-project-thumbnail .item .single img{height: 100%;}
.single-project-thumbnail .item .single .text-content{position: absolute; left: 10%; bottom: 50px; right: 40%; z-index: 1;}
.single-project-thumbnail .item .single .text-content .btn-solid{background: #111926; color: #ffffff; font-size: 14px; padding: 2px 10px; display: inline-block;}
.single-project-thumbnail .item .single .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.05), rgba(0,0,0,0.15),rgba(0,0,0,0.6));}

/* single-projects-post */
.single-projects-post .btn-bordered{border: solid #111926 1px; color: #111926;}

/* project-search-result */
.project-search-result .single-project-thumbnail .item .single .text-content{position: absolute; left: 10%; bottom: 0; transform: translateY(-50%); right: 10%; z-index: 1; text-align: center;}

.project-archive .btn-bordered{border: solid 1px #c0bca0; color: #a38d45;}
.project-archive .btn-bordered.active:before{right: 0!important; background-color:#a38d45!important;}
.project-archive .btn-bordered.active span{color: #ffffff!important;}

/* businessModel */
.businessModel{position: relative;}
.businessModel:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.25);}

/* timeline-for-large-screen */
.businessModel .business-model .stage{height: 180px; position: relative;}
.businessModel .business-model .stage .stage-number{font-size: 40px; font-family: 'Libre Bodoni'; font-style: italic; font-weight: 500; position: absolute; left: 50%; top: calc(50% - 50px); transform: translate(-50%,-50%); white-space: nowrap; }
.businessModel .business-model .stage .title{font-size: 16px; color: #ffffff; position: absolute; left: 50%; top: calc(50% + 50px); transform: translate(-50%,-50%); white-space: nowrap; }
.businessModel .business-model .stage .time-line-continuation{position: absolute; left: 0; right: 0; top: 50%; height: 2px; transform: translateY(-50%); background-color: #ffffff;}
.businessModel .business-model .stage .time-line-continuation .dot{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 10px; width: 10px; border-radius: 50%; background-color: #ffffff;}
.businessModel .business-model .stage .time-line-continuation .next-arrow{position: absolute; right: -8px; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ffffff;}
.businessModel .business-model .flex-row-reverse .stage .time-line-continuation .next-arrow{border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 15px solid #ffffff; border-left: unset; right: unset; left: -8px;}

.businessModel .business-model .flex-row-reverse{position: relative;}
.businessModel .business-model .flex-row-reverse .connection{position: absolute; height: 184px; width: 184px; overflow: hidden}
.businessModel .business-model .flex-row-reverse .connection .curve-connection{position: relative; height: 181px; width: 181px; border: solid 2px #ffffff; display: block;  border-radius: 50%; right: 50%;}
.businessModel .business-model .flex-row-reverse .connection .curve-connection:before{content:''; position: absolute; right: -16px; top: calc( 50% - 5px); transform: translate(-50%, -50%) rotate(90deg); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ffffff;}

.businessModel .business-model .flex-row-reverse .connection.right-left{top: calc(-50% - 0px); right: -184px;}
.businessModel .business-model .flex-row-reverse .connection.left-right{ top: calc(50% - 0px); right: unset; left: -184px; overflow: hidden; transform: scalex(-1);}


.businessModel .business-model .stage.first .time-line-continuation{left: 50%;}
.businessModel .business-model .stage.first .time-line-continuation .dot{left: 0;}
.businessModel .business-model .stage.first .stage-number{font-size: 20px;}

.businessModel .business-model .stage.last .time-line-continuation{right: 50%;}
.businessModel .business-model .stage.last .time-line-continuation .dot{right: -10px; left: unset;}
.businessModel .business-model .stage.last .time-line-continuation .next-arrow{display: none;}

/* business-model-slider */
.businessModel .business-model-slider .item .stage{height: 200px; position: relative;}
.businessModel .business-model-slider .item .stage .stage-number{font-size: 40px; font-family: 'Libre Bodoni'; font-style: italic; font-weight: 500; position: absolute; left: 50%; top: calc(50% - 50px); transform: translate(-50%,-50%); white-space: nowrap; }
.businessModel .business-model-slider .item .stage .title{font-size: 14px; color: #ffffff; position: absolute; left: 50%; top: calc(50% + 50px); transform: translate(-50%,-50%); white-space: nowrap; }
.businessModel .business-model-slider .item .stage .time-line-continuation{position: absolute; left: 0; right: 0; top: 50%; height: 2px; transform: translateY(-50%); background-color: #ffffff;}
.businessModel .business-model-slider .item .stage .time-line-continuation .dot{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 10px; width: 10px; border-radius: 50%; background-color: #ffffff;}
.businessModel .business-model-slider .item .stage .time-line-continuation .next-arrow{position: absolute; right: -8px; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ffffff;}

.businessModel .business-model-slider .item .stage.first .time-line-continuation{left: 50%;}
.businessModel .business-model-slider .item .stage.first .time-line-continuation .dot{left: 0;}
.businessModel .business-model-slider .item .stage.first .stage-number{font-size: 20px;}

.businessModel .business-model-slider .item .stage.last .time-line-continuation{right: 50%;}
.businessModel .business-model-slider .item .stage.last .time-line-continuation .dot{right: -10px; left: unset;}
.businessModel .business-model-slider .item .stage.last .time-line-continuation .next-arrow{display: none;}

/* searchProject */
.searchProject{position: relative; height: 100vh;}
.searchProject:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.35);}
.searchProject .search-box{border: solid 1px #ffffff; padding: 50px; position: relative;}
.searchProject .search-box .selectize-input{width: 240px; height: 48px; line-height: 48px; padding: 0 15px; border-radius: 0; background-color: #ffffff; background-image: none; outline: none;}
.searchProject .search-box .selectize-input:focus{outline: none; box-shadow: none; border: solid 1px #a38d45;}
.searchProject .search-box .selectize-input .item,
.searchProject .search-box .selectize-input input{font-size: 16px!important; font-weight: 400!important;}
.searchProject .search-box .selectize-dropdown {padding: 0; border-radius: 0;}
.searchProject .search-box .selectize-dropdown .selectize-dropdown-content{padding: 0; border-radius: 0;}
.searchProject .search-box .selectize-dropdown .selectize-dropdown-content .option{line-height: 40px; height: 40px; font-weight: 400;}
.searchProject .search-box .selectize-dropdown .selectize-dropdown-content .option.active{background-color: #a38d45; color: #ffffff; background-image: none;}
.searchProject .search-box button{height: 48px; line-height: 48px; background-color: #c0bca0; width: 40px; color: #ffffff;}

/* projects */
.projects .single-project-thumbnail .item .single{height: 400px;}

/* location */
.location .main-tab li button{border-radius: 0; height: 250px; position: relative; padding: 0; border-bottom: solid 15px #f9f8f1;}
.location .main-tab li button img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.location .main-tab li button::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.55);}
.location .main-tab li button .text-content{position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%);}
.location .main-tab li button .text-content .heading{color: #ffffff;}
.location .main-tab li button .text-content span{background: #111926; color: #ffffff; font-size: 14px; padding: 2px 10px; display: inline-block;}
.location .main-tab li button.active{border-bottom: solid 15px #c0bca0;}
.location .main-tab li button.active::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.15);}

.location .sub-tab li button{border-radius: 0; background-color: #ffffff!important; color: #111926!important; border-bottom: solid 10px #111926; padding: 0; text-align: left; opacity: 0.25;}
.location .sub-tab li button h3{font-size: 24px;}
.location .sub-tab li button.active{opacity: 1;}

.location .single-project-thumbnail .item{padding: 10px 5px;}
.location .single-project-thumbnail .item .single .text-content{position: absolute; left: 10%; bottom: 20%; right: 10%; z-index: 1; text-align: center; transform: translateY(50%);}
.location .single-project-thumbnail .item .single{height: 400px;}

/* services */
.single-service-thumbnail .image{height: 450px; position: relative; margin-bottom: 20px; overflow: hidden;}
.single-service-thumbnail .image img{transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.single-service-thumbnail .image .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.15);}
.single-service-thumbnail .image a{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.single-service-thumbnail .image .heading{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #ffffff; z-index: 1; font-style: italic; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
.single-service-thumbnail p{font-size: 14px; line-height: 1.2; margin-bottom: 10px;}
.single-service-thumbnail:hover .image img{transform: scale(1.2); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.single-service-thumbnail .image.disabled .overlay{background: rgba(17,25,38, 0.75);}

/* news */
.single-news-thumbnail .image,
.single-news-thumbnail iframe{height: 300px; position: relative; margin-bottom: 20px; overflow: hidden; background-color: #f8f9fa;}
.single-news-thumbnail .image img{transform: scale(1); object-position: top; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.single-news-thumbnail .image a{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.single-news-thumbnail h2{font-size: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   overflow: hidden;}
.single-news-thumbnail p{font-size: 14px; line-height: 1.2; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   overflow: hidden;}
.single-news-thumbnail:hover .image img{transform: scale(1.15); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.single-news-thumbnail .instagram{ display: block; overflow: hidden; height: 300px; margin-bottom: 20px; background: #000000;}
.single-news-thumbnail .instagram>div{margin-top:-63px; transform:scale(1.04)}

/* partners */
.partners{position: relative; display: block;}
.partners-slider .single{padding: 20px;}
.partners-slider .single img{height: 100px; max-width: 250px; object-fit: contain; filter: grayscale(1);  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.partners-slider .single:hover img{filter: grayscale(0);  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.partners-slider .slider-prev{filter: invert(1);}
.partners-slider .slider-next{filter: invert(1);}

/*footer */
footer{position: relative; background-color:#111926;}
footer .logo{width: 220px;}
footer h2{font-size: 22px; margin-bottom: 20px;}
footer ul{margin: 0; padding: 0; margin-bottom: 10px;}
footer ul li{display: block; list-style: none; padding: 0 0 4px; font-size: 18px;}
footer ul li a{display: block; padding: 0; color: #c0bca0!important; font-weight: 400!important;}
footer a:hover{color: #ffffff!important;}
footer .social-media li{padding: 0 4px; display: inline-block;}
footer .social-media li:first-child{padding-left: 0;}
footer .social-media li a{display: block; color: #c0bca0!important; font-size: 22px;}
footer .social-media li a i{ line-height: 30px;}
footer .social-media li a:hover{color: #fafafa!important;}
footer p{line-height: 1.2; font-weight: 400; color: #c0bca0;}
footer p a{color: #c0bca0; font-size: 14px;}
footer .copyright p{font-size: 14px; line-height: 1.4;}
footer .copyright p a{color: #c0bca0;}
footer .map iframe{filter: grayscale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
footer .map iframe:hover{filter: grayscale(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* pageSlider */
.pageSlider{position: relative; overflow: hidden;}
.pageSlider .carousel-item .text-content{position: absolute; left: 0; right: 0; top: 65%; transform: translateY(-55%);}
.pageSlider .carousel-item .text-content h1{font-size: 44px;}
.pageSlider .carousel-item .text-content .external-video{display: block;}
.pageSlider .carousel-item .text-content .external-video img{width: 120px; height: 120px; margin-bottom: 20px; filter: invert(1); opacity: 0.75;}
.pageSlider .carousel-item .text-content .external-video:hover img{opacity: 0.9;}
.pageSlider .carousel-item:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.25);}
.pageSlider .carousel-item img.bg{height: 100vh!important;}
.pageSlider .explore-btn{position: absolute; font-size: 34px; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 2;}
.pageSlider video{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.pageSlider .carousel-item .text-center.video h1{bottom: 10%; transform: translateY(50%);}
.pageSlider .carousel-control-prev i{transform: scale(2.5);}
.pageSlider .carousel-control-next i{transform: scale(2.5);}

/* values-slider */
.values-slider .item .single{position: relative; height: 400px;}
.values-slider .item .single img{height: 100%;}
.values-slider .item .single .text-content{position: absolute; left: 10%; top: 50%; right: 10%; transform: translateY(-50%); z-index: 1;}
.values-slider .item .single .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.4), rgba(0,0,0,0.6),rgba(0,0,0,0.8));}

/* management-team */
.management-team .single h4{font-size: 20px; font-weight: 400;}

/* invest-features */
.invest-features .icon{height: 80px;}

/* featured-news */
.featured-news{position: relative;}
.featured-news .image{height: 650px;}
.featured-news .image img{object-position: top!important;}
.featured-news .image .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.35);}
.featured-news .text-content{position: absolute; left: 30px; right: 50%; bottom: 30px;}

/* videos */
.videos{position: relative;}
.videos .lightSlider img{width: 100%; height: 600px; object-fit: cover; object-position: center;}
.videos .lSGallery{height: 180px;}
.videos .lSGallery li, .videos .lSGallery li a, .videos .lSGallery li a:hover, .videos .lSGallery li a:hover img{ border-radius: 0!important;}
.videos .lSGallery li a img{height: 180px; width: 100%; object-fit: cover; object-position: center; border-radius: 0;}
.videos .slider-prev{left: 0; color: #ffffff;}
.videos .slider-next{right: 0; color: #ffffff;}
.videos .lSAction>a{background-image: none;}
.videos .lslide {position: relative;}
.videos .lslide::before,
.video-gallery .slider-for-video a:before{content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0.0),rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.6)); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.videos .lslide .caption,
.video-gallery .slider-for-video .caption{position: absolute; bottom: 30px; left: 20px; color: #fff; z-index: 2;}
.video-gallery .slider-for-video{ position: relative; }
.videos .lslide .play-button,
.video-gallery .slider-for-video .play-button{position: absolute; top: 50%; left: 50%; font-size: 80px; transform: translate( -50%, -50%); color: #fff; z-index: 2;}

/* images */
.images .lightSlider img{/*width: 100%; height: 600px;*/ object-fit: cover; object-position: center;}
.images .lSGallery{height: 180px;}
.images .lSGallery li{height: 180px;}
.images .lSGallery li img{height: 100%!important;}
.images .lSGallery li, .images .lSGallery li a, .images .lSGallery li a:hover, .images .lSGallery li a:hover img{ border-radius: 0!important;}
.images .lSGallery li a img{height: 180px; width: 100%; object-fit: cover; object-position: center; border-radius: 0;}
.images .slider-prev{left: 0; color: #ffffff; top: 10px!important;}
.images .slider-next{right: 0; color: #ffffff; top: 10px!important;}
.images .lSAction>a{background-image: none;}
.images .lslide {position: relative;}
.images .lslide::before{content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0.0),rgba(0,0,0,0.2),rgba(0,0,0,0.4)); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.images .lslide .caption{position: absolute; bottom: 30px; left: 20px; color: #fff; z-index: 2;}
.images .slider-for-image{position: relative;}
.images .slider-for-image,.images .slider-for-image img{height: 650px!important; object-fit: cover; object-position: center;}
.images .image-slider-nav, .images .image-slider-nav img{height: 200px!important; object-fit: cover; object-position: center;}

.image-gallery .slick-slider img,
.video-gallery .slick-slider img{ width: 100%; height: auto; }
.image-gallery .slider-prev, .image-gallery .slider-next,
.video-gallery .slider-prev, .video-gallery .slider-next{ height: 100%; top: 0; background: rgba(0,0,0,0.35); z-index: 999; }

.video-gallery .item-slick,
.image-gallery .item-slick{ margin: 10px 5px 0; }

/* contact-us */
.contact-us .btn-bordered, .callback-form .btn-bordered{border: solid #111926 1px;}
.contact-us .wpcf7-form-control.wpcf7-file{position: relative; line-height: 56px; padding: 0 12px;}
.contact-us .wpcf7-form-control.wpcf7-file:before{content: 'Choose CV'; position: absolute; top: 0;  bottom: 0; left: 0; width: 104px; background-color: #a38d45; color: #ffffff; text-align: center; line-height: 56px;}
.contact-us .contact-details a{color: #111926;}
.contact-us .contact-details a:hover{color: #c0bca0;}
.contact-us .map iframe{filter: grayscale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.contact-us .map iframe:hover{filter: grayscale(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.callback-form .form-close{padding: 15px 20px!important; color: #111926!important;} 

/* numbers-speaks */
.numbers-speaks .number h2{font-size: 60px;}
.numbers-speaks .title p{font-weight: 400; line-height: 1.2;}

/* amenities */
.amenities .icon{position: relative; margin-bottom: 15px;}
.amenities .title p{font-weight: 400; line-height: 1.2; display: block}
.amenities .icon img{filter: brightness(1.45); height: 70px; width: 70px; margin: auto; }

/* project-collaterals */
.project-collaterals .icon img{height: 100px; width: 100px; margin: 0 auto; object-fit: contain;}
.project-collaterals .title p{font-weight: 400; line-height: 1.2; display: block}

/* google-map */
.google-map iframe{ width: 100%!important; filter: grayscale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.google-map iframe:hover{filter: grayscale(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}


/*form-control*/
.form-control{border-radius: 0; border: solid 1px #EFF1F2;}
textarea.form-control{height: unset!important;}
.form-control:hover, .form-control:focus{outline: none; box-shadow: none; border: solid 1px #9B9B9B;}

/*contactform-7*/
.wpcf7-form label.error{color: red!important; display: contents;}
.wpcf7 form .wpcf7-response-output{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 11px;}
.intl-tel-input { position: relative; display: inline-block; width: 100%; height: 58px;}
.intl-tel-input input{ height: 58px;}
.call-back-form .selectize-control.single .selectize-input{background: #ffffff; border-radius: 0; height: 58px; border: solid 1px #999999; line-height: 58px; padding: 0 10px;}
.call-back-form .selectize-control.single .selectize-input .item{font-size: 16px; line-height: 58px; font-weight: 400;}

/*es_subscription_form*/
/* footer .es-field-wrap label{display: block;}
footer .es-field-wrap .es_required_field{background-color: #4a4a4a; color: #ffffff; padding: 10px; width: 100%; box-shadow: none; border: none; outline: none; margin-bottom: 10px;}
footer .es-field-wrap .es_required_field::placeholder{color: #ffffff;}
footer .es-field-wrap .es_required_field:focus{ outline: none; box-shadow: none;}
footer .es_subscription_form_submit{position: relative; display: inline-block; padding: 4px 16px; font-size: 14px; color: #ffffff; background: transparent; border: solid 1px #a38d45; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
footer .es_subscription_form_submit:hover{background: #a38d45; color: #ffffff;}
footer .es_caption{display: none;} */

.sectors-slider .slick-dots li button{ background: #bfbfbf; padding: 0; height: 3px; }
.sectors-slider .slick-dots li.slick-active button{ background: #000000; }
.sectors-slider .slick-dots li button:before{ display: none!important; }

.wp-paginate .current{background-color: #c0bca0!important; border: 1px solid #c0bca0!important;}

.wp-paginate .current,
.wp-paginate a{ padding: 10px 20px!important; }

#breadcrumbs span{ color: #c0bca0; text-transform: uppercase;}
#breadcrumbs span a{ color: #a38d45; }

.wpcf7-spinner{ margin: 0 12px -7px; }
.buy-rent a:hover {
    color: #c0bca0;
}
.kh-counter h2 {
    font-size: 48px;
    font-weight: bold;
    color: #a99f58;
}
.accordion {
    border: none;
}
.accordion .card {
    border: none;
}
.accordion .card .card-header {
    border: solid 1px #adad98;
    border-radius: 0;
    background: transparent;
    padding-right: 50px;
    position: relative;
}
.sh-faq {
    margin-bottom: 7px;
}
.accordion .card .card-header a {
    color: black;
}
.accordion .card .card-header:before, .accordion .card .card-header:after {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background: #727257;
    position: absolute;
    right: 15px;
    top: 50%;
}
.accordion .card .card-header.collapsed:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.accordion .card .card-header:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.form-floating>label[for="floatingemployee"], .form-floating>label[for="floatingananymous"] {
    position: static;
    padding-bottom: 0;
}

/*MEDIA SCREEN*/
@media screen and (min-width: 992px){
    .text-lg-justify{text-align: justify!important;}
    .d-large-screen-vh-100{height: 100vh;}
    .d-large-screen-min-vh-100{min-height: 100vh;}
    
    /* page-banner */
    .page-content{min-height: 600px;}
    .page-top{padding-top: 200px;}
    
    /* carousel */
    .slick-dots {top: calc(100% + 10px);}
    .slick-dots li{margin: 0 10px;}
    .slick-dots li button:before{width: 26px; height: 6px; border-radius: 5px; content: ''; background: #9B9B9B; opacity: 1;}
    .slick-dots li.slick-active button:before{background: #0A68B2; opacity: 1;}
    .slider-prev{position: absolute; background: transparent; color: #ffffff; left: -45px; top: calc(50% - 13px); font-size: 40px; z-index: 1;}
    .slider-next{position: absolute; background: transparent;  color: #ffffff; right: -45px; top: calc(50% - 13px); font-size: 40px; z-index: 1;}

    .form-floating>.form-control, .form-floating>.form-select{margin-bottom: 0;}
    .latest-project-slider{position: relative;}
    .latest-project-slider:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 79.45vw; background: rgba(17,25,38,0.65); z-index: 1;}
    .latest-project-slider:after{content: ''; position: absolute; left: 79.45vw; top: 0; bottom: 0; right: 0; background: rgba(17,25,38,0.65); z-index: 1;}
    .latest-project-slider .slider-prev{left: 22vw;}
    .latest-project-slider .slider-next{right: 22vw;}

    .project-slider .slick-slide{position: relative;}
    .project-slider .slick-slide:before{content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.8); z-index: 1;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
    .project-slider .slick-slide.slick-active:before{background: rgba(255,255,255,0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
    .project-slider .slider-prev{left: 22vw;}
    .project-slider .slider-next{right: 22vw;}
    
    .project-location-slider{position: relative;}
    .project-location-slider:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 87vw; background: rgba(255,255,255,0.65); z-index: 1;}
    .project-location-slider:after{content: ''; position: absolute; left: 87vw; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.65); z-index: 1;}
    .project-location-slider .slider-prev{left: 15vw;}
    .project-location-slider .slider-next{right: 15vw;}

    .project-archive .btn-bordered{width: 220px;}
    
    .values-slider{position: relative;}
    .values-slider .slick-slide{position: relative;}
    .values-slider:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 66.3vw; background: rgba(17,25,38,0.65); z-index: 1;}
    .values-slider:after{content: ''; position: absolute; left: 66.3vw; top: 0; bottom: 0; right: 0; background: rgba(17,25,38,0.65); z-index: 1;}
    .values-slider .slider-prev{left: 26.333vw; z-index: 2;}
    .values-slider .slider-next{right: 26.333vw; z-index: 2;}
    
    footer .row .col-lg{position: relative;}
    footer .row .col-lg:before{content: ''; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); height: 95%; width: 1px; background: #a38d45;}
    footer .row .col-lg:last-child:before{display: none;}

}

@media screen and (max-width: 1400px){
    .sectors .big .single-sector{height: 450px;}
    .sectors .single-sector{height: 225px;}
    .single-sector-post .content-box{width: 35%;}
	.kd-nav  ul>li .sub-menu{max-width: 35vw;}
	.kd-nav  ul>li.menu-item-141 .sub-menu>li{width: 30.8%!important;}
    .single-service-thumbnail .image{height: 350px;}
    .images .slider-for-image, .images .slider-for-image img{height: 350px!important;}
    .images .image-slider-nav, .images .image-slider-nav img{height: 150px!important;}
    .latest-project-slider:before,
    .latest-project-slider:after{display: none;}
    .latest-project-slider .slider-prev{left: 7.5vw;}
    .latest-project-slider .slider-next{right: 7.5vw;}
    .values-slider .item .single{height: 350px;}
    .single-project-thumbnail .item .single{height: 550px;}
    .searchProject{height: 75vh;}
    .searchProject .search-box .selectize-input{width: 180px;}
    footer .row .col-lg:before{right: 30px;}
    .single-news-thumbnail .image,
    .single-news-thumbnail iframe{height: 250px;}
    .single-news-thumbnail .instagram{height: 250px;}
}

@media screen and (max-width: 992px){
    .slider h1{font-size: 24px!important; white-space: wrap!important;}
    .p-40-0, .p-60-0, .p-60{padding: 20px 0 20px;}
    .px-35{ padding-left: 0px!important; padding-right: 0px!important; }
    .p-80-0, .p-100-0{padding: 30px 0;}
    .d-large-screen-only{display: none;}
    .d-small-screen-only{display: block;}
    h1{font-size: 22px;}
    h2{font-size: 22px;}
    h3{font-size: 16px!important;}
    h4{font-size: 14px!important;}
    h4.heading{font-size: 18px!important; line-height: 1.4;}
    p{font-size: 14px; text-align: unset;}
    .img-cover{ width: 100%; }
    .slider-prev{position: absolute; background: transparent; color: #ffffff; left: -45px; top: calc(50% - 13px); font-size: 30px; z-index: 1;}
    .slider-next{position: absolute; background: transparent;  color: #ffffff; right: -45px; top: calc(50% - 13px); font-size: 30px; z-index: 1;}
    .main-tab{display: block!important;}
    a.scroll-to-next{bottom: -5px; display: none;}
    ul.sub-menu:before{ display: none; }
    .mobmenu-content li > .sub-menu li{ padding-left: 15px!important; }
    .mob-expand-submenu i{ font-size: 10px!important; }
    .btn-bordered{padding: 4px 10px; }
    .btn-bordered span{font-size: 10px; }
    .btn-plain{position: relative;  font-size: 12px;}
    .single-project-thumbnail .item .single .text-content{right: 10%;}
    .single-project-thumbail .item .single .text-content{position: absolute; left: 10%; bottom: 20px; right: 10%;}
    .single-project-thumbail .item .single .text-content h3{line-height: 1.1;}
    .single-project-thumbail .item .single .text-content p{font-size: 11px; line-height: 1.1;}
    .businessModel .business-model-slider .item .stage .stage-number{font-size: 30px!important;}
    .businessModel .business-model-slider .slider-prev{left: 25%; top: calc(100% - 0px)!important;}
    .businessModel .business-model-slider .slider-next{right: 25%; top: calc(100% - 0px)!important;}
    .partners-slider .slider-prev{left: 15px; top: calc(50% - 22px)!important;}
    .partners-slider .slider-next{right: 15px; top: calc(50% - 22px)!important;}
    .searchProject .search-box .selectize-input {width: 100%;}
    .searchProject .search-box button{display: block; width: 100%;}
    .pageSlider .carousel-item .text-center h1{font-size: 25px;}
    .pageSlider .carousel-item .text-center.video h1{font-size: 25px; transform: translateY(-28%);}
    .values .single{height: 150px; width: 150px;}
    .slider-prev{left: 0;}
    .slider-next{right: 0;}
    .partners-slider .single{padding: 10px;}
    .partners-slider .single img{margin: auto;}
    .images .lSGallery{height: 60px;}
    .images .lightSlider img{height: 400px;}
    footer h2{margin-bottom: 10px; font-size: 16px;}
    footer ul li a{font-size: 14px!important;}
    ul .wpml-ls-menu-item a{display: unset;}
    .featured-news .text-content{right: 30px; }
    .single-news-thumbnail .instagram{height: 360px;}
    .location .sub-tab li button h3{font-size: 14px!important;}
    .single-news-thumbnail h2{font-size: 16px;}
    
    .pageSlider .carousel-item img.bg{ height: 50vh!important; }
    .pageSlider .carousel-item .text-content .external-video img{ width: 90px; height: 90px; }
    .numbers-speaks .number h2{ font-size: 38px; }
    
    .amenities .icon img{ width: 50px; height: 50px; }
    .amenities .title p{ font-size: 12px; }
    
    .modal-content{ max-height: 100vh; overflow: auto; margin-top: 56px; }
    
    .form-floating>.form-control, .form-floating>.form-control-plaintext{ padding: 10px; }
    .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{ height: auto; line-height: 1; }
    .form-floating>label{ padding: 10px; }
  

}
@media screen and (max-width: 768px){
    .single-news-thumbnail .instagram{height: 250px;}
}