/*html {height:100%;}*/

body {
    margin: 0;
    padding: 0;
    /*height:100%;*/
    text-align: left;
}

.isInIFrame {
    overflow: hidden;
}

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

div.jp-video.fullwidth, div.jp-video.fullwidth .jp-type-list-parent {
    z-index: 1;
}

.jp-video {
    margin-bottom: 18px;
}

.jp-playlist {
    margin-top: 10px;
}

figure img {
    display: block;
}

abbr {
    border: 0;
}

address {
    font-style: normal;
}

.areaslider {
    float: left;
    width: 30%;
    padding-right: 15px;
}

a {
    outline: none;
    text-decoration: 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 {
        text-decoration: none;
    }

p {
    margin: 0 0 18px;
    padding: 0;
}

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

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

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

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

img {
    padding: 0;
    border: 0;
}

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

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

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

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



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

figure .preloader.inBlog .fullwidth {
    position: relative;
    height: auto;
}

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

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

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

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

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

input {
    outline: none;
    border: 0;
    background: none;
}

textarea {
    overflow: hidden;
    outline: none;
    border: 0;
    background: none;
    resize: none;
}

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

h1,
h2,
h3,
h4,
h5,
.related_posts_content div p a {
    margin: 0 0 5px;
    padding: 0;
}


h6 {
    margin: 0 0 10px;
    padding: 0;
}

.featured_block h2 {
    margin: 15px 0;
}

.colored_title_inner h2 {
    margin-bottom: 5px;
}

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

h3 {
    position: relative;
    overflow: hidden;
}

    h3:after {
        position: absolute;
        top: 17px;
        margin-left: 10px;
        width: 99%;
        height: 5px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        content: '';
    }

h5 {
    position: relative;
    overflow: hidden;
}

    h5:after {
        position: absolute;
        top: 10px;
        margin-left: 10px;
        width: 99%;
        height: 5px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        content: '';
    }


.cl {
    clear: both;
}

.ovh {
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

a span.image_rollover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(/staticFiles/images/hover_content.png) 50% -100px no-repeat;
    opacity: .3;
    filter: alpha(opacity=30);
    -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;
}

.portfolio_container a figure span.image_rollover {
    display: none;
}

a.jackbox span.image_rollover {
    background-image: url(/staticFiles/images/hover_image.png);
}

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

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

.portfolio.format-album a span.image_rollover,
.post.format-image a span.image_rollover,
.post-article a span.image_rollover {
    background-image: url(/staticFiles/images/hover_image.png);
}

.portfolio.format-album.format-cover a span.image_rollover,
.post_type_shortcode .portfolio.format-album a span.image_rollover,
.post_type_shortcode .post.format-image a span.image_rollover {
    background-image: url(/staticFiles/images/hover_content.png);
}

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


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

#header {
    margin: 0 auto;
    padding: 0 30px;
    min-height: 184px;
    width: 940px;
    background: #ffffff;
}

.header_inner {
    position: relative;
    margin: 0 auto;
    width: 940px;
}

.social_block {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 300;
    width: 220px;
}



/* -------------------------------------------------------------------------------- Headline */


.headline > div {
    display: table-cell;
    vertical-align: middle;
}

.headline img {
    display: block;
    margin-right: 14px;
}

.headline div h1 {
    margin: 9px 0;
}

.headline div > p {
    margin: -5px 0 10px;
    padding: 0;
}

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


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

#middle {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle_inner {
    position: relative;
    margin: 0 auto;
    width: 940px;
}

.header_inner {
    width: 100%;
}

.cont_nav,
.headline,
.middle_inner {
    background: #ffffff;
}


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

.content_wrap {
    position: relative;
    overflow: hidden;
    padding: 20px 0 40px;
}

    .content_wrap:before {
        position: absolute;
        top: 0;
        left: 65%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .1);
        content: '';
    }

.description .content_wrap:before {
    left: 74.9%;
}

.content_wrap.sidebar_left:before {
    left: 25.1%;
}

.content_wrap.sidebar_left #content {
    float: right;
    padding-right: 0;
    padding-left: 4.8%;
}

#content {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 20px 0;
    width: 62%;
}

.description #content {
    width: 72.4%;
}

#content.fr {
    float: right;
}



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

#middle_content {
    position: relative;
    padding: 40px 0 40px;
    z-index: 0;
}

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

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

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

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

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

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

.nopadding {
    padding: 0;
}

.divider {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 34px 0 32px;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .08);
}

.fullwidth_divider {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 34px -30px 32px;
    width: 120%;
    height: 1px;
    background: rgba(0, 0, 0, .08);
}

.entry .one_half .divider,
.entry .one_third .divider,
.entry .two_third .divider,
.entry .one_fourth .divider,
.entry .three_fourth .divider {
    margin: 15px 0;
}

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

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

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

.post_type_shortcode {
    position: relative;
}

    .post_type_shortcode .cms_title {
        margin-bottom: 30px;
    }

    .post_type_shortcode a.cmsms_content_prev_slide,
    .post_type_shortcode a.cmsms_content_next_slide {
        top: 0px;
        right: 0px;
        left: auto;
    }

    .post_type_shortcode a.cmsms_content_prev_slide {
        right: 21px;
        border-width: 0 1px 0 10px;
        border-style: solid;
        border-color: #ffffff;
    }

.wp-caption {
    display: block;
    padding: 6px;
    border: 1px solid #e7e7e7;
}

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

.wp-caption + p {
    padding-top: 5px;
}

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

video {
    background-color: #000000;
}

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

.caption img {
    display: block;
}

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

.table {
    margin-bottom: 18px;
    width: 99%;
    border-spacing: 0;
    margin-left: 1px;
}

    .table td,
    .table tr th {
        border-bottom: 1px solid #ebecec;
        padding: 15px 0 15px 20px;
    }

        .table td:first-child,
        .table tr th:first-child {
            border-left: 1px solid #ebecec;
        }

        .table td:last-child,
        .table tr th:last-child {
            border-right: 1px solid #ebecec;
        }

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

    .table thead th {
        color: #ffffff;
    }

    .table th {
        text-align: left;
        padding: 11px 0 11px 20px;
    }



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

.comment-reply-link,
.button,
.button_medium,
.button_large {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 20px 9px;
    min-width: 87px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
}

.button_medium {
    padding: 13px 20px 14px;
    min-width: 113px;
    font-size: 16px;
}

.button_large {
    padding: 18px 25px;
    min-width: 152px;
    font-size: 22px;
    line-height: 24px;
}

    .button.current,
    .button_medium.current,
    .button_large.current {
        z-index: 2;
    }

    .button:hover,
    .button_medium:hover,
    .button_large:hover,
    .button.current,
    .button_medium.current,
    .button_large.current {
        -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0);
        -moz-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0);
        box-shadow: -1px 0px 2px rgba(0, 0, 0, 0);
        -ms-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0);
        -o-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0);
    }

.box {
    margin: 0 0 20px;
}

.error_box,
.success_box,
.notice_box,
.warning_box,
.download_box,
.css_box {
}

.error_box {
    background-color: rgba(253, 198, 198, .5);
}

.success_box {
    background-color: rgba(182, 240, 148, .5);
}

.notice_box {
    background-color: rgba(169, 229, 246, .5);
}

.warning_box {
    background-color: rgba(254, 222, 153, .5);
}

.download_box {
    background-color: rgba(165, 244, 148, .5);
}

.css_box {
    background-color: rgba(245, 244, 244, .8);
}

.css_box {
    padding: 25px;
}

.box.css_box p {
    margin: 0;
    padding: 0;
}

.box table {
    width: 100%;
}

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

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

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

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

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

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

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

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



/* -------------------------------------------------------------------------------- Portfolio */

