/*-----------------------------------------------------------------------------------*/
/*	Column Styles
/*-----------------------------------------------------------------------------------*/

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	display: inline-block;
	margin-top: 0px;
	position: relative;
	margin-right: 4%;
	margin-bottom: 30px;
	float: left;
	} 

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

@media only screen and (max-width: 767px) {
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth { width: 100%; margin-right: 0px; }
}


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

a.button.shortcode.large {
	padding: 15px 20px!important;
	font-size: 18px;
}
a.button.shortcode.green { background-color: #b5e21f; }
a.button.shortcode.light-blue { background-color: #42bfed; }
a.button.shortcode.teal { background-color: #00dbb3; }
a.button.shortcode.blue { background-color: #007dc6; }
a.button.shortcode.red { background-color: #ea3545; }
a.button.shortcode.orange { background-color: #ff7c30; }
a.button.shortcode.yellow { background-color: #ffe500; }
a.button.shortcode.black { color: #fff; background-color: #000; }
a.button.shortcode.navy { color: #fff; background-color: #102438; }
a.button.shortcode.white {	color: #000; background-color: #fff; }
	
/*-----------------------------------------------------------------------------------*/
/*	Tick Box Styles
/*-----------------------------------------------------------------------------------*/

.tickbox {
  background: rgba(0,0,0,0.2);
	position: relative;
  min-height: 70px;
}
.no-rgba .tickbox {
  background: url(../images/black50.png) repeat;
}
.tickwrap {
	padding: 20px 20px 20px 70px;
}
.tick {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-image: url(../images/tick.png);
  background-repeat: no-repeat;

}

/*-----------------------------------------------------------------------------------*/
/*	Alert Styles
/*-----------------------------------------------------------------------------------*/

.alert {
    padding: 20px 20px 20px 60px;
    font-weight: bold;
    margin: 0px 0px 30px 0px;
    background: rgba(0,0,0,0.2);
    position: relative;
}
.no-rgba .alert {
    background: url(../images/black50.png) repeat;
}
.alert.white { border: 5px solid #fff; }
.alert.green { border: 5px solid #b5e21f; }
.alert.orange { border: 5px solid #ff7c30; }
.alert.red { border: 5px solid #ea3545; }

/* Icon */
.alert span.icon {
  position: absolute;
  left: 0;
  top: 0px;
  height: 62px;
  width: 60px;
  font-size: 44px;
  text-align: center;
  line-height: 62px;
}
.alert.white span.icon { color: #fff; }
.alert.green span.icon { color: #b5e21f; }
.alert.orange span.icon { color: #ff7c30; }
.alert.red span.icon { color: #ea3545; }


.alert-arrow {
  position: absolute;
  bottom: -20px;
  left: -5px;
  border-right: 20px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 20px solid transparent;
}
.alert.white .alert-arrow { border-left: 20px solid #fff; }
.alert.green .alert-arrow { border-left: 20px solid #b5e21f; }
.alert.orange .alert-arrow { border-left: 20px solid #ff7c30; }
.alert.red .alert-arrow { border-left: 20px solid #ea3545; }


/*-----------------------------------------------------------------------------------*/
/*	Tab Styles
/*-----------------------------------------------------------------------------------*/

.tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
	}

.tabs {
	background: none;
	margin: 0 0 30px 0;
	}

.tabs ul.nav {
	list-style: none!important;
	margin: 0!important;
	padding: 0;
	border: 0;
	float: none;
}

.tabs ul.nav li {
	float: left;
	position: relative;
	z-index: 10;
	list-style: none!important;
	background: none!important;
  margin: 0px !important;
  padding: 0px !important;
}
	
.tabs ul.nav li a {
  border: 5px solid #fff;
  border-bottom: none;
  border-right: none;
  background: rgba(0,0,0,0.2); 
	display: block;
	overflow: hidden;
  padding: 20px;
	height: 20px;
	margin: 0!important;
}

.no-rgba ul.nav li a {
  background: url(../images/black50.png) repeat;
}

.tabs ul.nav li a:hover {
	margin: 0!important;
}

.tabs ul.nav li.ui-tabs-selected a {
  height: 20px;
  background: rgba(0,0,0,0.5); 
}
.no-rgba .tabs ul.nav li.ui-tabs-selected a {
  background: url(../images/black50.png) repeat;
}

.tabs .tab {
  border: 5px solid #fff;
  padding: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*  Toggle Styles
/*-----------------------------------------------------------------------------------*/

.toggle { margin: 0 0 20px 0; }

.toggle h5 {
	margin-bottom: 0px;
  font-weight: bold;
  line-height: 20px;
	padding: 20px 0px 20px 20px; 
	border: 5px solid #EFEFEF;
	cursor: pointer;
  background: rgba(0,0,0,0.2);
}
.no-rgba .toggle h5 {
  background: url(../images/black50.png) repeat;
}

.toggle-inner {
	padding: 20px;
	border: 5px solid #EFEFEF;
	border-top: none;
}

.toggle-inner div {
	display: block;
}

.toggle .ui-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons-dark.png);
  background-position: 0px 20px;
  float: left;
  margin-right: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.toggle .ui-state-active .ui-icon {
  background-image: url(../images/icons-dark.png);
  background-position: -20px 20px;
}


/* Clearfix */
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }
.clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }