/*******************************************************
 *
 * Buyers Landing
 *
 *******************************************************/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
    .flex:before, .flex:after {
        display: none;
    }
    .dir-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .dir-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }
    .al-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .al-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;        
    }
    .al-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .ju-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ju-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .ju-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .ju-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

#main-wrapper {
	overflow: hidden;
}

.custom-padding {
	padding-left: 2.5%;
	padding-right: 2.5%;
}

/*header*/
#site-header-bl {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 101;
}
	.site-header-bl-logo {

	}
		.site-header-bl-logo a {
			font-size: 25px;
			letter-spacing: 0;
			line-height: 1;
			color: #000;
		}
			.site-header-bl-logo a span {
				display: none;
			}

	.site-header-bl-nav {
	    margin-left: auto;
	}

		#nav {}

			#nav > li {
			    padding: 37px 0 35px;
			    margin: 0 20px;
			}

				#nav > li > a {
				    color: #000;
				    font-size: 15px;
				    letter-spacing: 0.05em;
				}

			#nav > li:first-child {
			    margin-left: 0;
			}

			#nav > li:last-child {
			    margin-right: 0;
			}

	.site-header-bl-btn {
	    margin-left: 30px;
	}

		.site-header-bl-btn a {
		    display: flex;
		    width: 240px;
		    max-width: 100%;
		    height: 52px;
		    align-items: center;
		    justify-content: center;
		    text-align: center;
		    font-size: 15px;
		    letter-spacing: 0.05em;
		    color: #fff!important;
		    text-transform: uppercase;
		    background: #000;
		    border-radius: 5px;
		    border: 1px solid #fff;
		    transition: all .3s ease;
		}

		.site-header-bl-btn a:hover {
		    background: #fff;
		    color: #000!important;
		    border-color: #000;
		}


/*slideshow*/
#bl-slideshow {
	position: relative;
	margin-top: 97px;
}
	.bl-slideshow-wrap {
		position: relative;
	}
	#bl-slideshow .aios-slider-img:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.35);
		z-index: 2;
	}

	.bl-slide-content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 12.5%;
	}
		.bl-slide-content .bl-container {
			width: 100%;
			padding: 0 5%;
		}
		.bl-slide-content h1,
		.bl-slide-content h2 {
			font-weight: 600;
			font-family: var(--font-family-title);
			font-size: 75px;
			color: #fff;
			text-align: center;
			text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.35);
			margin-bottom: 47px;
			letter-spacing: 0.013em;			
		}

	.bl-qs {
		font-size: 0;
		max-width: 1238px;
		margin: 0 auto;
	}
		.bl-qs-field {
			display: inline-block;
			vertical-align: top;
			padding: 0 3px;
		}
			.bl-qs-field > input,
			.bl-qs-field > select,
			.bl-qs-field > .bootstrap-select>.dropdown-toggle.btn-default {
				width: 100%;
				height: 52px;
				background: rgba(0,0,0,0.25);
				border: 1px solid #fff;
				font-size: 15px;
				letter-spacing: 0.025em;
				line-height: 1;
				color: #fff;
				border-radius: 0;
				box-shadow: none;
				outline: none;
				padding: 0 20px;
			}
				.bl-qs-field > .bootstrap-select>.dropdown-toggle .filter-option {
					width: 100%;
					text-overflow: ellipsis;
					font-size: inherit;
					letter-spacing: inherit;
				}
		.bl-qs-field.bl-lg {
			width: 235px;
			width: 19.467%;
		}
		.bl-qs-field.bl-md {
			width: 205px;
			width: 17.044%;
		}
		.bl-qs-field.bl-xs {
			width: 105px;
			width: 8.966%;
		}
		.bl-qs-field.bl-sm {
			width: 145px;
			width: 12.197%;
		}
		.bl-qs-btn {
			display: inline-block;
			vertical-align: top;
			padding: 0 3px;
			width: 10.5815%;
		}
			.bl-qs-btn input {
				width: 100%;
				height: 52px;
				background: #fff;
				font-size: 15px;
				letter-spacing: 0.025em;
				color: #000;
				text-transform: uppercase;
				border: 1px solid #fff;
				transition: all .3s ease;
			}
				.bl-qs-btn input:hover {
					background: #000;
					border-color: #000;
					color: #fff;
				}

			.bl-qs-btn a {
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				width: 100%;
				height: 52px;
				background: #000;
				font-size: 15px;
				letter-spacing: 0.025em;
				color: #fff;
				text-transform: uppercase;
				border: 1px solid #000;
				transition: all .3s ease;
			}
				.bl-qs-btn a:hover {
					background: #fff;
					border-color: #fff;
					color: #000;
				}

