/* 




/* 
===============================================================================================================
01. COLUMNS
=============================================================================================================== */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    float: left;
    margin-right: 4%;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.6666%;
}

.two_third {
    width: 65.3332%;
}

.one_fourth {
    width: 22%;
}

.two_fourth {
    width: 48%;
}

.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.3333%;
}

.two_sixth {
    width: 30.6666%;
}

.three_sixth {
    width: 47.9998%;
}

.four_sixth {
    width: 65.3332%;
}

.five_sixth {
    width: 82.6665%;
}

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

.one_half .one_half {
    margin-right: 8.3333%;
    width: 45.8333%;
}

.one_half .one_third {
    margin-right: 8.3333%;
    width: 27.7778%;
}

.one_half .two_third {
    margin-right: 8.3333%;
    width: 63.8889%;
}

.two_third .one_third {
    margin-right: 6.1224%;
    width: 29.2517%;
}

.two_third .two_third {
    margin-right: 6.1224%;
    width: 64.6258%;
}

.two_third .one_fourth {
    margin-right: 6.1224%;
    width: 20.4082%;
}











/* 
===============================================================================================================
02. DROPCAPS
=============================================================================================================== */


.dropcaps {
    float: left;
    margin-right: 5px;
    text-align: center;
}

.dropcaps.simple.dropcaps {
    margin-right: 10px;
    height: 35px;
    font-size: 40px;
    line-height: 35px;
}

.fancy.dropcaps {
    margin-top: 5px;
    width: 35px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
}








/* 
===============================================================================================================
03. BLOCKQUOTES
=============================================================================================================== */

blockquote {
    font-style: italic;
    font-size: 14px;
}

blockquote p {
    margin-bottom: 0 !important;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
}

blockquote cite {
    font-size: 12px;
}

blockquote.aligncenter {
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: left;
}

blockquote.alignleft {
    float: left;
    margin: 0 20px 10px 0;
    width: 30%;
}

blockquote.alignright {
    float: right;
    margin: 0 0 10px 20px;
    width: 30%;
}

blockquote.style1 {
    padding-left: 75px;
    background: url(../images/blockquote_style1.png) 5px 10px no-repeat;
}

blockquote.style2 {
    padding-left: 75px;
    background: url(../images/blockquote_style2.png) 5px 10px no-repeat;
}

blockquote.style3 {
    padding-left: 45px;
    background: url(../images/blockquote_style3.png) 5px 10px no-repeat;
}

blockquote.style4 {
    margin-left: 10px !important;
    padding-left: 20px;
    border-left: 3px solid #dddddd;
}

blockquote.style5 {
    padding: 20px;
    border: 2px solid #dddddd;
    border-right: none;
    border-left: none;
    background-color: #eaeaea;
}

blockquote.style6 {
    padding: 20px;
    background: rgba(0,0,0, 0.02);
}




/* 
===============================================================================================================
04. PRE & CODE
=============================================================================================================== */

.code, .pre {
    overflow: auto;
    padding: 10px;
    border: 1px solid #e0e0e0;
    background: #fdfdfd;
    white-space: 0 !important;
    line-height: 22px;
}

.code {
    padding: 22px 10px;
    background: url("../images/code_bg.png") repeat scroll 0 0 #fff;
}





/* 
===============================================================================================================
05. CUSTOM LIST
=============================================================================================================== */

ul.tick_style, ul.play_style, ul.comment_style, ul.minus_style, ul.plus_style, ul.rounded_plus_style, ul.close_style, ul.warning_style,  ul.arrow_style, ul.question_mark_style, ul.error_style, ul.disc_style, ul.square_style, ul.wide_arrow_style, ul.star_style {
    margin-left: 5px;
    list-style-type: none;
}

ul.tick_style ul, ul.play_style ul, ul.comment_style ul, ul.minus_style ul, ul.plus_style ul, ul.rounded_plus_style ul, ul.close_style, ul.arrow_style ul, ul.question_mark_style ul, ul.error_style ul, ul.disc_style ul, ul.square_style ul, ul.wide_arrow_style ul, ul.star_style ul {
    list-style: none;
}