.one_block .portfolio,
.one_block .portfolio.entry-content,
.one_block .portfolio .entry-meta,
.one_block .portfolio .entry-meta .post_category {
    text-align: center;
}

.portfolio_container {
    position: relative;
    margin-right: -4%;
}

    .portfolio_container.four_blocks {
        margin-right: -3.9%;
    }

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

.project .cmsms_media,
.project.format-slider .shortcode_slideshow {
    clear: both;
    margin-bottom: 30px;
}

.project.four_blocks .cmsms_media,
.project.three_blocks .cmsms_media,
.project.two_blocks .cmsms_media,
.project.one_block .cmsms_media {
    margin-bottom: 0;
}

.project .cmsms_media .cmsms_media_box,
.portfolio_container .portfolio {
    float: left;
}

.project.one_block .cmsms_media .cmsms_media_box {
    float: none;
}

.portfolio_container.one_block .cmsms_media .cmsms_media_box {
    float: none;
}

.portfolio_container .portfolio,
.project .cmsms_media .cmsms_media_box,
.project.four_blocks .cmsms_media .cmsms_media_box,
.project.three_blocks .cmsms_media .cmsms_media_box,
.project.two_blocks .cmsms_media .cmsms_media_box,
.portfolio_container.four_blocks .portfolio,
.portfolio_container.three_blocks .portfolio,
.portfolio_container.two_blocks .portfolio,
.portfolio_container.four_blocks .cmsms_media .cmsms_media_box,
.portfolio_container.three_blocks .cmsms_media .cmsms_media_box,
.portfolio_container.two_blocks .cmsms_media .cmsms_media_box {
    float: left;
    padding-right: 4%;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.post_type_shortcode.four_blocks article {
    float: left;
    padding-right: 3.45%;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .post_type_shortcode.four_blocks article + article + article + article {
        padding-right: 0;
        padding-left: 0;
    }

.project .cmsms_media .cmsms_media_box .image_border {
    padding: 4px;
}

.project.four_blocks .cmsms_media .cmsms_media_box {
    width: 22%;
}

.project.three_blocks .cmsms_media .cmsms_media_box {
    width: 30.6%;
}

.project.two_blocks .cmsms_media .cmsms_media_box {
    width: 48%;
}

.portfolio_container.four_blocks .cmsms_media .cmsms_media_box {
    width: 21%;
}

.portfolio_container.three_blocks .cmsms_media .cmsms_media_box {
    width: 29%;
}

.portfolio_container.two_blocks .cmsms_media .cmsms_media_box {
    width: 46%;
}

.portfolio_container.four_blocks .portfolio {
    width: 21%;
}

.post_type_shortcode.four_blocks article {
    width: 22.4%;
}

.portfolio_container.three_blocks .portfolio {
    width: 29.3%;
}

.portfolio_container.two_blocks .portfolio {
    width: 45%;
}

.portfolio_container.one_block .portfolio {
    margin-bottom: 10px;
    width: 100%;
}

.portfolio_container .portfolio .post_category {
    margin-bottom: 14px;
}

.portfolio_container.short .portfolio .post_category {
    margin-bottom: 0;
}

.portfolio_container.one_block .portfolio figure.fullwidth {
    min-width: 63%;
    max-width: 63%;
}

.portfolio_container.one_block .portfolio .port_text {
    float: left;
    padding-left: 2%;
    min-width: 33%;
    max-width: 33%;
}

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

    .portfolio_inner > a {
        width: 100%;
        /*height:100%;*/
        overflow: hidden;
        position: absolute;
        display: block;
        z-index: 1;
    }

    .portfolio_inner .project_rollover .entry-header .entry-title a,
    .portfolio_inner .project_rollover .entry-header .cmsms_category li a {
        position: relative;
        z-index: 10;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -moz-transition: opacity 0.3s ease-in-out 0s;
        -ms-transition: opacity 0.3s ease-in-out 0s;
        -o-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s;
    }

        .portfolio_inner .project_rollover .entry-header .entry-title a:hover,
        .portfolio_inner .project_rollover .entry-header .cmsms_category li a:hover {
            opacity: .7;
            filter: alpha(opacity=70);
        }

    .portfolio_inner figure {
        width: 100%;
        height: 0;
        padding: 0 0 100%;
        margin: 0;
    }

.portfolio_container.two_blocks .portfolio_inner figure {
    width: 100%;
    height: 0;
    padding: 0 0 66%;
    margin: 0;
}

.portfolio_container.one_block .portfolio_inner figure {
    width: 100%;
    height: 0;
    padding: 0 0 56%;
    margin: 0;
}

.portfolio_inner .project_rollover {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 11px 20px 9px 17px;
    width: 100%;
    height: 25%;
    max-height: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.3s ease-in-out 0s;
    -moz-transition: height 0.3s ease-in-out 0s;
    -ms-transition: height 0.3s ease-in-out 0s;
    -o-transition: height 0.3s ease-in-out 0s;
    transition: height 0.3s ease-in-out 0s;
}

    .portfolio_inner .project_rollover:before {
        position: absolute;
        z-index: 11;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: inherit;
        -webkit-transition: height 0.3s ease-in-out 0s;
        -moz-transition: height 0.3s ease-in-out 0s;
        -ms-transition: height 0.3s ease-in-out 0s;
        -o-transition: height 0.3s ease-in-out 0s;
        transition: height 0.3s ease-in-out 0s;
    }

.portfolio_container.one_block .portfolio_inner .project_rollover:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 22px;
    background: inherit;
    -webkit-transition: height 0.3s ease-in-out 0s;
    -moz-transition: height 0.3s ease-in-out 0s;
    -ms-transition: height 0.3s ease-in-out 0s;
    -o-transition: height 0.3s ease-in-out 0s;
    transition: height 0.3s ease-in-out 0s;
}

.portfolio_container.three_blocks .portfolio_inner .project_rollover {
    padding-top: 20px;
}

    .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header {
        margin: 5px 15px 0px 0;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 25px;
    }

.portfolio_container.two_blocks .portfolio_inner .project_rollover {
    padding-top: 20px;
}

    .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header {
        margin: 5px 15px 0px 0;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 25px;
    }

.portfolio_container.one_block .portfolio_inner .project_rollover {
    padding-top: 20px;
}

    .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
        margin-top: 10px;
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
        top: 20px;
    }

.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {
    margin-top: 8px;
    margin-bottom: 5px;
}

.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header {
    margin: 0 15px 0 0;
}

.portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul {
    margin-top: 9px;
    margin-bottom: 5px;
}

.portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header {
    margin: 0 15px 0 0;
}


.portfolio_container.two_blocks .portfolio:nth-child(odd) {
    float: left;
    padding-right: 4%;
    padding-left: 0;
    width: 46%;
}

.portfolio_container.two_blocks .portfolio:nth-child(even) {
    float: right;
    padding-right: 0;
    padding-left: 0;
    width: 46%;
}


.project_rollover .cmsms_post_img {
    position: absolute;
    top: 15px;
    right: 15px;
    float: none;
    width: 30px;
    height: 30px;
    background-color: transparent;
}

.project_rollover .entry-header h6 {
    margin: 0 15px 0 0;
    padding: 0 0 2px;
}

.project_rollover .entry-header ul {
    margin-right: 15px;
}

.portfolio_inner .project_rollover .entry-content {
    margin-top: 25px;
}

.portfolio_inner .project_rollover .entry-header,
.project_rollover .entry-header h6,
.project_rollover .entry-header ul,
.portfolio_inner .project_rollover .entry-content {
    display: block;
    overflow: hidden;
}