/*fl*/
#bl-fl {
    position: relative;
    padding-top: 66px;
}

	.bl-fl-title {
		margin-bottom: 33px;
	}
		.bl-title {
		    font-weight: 400;
		    font-family: var(--font-family-title);
		    font-size: 45px;
		    color: #000;
		    line-height: 1;
		}
			.bl-title span {
			    font-family: var(--font-family-default);
			    font-size: 20px;
			    display: block;
			    color: #676767;
			    padding: 5px 0;
			}

		.bl-btn {
			position: relative;
		}
			.bl-btn a {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    text-align: center;
			    width: 100%;
			    height: 52px;
			    background: #000;
			    font-size: 15px;
			    letter-spacing: 0.025em;
			    color: #fff;
			    text-transform: uppercase;
			    border: 1px solid #000;
			    transition: all .3s ease;
			    min-width: 125px;
			    padding: 0 15px;
			}
				.bl-btn a:hover {
					border-color: #000;
					background: #fff;
					color: #000;
				}

		.bl-fl-title .bl-btn {
		    width: 125px;
		}

	.bl-fl-list {
	    margin: 0 -14px;
	    font-size: 0;
	}
		.bl-fl-item {
		    width: 33.33%;
		    display: inline-block;
		    vertical-align: top;
		    padding: 0 14px;
		}
		.bl-fl-item:nth-child(3) ~ .bl-fl-item {
			display: none;
		}
			.bl-fl-item a {
			    display: block;
			    position: relative;
			}

			.bl-fl-img {
			    position: relative;
			    background: #000;
			}
			    .bl-fl-img canvas {
			        display: block;
			        width: 100%;
			        background-position: center;
			        background-size: cover;
			        background-color: #999;
			        transition: all .3s ease;
			    }

			.bl-fl-details {
			    
			}
			    .bl-fl-price {
			        font-family: var(--font-family-title);
			        font-weight: 500;
			        font-size: 35px;
			        letter-spacing: 0.05em;
			        color: #000;
			        padding: 7px 0 7px;
			    }
			    
			    .bl-fl-address {
			        font-size: 15px;
			        letter-spacing: 0.05em;
			        color: #676767;
			        line-height: 18px;
			    }

			.bl-fl-item a:hover .bl-fl-img canvas {
			    opacity: 0.7;
			}



/*fc*/
#bl-fc {
    position: relative;
    padding-top: 84px;
}
	.bl-fc-title {
		margin-bottom: 33px;
	}
	.bl-fc-title .bl-btn {
	    width: 125px;
	}

	.bl-fc-list {
	    margin: 0 -14px;
	    font-size: 0;
	}
		.bl-fc-item {
		    width: 33.33%;
		    display: inline-block;
		    vertical-align: top;
		    padding: 0 14px;
		    margin-bottom: 28px;
		}
			.bl-fc-item a {
			    display: block;
			    position: relative;
			}

			.bl-fc-img {
			    position: relative;
			    background: #000;
			}
			    .bl-fc-img canvas {
			        display: block;
			        width: 100%;
			        background-position: center;
			        background-size: cover;
			        background-color: #999;
			        transition: all .3s ease;
			    }

			.bl-fc-details {
			    
			}
			    .bl-fc-name {
				    font-family: var(--font-family-title);
				    font-weight: 500;
				    font-size: 30px;
				    color: #000;
				    padding: 11px 0 7px;
				    max-width: 340px;
				    line-height: 1.2;
				    min-height: 69px;
			    }

			.bl-fc-item a:hover .bl-fc-img canvas {
			    opacity: 0.7;
			}


#bl-meet {
	position: relative;
	padding-top: 42px;
}
	.bl-meet-inner {

	}
		.bl-meet-img {
			width: 578px;
			width: 38.0265%;
		}
			.bl-meet-img canvas {
				display: block;
				width: 100%;
				background-position: center;
				background-size: cover;
				background-color: #999;
			}

		.bl-meet-text {
			width: 61.9735%;
			padding-left: 3.2%;
			padding-right: 13%;
			align-self: center;
		}
			.bl-meet-text .bl-title {
				margin-bottom: 24px;
			}
			.bl-meet-text p {
				font-size: 15px;
				letter-spacing: 0.035em;
				line-height: 2;
				color: #676767;
				margin: 0 0 30px;
			}
			.bl-meet-text p:last-child {
				margin-bottom: 0;
			}


