/* ----------------------------
	Horizontal Line 
---------------------------- */

.sc-separator {
	display: block;
	width: 100%;
	height: 5px;
	background-color: #F2F5FA;
	border: none;
}

/* ----------------------------
	Columns 
---------------------------- */ 

.sc-column { 
	float: left; 
	margin: 0 3% 30px 0;
}

.sc-column.one-fourth { width: 22.75%; }
.sc-column.one-third { width: 31.333333%; }
.sc-column.one-half { width: 48.5%; }
.sc-column.two-third { width: 65.666666%; }
.sc-column.three-fourth { width: 74.25%; }

.sc-column.last { 
	margin-right: 0!important; 
	clear: right; 
}

/* ----------------------------
	Box 
---------------------------- */

.sc-box {
	padding: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}

.sc-box:last-child {
	margin-bottom: 0;
}

.sc-box.black {
	color: #fff;
	background-color: #000;
}

.sc-box.blue {
	color: #333;
	background-color: #D7F0F7;
}

.sc-box.cyan {
	color: #fff;
	background-color: #87D5E8;
}

.sc-box.gray {
	color: #333;
	background-color: #EFEFEF;
}

.sc-box.green {
	color: #333;
	background-color: #D7F0CC;
}

.sc-box.orange {
	color: #fff;
	background-color: #F9D38C;
}

.sc-box.pink {
	color: #fff;
	background-color: #EC9FDC;
}

.sc-box.purple {
	color: #333;
	background-color: #E1E0F4;
}

.sc-box.red {
	color: #333;
	background-color: #FCD7D7;
}

.sc-box.yellow {
	color: #333;
	background-color: #FDEB90;
}

/* ----------------------------
	Button 
---------------------------- */

.sc-button {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: opacity 0.15s;
	-moz-transition: opacity 0.15s;
	-ms-transition: opacity 0.15s;
	-o-transition: opacity 0.15s;
	transition: opacity 0.15s;
}

.sc-button span {
	display: block;
	padding: 8px 30px;
	font-weight: bold;
}

.sc-button:hover {
	opacity: 0.85;
}

.sc-button.black.light {
	color: #fff;
	background-color: #444;
}

.sc-button.black.dark {
	color: #fff;
	background-color: #000;
}

.sc-button.blue.light {
	color: #fff;
	background-color: #009DD2;
}

.sc-button.blue.dark {
	color: #fff;
	background-color: #007DA8;
}

.sc-button.cyan.light {
	color: #fff;
	background-color: #49B7D2;
}

.sc-button.cyan.dark {
	color: #fff;
	background-color: #35879B;
}

.sc-button.gray.light {
	color: #fff;
	background-color: #bbb;
}

.sc-button.gray.dark {
	color: #fff;
	background-color: #888;
}

.sc-button.green.light {
	color: #fff;
	background-color: #56BD57;
}

.sc-button.green.dark {
	color: #fff;
	background-color: #1A911B;
}

.sc-button.orange.light {
	color: #fff;
	background-color: #F9A13D;
}

.sc-button.orange.dark {
	color: #fff;
	background-color: #EC7D00;
}

.sc-button.pink.light {
	color: #fff;
	background-color: #E779D0;
}

.sc-button.pink.dark {
	color: #fff;
	background-color: #D246B5;
}

.sc-button.purple.light {
	color: #fff;
	background-color: #9995E4;
}

.sc-button.purple.dark {
	color: #fff;
	background-color: #7975B6;
}

.sc-button.red.light {
	color: #fff;
	background-color: #E25858;
}

.sc-button.red.dark {
	color: #fff;
	background-color: #B21818;
}

.sc-button.yellow.light {
	color: #333;
	background-color: #F4DE72;
}

.sc-button.yellow.dark {
	color: #333;
	background-color: #FFD500;
}

/* ----------------------------
	Info 
---------------------------- */

.sc-info {
	padding: 8px 30px;
	margin-bottom: 30px;
	font-weight: bold;
}

.sc-info:last-child {
	margin-bottom: 0;
}

.sc-info.black {
	color: #fff;
	background-color: #000;
}

.sc-info.blue {
	color: #333;
	background-color: #D7F0F7;
}

.sc-info.cyan {
	color: #fff;
	background-color: #87D5E8;
}

.sc-info.gray {
	color: #333;
	background-color: #EFEFEF;
}

.sc-info.green {
	color: #333;
	background-color: #D7F0CC;
}

.sc-info.orange {
	color: #fff;
	background-color: #F9D38C;
}

.sc-info.pink {
	color: #fff;
	background-color: #EC9FDC;
}

.sc-info.purple {
	color: #333;
	background-color: #E1E0F4;
}

.sc-info.red {
	color: #333;
	background-color: #FCD7D7;
}

.sc-info.yellow {
	color: #333;
	background-color: #FDEB90;
}

/* ----------------------------
	Responsive 
---------------------------- */

@media only screen and ( max-width: 1000px ) {

	.sc-column {
		float: none;
		margin: 0 0 30px 0;
		width: 100% !important;
	}

}