.portfolio_inner > figure,
.portfolio_inner > .shortcode_slideshow,
.portfolio_inner > .resizable_block,
.portfolio_container .portfolio_inner > .resizable_block,
.portfolio_container .portfolio_inner > .jp-video {
    margin: 0 0 0px;
}

.portfolio_inner footer.entry-meta {
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.cmsms_our_team_wrap {
    margin-bottom: 23px;
}

    .cmsms_our_team_wrap > div {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        display: block;
    }

    .cmsms_our_team_wrap div .cmsms_team_rollover {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
        height: 25%;
        max-height: 100%;
        -webkit-transition: height 0.3s ease-in-out 0s;
        -moz-transition: height 0.3s ease-in-out 0s;
        -ms-transition: height 0.3s ease-in-out 0s;
        -o-transition: height 0.3s ease-in-out 0s;
        transition: height 0.3s ease-in-out 0s;
    }

.cmsms_team_rollover .entry-header {
    display: table;
    height: 100%;
    padding: 0;
    vertical-align: middle;
    -webkit-transition: padding 0.3s ease-in-out 0s;
    -moz-transition: padding 0.3s ease-in-out 0s;
    -ms-transition: padding 0.3s ease-in-out 0s;
    -o-transition: padding 0.3s ease-in-out 0s;
    transition: padding 0.3s ease-in-out 0s;
}

.cmsms_team_rollover:hover .entry-header {
    padding: 15px 0 25px;
    height: auto;
}

.cmsms_team_rollover .entry-header > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.cmsms_our_team_wrap div .cmsms_team_rollover .entry-header h6 {
    margin: 0;
    padding: 0;
}

.cmsms_our_team_wrap .entry-header h6,
.cmsms_our_team_wrap .entry-header span,
.cmsms_our_team_wrap div .cmsms_team_rollover .entry-content,
.one_fourth.cmsms_our_team_wrap div .cmsms_team_rollover .entry-footer {
    display: block;
    overflow: hidden;
}

.cmsms_our_team_wrap .cmsms_team_rollover .entry-footer {
    bottom: 0;
    height: 40px;
    left: 17px;
    overflow: hidden;
    padding-bottom: 5px;
    position: absolute;
    width: 100%;
    background-color: inherit;
}

.cmsms_our_team_wrap .cmsms_team_rollover .entry-footer {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in-out 0.1s;
    -moz-transition: opacity 0.2s ease-in-out 0.1s;
    -ms-transition: opacity 0.2s ease-in-out 0.1s;
    -o-transition: opacity 0.2s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out 0.1s;
}

.cmsms_our_team_wrap .cmsms_team_rollover:hover .entry-footer {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cmsms_team_rollover a {
    margin: 10px 1px 0;
    width: 26px;
    height: 18px;
}

.cmsms_team_rollover .facebook {
    background: url(/staticFiles/images/socicons/facebook_footer.png) no-repeat left center;
}

.cmsms_team_rollover .twitter {
    background: url(/staticFiles/images/socicons/twitter_footer.png) no-repeat left center;
}

.cmsms_team_rollover .vimeo {
    background: url(/staticFiles/images/socicons/vimeo_footer.png) no-repeat left center;
}

ul.cmsms_category,
ul.post-categories {
    margin: 0;
    list-style: none;
}

    ul.cmsms_category li,
    ul.post-categories li {
        display: inline-block;
        line-height: 18px;
    }

.p_options_block {
    position: relative;
    right: 0;
    z-index: 29;
    display: block;
    padding: 19px 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .p_options_block a:hover {
        text-decoration: none;
    }

    .p_options_block:before {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /*margin:0 -30px;*/
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, .1);
        content: "";
    }

.preloader img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.portfolio_container.one_block article.status-publish {
    float: none;
    margin-bottom: 30px;
}

.portfolio_container.four_blocks .portfolio .jp-duration,
.portfolio_container.four_blocks .portfolio .jp-current-time,
.portfolio_container.four_blocks .portfolio .jp-time-sep,
.portfolio_container .portfolio .jp-full-screen,
.portfolio_container .portfolio .li-jp-full-screen {
    display: none;
}

.portfolio_container .portfolio .jp-volume-bar {
    right: 5px;
}


/* -------------------------------------------------------------------------------- Form builder */

.cmsms-form-builder {
    padding-left: 2px;
}

    .cmsms-form-builder label {
        padding-bottom: 10px;
    }

    .cmsms-form-builder .form_info {
        padding: 3px 0 13px;
    }

    .cmsms-form-builder span.db {
        display: block;
        margin: 5px 0 10px;
    }

input[type="text"],
input[type="email"],
textarea,
select {
    overflow: hidden;
    margin: 0 0 3px;
    padding: 5px;
    width: 60%;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .0);
    background-color: #f7f7f8;
    line-height: 28px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.bottom_inner .cmsms-form-builder input[type="text"],
.bottom_inner .cmsms-form-builder textarea,
.bottom_inner .cmsms-form-builder select {
    overflow: hidden;
    margin: 0 0 3px;
    padding: 5px;
    width: 60%;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .0);
    background-color: #495459;
    background-color: rgba(255, 255, 255, .08);
    line-height: 28px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .bottom_inner .cmsms-form-builder input[type="text"]:focus,
    .bottom_inner .cmsms-form-builder textarea:focus,
    .bottom_inner .cmsms-form-builder select:focus {
        background-color: #313b40;
        background-color: rgba(0, 0, 0, .15);
    }

.search_line input[type="text"]:focus {
    padding-right: 35px;
}

option {
    padding: 5px;
}

.widget select {
    padding-top: 8px;
}

.widget input[type="text"],
.widget input[type="email"],
textarea {
    width: 98%;
}

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

.cmsms-form-builder select {
    width: 50%;
    height: 32px;
}

.cmsms-form-builder option {
    margin: 0;
    padding: 5px;
    height: 32px;
}

.cmsms-form-builder textarea {
    min-height: 200px;
    resize: both;
    overflow: auto;
}

.bottom_inner .cmsms-form-builder textarea {
    min-height: 100px;
    resize: vertical;
}

.cmsms-form-builder .check_parent {
    padding: 6px 0;
    position: relative;
    overflow: hidden;
}

    .cmsms-form-builder .check_parent label {
        padding: 0;
    }

    .cmsms-form-builder .check_parent input[type="checkbox"],
    .cmsms-form-builder .check_parent input[type="radio"] {
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        opacity: 0;
    }

        .cmsms-form-builder .check_parent input[type="checkbox"] + label:before,
        .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:before {
            background: url(/staticFiles/images/radio_check.png) no-repeat 0 -85px;
        }

        .cmsms-form-builder .check_parent input[type="checkbox"]:checked + label:before,
        .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
            background: url(/staticFiles/images/radio_check.png) no-repeat 0 -57px;
        }

        .cmsms-form-builder .check_parent input[type="radio"] + label:before,
        .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before {
            background: url(/staticFiles/images/radio_check.png) no-repeat 0 -29px;
        }

        .cmsms-form-builder .check_parent input[type="radio"]:checked + label:before,
        .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:before {
            background: url(/staticFiles/images/radio_check.png) no-repeat 0 0;
        }

        .cmsms-form-builder .check_parent input[type="checkbox"] + label,
        .cmsms-form-builder input[type="radio"] + label {
            display: block;
            float: left;
            padding: 1px 0 0 25px;
            position: relative;
            margin: 0;
            overflow: hidden;
            z-index: 1;
            cursor: pointer;
            white-space: normal;
            word-wrap: break-word;
        }


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

.widget_custom_portfolio_entries_container {
    position: relative;
}

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

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

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

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

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





.widget_custom_portfolio_entries_container .responsiveContentSlider > li {
    padding-bottom: 25px;
}

.responsiveContentSlider > li img {
    height: auto;
}

a.cmsms_content_prev_slide,
a.cmsms_content_next_slide {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 8;
    display: block;
    width: 21px;
    height: 21px;
    background: #f6f6f6 url(/staticFiles/images/widget_nav.png) no-repeat left top;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    -ms-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s;
}

a.cmsms_content_prev_slide {
    right: 21px;
}

#top_sidebar a.cmsms_content_prev_slide,
#top_sidebar a.cmsms_content_next_slide,
.middle_sidebar a.cmsms_content_prev_slide,
.middle_sidebar a.cmsms_content_next_slide,
.bottom_inner a.cmsms_content_prev_slide,
.bottom_inner a.cmsms_content_next_slide {
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 0;
    z-index: 8;
    display: block;
    float: none;
    margin: 0;
    width: 21px;
    height: 21px;
    background: url(/staticFiles/images/widget_nav.png) no-repeat left top #F6F6F6;
}

#top_sidebar a.cmsms_content_next_slide,
.middle_sidebar a.cmsms_content_next_slide,
.bottom_inner a.cmsms_content_next_slide {
    left: 22px;
    background-position: left bottom;
}

.bottom_inner a.cmsms_content_prev_slide,
.bottom_inner a.cmsms_content_next_slide {
    background: url(/staticFiles/images/widget_nav_bottom.png) no-repeat left top rgba(255, 255, 255, .1);
}

a.cmsms_content_next_slide,
.bottom_inner a.cmsms_content_next_slide {
    left: 22px;
    background-position: left bottom;
}

.cmsms_content_slider_parent ul.cmsms_slides_nav {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 0;
    position: relative;
    top: 0;
    left: auto;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -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 {
            display: block;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-indent: 9999px;
            -webkit-transition: background .3s ease-in-out;
            -moz-transition: background .3s ease-in-out;
            -ms-transition: background .3s ease-in-out;
            -o-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
        }

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

.widget_custom_portfolio_entries_container .cmsms_content_slider_parent .cmsms_slides_nav {
    position: absolute;
    top: auto;
    left: auto;
    padding: 15px 15px 0 0;
    max-width: 100%;
    width: 100%;
    text-align: right;
}

    .widget_custom_portfolio_entries_container .cmsms_content_slider_parent .cmsms_slides_nav li {
        display: inline-block;
        float: none;
    }

#sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li,
#top_sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li,
.middle_sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li,
.bottom_inner .cmsms_content_slider_parent ul.cmsms_slides_nav li {
    padding: 0 0 0 5px;
}

    #sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li a,
    #top_sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li a,
    .middle_sidebar .cmsms_content_slider_parent ul.cmsms_slides_nav li a,
    .bottom_inner .cmsms_content_slider_parent ul.cmsms_slides_nav li a {
        background-color: #D6D6D6;
        height: 8px;
        width: 8px;
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-indent: 9999px;
        -webkit-transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -ms-transition: background .3s ease-in-out;
        -o-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

    .bottom_inner .cmsms_content_slider_parent ul.cmsms_slides_nav li a {
        background-color: #616a6f;
        background-color: rgba(87, 97, 102, 0.7);
    }

.widget_custom_portfolio_entries_container figure {
    margin-bottom: 18px;
}

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

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

    #top,
    #header,
    .header_inner,
    .cont_nav,
    .headline,
    .middle_inner,
    .bottom_inner,
    #top_sidebar,
    .middle_sidebar,
    .footer_inner,
    .footer_inner:before {
        width: 1160px;
    }

        #header nav.fixed_nav {
            width: 100%;
            left: 0;
            box-shadow: 1px 0 10px rgba(0,0,0,0.5);
            z-index: 10000;
        }

            #header nav.fixed_nav ul#navigation {
                width: 1160px;
                margin: 0 auto;
            }

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

    .responsiveSlider {
        font-size: 100%;
    }

    .social_block ul {
        display: block;
    }
}