#bl-testi {
	position: relative;
	padding-top: 94px;
	padding-block: 100px;
}
	#bl-testi .bl-title {
		text-align: center;
		margin-bottom: 64px;
	}
	.bl-testi-list {
		font-size: 0;
	}
		.bl-testi-item {
			width: 50%;
			display: inline-block;
			vertical-align: top;
			padding: 0 30px;
			text-align: center;
		}
		.bl-testi-item ~ .bl-testi-item {
			display: none;
		}
			.bl-testi-item:before {
				content: '';
				position: relative;
				display: block;
				margin: 0 auto 29px;
				width: 28px;
				height: 19px;
				background: url(../../images/buyers-landing/icon-qoute.png) center/contain no-repeat;
			}
			.bl-testi-item p {
				font-weight: 300;
				font-size: 14px;
				line-height: 1.785714285714286;
				letter-spacing: 0.05em;
				color: #676767;
			}
			.bl-testi-item p.author {
				font-size: 13px;
				letter-spacing: 0.1em;
				margin-top: 20px;
			}

	#bl-testi .bl-btn {
		max-width: 145px;
		margin: 31px auto 0;
	}


footer.footer-bl {
	min-height: 374px;
	border-top: 1px solid rgba(0,0,0,0.25);
	padding: 60px 0 0;
}
	.footer-bl-logo {
		text-align: center;
		margin-bottom: 52px;
	}
		.footer-bl-logo a {
		    font-size: 35px;
		    letter-spacing: 0;
		    line-height: 1;
		    color: #000;
		    font-weight: 500;
		}
			.footer-bl-logo a span {
				display: none;
			}

	.footer-bl-contact {
		margin-bottom: 48px;
	}
		.footer-bl-contact span {
			padding-left: 30px;
			position: relative;
			font-size: 15px;
			line-height: 25px;
			letter-spacing: 0.025em;
			color: #000;
			margin: 0 31px;
		}
			.footer-bl-contact span i {
				position: absolute;
				top: 0;
				left: 0;
			}
			.footer-bl-contact span i.ai-font-phone {
				font-size: 13px;
				top: 6px;
			}
			.footer-bl-contact span i.ai-font-envelope-f {
				font-size: 11px;
				top: 7px;
			}
			.footer-bl-contact span i.ai-font-location-c {
			    font-size: 20px;
			    top: 3px;
			}
			.footer-bl-contact span a {
				transition: color .3s ease;
				color: #000;
			}
				.footer-bl-contact span a:hover {
					color: var(--primary);
				}


	.footer-bl-nav {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
		.footer-bl-nav li {
			display: flex;
			margin-bottom: 10px;
		}
			.footer-bl-nav li a {
				font-size: 15px;
				letter-spacing: 0.05em;
				line-height: 1;
				color: #000;
				text-transform: uppercase;
				display: block;
				transition: color .3s ease;
			}
				.footer-bl-nav li a:hover {
					color: var(--primary);
				}
			.footer-bl-nav li:after {
				content: '';
				position: relative;
				display: inline-block;
				width: 1px;
				height: 15px;
				background: #000;
				margin: 0 16px;
			}
			.footer-bl-nav li:last-child:after {
				display: none;
			}

	.footer-bl-copyright {
	    text-align: center;
	    padding: 5px 0 0;
	}
		.footer-bl-copyright p {
		    font-size: 14px;
		    line-height: 25px;
		    letter-spacing: 0.05em;
		    color: #000;
		}
			.footer-bl-copyright p a {
				color: inherit;
				transition: color .3s ease;
			}
			.footer-bl-copyright p a:hover {
				color: var(--primary);
			}
		.footer-bl-icon {
		    font-size: 32px;
		    color: #000;
		    margin: 13px 0 0;
		}
		    .footer-bl-icon i.ai-font-eho {
		        font-size: 24px;
		        margin-right: 10px;
		    }


#bl-popup {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 5% 80px;
    position: relative;
    background: #fff url(../../images/buyers-landing/bg-popup.jpg) center/cover no-repeat;
}

.bl-popup-logo {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 1;
    color: #000;
    font-family: var(--font-family-title);
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

.bl-popup-title {
    font-size: 50px;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
}

#bl-popup p {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.bl-popup-form {
    position: relative;
    max-width: 454px;
    margin: 0 auto;
}

.bl-popup-form label {
    display: block;
    position: relative;
}

.bl-popup-form label input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.025em;
    color: #474646;
    text-transform: uppercase;
    background: transparent;
}

.bl-popup-form input.wpcf7-submit {
    display: block;
    width: 179px;
    height: 55px;
    background: transparent;
    border: 1px solid #000;
    font-size: 15px;
    letter-spacing: 0.1em;
    color: #000;
    text-transform: uppercase;
    margin: 51px auto 0;
}

.bl-popup-form .ajax-loader {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
}

#bl-popup button.aiosp-close {
    font-size: 0;
    opacity: 1;
    line-height: 1;
    top: 10px;
    right: 10px;
}

#bl-popup button.aiosp-close:before {
    position: relative;
    font-family: agentimage!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\b0241";
    font-size: 18px;
    font-weight: 700;
}

.bl-popup-form .wpcf7 form .wpcf7-response-output {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 10px auto 0;
}