ul.tick_style li, ul.play_style li, ul.comment_style li, ul.minus_style li, ul.plus_style li, ul.rounded_plus_style li, ul.close_style li, ul.warning_style li,  ul.arrow_style li, ul.question_mark_style li, ul.error_style li, ul.disc_style li, ul.square_style li, ul.wide_arrow_style li, ul.star_style li {
    margin: 5px 0;
    padding-left: 25px;
    background-color: transparent;
    background-image: url("../images/lists_dark_gray.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
}

ul.tick_style li {
    background-position: -734px 1px;
}

ul.play_style li {
    background-position: -689px -45px;
}

ul.comment_style li {
    background-position: -644px -87px;
}

ul.minus_style li {
    background-position: -599px -135px;
}

ul.plus_style li {
    background-position: -556px -178px;
}

ul.rounded_plus_style li {
    background-position: -511px -224px;
}

ul.close_style li {
    background-position: -465px -264px;
}

ul.arrow_style li {
    background-position: -420px -315px;
}

ul.warning_style li {
    background-position: -362px -369px;
}

ul.question_mark_style li {
    background-position: -306px -424px;
}

ul.error_style li {
    background-position: -206px -527px;
}

ul.disc_style li {
    background-position: -142px -591px;
}

ul.square_style li {
    background-position: -255px -475px;
}

ul.wide_arrow_style li {
    background-position: -85px -649px;
}

ul.star_style li {
    background-position: -13px -720px;
}

ul.carenian li {
    background-image: url("../images/lists_carenian.png");
}

ul.red_orange li {
    background-image: url("../images/lists_red_orange.png");
}

ul.sunglow li {
    background-image: url("../images/lists_sunglow.png");
}

ul.apple_green li {
    background-image: url("../images/lists_apple_green.png");
}

ul.green li {
    background-image: url("../images/lists_green.png");
}

ul.caribbean_green li {
    background-image: url("../images/lists_caribbean_green.png");
}

ul.cerulean li {
    background-image: url("../images/lists_cerulean.png");
}

ul.cobult li {
    background-image: url("../images/lists_cobult.png");
}

ul.blue_purpule li {
    background-image: url("../images/lists_blue_purpule.png");
}

ul.deep_pink li {
    background-image: url("../images/lists_deep_pink.png");
}

ul.almond li {
    background-image: url("../images/lists_almond.png");
}

ul.air_force_blue li {
    background-image: url("../images/lists_air_force_blue.png");
}

ul.dark_brown li {
    background-image: url("../images/lists_dark_brown.png");
}

ul.brown li {
    background-image: url("../images/lists_brown.png");
}

ul.dark_gray li {
    background-image: url("../images/lists_dark_gray.png");
}

ul.light_gray li {
    background-image: url("../images/lists_light_gray.png");
}










/* 
===============================================================================================================
06. ICON TEXT & ICON LINK
=============================================================================================================== */

.icon_list {
    display: inline-block;
    margin: 1px 0;
    padding: 0 0 0 28px;
    background-color: transparent;
    background-image: url("../images/icon_lists_dark_gray.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
    line-height: 24px;
}

.list_home {
    background-position: -360px 3px;
}

.list_email {
    background-position: -331px -26px;
}

.list_user {
    background-position: -302px -59px;
}

.list_multiuser {
    background-position: -272px -85px;
}

.list_id {
    background-position: -240px -120px;
}

.list_addressbook {
    background-position: -213px -147px;
}

.list_phone {
    background-position: -180px -178px;
}

.list_link {
    background-position: -152px -208px;
}

.list_chain {
    background-position: -124px -240px;
}

.list_calendar {
    background-position: -94px -269px;
}

.list_tag {
    background-position: -62px -298px;
}

.list_download {
    background-position: -30px -325px;
}

.list_mobile {
    background-position: 1px -356px;
}

.icon_list.carenian {
    background-image: url("../images/icon_lists_carenian.png");
}

.icon_list.red_orange {
    background-image: url("../images/icon_lists_red_orange.png");
}

.icon_list.sunglow {
    background-image: url("../images/icon_lists_sunglow.png");
}

.icon_list.apple_green {
    background-image: url("../images/icon_lists_apple_green.png");
}

.icon_list.green {
    background-image: url("../images/icon_lists_green.png");
}

.icon_list.caribbean_green {
    background-image: url("../images/icon_lists_caribbean_green.png");
}

.icon_list.cerulean {
    background-image: url("../images/icon_lists_cerulean.png");
}

.icon_list.cobult {
    background-image: url("../images/icon_lists_cobult.png");
}

.icon_list.blue_purpule {
    background-image: url("../images/icon_lists_blue_purpule.png");
}

.icon_list.deep_pink {
    background-image: url("../images/icon_lists_deep_pink.png");
}

.icon_list.almond {
    background-image: url("../images/icon_lists_almond.png");
}

.icon_list.air_force_blue {
    background-image: url("../images/icon_lists_air_force_blue.png");
}

.icon_list.dark_brown {
    background-image: url("../images/icon_lists_dark_brown.png");
}

.icon_list.brown {
    background-image: url("../images/icon_lists_brown.png");
}

.icon_list.dark_gray {
    background-image: url("../images/icon_lists_dark_gray.png");
}

.icon_list.light_gray {
    background-image: url("../images/icon_lists_light_gray.png");
}









/* 
===============================================================================================================
07. HIGHLIGHT
=============================================================================================================== */

.highlight {
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}





/* 
===============================================================================================================
08. BUTTON
=============================================================================================================== */

.button {
    position: relative;
    display: inline-block;
    margin: 0 8px 20px 8px;
    margin-right: 0.2px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.95;
    cursor: pointer;
    zoom: 1;
}

button::-moz-focus-inner {
    border: none;
}

.aligncenter .button {
    margin: 0 0 20px 0;
}

button.button {
    padding: 0px;
    outline: none;
    border: none !important;
    background: none;
}

.button > span {
    position: relative;
    display: inline-block;
    color: #fff;
    vertical-align: bottom;
    letter-spacing: 1px;
    zoom: 1;
}

.button > span:after {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: 2;
    height: 3px;
    background: rgba(0,0,0, 0.1);
    content: "";
}

.button.large > span {
    padding: 0.8em 2.4em;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8em;
}

.button.medium > span {
    padding: 0.8em 2.3em;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.8em;
}

.button.small > span {
    padding: 0.7em 1.9em;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.9em;
}

.carenian.button {
    background-color: #a01115;
}

.red_orange.button {
    background-color: #f76a26;
}

.sunglow.button {
    background-color: #ffc71e;
}

.sunglow.button span {
    color: #9b5b00;
}

.apple_green.button {
    background-color: #99c61a;
}

.green.button {
    background-color: #19730f;
}

.caribbean_green.button {
    background-color: #19b898;
}

.cerulean.button {
    background-color: #00d3d3;
}

.cobult.button {
    background-color: #0457a8;
}

.blue_purpule.button {
    background-color: #804ea4;
}

.deep_pink.button {
    background-color: #cc1983;
}

.almond.button {
    background-color: #cab9af;
}

.air_force_blue.button {
    background-color: #5c8193;
}

.dark_brown.button {
    background-color: #623b15;
}

.brown.button {
    background-color: #9d5d04;
}

.dark_gray.button {
    background-color: #151515;
}

.light_gray.button {
    background-color: #cacaca;
}

.light_gray.button span {
    color: #686868;
}

.button:hover > span {
    color: #fff !important;
}

.wpcf7-submit {
    outline: none;
    border: none;
    color: #fff;
}




/* 
===============================================================================================================
09. MESSAGE BOXES
=============================================================================================================== */

.message_info, .message_success, .message_warning, .message_error {
    margin-bottom: 30px;
}

.message_info .box_content, .message_success .box_content, .message_warning .box_content, .message_error .box_content {
    padding: 20px 20px 20px 70px;
    border: 1px solid #fff;
}

.message_info .box_content {
    background: url('../images/info_box_icon.png') 20px center no-repeat;
}

.message_info {
    border: 1px solid #b2e5f6;
    background-color: #e5f7fd;
}

.message_success .box_content {
    background: url('../images/success_box_icon.png') 20px center no-repeat;
}

.message_success {
    border: 1px solid #b5e4d2;
    background-color: #daf4eb;
}

.message_warning .box_content {
    background: url('../images/warning_box_icon.png') 20px center no-repeat;
}

.message_warning {
    border: 1px solid #f7d7b2;
    border-color: #fdecd9;
    background-color: #ffd2b1;
}

.message_error .box_content {
    background: url('../images/error_box_icon.png') 20px center no-repeat;
}

.message_error {
    border: 1px solid #ffcccc;
    background-color: #ffe5e5;
}





/* 
===============================================================================================================
CALOUT BOX
=============================================================================================================== */

.callout_box {
    margin-bottom: 30px;
    padding: 15px 25px;
    background: rgba(0,0,0,0.05);
}

.callout_box h2 {
    display: inline;
    margin: 0 !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 22px;
}

.callout_box .desc {
}

.callout_box .button {
    float: right;
    margin: 25px 10px 0 40px;
}









/* 
===============================================================================================================
12. TABLES
=============================================================================================================== */

/* general table styles */
.table {
    margin-bottom: 30px;
    background: none !important;
    font-size: 13px;
}

.table table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.table th {
    padding: 17px 12px 17px 15px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.table td {
    padding: 14px 6px 14px 15px;
    text-align: left;
}

.table tfoot {
    font-size: 12px;
}

.table tfoot td {
    padding: 8px;
    text-align: left;
}

.table th {
    color: #fff;
}

.table tbody tr {
    border-bottom: 1px solid #fff;
    background-color: rgba(0,0,0, 0.03);
}

.table tbody tr:hover {
    background-color: rgba(0,0,0, 0.06);
}



/* 
===============================================================================================================
13. Vertical TABS
=============================================================================================================== */
.vertical_tabs_container {
    margin-bottom: 40px;
    background-image: none;
}

ul.vertical_tabs {
    position: relative;
    z-index: 10;
    display: inline-block;
    float: left;
    margin: 0 40px 0 0;
    padding: 0;
    width: 280px;
    border: 3px solid rgba(0,0,0, 0.15);
    border-right: none;
    border-left: none;
}

ul.vertical_tabs li {
    display: block;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0, 0.1);
}

ul.vertical_tabs a img {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

ul.vertical_tabs a {
    display: block;
    padding: 20px 20px;
    border-left: 3px solid transparent;
    background-color: rgba(0,0,0, 0.05);
    font-size: 12px;
    line-height: 15px;
    line-height: 14px;
}

.vertical_tab_title {
    display: inline-block;
    line-height: 24px;
    ;
}

ul.vertical_tabs li.current a {
    background-color: rgba(0,0,0, 0.02);
}

.vertical_tabs_container .vertical_panes {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    width: 630px;
}

.vertical_tabs_container .vertical_panes > div {
    display: none;
}

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

    ul.vertical_tabs {
        width: 100%;
    }

    ul.vertical_tabs {
        margin-bottom: 30px;
    }

    .vertical_tabs_container .vertical_panes {
        width: auto;
    }
}



/* 
===============================================================================================================
13. TABS
=============================================================================================================== */
.tabs_container {
    margin-bottom: 30px;
    background-image: none;
}

ul.tabs {
    position: relative;
    z-index: 10;
    display: inline-block;
    margin: 0 0 -7px 0 !important;
    padding: 0;
    width: 100%;
}

ul.tabs li {
    display: inline;
    float: left;
    margin: 0;
}

ul.tabs li:first-child {
    margin-left: 0 !important;
}

ul.tabs a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 15px;
}

ul.tabs li.current a {
    margin-top: 0;
    cursor: default;
}

.tabs_container .panes {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 20px;
}

.tabs_container .panes > div {
    display: none;
}





/* TABS  CLASSIC STYLE*/

.classic ul.tabs li {
    margin-left: 8px;
}

.classic ul.tabs a {
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f7f7f7;
    color: #7c7c7c;
}

.classic ul.tabs li.current a {
    border-bottom: 1px solid #fbfbfb !important;
    background-color: #fbfbfb;
}

.classic.tabs_container .panes {
    border: 1px solid #e0e0e0;
    background-color: #fbfbfb;
}




/* TABS  THEME DEFAULT STYLE*/

.theme_default ul.tabs {
    background-color: #dfdfdf;
}

.theme_default ul.tabs a {
    position: relative;
    z-index: 100;
    padding: 16px 20px;
    background-color: #dfdfdf;
}

.theme_default ul.tabs li.current a:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 100;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
}

