/*================================================================================================================

>>> Shortcodes (for shortcodes.php)
                                                     
================================================================================================================*/



/*========================================================

>>> Buttons

========================================================*/

.btn {
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	font-weight: lighter;
	color: #fff !important;
	text-transform: uppercase;
	padding: 4px 15px;
	margin: 0 10px 10px 0;
	display: inline-block;
	background: #454953;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.large {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 4px 20px;
}

.regular {
	font-size: 12px;
}

.small {
	height: 16px;
	line-height: 16px;
	padding: 4px 10px;
}



/*========================================================

>>> Columns

========================================================*/

	.full { width: 100%; clear: both; margin-bottom: 25px; overflow: hidden; }
	.one-half, .one-third, .two-thirds, .one-fourth, .one-fifth, .two-fifths, .three-fifths, .four-fifths, .one-sixth { float: left; position: relative; margin-right: 4%; margin-bottom: 25px; }
	.one-half { width: 48%; }
	.one-third { width: 30.66%; }
	.two-thirds { width: 65.1%; }
	.one-fourth { width: 22%; }
	.one-fifth { width: 16.8%; }
	.two-fifths { width: 37.2%; }
	.three-fifths { width: 54.8%; }
	.four-fifths { width: 78.8%; }
	.column-last { margin-right: 0 !important; clear: right; }
	
	
	
/*========================================================

>>> Lists

========================================================*/

	.content .list ul { list-style-type: none; margin: 0 0 40px 0; }
	.content .list ul li { line-height: 20px; padding: 0 0 0 20px; margin-bottom: 15px; }
	.list_check ul li { background: url(../images/icons/list_check.png) center left no-repeat }
	.list_delete ul li { background: url(../images/icons/list_delete.png) center left no-repeat }
	.list_heart ul li { background: url(../images/icons/list_heart.png) center left no-repeat }
	.list_lightning ul li { background: url(../images/icons/list_lightning.png) center left no-repeat }
	.list_star ul li { background: url(../images/icons/list_star.png) center left no-repeat }
	.list_contact ul li { background: url(../images/icons/list_contact.png) center left no-repeat }
	.list_idea ul li { background: url(../images/icons/list_idea.png) center left no-repeat }
	.list_flag ul li { background: url(../images/icons/list_flag.png) center left no-repeat }
	
	
	
