/* =General CSS
-------------------------------------------------------------- */
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth {
	float: left;
}
.clear_column {
	clear:both;
	display:block;
	font-size:0; height:0;
	line-height:0; width:100%;
	overflow: hidden;
}

/* =Shortcodes Templates
-------------------------------------------------------------- */

/* =Default Template (no margin)
-------------------------------------------------------------- */
.full_width  {
	width: 100%;
}
.one_half  {
	width: 50%;
}
.one_third  {
	width: 33.3%;
}
.two_third  {
	width: 66.6%;
}
.one_fourth  {
	width: 25%;
}

.three_fourth  {
	width: 75%;
}
.one_fifth  {
	width: 20%;
}
.two_fifth  {
	width: 40%;
}
.three_fifth  {
	width: 60%;
}
.four_fifth  {
	width: 80%;
}
.one_sixth  {
	width: 16.6%;
}



/* =Small Margins Template
-------------------------------------------------------------- */

.full_width  {
	width: 100%;
}
.one_half {
	width: 49% !important;
	margin-right: 2% !important;
}
.one_half.last_column {
	width: 49% !important;
	margin-right: 0px !important;
}
.one_third {
	width: 32% !important;
	margin-right: 2% !important;
}
.one_third img{
	border: none;
	margin-right: .5em;
	margin-top: 1em;
}
.one_third.last_column {
	width: 32% !important;
	margin-right: 0px !important;

}
.one_third.last_column img{
	border: none;
	margin-right: .8em;
	margin-top: 1em;
}
.two_third {
	width: 64% !important;
	margin-right: 2% !important;
	margin-top: 0px !important;
	margin-left: 2% !important;
}
.two_third.last_column {
	width: 65% !important;
	margin-right: 0px !important;
}
.one_fourth {
	width: 23.5% !important;
	margin-right: 2% !important;
}
.one_fourth.last_column {
	float:right;
	width: 27.5% !important;
	margin-right: -2px !important;
	margin-top: 0px !important;
}
.one_fourth.last_column img{
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
   border-radius: 0 6px 6px 0;
   border: 2px solid #dd6d36;
	padding: 0 !important;
	margin-top: 0px !important;
	margin-right: -2px !important;
	width: auto;
	height: 420px;
}
.three_fourth {
	width: 68.3%;
	margin-right: -5% !important;
	margin-top: 2px !important;
	margin-left: 0 !important;
	padding: 0 1% 0 3%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 420px;	
}
.three_fourth h1{
	margin-top: 1.3em;
}
.three_fourth.last_column {
	width: 74.5% ;
	margin-right: 0px !important;
}
.one_fifth {
	width: 18.4% !important;		
	margin-right: 2% !important;
}
.one_fifth.last_column {
	width: 18.4% !important;
	margin-right: 0px !important;
}
.two_fifth {
	width: 39% !important;
	margin-right: 2% !important;
}
.two_fifth.last_column {
	width: 39% !important;
	margin-right: 0px !important;
}
.three_fifth {
	width: 59% !important;
	margin-right: 2% !important;
}
.three_fifth.last_column {
	width: 59% !important;
	margin-right: 0px !important;
}
.four_fifth {
	width: 79.6% !important;
	margin-right: 2% !important;
}
.four_fifth.last_column {
	width: 79.6% !important;
	margin-right: 0px !important;
}
.one_sixth {
	width: 15% !important;
	margin-right: 2% !important;
}
.one_sixth.last_column {
	width: 15% !important;
	margin-right: 0px !important;
}


/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth {
		clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.three_fourth{
		width: 60%;
		height: auto;
		margin-bottom: 1em;
	}
	.one_fourth.last_column{
		position: absolute;
		top: 1px;
		right: 4px;
		width: 30%;
	}

	.one_third {
	width: 70% !important;

}
.one_third img{
	margin: .5em 1.7em;
	width: 80%;
		float: right !important;
}
.one_third.last_column{
	width: 99% !important;
}
.one_third.last_column img{
	width: 65%;
	margin: .5em 2.7em;
	float: left !important;

}
.one_fourth.last_column img{
-webkit-border-radius: 0 6px 0 10px;
  -moz-border-radius: 0 6px 0 10px;
   border-radius: 0 6px 0 10px;
   border: none;
	padding: 0 !important;
	margin-top: 0px !important;
	margin-right: -2px !important;
	width: auto;
	height: auto;
}
}

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

		.one_third {
	width: 40% !important;

}
.one_third.last_column{
	width: 40% !important;
}
.one_third.last_column img{
	width: 80%;
	margin: .5em 3em;
	float: left !important;

}
	}

@media screen and (max-width: 320px) {
	.three_fourth{
		width: 95%;
		height: auto;
		margin-bottom: 1em;
	}

	.one_fourth.last_column{
		display: none !important;
		width: 0%;
	}
	.one_fourth.last_column img{
		display: none !important;
	}
		.one_third {
	width: 50% !important;

}
.one_third.last_column{
	width: 55% !important;
}
.one_third.last_column img{
	width: 85%;
	margin: .5em 1.7em;
	float: left !important;

}
	}
	
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	.three_fourth{
		width: 60%;
		height: auto;
		margin-bottom: 1em;
	}
	.one_fourth.last_column{
		position: absolute;
		top: 1px;
		right: 4px;
		width: 30%;
	}
.one_fourth.last_column img{
-webkit-border-radius: 0 6px 0 10px;
  -moz-border-radius: 0 6px 0 10px;
   border-radius: 0 6px 0 10px;
   border: none;
	padding: 0 !important;
	margin-top: 0px !important;
	margin-right: -2px !important;
	width: auto;
	height: auto;
}
}	
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 {
/* Styles */
	.three_fourth{
		width: 60%;
		height: auto;
		margin-bottom: 1em;
	}
	.one_fourth.last_column{
		position: absolute;
		top: 1px;
		right: 4px;
		width: 30%;
	}
.one_fourth.last_column img{
-webkit-border-radius: 0 6px 0 10px;
  -moz-border-radius: 0 6px 0 10px;
   border-radius: 0 6px 0 10px;
   border: none;
	padding: 0 !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	width: auto;
	height: auto;
}
}