.c-container{
	padding: 0;
}

.s1{
	background: url(/img/services/web-design.png)  no-repeat;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.intro{
	margin-bottom: 32px;
}

.intro .desc{
	background: #fff;
	padding: 24px;
	border-radius: 8px;
	box-shadow: 0 0 8px #000;
	margin-bottom: 24px;
}

.intro .desc h1{
	font-size: 1.5em;
	margin-bottom: 12px;
	line-height: 24px;
}

.intro .desc h1 span{
	font-family: suk-l;
	display: block;
	font-size: 0.6em;
	font-style: italic;
}

.intro .desc h2{
	margin-top: 24px;
	margin-bottom: 2px;
}

.intro .desc .contact span{
	display: block;
}

.intro .start_from h1{
	font-family: suk-l;
	padding: 12px 24px;
	background: #000;
	font-size: 1.2em;
	text-align: center;
}

.intro .start_from h1 span{
	display: block;
	font-family: suk-t;
	margin-top: 8px;
}

.intro .start_from{
	border:1px dotted rgba(255,255,255, 0.6);
	background: rgba(0,0,0, 0.6);
	color: #fff;

}

.intro .start_from ul{
	padding: 24px;
	padding-bottom: 12px;

}

.intro .start_from li{
	margin-left: 24px;
	margin-bottom: 24px;
	line-height: 23px;
}

.portfolio h1{
	font-size: 1.3em;
	margin-bottom: 12px;
}

.portfolio .desc{
	padding: 24px;
	padding-bottom: 12px;
	border:1px dotted rgba(255,255,255, 0.6);
	background: rgba(0,0,0, 0.6);
	color: #fff;

}

.portfolio .desc .customer{
	margin-top: 24px;
}

.pricing{
	padding-top: 42px;
	padding-bottom: 32px;
	background: rgb(242,239,249);
background: radial-gradient(circle, rgba(242,239,249,1) 0%, rgba(251,250,255,1) 16%, rgba(254,253,255,1) 32%, rgba(255,255,255,1) 50%, rgba(254,253,255,1) 68%, rgba(251,250,255,1) 84%, rgba(242,239,249,1) 100%);
}

.pricing .desc{
	border-radius: 8px;
	margin-bottom: 24px;
}

.pricing #tabs{
	background: none;
	border: 0;
	font-family: suk-l;
}

.pricing .desc h1{
	font-size: 1.6em;
	text-align: center;
	margin-bottom: 18px;
	line-height: 36px;
}

.pricing .ui-widget-header,
.pricing .ui-tabs-anchor,
.pricing .ui-tabs-tab{
	background: none;
	border: 0;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
	color: #ccc;
	border-bottom: 2px solid #ccc;
}

.ui-state-active a, .ui-state-active a:link{
	font-family: suk-b !important;
	color: #000;
	border-bottom: 2px solid #000;
}

.ui-tabs-tab{
	width: 32%;
	text-align: center;
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.ui-tabs-anchor{
	text-align: center;
	display: block;
	width: 100%;
}

.ui-tabs .ui-tabs-panel{
	padding: 0;
}

.content{
	border-radius: 12px;
	margin-top: 42px;
	padding: 12px 24px;
	box-shadow:
			  0 -2px 1.2px rgba(48, 58, 88, 0.034),
			  0 2.7px 2.3px rgba(48, 58, 88, 0.048),
			  0 3.5px 3px rgba(48, 58, 88, 0.06),
			  0 4.3px 5.9px rgba(48, 58, 88, 0.072),
			  0 5.8px 8.4px rgba(48, 58, 88, 0.086),
			  0 6px 10px rgba(48, 58, 88, 0.12);

}

.content h2{
	font-size: 1.8em;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding-top: 22px;
	padding-bottom: 30px;
	color: #1fb77d;
}

.content h2.t2{
	color: #0029f9;
}

.content h2.t3{
	color: #ff6600;
}

.content h2 span{
	display: block;
	margin-top: 12px;
	color: #333;
}

.content ul{
	display: block;
	margin-top: 28px;
}

.content ul li{
	list-style: none;
	margin-bottom: 24px;
	line-height: 24px;
}

.pricing .contact_button{
	text-align: center;
	margin-top: 50px;
}


@media only screen and (min-width:480px){
	

}

@media only screen and (min-width:800px){
	.intro .desc{
		float: left;
		width: calc(100% - 320px);
	}

	.intro .start_from{
		float: right;
		width: 300px;
	}

	.pricing .desc h1{
		font-size: 1.8em;
	}
	
}


@media only screen and (min-width:996px){
	.intro .desc{
		float: left;
		width: calc(100% - 360px);
	}

	.intro .start_from{
		float: right;
		width: 330px;
	}

	.pricing{
		padding-bottom: 42px;
	}

	.pricing .desc h1{
		margin-bottom: 0;
	}


	#tabs:after{
		display: table;
		content: '';
		clear: both;
	}

	#tabs > ul{
		display: none;
	}

	.tabs{
		float: left;
		width: 32%;
		display: block !important;
	}

	#tabs-2{
		margin-left: 2%;
		margin-right: 2%;
	}
}

@media only screen and (min-width:1100px){
	
}

@media only screen and (min-width:1200px) {

}