.theme_default.tabs_container .panes {
    border: 1px solid rgba(0,0,0, 0.2);
    background-color: #f4f4f4;
}




/* TABS  MODERN STYLE*/

.modern ul.tabs li {
    margin: 0 0 0px 5px;
}

.modern ul.tabs li:first-child {
    margin-left: 0 !important;
}

.modern.tabs_container .panes {
    overflow: hidden;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

.modern ul.tabs a {
    border-top: 3px solid #cfcfcf;
    background-color: #e9e9e9;
    color: #7c7c7c;
}

.modern ul.tabs li.current a {
    border-top: 3px solid #252525;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background-color: #fff;
    color: #252525;
}








/* 
===============================================================================================================
14. ACCORDION & TOGGLE
=============================================================================================================== */

.accordion {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: none;
}

.accordion .tab, .toggle_title {
    position: relative;
    margin: 0;
    padding: 15px 25px 15px 0;
    border-bottom: 1px dotted rgba(0,0,0, 0.2);
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.accordion .tab.current {
    border-bottom: none;
}

.toggle_title {
    margin-bottom: 0px !important;
}

.accordion .tab.current {
    cursor: default;
}

.accordion .pane, .toggle_content {
    display: none;
    padding: 0 25px 15px 0;
    border-bottom: 1px dotted rgba(0,0,0, 0.2);
}

.toggle {
    margin-bottom: 30px;
}

.toggle_title {
    border-top: 1px dotted rgba(0,0,0, 0.2);
}

.toggle_active {
    border-bottom: none;
}

.accordion .tab:after, .toggle_title:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    content: "";
}

.accordion .tab.current:after, .toggle_title.toggle_active:after {
    margin-top: -2px;
    width: 10px;
    height: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: "";
}



/* 
===============================================================================================================
15. ANYTHING SLIDER
=============================================================================================================== */

.anything_slider_shortcode {
}

.anything_slider_shortcode .slides_container {
    position: relative;
    padding-bottom: 10px;
    min-height: 50px;
}

.anything_slider_shortcode .slide {
    display: block;
}












/* 
===============================================================================================================
16. DIVIDERS
=============================================================================================================== */

hr {
    height: 1px;
    border: 0 solid transparent !important;
    background-color: transparent !important;
}

.divider {
    clear: both;
    margin-bottom: 40px;
    padding-top: 30px;
}

.padding_space {
    clear: both;
}

.divider .middle, .divider .right, .divider .left {
    float: left;
    margin-bottom: 30px;
    padding-top: 40px;
}

.top {
    margin-bottom: 50px;
    font-size: 10px;
    line-height: 10px;
}

.top span {
    display: inline-block;
    float: right;
    width: 97%;
    height: 8px;
    border-bottom: 1px solid rgba(0,0,0, 0.2);
    border-bottom: 1px solid #ddd;
}

.top a {
    width: 25px;
    height: 20px;
    color: #bbb !important;
}

.divider.style1 {
    border-bottom: 1px solid rgba(0,0,0, 0.2);
}

.divider.style2 {
    border-bottom: 1px dotted rgba(0,0,0, 0.2);
}

.divider.style3 {
    border-bottom: 1px dashed rgba(0,0,0, 0.2);
}

.divider.style4,.divider.style5 {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.divider_center .divider {
    margin: 0 auto 40px auto;
    text-align: center;
}

.divider_right .divider {
    float: right;
    clear: both;
}

.divider_left .divider {
    float: left;
    clear: both;
}

.divider_full {
    width: 100%;
}

.divider_two_third {
    width: 65.3332%;
}

.divider_one_half {
    width: 48%;
}

.divider_one_third {
    width: 30.6666%;
}

.divider_one_fourth {
    width: 22%;
}

.divider_one_fifth {
    width: 16.8%;
}

.divider_one_sixth {
    width: 13.3333%;
}



/* 
===============================================================================================================
17. IMAGE
=============================================================================================================== */

.image_container {
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
}

.classic_thumb .image_container {
    margin-right: 20px;
}

.image_frame {
    position: relative;
    overflow: hidden;
}

.image_container, .image_frame, .image_container img {
    display: block;
}

.image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, 0.5);
    opacity: 0;
}

