@charset "utf-8";
/* CSS Document */

/* Shortcodes Styles */

.row {
	display:inline-block;
	position:relative;
	clear:both;
	width:100%;
	text-align:center;
	}
.column1 {
	display:inline-block;
	position:relative;
	width:100%;
	box-sizing:border-box;
	vertical-align:top;
	}
.column2 {
	display:inline-block;
	position:relative;
	width:49%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.column3 {
	display:inline-block;
	position:relative;
	width:33%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.column4 {
	display:inline-block;
	position:relative;
	width:24%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.column23 {
	display:inline-block;
	position:relative;
	width:65%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.column34 {
	display:inline-block;
	position:relative;
	width:74%;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.col {
	display:inline-block;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:top;
	}
.column1 img, .column2 img, .column3 img, .column4 img, .column23 img, .column34 img, .col img {
	max-width:100%;
	height:auto;
}
.twocolumnlist ul {
	columns: 2;
  	-webkit-columns: 2;
  	-moz-columns: 2;
	}
.threecolumnlist ul {
	columns: 3;
  	-webkit-columns: 3;
  	-moz-columns: 3;
	}
.fourcolumnlist ul {
	columns: 4;
  	-webkit-columns: 4;
  	-moz-columns: 4;
	}
.button {
	background-color:#069;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:7px;
	display:inline-block;
	-webkit-transition: all 0.3s ease 0s; /* Safari */
	transition: all 0.3s ease 0s;
	}
.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	}
.button a {
	display:block;
	text-decoration:none;
	color:#FFF;
	}
.button a:hover {
	text-decoration:none;
	}
/* End Shortcodes Styles */
/* Responsive Shortcodes Styles */

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

.column1 {
	float:none;
	}
.column2 {
	float:none;
	width:100%;
	margin:auto;
	}
.column3 {
	float:none;
	width:100%;
	margin:auto;
	}
.column4 {
	float:none;
	width:100%;
	margin:auto;
	}
.column23 {
	float:none;
	width:100%;
	margin:auto;
	}
.column34 {
	float:none;
	width:100%;
	margin:auto;
	}
.col {
	float:none;
	width:100% !important;
	margin:auto;
	}
.twocolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
.threecolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
.fourcolumnlist ul {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
	}
}

/* End Responsive Shortcodes Styles */

