/*
Template Name: Brilliant HTML
Template URI: http://brilliant-html.cmsmasters.net/
Author: CMSMasters
Author URI: http://cmsmasters.net/
Description: The Brilliant Responsive HTML5 Site Template.
Version: 1.0
License:
License URI:
Tags: light, dark, white, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/


html {height:100%;}

body {
        background:url(../images/purple.jpg) repeat center top;
        background-color:#000000;
        text-align:left;
        height:100%;
        min-height:100%;
        padding:0;
        margin:0;
}

header,
footer,
article,
section,
nav,
figure,
address,
hgroup,
abbr,
figcaption,
aside {
        display:block;
        padding:0;
        margin:0;
}

figure {
        background-color:rgba(0, 0, 0, 0.1);
        padding:1px;
}

figure img {display:block;}

abbr {border:0;}

address {font-style:normal;}

a {
        text-decoration:none;
        outline:none;
        cursor:pointer;
    -webkit-transition:color .3s ease-out;
    -moz-transition:color .3s ease-out;
    -ms-transition:color .3s ease-out;
    -o-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

a:hover,
.comment-body .cmsms-edit:hover {text-decoration:none;}

p {
        padding:0 0 18px;
        margin:0;
        color: #EEEEEE;
}

table {
        border-collapse:collapse;
        padding:0;
        margin:0;
}

td,
th,
tr {
        padding:0;
        margin:0;
}

ol,
ul,
li,
dl,
dt,
dd {
        padding:0;
        margin:0;
}

ol,
ul {
        list-style-position:inside;
        margin:0 0 18px;
}

img {
        border:0;
        padding:0;
}

a img {
        border:0;
        display:block;
}

.fullwidth {
        display:block;
        min-width:100%;
        max-width:100%;
}

.maxwidth {
        display:block;
        max-width:100%;
}

img.fullwidth {
        image-rendering:optimizeQuality;
        -ms-interpolation-mode:bicubic;
}

.preloader {
        background:url(../images/loader.gif) 50% 50% no-repeat;
        display:block;
        width:100%;
        height:0;
        padding-bottom:56.25%;
        position:relative;
}

#middle_content .preloader,
.content_wrap .preloader {background:url(../images/loader_for_white.gif) no-repeat 0 0;}

.resizable_block {
        display:block;
        width:100%;
        height:0;
        padding-bottom:56.25%;
        overflow:hidden;
        position:relative;
}

figure.preloader .fullwidth,
.blog.short .preloader .fullwidth,
.portfolio_container .preloader .fullwidth,
.resize .preloader .fullwidth,
.resizable_block .fullwidth {
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
}

div        {
        text-align:left;
        padding:0;
        margin:0;
}

blockquote,
code,
input,
textarea {
        padding:0;
        margin:0;
}

object,
video,
audio,
embed,
canvas,
iframe {display:block;}

form {
        border:0;
        padding:0;
        margin:0;
}

fieldset {
        border:0;
        padding:0;
        margin:0;
}

label {
        display:block;
        padding:0;
        margin:0;
}

input {
        border:0;
        background:none;
        outline:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

textarea {
        border:0;
        background:none;
        overflow:hidden;
        outline:none;
        resize:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

select,
option {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        padding:0;
        margin:0 0 18px;
}


h3 {
        background:url(../images/divider.png) repeat-x left bottom;
        padding-bottom:18px;
}

#top_sidebar .headline h3 {
        background:none;
        padding:0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration:none; font-style:inherit;}

.main_text {
        font-size:28px;
        line-height:36px;
        text-align:center;
        padding:20px 0;
        margin:0;
}

.cl {clear:both;}

.ovh {overflow:hidden;}

.fl {float:left;}

.fr {float:right;}

#page {
        width:100%;
        height:auto;
        margin:0 auto;
        overflow:hidden;
        position:relative;
}

.colored_block {
        width:100%;
        height:360px;
        position:absolute;
        top:125px;
}

#slide_top {
        background:url(../images/arrow_top.png) no-repeat scroll 50% 50% transparent;
    display:none;
    width:50px;
    height:50px;
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:999;
    text-indent:-9999px;
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-border-radius:25px;
        -moz-border-radius:25px;
        border-radius:25px;
        -webkit-transition:opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
        -moz-transition:opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
        -ms-transition:opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
        -o-transition:opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
        transition:opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
}

#slide_top:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.wrap_social_block {
     /*   border-bottom:1px solid rgba(255, 255, 255, 0.25);      */
        background-color:rgba(0, 0, 0, 0.5);
        min-height:42px;
}

.social_block {
        font-size:14px;
        width:1000px;
        padding-top:13px;
        margin:0 auto;
        overflow:hidden;
        position:relative;
}

.social_list {margin:0 25px 0 10px;}

.social_list li {
        list-style:none;
        float:left;
        margin:0 4px 0 5px;
}

.social_block p.fl {padding:0;}

a span.image_rollover {
        background:transparent url(../images/hover_content.png) 50% -100px no-repeat;
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity:.7;
        -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
}

a[rel^="prettyPhoto"] span.image_rollover {background-image:url(../images/hover_image.png);}

.format-link a span.image_rollover {background-image:url(../images/hover_link.png);}

.format-video a span.image_rollover {background-image:url(../images/hover_video.png);}

a:hover span.image_rollover {
        background-color:#000000;
        background-position:50% 50%;
}


/* -------------------------------------------------------------------------------- Header */

#header {min-height:120px;}

.header {
        width:1000px;
        margin:0 auto;
        position:relative;
}

.logo {
        display:block;
        height:72px;
}

#header nav {
        position:absolute;
        top:0;
        right:2%;
}


/* -------------------------------------------------------------------------------- Navigation */

.resp_navigation {display:none;}

#navigation,
#navigation ul {
        list-style:none;
        padding:0;
        margin:0;
}

#navigation:after {clear:both;}

#navigation {
        border:1px solid rgba(255, 255, 255, 0.08);
        background-color:rgba(0, 0, 0, 0.15);
        display:inline-block;
        height:41px;
        margin:40px -10px 0 0;
        z-index:202;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        zoom:1;
}

#navigation li {
        float:left;
        position:relative;
        z-index:203;
}

#navigation a {
        line-height:18px;
        font-weight:bold;
        text-decoration:none;
        display:block;
        z-index:204;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}

#navigation > li > a {
        background-color:transparent;
        background-image:url(../images/nav_a_hover_bg.png);
        background-repeat:repeat-x;
        background-position:0 -50px;
        font-size:14px;
        text-align:center;
        min-width:75px;
        height:19px;
        padding:11px 10px;
        -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
}

#navigation > li:first-child > a {
        -webkit-border-radius:5px 0 0 5px;
        -moz-border-radius:5px 0 0 5px;
        border-radius:5px 0 0 5px;
}

#navigation > li:last-child > a {
        -webkit-border-radius:0 5px 5px 0;
        -moz-border-radius:0 5px 5px 0;
        border-radius:0 5px 5px 0;
}

#navigation li:hover {z-index:10000;}

#navigation > li.current_page_item > a,
#navigation > li:hover > a {
        background-position:0 0;
        background-repeat:repeat-x;
        -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.20);
        -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.20);
        box-shadow:0 1px 0 rgba(0, 0, 0, 0.20);
}