.plus_icon {
    position: absolute;
    right: -43px;
    bottom: -43px;
    z-index: 6;
    display: block;
    width: 43px;
    height: 43px;
    background: url(../images/image_hover_icons.png) center left;
}

.hyperlink_icon {
    position: absolute;
    right: -43px;
    bottom: -43px;
    z-index: 6;
    display: block;
    width: 43px;
    height: 43px;
    background: url(../images/image_hover_icons.png) center right;
}

.image_shortcode {
    border-bottom: 2px solid rgba(0,0,0, 0.1);
    background: rgba(0,0,0, 0.04);
}

.image_shortcode_title {
    margin: 20px;
    font-size: 14px !important;
}

.image_shortcode_title:after {
    display: block;
    margin: 10px 0;
    width: 60px;
    height: 3px;
    background-color: #151515;
    content: "";
}

.image_shortcode_desc {
    display: block;
    margin: 20px;
    color: #929292;
    font-style: italic;
    font-size: 11px;
}

.image_container.alignleft {
    float: left;
    margin-right: 20px;
}

.image_container.alignright {
    float: right;
    margin-left: 20px;
}

.image_container.alingnone {
    margin: 0 20px 20px;
}

.image_no_link {
    cursor: default;
}

.preloading {
    background: url("../images/loading.gif") #fff no-repeat 50% 50%;
}