/*========================================================

>>> Message Boxes

========================================================*/

	.mbox { height: 50px; margin: 0 0 25px 0; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.mbox p { color: #333; line-height: 50px; padding-left: 60px; }
	.mbox a { color: #222; font-weight: bold; }
	
	.successbox { background: #f3ffdd url(../images/icon_success.png) 30px center no-repeat; }
	.errorbox { background: #ffdddd url(../images/icon_error.png) 30px center no-repeat; }
	.warningbox { background: #fff1dd url(../images/icon_warning.png) 30px center no-repeat; }
	.downloadbox { background: #ffffde url(../images/icon_download.png) 30px center no-repeat; }



/*========================================================

>>> Pricing Table

========================================================*/

	.price-table {
		width: 100%;
		float: left;
		margin-bottom: 40px;
		border: 1px solid #d5dbdf;
	}
	
	.price-table .price-inner {
		width: 98%;
		float: left;
		margin: 1%;
		background: #e5e9eb;
	}
	
	.price-table .price-col {
		width: 24%;
		float: left;
	}
	
	.price-table.same .price-col { width: 25% !important; }
	
	.price-table .price-col .col-inner {
		padding: 25px 0;
		overflow: hidden;
	}
	
	.price-table .price-col.col2 {
		background: #f5f7f9;
	}
	
	.price-table .price-col.yes {
		width: 28%;
		position: relative;
		-webkit-box-shadow: 0px 3px 17px rgba(50, 50, 50, 0.3);
		-moz-box-shadow: 0px 3px 17px rgba(50, 50, 50, 0.3);
		box-shadow: 0px 3px 17px rgba(50, 50, 50, 0.3);
	}
	
	.price-table .price-col.yes .col-inner {
		margin: -15px 0 -25px 0;
		padding: 35px 0;
		background: #f5f7f9;
		border: 5px solid #e56b43;
	}
	
	/*.price-table .price-col.colFeat .col-inner:hover ul li {
		border-color: #d25a33;
	}*/
	
	.price-table .price-col h2,
	.price-table .price-col h3 {
		text-align: center;
	}
	
	.price-table .price-col h2 {
		margin-bottom: 5px;
	}
	
	.price-table .price-col h3 {
		color: #9b9fa1;
		font-weight: bold;
	}
	
	.price-table .price-col ul {
		margin: 0 0 25px 0;
	}
	
	.price-table .price-col ul li {
		color: #3d4246;
		margin: 0;
		padding: 15px 20px;
		text-align: center;
		border-bottom: 1px solid #d7dcde;
	}
	
	.price-table .price-col ul li:first-child {
		border-top: 1px solid #d7dcde;
	}
	
	.price-table .price-col ul li span {
		padding: 0 20px;
		background: url(../images/icon-check.png) center left no-repeat;
	}
	
	.price-table .price-col .action {
		width: 100%;
		text-align: center;
	}
	
	.price-table .price-col .action .btn {
		float: none;
		display: inline-block;
	}
	


/*========================================================

>>> Tabs

========================================================*/
	
	.ui-tabs {
		position: relative;
		zoom: 1;
	}
	
	.ui-tabs .ui-tabs-nav {
		padding: 0;
		overflow: hidden;
		float: left;
		margin: 0 0 10px 0;
	}
	
	.ui-tabs .ui-tabs-nav li {
		height: 40px;
		list-style: none;
		float: left;
		position: relative;
		white-space: nowrap;
		padding-right: 40px;
		margin-bottom: 0;
	}
	
	.ui-tabs .ui-tabs-nav li a {
		color: #7D8087;
		font-family: "Open Sans", sans-serif;
		font-size: 18px;
		height: 20px;
		display: block;
		text-shadow: 0 1px 1px #fff;
		text-decoration: none;
		text-transform: uppercase;
		overflow: hidden;
		background: url(../../images/btn-large-shadow.png) repeat-x;
	}
	
	.ui-tabs .ui-tabs-nav li a span {
		font-weight: bold;
		line-height: 28px;
		float: left;
		padding: 0;
		display: block;
	}
	
	.ui-tabs .ui-tabs-nav .ui-state-active a {
		color: #454953 !important;
	}
	
	.ui-tabs .ui-tabs-nav .ui-tabs-selected,
	.ui-tabs .ui-tabs-nav .ui-state-active,
	.ui-tabs .ui-tabs-nav :hover { 
		border-bottom: 0;
	}
		
	.ui-tabs .ui-tabs-nav .ui-tabs-selected a,
	.ui-tabs .ui-tabs-nav .ui-state-disabled a,
	.ui-tabs .ui-tabs-nav .ui-state-processing a {
		cursor: text;
	}
	
	.ui-tabs .ui-tabs-nav li a,
	.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
		cursor: pointer;
	}
	
	.ui-tabs .tabs-container {
		clear: both;
		border: 1px solid #d5dbdf;
	}
	
	.ui-tabs .ui-tabs-panel {
		clear: both;
		display: block;
		border-width: 0;
	}
	
	.ui-tabs .ui-tabs-hide {
		display: none !important;
	}
	
	

/*========================================================

>>> Accordion

========================================================*/
	
	.ui-accordion {
		width: 100%;
	}
	
	.ui-accordion h1,
	.ui-accordion h2,
	.ui-accordion h3, 
	.ui-accordion h4,
	.ui-accordion h5 {
		color: #525252;
	}
	
	.ui-accordion .ui-accordion-header {
		color: #fff;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		position: relative;
		zoom: 1;
		margin: 0;
		display: block;
		padding: 0 20px;
		background-color: #454953;
	}
	
	.ui-accordion .ui-accordion-header a {
		font-style: normal !important;
		height: 40px;
		width: 100%;
		display: block;
	}
	
	.ui-accordion .ui-accordion-li-fix {
		display: inline;
	}
	
	.ui-accordion .ui-accordion-header-active {
		border-bottom: 0 !important;
	}
	
	.ui-accordion .ui-accordion-header .ui-icon {
		position: absolute;
		left: .5em;
		top: 50%;
		margin-top: -8px;
	}
	
	.ui-accordion .ui-accordion-content {
		border-top: 0;
		position: relative;
		overflow: auto;
		display: none;
		zoom: 1;
		padding: 20px;
	}
	
	.ui-accordion .ui-accordion-content-active {
		display: block;
	}



/*========================================================

>>> Responsive

========================================================*/
	
	/* Smartphones (portrait) -----------

========================================================*/
	
		@media only screen
		and (max-width : 320px) {

			

		}
		
	/* Max 750px -----------*/
		
		@media only screen and (max-width : 750px) {
		
			.price-table .price-col {
					width: 100% !important;
					clear: both;
					margin-bottom: 10px;
				}
				
				.price-table .price-col ul li {
					display: none;
				}
		
		}