#navigation ul {
        border:2px solid rgba(0, 0, 0, 1);
        border-top:0;
        background-color:rgba(0, 0, 0, 1);
        padding:10px 0;
        margin:20px 0 0;
        visibility:hidden;
        position:absolute;
        left:0;
        top:74px;
        z-index:9999;
        opacity:0;
        -webkit-border-radius:0 5px 5px 5px;
        -moz-border-radius:0 5px 5px 5px;
        border-radius:0 5px 5px 5px;
        -webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
        -moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
        -ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
        -o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
        transition:opacity .2s ease-in-out, margin .2s ease-in-out;
}

#navigation ul:before {
        content:'';
        background:url(../images/dropdown_ul_before_bg.png) no-repeat center center;
        background-color:rgba(0, 0, 0, 0.9);
        display:block;
        width:107px;
        height:33px;
        position:absolute;
        left:-2px;
        top:-33px;
        -webkit-border-radius:5px 5px 0 0;
        -moz-border-radius:5px 5px 0 0;
        border-radius:5px 5px 0 0;
}

#navigation li:hover > ul {
        margin:0;
        visibility:visible;
        opacity:1;
}

#navigation ul ul {
        margin:0 0 0 20px;
        left:252px;
        top:-10px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

#navigation ul ul:before {
        content:'';
        background:none;
        width:1px;
        height:200px;
        left:-3px;
        top:0;
}

#navigation ul li {
        display:block;
        width:250px;
        float:none;
        padding:0;
}

#navigation ul li a {
        border-top:1px solid rgba(81, 81, 81, 0.5);
        border-bottom:1px solid rgba(0, 0, 0, 0.5);
        font-size:13px;
        display:block;
        margin:0 10px;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
}

#navigation ul li:first-child > a {border-top:0;}

#navigation ul li:last-child > a {border-bottom:0;}

#navigation ul li:hover > a,
#navigation ul li.current_page_item > a {
        border-left:1px solid rgba(81, 81, 81, 0.5);
        border-right:1px solid rgba(81, 81, 81, 0.5);
        margin:0 -2px;
}

#navigation ul li a span {
        background-image:url(../images/dropdown_span_bg.png);
        background-repeat:no-repeat;
        background-position:10px 15px;
        display:block;
        padding:11px 10px 11px 25px;
}

#navigation ul li:hover > a span,
#navigation ul li.current_page_item > a span {
        border-top:1px solid rgba(255, 255, 255, 0.3);
        background-image:url(../images/dropdown_span_bg.png);
        background-repeat:no-repeat;
        background-position:21px 14px;
        padding:10px 21px 11px 36px;
}

#navigation ul > li > a:hover,
#navigation ul li:hover ul li a:hover {
        background-image:url(../images/dropdown_a_bg.png);
        background-repeat:repeat-x;
}

#navigation ul ul li:first-child > a:before {border:0;}


/* -------------------------------------------------------------------------------- Top */

.wrapper_top {
        background-color:rgba(0, 0, 0, 0.99);
        width:1000px;
        margin:0 auto 30px;
        overflow:hidden;
        position:relative;
        clear:both;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

#top {
        margin:2%;
        position:relative;
        z-index:2;
}


/* -------------------------------------------------------------------------------- Middle */

#middle {
        background-color:rgba(255, 255, 255, 0.1);
        width:1000px;
        margin:0 auto;
        margin-bottom:45px;
        position:relative;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}


/* -------------------------------------------------------------------------------- Top Sidebar */

#top_sidebar {
        border-top:1px solid rgba(255, 255, 255, 0.1);
        padding:3% 3% 0;
        position:relative;
        text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
        -webkit-border-radius:5px 5px 0 0;
        -moz-border-radius:5px 5px 0 0;
        border-radius:5px 5px 0 0;
}

#top_sidebar h3 {text-shadow:0 1px 0 rgba(0, 0, 0, 0.55);}

.top_sidebar_divider {
        background-color:rgba(0, 0, 0, 0.1);
        height:5px;
        margin:0 -30px;
        clear:both;
}

.head_text_icon td {vertical-align:top;}

.headline img {
        margin-right:25px;
        margin-bottom:15px;
}

.headline table h3 {
        padding:0;
        margin:0;
}

.headline table h6 {font-size:18px;}

.headline span {
        font-size:10px;
        text-transform:uppercase;
}

.cont_nav {
        border-top:1px solid rgba(255, 255, 255, 0.1);
        background-color:rgba(0, 0, 0, 0.1);
        padding:10px 3%;
        margin:0 -3%;
}

.cont_nav a {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transition:opacity 0.3s ease-in-out;
        -moz-transition:opacity 0.3s ease-in-out;
        -ms-transition:opacity 0.3s ease-in-out;
        -o-transition:opacity 0.3s ease-in-out;
        transition:opacity 0.3s ease-in-out;
}

.cont_nav a:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.one_first {
        width:100%;
        padding-bottom:20px;
}

.one_half {
        width:48%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.one_half.last {
        width:48%;
        float:right;
        padding-right:0;
}

.one_third {
        width:30.6%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.one_third.last {
        width:30.6%;
        float:right;
        padding-right:0;
}

.two_third {
        width:65.2%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.two_third.last {
        width:65.2%;
        float:right;
        padding-right:0;
}

.one_fourth {
        width:22%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.one_fourth.last {
        width:22%;
        float:right;
        padding-right:0;
}

.three_fourth {
        width:74%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.three_fourth.last {
        width:74%;
        float:right;
        padding-right:0;
}

.one_half+.one_half,
.one_third+.two_third,
.two_third+.one_third,
.one_third+.one_third+.one_third,
.one_fourth+.one_fourth+.one_half,
.one_fourth+.one_half+.one_fourth,
.one_half+.one_fourth+.one_fourth,
.one_fourth+.three_fourth,
.three_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth+.one_fourth {
        float:right;
        padding-right:0;
}


/* -------------------------------------------------------------------------------- Content */

.content_wrap {
        background-color:#ffffff;
        background-image:url(../images/cont_bg.png);
        background-repeat:repeat-y;
        background-position:68% 0;
        padding:0 3%;
        overflow:hidden;
        position:relative;
        -webkit-border-radius:0 0 5px 5px;
        -moz-border-radius:0 0 5px 5px;
        border-radius:0 0 5px 5px;
}

.content_wrap.left_sidebar {background-position:32% 0;}

.content_wrap.left_sidebar #content {
        float:right;
    padding-left:3.5%;
    padding-right:0;
}

#content {
    width:64.5%;
    float:left;
    padding:40px 3.5% 40px 0;
    position:relative;
}

#content.fr {float:right;}

.sitemap > li {
    width:100%;
    margin-bottom:30px;
}

.sitemap li {
    line-height:30px;
    list-style:none outside none;
}

.sitemap > li > ul {
    width:100%;
    margin-top:23px;
    overflow:hidden;
    position:relative;
}

.sitemap ul {margin-bottom:0;}

.sitemap > li > ul > li:nth-child(4n+1) {clear:both;}

.sitemap > li > ul > li {
    width:25%;
    float:left;
}

.sitemap > li > ul > li > a {
        font-size:18px;
        font-style:italic;
}

.sitemap > li > ul > li > ul {margin-top:10px;}

.entry-header .entry-title + .divider {margin-top:-10px;}

.cms_category {
        line-height:18px;
        display:inline-block;
    margin-bottom:10px;
    margin-top:-10px;
}

.cms_category li:first-child {
        background:url(../images/cms_category_li_bg.png) no-repeat left 1px;
        padding-left:25px;
        -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -o-transition:all 0.3s ease-in-out;
        -ms-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
}

.cms_category:hover li:first-child {background-position:left -23px;}

.cms_archive li, .cms_category li {
    line-height:30px;
    list-style:none outside none;
        display:inline;
}

.cms_category li {
        line-height:18px;
        margin-right:5px;
}

.cms_archive li {
    width:25%;
    float:left;
    padding-bottom:25px;
}

.cms_archive li a {
        font-size:18px;
        font-style:italic;
}


/* -------------------------------------------------------------------------------- Middle Content */

#middle_content {
        padding:4% 3% 3%;
        overflow:hidden;
        position:relative;
        -webkit-border-radius:0 0 5px 5px;
        -moz-border-radius:0 0 5px 5px;
        border-radius:0 0 5px 5px;
}

#middle_content.error_page {
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}


/* -------------------------------------------------------------------------------- Sidebar */

#sidebar {
    width:28.5%;
    float:right;
    padding:40px 0 40px 3.5%;
    overflow:hidden;
    position:relative;
}