/* 
===============================================================================================================
18. GOOGLE MAPS
=============================================================================================================== */

#page .content .google_map {
    margin-bottom: 30px;
}





/* 
===============================================================================================================
SKILL METER
=============================================================================================================== */

.skill_meter {
    display: block;
    clear: both;
    margin-bottom: 15px;
}

.skill_meter_title {
    display: block;
    margin-bottom: 6px;
}

.skill_meter_wrapper {
    width: 100%;
    height: 12px;
    background: rgba(0,0,0,0.1);
}

.progress_bar {
    position: absolute;
    left: 0;
    height: 12px;
    background: rgba(0,0,0,0.3);
}



/* 
===============================================================================================================
19. RECENT COMMENTS
=============================================================================================================== */

#main .widget_recent_comments ul {
    margin: 0 0 30px;
}

#main .widget_recent_comments li {
    margin: 0;
    padding: 6px 0 6px 30px;
    background: url('../images/recent_comments_icon.png') left 10px no-repeat;
    list-style: none;
}

.widget.widget_recent_comments li {
    background-position: left 14px;
}




/* 
===============================================================================================================
20. Fancy Heading
=============================================================================================================== */
.fancy_heading {
    margin-bottom: 30px;
}

.fancy_heading {
    font-weight: 800 !important;
}

