body{font-family: 'Open Sans', sans-serif !important; }
body .default-template-page{padding: 0px;}
body.single-projects{height: auto !important;}
h1.title.h{display: none;}
.container { width: 100%; display: block; position: relative; max-width: 100%; padding: 0 3.5rem; margin: 0 auto; }
p{color: #212529; font-size: 16px !important; line-height: 30px !important; font-weight: 300; margin-bottom: 1rem !important; letter-spacing: 1px !important;}
.container_section{max-width: 1440px;}
.page-id-1061 .pt-wide.default-template-page { max-width: 100% !important; margin-top: 0 !important; }
.page-id-1061 .text-area .h { margin: 0; }

/*p{color: #212529; font-size: 1rem; line-height: 30px; font-weight: 300; margin-bottom: 1rem; letter-spacing: 1px;}*/
.row_wrap{width: calc(100% + 30px); display: flex; flex-wrap: wrap; margin-left: -15px;}
.row_wrap .half_caption{width: calc(100% / 2); padding: 0 15px; margin-bottom: 20px;}
.row_wrap .three_caption{width: calc(100% / 3); padding: 0 15px; margin-bottom: 20px;}
/* css start here*/
header{background-color: #fff !important; width: 100%;}
/*sub-header section css start here*/
.has-global-padding{padding: 0 !important}
body .sub_header_wrap { width: 100%; display:block; position: relative; max-width: 100% !important; padding-top: 116px;}
.sub_header_inner_wrap { border: 1px solid #ebebeb; }
.sub_header_caption { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 75px; padding: .5rem 0; }
.sub_header_caption ol, .sub_header_caption ol li { list-style: none; display: inline-block; margin: 0 !important}
.sub_header_caption ol li a { font-size: 21px; list-style: 26px; color: #999; text-decoration: none; font-weight: 500; }
.sub_header_caption ol li.active a { color: inherit !important; cursor: inherit !important; pointer-events: none; }
.sub_header_caption .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; }
.sub_header_caption .breadcrumb-item+.breadcrumb-item:before { float: left; padding-right: .5rem; color: #999; content: "/"; font-size: 21px; }
.sub_header_caption h2 { font-size: 21px; list-style: 26px; color: #999 !important; font-weight: 500;}
.filter_wrap { width: 100%; background-color: #fff; border-bottom: 1px solid #ebebeb; padding: 1.5625rem 0; }
.filter_wrap .filter_caption form { display: flex; align-items: center; flex: 1; gap: 1rem; flex-wrap: wrap; }
.filter_wrap .search-item { position: relative; display: flex; justify-content: space-between; align-items: center; min-width: 200px; height: 40px; width: 100%; background-color: #f5f5f5; border-radius: 25px; padding: 0.25rem 1.25rem; border: 1px solid #f5f5f5; flex: 1; }
.filter_wrap .filter_caption input { font-family: 'Open Sans', sans-serif, "Font Awesome 6 free"; position: absolute; top: 0; left: 0; min-width: 200px; width: 100%; height: 100%; display: block; padding: .4375rem 1.25rem; background-color: #f5f5f5; border-radius: 25px; border: 1px solid #f5f5f5; font-size: 16px; }
.filter_wrap .filter_caption input::placeholder { color: #999; font-size: 15px; }
.filter_wrap .filter_caption input:focus { outline: none !important; }
.filter_wrap .filter_caption .select-item select { position: relative; display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #f5f5f5; border-radius: 25px; padding: 0.25rem 1.25rem; border: 1px solid #f5f5f5; width: 250px; font-size: 14px; color: #1A1A1A; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/wp-content/plugins/ic-properties/images/down-arrow.png); background-repeat: no-repeat; background-position: center right 1.25rem; background-size: 13px; }
.filter_wrap .filter_caption .select-item select:focus { outline: none; box-shadow: none; }
.filter_wrap .filter_caption .order_by { display: flex; align-items: center; justify-content: flex-end; border-left: 2px solid #ebebeb; height: 40px; }
.filter_wrap .filter_caption .order_by a { text-decoration: none; color: #1a1a1a; display: flex; align-items: center; padding: .25rem 0rem .25rem 16px !important;cursor: pointer; }
.filter_wrap .filter_caption .order_by label { font-size: 14px; color: #1a1a1a; line-height: 20px; display: flex; align-items: center; gap: .5rem; cursor: pointer;}
.filter_wrap .filter_caption .order_by img { width: 15px; height: 15px; object-fit: cover;}
.filter_wrap .filter_caption .order_by .date .down_arrow { display: none; }
.filter_wrap .filter_caption .order_by .date.down .up_arrow { display: none; }
.filter_wrap .filter_caption .order_by .date.down .down_arrow { display: block; }
.filter_wrap .filter_caption .order_by .alphabetical .down_arrow { display: none; }
.filter_wrap .filter_caption .order_by .alphabetical.down .up_arrow { display: none; }
.filter_wrap .filter_caption .order_by .alphabetical.down .down_arrow { display: block; }
.mb_search_orderby { display: flex; align-items: center; justify-content: flex-start; width: 100%; gap: 5px; display: none; }
.mb_search_orderby .search-item { width: calc(100% - 70px); }
.mb_search_orderby .order_by { border-left: 0px !important; width: 65px; }
.mb_search_orderby .order_by span { display: none; }
.filter_wrap .filter_caption .order_by label{cursor: pointer;}
.filter_wrap .filter_caption .order_by input{display: none !important;}
/*sub-header section css end here*/

/*project section css start here*/
.project_wrap { width: 100%; display: block; margin-top: 40px; position: relative; max-width:100% !important }

.project_wrap .project_caption { width: calc(100% + 30px); margin-left: -15px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.project_wrap .project_caption .project_items { width: calc(100% / 3); padding: 0 15px; display: block; position: relative; margin-bottom: 30px; }
.project_wrap .project_items .inner_item { width: 100%; display: block; border-radius: 4px; background-color: #f5f5f5; overflow: hidden; }
.project_wrap .project_items .inner_item a { display: block; text-decoration: none; }
.project_wrap .project_items .inner_item img { height: 280px; object-fit: cover; width: 100%; display: block; }
.project_wrap .content_item { padding: 25px 30px; display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; flex-wrap: wrap; }
.project_wrap .content_item .content_info { width: calc(100% - 50px); display: block; }
.project_wrap .content_item .content_info h5 { margin-bottom: 5px; }
.project_wrap .content_item .content_info h5, .project_wrap .content_item .content_info h5 span { font-size: .875rem; color: #000; font-weight: 400; }
.project_wrap .content_item .content_info h2 { font-size: 1.3125rem; font-weight: 600; color: #2f3333; }
.project_wrap .content_item .arrow_icon { width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; border-radius: 50px; border: none; background-color: #fff; }
.project_wrap .content_item .arrow_icon svg { width: 15px; height: 20px; }
#content { padding-bottom: 60px; }
/*#loading { display: none; width: 100%; padding: 5px 10px; position: fixed; bottom: 0; left: 0; text-align: center; color: white; background: rgba(0, 0, 23, 0.71); box-shadow: 0 0 10px black; }*/
/*project section css end here*/

/* Detail page css start here*/
/*===============================*/
/*banner css start here*/
.details_banner_wrap{background-repeat: no-repeat; background-size: cover; width: 100%; height: 500px; background-position: center; position: relative;}
.details_banner_wrap .details_main_image {position: relative; height: 500px;}
.details_banner_wrap::before { position: absolute; content: ""; width: 100%; height: inherit; background: linear-gradient(to top, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .4) 30%, rgba(0, 0, 0, 0) 65%); }
.details_banner_wrap .details_main_image .sub_details_info { display: flex; justify-content: space-between; z-index: 11; position: relative; height: 100%; align-items: flex-end; padding-bottom: 32px; }
.details_banner_wrap .details_main_image .sub_details_info .details_title h1 { font-size: 32px; color: #fff; font-weight: 500; line-height: 38px; }
.details_banner_wrap .details_main_image .sub_details_info .details_button{display: flex; align-items: center; justify-content: flex-end; gap: .5rem;}
.details_banner_wrap .details_main_image .sub_details_info .details_button a { display: flex; justify-content: center; align-items: center; gap: 0.5rem; font-weight: 400 !important; min-height: 33px; height: auto; padding: 0.25rem 1.25rem; border-radius: 25px; font-size: .875rem; color: #1a1a1a; white-space: nowrap; background-color: #ebebeb; border-color: #ebebeb; text-transform: capitalize; text-decoration: none; }
/*banner css start here*/

/*gallery content section css start here*/
.text_block{max-width: 680px;}
.image_gallery_wrap{max-width: 100%; display: block; position: relative; margin-top: 3rem;}
.button_gallery{text-align: center; padding: 16px 0 1.2rem 0; border-bottom: 1px solid #ebebeb; margin-bottom: 1.5rem;}
.button_gallery a{ font-weight: 400 !important; height: auto; padding: 0.25rem 1.25rem; border-radius: 25px; font-size: 14px; color: #1a1a1a; white-space: nowrap; background-color: #ebebeb; border-color: #ebebeb; text-transform: capitalize; text-decoration: none; width: auto; display: inline-block; line-height: 25px; }
.content_wrap{display: block; position: relative;}
.social_list{margin: 2rem 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 16px;}
.social_list a{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50px; background-color: #ebebeb;}
.social_list a svg{width: 14px; height: 14px;}
/*lightbox gallery button*/
.lg-backdrop { background-color: #fff !important; }
.lg-toolbar { height: 0px; }
.lg-toolbar .lg-counter { display: none; }
.lg-toolbar .lg-download { display: none; }
.lg-toolbar .lg-icon.lg-close { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ebebeb; border-radius: 50px; top: 30px; right: 1.5625rem; position: relative; transition: all .3s ease-in-out; padding: 0px !important;}
.lg-toolbar .lg-icon.lg-close:hover{background: #f5f5f5;}
.lg-toolbar .lg-icon.lg-close:after { content: '\e070' !important; font-size: 18px; color: #000; }
.lg-outer .lg-prev, .lg-outer .lg-next{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ebebeb; border-radius: 50px; transition: all .3s ease-in-out; padding: 0px !important;}
.lg-outer .lg-prev:hover, .lg-outer .lg-next:hover{background: #f5f5f5;}
.lg-outer .lg-prev:after{content: '\f053' !important; font-family:"Font Awesome 6 free";}
.lg-outer .lg-next:before{content: '\f054' !important; font-family:"Font Awesome 6 free";}
.lg-outer .lg-prev:after, .lg-outer .lg-next:before{font-size: 13px; color: #000; }
/*lightbox gallery button*/
/*gallery content section css start here*/

/*map section css start here*/
.map_wrap{width: 100%; position: relative; padding-top: 80px; display: block;}
.map_wrap .title_caption{display: block; position: relative; border-top: 1px solid #ebebeb;}
.map_wrap .title_caption h2{font-size: 21px; list-style: 30px; color: #1A1A1A; font-weight: 500; padding: 30px 0;}
/*map section css end here*/

/*accordion section css start here*/
.accordion_wrap{width: 100%; position: relative; padding-top: 80px; display: block;}
.accordion_wrap .accordion__item:first-child .accordion__title{border-top: 1px solid #ebebeb;}
.accordion__item .accordion__title { position: relative; display: block; padding: 30px 50px 30px 0px; border-bottom: 1px solid #ebebeb; color: #202020; font-size: 28px; text-decoration: none; background-color: #fff; cursor: pointer; }
.accordion__item .accordion__title .accordion__title-text{font-size: 21px; list-style: 30px; color: #1A1A1A; font-weight: 500; margin-bottom: 0px;}
.accordion__item .accordion__title .accordion__arrow { position: absolute; top: 50%; right: 10px; display: inline-block; vertical-align: middle; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 30px; font-size: 20px; font-weight: 700; background-color: #ebebeb; border-radius: 50%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform: translateY(-50%); }
.accordion__item .accordion__rotate svg{ transform: rotate(180deg); }
.accordion__item .accordion__arrow-item{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;}
.accordion__item .accordion__arrow-item svg{ width:12px; height:12px; }
.accordion__item .accordion__content { font-size: 14px; display: none; background-color: #f5f5f5; }
.accordion__item .accordion__content .content_inner{border-bottom: 1px solid #ebebeb; padding-top: 20px;}
.accordion__item .inner_info.border_b{border-bottom: 1px solid #ebebeb !important; padding-bottom: 0.5rem;}
.accordion__item .inner_info.border_b.team_wrap{padding-bottom: 20px;}
.accordion__item .inner_info h5{color: #999999; font-weight: 500; margin-bottom: 0.5rem;}
.accordion__item .inner_info h4{color: #212529; font-weight: 500; margin-bottom: 0.5rem;}
.accordion__item .inner_info .team{display: flex; align-items: center; justify-content: flex-start; gap: 10px; text-decoration: none;}
.accordion__item .inner_info .team img{width: 50px; height: 50px; border-radius: 50px; object-fit: cover;}
.accordion__item .inner_info .team h4{margin-bottom: 0px; width: calc(100% - 60px);}
.accordion__item .inner_info.consultants h4{margin: 0;}
/*accordion section css end here*/

/*space section css start here*/
.space_wrap{display: block; position: relative; height:5rem; margin:80px 0; background-color: #f5f5f5;}
/*space section css end here*/

/*.more project section css start here*/
.more_project_wrap{width: 100%; display: block; position: relative;}
.more_project_wrap .title_header{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.more_project_wrap .title_header h2{font-size: 21px; line-height: 30px; color: #1A1A1A; font-weight: 500;}
.more_project_wrap .title_header .slick_next_prev{display: flex; align-items: flex-start; justify-content: flex-end; width: 100px; gap: 16px;}
.more_project_wrap .title_header .slick-prev, .more_project_wrap .title_header .slick-next { width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding: 0px !important; border: 0px !important; cursor: pointer; transition: all .3s ease-in-out; font-size: 0px; color: transparent; background-color: #ebebeb; background-image: url(./images/down_arrow.svg); background-repeat: no-repeat; background-size: 12px; background-position: center center;}
.more_project_wrap .title_header .slick-prev:hover, .more_project_wrap .title_header .slick-next:hover{background-color: #f5f5f5;}
.more_project_wrap .title_header .slick-prev { transform:rotate(90deg);}
.more_project_wrap .title_header .slick-next { transform:rotate(-90deg);}
/*.more_project_wrap .title_header .slick_arrow svg{width: 13px; height: 13px;}
.more_project_wrap .title_header .slick-prev.slick_arrow svg{transform: rotate(90deg);}
.more_project_wrap .title_header .slick-next.slick_arrow svg{transform: rotate(-90deg);}*/
.projectslider_wrap{width: calc(100% + 20px); margin-left: -10px !important; display: flex; justify-content: center; flex-wrap: wrap;  position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.projectslider_wrap .project_items{ width: calc(100% / 2); padding: 0 10px; display: block; position: relative; margin-bottom: 0px; }
/*.more project section css start here*/



/* Detail page css end here*/


.image_slider_wrap{width: 100%; display: block; position: relative; margin: 0;}
.image_slider_wrap .slider_img_main{width: 100%; display: block; position: relative;}
.image_slider_wrap .image_item{background-color: #fafafa;}
.image_slider_wrap .image_item img{width: 100% !important; object-fit: contain; height: 748px !important;}
.image_slider_caption .slick-prev, .image_slider_caption .slick-next { width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding: 0px !important; border: 0px !important; cursor: pointer; transition: all .3s ease-in-out; font-size: 0px; color: transparent; background-color: #ebebeb; background-image: url(/wp-content/plugins/ic-properties/images/Details/down_arrow.svg); background-repeat: no-repeat; background-size: 13px; background-position: center center; opacity: .35;}
.image_slider_caption .slick-prev { transform: translateY(-50%) rotate(90deg); position: absolute; top: 50%; left: 2.5rem; }
.image_slider_caption .slick-next { transform: translateY(-50%) rotate(-90deg); position: absolute; top: 50%; right: 2.5rem; }
.fullscreen_icon{width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding: 0px !important; border: 0px !important; cursor: pointer; transition: all .2s ease-in-out; font-size: 0px; color: transparent; background-color: #ebebeb; background-image: url(/wp-content/plugins/ic-properties/images/Details/fullscreen.svg); background-repeat: no-repeat; background-size: 14px; background-position: center center; position: absolute; bottom: 1.875rem; right: 2.5rem; visibility: hidden; opacity: 0;}
.image_slider_wrap .slider_img_main:hover .fullscreen_icon{visibility: visible; opacity: 1;}
.image_slider_wrap .slider_img_main:hover .slick-prev, .image_slider_wrap .slider_img_main:hover .slick-next{opacity: 1;}










@media only screen and (max-width:1199px) {
	.filter_wrap .filter_caption .select-item select { width: 220px; }
	.project_wrap .project_caption .project_items .inner_item img { height: 250px; }
}
@media only screen and (max-width:991px) {
	.project_wrap .project_caption .project_items { width: calc(100% / 2); }
}
@media only screen and (max-width:767px) {
	.container { padding: 0 1.5rem; }
}
@media only screen and (max-width:575px) {
	.project_wrap .project_caption .project_items { width: 100%; }
	.project_wrap .project_caption .content_item .content_info h2 { font-size: 1.1rem; }
	.project_wrap .project_caption .content_item { padding: 15px 20px; }
	.mb_hide { display: none !important; }
	.mb_search_orderby { display: flex; }
	.filter_wrap .filter_caption .select-item, .filter_wrap .filter_caption .select-item select { width: 100%; }
}