#sidebar.fl {
    float:left;
    padding-left:0;
}

#sidebar .one_half,
#sidebar .one_half.last,
#sidebar .one_third,
#sidebar .one_third.last,
#sidebar .two_third,
#sidebar .two_third.last,
#sidebar .one_fourth,
#sidebar .one_fourth.last,
#sidebar .three_fourth,
#sidebar .one_fourth.last {
        width:auto;
        float:none;
        padding-right:0;
}

#sidebar .one_half+.one_half,
#sidebar .one_third+.two_third,
#sidebar .two_third+.one_third,
#sidebar .one_third+.one_third+.one_third,
#sidebar .one_fourth+.one_fourth+.one_half,
#sidebar .one_fourth+.one_half+.one_fourth,
#sidebar .one_half+.one_fourth+.one_fourth,
#sidebar .one_fourth+.three_fourth,
#sidebar .three_fourth+.one_fourth,
#sidebar .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:none;}


/* -------------------------------------------------------------------------------- Middle Sidebar */

.middle_sidebar {
        border-top:1px solid #ebebeb;
        background-color:#ffffff;
        padding:30px;
        margin:0 -30px;
        overflow:hidden;
        position:relative;
        clear:both;
}

.recent_comments li {
        list-style:none;
        padding:10px 0;
}

.recent_comments li:first-child {padding-top:0;}

.recent_comments li p:first-child {padding-bottom:5px;}

.latest_posts li:first-child {margin:0;}

.latest_posts li {
        list-style:none;
        margin-top:14px;
        overflow:hidden;
}

.latest_posts li  .published {
        font-size:13px;
        padding-bottom:5px;
}

.latest_posts .alignleft {margin-right:30px;}


/* -------------------------------------------------------------------------------- Bottom */

.bottom_inner {
        line-height:18px;
        width:940px;
        margin:0 auto;
        overflow:hidden;
        position:relative;
        text-shadow:1px 1px 0 rgba(0, 0, 0, 0.12);
}

.widget_custom_tweets_entries a,
.widget_links a,
.widget_custom_contact_form_entries a,
.jta-tweet-list-item a,
.widget_portfolio_link {
        opacity:0.6;
        filter:alpha(opacity=60);
        -webkit-transition:opacity 0.3s ease-in-out;
        -moz-transition:opacity 0.3s ease-in-out;
        -o-transition:opacity 0.3s ease-in-out;
        -ms-transition:opacity 0.3s ease-in-out;
        transition:opacity 0.3s ease-in-out;
}

.widget_custom_tweets_entries a:hover,
.widget_links a:hover,
.widget_custom_contact_form_entries a:hover,
.widget_portfolio_link:hover,
.jta-tweet-list-item a:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.bottom_inner .cmsms_content_slider_parent a {font-size:18px;}


/* -------------------------------------------------------------------------------- Footer */

#footer {
        background-color:rgba(0, 0, 0, 0.4);
        width:100%;
}

.footer_inner {
        width:940px;
        padding:20px 0;
        margin:0 auto;
        opacity:0.5;
        filter:alpha(opacity=50);
}

#footer p {padding:0;}


/* -------------------------------------------------------------------------------- Shortcodes */

.alignleft {
        float:left;
        margin:0 20px 15px 0;
}

.alignright {
        float:right;
        margin:0 0 15px 20px;
}

.aligncenter {margin:0 auto; text-align:center;}

.nopadding {padding:0;}

.divider {
        background:url(../images/divider.png) repeat-x left top;
        padding-bottom:20px;
        margin-top:18px;
}

.vertical_divider {
        background-color:#bebebe;
    display:block;
    width:1px;
    height:10px;
    margin:5px 6px 0;
}

.with_arrow {
        background:url(../images/arrow.png) no-repeat 0 50%;
        padding-left:13px;
}

.tooltip {
        border:1px solid #ffffff;
        border:1px solid rgba(255, 255, 255, .3);
        background-color:#010101;
        background-color:rgba(0, 0, 0, .7);
        font-size:12px;
        color:#fefefe;
        display:none;
        padding:3px 10px;
        margin:0;
        z-index:999;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.divider a {
        font-size:10px;
        text-decoration:none;
        text-transform:uppercase;
        margin-top:-18px;
}

.wp-caption {
        border:1px solid #cccccc;
        display:block;
        padding:10px 10px 0;
}

.wp-caption-text {
        text-align:center;
        padding:5px 0 0;
        margin-bottom:5px;
}

#middle .wp-caption img {box-shadow:none;}

#middle .jp-video,
#bottom .jp-video {margin-bottom:15px;}

#middle .blog .post.format-video .jp-video,
#content .entry .post .jp-video {margin-bottom:0;}

#middle .jp-video img,
#bottom .jp-video img,
#middle .no_border,
#bottom .no_border,
#middle #top img,
#middle .twtr-widget img,
#bottom .twtr-widget img {
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
}

.on_border {border:5px solid #141414;}

.caption img {display:block;}

.caption figcaption {
        background-color:#ffffff;
        text-align:center;
}

.table {
        width:100%;
        margin-bottom:18px;
}

.table thead th {
        font:20px/20px "Open Sans", Arial, Geneva, Helvetica, sans-serif;
        text-align:left;
        padding:15px 0 15px 20px;
        text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);
}

.table thead th:first-child,
.table td:first-child {
        -webkit-border-radius:5px 0 0 5px;
        -moz-border-radius:5px 0 0 5px;
        border-radius:5px 0 0 5px;
}

.table thead th:last-child,
.table td:last-child {
        -webkit-border-radius:0 5px 5px 0;
        -moz-border-radius:0 5px 5px 0;
        border-radius:0 5px 5px 0;
}

.table tbody td {
        border-bottom:1px solid #ffffff;
        background-color:#fcfcfc;
        padding:15px 0 15px 20px;
}