.fancy_heading.style1:after {
    display: block;
    margin: 10px 0 20px 0;
    width: 70px;
    height: 4px;
    content: "";
}

.fancy_heading.small {
    font-size: 14px !important;
}

.fancy_heading.medium {
    font-size: 22px !important;
}

.fancy_heading.large {
    font-size: 34px !important;
}

.fancy_heading.style2 {
    margin: 0 auto 30px auto;
    text-align: center;
}

.fancy_heading.style2:after, .fancy_heading.style2:before {
    display: inline-block;
    margin-bottom: 5px;
    width: 120px;
    height: 1px;
    background: rgba(0,0,0, 0.4);
    content: "";
}

.fancy_heading.style2:after {
    margin-left: 10px;
}

.fancy_heading.style2:before {
    margin-right: 10px;
}

.fancy_heading.style3 {
    padding-bottom: 15px;
}



/* 
===============================================================================================================
21. VIDEO
=============================================================================================================== */

.video_frame {
    margin-bottom: 30px;
    text-align: center;
}






/* 
===============================================================================================================
22. PORTFOLIO
=============================================================================================================== */

.portfolio_container {
    padding-bottom: 40px;
    height: 80%;
}

.portfolio_title {
    margin-bottom: 10px;
    line-height: 1em;
}

.portfolio_title, .portfolio_title a {
    padding: 50px 30px 0 30px;
    font-weight: 800 !important;
    font-size: 16px !important;
}

.portfolio_more_button {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin: 15px 5px 5px 5px;
    outline: none;
    background-color: #fff;
    white-space: nowrap;
    cursor: pointer;
}

.portfolio_more_button a {
    display: inline-block;
    padding: 0.6em 1em;
    color: #878787;
    font-size: 12px;
    line-height: 1.3em;
}

.portfolio_more_button:hover {
    background-color: #f6f6f6;
}

.portfolio_single {
    margin-bottom: 30px;
}

/* Portfolio Sortable
---------------------------------------------------------- */
#portfolios header {
    margin-bottom: 60px;
    padding-bottom: 10px;
}

