/*
* Template Name: Turnkey Program
*/

#inner-page-wrapper{
	margin-bottom: 0;
}
#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}
#ip-tupr{}
.tupr-inner{
	width: 1300px;
	margin: 0 auto;
	max-width: calc(100% - 30px);
}

.tupr-top{
	position: relative;
}
.tupr-top-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.tupr-top-bg:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: max(-5.75vw,-92px);
	left: max(-9.8125vw,-157px);
	bottom: max(-5.75vw,-92px);
	width: min(27.8125vw,445px);
	background: url(../../images/turnkey-program/tupr-logo_accent.png) center center no-repeat;
	background-size: 100% auto;
	opacity: 0.05;
}
.tupr-top-l{
	position: relative;
	z-index: 1
}
.tupr-top-r{
	position: relative;
	z-index: 1
}
.tupr-top-img{
	position: relative;
}
.tupr-top-img img{
	display: block;
	width: 100%;
	height: auto;
}
.tupr-top-desc{
	font-size: 24px;
	letter-spacing: 0.050em;
	line-height: 1.667;
	color: #454545;
}
.tupr-top-desc p span{
	color: #a07167;
	font-weight: 700;
}
.tupr-top-desc p:not(:nth-of-type(1)){
	margin: 32px 0 0;
}

.tupr-offers{
	margin: 0 0 0;
	padding: 50px 0 0;
	position: relative;
}
.offers-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.offers-bg:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: max(-5.75vw,-92px);
	right: max(-9.8125vw,-157px);
	bottom: max(-5.75vw,-92px);
	width: min(27.8125vw,445px);
	background: url(../../images/turnkey-program/tupr-logo_accent.png) center center no-repeat;
	background-size: 100% auto;
	opacity: 0.05;
}
.offers-top{
	font-size: 35px;
	letter-spacing: 0.050em;
	line-height: 1.286;
	position: relative;
	z-index: 1;
    font-family: var(--font-family-title);
}
.offers-top span{
	color: #a07167;
}

.offers-list{
	margin: 50px 0 0;
	position: relative;
	z-index: 1;
}
.offers-list > div {
    line-height: 1.25;
    letter-spacing: 0.050em;
    position: relative;
    background: url(../../images/turnkey-program/tupr-icon.png) left 6px no-repeat;
    background-size: 19px auto;
    padding: 0 20px 0 48px;
    font-size: 24px;
    max-height: 30px;
}

.offers-bottom{
	font-size: 22px;
	letter-spacing: 0.050em;
	line-height: 1.546;
	margin: 34px 0 0;
	padding: 0 0 136px;
	position: relative;
	z-index: 1;
}
.offers-bottom strong{
	color: #a07167;
}

@media only screen and (min-width: 992px) and (max-width: 1560px){
	.ip-container #breadcrumbs {
	    font-size: 0.938vw;
	    margin-bottom: 0.625vw;
	}
}

@media only screen and (min-width: 992px) {
	.tupr-top{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		min-height: 85vh;
	}
	.tupr-top-l{
		width: 53.615%;
	}
	.tupr-top-r{
		width: 46.385%;
	}
	.tupr-top-content{
		padding: 0 30px 0 0;
	}

	.tupr-top-img:before{
		content:'';
		display: block;
		width: min(25.5625vw,409px);
		height: 53px;
		background: rgb(160,113,103);
		background: linear-gradient(90deg, rgba(160,113,103,1) 0%, rgba(229,189,176,1) 50%, rgba(160,113,103,1) 100%);
		position: absolute;
		z-index: 0;
		top: 100%;
		right: 0;
	}
	.tupr-offers{
		padding: 164px 0 0;
	}
	.offers-list{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.offers-list > div {
	    width: 25%;
	}
	.offers-list > div:nth-child(n + 5){
		margin: 21px 0 0;
	}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 1199px) {
	.offers-list > div {
	    background: url(../../images/turnkey-program/tupr-icon.png) left 4px no-repeat;
	    background-size: 15px auto;
	    padding: 0 20px 0 25px;
	    font-size: 19px;
	}
}
@media only screen and (max-width: 991px) {
	.tupr-top-content{
		text-align: center;
	}
	.tupr-top-img {
	    max-width: 450px;
	    margin: 30px auto 0;
	}
	.offers-top{
		text-align: center;
	}
	.offers-list > div {
	    background: url(../../images/turnkey-program/tupr-icon.png) left 6px no-repeat;
	    background-size: 18px auto;
	    padding: 0 20px 0 30px;
	    font-size: 23px;
	    max-height: unset;
		max-width: 430px;
		margin: 0 auto;
	}
	.offers-list > div:nth-child(n + 2){
		margin: 20px auto 0;
	}
	.offers-bottom{
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 567px) {}
@media only screen and (max-width: 480px) {}