/* ---------- Small Monitor (Note: Design for a width more than 767px but less than 1439px) ---------- */

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

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

    .social_block ul {
        display: block;
    }

    .icon-plus-sign {
        display: none !important;
    }
}


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

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

    .related_posts .one_half {
        width: 49%;
    }

    .project_rollover .entry-header h6 {
        margin: 0 20px 0 0;
    }

    .project_rollover .cmsms_post_img {
        top: 11px;
    }

    .portfolio_inner .project_rollover {
        padding-top: 9px;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 15px;
    }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
            right: 10px;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {
            margin-top: 0;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 15px;
            right: 15px;
        }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 15px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
            right: 10px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul {
            margin-top: 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 15px;
            right: 15px;
        }

    .icon-plus-sign {
        display: none !important;
    }
}


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

@media only screen and (min-width: 950px) and (max-width: 1024px) {

    .related_posts .one_half {
        width: 49%;
    }

    .portfolio_inner .project_rollover {
        padding-top: 5px;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

    .icon-plus-sign {
        display: none !important;
    }
}


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

@media only screen and (min-width: 801px) and (max-width: 950px) {

    .portfolio_inner .project_rollover {
        padding-top: 5px;
    }

    .project_rollover .cmsms_post_img {
        top: 7px;
        right: 8px;
    }

    .project_rollover .entry-header h6,
    .project_rollover .entry-header ul {
        margin: 0 20px 0 0;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 4px;
    }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header {
            margin: 5px 15px 0px 0;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover.entry-header h6,
        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul.cmsms_category {
            margin: 0 5px 0 0;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul.cmsms_category {
            margin-top: 0;
        }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 4px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header {
            margin: 5px 15px 0px 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover.entry-header h6,
        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul.cmsms_category {
            margin: 0 5px 0 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul.cmsms_category {
            margin-top: 0;
        }

    .icon-plus-sign {
        display: none !important;
    }
}


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

@media only screen and (min-width: 769px) and (max-width: 800px) {

    .project_rollover .cmsms_post_img {
        top: 5px;
        right: 5px;
    }

    .project_rollover .entry-header h6,
    .project_rollover .entry-header ul {
        margin: 0 15px 0 0;
    }

    .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 7px;
    }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 7px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }
}


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

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

    #navigation > li > a > span {
        width: 114px;
    }

    .responsiveSlider {
        font-size: 65%;
    }

    input[type="text"],
    textarea {
        width: 93%;
    }

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

    .logo {
        left: 0;
    }

    .entry .one_half .ovh,
    .entry .one_third .ovh,
    .entry .two_third .ovh,
    .entry .one_fourth .ovh,
    .entry .three_fourth .ovh {
        clear: both;
    }

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

    .cmsms-form-builder select {
        width: 70%;
    }

    #sidebar {
        margin-left: 0;
        width: 32%;
    }

    #content {
        width: 64%;
    }

    .content_wrap:before {
        left: 66%;
    }

    .content_wrap.sidebar_left #content {
        padding-left: 4%;
    }

    .content_wrap.sidebar_left:before {
        left: 33.4%;
    }

    .bottom_inner {
        padding-bottom: 0;
    }

        .bottom_inner .one_fourth {
            padding-bottom: 16px;
        }

    .social_block ul {
        display: block;
    }

    .colored_button {
        padding: 0 10px 0 20px;
    }

    .icon-plus-sign {
        display: none !important;
    }
}


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

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

    .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),
    .cms_archive li:nth-child(2n+1),
    .sitemap > li > ul > li:nth-child(2n+1),
    .project.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd) {
        float: left;
        padding-right: 4%;
        padding-left: 0;
        width: 46%;
    }

    .cms_archive li:nth-child(2n+1),
    .sitemap > li > ul > li:nth-child(2n+1) {
        padding-right: 5%;
    }

    .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),
    .cms_archive li:nth-child(2n),
    .sitemap > li > ul > li:nth-child(2n),
    .project.four_blocks .cmsms_media .cmsms_media_box:nth-child(even) {
        float: right;
        padding-right: 0;
        padding-left: 0;
        width: 46%;
    }

    .post_type_shortcode.four_blocks article:nth-child(odd) {
        float: left;
        padding-right: 4%;
        padding-left: 0;
        width: 48%;
    }

    .post_type_shortcode.four_blocks article:nth-child(even) {
        float: right;
        padding-right: 0;
        padding-left: 0;
        width: 48%;
    }

    .three_blocks.portfolio_container .portfolio:nth-child(odd) {
        float: left;
        padding-right: 2%;
        padding-left: 0;
        width: 48%;
    }

    .three_blocks.portfolio_container .portfolio:nth-child(even) {
        float: right;
        padding-right: 0;
        padding-left: 2%;
        width: 48%;
    }

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

    .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 17px;
    }

        .project_rollover .entry-header h6,
        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header h6 {
            margin: 0 25px 0 0;
        }

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

    .post_type_shortcode.four_blocks,
    .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;
        }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {
        margin-top: 0;
    }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 15px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 5px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header h6 {
            margin: 0 25px 0 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul {
            margin-top: 0px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }
}


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