#page #portfolios header a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 7px 14px 6px 24px;
    background: url(../images/portfolio_plus.png) 8px -18px no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 12px;
}

#page #portfolios header a:hover {
    color: #fff !important;
}

#page #portfolios header a.current {
    background: #afafaf url(../images/portfolio_plus.png) 8px 15px no-repeat;
}

#portfolios .portfolio_item {
    display: block;
    margin: 10px;
}
.portfolios_simple_ver .portfolio_item {
    display: none;
}

#portfolios .portfolio_item img {
    position: absolute;
    top: 0;
    left: 0;
}

#portfolios .portfolio_item_wrapper {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#portfolios .portfolio_item_details {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
}

#portfolios .portfolio_title:after {
    display: block;
    margin: 10px auto 10px auto;
    width: 90px;
    height: 3px;
    content: "";
}

#portfolios .portfolio_item_category {
    z-index: 10;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font: 14px;
    font-weight: 700;
}

#portfolios .portfolio_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.portfolio_single_introduce {
    float: left;
    margin-bottom: 30px;
    width: 800px;
}

.portfolio_single_introduce h1 {
    margin-bottom: 15px;
    font-weight: 800 !important;
    font-size: 36px !important;
}

.portfolio_single_introduce .portfolio_single_category {
    color: #999999;
    text-transform: uppercase;
    font-size: 18px;
}

.portfolio_item_wrapper .plus_icon {
    z-index: 211;
}

.portfolio_item_wrapper .lightbox_link {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 210;
    display: block;
    width: 50px;
    height: 50px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.portfolio_single_pagination {
    float: right;
    margin-bottom: 40px;
    width: 100px;
}

.portfolio_single_pagination .next a, .portfolio_single_pagination .previous a {
    display: block;
    width: 42px;
    height: 42px;
    background: #afafaf url(../images/next_prev_arrows.png)  no-repeat;
}

.portfolio_single_pagination .previous a {
    float: left;
    background-position: 16px center;
}

.portfolio_single_pagination .next a {
    float: right;
    background-position: -45px center;
}








/* Portfolio Newspaper Style */

.newspaper_style.portfolio_item {
    margin: 12px !important;
    border-bottom: 3px solid #d1d1d1;
    background: #ebeaea;
}

.portfolio_item_wrapper_newspaper {
    display: block;
    overflow: hidden;
}

.portfolio_newspaper_image {
    position: relative;
    display: block;
}

.portfolio_newspaper_image img {
    display: block;
}

.portfolio_overlay_newspaper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, 0.6);
    opacity: 0;
}

.portfolio_plus_icon_newspaper, .portfolio_arrow_icon_newspaper {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -21px;
    width: 43px;
    height: 43px;
    opacity: 0;
}

.portfolio_plus_icon_newspaper {
    left: -43px;
    background: url(../images/image_hover_icons.png) left center;
}

.portfolio_arrow_icon_newspaper {
    right: -43px;
    background: url(../images/image_hover_icons.png) right center;
}

.portfolio_title_newspaper {
    padding: 25px 30px 15px 30px;
    text-align: center;
    font-weight: bold !important;
    font-size: 14px !important;
}

.portfolio_title_newspaper:after {
    display: block;
    margin: 10px auto 0;
    width: 60px;
    height: 4px;
    background: #151515;
    content: "";
}

.portfolio_desc_newspaper {
    padding: 0 20px 30px;
    text-align: center;
    font-size: 11px;
}

.portfolio_meta_newspaper {
    padding: 10px 20px;
    border-top: 1px solid rgba(0,0,0, 0.1);
    color: #a3a3a3 !important;
    text-transform: uppercase;
    font-size: 10px;
}

.portfolio_category_newspaper {
    float: left;
}

.portfolio_date_newspaper {
    float: right;
    padding-left: 17px;
    background: url(../images/portfolio_date_icon.png) center left no-repeat;
}



/* Portfolio Single Post */

.portfolio_single_meta {
    margin-bottom: 40px;
    padding: 10px;
    border: 1px solid rgba(0,0,0, 0.1);
    border-right: none;
    border-left: none;
}

.portfolio_single_date {
    padding-left: 17px;
    background: url(../images/portfolio_date_icon.png) center left no-repeat;
}

