/*
Theme Name: Express Fitouts
Author: Planet Media
Version: 0.0.2
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}
.bk-menu-nav nav ul li.current-menu-item > a{
	color: #ffd200;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 	1320px;
}
}
.grid{
	margin-top: -10px;
}
.bk-contact-form #wpforms-113-field_4{
	background-position: left 1.9rem;
	line-height: 1.6;
    padding: 1.5rem 2rem;
}
.bk-contact-form #wpforms-113-field_4:focus{
	border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e4e4e4;
}
.modal-content div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 100px;
    line-height: 1.6;
    padding-top: 1rem;
}







@media (min-width: 1200px){
.bk-project-box {
  width: 29.333%;
  margin-left: 2%;
  margin-right: 2%;
}
}
@media (min-width: 1400px){
.bk-project-box {
    width: 27.333%;
    margin-left: 3%;
    margin-right: 3%;
}
}
@media (min-width: 1200px){
.bk-project-box .inner-bk{
	padding: 1rem;
	transition:.4s;
	margin-bottom: 1rem;
}
.bk-project-box .btn{
	width: 100%;
	border-color: #000;
	color: #000;
	text-transform: uppercase;
}
.bk-project-box:hover .inner-bk{
	background-color: #ffd200;
}
.bk-project-box:hover .btn{
	border-color: #ffd200;
}
.bk-project-box figure{
	transition:.4s;
	border: 1px solid transparent;
}
.bk-project-box:hover figure{
	border: 1px solid #fff;
}
}
.bk-project-box .btn:hover{
	border-color: #ffd200;
	color: #000;
}
.bk-project-box .btn{
	width: 100%;
}
.bk-service-inner-header{
	background-image:url('assets/images/service-icon.jpg');
	background-size: 60px;
	background-position: top right;
	background-repeat: no-repeat;
}
@media (min-width: 768px){	
.bk-service-icon {
	margin-bottom: 3rem;
}
	.bk-service-inner-header{
		background-size: 100px;
	}
}
.bk-service-inner-img-holder{
	position: relative;
	padding: 0 1.5rem 1.5rem 1.5rem;
	width: 100%;
	display: flex;
}
.bk-service-inner-img-holder:after{
	display: block;
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: -1;
	background-color: #ffd200;
}
@media (min-width: 1200px){	
	.bk-service-inner-img-holder{
	padding: 0 2.5rem 2.5rem 2.5rem;
}
}
.bk-service-icon svg{
	height: 5rem;
	width: 5rem;
}
.bk-pro-dt-pg{
	position: relative;
	overflow: hidden;
}
.bk-pro-dt-pg:after{
	position: absolute;
	top: 300px;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	content:"";
	background-color: #ffd200;
	z-index: -1;
}
@media (min-width: 768px){
	.bk-pro-dt-pg:after{
		top: 0;
		 left: calc( 50% + 150px );
   }
}
@media (min-width: 992px){
	.bk-pro-dt-pg:after{
		 left: calc( 50% + 200px );
   }
}
@media (min-width: 1200px){
	.bk-pro-dt-pg:after{
		 left: calc( 50% + 250px );
   }
}
@media (min-width: 1400px){
	.bk-pro-dt-pg:after{
		 left: calc( 50% + 300px );
   }
}
.bk-project-banner{
	border: 2px solid #fff;
}
@media (min-width: 992px){
.bk-pro-dt-pg .container{
	position: relative;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
}
.bk-pro-dt-pg .container:after{
	display: none;
	content:"";
	position: absolute;
	top: -60px;
	left: 0;
	height: 150px;
	width: 150px;
	background-image: url('assets/images/pro-dt-icon-one.jpg');
	background-repeat: no-repeat;
	background-position: left 1rem;
	background-size: 80px;
}
@media (min-width: 992px){
	.bk-pro-dt-pg .container:after{
		display: block;
	}
}
@media (min-width: 1200px){
	.bk-pro-dt-pg .container:after{
		background-size: 100px;
		height: 200px;
	    width: 200px;
		top: -50px;
		
	}
}
.bk-pro-dt-pg .container:before{
	display: none;
	content:"";
	position: absolute;
	bottom: 0;
	right: 53%;
	height: 200px;
	width: 200px;
	background-image: url('assets/images/pro-dt-icon-three.jpg');
	background-repeat: no-repeat;
	    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 40px;
}
@media (min-width: 992px){
	.bk-pro-dt-pg .container:before{
		display: block;
	}
}
@media (min-width: 1440px){
	.bk-pro-dt-pg .container:before{
		bottom: 5rem;
	}
}
.bk-project-banner:after{
	display: none;
	content:"";
	position: absolute;
	left: 50%;
	height: 100px;
	width: 100px;
	background-image: url('assets/images/pro-dt-icon-two.jpg');
	background-position: left;
	bottom: 103%;
	background-repeat: no-repeat;
	background-size: contain;
}
@media (min-width: 768px){
	.bk-project-banner:after{
		display: block;
	}
}
.bk-project-banner:before{
	display: none;
	content:"";
	position: absolute;
	left: 50%;
	height: 100px;
	width: 100px;
	background-image: url('assets/images/pro-dt-icon-two.jpg');
	background-position: left;
	top: 103%;
	background-repeat: no-repeat;
	background-size: contain;
}
@media (min-width: 768px){
	.bk-project-banner:before{
		display: block;
	}
}
.bk-office-box{
	position: relative;
}
@media (min-width: 992px){
.bk-office-box figure{
  padding-bottom: 400px;
}
	.bk-office-box{
		max-width: 90%;
	}
}
@media (min-width: 1200px){
	.bk-office-box{
		max-width: 85%;
	}
}
@media (min-width: 1440px){
	.bk-office-box{
		max-width: 80%;
	}
}
@media (min-width: 1600px){
.bk-office-box figure{
  padding-bottom: 450px;
}
	.bk-office-box{
		max-width: 75%;
	}
}
@media (max-width: 767px){
.bk-office-box .text-bk{
	padding-left: 1rem;
	padding-right: 1rem;
}
}
.bk-office-box h2 svg {
  height: 3rem;
  width: 3rem;
  display: block;
  margin-right: 1rem;
	filter: britness(0);
}




.bk-mod-retail .image-bk{
	padding: 0 1rem 1rem;
	position: relative;
}
@media (min-width: 575px){
.bk-mod-retail .image-bk{
	padding: 0 2rem 2rem;
}	
}

.bk-mod-retail .image-bk:after{
	display: block;
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #ffd200;
	z-index: -1;
	transition:.4s;
}
.bk-mod-retail .image-bk img{
	border: 2px solid #fff;
}




.bk-retail-two h2{
   font-size: 2rem;
}
@media (min-width: 575px){
.bk-retail-two	h2{
		font-size: 2.3rem;
	}
}
@media (min-width: 768px){
.bk-retail-two	h2{
		font-size: 2.5rem;
	}
}
@media (min-width: 992px){
.bk-retail-two	h2{
		font-size: 2.7rem;
	}
}
@media (min-width: 1200px){
.bk-retail-two	h2{
		font-size: 3rem;
	}
}

.bk-retail-icon{
	width: 50%;
	padding: 2rem 1px;
	position: relative;
	margin-bottom: 1rem;
	
}
@media (min-width: 575px){
.bk-retail-icon{
	width: 33.33%;
	}
}
@media (min-width: 768px){
.bk-retail-icon{
	width: 25%;
	}
}
@media (min-width: 992px){
.bk-retail-icon{
	width: 20%;
	}
}
@media (min-width: 1200px){
.bk-retail-icon{
	width: 14.2%;
	}
}
.bk-retail-icon:after{
	display: block;
	content:"";
	position: absolute;
	top: 0;
	left: .5rem;
	height: 100%;
	right: .5rem;
	z-index: -1;
	border: 1px solid #000;
}
.bk-retail-icon footer{
	padding: 1rem 1rem 0;
	font-size: .9rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
}
@media (min-width: 575px){
.bk-retail-icon footer{
	padding: 1rem 2rem 0;
	font-size: 1rem;
	}
}
.bk-retail-icon svg{
    width: 100%;
	height: auto;
	margin: -20%;
}
.bk-retail-icon .icon-bk{
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.bk-breadcrump a{
	transition: .4s;
}
.bk-breadcrump{
	padding-left: 1.5rem;
	font-size: 1rem;
}
@media (min-width: 768px){
	.bk-breadcrump{
		font-size: 1.1rem;
	}
}
@media (min-width: 1200px){
	.bk-breadcrump{
		font-size: 1.2rem;
		padding-left: 2.5rem;
	}
}
@media (min-width: 768px){
.bk-process .item-bk .count-bk{
display: block;
position: absolute;
height: 1.5rem;
width: 1.5rem;
border: 1px solid #ffd200;
line-height: 1.3rem;
text-align: center;
top: 0;
left: -1rem;
border-radius: 50%;
	display: block;
}
	.bk-process .item-bk:nth-child(2n) .count-bk{
	    top: auto;
		bottom: 1rem;
	}
}
.bk-mob-social a{
	margin-right: 1rem;
}
.bk-mob-social a svg{
	height: 1.5rem;
	width: 1.5rem;
}
.bk-mob-social a svg path{
	fill: #fff;
}
.mob-menu-logo{
	width: 100%;
	height: auto;
}
@media (max-width: 767px){
.bk-why-choose-us-icon-box img {
	margin-right: 2rem;
}
}
@media (min-width: 768px){
	  .bk-process .item-bk p{
		  margin-left: -14%;
		  margin-right: -14%;
	  }
}
@media (min-width: 992px){
	  .bk-process .item-bk p{
		  margin-left: 0;
		  margin-right: 0;
	  }
}
@media (max-width: 767px){
body .bk-contact-form input::placeholder, body .bk-contact-form textarea::placeholder{
	color: #000!important;
}
}
.bk-mobile-menu-call{
	display: flex;
	align-items: center;
	color: #fff;
	margin-left: 2rem;
	font-size: 1 1rem;
}
.bk-mobile-menu-call:hover{
	color: #fff;
}
.bk-mobile-menu-call svg{
	height: 1.5rem;
	width: 1.5rem;
	margin-right: .5rem;
	min-width: 1.5rem;
    fill: #fff;
}
.bk-mobile-menu-call svg path{
	fill: #fff;
}
.bk-header .call-btn svg path{
	fill: #fff;
	transition:.4s;
}
.bk-header .call-btn:hover svg path{
	fill: #000;
} 
.bk-header .call-btn:focus svg path{
	fill: #000;
} 
.btn:focus {
    background-position: bottom 0 right 0;
}
.btn.btn-primary-border-color-white:focus {
    color: #000000;
}
.bk-menu-nav nav {
  padding: 3rem 0;
}

@media (max-width: 767px){
.bk-header .call-btn{
	padding: 0 1rem;
}
}


@media (min-width: 768px){
.bk-cnt-pg-info {
    width: 50%;
	padding: 0 1rem;
}
	.bk-cnt-pg-info:nth-child(2)::after{
		display: none;
	}
}

@media (min-width: 1200px){
.bk-cnt-pg-info {
    width: 25%;
	padding: 0 1rem;
}
	.bk-cnt-pg-info:nth-child(2)::after{
		display: block;
	}
}
@media (min-width: 1400px){
.bk-cnt-pg-info {
    width: 25%;
	padding: 0 3rem;
}
}
.bk-header nav ul li.current-menu-item > a{
	color: #ffd200;
}

.bk-project-box .inner-bk{
	height: 100%;
}
.bk-project-box{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 1200px){
.bk-project-box .inner-bk a:hover{
	color: #fff;
}
}
.bk-filter form{
	display: flex;
	justify-content: center;
}
.bk-filter .bootstrap-select>.dropdown-toggle{
	padding: 0 1rem;
    background-color: #fff!important;
    background-image: none!important;
	border: 1px solid #ffd200!important;
	outline: none!important;
	box-shadow: none!important;
	color: #000!important;
}
.bk-project-banner{
	padding-bottom: 0;
}
.bk-project-banner figure{
	position: relative;
	padding-bottom: 110%;
	margin-bottom: 0;
}
.js-owl-project-nav button{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	right: 2rem;
	height: 3rem;
	width: 3rem;
	border: none;
	padding: 0;
	background-color: transparent;
	z-index: 5;
}
.js-owl-project-nav button:after{
		display: block;
		content:"";
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-75%, -50%) rotate(45deg);
	    border: 2px solid transparent;
	    border-top-color: #fff;
	    border-right-color: #fff;
	    height: 70%;
	    width: 70%;
	}
.js-owl-project-nav button.owl-prev{
	right: auto;
	left: 2rem;
}
.js-owl-project-nav button.owl-prev:after{
	transform: translate(-25%, -50%) rotate(-135deg);
}
.bk-pro-dt-pg .row{
	position: relative;
	z-index:2;
}
.js-owl-project-nav.disabled{
	display: none;
}
.bk-about-banner p strong{
	color: #ffd200;
}
.stong-yellow strong{
	color: #ffd200;
}
.bk-testimonials .item-bk svg.bottom-svg{
	top: auto;
	left: auto;
	bottom: 0rem;
	right: 3px;
	transform: rotatez(180deg);
}
.bk-testimonials .item-bk {
    padding-bottom: 2rem;
}
body {
font-family: "Poppins", sans-serif;
font-size: 1.05rem;
}
.padding-bottom-120{
	padding-bottom: 120%;
}
.bk-office-box .btn-black{
	color: #fff;
}
.bk-office-box .btn-black:hover, .bk-office-box .btn-black:focus{
	color: #000;
}
@media (min-width: 768px){
	.bk-office-box:nth-child(2n) .btn-black{
border: 1px solid #000;
background-image: linear-gradient(to right, #000 50%, #fff 50%);
	}
}
h1.screen-element, h2.screen-element{
	display: inline-block;
}

h1.screen-element:after, h2.screen-element:after{
	display: block;
	content:"";
	height: 3px;
	width: 0;
	transition:1s;
	margin: 3px auto 0;
	transition-delay: .5s;
	background-color: #ffd200;
}
h1.screen-element.in-viewport:after, h2.screen-element.in-viewport:after{
	width: 100%;
}
h1.screen-element:after{
	width: 100%;
}
.single-dt_project .menu-item-203 a{
	color: #ffd200;
}
.bk-home-services figure{
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
}
.bk-home-services figure:after{
	display: block;
	content:"";
	position: absolute;
	bottom: -3px;
	left:-3px;
	height: 0;
	width: 0;
	transition: 1s;
	background-color: #ffd200;
	z-index: -1;
}
.bk-home-services figure:before{
	display: block;
	content:"";
	position: absolute;
	right: -3px;
	top:-3px;
	height: 0;
	width: 0;
	transition: 1s;
	background-color: #ffd200;
	z-index: -1;
}
.bk-home-services figure:hover::after{
	height: calc( 100% + 4px );
	width: calc( 100% + 4px );
}
.bk-home-services figure:hover::before{
	height: calc( 100% + 4px );
	width: calc( 100% + 4px );
}
.fix-img-one{
	position: relative;
	padding-bottom: 89%;
}
.fix-img-two{
	position: relative;
	padding-bottom: 113%;
}
.fix-img-three{
	position: relative;
	padding-bottom: 88%;
}
.image-fix-4{
	position: relative;
	padding-bottom: 99%;
}




.border-bottom-left-spaced{
    padding-left: 0;
	margin-left: 5%;
    margin-bottom: calc( 5% + 2rem );
	padding-bottom: 85%;
    position: relative;
}
.border-bottom-left-spaced:after {
    left: -5%;
	bottom: -5%;
}
@media (min-width: 992px){
.border-bottom-left-spaced {
    margin-left: 15%;
    margin-bottom: 5%;
}

}
.banner-image-bk{
	position: relative;
	padding-bottom: 45%;
	overflow: hidden;
}
.banner-image-bk img{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.bk-image-fix-5{
	position: relative;
	padding-bottom: 20%;
}







@media (min-width: 992px){
.bk-header .logo-bk img {
    width: 160px;
}
.hdd-spacer {
    height: 85px;
}
}
@media only screen and (max-width: 600px){
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
    overflow-x: visible!important;
}
}
@media only screen and (max-width: 575px){
.w-xsm-100{
	width: 100%;
}
	#wpforms-submit-199{
		width: 100%;
		background-position: 60% center;
	}
	.bk-filter .btn{
		padding: 0;
		min-width: 100px;
	}
	.bk-filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
}
@media only screen and (max-width: 330px){
	.bk-footer{}
	.bk-footer nav ul li{
	width: 100%;
}
}
.modal.show .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}
.modal-content .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

@media only screen and (max-width: 1199px){
.bk-welcome{
	margin-top: -5vw;
}
	.bk-banner figure{
		height: 70vw;
	}
}