/* --- Columns
=============================== */

.row { margin: 0 -15px 0 -15px; clear: both; }
.column { float: left; padding: 0 15px; }
.column img { max-width: 100%; height: auto; }
.column.one_fourth { width: 25%; }
.column.three_fourth { width: 75%; }
.column.one_third { width: 33.33%; }
.column.two_third { width: 66.66%; }
.column.one_half { width: 50%; }
.column.one_fifth { width: 20%; }
.column.two_fifth { width: 40%; }
.column.three_fifth { width: 60%; }
.column.four_fifth { width: 80%; }

/* --- Buttons
=============================== */

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

.button:hover {
	text-decoration: none;
}

.button.small {
	padding: 5px 10px;
}

.button.medium {
	padding: 10px 20px;
}

.button.large {
	padding: 15px 30px;
}

/* --- Headings
=============================== */

.headings.text-left {
	text-align: left;
}

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

.headings.text-right {
	text-align: right;
}

/* --- Accordion
=============================== */

.accordion_title {
    margin: 0px;
    padding: 10px 15px;
    cursor: pointer;
    display: none;
    background: #f7f7f7;
}

.accordion_title.active {
	background: #f00;
	font-weight: bold;
	color: #fff;
}

.accordion_title .accordion_icon {
	position: relative;
    width: 0;
    height: 0;
    float: right;
}

.accordion_title .accordion_icon:before {
	font-family: "FontAwesome";
	position: absolute;
	top: 0;
	right: 0;
	content: "\f067";
	font-size: 16px;
}

.accordion_title.active .accordion_icon:before {
	content: "\f068";
}

.accordion_group .accordion_title {
    display: block;
}

.accordion_group .tabs_content {
    border: 1px solid #eee;
}

/* --- FAQ
=============================== */

.faq dt {
    margin: 0px;
    padding: 10px 15px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    background: #eee;
}

.faq dt span {
	float: left;
    font-weight: bold;
}

.faq dt .faq_icon {
	float: right;
}

.faq dt.active {

}

.faq_content {
	margin: 0;
	padding: 15px;
	display: none;
	border: 1px solid #eee;
	border-top: none;
}

/* --- Tabs
=============================== */

.tabs_nav {
    margin: 0px;
    padding: 0px;
}

.tabs_nav_item {
	width: 50%;
    display: inline-block;
    padding: 10px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    text-align: center;
    background: #f7f7f7;
    font-size: 17px;
}

.tabs_nav_item.active {
    font-weight: bold;
    background: #f7f7f7;
}

.tabs_nav_item.disqus.active {
	background: #ff0000;
	color: #fff;
}

.tabs_nav_item.facebook.active {
	background: #4e6ca8;
	color: #fff;
}

.tabs_container {
    padding: 0px;
    clear: left;
}

.tabs_content {
    display: none;
    padding: 15px;
    background: #f7f7f7;
}


/*-----------Vertical tabs-----------*/

.tabs_vertical .tabs_nav {
    float: left;
    width: 25%;
}

.tabs_vertical .tabs_nav_item {
    display: block;
    margin: 0;
    padding: 10px 15px;
    cursor: pointer;
    float: none;
}

.tabs_vertical .tabs_nav_item.active {
    position: relative;
    z-index: 1;
    padding: 10px 15px !important;
    font-weight: bold;
}

.tabs_vertical .tabs_container {
	width: 75%;
	padding: 0px;
	float: left;
	clear: none;
}

.tabs_vertical .tabs_content {
	padding: 10px 15px;
	border: none;
	background: #eee;
}

@media only screen and (max-width: 768px) {
    ul.tabs_nav {
        display: none;
    }

    .accordion_title {
        display: block;
    }

    .tabs_vertical .tabs_container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .tabs_vertical .tabs_container .tabs_content {
	    background: none;
	    border: 1px solid #eee;
    }

    .accordion_title-closed {
        display: none !important;
    }
}