/*
 * Template Name: Design Center
 */

#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

#dsgncntr-wrap{}

.dsgncntr-container{
	width: 1290px;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(100% - 30px);
}
.dsgncntr-intro{
	text-align: center;
	font-size: min(4.394vw,29px);
	line-height: 1;
	color: var(--primary-color);
	padding: 40px 0 0;
	font-weight: 300;
}
.dsgncntr-intro_title {
    margin: 0 0 min(3.030vw,20px);
}
.dsgncntr-intro_title h1{
	font-size: 3.3em;
    font-family: var(--title-font);

}
.dsgncntr-intro_desc{}

.dsgncntr-tabs{
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-between;
	margin: min(13vw,100px) -15px 0;
}
.dsgncntr-tabs .dsgncntr-tab{
	width: calc(50% - 5px);
	max-width: 656px;

}
.dsgncntr-tabs .dsgncntr-tab button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 54px;
	background: #f1f2f3;
	color: var(--primary-color);
	border: 0;
	text-transform: uppercase;
	font-size: min(4.5vw, 16px);
	padding: 0 0;
	font-weight: 300;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.dsgncntr-tabs .dsgncntr-tab button.active{
	color: #fff;
	background: var(--primary-color);
	pointer-events: none;
}
.dsgncntr-tabs .dsgncntr-tab button:hover{
	color: #fff;
	background: var(--primary-color);
}
.dsgncntr-panels{
	margin: 50px 0 0;
}
.dsgncntr-panel:not(.active){
	display: none;
}
.dsgncntr-cats{
	padding: 0 15px;
}
.dsgncntr-bttns{}
.dsgncntr-bttn{
	margin: 10px 0 0;
}
.dsgncntr-bttn:first-child{
	margin: 0 0 0;
}
.dsgncntr-bttn_trigger{}
.dsgncntr-bttn_trigger button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 54px;
    background: #f1f2f3;
    color: var(--primary-color);
    border: 0;
    font-size: 16px;
    font-weight: 300;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.dsgncntr-bttn_trigger button.active{
	background: var(--primary-color);
	color: #fff;
	pointer-events: none;
}
.dsgncntr-bttn_trigger button:hover{
	background: var(--primary-color);
	color: #fff;
}
.dsgncntr-cat:not(.active) .dsgncntr-lm,
.dsgncntr-cat:not(.active) .dsgncntr-feeds{
	display: none !important;
}
.dsgncntr-feed{}
.dsgncntr-feed a{
	display: block;
	position: relative;
}
.dsgncntr-feed a .dsgncntr-feed_img{
	position: relative;
	z-index: 0;
	background: #fff;
}
.dsgncntr-feed a .dsgncntr-feed_img img{
	aspect-ratio: 287/161;
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.dsgncntr-feed a:hover .dsgncntr-feed_img img{
	opacity: 0.8;
}
.dsgncntr-feed a .dsgncntr-feed_label{
	background: var(--primary-color);
	color: #fff;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	padding: 12px 15px;
	position: relative;
	z-index: 1;
	top: 0;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.dsgncntr-feed a:hover .dsgncntr-feed_label{
	top: -8px;
}

.dsgncntr-lm{
	text-align: center;
	margin: 40px 0 0;
}
.dsgncntr-lm a{
	display: inline-block;
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	padding: 10px 20px;
}
.dsgncntr-lm a:hover{
	background: #fff;
	color: var(--primary);
}
a.dsgncntr-popup-trigger,
a.dsgncntr-reqacc-trigger{
	display: inline-block;
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.aiosp-wrap .aiosp-container[class*="#dsgncntr-popup"]{
	padding: 50px 15px;
	overflow: auto;
}
.aiosp-wrap .aiosp-container[class*="#dsgncntr-popup"] .aios-popup-body{
	max-width: 100%;
	width: 1100px;
	padding: 0 0;
	min-height: 0;
}
#dsgncntr-popup{
	padding: 50px min(2.604vw,20px);
}
.dsgncntr-popup_wrap{}
.dsgncntr-popup_title{
	text-align: center;
	font-family: var(--title-font);
	font-size: min(6vw,40px);
	padding: 0 0 35px;
}
.dsgncntr-popup_img{}
.dsgncntr-popup_img img{
	display: block;
	width: 100%;
	height: auto;
}
.dsgncntr-popup_bottom{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: 30px 0 0;
}
.dsgncntr-popup_button{}
.dsgncntr-popup_button button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    height: 40px;
    width: 132px;
    width: 100%;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 15px;
    padding: 12px 15px;
    font-weight: 300;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.dsgncntr-popup_button button:hover{
	color: var(--primary-color);
	background: #fff;
}
.dsgncntr-popup_desc{
	font-size: 15px;
    font-weight: 300;
    color: #7a7a7a;
    margin: 0 0 0 20px;
    max-width: calc(100% - 152px);
}
.aiosp-wrap .aiosp-container[class*="#dsgncntr-reqacc"]{
	padding: 50px 15px;
	overflow: auto;
}
.aiosp-wrap .aiosp-container[class*="#dsgncntr-reqacc"] .aios-popup-body{
	max-width: 100%;
	width: 565px;
	padding: 60px min(5vw,30px) 40px;
	min-height: 0;
}
#dsgncntr-reqacc{}
.reqacc-wrap{}
.reqacc-title{
	font-family: var(--title-font);
	font-size: min(11vw,40px);
}
.reqacc-desc{
	font-size: 15px;
    font-weight: 300;
    color: #7a7a7a;
    margin: 20px 0 30px;
    line-height: 1.3;
}

.reqacc-form{}
.reqacc-form ::-webkit-input-placeholder {
  color:#555;
}
.reqacc-form ::-moz-placeholder {
  color:#555;
}
.reqacc-form :-ms-input-placeholder {
  color:#555;
}
.reqacc-form :-moz-placeholder {
  color:#555;
}
.reqacc-row{
	margin: 20px 0 0;
}
.reqacc-row:first-child{
	margin: 0 0 0;
}
.reqacc-subject{
	display: none;
}
.reqacc-subject input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	background: none;
	border: 1px solid rgb(226, 226, 226);
	font-size: 15px;
	font-weight: 300;
	color: #000;
	height: 47px;
	padding: 0 15px;
}
.reqacc-row input[type="tel"],
.reqacc-row input[type="email"],
.reqacc-row input[type="text"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	background: none;
	border: 1px solid rgb(226, 226, 226);
	font-size: 15px;
	font-weight: 300;
	color: #000;
	height: 47px;
	padding: 0 15px;
	outline: 0;
}
.reqacc-row textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	background: none;
	border: 1px solid rgb(226, 226, 226);
	font-size: 15px;
	font-weight: 300;
	color: #000;
	height: 98px;
	padding: 15px 15px 10px;
	resize: none;
	outline: 0;
}
.reqacc-row input[type="submit"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 54px;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.reqacc-row input[type="submit"]:hover{
	color: var(--primary-color);
	background: #fff;
}

.dsgncntr-bttn_mobfeed:not(.active){
	display: none !important;
}

@media only screen and (min-width: 768px) {
	.dsgncntr-panel_inner{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.dsgncntr-panel_left{
		width: 21.938%;
		padding: 0 15px;
	}
	.dsgncntr-panel_right{
		width: 78.062%;
	}
	.dsgncntr-feeds{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.dsgncntr-bttn_trigger._mobile{
		display: none;
	}
}
@media only screen and (min-width: 992px) {
	.dsgncntr-tabs{
		margin: 100px 0 0;
	}
	.dsgncntr-panel_left{
		padding: 0 22px 0 21px;
	}
	.dsgncntr-feeds{
		justify-content: flex-start;
	}
	.dsgncntr-feed{
		width: calc((100% / 3) - min(2.955vw,39px));
        margin-left: min(4.394vw,58px);
	}
	.dsgncntr-feed:nth-child(3n + 1){
		margin-left: 0;
	}
	.dsgncntr-feed:nth-child(n + 4){
		margin-top: min(4.546vw,60px);
	}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {
	.dsgncntr-popup_bottom{
		display: block;
		text-align: center;
	}
	.dsgncntr-popup_button{
		margin: 0 0 15px;
	}
	.dsgncntr-popup_desc{
		font-size: 15px;
	    margin: 20px 0 0;
	    max-width: 100%;
	}

	.dsgncntr-feed {
		width: calc(50% - 15px);
	}

	.dsgncntr-feed:nth-child(n + 3){
		margin-top: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.dsgncntr-cat:not(:first-child){
		margin: 20px 0 0;
	}
	.dsgncntr-bttn_trigger {
		max-width: 250px;
		margin: 0 auto;
	}
	.dsgncntr-feeds{
		padding: 50px 0 0;
	}
	.dsgncntr-feed{
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.dsgncntr-feed:nth-child(n + 2){
		margin-top: 20px;
	}
	.dsgncntr-lm{
		padding: 0 0 40px;
	}
}
@media only screen and (max-width: 567px) {}
@media only screen and (max-width: 480px) {}