/*

Theme Name: The Mask
Description: HTML/CSS Template
Author: fireform
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0

Designed & Coded by Fireform
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/

/*Column shortcodes*/
.one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .two_thirds, .three_fourth {
    float: left;
    margin-right: 3.4%;
    line-height: 1.4em;
}

.one_half {
    width: 48.3%;
}

.one_third {
    width: 31.0666666667%;
}

.one_fourth {
    width: 22.45%;
}

.one_fifth {
	width: 17.28%;
}

.one_sixth {
    width: 13.8333333333%;
}

.two_thirds {
    width: 65.5%;
}

.three_fourth {
	width: 74.15%;
}

.omega {
	margin-right: 0;
}

/*Text highlight*/
span.highlight-hl-theme,
span.highlight-hl-red,
span.highlight-hl-blue,
span.highlight-hl-green,
span.highlight-hl-grey,
span.highlight-hl-black,
span.highlight-hl-orange,
span.highlight-hl-gold,
span.highlight-hl-lime,
span.highlight-hl-turquoise,
span.highlight-hl-violet,
span.highlight-hl-custom,

span.highlight-hl-theme a,
span.highlight-hl-red a,
span.highlight-hl-blue a,
span.highlight-hl-green a,
span.highlight-hl-grey a,
span.highlight-hl-black a,
span.highlight-hl-orange a,
span.highlight-hl-gold a,
span.highlight-hl-lime a,
span.highlight-hl-turquoise a,
span.highlight-hl-violet a,
span.highlight-hl-custom a
 {
    padding: 2px 4px;
    line-height: 1.6em;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

span.highlight-hl-red {
    background: #dc3030;
}

span.highlight-hl-blue {
    background: #33a2e2;
}

span.highlight-hl-green {
    background: #30d438;
}

span.highlight-hl-grey {
    background: #808080;
}

span.highlight-hl-black {
    background: #000;
}


span.highlight-hl-orange {
    background: #ed903e;
}

span.highlight-hl-gold {
	background: #B58F24;
}

span.highlight-hl-lime {
	background: #a6ca29;
}

span.highlight-hl-turquoise {
	background: #2ac6c0;
}

span.highlight-hl-violet {
	background: #5b7ddf;
}

/*Accordion*/
.accordion .ui-state-focus {
    outline: none;
}

.accordion .ui-accordion-header a {
    outline: 0 none;
    display: block;
    padding: 8px 20px 8px 51px;
    padding-left: 40px;
    background: url(../images/toggle-icn.png) no-repeat 10px 8px;
}

.accordion .ui-accordion-header.ui-state-active a {
	background-position: 10px -76px;
}

.accordion .ui-accordion-content {
    padding: 10px 40px;
}

.accordion .ui-accordion-header {
    background: transparent;
    background: #f3f3f3;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
}

.accordion .ui-accordion-header .ui-icon {
    cursor: pointer;
    width: 15px;
    height: 16px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    background: url(../images/accordion.png) no-repeat left;
}

.accordion .ui-state-active .ui-icon {
    background: url(../images/accordion.png) no-repeat right;
}

/*Tabs*/
.no-js ul.tabs-nav {
    display: none;
}

.ef-tabs {
    line-height: 1.6em;
    margin-bottom: 1.5em;
}

.ef-tabs ul.tabs-nav {
    clear: both;
    list-style: none outside none;
    margin: 0 0 0 1px;
    overflow: hidden;
    padding: 0;
}

.ef-tabs ul.tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    position: relative;
    z-index: 10;
}

.ef-tabs ul.tabs-nav li a {
    border: 1px solid #ececec;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 0.1em;
    display: block;
    overflow: hidden;
    padding: 5px 15px;
}

.ef-tabs .tab {
	font-size: 0.9em;
	line-height: 1.4em;
    padding: 15px 0;
}

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

/*Alerts*/
.ef-alertBox, .ef-list {
	position: relative;
    padding: 0.8em 2.8em 0.8em 1em;
    font-size: 0.9em;
    font-weight: 500;
    display: block;
    margin-bottom: 1.5em;
    line-height: 1em;
    clear: both;
}

.ef-alertBox p {
	margin-bottom: 0;
}

.ef-alertBox span, .ef-list span {
	position: absolute;
	display: block;
	cursor: pointer;
	right: 1em;
	top: 50%;
	margin-top: -8px;
	background: url('../images/alert-close.png') no-repeat left top;
	width: 16px;
	height: 16px;
}

.ef-list {
	display: none;
}

.alertBox-warning p,.alertBox-success p,.alertBox-alert p {
    margin: 0;
}

