/*
PlugIn: SunSet Framework Xstyles
Author: VantCo
Website: http://www.vantco.com/
*/

#xcontent {
	min-height: 20em;
	text-align: center;
	/*rgba(255,255,255,.3);*/
	font-size: 1.1em;
	font-weight: 400;
}
#xcontent h2 {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-size: 2.2em;
	font-weight: 400;
	text-decoration: underline;
}
#xcontent p {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: 300;
	text-decoration: none;
}

#xaside {
	text-align: center;
	background: rgba(255,255,255,.8);
	color: #000;
}

.xcontainer {
	width: 100%;
	margin: 0 auto; 
}

.xcontainer:after,
.xbrick:after,
.xrow:after, 
.xcol:after, 
.xclr:after, 
.xgroup:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

.xrow { padding-bottom:0em; }
			
.xcol {
	display: block;
	float: left;
	width: 100%;
}

/* ALIGN */

.xcenter {
	margin: 0 auto;
}

.xpull-left{
    float: left;
}
.xpull-right{
    float: right;
}


/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}

.ct_resp {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
.ct_resp img{
    margin:0;
    padding:0;
    max-width:100% !important;
    height:auto;
    display:block;
}

.text-center{
	text-align:center;
}

.text-justify{
	text-align:justify;
}

.sp {
    padding: 10px;
}
.sm {
    margin: 10px;
}

@media ( min-width : 760px ) {

	.xspan1{width:8.333%;}
	.xspan2{width:16.667%;}
	.xspan3{width:25%;}
	.xspan4{width:33.333%;}
	.xspan5{width:41.667%;}
	.xspan6{width:50%;}
	.xspan7{width:58.333%;}
	.xspan8{width:66.667%;}
	.xspan9{width:75%;}
	.xspan10{width:83.333%;}
	.xspan11{width:91.667%;}
	.xspan12{width:100%;}

	.xoffset1{margin-left:8.333%;}
	.xoffset2{margin-left:16.667%;}
	.xoffset3{margin-left:25%;}
	.xoffset4{margin-left:33.333%;}
	.xoffset5{margin-left:41.667%;}
	.xoffset6{margin-left:50%;}
	.xoffset7{margin-left:58.333%;}
	.xoffset8{margin-left:66.667%;}
	.xoffset9{margin-left:75%;}
	.xoffset10{margin-left:83.333%;}
	.xoffset11{margin-left:91.667%;}
	.xoffset12{margin-left:100%;}

	.xgutters .xcol {	margin-left: 2%; }
	.xgutters .xcol:first-child { margin-left: 0; }
	
	.xgutters .xspan1 { width: 6.5%; }
	.xgutters .xspan2 { width: 15.0%; }
	.xgutters .xspan3 { width: 23.5%; }
	.xgutters .xspan4 { width: 32.0%; }
	.xgutters .xspan5 { width: 40.5%; }
	.xgutters .xspan6 { width: 49.0%; }
	.xgutters .xspan7 { width: 57.5%; }
	.xgutters .xspan8 { width: 66.0%; }
	.xgutters .xspan9 { width: 74.5%; }
	.xgutters .xspan10 { width: 83.0%; }
	.xgutters .xspan11 { width: 91.5%; }
	.xgutters .xspan12 { width: 100%; }
}