.table tbody tr:nth-child(even) td {background-color:#f2f2f2;}

.table tfoot td {
        background:none;
        padding:10px 0 10px 20px;
}

span.dropcap {
        font-size:30px;
    line-height:32px;
        text-align:center;
        width:22px;
        height:36px;
        float:left;
    padding:7px 15px;
    margin-right:10px;
        position:relative;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
}

span.dropcap2 {
    font-size:46px;
    line-height:46px;
    color:#565656;
        float:left;
    padding:0 15px;
    margin-top:4px;
}

q,
blockquote {
        font-size:20px;
        line-height:30px;
        font-style:italic;
        color:#565656;
        float:left;
        padding:0 0 0 32px;
        margin:0;
        position:relative;
        vertical-align:baseline;
}

q:before,
blockquote:before {
        content:'\201C';
        font-size:28px;
        line-height:1em;
        display:block;
    padding:0;
        position:absolute;
        top:6px;
        left:0;
}

q:after,
blockquote:after {clear:both;}

code {
        border-top:3px solid #1bb9ed;
        background:#fcfcfc;
        display:block;
        padding:15px 20px;
        position:relative;
}

code:after {clear:both;}

.cmsms_plus {
    display:block;
    margin-top:-15px;
    position:absolute;
    left:0;
    top:50%;
        -webkit-border-radius:13px;
        -moz-border-radius:13px;
    border-radius:13px;
        -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
}

.acc .cmsms_plus {margin-left:15px;}

.cmsms_plus_inner {
    border:1px solid rgba(0, 0, 0, 0.1);
    background:url(../images/toggle.png) repeat-x 0 0;
    display:block;
    width:26px;
    height:26px;
        position:relative;
        -webkit-border-radius:13px;
        -moz-border-radius:13px;
    border-radius:13px;
        -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset;
        -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-transition:background 0.2s ease-out 0s;
        -moz-transition:background 0.2s ease-out 0s;
        -ms-transition:background 0.2s ease-out 0s;
        -o-transition:background 0.2s ease-out 0s;
        transition:background 0.2s ease-out 0s;
}

.tog:hover .cmsms_plus_inner,
.tog.current .cmsms_plus_inner {background-position:0 -26px;}

.cmsms_plus .vert_line,
.cmsms_plus .horiz_line {background-color:#3a3a3a;}

.cmsms_plus .vert_line {
    display:block;
    width:2px;
    height:12px;
    position:absolute;
    left:12px;
    top:7px;
    z-index:2;
}

.cmsms_plus .horiz_line {
    display:block;
    width:12px;
    height:2px;
    position:absolute;
    left:7px;
    top:12px;
}

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

.tog {text-decoration:none;}

.togg .tog {
        font-size:18px;
    line-height:36px;
        font-style:italic;
    display:inline-block;
    padding:10px 0 10px 50px;
    margin:0;
    position:relative;
}

.togg .tog.current .cmsms_plus .vert_line,
.acc .tog.current .cmsms_plus .vert_line {display:none;}

.togg .tab_content {padding:0 0 16px 50px;}

.accordion {
        margin-bottom:18px;
        overflow:hidden;
        position:relative;
}

.acc .tog {
        background-color:#f9f9f9;
        font-size:18px;
    line-height:30px;
        font-style:italic;
    display:block;
    padding:10px 0 10px 60px;
    margin:0;
        margin-bottom:2px;
    position:relative;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.accordion .tab_content {
        padding:15px 0;
        overflow:hidden;
        position:relative;
}

.related_posts ul,
.tabs {
        list-style:none;
        margin-left:20px;
        overflow:hidden;
}

.related_posts ul {
        padding-bottom:20px;
        margin-left:0;
}

.related_posts ul li a {margin-right:5px;}

.related_posts ul li a.current span {background-position:0 -44px;}

.related_posts ul li,
.tabs li {
        display:block;
        float:left;
        margin-right:5px;
}

.tab {
        margin-bottom:18px;
        overflow:hidden;
        position:relative;
}

.tab_content {
        position:relative;
        z-index:1;
}

.tabs_tab {
        background-color:#f9f9f9;
        padding:20px;
        overflow:hidden;
        position:relative;
        z-index:1;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.related_posts .one_half {display:table;}

.related_posts_content .one_half figure.alignleft {
    display:table-cell;
    margin-bottom:0;
}

.related_posts_content .one_half h5 {
        font-size:18px;
        line-height:22px;
    display:table-cell;
    width:100%;
    padding:0;
    vertical-align:middle;
}

.related_posts_content {display:block;}

.related_posts {padding:10px 0;}

.latest_news li:first-child {margin:0;}

.latest_news li {
        list-style:none;
        margin-top:14px;
        overflow:hidden;
}

.latest_news a {
        font-size:15px;
        line-height:27px;
}

.latest_news .alignleft {margin-right:30px;}

.latest_news li p {padding-bottom:0; line-height:18px;}

.blog.short,
.portfolio_container.short {position:relative;}

.blog.short .post header .entry-title,
.portfolio_container.short .portfolio header .entry-title {padding:0;}

.portfolio_container.short {margin-right:0;}

.blog.short .post .post_category,
.portfolio_container.short .portfolio .post_category {text-decoration:none;}

.blog.short .post footer,
.portfolio_container.short .portfolio footer {
        border:0;
        padding:0;
        margin-bottom:7px;
}

.blog.short .post .published,
.portfolio_container.short .portfolio .published {
        border:0;
        background:none;
        font-size:10px;
        line-height:18px;
        text-transform:uppercase;
        height:auto;
        padding:0;
        margin-bottom:2px;
        position:relative;
        left:auto;
        top:auto;
        text-shadow:none;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
}

.google_map {margin-bottom:18px;}

.tour_content {
        margin-bottom:18px;
        overflow:hidden;
        position:relative;
}

.tour {
    width:28%;
    float:left;
    margin:0;
}

.tour li {
        background:url(../images/divider.png) repeat-x left top;
    list-style:none outside none;
    padding:0;
        margin-right:10px;
    position:relative;
}

.tour li:first-child {background:none;}

.tour li a {
        background:url(../images/tour_a_bg.png) no-repeat right center;
    text-decoration:none;
        display:block;
    padding:12px 35px 12px 5px;
    position:relative;
}

.tour li.current a,
.tour li:hover a {color:#8c8c8c;}

.tour_box {
        display:none;
        width:72%;
        float:right;
        overflow:hidden;
        position:relative;
}

.tour_box_inner {
        background-color:#f9f9f9;
        color:#8c8c8c;
        padding:20px;
        overflow:hidden;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.tour_box_inner a:hover {color:#8c8c8c;}


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

.button,
.button_medium,
.button_large,
.internal-link {
        padding: 0 15px;
        color:#fff;
        line-height:28px;
        font-weight:bold;
        text-decoration:none;
        text-align:center;
        display:inline-block;
        height:30px;
        margin:0 0 5px;
        overflow:hidden;
        position:relative;
        text-shadow:0 1px 0 #000000;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition:background-position 0.3s ease-in-out;
        -moz-transition:background-position 0.3s ease-in-out;
        -o-transition:background-position 0.3s ease-in-out;
        -ms-transition:background-position 0.3s ease-in-out;
        transition:background-position 0.3s ease-in-out;
}

.button, .internal-link  {background:url(../images/but_grad_bg.png) 0 0 repeat-x;}

.button_medium {
        background:url(../images/but_medium_grad_bg.png) 0 0 repeat-x;
        font-size:16px;
        line-height:40px;
        height:40px;
}

.button_large {
        background:url(../images/but_large_grad_bg.png) 0 0 repeat-x;
        font-size:30px;
        line-height:46px;
        font-weight:300;
        height:50px;
}

.button:hover, .internal-link:hover,
.button.current {background-position:0 -31px;}

.button_medium:hover,
.button_medium.current {background-position:0 -41px;}

.button_large:hover,
.button_large.current {background-position:0 -51px;}

.button span,
.button_medium span,
.button_large span {
        border-top:1px solid #ffffff;
        border-left:1px solid #ffffff;
        display:block;
        padding:0 15px;
        position:relative;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.button_medium span {padding:0 17px;}

.button_large span {padding:0 20px;}

#top_sidebar .button,
.bottom_inner .button,
.slideCaption .button {
        border:0;
        background-color:rgba(0, 0, 0, 0.3);
        background-image:none;
        background-position:0 -30px;
        line-height:30px;
        padding:0 15px;
        text-shadow:none;
        -webkit-transition:background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;
        -moz-transition:background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;
        -o-transition:background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;
        -ms-transition:background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;
        transition:background-color 0.3s ease-in-out, background-position 0.3s ease-in-out;
}

.bottom_inner .button {opacity:1; filter:alpha(opacity=100);}

#top_sidebar .button:hover,
.bottom_inner .button:hover,
.slideCaption .button:hover {
        background-image:url(../images/top_bot_but_bg.png);
        background-repeat:repeat-x;
        background-position:left top;
}

.box {margin:0 0 18px;}

.error_box {
        border:1px solid #fac0ad;
        background-color:#ffe0d5;
}

.success_box {
        border:1px solid #b3e68b;
        background-color:#dff4d1;
}

.notice_box {
        border:1px solid #b3d6f7;
        background-color:#d6e9fa;
}

.warning_box {
        border:1px solid #ffd35a;
        background-color:#fcebbf;
}

.download_box {
        border:1px solid #9bd5a9;
        background-color:#d0fcdb;
}

.css_box {
        border:1px solid #d3d3d3;
        border-color:#ececec;
        background-color:#43f270;
        padding:25px;
        background:-webkit-gradient(linear, left top, left bottom, from(#fffac3), to(#dff4d1));
        background:-moz-linear-gradient(#fffac3, #dff4d1);
        background:-o-linear-gradient(#fffac3, #dff4d1);
        background:linear-gradient(#fffac3, #dff4d1);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffac3', endColorstr='#dff4d1');
}

.box.css_box p {padding:0;}

.box table {width:100%;}

.box table td p {padding:0 20px 0 0;}

.box table td {
        text-align:left;
        padding:25px 0;
}

.box table td:first-child {width:80px;}

.box.error_box table td:first-child {background:url(../images/error.png) center center no-repeat;}

.box.success_box table td:first-child {background:url(../images/success.png) center center no-repeat;}

.box.notice_box table td:first-child {background:url(../images/notice.png) center center no-repeat;}

.box.warning_box table td:first-child {background:url(../images/warning.png) center center no-repeat;}

.box.download_box table td:first-child {background:url(../images/download.png) center center no-repeat;}



/* -------------------------------------------------------------------------------- Responsive Slider */

.cmsms_slider_parent {position:relative;}

.responsiveSlider {
        border:1px solid rgba(255, 255, 255, .05);
        background:rgba(0, 0, 0, .1) url(../images/loader.gif) no-repeat scroll 50% 50%;
        font-size:85%;
        text-align:left;
        list-style:none;
        display:block;
        width:99.8%;
        height:0;
        padding:0 0 40%;
        margin:0;
        overflow:hidden;
        position:relative;
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition:opacity .5s ease-in-out;
        -moz-transition:opacity .5s ease-in-out;
        -ms-transition:opacity .5s ease-in-out;
        -o-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out;
}

.cmsms_slider_parent>.responsiveSlider {
        background-image:none;
        opacity:1;
        filter:alpha(opacity=100);
}

.responsiveSlider>li {
        display:block;
        width:96%;
        height:90%;
        padding:2%;
        margin:0;
        overflow:hidden;
        position:absolute;
}

.responsiveSlider>li {
        left:100%;
        top:0;
        z-index:1;
}

.responsiveSlider>li img {width:100%;}

.responsiveSlider>li.left-img img {
        min-width:50%;
        max-width:50%;
        float:left;
}

.responsiveSlider>li.right-img img {
        min-width:50%;
        max-width:50%;
        float:right;
}

.responsiveSlider .slideCaption {
        display:table;
        width:43%;
        padding:2%;
        margin:0;
        position:absolute;
        display:block\0/IE9;
}

.responsiveSlider .slideCaption.top,
.responsiveSlider .slideCaption.bottom {
        display:block;
        width:auto;
        padding:0 2%;
        margin:0;
}

.responsiveSlider .slideCaption.top {margin:2% 0 0;}

.responsiveSlider .slideCaption.bottom {margin:0 0 2%;}

.responsiveSlider>li.left-img .slideCaption.top,
.responsiveSlider>li.right-img .slideCaption.top,
.responsiveSlider>li.left-img .slideCaption.bottom,
.responsiveSlider>li.right-img .slideCaption.bottom {
        display:table;
        width:43%;
        padding:2%;
        margin:0;
        display:block\0/IE9;
}

.responsiveSlider .slideCaption>.slideCaptionInner {
        text-align:center;
        display:table-cell;
        width:100%;
        padding:4%;
        overflow:hidden;
        vertical-align:middle;
}

.responsiveSlider .slideCaption.top>.slideCaptionInner,
.responsiveSlider .slideCaption.bottom>.slideCaptionInner {
        display:block;
        padding:1% 2%;
        vertical-align:baseline;
}

.responsiveSlider>li.left-img .slideCaption.top>.slideCaptionInner,
.responsiveSlider>li.right-img .slideCaption.top>.slideCaptionInner,
.responsiveSlider>li.left-img .slideCaption.bottom>.slideCaptionInner,
.responsiveSlider>li.right-img .slideCaption.bottom>.slideCaptionInner {
        display:table-cell;
        padding:4%;
        vertical-align:middle;
}

.slideCaptionInnerBlock {position:relative;}

.responsiveSlider>li div.cmsms_img_pattern {
        background-position:0 0;
        background-repeat:repeat;
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
}

.responsiveSlider>li.link a.cmsms_img_link,
.responsiveSlider>li.video a.cmsms_img_video {
        display:block;
        width:100px;
        height:100px;
        margin:-50px 0 0 -50px;
        position:absolute;
        top:50%;
        left:50%;
        cursor:pointer;
        opacity:.33;
        filter:alpha(opacity=33);
        -webkit-transition:opacity .5s ease-in-out;
        -moz-transition:opacity .5s ease-in-out;
        -ms-transition:opacity .5s ease-in-out;
        -o-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out;
}

.responsiveSlider>li.link a.cmsms_img_link {
        background:url(../images/link.png) 0 0 no-repeat;
        display:none;
}

.responsiveSlider>li.video a.cmsms_img_video {background:url(../images/video.png) 0 0 no-repeat;}

.responsiveSlider>li.left-img.link a.cmsms_img_link,
.responsiveSlider>li.left-img.video a.cmsms_img_video {left:25%;}

.responsiveSlider>li.right-img.link a.cmsms_img_link,
.responsiveSlider>li.right-img.video a.cmsms_img_video {left:75%;}

.responsiveSlider>li.link a.cmsms_img_link:hover,
.responsiveSlider>li.video a.cmsms_img_video:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.cmsms_slider_video {
        background-color:#000000;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        z-index:150;
}

.cmsms_slider_video iframe {
        width:100%;
        height:100%;
        position:absolute;
}

.cmsms_slider_parent a.cmsms_prev_slide,
.cmsms_slider_parent a.cmsms_next_slide {
        background-image:url(../images/slide_arrow_bg.png);
    background-repeat:no-repeat;
        display:block;
        width:15px;
        height:25px;
        position:absolute;
        top:auto;
        bottom:0;
        z-index:11;
        opacity:.15;
        filter:alpha(opacity=15);
        -webkit-transition:opacity .3s ease-in-out;
        -moz-transition:opacity .3s ease-in-out;
        -ms-transition:opacity .3s ease-in-out;
        -o-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
}

.cmsms_slider_parent a.cmsms_prev_slide {
        background-position:0 -35px;
        margin-left:10px;
}

.cmsms_slider_parent a.cmsms_next_slide {
        background-position:0 0;
        margin-right:10px;
}

.cmsms_slider_parent a.cmsms_prev_slide:hover,
.cmsms_slider_parent a.cmsms_next_slide:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.cmsms_slider_parent a.cmsms_close_video {
        background-color:#ececec;
        display:block;
        width:41px;
        height:41px;
        overflow:hidden;
        position:absolute;
        -webkit-border-radius:20.5px;
        -moz-border-radius:20.5px;
        border-radius:20.5px;
        -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
}

.cmsms_slider_parent a.cmsms_close_video {
        background-image:url(../images/video_close.png);
        background-position:12px -49px;
        background-repeat:no-repeat;
        bottom:-150px;
        right:15px;
        z-index:200;
}

.cmsms_slider_parent a.cmsms_close_video:hover {background-position:12px 11px;}

.cmsms_slider_parent ul.cmsms_slides_nav {
        list-style:none;
        text-align:center;
        padding:25px 0 5px;
        height:15px;
        margin:0;
        z-index:10;
        -webkit-transition:opacity .3s ease-in-out;
        -moz-transition:opacity .3s ease-in-out;
        -ms-transition:opacity .3s ease-in-out;
        -o-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
}

.cmsms_slider_parent ul.cmsms_slides_nav li {
        display:inline-block;
        padding:0 0 0 10px;
}

.cmsms_slider_parent ul.cmsms_slides_nav li:first-child {padding:0;}

.cmsms_slider_parent ul.cmsms_slides_nav li a {
        display:block;
        text-indent:-9999px;
}

.cmsms_slider_parent .cmsms_slider_timer {
        position:absolute;
        bottom:3px;
        right:50px;
        z-index:10;
        -webkit-transition:opacity .3s ease-in-out;
        -moz-transition:opacity .3s ease-in-out;
        -ms-transition:opacity .3s ease-in-out;
        -o-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
}

.responsiveSlider h1 {
        font-size:350%;
        line-height:125%;
}

.responsiveSlider h6 {
        font-size:115%;
        line-height:150%;
}

.responsiveSlider a.button,
.responsiveSlider a.slider_link {
        font-size:13px;
        line-height:30px;
}


/* -------------------------------------------------------------------------------- Responsive Content Slider */

.cmsms_content_slider_parent {
        width:100%;
        height:0;
        padding-bottom:56.25%;
        position:relative;
        overflow:hidden;
}

.responsiveContentSlider {
        background:url(../images/loader.gif) 50% 50% no-repeat;
        text-align:left;
        list-style:none;
        display:block;
        width:100%;
        height:0;
        padding:0 0 56.25%;
        margin:0;
        overflow:hidden;
        position:relative;
}

#middle_content .responsiveContentSlider,
.content_wrap .responsiveContentSlider {background:url(../images/loader_for_white.gif) no-repeat 0 0;}

.cmsms_content_slider_parent>.responsiveContentSlider,
.responsiveContentSlider>li {
        display:block;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        overflow:hidden;
        position:absolute;
}

.responsiveContentSlider {
        top:0;
        left:0;
}

.responsiveContentSlider>li {
        top:0;
        left:100%;
        z-index:1;
}

a.cmsms_content_prev_slide,
a.cmsms_content_next_slide {
    background-image:url(../images/widget_nav.png);
    background-repeat:no-repeat;
        display:block;
        width:15px;
        height:22px;
        position:absolute;
        top:15px;
        z-index:11;
        opacity:.9;
        filter:alpha(opacity=40);
        -webkit-transition:opacity .3s ease-in-out;
        -moz-transition:opacity .3s ease-in-out;
        -ms-transition:opacity .3s ease-in-out;
        -o-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
}

a.cmsms_content_prev_slide {
    background-position:0 -24px;
    right:45px;
}

a.cmsms_content_next_slide {
        background-position:0 0;
    right:15px;
}

a.cmsms_content_prev_slide:hover,
a.cmsms_content_next_slide:hover {
        opacity:1;
        filter:alpha(opacity=100);
}

.cmsms_content_slider_parent ul.cmsms_slides_nav {
        list-style:none;
        padding:10px;
        margin:0;
        z-index:10;
        -webkit-transition:opacity .3s ease-in-out;
        -moz-transition:opacity .3s ease-in-out;
        -ms-transition:opacity .3s ease-in-out;
        -o-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav li {
        display:block;
        float:left;
        padding:0 0 0 10px;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav li:first-child {padding:0;}

.cmsms_content_slider_parent ul.cmsms_slides_nav li a {
        text-indent:-9999px;
        display:block;
        width:10px;
        height:10px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        -webkit-transition:background-color .3s ease-in-out;
        -moz-transition:background-color .3s ease-in-out;
        -ms-transition:background-color .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out;
        transition:background-color .3s ease-in-out;
}


/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */

@media only screen and (min-width: 1440px) {

        #middle,
        .wrapper_top,
        .header,
        .social_block {width:1240px;}

        .portfolio_container.four_blocks .portfolio {
                padding-right:3.9%;
                padding-left:0.1%;
        }

        .portfolio_container.two_blocks {margin-right:-4%;}

        .responsiveSlider {font-size:100%;}

        #top_sidebar {padding:30px 40px 0;}

        .top_sidebar_divider {margin:0 -40px;}

        .content_wrap {padding:0 40px;}

        #middle_content {padding:40px 40px 30px;}

        .middle_sidebar {
                padding:30px 40px;
                margin:0 -40px;
        }

        .cont_nav {
                margin:0 -40px;
                padding:10px 40px;
        }

        .bottom_inner,
        .footer_inner,
        .wrap_top {width:1160px;}

        #navigation > li > a {min-width:85px;}

}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

        .responsiveSlider {font-size:65%;}
		
		div.flex-caption h3 {
			padding: 0;
			font-size: 18px;
			line-height: 120%;
		}

		div.flex-caption div {
			font-size: 14px;
			line-height: 120%;
		}
		
        input[type="text"],
        textarea {width:93%;}

        #bottom .cmsms-form-builder input[type="text"],
        #bottom .cmsms-form-builder textarea {width:87%;}

        .logo {left:5%;}

        .comment-body .ovh {overflow:visible;}

        .commentlist .published {
                float:left;
                margin-left:0;
        }

        #header nav {
    position: relative;
        margin: 0 auto;
        }

}


/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */

@media only screen and (min-width: 541px) and (max-width: 767px) {
		div.flex-caption h3 {
			padding: 0;
			font-size: 14px;
			line-height: 120%;
		}
		
		div.flex-caption div {
			font-size: 12px;
			line-height: 120%;
		}
        .responsiveSlider {font-size:45%;}

        .responsiveSlider h6 {display:none;}

        .one_fourth,
        .one_fourth+.one_fourth+.one_fourth,
        .portfolio_container.four_blocks .portfolio:nth-child(odd),
        .format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
        .post_type_shortcode.four_blocks article:nth-child(odd),
        .cms_archive li:nth-child(odd),
        .sitemap > li > ul > li:nth-child(odd),
        .project.four_blocks .resize .cmsms_media_box:nth-child(odd) {
                width:46%;
                float:left;
                padding-left:0;
                padding-right:4%;
        }

        .one_fourth.last,
        .one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth+.one_fourth,
        .portfolio_container.four_blocks .portfolio:nth-child(even),
        .format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even),
        .post_type_shortcode.four_blocks article:nth-child(even),
        .cms_archive li:nth-child(even),
        .sitemap > li > ul > li:nth-child(even),
        .project.four_blocks .resize .cmsms_media_box:nth-child(even) {
                width:46%;
                float:right;
                padding-left:0;
                padding-right:0;
        }

        .portfolio_container.four_blocks .portfolio:nth-child(even) {padding-right:4%;}

        .post_type_shortcode.four_blocks {margin-right:0;}

        .one_fourth+.one_fourth+.one_fourth {clear:both;}

        .one_fourth+.one_fourth+.one_fourth+.one_fourth {clear:none;}

}


/* ---------- Mobile (Note: Design for a width more than 400 less than 541px) ---------- */

@media only screen and (min-width: 400px) and (max-width: 540px) {
		div.flex-caption {
			display: none;
		}
        a.logo img {width: 100%; padding: 0 5px;}

        .responsiveSlider {font-size:30%;}

        .responsiveSlider h6 {display:none;}

        #bottom .cmsms-form-builder input[type="text"],
        #bottom .cmsms-form-builder textarea {width:93%;}

        #page,
        #footer {min-width:240px;}

        #header nav {
                text-align:left;
                margin:30px 0;
                position:relative;
                top:auto;
                right:auto;
        }

        .error .search_line {width:60%;}

        .commentlist ul {padding-left:15px;}

        .portfolio_container.four_blocks {margin-right:0;}

        #footer {height:60px;}

        .container {padding-bottom:20px;}

}


/* ---------- Medium Monitor (Note: Design for a width less than 1440px) ---------- */

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

        .header,
        #middle,
        .wrapper_top,
        .social_block {width:1000px;}

        #navigation ul:before {width:95px;}

        .footer_inner,
        .bottom_inner,
        .wrap_top {width:940px;}

        .tabs li a.current {margin-top:1px;}

        .tabs li {height:48px;}

        .tour li.current span {top:6px;}

}


/* ---------- Small Monitor (Note: Design for a width less than 1152px) ---------- */

@media only screen and (max-width: 1151px) {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {word-wrap:break-word;}
}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

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

        #middle,
        .header,
        .wrapper_top,
        .social_block {
                width:90%;
                margin:0 5%;
        }

        #middle {margin-bottom:35px;}

        #navigation ul {
                padding:5px 0;
                top:41px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
        }

        #header nav {
    position: relative;
        margin: 0 auto;
        text-align: center;
        }

        #navigation ul:before {content:none;}

        #navigation ul ul {top:-5px;}

        #navigation > li > a {min-width:60px;}

        #navigation a {
                font-size:13px;
                font-weight:normal;
                min-width:50px;
        }

        #navigation ul ul {left:143px;}

        #navigation ul li {width:140px;}

        #navigation ul li a {margin:0 5px;}

        #navigation ul li a span {
                background:none;
                padding:9px 5px;
        }

        #navigation ul li:hover > a span,
        #navigation ul li.current_page_item > a span {
                background:none;
                padding:8px 12px 9px 11px;
        }

        .responsiveSlider {width:99.7%;}

        .footer_inner,
        .bottom_inner,
        .wrap_top {
                width:85%;
                margin:0 auto;
        }

        .wrapper_top {margin-bottom:30px;}

        a.cmsms_prev_slide,
        a.cmsms_next_slide {
                width:20px;
                height:40px;
                margin-top:-20px;
                opacity:0.2;
                filter:alpha(opacity=20);
        }

        #middle_content .share_posts,
        #middle_content .related_posts,
        #middle_content #comments,
        #middle_content #commentform,
        #middle_content .about_author {width:100%;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .one_fourth,
        .one_fourth.last,
        .three_fourth,
        .three_fourth.last {padding-bottom:36px;}

}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

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

        .search_line input[type="text"] {width:85%;}

        .error h1 {font-size:17em;}

        .comment-body .cmsms-edit {float:none;}

        .tabs li a.current {margin-top:1px;}

        .responsiveSlider {width:99.6%;}

        .cmsms_slider_timer {display:none;}

        #top ul.cmsms_slides_nav {padding:2% 0 0;}

        #top .cmsms_prev_slide,
        #top .cmsms_next_slide {bottom:-5px;}

        .content_wrap {background-image:none;}

        .footer_inner span {
                display:block;
                clear:both;
        }

        .footer_inner .fl,
        .footer_inner .social_list {
                display:inline-block;
                float:none;
        }

        #footer p {padding-bottom:20px;}

        #content,
        #sidebar {
                width:100%;
                float:none;
                padding:20px 0;
        }

        #content  {
                background:url(../images/divider.png) repeat-x left bottom;
                margin-bottom:50px;
                overflow:hidden;
        }

        .portfolio_container.three_blocks,
        .portfolio_container.one_blocks {margin-right:0;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .three_fourth,
        .three_fourth.last,
        .three_fourth+.one_fourth,
        .one_fourth+.one_half+.one_fourth,
        .portfolio_container.three_blocks .portfolio,
        .format-album.two_blocks .cmsms_media .cmsms_media_box,
        .format-album.three_blocks .cmsms_media .cmsms_media_box,
        .project.four_blocks .resize .cmsms_media_box,
        .project.three_blocks .resize .cmsms_media_box,
        .project.two_blocks .resize .cmsms_media_box        {
                width:100%;
                float:none;
                padding-right:0;
        }

        .header {text-align:center;}

        #header.header_small .header {padding-bottom:10px;}

        #navigation a {text-align:left;}

        #navigation > li > a {
                font-size:14px;
                text-align:center;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
        }

        #header nav {
    position: relative;
        margin: 0 auto;
        }

        .logo {
                margin:0 auto;
                position:relative;
                left:auto;
                top:auto;
                clear: both;
        }

        #navigation {
                margin-top:30px;
                margin-right:0;
                margin-bottom:30px;
        }

        #header nav {
                margin-top:6px;
                position:relative;
                top:auto;
                right:auto;
        }

        .widget_custom_flickr_entries li,
        .adv_widget_image {padding:0 4% 4% 0;}

        .widget_custom_flickr_entries li:last-child {padding-right:0;}

        .tour_box,
        .tour {
                width:100%;
                float:none;
        }

        .social_list_title,
        #footer .social_list,
        #footer .fr {float:none;}

        #footer .social_list {margin-left:0;}

        .footer_inner,
        .footer_inner .fr {text-align:center;}

}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

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

        .header {
                margin:0 auto;
                width:100%;
        }

        a.logo img {width: 100%; padding: 0 5px;}

        .comment-body .cmsms-edit {float:none;}

        .error .search_line {width:60%;}

        .error h1 {font-size:11em;}

        .responsiveSlider {width:99.5%;}

        div.jp-video div.jp-current-time,
        div.jp-audio div.jp-current-time,
        div.jp-video div.jp-time-sep,
        div.jp-audio div.jp-time-sep,
        div.jp-video div.jp-duration,
        div.jp-audio div.jp-duration {display:none;}

        .one_fourth,
        .one_fourth.last,
        .one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth+.one_fourth,
        .portfolio_container.two_blocks .portfolio,
        .portfolio_container.four_blocks .portfolio:nth-child(odd),
        .portfolio_container.four_blocks .portfolio:nth-child(even),
        .format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
        .format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even),
        .post_type_shortcode.four_blocks article:nth-child(odd),
        .post_type_shortcode.four_blocks article:nth-child(even),
        .cms_archive li:nth-child(odd),
        .cms_archive li:nth-child(even),
        .sitemap > li > ul > li:nth-child(odd),
        .sitemap > li > ul > li:nth-child(even) {
                width:100%;
                float:none;
                padding-right:0;
        }

        input[type="text"],
        textarea,
        #commentform input[type="text"],
        #commentform textarea{width:90%;}

        .search_line input[type="text"] {width:85%;}

        #bottom .cmsms-form-builder input[type="text"],
        #bottom .cmsms-form-builder textarea {width:94%;}

        .post_type_shortcode.four_blocks,
        .post_type_shortcode.two_blocks,
        .portfolio_container.two_blocks .portfolio,
        .portfolio_container.two_blocks        {margin-right:0;}

        .comment-body .ovh {overflow:visible;}

        .commentlist .published {
                float:left;
                margin-left:0;
        }

        .commentlist ul {padding-left:10px;}

        .pj_sort {padding-top:60px;}

        .p_options_block {
                right:auto;
                left:10px;
        }

        .p_sort {
                float:none;
                margin-bottom:10px;
                overflow:hidden;
        }

        div.p_filter        {float:left;}

        .resp_navigation {
                border:1px solid rgba(255, 255, 255, .1);
                background:rgba(0, 0, 0, .2) url(../images/nav_a_hover_bg.png) 0 -50px repeat-x;
                display:inline-block;
                width:53px;
                height:40px;
                margin-top:20px;
                margin-bottom:10px;
                position:relative;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
                -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        }

        .resp_navigation span {
                background:url(../images/resp_nav_but_bg.png) center center no-repeat;
                display:block;
                width:51px;
                height:38px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
        }

        .resp_navigation:hover,
        .resp_navigation.active        {
                background-position:0 0;
                border:0;
                padding:1px;
        }

        nav {
                border-top:1px solid rgba(0, 0, 0, .3);
                border-bottom:1px solid rgba(255, 255, 255, .1);
                margin-bottom:30px;
        }

        #navigation {
                border:0;
                background:rgba(0, 0, 0, .5);
                display:none;
                width:100%;
                height:auto;
                padding:5px 15px 10px;
                margin:0;
                overflow:hidden;
                position:relative;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
        }

        #navigation li {
                border-top:1px solid rgba(255, 255, 255, .1);
                width:auto;
                float:none;
                overflow:hidden;
        }

        #navigation > li:first-child {border:0;}

        #navigation a {
                font-weight:bold;
                height:35px;
                padding:9px 15px 7px 10px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
        }

        #navigation > li > a {
                text-align:left;
                height:35px;
                padding:9px 15px 7px 10px;
                margin:3px 0;
        }

        #navigation > li > a,
        #navigation > li:first-child > a,
        #navigation > li:last-child > a {
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
        }

        nav #navigation li.current_page_item a,
        nav #navigation li a:hover,
        .header nav #navigation li ul li.current_page_item a,
        .header nav #navigation li ul li a:hover {background-position:0 0;}

        #navigation ul {
                border:0;
                background:none;
                display:none;
                padding:0;
                margin:0;
                visibility:visible;
                position:relative;
                left:auto;
                top:auto;
                opacity:1;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
                -webkit-transition:none;
                -moz-transition:none;
                -ms-transition:none;
                -o-transition:none;
                transition:none;
        }

        #navigation ul:before {content:none;}

        #navigation ul ul {
                margin:0;
                left:auto;
                top:auto;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
        }

        #navigation ul ul:before {content:none;}

        #navigation ul li {width:auto;}

        #navigation ul li a {
                border:0;
                background-color:transparent;
                background-repeat:repeat-x;
                background-position:0 -50px;
                font-size:14px;
                margin:3px 0 3px 20px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        }

        #navigation  ul > li > a:hover,
        #navigation  ul > li.current_page_item > a,
        #navigation  ul li:hover ul li a:hover,
        #navigation  ul li ul li.current_page_item a {background-image:url(../images/nav_a_hover_bg.png);}

        #navigation ul li:hover > a,
        #navigation ul li.current_page_item > a {
                border:0;
                margin:3px 0 3px 20px;
        }

        #navigation li a span,
        #navigation ul li a span {
                background:url(../images/dropdown_span_bg.png) no-repeat right 4px;
                padding:0;
                display:block;
        }

        #navigation ul li:hover > a span,
        #navigation ul li.current_page_item > a span {
                border:0;
                background:url(../images/dropdown_span_bg.png) no-repeat right 4px;
                padding:0;
        }

        #navigation ul li ul li a {margin-left:40px;}

        #navigation ul li ul li:hover > a,
        #navigation ul li ul li.current_page_item > a {margin-left:40px;}

        #navigation ul li ul li ul li a {margin-left:60px;}

        #navigation ul li ul li ul li:hover > a,
        #navigation ul li ul li ul li.current_page_item > a {margin-left:60px;}

}