@media only screen and (min-width: 650px) and (max-width: 700px) {

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 25px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 25px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul {
            margin-top: 5px;
        }

    .portfolio_container.one_block .portfolio_inner .project_rollover {
        padding-top: 20px;
    }

        .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 10px;
        }

        .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
            top: 20px;
        }
}

.option-area {
    background: #f8f8f8;
    float: left;
    width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
}

    .option-area ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        column-gap: 0.5%;
    }

        .option-area ul li > a {
            display: block;
            padding: 5px;
        }

            .option-area ul li > a:hover {
                background: #696A6D;
                color: #fff;
            }

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

@media only screen and (min-width: 541px) and (max-width: 650px) {

    .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 3px;
    }


    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 17px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 17px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul {
            margin-top: 5px;
        }
}


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

@media only screen and (min-width: 541px) and (max-width: 600px) {

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }
}

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

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

    .responsiveSlider {
        font-size: 30%;
    }

        .responsiveSlider p {
            display: none;
        }

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

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

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

    #navigation > li {
        float: none;
    }

        #navigation > li > a > span {
            padding: 11px 0 11px 30px;
            height: 18px;
            line-height: 18px;
        }

    .portfolio_inner .project_rollover .entry-header {
        margin: 5px 15px 25px 0;
    }

    .error .search_line {
        width: 60%;
    }

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

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


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

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

    .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 20px;
    }

        .portfolio_inner .project_rollover .entry-header,
        .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header {
            margin: 5px 15px 30px 0;
        }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 20px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header {
            margin: 5px 15px 30px 0;
        }

    .project_rollover .cmsms_post_img,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 25px;
    }

    .project_rollover .entry-header ul,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {
        margin-top: 5px;
    }
}


/* ---------- 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;
    }

    #top,
    #header,
    .middle_inner,
    .cont_nav,
    .bottom_inner,
    #top_sidebar,
    .middle_sidebar,
    .footer_inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 5%;
        margin-left: 5%;
        width: 90%;
    }

        #header nav.fixed_nav {
            width: 84.4%;
            left: 7.7%;
        }

        .footer_inner:before {
            width: 100%;
        }
}

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

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

    #header,
    .header_inner {
        position: relative;
        overflow: hidden;
        padding: 0;
        min-height: 1px;
    }

    .social_block {
        position: relative;
        top: 0;
        right: 0;
        z-index: 300;
        width: 100%;
    }

        .social_block ul {
            display: none;
            overflow: hidden;
            margin: 20px auto 0;
            padding: 0 20px 5px;
            width: auto;
            text-align: center;
        }

    .social_toggle {
        position: absolute;
        bottom: -20px;
        left: 50%;
        z-index: 2;
        display: block;
        margin-left: -20px;
        width: 40px;
        height: 15px;
    }

    .resp_navigation {
        position: relative;
        display: block;
        float: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 45px 30px 10px 0;
        width: 48px;
        height: 38px;
        -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;
    }

    .icon-plus-sign {
        display: inline !important;
    }

    .resp_navigation span {
        display: block;
        width: 45x;
        height: 38px;
        background: url(/staticFiles/images/resp_nav_but_bg.png) 50% 12px no-repeat;
    }

        .resp_navigation span:before {
            position: absolute;
            bottom: 0;
            left: 9%;
            z-index: 0;
            width: 82%;
            height: 1px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            content: "";
        }

    .resp_navigation:hover,
    .resp_navigation.active {
        background-color: rgba(0, 0, 0, .1);
    }

        .resp_navigation:hover span:before,
        .resp_navigation.active span:before {
            box-shadow: none;
        }

    .logo {
        position: relative;
        float: left;
        margin-left: 30px;
    }

    #header nav.fixed_nav {
        position: relative;
        top: 0;
    }

    #header nav {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #navigation {
        position: relative;
        display: none;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
    }

        #navigation li:before,
        #navigation li ul li:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ebebeb;
            background-color: rgba(0, 0, 0, .08);
            content: "";
        }

    #header nav:before {
        display: none;
        content: none;
    }

    #navigation > li:hover {
        top: auto;
    }

    #navigation a {
        display: block;
    }

    #navigation > li > a {
        padding: 0 0 0 30px;
    }

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

    #navigation > li {
        float: none;
    }

        #navigation > li > a > span {
            padding: 11px 0 11px 0;
            width: 100%;
            height: 18px;
            text-align: left;
            line-height: 18px;
        }

    #navigation li.drop > a > span:before {
        position: absolute;
        top: 17px;
        right: 29px;
        width: 7px;
        height: 9px;
        /*background:url(/staticFiles/images/resp_nav_arrow.png) no-repeat right top;
		content:'';
		-webkit-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-moz-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-ms-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-o-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;*/
    }

    #navigation > li.drop > a:hover span:before,
    #navigation li.current_page_item > a span:before,
    #navigation > li.drop:hover > a span:before {
        background-position: left top;
    }

    #navigation li.drop li a:hover span:before,
    #navigation ul > li.current_page_item.drop span:before {
        background: url(/staticFiles/images/resp_nav_arrow.png) no-repeat right top;
    }

    #navigation ul {
        position: relative;
        top: auto;
        left: auto;
        display: none;
        visibility: visible;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

        #navigation ul ul {
            top: auto;
            left: auto;
            margin: 0;
            background: none;
        }

        #navigation ul li:hover > ul {
            margin: 0;
        }

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

        #navigation ul li:before {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 1px;
            background: rgba(0, 0, 0, .08);
            content: '';
        }

        #navigation ul li {
            background: #ffffff;
        }

            #navigation ul li a {
                padding: 0 10px 0 30px;
                min-width: auto;
                min-height: 40px;
                -webkit-transition: background-color .3s ease-in;
                -moz-transition: background-color .3s ease-in;
                -ms-transition: background-color .3s ease-in;
                -o-transition: background-color .3s ease-in;
                transition: background-color .3s ease-in;
            }

    #navigation li.drop ul li {
        background-color: #ffffff;
    }

        #navigation li.drop ul li:hover,
        #navigation li ul li.current_page_item,
        #navigation ul li.current_page_item > a {
            background-color: #fdfdfd;
        }

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

    #navigation ul ul ul li a {
        padding-left: 90px;
    }

    #navigation ul li.current_page_ancestor > a,
    #navigation ul li.current-menu-ancestor > a {
        background-color: rgba(255, 255, 255, 1);
        -webkit-transition: background-color 0.01s;
        -moz-transition: background-color 0.01s;
        -ms-transition: background-color 0.01s;
        -o-transition: background-color 0.01s;
        transition: background-color 0.01s;
    }

    #navigation ul li a span {
        display: block;
        padding: 12px 45px 10px 30px;
        white-space: normal;
    }

    #middle_content .share_posts,
    #middle_content .related_posts,
    #middle_content #comments,
    #middle_content #commentform,
    #middle_content .about_author {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        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;
    }

    .opened-article .portfolio_container.four_blocks .portfolio {
        width: 45%;
    }

    .logo {
        position: relative;
        float: left;
        margin-left: 30px;
    }

    #comments .comment-body .published {
        float: none;
        padding: 10px 10px 0 0;
        margin: 0;
    }

    .cmsms_slidershadow:before,
    .cmsms_slidershadow:after {
        box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.4);
    }
}