.ef-alertBox.ef-warning {
	background-color: #ee976c;
}

.ef-alertBox.ef-success, .ef-list {
	background-color: #47D496;
}

.ef-alertBox.ef-alert {
    background-color: #e77575;
}

.alertBox-success div,.alertBox-warning div,.alertBox-alert div {
    border-style: solid !important;
    padding: 10px;
    clear: both;
}

/*Bolckquotes*/
blockquote {
    font-size: 1.3em;
    padding: 0 1em;
    width: 40%;
    font-style: normal;
    text-align: left;
    line-height: 1.2em;
}

blockquote {
    width: auto;
    border-left: 3px solid #eaeaea;
    text-align: center;
    margin-bottom: 1em;
}

blockquote.alignleft, blockquote.alignright {
    border-left: 3px solid #eaeaea;
    float: left;
    line-height: 1.1em;
    text-align: left;
    width: 45%;
    margin: 0 1em 1em 0;
}

blockquote.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.testimonials.ef-xl .ef-t-content {
    padding: 1.3em;
	background-color: #f5f5f5;
}

.testimonials .proj-img {
    width: 25%;
}

.testimonials.ef-xxl {
    padding-left: 1.2em;
    border-left-width: 3px;
	border-left-style: solid;
}

p.first-paragraph {
	line-height: 1.2em;
	font-size: 1.3em;
	margin-bottom: 0.9em;
}

.testimonials.ef-xxl p.ef-author {
	margin-bottom: 0;
}

.testimonials.ef-xxl {
	margin-bottom: 1.5em;
}

.testimonials.ef-xl .ef-author {
    padding-top: 20px;
    background: url(../images/t-corner.gif) no-repeat 0 0;
}

.testimonials.ef-m .ef-author {
	padding-top: 20px;
	background: url(../images/testim-m-bg.gif) no-repeat 0 0;
}

.testimonials .ef-author {
	font-size: 0.9em;
	text-transform: uppercase;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	word-spacing: 0.5em;
}

/*List styles*/
ul.checkboxes li {    
    background: url('../images/sucsess.png') no-repeat 0 0.2em;    
}

ul.checkboxes.ef-round li {    
    background: url('../images/checkb-round.png') no-repeat 0 0.2em;    
}

ul.star li, .widget_recent_entries ul li {
    background: url(../images/star.png) no-repeat 0 0.1em;
}

ul.star.ef-round li {
    background: url(../images/star-round.png) no-repeat 0 0.3em;
}

ul.arrow li, .widget_pages ul li {
    background: url(../images/arrow.png) no-repeat 0 0.14em;
}

ul.arrow.ef-round li {
    background: url(../images/arrow-round.png) no-repeat 0 0.2em;
}

ul.arrow-bullet li, .widget_links ul li, .widget_meta ul li {
    background: url(../images/arrow-bullet.png) no-repeat 0 0.1em;
}

ul.arrow-bullet.ef-round li {
    background: url(../images/arrow-bullet-round.png) no-repeat 0 0.2em;
}

ul.colored-disc.ef-green li {
    background: url(../images/colored-circle-green.png) no-repeat 0 0.1em;
}

ul.colored-disc.ef-blue li {
    background: url(../images/colored-disk-blue.png) no-repeat 0 0.1em;
}

/*Toggle box*/
.ef-toggle-box li {
    margin-bottom: 0;
    padding-left: 0;
    display: block;
}

.ef-toggle-box .toggle-head {
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1.4em;
    display: block;
    padding: 7px 0 7px 20px;
    border: 1px solid #ECECEC;
    margin-bottom: 2px;
}

.ef-toggle-box.toggle-icn .toggle-head {
    padding-left: 40px;
    background: url(../images/toggle-icn.png) no-repeat 10px 7px;
}

.ef-toggle-box.toggle-icn li.open .toggle-head {
    background-position: 10px -77px;
}

.ef-toggle-box.toggle-icn .toggle-content {
    padding-left: 40px;
}

.ef-toggle-box .toggle-content {
    overflow: hidden;
    padding: 15px 0;
}

/*Pricing tables*/
.price-table {
	overflow: hidden;
	margin-bottom: 1.5em;
	padding-right: 1px;
}

.price-table .pt-column {
    width: 25%;
    text-align: center;
    float: left;
}

.price-table .price-title {
    padding: 0.7em 1em 0.5em;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: normal;
    background-image: url('../images/price-title-bg.gif');
    background-position: center top;
    background-repeat: no-repeat;
}

.price-item .price-content {
    padding: 1em 0;
}

.price-item .price-content li {
	margin-left: 0;
}

.price-table a.ef-button {
    margin-right: 0;
}