@media only screen and (max-width: 1280px) {
	#nav > li {
	    margin: 0 10px;
	}

	.bl-meet-text {
	    padding-right: 5%;
	}
}
@media only screen and (max-width: 1199px) {

	#nav > li {
	    margin: 0 5px;
	}
		#nav > li > a {
		    font-size: 13px;
		    letter-spacing: 0;
		}
	.site-header-bl-btn {
	    margin-left: 10px;
	}
		.site-header-bl-btn a {
		    width: 200px;
		    font-size: 13px;
		}

	.bl-slide-content h1,
	.bl-slide-content h2 {
	    font-size: 55px;
	}
	.bl-slide-content .bl-container {
	    padding: 0 15px;
	}

	.bl-qs-field > input,
	.bl-qs-field > select,
	.bl-qs-field > .bootstrap-select>.dropdown-toggle.btn-default {
	    font-size: 12px;
	    padding: 0 10px;
	}
	.bl-qs-btn input,
	.bl-qs-btn a {
		font-size: 12px;
	}

	.footer-bl-contact span {
	    margin: 10px;
	}
}
@media only screen and (max-width: 991px) {
    *[class*="col-md"] { width: 100%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-2 { width: 16.66666666%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-5 { width: 41.66666666%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-12 { width: 100%; }

    .custom-padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	#site-header-bl {
		position: relative;
	    padding-top: 52px;
	    z-index: 10;
	}

		.site-header-bl-nav {
		    display: none;
		}

		.site-header-bl-btn {
		    width: 100%;
		    text-align: center;
		    margin: 0;
		    padding: 0 0 20px;
		}
			.site-header-bl-btn a {
			    margin: 0 auto;
			}
	.site-header-bl-logo {
	    width: 100%;
	    text-align: center;
	    padding: 30px 0 10px;
	}

	.bl-slide-content {
	    bottom: 0;
	}
	.bl-slide-content.bl-slide-content-mobile {
	    position: relative;
	    padding: 0;
	}
	.bl-slide-content .bl-container {
	    padding: 0;
	}

	.bl-qs {
	    max-width: 500px;
	    padding: 30px 0;
	}


	.bl-qs-field.bl-lg, .bl-qs-field.bl-md {
	    width: 100%;
	}

	.bl-qs-field.bl-xs, .bl-qs-field.bl-sm {
	    width: 50%;
	}

	.bl-qs-field {
	    padding: 3px;
	}

	.bl-qs-btn {
	    width: 50%;
	    padding: 3px;
	}

	.bl-qs-field > input, .bl-qs-field > select, .bl-qs-field > .bootstrap-select>.dropdown-toggle.btn-default {
	    background: transparent;
	    color: #000!important;
	    border-color: #000;
	}

	.bl-qs-btn input {
	    border-color: #000;
	}

	.bl-qs-btn a:hover {
	    border-color: #000;
	}



	#bl-fl {
	    padding-top: 40px;
	}
	    .bl-title {
	        text-align: center;
	        width: 100%;
	        font-size: 35px;
	    }
	    #bl-fl .bl-btn {
	        width: 125px;
	        margin: 50px auto 0;
	    }

	#bl-fc {
	    padding-top: 50px;
	}

		.bl-fc-item {
		    width: 50%;
		}

		#bl-fc .bl-btn {
		    width: 125px;
		    margin: 0 auto 0;
		}

	#bl-meet {
	    padding-top: 50px;
	}

		.bl-meet-img {
		    width: 100%;
		    max-width: 500px;
		    margin: 0 auto 30px;
		}

		.bl-meet-text {
		    width: 100%;
		    max-width: 750px;
		    margin: 0 auto;
		    padding: 0;
		    text-align: center;
		}
	#bl-testi {
	    padding: 60px 0;
	}
		.bl-testi-item {
		    padding: 0 15px;
		}
	.footer-bl-contact {
	    flex-flow: column;
	}
			
}
@media only screen and (max-width: 767px) {
    *[class*="col-sm"] { width: 100%; }
    .col-xs-1 { width: 8.33333333%; }
    .col-xs-2 { width: 16.66666666%; }
    .col-xs-3 { width: 25%; }
    .col-xs-4 { width: 33.33333333%; }
    .col-xs-5 { width: 41.66666666%; }
    .col-xs-6 { width: 50%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-9 { width: 75%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-12 { width: 100%; }

    .bl-fc-item {
    	width: 100%;
    }
}
@media only screen and (max-width: 480px) {
	.site-header-bl-logo a,
	.footer-bl-logo a {
	    font-size: 22px;
	}
	.bl-slide-content h1, .bl-slide-content h2 {
	    font-size: 25px;
	}
	.bl-popup-title {
	    font-size: 40px;
	}
}