.thirdLevelCellPhone {
    visibility: hidden !important;
}

/* ---------- Tablet (Note: Design for a width less than 1023px) ---------- */

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

    .blog.opened-article {
        padding: 0 0 0 0;
    }

        .blog.opened-article .post {
            margin-left: 0;
        }

    .cmsms_info {
        float: none;
        overflow: hidden;
        padding-bottom: 10px;
        width: 100%;
    }

        .cmsms_info .published {
            float: left;
            margin: 0 10px 3px 1px;
            width: 99px;
            height: 48px;
        }

    .cmsms_post_img {
        margin: 0 3px 0 2px;
    }


    .thirdLevelCellPhone {
        visibility: visible !important;
    }

    .openChild {
        display: block !important;
    }

    .thirdLevelmenu {
        display: none;
    }
}

/* ---------- Tablet (Note: Design for a width less than 951px) ---------- */

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

    .cmsms_slider_parent {
        padding: 20px 20px 15px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

        .cmsms_slider_parent a.cmsms_prev_slide {
            left: -50px;
        }

        .cmsms_slider_parent a.cmsms_next_slide {
            right: -50px;
        }

            .cmsms_slider_parent a.cmsms_prev_slide:before,
            .cmsms_slider_parent a.cmsms_next_slide:before {
                top: -115%;
                height: 230%;
            }

        .cmsms_slider_parent ul.cmsms_slides_nav {
            margin-top: -5px;
        }

            .cmsms_slider_parent ul.cmsms_slides_nav li a {
                width: 9px;
                height: 9px;
            }

    .skill_item > span {
        width: 30%;
    }

    .skill_item_colored_main_wrap {
        width: 64%;
    }

    .shortcode_skill:before {
        left: 32%;
    }

    .tabs li a {
        min-width: 85px;
        padding: 8px 10px;
    }

    .ls-container:before,
    .ls-container:after,
    .rev_slider_wrapper:before,
    .rev_slider_wrapper:after {
        bottom: 6px;
        box-shadow: 0 6px 8px 3px rgba(0, 0, 0, 0.25);
    }

    .pricingtable .cmsms_price {
        padding: 12px 30px 12px 10px;
    }

    .project_content {
        float: none;
        width: 100%;
    }

    .project_sidebar {
        float: none;
        width: 100%;
    }
}

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

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

    .content_wrap:before {
        display: none;
        content: none;
    }

    #content,
    #sidebar {
        float: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #content {
        padding-bottom: 40px;
    }

    #sidebar {
        padding-top: 40px;
    }

        #sidebar:before {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 1px;
            background: rgba(0, 0, 0, .1);
            content: '';
        }

    .portfolio_container .portfolio,
    .project .cmsms_media .cmsms_media_box,
    .project.four_blocks .cmsms_media .cmsms_media_box,
    .project.three_blocks .cmsms_media .cmsms_media_box,
    .project.two_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.four_blocks .portfolio,
    .portfolio_container.three_blocks .portfolio,
    .portfolio_container.two_blocks .portfolio,
    .post_type_shortcode.four_blocks article,
    .portfolio_container.four_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.three_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.two_blocks .cmsms_media .cmsms_media_box {
        float: left;
        padding-right: 2%;
        padding-left: 2%;
        padding-bottom: 30px;
    }

    .portfolio_container.four_blocks .cmsms_media .cmsms_media_box {
        width: 46%;
    }

    .portfolio_container.three_blocks .cmsms_media .cmsms_media_box {
        width: 96%;
    }
}

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

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

    .related_posts_content .one_half,
    .related_posts_content .one_half.last {
        padding: 28px 0 0;
        width: 100%;
    }

    .widget_custom_advertising_entries ul li:nth-child(2n),
    .adv_widget_image:nth-child(2n) {
        padding-right: 3%;
    }

    .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 .cmsms_media .cmsms_media_box,
        .project.three_blocks .cmsms_media .cmsms_media_box,
        .project.two_blocks .cmsms_media .cmsms_media_box {
            float: none;
            padding-right: 0;
            width: 100%;
        }

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

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

    .tour_content {
        display: block;
        margin: 0;
    }

    .tour_box,
    .tour,
    .content_wrap .tour,
    .three_fourth .tour,
    .two_third .tour,
    .two_third .tour_box,
    .content_wrap .tour_box,
    .three_fourth .tour_box {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }

    .tour_box {
        padding: 20px 30px 10px;
    }

    .sitemap > li > ul > li {
        margin-bottom: 20px;
    }

        .sitemap > li > ul > li > ul {
            margin-left: 20px;
        }

    .four_blocks.portfolio_container .portfolio,
    .post_type_shortcode.four_blocks article,
    .one_fourth,
    .one_fourth.last,
    .one_fourth + .one_fourth,
    .one_fourth + .one_fourth + .one_fourth,
    .one_fourth + .one_fourth + .one_fourth + .one_fourth {
        float: none \0/;
        padding-right: 0 \0/;
        width: 100% \0/;
    }

    #slider .button_medium,
    #slider .button_large {
        display: none;
    }

    .cmsms_slider_parent {
        padding: 30px 30px 25px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .portfolio_container.one_block .portfolio {
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .cmsms_slider_parent a.cmsms_prev_slide {
        left: -70px;
    }

    .cmsms_slider_parent a.cmsms_next_slide {
        right: -70px;
    }

        .cmsms_slider_parent a.cmsms_prev_slide:before,
        .cmsms_slider_parent a.cmsms_next_slide:before {
            top: -230%;
            height: 460%;
        }

    .cmsms_slider_parent ul.cmsms_slides_nav {
        margin-top: 2px;
    }

    .tab.lpr .tabs li {
        text-align: center;
    }

    #slide_top {
        right: 1px;
    }

    .colored_shortcode {
        display: block;
        width: 100%;
    }

    .colored_title {
        display: block;
        width: 100%;
    }

    .colored_title_inner {
        padding: 33px 40px 20px;
    }

    .colored_button {
        display: block;
        padding: 30px 40px;
    }

    .footer_inner:before {
        right: 5%;
        left: 5%;
        width: 90%;
    }

    #footer .footer_inner > span {
        display: block;
        margin: 3px auto 20px;
        text-align: center;
    }

    .footer_inner .fr {
        float: none;
    }

    #footer .footer_nav {
        text-align: center;
    }

        #footer .footer_nav > li {
            display: inline;
            float: none;
            padding-right: 10px;
            padding-left: 10px;
        }

    .ls-container:before,
    .ls-container:after,
    .rev_slider_wrapper:before,
    .rev_slider_wrapper:after {
        bottom: 6px;
        box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.25);
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover:before {
        height: 0;
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
        margin-top: 5px;
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover {
        padding-top: 20px;
    }

        .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 10px;
        }

        .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
            top: 20px;
        }

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

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

    .tp-bullets {
        bottom: 8px !important;
    }

    .responsiveSlider .slideCaption.left,
    .responsiveSlider .slideCaption.right {
        margin: 0 9%;
    }

    .cmsms_slider_timer {
        display: none;
    }

    .footer_inner span {
        display: block;
        clear: both;
        margin: 5px 0 20px;
    }

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

    .footer_inner {
        padding: 30px 30px 30px;
    }
}


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

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

    .portfolio_container.two_blocks .portfolio:nth-child(odd) {
        float: none;
        padding-right: 0;
        width: 96%;
    }

    .portfolio_container.two_blocks .portfolio:nth-child(even) {
        float: none;
        padding-right: 0;
        width: 96%;
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
        margin-top: 0px;
    }
}


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

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

    .portfolio_container.one_block .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

        .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
            top: 20px;
        }
}


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

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

    .resp_navigation {
        position: relative;
        display: block;
        float: none;
        margin: 15px auto 10px;
        width: 48px;
        height: 38px;
    }

    .icon-plus-sign {
        display: inline !important;
    }

    .logo {
        float: none;
        margin: 5px auto 50px;
    }


    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;
    }

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

    .error .search_line {
        width: 60%;
    }

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

    .responsiveSlider {
        width: 99.5%;
    }

    .portfolio.one_fourth,
    .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 .portfolio,
    .project .cmsms_media .cmsms_media_box,
    .project.four_blocks .cmsms_media .cmsms_media_box,
    .project.three_blocks .cmsms_media .cmsms_media_box,
    .project.two_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.four_blocks .portfolio,
    .portfolio_container.three_blocks .portfolio,
    .portfolio_container.two_blocks .portfolio,
    .portfolio_container.four_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.three_blocks .cmsms_media .cmsms_media_box,
    .portfolio_container.two_blocks .cmsms_media .cmsms_media_box,
    .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,
    .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),
    .portfolio_container.two_blocks .portfolio:nth-child(odd),
    .portfolio_container.two_blocks .portfolio:nth-child(even) {
        float: none;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .portfolio_container.four_blocks .cmsms_media .cmsms_media_box {
        width: 100%;
    }

    .portfolio_container.three_blocks .cmsms_media .cmsms_media_box {
        width: 100%;
    }

    .tabs li,
    .related_posts ul li,
    .tab.lpr .tabs li,
    .tab.lpr .tabs li:first-child {
        float: none;
        margin: 0;
        width: 100%;
    }

    .tabs li {
        margin-bottom: 1px;
    }

        .tabs li a,
        .tab.lpr .tabs li:last-child a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .tab.lpr .tab_content {
        margin: 0;
    }

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

    #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;
    }

    #comments .comment-body .published,
    #comments .comment-body .comment-reply-link,
    #comments .comment-body h3 {
        display: block;
        float: none;
        clear: both;
        padding-left: 0;
    }

    #comments .comment-body .comment-reply-link {
        display: inline-block;
    }

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



    .p_options_loader {
        top: 65px;
        left: 0;
    }

    .p_options_block {
        left: 0;
    }

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

    div.p_filter {
        float: left;
        padding: 0 20px 10px 0;
    }

    div.p_filter {
        float: left;
    }

    #commentform label {
        padding-left: 0;
    }

    .cmsms-form-builder select {
        width: 70%;
    }

    .cmsms_slider_parent {
        padding: 10px 10px 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .cmsms_slider_parent a.cmsms_prev_slide {
            top: 40%;
            left: -30px;
            padding: 0 0 0 10px;
        }

        .cmsms_slider_parent a.cmsms_next_slide {
            top: 40%;
            right: -30px;
            padding: 0 10px 0 0;
        }

            .cmsms_slider_parent a.cmsms_prev_slide:hover,
            .cmsms_slider_parent a.cmsms_next_slide:hover {
                padding: 0 5px;
            }

            .cmsms_slider_parent a.cmsms_prev_slide:before,
            .cmsms_slider_parent a.cmsms_next_slide:before {
                top: -115%;
                height: 230%;
            }

        .cmsms_slider_parent ul.cmsms_slides_nav {
            display: none;
        }

    .sitemap_category:before, .sitemap > li:before {
        width: 130%;
    }

    #contactform input[type="text"] {
        width: 100%;
    }

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

    .cmsms_slidershadow:before,
    .cmsms_slidershadow:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    .ls-container:before,
    .ls-container:after,
    .rev_slider_wrapper:before,
    .rev_slider_wrapper:after {
        left: 2%;
        box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.25);
    }

    .ls-container:after,
    .rev_slider_wrapper:after {
        right: 2%;
        left: auto;
    }

    .portfolio_container.four_blocks .portfolio_inner .project_rollover .cmsms_post_img,
    .post_type_shortcode.four_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 23px;
    }

    .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 15px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 3px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 15px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .entry-header ul.cmsms_category {
            margin-top: 0;
        }

    .portfolio_container.one_block .portfolio_inner .project_rollover {
        padding-top: 5px;
    }

        .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
            top: 15px;
        }

    .portfolio_inner figure {
        padding: 0;
        height: 29px;
    }
}


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

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

    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 20px;
    }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 15px;
        }

        .portfolio_container.three_blocks .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 0;
        }

    .portfolio_container.one_block .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

        .portfolio_container.one_block .portfolio_inner .project_rollover ul.cmsms_category {
            margin-top: 5px;
        }

        .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }
}

