/* Decors */

.page-template-page-service-design .decor-wrapper {
	position: absolute;		
	transition: all ease-in-out 1.5s;
	transition-timing-function: cubic-bezier(.07,.7,.14,.89);
	}


.page-template-page-service-design .decor-wrapper img {
	transition: all ease-in-out 2s;
	transition-timing-function: cubic-bezier(.07,.7,.14,.89);
}

/*******/

.page-template-page-service-design .img-wrapper img {
	width: auto;
	max-width: 100%;
}	



/* Section Intro */


.page-template-page-service-design .section-intro {
	background: #F5F7FB;
	overflow: hidden;
}	





.page-template-page-service-design .section-intro .decor_1 {
	width: 1%; 
	min-width: 10px;	
	max-width: 20px;
	top: 10%; left: 5%;	
}

.page-template-page-service-design .section-intro .decor_2 {
	width: 1.2%; 
	min-width: 12px;	
	max-width: 24px;	
	bottom: 20%; left: 30%;	
}

.page-template-page-service-design .section-intro .decor_3 {
	width: 1%;
	min-width: 10px;
	max-width: 20px;
	top: 18%; right: 40%;	
}

.page-template-page-service-design .section-intro .decor_4 {
	width: 10%;
	min-width: 100px;
	max-width: 200px;
	top: 35%; right: 10%;	
}


















.page-template-page-service-design .section-intro h2 {
	color: #302c51;
}	


@media (max-width: 991px) {
	.page-template-page-service-design .section-intro .default-container {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}	
	
	.page-template-page-service-design .section-intro .col_right {
		-webkit-order: 1;
		order: 1;
		margin-bottom: 50px;
	}
	
	.page-template-page-service-design .section-intro .col_left {
		-webkit-order: 2;
		order: 2;
	}	
}





@media (min-width: 992px) {	
	.page-template-page-service-design .section-intro .col_left {
		display: block; float: left;
		width: 42.25%;
		margin-right: 5.5%;
	}	
	
	.page-template-page-service-design .section-intro .col_right {
		display: block; float: left;
		width: 52.25%;
	}	
}













/* Section Content */




.page-template-page-service-design .section-content .decor_1 {
	width: 2%;
	min-width: 20px;
	max-width: 40px;
}

.page-template-page-service-design .section-content .decor_2 {
	width: 0.8%;
	min-width: 8px;
	max-width: 16px;
}

.page-template-page-service-design .section-content .decor_3 {
	width: 2%; 
	min-width: 20px;
	max-width: 40px;
	height: auto;
}

.page-template-page-service-design .section-content .decor_4 {
	width: 1.5%;
	min-width: 15px;
	max-width: 30px;
	height: auto;
}

@media (max-width: 991px) {
	.page-template-page-service-design .section-content .decor_1 {
		top: 25%; 
		right: 5%;	
	}

	.page-template-page-service-design .section-content .decor_2 {
		bottom: 5%;
		left: 5%;	
	}

	.page-template-page-service-design .section-content .decor_3 {
		bottom: 5%;
		right: 2.5%;	
	}

	.page-template-page-service-design .section-content .decor_4 {
		bottom: 10%; 
		left: 2%;	
	}
}


@media (min-width: 992px) {	
	.page-template-page-service-design .section-content .decor_1 {
		top: 25%; 
		right: -10%;	
	}

	.page-template-page-service-design .section-content .decor_2 {
		bottom: 5%;
		left: -5%;	
	}

	.page-template-page-service-design .section-content .decor_3 {
		bottom: 10%;
		right: -5.5%;	
	}

	.page-template-page-service-design .section-content .decor_4 {
		bottom: 20%; 
		left: -10%;	
	}		
}




@media (max-width: 991px) {
	.page-template-page-service-design .section-content .default-container {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}	
	
	.page-template-page-service-design .section-content .content-1 .col_right, 
	.page-template-page-service-design .section-content .content-3 .col_right {
		-webkit-order: 1;
		order: 1;
		margin-bottom: 50px;
	}
	
	.page-template-page-service-design .section-content .content-1 .col_left, 
	.page-template-page-service-design .section-content .content-3 .col_left {
		-webkit-order: 2;
		order: 2;
	}	
	
	.page-template-page-service-design .section-content .content-2 .col_left {
		margin-bottom: 50px;
	}	
}






@media (min-width: 992px) {	
	.page-template-page-service-design 
	.section-content .col_left {
		display: block; float: left;
		width: 45%;
		margin-right: 10%;
	}	
	
	.page-template-page-service-design 
	.section-content .col_right {
		display: block; float: left;
		width: 45%;
	}		
}





.page-template-page-service-design .section-content .content-2, 
.page-template-page-service-design .section-content .content-3,
.page-template-page-service-design .section-content .content-4 {
	padding-top: 0;
}	




.page-template-page-service-design .section-content h2,
.page-template-page-service-design .section-content h3,
.page-template-page-service-design .section-content h4 {
	color: #302c51;
}	

.page-template-page-service-design .section-content .title {
	font-weight: 500;
	color: #302c51;
}	



.page-template-page-service-design .section-content .step {
	margin-bottom: 40px;
}	

.page-template-page-service-design .section-content .step:last-child {
	margin-bottom: 0;
}