.portfolio_single_date a {
    color: #b3b3b3 !important;
    text-transform: uppercase;
    font-size: 10px;
}

.portfolio_single_social {
    float: right;
}

.portfolio_single_social .share_buttons {
    float: right;
}

/* 
===============================================================================================================
23. PRICNING TABLES
=============================================================================================================== */


.pricing_table .plan {
    display: block;
    float: left;
}

.pricing_table {
    margin: 40px auto 80px auto;
    text-align: center;
}

.pricing_table.col_1 .plan {
    width: 350px;
}

.pricing_table.col_2 .plan {
    width: 300px;
}

.pricing_table.col_3 .plan {
    width: 250px;
}

.pricing_table.col_4 .plan {
    width: 225px;
}

.pricing_table.col_5 .plan {
    width: 191px;
}

.pricing_table.col_1 {
    width: 355px;
}

.pricing_table.col_2 {
    width: 610px;
}

.pricing_table.col_3 {
    width: 760px;
}

.pricing_table.col_4 {
    width: 910px;
}

.pricing_table.col_5 {
    width: 960px;
}

.pricing_table .plan .list {
    position: relative;
    padding-bottom: 40px;
    border-top: 10px solid rgba(0,0,0, 0.05);
    border-right: 1px dotted rgba(0,0,0, 0.1);
    background: rgba(0,0,0, 0.05);
}

.pricing_table .plan.column_0 .list {
    border-left: 1px dotted rgba(0,0,0, 0.1);
}

.pricing_table .plan .list ul, .pricing_table .plan .list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.pricing_table .plan .list ul li {
    padding: 20px 0;
    border-bottom: 1px dotted rgba(0,0,0, 0.1);
}

.pricing_table .plan .list ul li:last-child {
    border: none !important;
}

.pricing_button {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
}

.pricing_button a {
    display: inline-block;
    padding: 7px 30px;
    border: 1px solid rgba(0,0,0, 0.05);
    color: #fff !important;
}

.pricing_button a:hover {
    opacity: 0.7;
}

.pricing_table .plan .price {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 40px;
}

.pricing_table .plan .name {
    margin-bottom: 15px;
    font-size: 14px;
}

.pricing_table .plan .name:after {
    display: block;
    margin: 10px auto;
    width: 50px;
    height: 4px;
    background-color: #fff;
    content: "";
}

.pricing_table .plan .per {
    font-size: 10px;
}

.pricing_table .plan .heading {
    padding: 20px;
    border: 1px solid rgba(0,0,0, 0.05);
    border-right: none;
    color: #fff;
    text-transform: uppercase;
}

.plan.popular .heading {
    padding-top: 40px;
}

.plan.popular {
    margin-top: -20px;
}

.plan.popular .list {
    background: rgba(0,0,0, 0.08);
}

/* 
===============================================================================================================
24. SLIDESHOW
=============================================================================================================== */


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.slideshow_shortcode {
    margin-bottom: 30px;
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-container ul, .flex-container ul li {
    margin: 0;
    padding: 0;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
    max-width: 100%;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    position: relative;
    zoom: 1;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides > li {
    position: relative;
}

.flex-container {
    position: relative;
    zoom: 1;
}

.flex-caption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 2%;
    width: 96%;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}


/* Direction Nav */
.flex-direction-nav {
    height: 0;
}

.flex-direction-nav li a {
    position: absolute;
    top: 50%;
    display: block;
    margin: -20px 0 0;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    background: url(../images/next_prev_arrows.png) no-repeat;
    text-indent: -999em;
    cursor: pointer;
}

.flex-direction-nav li .next {
    right: 0px;
    background-position: -45px 14px;
}

.flex-direction-nav li .prev {
    left: 0px;
    background-position: 14px 14px;
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    display: none;
}

.shortcode_blog .blog_excerpt {
}

.shortcode_blog .blog_excerpt p {
    color: #777777;
    font-size: 11px;
}

.shortcode_blog article {
    margin-bottom: 30px;
}

.shortcode_blog_title {
    margin-bottom: 15px;
}

.shortcode_blog_title a {
    display: block;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}



/*===============================================================================================================
GALLERY SHORTCODE
=============================================================================================================== */

.gallery-item img {
    padding: 3px;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

.gallery-item img:hover {
    opacity: 0.7;
}