/* ---------- 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 p,
        .responsiveSlider a.button,
        .responsiveSlider a.slider_link {
            display: none;
        }

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

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

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

    .portfolio_container.four_blocks,
    .post_type_shortcode.four_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 {
        float: none;
        padding-right: 0;
        width: 100%;
    }

    .tab_content .tabs_tab h3 {
        clear: both;
    }

    .fullwidth_divider {
        width: 140%;
    }

    #footer div.fr {
        padding-bottom: 10px;
    }

    .related_posts ul li a {
        display: block;
    }

    .related_posts ul li {
        padding-bottom: 10px;
    }

    .comment-content {
        clear: both;
    }

    .footer_inner:before {
        right: 10%;
        left: 10%;
        width: 80%;
    }

    .cmsms_slidershadow:before,
    .cmsms_slidershadow:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    .ls-container:before,
    .ls-container:after,
    .rev_slider_wrapper:before,
    .rev_slider_wrapper:after {
        left: 2%;
        box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.25);
    }

    .ls-container:after,
    .rev_slider_wrapper:after {
        right: 2%;
        left: auto;
    }

    .portfolio_container.four_blocks .portfolio_inner .project_rollover .cmsms_post_img,
    .post_type_shortcode.four_blocks .portfolio_inner .project_rollover .cmsms_post_img {
        top: 15px;
    }

    .portfolio_inner .project_rollover, .portfolio_container.three_blocks .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 15px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 5px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 10px;
        }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 9px;
        }
}


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

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

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

    .comment-body .ovh,
    .widget div.ovh {
        overflow: visible;
    }

    .post .entry-header {
        clear: both;
        padding-top: 10px;
    }

    .comment-authorinfo {
        clear: both;
    }

    #navigation ul li a span {
        height: 18px;
    }

    #navigation ul li a span {
        padding-right: 5px;
    }

    .p_sort a[name="p_date"],
    .p_sort a[name="p_name"] {
        margin-bottom: 10px;
    }

    .entry .one_half .ovh,
    .entry .one_third .ovh,
    .entry .two_third .ovh,
    .entry .one_fourth .ovh,
    .entry .three_fourth .ovh {
        clear: both;
    }

    .entry .project_navi span {
        display: block;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .skill_item > span {
        width: 35%;
    }

    .skill_item_colored_main_wrap {
        width: 59%;
    }

    .shortcode_skill:before {
        left: 37%;
    }

    .colored_button {
        min-height: 85px;
        padding: 20px 10px 0 20px;
    }

    .portfolio_inner .project_rollover, .portfolio_container.three_blocks .portfolio_inner .project_rollover,
    .portfolio_container.three_blocks .portfolio_inner .project_rollover {
        padding-top: 10px;
    }

        .portfolio_container.four_blocks .portfolio_inner .project_rollover h6,
        .portfolio_container.three_blocks .portfolio_inner .project_rollover h6,
        .post_type_shortcode.four_blocks .portfolio_inner .project_rollover h6 {
            margin-right: 25px;
        }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover h6 {
        margin-right: 25px;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 12px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 7px;
        }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover ul.cmsms_category {
        margin-top: 4;
    }

    .portfolio_container.one_block .portfolio_inner .project_rollover .cmsms_post_img {
        top: 4px;
    }
}

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

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

    .cmsms_info {
        float: none;
        width: 130px;
    }

        .cmsms_info .published {
            margin: 0 0 3px 1px;
            width: 99px;
        }

    .cmsms_post_img {
        float: left;
        width: 48px;
    }

    .cmsms_info .cmsms_like {
        float: left;
        height: 48px;
        width: 48px;
    }

    .p_sort {
        margin-bottom: 0;
    }

    .colored_button {
        min-height: 85px;
        padding: 20px 5px 0 15px;
    }

    .skill_item > span {
        width: 40%;
    }

    .skill_item_colored_main_wrap {
        width: 54%;
    }

    .shortcode_skill:before {
        left: 42%;
    }

    .portfolio_container.two_blocks .portfolio_inner .project_rollover {
        padding-top: 8px;
    }

        .portfolio_container.two_blocks .portfolio_inner .project_rollover .cmsms_post_img {
            top: 5px;
        }

    .portfolio_container.three_blocks .portfolio_inner .project_rollover ul.cmsms_category {
        margin-top: 4;
    }
}

.premium-label:after {
    border-color: #333333 #333333 transparent transparent;
    border-style: solid;
    border-width: 4px 3px;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

.premium-label {
    background: #A40047;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    left: -5px;
    padding: 5px 10px;
    position: absolute;
    top: 15px;
    z-index: 10000000;
}



.column-split {
    text-align: center;
    padding-bottom: 0;
    width: 49%;
    float: left;
}

.image-link {
    display: block;
    position: relative;
    -moz-box-sizing: border-box;
    border: 5px solid #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    margin: 0 auto 10px;
}

    .image-link img {
        max-width: 100%;
    }

.image-link-arrow {
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #fff;
}

.image-link:hover {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.list-gray-border {
    text-align: center;
    -moz-box-sizing: border-box;
    padding: 0 10px 5px;
    position: absolute;
    background: whitesmoke;
    bottom: 0;
    width: 100%;
}

    .list-gray-border i, .list-extra-info i {
        position: absolute;
        left: 5px;
        top: 5px;
    }

    .list-gray-border > span > h6 {
        color: #4E5C64;
        margin-bottom: 0px;
    }

.list-extra-info {
    text-align: center;
    background: #696a6d;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 3px 0;
    position: relative;
}

ul.super-sub-menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    ul.super-sub-menu li {
        line-height: 0px;
        padding: 5px 0;
        border-top: 1px solid #EDEDED;
        padding-left: 5px;
    }

        ul.super-sub-menu li:last-child {
            border-bottom: 1px solid #EDEDED;
            padding-bottom: 5px;
        }

        ul.super-sub-menu li:nth-child(odd) {
            background: whitesmoke;
        }

        ul.super-sub-menu li a:before {
            font-family: FontAwesome;
            content: '\f0da ';
            margin-right: 5px;
            font-size: smaller;
        }

.sort-column label {
    float: left;
    margin-left: 3px;
    margin-top: 0;
}

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

.sort-column input[type="radio"] {
    float: left;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #a40047;
    color: white;
    text-transform: uppercase;
}

    select option {
        background-color: white;
        color: black;
        text-transform: none;
    }

.sort-column p {
    margin-bottom: 5px;
}

#txtFilterLis {
    float: left;
}


@media only screen and (max-width: 768px) {
    .premium-label {
        top: 5px;
    }
}

@media only screen and (min-width: 1170px) {
    .middle_inner {
        width: 1160px !important;
    }
}

@media only screen and (min-width: 930px) {
    #txtFilterList {
        width: 30% !important;
    }
}

@media only screen and (max-width: 930px) and (min-width: 700px) {
    #txtFilterList {
        width: 18% !important;
    }
}

@media only screen and (min-width: 1170px) {
    .CMBoLgh select {
        width: 13.2%;
    }
}

@media only screen and (min-width: 705px) and (max-width: 1170px) {
    .CMBoLgh select {
        width: 11%;
    }

    #btnList, #btnMap {
        min-width: 50px;
        padding: 8px 10px 9px;
    }

    .sort-column p, .sort-column label {
        font-size: 10px;
        margin-bottom: 0px;
        line-height: 14px;
    }

    .list-extra-info {
        height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


@media only screen and (min-width: 700px) {
    select {
        width: 15.4%;
        margin-right: 1%;
        float: left;
    }
}

@media only screen and (max-width: 700px) and (min-width: 450px) {
    #selectMunicipalityList, #selectareaList, #selecRoomMinList {
        clear: left;
        margin-right: 2%;
    }

    select {
        width: 49%;
        float: left;
    }

    #txtFilterList {
        width: 100% !important;
    }

    .searchBoxContainer {
        clear: both;
        padding-top: 5px;
    }

    #btnList, #btnMap {
        min-width: 50px;
        padding: 8px 10px 9px;
    }

    .sort-column p, .sort-column label {
        font-size: 10px;
        margin-bottom: 0px;
        line-height: 14px;
    }

    .areaslider {
        clear: left;
        width: 100%;
    }

    .rzslider{
        margin:32px 0 15px 0 !important;
    }
}

@media only screen and (max-width: 450px) {
    select, #txtFilterLis {
        width: 100%;
        float: none;
        clear: both;
    }

    #btnList, #btnMap {
        min-width: 50px;
        padding: 8px 10px 9px;
    }

    .searchBoxContainer {
        clear: both;
        padding-top: 5px;
    }

    .sort-column p, .sort-column label {
        font-size: 10px;
        margin-bottom: 0px;
        line-height: 14px;
    }

    .headline img {
        width: 90%;
    }

    h1 {
        font-size: 25px;
    }

    .areaslider {
        clear: left;
        width: 100%;
    }

    .rzslider{
        margin:32px 0 15px 0 !important;
    }
}


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

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

    #top,
    #header,
    .header_inner,
    .cont_nav,
    .headline,
    .middle_inner,
    .bottom_inner,
    #top_sidebar,
    .middle_sidebar,
    .footer_inner,
    .footer_inner:before {
        width: 1160px;
    }

        #header nav.fixed_nav {
            width: 100%;
            left: 0;
            box-shadow: 1px 0 10px rgba(0,0,0,0.5);
            z-index: 10000;
        }

            #header nav.fixed_nav ul#navigation {
                width: 1160px;
                margin: 0 auto;
            }

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

    .responsiveSlider {
        font-size: 100%;
    }

    .social_block ul {
        display: block;
    }
}

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        word-wrap: break-word;
    }

    #top,
    #header,
    .middle_inner,
    .cont_nav,
    .bottom_inner,
    #top_sidebar,
    .middle_sidebar,
    .footer_inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 5%;
        margin-left: 5%;
        width: 90%;
    }

        #header nav.fixed_nav {
            width: 84.4%;
            left: 7.7%;
        }

        .footer_inner:before {
            width: 100%;
        }
}