/* ---------- Mobile (Note: Design for a width less than 401) ---------- */

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

        .responsiveSlider {font-size:20%;}

        .responsiveSlider h1 {margin-bottom:0;}

        .responsiveSlider h6 {display:none;}

        .responsiveSlider a.button,
        .responsiveSlider a.slider_link {display:none;}

        .error h1 {font-size:10em;}

        .responsiveSlider {width:99.3%;}

        a.cmsms_content_prev_slide {
                right:30px;
                top:-20px;
        }

        a.cmsms_content_next_slide {
                right:0;
                top:-20px;
        }

        #bottom .cmsms-form-builder input[type="text"],
        #bottom .cmsms-form-builder textarea {width:92%;}

        .comment-body .name,
        .comment-body .button {float:none;}

        .portfolio_container.four_blocks {margin-right:0;}

        .related_posts ul li {float:none;}

        .related_posts ul li a {
                display:block;
                margin:0 0 0 20px;
        }

        .related_posts ul li a.current {margin-left:0;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .three_fourth,
        .three_fourth.last,
        .three_fourth+.one_fourth,
        .one_fourth+.one_half+.one_fourth,
        .portfolio_container.three_blocks .portfolio,
        .format-album.two_blocks .cmsms_media .cmsms_media_box,
        .format-album.three_blocks .cmsms_media .cmsms_media_box {
                width:100%;
                float:none;
                padding-right:0;
        }

}