.price-table .pt-column .price-item {
    padding-bottom: 10px;
    border: 1px solid #ececec;
    margin-right: -1px;
}

.price-item .price-tag {
    height: 10em;
    line-height: 10em;
}

.price-item .price-tag span {
	background-image: url('../images/price-tag-bg.png');
	background-position: center 0.4em;
	background-repeat: no-repeat;
	display: inline-block;
	height: 3.5em;
	width: 3.5em;
	line-height: 3.5em;
	font-size: 1.2em;
}

.price-item.recomended .price-tag span {
	background-image: url('../images/price-tag-bg-recom.png');
	font-size: 1.6em;
	font-weight: 500;
}

.price-item .price-tag span sup {
	vertical-align: text-top;
}

.price-table .pt-column .price-item.recomended {
    -moz-box-shadow: 0 2px 20px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.05);
    box-shadow: 0 2px 20px rgba(0,0,0,0.05);
    padding-bottom: 2em;
    margin-top: -2em;
    position: relative;
    z-index: 1;
}

.price-item ul li {
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 1em;
    line-height: 2.4em;
    height: 2.4em;
}

.price-content ul li span {
    padding-left: 20px;
}

.price-content ul li.ef-yes span {
    background: url(../images/star-round.png) no-repeat 0 50%;
}

.price-content ul li.ef-no span {
    background: none transparent;
}

.price-item ul li:nth-child(2n),.price-item ul li.nth-2n {
    background-color: #fafafa;
}

.price-item.recomended .price-tag {
    line-height: 12em;
    height: 12em;
}

.price-item .price-tag sup {
    font-weight: 100;
    font-size: 50%;
}

/*Contact form in column shortcodes*/

.one_half .ef-form div, .one_third .ef-form div, .one_fourth .ef-form div, .one_fifth .ef-form div, .one_sixth .ef-form div, .two_thirds .ef-form div, .three_fourth .ef-form div,

.one_half .ef-form div.ef-textarea, .one_third .ef-form div.ef-textarea, .one_fourth .ef-form div.ef-textarea, .one_fifth .ef-form div.ef-textarea, .one_sixth .ef-form div.ef-textarea, .two_thirds .ef-form div.ef-textarea, .three_fourth .ef-form div.ef-textarea {
	width: 100%;
}

.one_half .ef-form div, .one_third .ef-form div, .one_fourth .ef-form div, .one_fifth .ef-form div, .one_sixth .ef-form div, .two_thirds .ef-form div, .three_fourth .ef-form div {
	margin-bottom: 0.3em;
}


.one_half .ef-form div div, .one_third .ef-form div div, .one_fourth .ef-form div div, .one_fifth .ef-form div div, .one_sixth .ef-form div div, .two_thirds .ef-form div div, .three_fourth .ef-form div div {
	width: 97%;
}

.one_half .ef-form div.ef-textarea div, .one_third .ef-form div.ef-textarea div, .one_fourth .ef-form div.ef-textarea div, .one_fifth .ef-form div.ef-textarea div, .one_sixth .ef-form div.ef-textarea div, .two_thirds .ef-form div.ef-textarea div, .three_fourth .ef-form div.ef-textarea div {
	width: 97%;
}

.one_half .ef-form div.ef-textarea, .one_third .ef-form div.ef-textarea, .one_fourth .ef-form div.ef-textarea, .one_fifth .ef-form div.ef-textarea, .one_sixth .ef-form div.ef-textarea, .two_thirds .ef-form div.ef-textarea, .three_fourth .ef-form div.ef-textarea {
	margin-bottom: 1.5em;
}

.one_half .ef-form div label, .one_third .ef-form div label, .one_fourth .ef-form div label, .one_fifth .ef-form div label, .one_sixth .ef-form div label, .two_thirds .ef-form div label, .three_fourth .ef-form div label {
	margin-bottom: 1.2em;
}

.one_half .ef-form div.send-wrap, .one_third .ef-form div.send-wrap, .one_fourth .ef-form div.send-wrap, .one_fifth .ef-form div.send-wrap, .one_sixth .ef-form div.send-wrap, .two_thirds .ef-form div.send-wrap, .three_fourth .ef-form div.send-wrap {
	margin-left: 0;
	width: 100%;
}

.one_half .ef-form div.send-wrap div, .one_third .ef-form div.send-wrap div, .one_fourth .ef-form div.send-wrap div, .one_fifth .ef-form div.send-wrap div, .one_sixth .ef-form div.send-wrap div, .two_thirds .ef-form div.send-wrap div, .three_fourth .ef-form div.send-wrap div {
	width: auto;
}