/*----------------------------------------------------------------------
# Package - JM Template
# ----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright Copyright under commercial licence (C) 2012 - 2013 JoomlaMan
# License http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
-----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
# Package - JM Template
# ----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright Copyright under commercial licence (C) 2012 - 2013 JoomlaMan
# License http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
-----------------------------------------------------------------------*/
/* Dropcap */
/*----------------------------------------------------------------------
# Package - JM Template
# ----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright Copyright under commercial licence (C) 2012 - 2013 JoomlaMan
# License http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
-----------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Montserrat:400,700);
/*----------------------------------------------------------------------
# Package - JM Template
# ----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright Copyright under commercial licence (C) 2012 - 2013 JoomlaMan
# License http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
-----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
# Package - JM Template
# ----------------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright Copyright under commercial licence (C) 2012 - 2013 JoomlaMan
# License http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
-----------------------------------------------------------------------*/
/*Begin Header*/
/*Footer*/
.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.btn, .button, button {
    background: #5aaddd;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    /*border: 2px solid $color_main
    padding: 4px 14px;;*/
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    /* IE7 inline-block hack */
    *display: inline;
    *zoom: 1;
    padding: 11px 18px 13px 18px;
    margin: 3px 5px 3px 0px;
    font-size: 13px;
    line-height: 1;
    *line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    *margin-left: 0.3em;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

    .btn:first-child, .button:first-child, button:first-child {
        *margin-left: 0;
    }

    .btn:hover, .button:hover, button:hover {
        color: #fff;
        opacity: 0.9;
        filter: "alpha(opacity=${opacity})";
        /*background-color: darken($white, 10%);
        *background-color: darken($white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
        text-decoration: none;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn:focus, .button:focus, button:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: 0;
        -webkit-box-shadow: "none";
        -moz-box-shadow: "none";
        box-shadow: "none";
        color: #fff;
    }

    .btn.active, .button.active, button.active, .btn:active, .button:active, button:active {
        background-color: #e6e6e6;
        background-color: #d9d9d9 e("\9");
        background-image: none;
        outline: 0;
        -webkit-box-shadow: "none";
        -moz-box-shadow: "none";
        box-shadow: "none";
        color: #fff;
    }

    .btn.disabled, .button.disabled, button.disabled, .btn[disabled], .button[disabled], button[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opacity: 0.65;
        filter: "alpha(opacity=${opacity})";
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        /*.btn-ghost*/
    }

    .btn.btn-ghost, .button.btn-ghost, button.btn-ghost {
        background: transparent;
        border: 2px solid #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }

        .btn.btn-ghost:hover, .button.btn-ghost:hover, button.btn-ghost:hover, .btn.btn-ghost:active, .button.btn-ghost:active, button.btn-ghost:active, .btn.btn-ghost:focus, .button.btn-ghost:focus, button.btn-ghost:focus {
            background: #fff !important;
            color: #000 !important;
            box-shadow: none !important;
        }

    .btn.btn-secondary, .button.btn-secondary, button.btn-secondary {
        background: #00aeef;
        border: 0;
    }

        .btn.btn-secondary:hover, .button.btn-secondary:hover, button.btn-secondary:hover, .btn.btn-secondary:focus, .button.btn-secondary:focus, button.btn-secondary:focus, .btn.btn-secondary:active, .button.btn-secondary:active, button.btn-secondary:active {
            background: #5aaddd;
        }

    .btn.btn-dark, .button.btn-dark, button.btn-dark {
        background: #000;
    }

    .btn.btn-light, .button.btn-light, button.btn-light {
        background: #fff;
        border: 1px solid #ddd;
        color: #888;
    }

        .btn.btn-light:hover, .button.btn-light:hover, button.btn-light:hover {
            background: #fff !important;
            color: #222 !important;
            border-color: #bbb;
        }

    .btn.btn-large, .button.btn-large, button.btn-large {
        padding: 17px 23px 19px 23px;
        font-size: 15px;
        border: 1px;
        font-weight: 600;
    }

        .btn.btn-large:hover, .button.btn-large:hover, button.btn-large:hover, .btn.btn-large:focus, .button.btn-large:focus, button.btn-large:focus {
            color: #fff;
        }

    .btn.btn-small, .button.btn-small, button.btn-small {
        padding: 7px 12px;
        font-size: 12px;
    }

    .btn.btn-regular, .button.btn-regular, button.btn-regular {
        border-bottom: 1px;
    }

.jm-btn {
    line-height: 30px;
    margin: 0 10px;
}

.btn-lg {
    padding: 9px 14px !important;
    font-size: 16px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btn-lg [class^="fa fa-"] {
        margin-top: 2px;
    }

.btn-xs {
    padding: 3px 15px;
    font-size: 12px;
    line-height: 18px;
}

    .btn-xs [class^="fa fa-"] {
        margin-top: 0;
    }

.btn-mini {
    padding: 3px 9px;
    font-size: 11px;
    line-height: 16px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-inverse.active {
    color: rgba(255, 255, 255, .75);
}

.btn-warning {
    color: #fff;
    background: #fbb450;
    border: none;
    border-bottom: 4px solid #faa937;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
        color: #fff;
        background: #faa937;
    }

.btn-danger {
    color: #fff;
    background: #ee5f5b;
    border: none;
    border-bottom: 4px solid #ec4844;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
        color: #fff;
        background: #ec4844;
    }

.btn-success {
    color: #fff;
    background: #62c462;
    border: none;
    border-bottom: 4px solid #4fbd4f !important;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active {
        color: #fff;
        background: #4fbd4f !important;
    }

.btn-info, .cart-contents .view .view-footer ul.links li a, #messages .alert-success .raw a, .view-commerce-cart-form form#views-form-commerce-cart-form-default .form-actions button, .view-commerce-cart-form .views-table button.btn-danger, button.checkout-cancel {
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    color: #888;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    padding: 7px 12px 9px;
    margin: 3px 5px 3px 0px;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

    .btn-info:hover, .cart-contents .view .view-footer ul.links li a:hover, #messages .alert-success .raw a:hover, .view-commerce-cart-form form#views-form-commerce-cart-form-default .form-actions button:hover, .view-commerce-cart-form .views-table button.btn-danger:hover, button.checkout-cancel:hover, .btn-info:focus, .cart-contents .view .view-footer ul.links li a:focus, #messages .alert-success .raw a:focus, .view-commerce-cart-form form#views-form-commerce-cart-form-default .form-actions button:focus, .view-commerce-cart-form .views-table button.btn-danger:focus, button.checkout-cancel:focus, .btn-info:active, .cart-contents .view .view-footer ul.links li a:active, #messages .alert-success .raw a:active, .view-commerce-cart-form form#views-form-commerce-cart-form-default .form-actions button:active, .view-commerce-cart-form .views-table button.btn-danger:active, button.checkout-cancel:active {
        background: #fff;
        color: #222;
        border-color: #bbb;
    }

.btn-inverse {
    color: #fff;
    background: #444;
    border: none;
    border-bottom: 4px solid #373737 !important;
}

    .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
        color: #fff;
        background: #373737 !important;
    }

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-lg, input[type="submit"].btn.btn-lg {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-xs, input[type="submit"].btn.btn-xs {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini, input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link {
    background: #5aaddd;
    color: #fff;
    text-shadow: none;
    border: none;
    border-bottom: 4px solid #45a2d9;
}

    .btn-link:hover, .btn-link:focus, .btn-link:active {
        background: #45a2d9 !important;
        border: none;
        border-bottom: 4px solid #45a2d9;
        color: #fff !important;
    }

.btn-default {
    background: #5aaddd;
    color: #fff !important;
    text-shadow: none;
    border: none;
    border-bottom: 4px solid #45a2d9;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active {
        background: #45a2d9;
        border: none;
        border-bottom: 4px solid #45a2d9;
        color: #fff !important;
    }

    .btn-default.form-submit {
        background: #5aaddd;
        color: #fff;
        border: 0;
        padding: 17px 23px 19px 23px;
        font-size: 15px;
    }

        .btn-default.form-submit:hover, .btn-default.form-submit:focus, .btn-default.form-submit:active {
            border: 0;
            color: #fff;
            opacity: 0.8;
            filter: "alpha(opacity=${opacity})";
        }

.btn-primary, .button, button {
    background: #5aaddd;
    padding: 4px 14px 2px;
    color: #fff;
    text-shadow: none;
}

    .btn-primary:hover, .button:hover, button:hover, .btn-primary:focus, .button:focus, button:focus, .btn-primary:active, .button:active, button:active {
        background: #5aaddd;
        color: #fff;
    }

    .btn-primary.btn-link, .button.btn-link, button.btn-link {
        border: 2px solid #5aaddd;
        color: #5aaddd;
        background: none;
    }

        .btn-primary.btn-link:hover, .button.btn-link:hover, button.btn-link:hover {
            background: rgba(90, 173, 221, 0.3) !important;
            color: #5aaddd !important;
        }

.btn-trans {
    background: none !important;
    border: 2px solid #fff !important;
    padding: 4px 14px;
}

.btn-white {
    border-color: #fff;
    background: #fff;
}

    .btn-white:hover {
        background: #5aaddd !important;
    }

.block {
    margin-top: 20px;
}

    .block:first-child, .block.block-system {
        margin-top: 0;
    }

    .block > h3.block-title {
        /*26px*/
        font-size: 23px;
        font-weight: bold;
        margin: 0 0 35px;
        padding: 0 0 15px;
        line-height: 1.2;
    }

    .block.title-line > h3.block-title {
        color: #666;
        font-family: 'Montserrat', sans-serif;
        position: relative;
    }

        .block.title-line > h3.block-title:after {
            position: absolute;
            height: 2px;
            width: 80px;
            bottom: 0;
            left: 0;
            content: "";
            background: #5aaddd;
        }

    .block.title-line.text-center h3.block-title:after {
        left: calc(53% - 80px);
    }

    .block.title-line.title-white h3.block-title {
        color: #fff;
    }

        .block.title-line.title-white h3.block-title:after {
            background: #444;
        }

    .block.title-line.title-white .bx-controls .bx-controls-direction a {
        border-color: rgba(255, 255, 255, 0.2);
    }

        .block.title-line.title-white .bx-controls .bx-controls-direction a i {
            color: rgba(255, 255, 255, 0.2);
            font-size: 16px;
            font-weight: bold;
        }

        .block.title-line.title-white .bx-controls .bx-controls-direction a:hover {
            border-color: rgba(255, 255, 255, 0.5);
        }

            .block.title-line.title-white .bx-controls .bx-controls-direction a:hover i {
                color: rgba(255, 255, 255, 0.5);
            }

    .block.title-sidebar h3.block-title {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 500;
        padding: 0;
        letter-spacing: 0.1px;
    }

#section-content [class^="region-sidebar"], #section-content [class*="region-sidebar"] {
    padding-top: 40px;
}

    #section-content [class^="region-sidebar"] h3.block-title, #section-content [class*="region-sidebar"] h3.block-title {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 500;
        padding: 0;
        letter-spacing: 0.1px;
    }

    #section-content [class^="region-sidebar"] .block, #section-content [class*="region-sidebar"] .block {
        margin: 0 0 40px 0;
    }

.bx-controls .bx-controls-direction a {
    position: absolute;
    top: -60px;
    width: 35px;
    height: 35px;
    border: 2px solid #e9e9e9;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    line-height: 30px;
    left: auto;
    z-index: 1;
    text-indent: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

    .bx-controls .bx-controls-direction a.bx-prev {
        right: 40px;
    }

    .bx-controls .bx-controls-direction a.bx-next {
        right: 0px;
    }

    .bx-controls .bx-controls-direction a i {
        font-size: 25px;
        color: #ccc;
        margin-top: 3px;
    }

    .bx-controls .bx-controls-direction a:hover {
        border-color: #aaa;
    }

        .bx-controls .bx-controls-direction a:hover i {
            color: #555;
        }

.view-testimonial .bx-wrapper {
    margin: 0 auto 0;
    padding: 20px 0 0 0;
}

    .view-testimonial .bx-wrapper .views-field-body {
        padding-bottom: 15px;
        background: url(../../../all/themes/construction/images/arrow_testinomial.png) no-repeat bottom center;
    }

        .view-testimonial .bx-wrapper .views-field-body .field-content {
            background: rgba(238, 238, 238, 0.8);
            border-radius: 10px;
            padding: 15px;
        }

            .view-testimonial .bx-wrapper .views-field-body .field-content p {
                margin: 0;
            }

    .view-testimonial .bx-wrapper .views-field-field-image img {
        border-radius: 50%;
        margin: 20px auto;
        max-width: 100px;
        -webkit-transition: all 0.18s linear 0s;
        -moz-transition: all 0.18s linear 0s;
        -o-transition: all 0.18s linear 0s;
        transition: all 0.18s linear 0s;
    }

    .view-testimonial .bx-wrapper .views-field-field-client h3.client-name {
        font-size: 15px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        text-align: center;
    }

    .view-testimonial .bx-wrapper .views-field-field-job-title .job-title {
        color: #fff;
        font-family: 'open_sanssemibold';
        font-size: 12px;
        padding: 5px 0 0;
        text-transform: capitalize;
        text-align: center;
    }

.view-latest-work .bx-controls {
    position: absolute;
    top: -20px;
    right: 0;
}

.view-latest-work .bx-controls-direction {
    position: relative;
    width: 22px;
}

.view-latest-work .bx-wrapper .bx-prev {
    background: none;
    left: 0;
}

.view-latest-work .bx-wrapper .bx-next {
    background: none;
    right: 0;
}

.view-latest-work .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    font-size: 23px;
    margin-top: -25px;
    width: auto;
    height: auto;
}

.rtl .view-latest-work .bx-controls {
    left: 0;
    right: auto;
}

.view-team .slide-item-image {
    text-align: center;
    padding: 0;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .view-team .slide-item-image img {
        max-width: 160px;
        display: inline-block;
        border-radius: 50%;
        height: 160px;
    }

    .view-team .slide-item-image .circle-border {
        border: 1px solid #ccc;
        background: none repeat scroll 0 0 transparent;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 99%;
        height: 99%;
        border-radius: 50%;
        z-index: -1;
        -webkit-transition: all 225ms cubic-bezier(0.5, -0.7, 0.67, 0.7);
        -moz-transition: all 225ms cubic-bezier(0.5, -0.7, 0.67, 0.7);
        -o-transition: all 225ms cubic-bezier(0.5, -0.7, 0.67, 0.7);
        transition: all 225ms cubic-bezier(0.5, -0.7, 0.67, 0.7);
    }

    .view-team .slide-item-image:hover .circle-border {
        border-color: #5aaddd;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

.view-team .slide-item-desc-warp .field-name-field-job-title {
    color: #5aaddd;
    font-size: 12px;
    text-transform: capitalize;
    padding-top: 5px;
    font-family: 'open_sansregular';
}

.view-team .slide-item-desc-warp .slide-item-desc {
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.view-team .slide-item-desc-warp .user-social .field-item {
    display: inline-block;
}

    .view-team .slide-item-desc-warp .user-social .field-item a {
        font-size: 20px;
        color: #ddd;
        margin-left: 10px;
    }

        .view-team .slide-item-desc-warp .user-social .field-item a:hover {
            color: #5aaddd;
        }

            .view-team .slide-item-desc-warp .user-social .field-item a:hover:before {
                color: #5aaddd;
            }

.sp-twitter .sp-tweet {
    text-align: center;
    padding: 0 50px;
}

.block.carousel-slide-white .carousel {
    background: #fff;
    opacity: 0.8;
    filter: "alpha(opacity=${opacity})";
    width: 75%;
    margin: 0 auto;
    height: 90px;
    color: #000;
}

    .block.carousel-slide-white .carousel h2 {
        color: #000;
        margin-top: 23px;
    }

.block .vertical .carousel-inner {
    height: 100%;
    min-height: 100px;
}

.block .carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.block .carousel.vertical .active {
    top: 0;
}

.block .carousel.vertical .next {
    top: 400px;
}

.block .carousel.vertical .prev {
    top: -400px;
}

    .block .carousel.vertical .next.left, .block .carousel.vertical .testimonial .testimonial-header .testimonial-avatar.next, .testimonial .testimonial-header .block .carousel.vertical .testimonial-avatar.next, .block .carousel.vertical .block-recent-news .view-news .view-content .views-row img.next, .block-recent-news .view-news .view-content .views-row .block .carousel.vertical img.next, .block .carousel.vertical .blog-teaser.node-article .blog-footer i.next, .blog-teaser.node-article .blog-footer .block .carousel.vertical i.next, .block .carousel.vertical .blog-detail.node-article .blog-footer i.next, .blog-detail.node-article .blog-footer .block .carousel.vertical i.next, .block .carousel.vertical .blog-teaser.node-article .blog-footer .field .field-item.next, .blog-teaser.node-article .blog-footer .field .block .carousel.vertical .field-item.next, .block .carousel.vertical .blog-detail.node-article .blog-footer .field .field-item.next, .blog-detail.node-article .blog-footer .field .block .carousel.vertical .field-item.next, .block .carousel.vertical .blog-teaser.node-article .entry-author .entry-author-avatar.next, .blog-teaser.node-article .entry-author .block .carousel.vertical .entry-author-avatar.next, .block .carousel.vertical .blog-detail.node-article .entry-author .entry-author-avatar.next, .blog-detail.node-article .entry-author .block .carousel.vertical .entry-author-avatar.next, .block .carousel.vertical .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture img.next, .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture .block .carousel.vertical img.next, .block .carousel.vertical .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture img.next, .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture .block .carousel.vertical img.next, .block .carousel.vertical #section-tops .region-top-first.next, #section-tops .block .carousel.vertical .region-top-first.next, .block .carousel.vertical #section-tops .region-top-first .block.next, #section-tops .region-top-first .block .carousel.vertical .block.next, .block .carousel.vertical .image-thumbnails .gallery li.next, .image-thumbnails .gallery .block .carousel.vertical li.next, .block .carousel.vertical #section-bottom ul.menu li.next, #section-bottom ul.menu .block .carousel.vertical li.next, .block .carousel.vertical #section-bottom .contact-info-box .contact-info-item .contact-text.next, #section-bottom .contact-info-box .contact-info-item .block .carousel.vertical .contact-text.next, .block .carousel.vertical .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .control-label.next, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .block .carousel.vertical .control-label.next, .block .carousel.vertical .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .controls.next, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .block .carousel.vertical .controls.next, .block .carousel.vertical .node-product.product .rating form.fivestar-widget.next, .node-product.product .rating .block .carousel.vertical form.fivestar-widget.next, .block .carousel.vertical .node-product .tabs-wrap .nav.nav-tabs li.next, .node-product .tabs-wrap .nav.nav-tabs .block .carousel.vertical li.next, .block .carousel.vertical .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images img.next, .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images .block .carousel.vertical img.next, .block .carousel.vertical .prev.right, .block .carousel.vertical .superhero-dropdown > ul.prev, .superhero-dropdown > .block .carousel.vertical ul.prev, .block .carousel.vertical #section-tops .region-top-second.prev, #section-tops .block .carousel.vertical .region-top-second.prev, .block .carousel.vertical #section-tops .region-top-second .block.prev, #section-tops .region-top-second .block .carousel.vertical .block.prev, .block .carousel.vertical #section-header .header-extract .extract-element.prev, #section-header .header-extract .block .carousel.vertical .extract-element.prev, .block .carousel.vertical #section-bottom .contact-info-box ul.hours li span.prev, #section-bottom .contact-info-box ul.hours li .block .carousel.vertical span.prev, .block .carousel.vertical #section-footer ul.menu li a.prev, #section-footer ul.menu li .block .carousel.vertical a.prev, .block .carousel.vertical #section-footer ul.menu.prev, #section-footer .block .carousel.vertical ul.menu.prev {
        top: 0;
    }

.block .carousel.vertical .active.left, .block .carousel.vertical .testimonial .testimonial-header .testimonial-avatar.active, .testimonial .testimonial-header .block .carousel.vertical .testimonial-avatar.active, .block .carousel.vertical .block-recent-news .view-news .view-content .views-row img.active, .block-recent-news .view-news .view-content .views-row .block .carousel.vertical img.active, .block .carousel.vertical .blog-teaser.node-article .blog-footer i.active, .blog-teaser.node-article .blog-footer .block .carousel.vertical i.active, .block .carousel.vertical .blog-detail.node-article .blog-footer i.active, .blog-detail.node-article .blog-footer .block .carousel.vertical i.active, .block .carousel.vertical .blog-teaser.node-article .blog-footer .field .field-item.active, .blog-teaser.node-article .blog-footer .field .block .carousel.vertical .field-item.active, .block .carousel.vertical .blog-detail.node-article .blog-footer .field .field-item.active, .blog-detail.node-article .blog-footer .field .block .carousel.vertical .field-item.active, .block .carousel.vertical .blog-teaser.node-article .entry-author .entry-author-avatar.active, .blog-teaser.node-article .entry-author .block .carousel.vertical .entry-author-avatar.active, .block .carousel.vertical .blog-detail.node-article .entry-author .entry-author-avatar.active, .blog-detail.node-article .entry-author .block .carousel.vertical .entry-author-avatar.active, .block .carousel.vertical .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture img.active, .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture .block .carousel.vertical img.active, .block .carousel.vertical .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture img.active, .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture .block .carousel.vertical img.active, .block .carousel.vertical #section-tops .region-top-first.active, #section-tops .block .carousel.vertical .region-top-first.active, .block .carousel.vertical #section-tops .region-top-first .block.active, #section-tops .region-top-first .block .carousel.vertical .block.active, .block .carousel.vertical .image-thumbnails .gallery li.active, .image-thumbnails .gallery .block .carousel.vertical li.active, .block .carousel.vertical #section-bottom ul.menu li.active, #section-bottom ul.menu .block .carousel.vertical li.active, .block .carousel.vertical #section-bottom .contact-info-box .contact-info-item .contact-text.active, #section-bottom .contact-info-box .contact-info-item .block .carousel.vertical .contact-text.active, .block .carousel.vertical .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .control-label.active, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .block .carousel.vertical .control-label.active, .block .carousel.vertical .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .controls.active, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .block .carousel.vertical .controls.active, .block .carousel.vertical .node-product.product .rating form.fivestar-widget.active, .node-product.product .rating .block .carousel.vertical form.fivestar-widget.active, .block .carousel.vertical .node-product .tabs-wrap .nav.nav-tabs li.active, .node-product .tabs-wrap .nav.nav-tabs .block .carousel.vertical li.active, .block .carousel.vertical .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images img.active, .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images .block .carousel.vertical img.active {
    top: -400px;
}

.block .carousel.vertical .active.right, .block .carousel.vertical .superhero-dropdown > ul.active, .superhero-dropdown > .block .carousel.vertical ul.active, .block .carousel.vertical #section-tops .region-top-second.active, #section-tops .block .carousel.vertical .region-top-second.active, .block .carousel.vertical #section-tops .region-top-second .block.active, #section-tops .region-top-second .block .carousel.vertical .block.active, .block .carousel.vertical #section-header .header-extract .extract-element.active, #section-header .header-extract .block .carousel.vertical .extract-element.active, .block .carousel.vertical #section-bottom .contact-info-box ul.hours li span.active, #section-bottom .contact-info-box ul.hours li .block .carousel.vertical span.active, .block .carousel.vertical #section-footer ul.menu li a.active, #section-footer ul.menu li .block .carousel.vertical a.active, .block .carousel.vertical #section-footer ul.menu.active, #section-footer .block .carousel.vertical ul.menu.active {
    top: 400px;
}

.sp-tweet i {
    display: block;
    font-size: 40px;
    width: 100%;
    clear: both;
}

.consilium-team-detail .field-label {
    color: #5aaddd;
    font-weight: normal;
    font-family: 'open_sansbold';
}

.consilium-team-detail .user-social .field-item {
    display: inline-block;
    padding: 0 10px;
    font-size: 20px;
}

    .consilium-team-detail .user-social .field-item a:not(.btn) {
        color: #5aaddd;
    }

        .consilium-team-detail .user-social .field-item a:not(.btn):hover {
            color: #5aaddd;
        }

.consilium-portfolio-detail .field-label {
    color: #5aaddd;
    font-weight: normal;
    font-family: 'open_sansbold';
}

.region-sidebar-first #block-user-login .form-text, .region-sidebar-second #block-user-login .form-text {
    width: 100%;
}

.gallery-filters {
    margin-bottom: 20px;
}

    .gallery-filters a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #f5f5f5;
        border-color: -moz-use-text-color #ececec #ececec -moz-use-text-color;
        border-image: none;
        border-radius: 4px !important;
        border-right: 1px solid #ececec;
        border-style: none solid solid none;
        border-width: 0 1px 1px 0;
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 25px;
        margin-right: 10px;
        padding: 0 10px;
        text-decoration: none;
        text-transform: capitalize;
    }

        .gallery-filters a.active {
            background: #5aaddd;
            color: #fff;
        }

        .gallery-filters a:hover {
            background: #5aaddd;
            color: #fff;
        }

.sh-dropcap {
    overflow: hidden;
    /*Unordered Lists*/
}

    .sh-dropcap:first-letter {
        color: #666;
        display: block;
        float: left;
        font-size: 50px;
        line-height: 40px;
        padding: 4px 8px 0 0;
    }

ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.arrow li::before, ul.arrow-double li::before, ul.tick li::before, ul.cross li::before, ul.star li::before, ul.rss li::before, ul.arrow li::after, ul.arrow-double li::after, ul.tick li::after, ul.cross li::after, ul.star li::after, ul.rss li::after {
        font-family: FontAwesome;
        font-size: 11px;
    }

.ltr ul.arrow li::before, .ltr ul.arrow-double li::before, .ltr ul.tick li::before, .ltr ul.cross li::before, .ltr ul.star li::before, .ltr ul.rss li::before {
    margin-right: 5px;
}

.ltr ul.arrow li::before {
    content: "\f105";
}

.ltr ul.arrow-double li::before {
    content: "\f101";
}

.ltr ul.tick li::before {
    content: "\f00c";
}

.ltr ul.cross li::before {
    content: "\f00d";
}

.ltr ul.star li::before {
    content: "\f006";
}

.ltr ul.rss li::before {
    content: "\f09e";
}

.rtl ul.arrow li::after, .rtl ul.arrow-double li::after, .rtl ul.tick li::after, .rtl ul.cross li::after, .rtl ul.star li::after, .rtl ul.rss li::after {
    margin-left: 5px;
}

.rtl ul.arrow li::after {
    content: "\f104";
}

.rtl ul.arrow-double li::after {
    content: "\f100";
}

.rtl ul.tick li::after {
    content: "\f00c";
}

.rtl ul.cross li::after {
    content: "\f00d";
}

.rtl ul.star li::after {
    content: "\f006";
}

.rtl ul.rss li::after {
    content: "\f09e";
}

img.pull-left, .pull-left > img {
    margin-right: 15px;
}

img.pull-right, .pull-right > img {
    margin-left: 15px;
}

.rtl {
    /* Block number */
}

    .rtl img.pull-left, .rtl .pull-left > img {
        margin-left: 15px;
    }

    .rtl img.pull-right, .rtl .pull-right > img {
        margin-right: 15px;
    }

.sh-blocknumber {
    position: relative;
    min-height: 45px;
}

    .sh-blocknumber span {
        font-weight: bold;
        width: 48px;
        height: 48px;
        line-height: 48px;
        display: block;
        text-align: center;
        position: absolute;
        top: 0;
    }

        .sh-blocknumber span.rounded {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .sh-blocknumber span.circle {
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
        }

.ltr .sh-blocknumber {
    padding: 5px 0 5px 60px;
}

    .ltr .sh-blocknumber span {
        left: 0;
    }

.rtl {
    /* Block */
}

    .rtl .sh-blocknumber {
        padding: 5px 60px 5px 0;
    }

        .rtl .sh-blocknumber span {
            right: 0;
        }

.sh-block.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sh-bubble {
    position: relative;
    margin-bottom: 40px;
}

    .sh-bubble cite {
        display: block;
        height: 30px;
        line-height: 36px;
        position: absolute;
        bottom: -30px;
    }

        .sh-bubble cite span {
            content: ' ';
            position: absolute;
            top: 0;
            display: block;
            width: 0;
            height: 0;
            border-bottom-color: transparent !important;
        }

.ltr .sh-bubble cite {
    left: 15px;
    padding-left: 40px;
}

    .ltr .sh-bubble cite span {
        left: 0;
        border-left-color: transparent !important;
    }

.rtl .sh-bubble cite {
    right: 15px;
    padding-right: 40px;
}

    .rtl .sh-bubble cite span {
        right: 0;
        border-right-color: transparent !important;
    }

.ltr [class^="icon-"].pull-left, .ltr [class*=" icon-"].pull-left {
    margin-right: 0.3em;
}

.ltr [class^="icon-"].pull-right, .ltr [class*=" icon-"].pull-right {
    margin-left: 0.3em;
}

.rtl [class^="icon-"].pull-left, .rtl [class*=" icon-"].pull-left {
    margin-left: 0.3em;
}

.rtl [class^="icon-"].pull-right, .rtl [class*=" icon-"].pull-right {
    margin-right: 0.3em;
    /* accordion page 
===============================*/
    /* Accordion */
}

#spaccordion .panel-heading {
    background: #5aaddd;
    color: #fff;
    border: none;
}

    #spaccordion .panel-heading a {
        color: #fff !important;
    }

.panel-group .panel {
    margin-bottom: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    /* Testinomial 
=============================*/
}

    .panel-group .panel .panel-heading {
        margin-bottom: 15px;
        padding: 0;
    }

    .panel-group .panel h4.panel-title {
        position: relative;
        font-size: inherit;
    }

        .panel-group .panel h4.panel-title a {
            color: #fff;
            padding: 13px 30px 12px 13px;
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1;
            background: #5aaddd;
            display: inline-block;
            display: block;
            text-align: left;
            text-shadow: inherit;
            font-family: 'PT Sans', sans-serif;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .panel-group .panel h4.panel-title a:hover, .panel-group .panel h4.panel-title a:active, .panel-group .panel h4.panel-title a:focus {
                outline: none;
                background: #5aaddd;
            }

            .panel-group .panel h4.panel-title a.collapsed {
                background: #bbb;
            }

                .panel-group .panel h4.panel-title a.collapsed:hover, .panel-group .panel h4.panel-title a.collapsed:active, .panel-group .panel h4.panel-title a.collapsed:focus {
                    background: #aaa;
                }

    .panel-group .panel .panel-collapse .panel-body {
        background-color: transparent;
        padding: 0 0 40px 0;
        border: none;
    }

    .panel-group .panel .panel + .panel {
        margin-top: 0;
    }

.view.view-testimonials {
    margin: 0 -15px;
}

.testimonial {
    padding-bottom: 40px;
    /* Tab 
=============================*/
}

    .testimonial .testimonial-content {
        border: 1px solid #e9e9e9;
        padding: 17px 20px 20px 20px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-style: italic;
        font-size: 15px;
        line-height: 1.8;
        font-weight: 400;
    }

    .testimonial .testimonial-header {
        padding: 0px 20px;
    }

        .testimonial .testimonial-header .testimonial-avatar {
            margin-top: -25px;
            margin-right: 20px;
        }

            .testimonial .testimonial-header .testimonial-avatar img {
                width: 70px;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                /*0 1px 2px rgba(0, 0, 0, 0.1)*/
                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            }

        .testimonial .testimonial-header .testimonial-name {
            font-size: 15px;
            margin-top: 8px;
        }

    .testimonial .pull-left {
        text-align: center;
    }

    .testimonial .media-body strong {
        font-size: 15px;
        font-family:, 'Open Sans';
        font-weight: 600;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        text-align: center;
    }

.nav.nav-tabs {
    margin-bottom: 15px;
    padding: 0;
    border-bottom: none;
}

    .nav.nav-tabs li {
        padding: 0 20px;
        float: none;
    }

        .nav.nav-tabs li:first-child {
            padding-left: 0;
        }

        .nav.nav-tabs li + li {
            border-left: 1px solid #dedede;
        }

    .nav.nav-tabs a {
        color: #5aaddd;
        border: none;
        border-bottom: 3px solid #eee;
        font-weight: normal;
        line-height: 1;
        margin: 0 0 10px;
        padding: 10px 0;
        text-transform: uppercase;
    }

        .nav.nav-tabs a:hover {
            background: none;
            color: #5aaddd !important;
            border-bottom: 3px solid #5aaddd;
            outline: none;
        }

    .nav.nav-tabs > .active > a {
        border: none;
        border-bottom: 3px solid #5aaddd;
        color: #5aaddd;
    }

        .nav.nav-tabs > .active > a:hover, .nav.nav-tabs > .active > a:focus, .nav.nav-tabs > .active > a:active {
            border: none !important;
            border-bottom: 3px solid #5aaddd;
            color: #5aaddd !important;
        }

.nav.nav-pills {
    margin-bottom: 15px;
    padding: 0;
}

    .nav.nav-pills li {
        float: none;
    }

    .nav.nav-pills a:hover {
        background: #5aaddd;
        color: #fff;
        outline: none;
    }

    .nav.nav-pills .active > a {
        background: #5aaddd;
        color: #fff;
        outline: none;
    }

.sh_title_wrap {
    margin-bottom: 5px;
}

    .sh_title_wrap .sh_skill_title {
        color: #5aaddd;
        text-transform: uppercase;
        font-weight: normal;
        font-family: 'open_sansbold';
    }

    .sh_title_wrap .sh_skill_percent {
        font-weight: normal;
        font-family: 'open_sansbold';
    }

.sh_skill_progress_wrap {
    margin-bottom: 10px;
    /*Page 404*/
}

    .sh_skill_progress_wrap .sh_progress_bar {
        background: #ededed;
        border-radius: 3px;
        display: block;
        height: 15px;
        width: 100%;
    }

    .sh_skill_progress_wrap .sh_skills_progress_percent {
        background: #5aaddd;
        border-radius: 3px;
        display: block;
        height: 15px;
    }

.error-page-wrapper {
    background: #f1f1f1;
    padding-bottom: 60px;
}

    .error-page-wrapper .error-box-wrap {
        margin: 0 auto;
    }

.heading-404 {
    font-size: 80px;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-weight: 900;
    color: #5aaddd;
    letter-spacing: 2px;
}

    .heading-404 i {
        margin-right: 20px;
    }

.error-box {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    padding: 30px 35px 10px;
}

    .error-box h3 {
        letter-spacing: 2px;
    }

.error-action a {
    margin-bottom: 30px;
}

@media screen and (min-width: 1100px) {
    .error-box-wrap {
        width: 40%;
    }
}

@media screen and (max-width: 1099px) {
    .error-action a {
        float: none;
    }
}

@media screen and (min-width: 790px) {
    .heading-404 {
        letter-spacing: 20px;
        font-size: 120px;
    }

    .error-box-wrap {
        width: 50%;
    }

    .error-box h3 {
        letter-spacing: 10px;
    }
}

@media screen and (min-width: 500px) {
    .error-box-wrap {
        width: 60%;
    }
}

@media (min-width: 993px) {
    .superhero-dropdown {
        /*Header Fixed*/
    }

        .superhero-dropdown > ul > li {
            list-style: none;
            display: inline-block;
            margin: 0;
            padding: 0;
            position: relative;
            white-space: nowrap;
        }

            .superhero-dropdown > ul > li:hover > a, .superhero-dropdown > ul > li.active > a, .superhero-dropdown > ul > li:hover > span.nolink, .superhero-dropdown > ul > li.active > span.nolink {
                color: #5aaddd;
            }

            .superhero-dropdown > ul > li > a, .superhero-dropdown > ul > li > span.nolink {
                display: inline-block;
                font-family: 'Montserrat', sans-serif;
                font-size: 14px;
                font-weight: 500;
                margin: 0;
                padding: 0px 18px 30px;
                text-decoration: none;
                color: #5aaddd;
                cursor: pointer;
                -webkit-transition: inherit;
                -moz-transition: inherit;
                -o-transition: inherit;
                transition: inherit;
            }

                .superhero-dropdown > ul > li > a:not(.btn), .superhero-dropdown > ul > li > span.nolink:not(.btn) {
                    color: #5aaddd;
                }

                .superhero-dropdown > ul > li > a:hover, .superhero-dropdown > ul > li > span.nolink:hover, .superhero-dropdown > ul > li > a.active, .superhero-dropdown > ul > li > span.nolink.active {
                    color: #5aaddd;
                }

            .superhero-dropdown > ul > li.last > a, .superhero-dropdown > ul > li.last > span.nolink {
                padding-right: 0;
            }

        .superhero-dropdown > ul ul {
            background: #fff;
            -webkit-box-shadow: 0 9px 14px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 9px 14px rgba(0, 0, 0, 0.1);
            box-shadow: 0 9px 14px rgba(0, 0, 0, 0.1);
            margin: 0;
            padding: 0;
        }

            .superhero-dropdown > ul ul li {
                padding: 0;
            }

                .superhero-dropdown > ul ul li a, .superhero-dropdown > ul ul li span.nolink {
                    display: block;
                    padding: 8px 18px;
                    color: #5aaddd;
                    font-size: 13px;
                    font-family: 'Montserrat', sans-serif;
                    line-height: 1.7;
                    -webkit-transition: inherit;
                    -moz-transition: inherit;
                    -o-transition: inherit;
                    transition: inherit;
                    text-decoration: none;
                    cursor: pointer;
                    /*Add icon row for parent*/
                }

                    .superhero-dropdown > ul ul li a.active, .superhero-dropdown > ul ul li span.nolink.active, .superhero-dropdown > ul ul li a:hover, .superhero-dropdown > ul ul li span.nolink:hover {
                        background: #5aaddd;
                        color: #fff;
                    }

                .superhero-dropdown > ul ul li.expanded {
                    position: relative;
                }

                    .superhero-dropdown > ul ul li.expanded > a, .superhero-dropdown > ul ul li.expanded > span.nolink {
                        padding-right: 28px;
                    }

                        .superhero-dropdown > ul ul li.expanded > a:after, .superhero-dropdown > ul ul li.expanded > span.nolink:after {
                            content: "";
                            position: absolute;
                            top: 50%;
                            right: 10px;
                            height: 0;
                            width: 0;
                            border: 4px solid transparent;
                            border-top-color: rgba(0, 0, 0, 0.3);
                            margin-top: -3px;
                            margin-right: 0px;
                            border-color: transparent;
                            border-left-color: rgba(0, 0, 0, 0.2);
                        }

                    .superhero-dropdown > ul ul li.expanded:hover, .superhero-dropdown > ul ul li.expanded.active {
                        background: transparent;
                    }

        .superhero-dropdown .menu-arrow {
            display: none;
        }

    #section-header.fixed .superhero-dropdown > ul > li > a {
        padding-bottom: 15px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sticky-wrapper {
        /*header-transparent*/
    }

        .sticky-wrapper #section-header .superhero-dropdown > ul > li > a, .sticky-wrapper #section-header .superhero-dropdown > ul > li > span.nolink {
            padding-bottom: 15px;
        }

    .header-transparent .sticky-wrapper {
        /*Header-Topbar*/
    }

        .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > a, .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > span.nolink {
            color: #5aaddd;
            padding-bottom: 15px;
        }

            .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > a:hover, .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > span.nolink:hover, .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > a.active, .header-transparent .sticky-wrapper #section-header .superhero-dropdown > ul > li > span.nolink.active {
                color: #fff;
            }

    .header-topbar .sticky-wrapper {
        /*Header-centered*/
    }

        .header-topbar .sticky-wrapper #section-header .superhero-dropdown > ul > li > a, .header-topbar .sticky-wrapper #section-header .superhero-dropdown > ul > li > span.nolink {
            padding-bottom: 35px;
        }

        .header-topbar .sticky-wrapper #section-header.fixed-transition .superhero-dropdown > ul > li > a, .header-topbar .sticky-wrapper #section-header.fixed-transition .superhero-dropdown > ul > li > span.nolink {
            padding-bottom: 25px;
            transition: all 0.5s ease;
        }

    .header-centered #section-header .site-logo {
        margin-bottom: 35px;
        text-align: center;
    }

    .header-centered #section-header .superhero-dropdown > ul {
        float: none;
        text-align: center;
    }

        .header-centered #section-header .superhero-dropdown > ul > li > a, .header-centered #section-header .superhero-dropdown > ul > li > span.nolink {
            padding-bottom: 25px;
            padding-top: 23px;
        }
}

@media (max-width: 1090px) {
    .superhero-dropdown > ul > li > a, .superhero-dropdown > ul > li > span.nolink {
        padding: 0 13px 30px;
    }
}

@media (max-width: 992px) {
    .region-menu {
        padding: 0;
        width: 100%;
    }

        .region-menu .block-superhero-dropdown {
            margin-top: 0;
        }

    #section-header .site-logo {
        padding-bottom: 30px;
    }

    .block.top-social {
        display: none !important;
    }

    a.superhero-mobile-menu-toggle {
        padding: 0;
        position: absolute;
        right: 30px;
        color: #222;
        top: -55px;
        text-shadow: inherit;
        padding: 0;
        font-size: 22px;
        line-height: 1;
        display: block;
    }

        a.superhero-mobile-menu-toggle i.fa-align-justify:before {
            content: "\f0c9";
        }

        a.superhero-mobile-menu-toggle.open i {
            color: #5aaddd;
        }

            a.superhero-mobile-menu-toggle.open i.fa-align-justify:before {
                content: "\f00d";
            }

        a.superhero-mobile-menu-toggle:focus, a.superhero-mobile-menu-toggle:hover, a.superhero-mobile-menu-toggle:not(.btn) {
            box-shadow: inherit;
            outline: none;
            color: #222;
        }

    .header-transparent a.superhero-mobile-menu-toggle {
        color: #fff;
    }

    .superhero-dropdown {
        background: #fff;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        .superhero-dropdown ul {
            width: 100%;
        }

            .superhero-dropdown ul li {
                background: #fff;
                border-top: 1px solid #e9e9e9;
            }

                .superhero-dropdown ul li a, .superhero-dropdown ul li span.nolink {
                    color: #999;
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 1.7 !important;
                    padding: 12px 20px;
                    display: block;
                }

                    .superhero-dropdown ul li a.active, .superhero-dropdown ul li span.nolink.active, .superhero-dropdown ul li a:hover, .superhero-dropdown ul li span.nolink:hover, .superhero-dropdown ul li a:focus, .superhero-dropdown ul li span.nolink:focus {
                        color: #000;
                        outline: none;
                        text-decoration: none;
                    }

            .superhero-dropdown ul ul {
                margin: 0;
            }

                .superhero-dropdown ul ul li a, .superhero-dropdown ul ul li span.nolink {
                    padding: 12px 35px;
                }

                .superhero-dropdown ul ul li li a, .superhero-dropdown ul ul li li span.nolink {
                    padding: 12px 70px;
                }

        .superhero-dropdown .menu-arrow {
            color: #999;
            font-size: 22px;
            font-weight: normal;
            padding: 6px 0;
            right: 0;
            text-align: center;
            top: 0;
            line-height: 1.6;
            width: 50px;
        }

            .superhero-dropdown .menu-arrow.fa-angle-right::before {
                content: "\f107";
            }

            .superhero-dropdown .menu-arrow.fa-angle-down::before {
                content: "\f106";
            }
}

ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
    margin-bottom: 15px;
    margin-top: 0;
}

.break, h1, h2, h3, #calendar_wrap caption, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
    word-break: break-word;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Montserrat', sans-serif;
    color: #666;
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: -0.2px;
    margin-top: 0;
}

h3, .h3 {
    font-size: 20px;
}

h2, .h2 {
    font-size: 35px;
}

h4 {
    font-size: 18px;
    margin-bottom: 12px;
}

h1 {
    line-height: 1.3;
    font-size: 30px;
}

.content {
    /**/
}

    .content .view-blog-categories .cat-wrap {
        margin-bottom: 30px;
    }

        .content .view-blog-categories .cat-wrap .cat-title {
            border-bottom: 1px solid #ddd;
            margin: 0 0 15px;
            padding: 10px 0;
            font-size: 26px;
        }

.block-recent-news {
    /*view-new*/
    /*.blog-teaser//blog-details*/
}

    .block-recent-news .view-news .view-content .views-row {
        padding: 10px 12px 12px 10px;
        background: #f8f9f9;
    }

        .block-recent-news .view-news .view-content .views-row img {
            height: auto;
            margin-right: 18px;
            overflow: hidden;
            max-width: 50px;
            margin-top: 3px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

        .block-recent-news .view-news .view-content .views-row a {
            color: #999;
        }

            .block-recent-news .view-news .view-content .views-row a:hover {
                color: #5aaddd;
            }

        .block-recent-news .view-news .view-content .views-row.views-row-even {
            background: transparent;
        }

.blog-teaser.node-article, .blog-detail.node-article {
    margin-bottom: 40px;
    padding-bottom: 20px;
}

    .blog-teaser.node-article blockquote, .blog-detail.node-article blockquote {
        padding: 20px 80px 20px 28px;
        position: relative;
        background: #f8f9f9;
        border-left: 3px solid #5aaddd;
        font-style: italic;
        font-size: 15px;
    }

    .blog-teaser.node-article .blog-image img, .blog-detail.node-article .blog-image img {
        margin: 0 0 30px 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
    }

    .blog-teaser.node-article .blog-content-tile, .blog-detail.node-article .blog-content-tile {
        font-size: 25px;
        margin-bottom: 7px;
        letter-spacing: 0.5px;
        font-weight: bold;
    }

        .blog-teaser.node-article .blog-content-tile a, .blog-detail.node-article .blog-content-tile a, .blog-teaser.node-article .blog-content-tile a:not(.btn), .blog-detail.node-article .blog-content-tile a:not(.btn) {
            color: #333;
        }

            .blog-teaser.node-article .blog-content-tile a:hover, .blog-detail.node-article .blog-content-tile a:hover, .blog-teaser.node-article .blog-content-tile a:not(.btn):hover, .blog-detail.node-article .blog-content-tile a:not(.btn):hover {
                color: #333;
                text-decoration: underline;
            }

    .blog-teaser.node-article .blog-meta, .blog-detail.node-article .blog-meta {
        display: inline-block;
        margin-bottom: 15px;
    }

        .blog-teaser.node-article .blog-meta span, .blog-detail.node-article .blog-meta span, .blog-teaser.node-article .blog-meta a, .blog-detail.node-article .blog-meta a {
            font-size: 13px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            text-decoration: none;
            color: #999;
        }

            .blog-teaser.node-article .blog-meta a:hover, .blog-detail.node-article .blog-meta a:hover, .blog-teaser.node-article .blog-meta a:focus, .blog-detail.node-article .blog-meta a:focus {
                color: #999;
                text-decoration: underline;
            }

    .blog-teaser.node-article .more-link, .blog-detail.node-article .more-link {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        padding-top: 10px;
        position: relative;
        margin: 0 0 15px 0px;
    }

        .blog-teaser.node-article .more-link:after, .blog-detail.node-article .more-link:after {
            position: absolute;
            content: "→";
            right: -15px;
            font-size: 11px;
        }

        .blog-teaser.node-article .more-link:hover, .blog-detail.node-article .more-link:hover {
            text-decoration: underline;
        }

    .blog-teaser.node-article .blog-footer i, .blog-detail.node-article .blog-footer i {
        color: #5aaddd;
        margin: 6px 6px 0 0;
    }

    .blog-teaser.node-article .blog-footer .field, .blog-detail.node-article .blog-footer .field {
        margin-bottom: 10px;
        overflow: hidden;
    }

        .blog-teaser.node-article .blog-footer .field .field-item a, .blog-detail.node-article .blog-footer .field .field-item a {
            color: #999;
            font-size: 13px;
            text-decoration: none;
            position: relative;
        }

            .blog-teaser.node-article .blog-footer .field .field-item a:hover, .blog-detail.node-article .blog-footer .field .field-item a:hover {
                color: #5aaddd;
            }

        .blog-teaser.node-article .blog-footer .field .field-item:after, .blog-detail.node-article .blog-footer .field .field-item:after {
            content: ", ";
            color: #aaa;
            padding-right: 5px;
        }

        .blog-teaser.node-article .blog-footer .field .field-item:last-child:after, .blog-detail.node-article .blog-footer .field .field-item:last-child:after {
            content: "";
        }

    .blog-teaser.node-article .entry-author, .blog-detail.node-article .entry-author {
        background: #f8f9f9;
        padding: 25px;
        margin: 40px 0px 40px;
    }

        .blog-teaser.node-article .entry-author .entry-author-avatar, .blog-detail.node-article .entry-author .entry-author-avatar {
            padding-right: 25px;
        }

            .blog-teaser.node-article .entry-author .entry-author-avatar img, .blog-detail.node-article .entry-author .entry-author-avatar img {
                max-width: 85px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                margin-top: 4px;
            }

        .blog-teaser.node-article .entry-author .entry-author-byline, .blog-detail.node-article .entry-author .entry-author-byline {
            color: #999;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            font-size: 13px;
            margin-bottom: 6.66667px;
        }

            .blog-teaser.node-article .entry-author .entry-author-byline a, .blog-detail.node-article .entry-author .entry-author-byline a {
                text-decoration: none;
            }

        .blog-teaser.node-article .entry-author .entry-author-bio, .blog-detail.node-article .entry-author .entry-author-bio {
            padding-left: 85px;
        }

    .blog-teaser.node-article.blog-teaser, .blog-detail.node-article.blog-teaser {
        border-bottom: 1px solid #e9e9e9;
        /*Comment*/
    }

    .blog-teaser.node-article ul.links li.comment-add, .blog-detail.node-article ul.links li.comment-add {
        padding: 0;
    }

        .blog-teaser.node-article ul.links li.comment-add a, .blog-detail.node-article ul.links li.comment-add a {
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: #333;
        }

    .blog-teaser.node-article .comment-wrapper h2.title, .blog-detail.node-article .comment-wrapper h2.title {
        font-size: 18px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
    }

    .blog-teaser.node-article .comment-wrapper #comment-detail .comment, .blog-detail.node-article .comment-wrapper #comment-detail .comment {
        margin: 30px 0;
    }

        .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture img, .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture img {
            width: 60px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .blog-teaser.node-article .comment-wrapper #comment-detail .comment .comment-wrapper, .blog-detail.node-article .comment-wrapper #comment-detail .comment .comment-wrapper {
            margin-left: 90px;
            padding: 25px 30px 15px 30px;
            background: #f8f9f9;
            position: relative;
        }

            .blog-teaser.node-article .comment-wrapper #comment-detail .comment .comment-wrapper:before, .blog-detail.node-article .comment-wrapper #comment-detail .comment .comment-wrapper:before {
                border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
                border-style: solid;
                border-width: 0 10px 10px 0;
                content: "";
                height: 0;
                left: -9px;
                position: absolute;
                top: 0;
                width: 0;
            }

            .blog-teaser.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta cite .fn, .blog-detail.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta cite .fn {
                font-weight: bold;
                font-style: normal;
                margin-right: 5px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-size: 14px;
                color: #5aaddd;
            }

            .blog-teaser.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta > span, .blog-detail.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta > span, .blog-teaser.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta .comment-reply a, .blog-detail.node-article .comment-wrapper #comment-detail .comment .comment-wrapper .comment-meta .comment-reply a {
                color: #aaa;
                text-transform: uppercase;
                letter-spacing: 0.3px;
                font-size: 11px;
            }

    .blog-teaser.node-article .comment-wrapper .comment-form button.form-submit, .blog-detail.node-article .comment-wrapper .comment-form button.form-submit {
        background: #5aaddd;
        color: #fff !important;
        border: 0;
        padding: 17px 23px 19px 23px;
        font-size: 13px;
    }

        .blog-teaser.node-article .comment-wrapper .comment-form button.form-submit:hover, .blog-detail.node-article .comment-wrapper .comment-form button.form-submit:hover, .blog-teaser.node-article .comment-wrapper .comment-form button.form-submit:focus, .blog-detail.node-article .comment-wrapper .comment-form button.form-submit:focus, .blog-teaser.node-article .comment-wrapper .comment-form button.form-submit:active, .blog-detail.node-article .comment-wrapper .comment-form button.form-submit:active {
            border: 0;
            color: #fff !important;
            opacity: 0.8;
            filter: "alpha(opacity=${opacity})";
            background: #5aaddd;
        }

.block-cat-item ul {
    padding: 0;
}

    .block-cat-item ul li {
        list-style: none;
        margin: 0px;
        padding: 6.66667px 0;
    }

        .block-cat-item ul li a {
            color: #999;
        }

            .block-cat-item ul li a:hover {
                color: #5aaddd;
            }

.view-tags .view-content .views-row a {
    background: #222;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 4px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
}

    .view-tags .view-content .views-row a:hover, .view-tags .view-content .views-row a:focus {
        background: #5aaddd;
        color: #fff;
    }

.block-search input[type="text"] {
    width: 100%;
}

.sh-blog .blog-content-tile {
    font-size: 16px;
    margin-bottom: 10px;
}

    .sh-blog .blog-content-tile a {
        color: #333;
    }

.sh-blog .field-name-field-tags {
    display: inline-block;
}

.sh-blog .blog-image {
    position: relative;
    margin-bottom: 20px;
}

    .sh-blog .blog-image img {
        width: 100%;
        height: auto;
    }

        .sh-blog .blog-image img:hover {
            opacity: 0.9;
            filter: "alpha(opacity=${opacity})";
        }

    .sh-blog .blog-image .image-overlay {
        border-color: #e1e1e1;
        background: none repeat scroll 0 0 #fff;
        position: absolute;
        z-index: 500;
        display: block;
        height: 100%;
        left: 0;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        top: 0;
        opacity: 0;
        filter: "alpha(opacity=${opacity})";
        width: 100%;
        -moz-box-sizing: border-box;
        border: 0 solid rgba(0, 0, 0, 0.7);
        overflow: visible;
    }

        .sh-blog .blog-image .image-overlay:hover {
            opacity: 0.7;
            filter: "alpha(opacity=${opacity})";
            background: rgba(0, 0, 0, 0.7);
        }

            .sh-blog .blog-image .image-overlay:hover .image-overlay-inside:before {
                height: 80px;
                width: 80px;
                line-height: 80px;
                -webkit-transition: all 400ms;
                -moz-transition: all 400ms;
                -o-transition: all 400ms;
                transition: all 400ms;
                font-size: 18px;
                margin: -40px 0 0 -40px;
                background: #5aaddd;
                color: #fff;
            }

        .sh-blog .blog-image .image-overlay .image-overlay-inside {
            border-color: #c3512f;
            color: #fff;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

            .sh-blog .blog-image .image-overlay .image-overlay-inside:before {
                content: "\f064";
                font-family: FontAwesome;
                font-size: 14px;
                font-weight: normal;
                border-radius: 50px 50px 50px 50px;
                color: #fff;
                height: 40px;
                left: 50%;
                line-height: 40px;
                margin: -20px 0 0 -20px;
                position: absolute;
                text-align: center;
                top: 50%;
                width: 40px;
                z-index: 500;
            }

.sh-blog .blog-meta {
    font-size: 11px;
    text-transform: uppercase;
    padding: 6px 0px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

    .sh-blog .blog-meta span {
        margin-right: 15px;
    }

        .sh-blog .blog-meta span i {
            margin-right: 3px;
            color: #ccc;
        }

        .sh-blog .blog-meta span a {
            color: #999;
        }

            .sh-blog .blog-meta span a:hover {
                color: #999;
                text-decoration: underline;
            }

.sh-blog .article-info {
    border-bottom: 1px solid #dadbde;
    font-size: 11px;
    margin: 0 0 15px;
    padding: 10px 0;
}

    .sh-blog .article-info .username, .sh-blog .article-info .cdate {
        color: #00c3b6;
        font-size: 12px;
        font-weight: normal;
    }

.sh-blog ul.links.inline li:first-child {
    padding: 0;
}

ul.pagination {
    margin: 1px;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

    ul.pagination li {
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #e9e9e9;
        padding: 0;
        margin: 0 -4px 0 0;
        display: inline-block;
        overflow: hidden;
    }

        ul.pagination li a:not(.btn) {
            padding: 10px 16px;
            font-weight: bold;
            border: 0;
            color: #5aaddd;
            line-height: 1;
            margin: 0;
        }

            ul.pagination li a:not(.btn):hover, ul.pagination li a:not(.btn):focus {
                background: #f9f9f9;
                color: #8a7e88;
            }

        ul.pagination li.active a {
            background: #f9f9f9;
            color: #8a7e88;
        }

            ul.pagination li.active a:hover, ul.pagination li.active a:focus {
                background: #f9f9f9;
                color: #8a7e88;
            }

        ul.pagination li.first a, ul.pagination li.last a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        ul.pagination li.last {
            border-right-width: 1px;
        }

.md-objects {
    margin: 0 auto;
}

    .md-objects > .md-object {
        padding: 0 15px;
    }

.md-arrow .md-arrow-left, .md-arrow .md-arrow-right {
    width: 30px;
    height: 110px;
    line-height: 110px;
    background: rgba(0, 0, 0, 0.25);
}

    .md-arrow .md-arrow-left span, .md-arrow .md-arrow-right span {
        position: relative;
    }

        .md-arrow .md-arrow-left span:before, .md-arrow .md-arrow-right span:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #fff;
            font-size: 35px;
            position: absolute;
        }

.md-arrow .md-arrow-left {
    left: 0;
}

    .md-arrow .md-arrow-left span {
        left: 5px;
    }

        .md-arrow .md-arrow-left span:before {
            content: "\f104";
        }

.md-arrow .md-arrow-right {
    right: 0;
}

    .md-arrow .md-arrow-right span {
        left: 10px;
    }

        .md-arrow .md-arrow-right span:before {
            content: "\f105";
        }

@media (max-width: 767px) {
    .md-objects {
        display: none;
    }
}

@media (max-width: 640px) {
    .md-arrow .md-arrow-left, .md-arrow .md-arrow-right {
        width: 20px;
    }

        .md-arrow .md-arrow-left span:before, .md-arrow .md-arrow-right span:before {
            font-size: 25px;
        }
}

.center, .bx-controls .bx-controls-direction a, #section-footer ul.menu, #section-footer .copy_text {
    text-align: center;
}

    .center th, .bx-controls .bx-controls-direction a th, #section-footer ul.menu th, #section-footer .copy_text th, .center tr, .bx-controls .bx-controls-direction a tr, #section-footer ul.menu tr, #section-footer .copy_text tr, .center td, .bx-controls .bx-controls-direction a td, #section-footer ul.menu td, #section-footer .copy_text td {
        text-align: center;
    }

.left, .testimonial .testimonial-header .testimonial-avatar, .block-recent-news .view-news .view-content .views-row img, .blog-teaser.node-article .blog-footer i, .blog-detail.node-article .blog-footer i, .blog-teaser.node-article .blog-footer .field .field-item, .blog-detail.node-article .blog-footer .field .field-item, .blog-teaser.node-article .entry-author .entry-author-avatar, .blog-detail.node-article .entry-author .entry-author-avatar, .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture img, .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture img, #section-tops .region-top-first, #section-tops .region-top-first .block, .image-thumbnails .gallery li, #section-bottom ul.menu li, #section-bottom .contact-info-box .contact-info-item .contact-text, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .control-label, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .controls, .node-product.product .rating form.fivestar-widget, .node-product .tabs-wrap .nav.nav-tabs li, .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images img {
    float: left;
}

.right, .superhero-dropdown > ul, #section-tops .region-top-second, #section-tops .region-top-second .block, #section-header .header-extract .extract-element, #section-bottom .contact-info-box ul.hours li span, #section-footer ul.menu li a, #section-footer ul.menu {
    float: right;
}

.rtl .left, .rtl .testimonial .testimonial-header .testimonial-avatar, .testimonial .testimonial-header .rtl .testimonial-avatar, .rtl .block-recent-news .view-news .view-content .views-row img, .block-recent-news .view-news .view-content .views-row .rtl img, .rtl .blog-teaser.node-article .blog-footer i, .blog-teaser.node-article .blog-footer .rtl i, .rtl .blog-detail.node-article .blog-footer i, .blog-detail.node-article .blog-footer .rtl i, .rtl .blog-teaser.node-article .blog-footer .field .field-item, .blog-teaser.node-article .blog-footer .field .rtl .field-item, .rtl .blog-detail.node-article .blog-footer .field .field-item, .blog-detail.node-article .blog-footer .field .rtl .field-item, .rtl .blog-teaser.node-article .entry-author .entry-author-avatar, .blog-teaser.node-article .entry-author .rtl .entry-author-avatar, .rtl .blog-detail.node-article .entry-author .entry-author-avatar, .blog-detail.node-article .entry-author .rtl .entry-author-avatar, .rtl .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture img, .blog-teaser.node-article .comment-wrapper #comment-detail .comment .user-picture .rtl img, .rtl .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture img, .blog-detail.node-article .comment-wrapper #comment-detail .comment .user-picture .rtl img, .rtl #section-tops .region-top-first, #section-tops .rtl .region-top-first, .rtl #section-tops .region-top-first .block, #section-tops .region-top-first .rtl .block, .rtl .image-thumbnails .gallery li, .image-thumbnails .gallery .rtl li, .rtl #section-bottom ul.menu li, #section-bottom ul.menu .rtl li, .rtl #section-bottom .contact-info-box .contact-info-item .contact-text, #section-bottom .contact-info-box .contact-info-item .rtl .contact-text, .rtl .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .control-label, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .rtl .control-label, .rtl .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .controls, .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .rtl .controls, .rtl .node-product.product .rating form.fivestar-widget, .node-product.product .rating .rtl form.fivestar-widget, .rtl .node-product .tabs-wrap .nav.nav-tabs li, .node-product .tabs-wrap .nav.nav-tabs .rtl li, .rtl .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images img, .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images .rtl img {
    float: right;
}

.rtl .right, .rtl .superhero-dropdown > ul, .superhero-dropdown > .rtl ul, .rtl #section-tops .region-top-second, #section-tops .rtl .region-top-second, .rtl #section-tops .region-top-second .block, #section-tops .region-top-second .rtl .block, .rtl #section-header .header-extract .extract-element, #section-header .header-extract .rtl .extract-element, .rtl #section-bottom .contact-info-box ul.hours li span, #section-bottom .contact-info-box ul.hours li .rtl span, .rtl #section-footer ul.menu li a, #section-footer ul.menu li .rtl a, .rtl #section-footer ul.menu, #section-footer .rtl ul.menu {
    float: left;
}

.rtl ul.pagenav .pagenav-prev {
    float: right;
}

.rtl ul.pagenav .pagenav-next {
    float: left;
}

.title-center.block h3.block-title {
    text-align: center !important;
}

.title-left.block h3.block-title {
    text-align: left !important;
}

.title-right.block h3.block-title {
    text-align: right !important;
}

.title-white.block h3.block-title {
    color: #fff;
}

.title-nopadding.block h3.block-title {
    padding: 0 !important;
}

.rtl .title-left.block h3.block-title {
    text-align: right !important;
}

.rtl .title-right.block h3.block-title {
    text-align: left !important;
}

body {
    color: #999;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    line-height: 1.7;
}

.body-innerwrapper {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.sh-container {
    padding-left: 15px;
    padding-right: 15px;
}

    .sh-container [class*="col-md-"], .sh-container [class^="col-md-"], .sh-container [class*="col-xs-"], .sh-container [class^="col-xs-"], .sh-container [class*="col-sm-"], .sh-container [class^="col-sm-"], .sh-container [class*="col-lg-"], .sh-container [class^="col-lg-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .sh-container .container [class*="col-md-"], .sh-container .container [class^="col-md-"], .sh-container .container [class*="col-xs-"], .sh-container .container [class^="col-xs-"], .sh-container .container [class*="col-sm-"], .sh-container .container [class^="col-sm-"], .sh-container .container [class*="col-lg-"], .sh-container .container [class^="col-lg-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

a {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

    a, a:hover, a:hover:before, a:hover:after {
        text-decoration: none;
        transition: all 300ms linear 0ms;
    }

img {
    max-width: 100%;
    height: auto;
}

a:not(.btn) {
    color: #5aaddd;
}

    a:not(.btn):hover {
        color: #247bad;
    }

.icontop .content {
    position: relative;
}

.icontop [class^="icon-"], .icontop [class^="fa-"], .icontop [class*="icon-"], .icontop [class*="fa-"] {
    width: 100px;
    height: 100px;
    font-size: 35px;
    color: #fff;
    line-height: 100px;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #5aaddd;
}

    .icontop [class^="icon-"]:after, .icontop [class^="fa-"]:after, .icontop [class*="icon-"]:after, .icontop [class*="fa-"]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 102px;
        height: 102px;
        z-index: -1;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
        filter: "alpha(opacity=${opacity})";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.icontop:hover [class^="icon-"], .icontop:active [class^="icon-"], .icontop:focus [class^="icon-"], .icontop:hover [class^="fa-"], .icontop:active [class^="fa-"], .icontop:focus [class^="fa-"], .icontop:hover [class*="icon-"], .icontop:active [class*="icon-"], .icontop:focus [class*="icon-"], .icontop:hover [class*="fa-"], .icontop:active [class*="fa-"], .icontop:focus [class*="fa-"] {
    color: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #5aaddd;
}

    .icontop:hover [class^="icon-"]:after, .icontop:active [class^="icon-"]:after, .icontop:focus [class^="icon-"]:after, .icontop:hover [class^="fa-"]:after, .icontop:active [class^="fa-"]:after, .icontop:focus [class^="fa-"]:after, .icontop:hover [class*="icon-"]:after, .icontop:active [class*="icon-"]:after, .icontop:focus [class*="icon-"]:after, .icontop:hover [class*="fa-"]:after, .icontop:active [class*="fa-"]:after, .icontop:focus [class*="fa-"]:after {
        opacity: 1;
        filter: "alpha(opacity=${opacity})";
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        top: -1px;
        left: -1px;
        background: #5aaddd;
    }

.slide-item-readmore a:not(.btn) {
    font-size: 13px;
    text-transform: capitalize;
    color: #5aaddd;
}

    .slide-item-readmore a:not(.btn):hover, .slide-item-readmore a:not(.btn):focus {
        color: #5aaddd;
    }

a:not(.btn).read-more, a:not(.btn).readmore, .featured-box .featured-box-content .featured-box-button a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 14px;
}

form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"] {
    background: transparent;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    text-indent: 10px;
    max-width: 100%;
    width: 100%;
}

form textarea {
    background: transparent;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: none;
    height: 180px;
    padding: 0;
    text-indent: 10px;
    max-width: 100%;
}

form select {
    background-color: transparent;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    form input:focus, form textarea:focus, form select:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #5aaddd;
        outline: none;
    }

form .form-item input[type="text"], form .form-item input[type="password"] {
    cursor: pointer;
    max-width: 100%;
    background-color: transparent;
    border: 1px solid #e9e9e9;
    -webkit-appearance: none;
    padding: 10px 15.38462px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
}

    form .form-item input[type="text"]:hover, form .form-item input[type="password"]:hover, form .form-item input[type="text"]:focus, form .form-item input[type="password"]:focus, form .form-item input[type="text"]:active, form .form-item input[type="password"]:active {
        border-color: #5aaddd;
        outline: none;
    }

form .form-item .help-block {
    font-style: italic;
    font-size: 12px;
}

form .form-actions button.form-submit {
    padding: 17px 23px 19px 23px;
    border: 0;
}

form .checkbox input[type=checkbox] {
    margin-left: 0;
}

.profile .user-picture {
    margin-top: 50px;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.carousel img {
    width: 100% !important;
}

.showHere {
    padding-right: 10px;
}

.rtl .showHere {
    padding: 0 0 0 10px;
}

.social-icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .social-icon ul li {
        float: left;
        margin-right: 20px;
    }

        .social-icon ul li i {
            font-size: 20px;
            color: #ccc;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .social-icon ul li i:hover {
                color: #5aaddd;
            }

.block-contact .clearfix {
    margin-bottom: 20px;
}

.block-contact .jicons-text {
    font-weight: bold;
}

.webform-client-form {
    /* =========== Begin Top Bar============*/
    /*body -- header-topbar*/
}

    .webform-client-form td, .webform-client-form th {
        border: none;
    }

    .webform-client-form .radio, .webform-client-form .checkbox {
        display: inline-block;
    }

        .webform-client-form .radio + .radio, .webform-client-form .checkbox + .checkbox {
            margin-top: 10px;
        }

.header-topbar #section-header {
    padding-top: 35px;
}

    .header-topbar #section-header .site-logo {
        margin: 0;
    }

    .header-topbar #section-header.fixed-transition {
        padding-top: 22px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.header-centered #section-header {
    padding-top: 35px;
}

    .header-centered #section-header .site-logo {
        margin-top: 0;
    }

#section-tops {
    font-size: 12px;
    background: #f8f9f9;
    border-bottom: 1px solid #e9e9e9;
    color: #888;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    /* =========== End Top Bar============*/
}

    #section-tops .region .block {
        margin-top: 0;
        padding: 12px 0px 12px;
    }

    #section-tops .region-top-first .block {
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #e9e9e9;
    }

        #section-tops .region-top-first .block:first-child {
            border-left: 1px solid #e9e9e9;
            padding-left: 15px;
        }

    #section-tops .region-top-second .block {
        padding-left: 15px;
        margin-left: 15px;
        border-left: 1px solid #e9e9e9;
    }

        #section-tops .region-top-second .block:first-child {
            border-right: 1px solid #e9e9e9;
            padding-right: 15px;
        }

    #section-tops .topbar-social a {
        margin: 0px 7px;
        font-size: 15px;
        line-height: 1;
        color: #888;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

        #section-tops .topbar-social a:hover {
            color: #5aaddd;
        }

    #section-tops .topbar-highlight {
        letter-spacing: 0.5px;
    }

#section-header {
    padding: 30px 0px 0px 0px;
    z-index: 99;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-bottom: 1px solid #e9e9e9;
}

    #section-header.fixed-transition {
        padding-top: 15px;
    }

    #section-header.fixed {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    }

    #section-header .site-logo {
        margin: 20px 0 0 0;
    }

    #section-header .header-extract .extract-element {
        margin-left: 15px;
        font-size: 12px;
    }

        #section-header .header-extract .extract-element .header-social {
            margin: 0;
        }

            #section-header .header-extract .extract-element .header-social li {
                margin: 0 0 0 3px;
                padding: 0;
            }

                #section-header .header-extract .extract-element .header-social li a {
                    padding: 0;
                    border-radius: 50%;
                    font-size: 1.2em;
                    line-height: 1.6em;
                    height: 1.8em;
                    width: 1.8em;
                    text-align: center;
                    border: 1px solid #ddd;
                    color: #5aaddd;
                    display: block;
                    -webkit-transition: inherit;
                    -moz-transition: inherit;
                    -o-transition: inherit;
                    transition: inherit;
                }

                    #section-header .header-extract .extract-element .header-social li a:hover {
                        color: #222;
                        border-color: #222;
                    }

        #section-header .header-extract .extract-element .phone-text {
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            font-weight: normal;
            margin-left: 2px;
            letter-spacing: 0.5px;
            color: #5aaddd;
        }

.header-transparent .sticky-wrapper {
    position: absolute;
    z-index: 3;
    width: 100%;
}

.header-transparent #section-header {
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, transparent 95%);
    color: #999;
}

    .header-transparent #section-header .header-extract {
        color: #fff;
    }

        .header-transparent #section-header .header-extract .extract-element .header-social li a {
            color: #fff;
            border-bottom-color: #fff;
        }

            .header-transparent #section-header .header-extract .extract-element .header-social li a:hover {
                background: #fff;
                color: #222;
                border-color: #fff;
            }

    .header-transparent #section-header .header-text {
        opacity: 0.7;
    }

    .header-transparent #section-header.fixed-transition {
        background: rgba(0, 0, 0, 0.8);
    }

#section-banner {
    clear: both;
}

.block-contact, .bg-phone-cover {
    background-size: cover;
    background-position: center;
    /*service-construction-consultant*/
}

.dark-over {
    position: relative;
    color: #fff;
}

    .dark-over:before {
        background: rgba(2, 0, 0, 0.65);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .dark-over .content {
        position: relative;
    }

.page-title {
    font-weight: bold;
    color: #fff;
    margin: -5px 0px 2px -2px;
    letter-spacing: -0.7px;
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0;
}

.page-subtitle {
    font-size: 17px;
    display: inline-block;
    font-weight: 300;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

.main-color h3 {
    color: #fff;
    margin: 3px 0 0px;
}

#section-content .container {
    position: relative;
    /*services page padding */
    /*http://exp.drupalexp.com/construction/who-we-are*/
}

    #section-content .container .region-sidebar-first {
        padding-bottom: 40px;
        padding-top: 0;
    }

    #section-content .container .region-content {
        padding-bottom: 40px;
        padding-top: 40px;
    }

        #section-content .container .region-content .block {
            margin-top: 0;
        }

#section-content .featured-box {
    margin: 50px 0;
}

#section-content .block-search form#search-block-form button {
    display: none;
}

.node-type-page #section-content .container .region-content {
    padding: 0;
}

form.contact-form {
    margin-top: 40px;
}

    form.contact-form .control-group {
        margin-bottom: 25px;
        margin-top: 0;
    }

        form.contact-form .control-group .form-type-textfield {
            width: 100%;
            float: left;
            margin-right: 0;
        }

        form.contact-form .control-group input[type="text"], form.contact-form .control-group textarea {
            cursor: pointer;
            width: 100%;
            background-color: transparent;
            border: 2px solid #e9e9e9;
            -webkit-appearance: none;
            padding: 10px 0;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            color: #999;
            text-indent: 15px;
            height: auto;
        }

            form.contact-form .control-group input[type="text"]:focus, form.contact-form .control-group textarea:focus {
                border-color: #5aaddd;
                outline: none;
            }

        form.contact-form .control-group textarea {
            resize: none;
        }

        form.contact-form .control-group .resizable-textarea .grippie {
            display: none;
        }

    form.contact-form .radio input[type=radio], form.contact-form .radio-inline input[type=radio], form.contact-form .checkbox input[type=checkbox], form.contact-form .checkbox-inline input[type=checkbox] {
        margin-left: 0;
    }

@media screen and (min-width: 790px) {
    /*Content Main*/ form.contact-form .control-group.form-item-name, form.contact-form .control-group.form-item-mail {
        width: 47%;
        float: left;
    }

    form.contact-form .control-group.form-item-name {
        margin-right: 6%;
    }
}

.big-image {
    text-align: left;
    margin-bottom: 20px;
}

    .big-image img {
        width: 100%;
        height: auto;
    }

.node-service .big-image {
    margin-bottom: 40px;
}

.node-service .service-item {
    margin-top: 40px;
}

    .node-service .service-item .field-label {
        color: #333;
        font-size: 18px;
        margin-bottom: 12px;
        font-weight: normal;
        font-family: 'Montserrat', sans-serif;
    }

    .node-service .service-item #spaccordion {
        margin-top: 40px;
    }

    .node-service .service-item .field-name-field-service-attach-file span.file {
        width: 100%;
        display: block;
        border: 1px solid #e9e9e9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-transform: uppercase;
        color: #999;
    }

        .node-service .service-item .field-name-field-service-attach-file span.file img {
            padding: 14px 10px 16px 15px;
        }

        .node-service .service-item .field-name-field-service-attach-file span.file a {
            color: #999;
        }

        .node-service .service-item .field-name-field-service-attach-file span.file:hover {
            background: #f9f9f9;
        }

.image-thumbnails .gallery {
    margin: 0 -20px 0 0;
}

    .image-thumbnails .gallery li {
        padding: 0;
    }

        .image-thumbnails .gallery li a {
            display: block;
            padding: 0 20px 20px 0;
        }

            .image-thumbnails .gallery li a img {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .image-thumbnails .gallery li a img:hover {
                    opacity: 0.7;
                    filter: "alpha(opacity=${opacity})";
                }

.menu-services {
    /*Download Brochures*/
}

    .menu-services ul.menu {
        margin: 0;
        padding: 0;
    }

        .menu-services ul.menu li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .menu-services ul.menu li a {
                display: block;
                padding: 10px 15px 11px 0px;
                font-weight: 500;
                color: #999;
                position: relative;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                position: relative;
            }

                .menu-services ul.menu li a.active-trail {
                    color: #5aaddd;
                    border-top: 1px solid #e9e9e9;
                    border-bottom: 1px solid #e9e9e9;
                    border-left: none;
                    border-right: none;
                }

                    .menu-services ul.menu li a.active-trail:before {
                        border-bottom: 6px solid transparent;
                        border-left: 6px solid #5aaddd;
                        border-top: 6px solid transparent;
                        content: "";
                        display: inline-block;
                        position: absolute;
                        right: 5px;
                        top: 17px;
                    }

                    .menu-services ul.menu li a.active-trail:after {
                        border-bottom: 6px solid transparent;
                        border-left: 6px solid #fff;
                        border-top: 6px solid transparent;
                        content: "";
                        display: inline-block;
                        position: absolute;
                        right: 6px;
                        top: 17px;
                    }

                .menu-services ul.menu li a:hover, .menu-services ul.menu li a.active, .menu-services ul.menu li a:focus {
                    color: #5aaddd;
                }

.icon-button {
    width: 100%;
    display: block;
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    color: #999;
    /*contact-info-box*/
}

    .icon-button i {
        font-size: 18px;
        padding: 14px 10px 16px 15px;
        color: #bbb;
    }

    .icon-button span {
        font-weight: 500;
        font-size: 13px;
        color: #888;
        display: inline-block;
        position: relative;
        top: -1px;
        text-transform: uppercase;
    }

    .icon-button:hover {
        background: #f9f9f9;
    }

        .icon-button:hover i, .icon-button:hover span {
            color: #333;
        }

.contact-info-box .contact-info-item {
    margin-bottom: 10px;
}

    .contact-info-box .contact-info-item .contact-text {
        display: block;
        float: left;
        width: 30px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 2px;
        position: relative;
    }

        .contact-info-box .contact-info-item .contact-text i {
            font-size: 16px;
        }

    .contact-info-box .contact-info-item .contact-value {
        margin-left: 35px;
        display: block;
    }

#section-pagetitle {
    border-bottom: 1px solid #e9e9e9;
}

    #section-pagetitle .page_title {
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1;
        margin: 0;
    }

    #section-pagetitle .page-title-get-in-touch p {
        margin: 0;
    }

.header-transparent #section-pagetitle {
    border-top: 1px solid #e9e9e9;
}

#section-breadcrumb {
    padding: 15px 0px;
    border-bottom: 1px solid #e9e9e9;
}

    #section-breadcrumb .breadcrumb {
        color: #858585;
        font-size: 10px;
        background: transparent;
        padding: 0;
        margin: 0;
    }

        #section-breadcrumb .breadcrumb span {
            margin-right: 20px;
            position: relative;
            color: #999;
            padding: 0;
        }

            #section-breadcrumb .breadcrumb span:before {
                border-bottom: 6px solid transparent;
                border-left: 6px solid rgba(0, 0, 0, 0.2);
                border-top: 6px solid transparent;
                content: "";
                display: inline-block;
                position: absolute;
                right: -11px;
                top: 4px;
            }

            #section-breadcrumb .breadcrumb span:after {
                border-bottom: 5px solid transparent;
                border-left: 5px solid #fff;
                border-top: 5px solid transparent;
                content: "";
                display: inline-block;
                position: absolute;
                right: -10px;
                top: 5px;
            }

            #section-breadcrumb .breadcrumb span.fa-angle-right {
                display: none;
            }

            #section-breadcrumb .breadcrumb span.showHere {
                font-weight: 600;
            }

        #section-breadcrumb .breadcrumb a {
            color: #999;
            text-decoration: none;
        }

.block-overflow {
    overflow: hidden;
    /*Features Homepage*/
}

.front #section-features .region-features {
    position: relative;
    z-index: 2;
}

    .front #section-features .region-features .block-feature-video {
        padding-top: 40px !important;
    }

.featured-box .featured-box-thumb a {
    position: relative;
    display: block;
}

.featured-box .featured-box-thumb img {
    width: 100%;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.featured-box .video_icon {
    background: rgba(0, 0, 0, 0.2);
    border: 3px solid #fff;
    border-radius: 100px;
    line-height: 1;
    padding: 10px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .featured-box .video_icon i {
        color: #fff;
        margin-left: 3px;
        font-size: 14px;
    }

.featured-box .featured-box-content {
    padding: 20px 0px 0px;
}

    .featured-box .featured-box-content h4 {
        margin-bottom: 12px;
    }

    .featured-box .featured-box-content .heading-title {
        margin-top: 20px;
        font-size: 20px;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

        .featured-box .featured-box-content .heading-title:after {
            position: absolute;
            height: 2px;
            width: 80px;
            bottom: 0;
            left: 0;
            content: "";
            background: #5aaddd;
        }

.iconbox-wrapper {
    padding-top: 20px;
}

    .iconbox-wrapper .iconbox-icon, .iconbox-wrapper .iconbox-image {
        padding-bottom: 20px;
    }

        .iconbox-wrapper .iconbox-icon i {
            font-size: 70px;
            color: #999;
        }

    .iconbox-wrapper .iconbox-heading a {
        color: #666;
    }

        .iconbox-wrapper .iconbox-heading a:hover {
            color: #5aaddd;
            text-decoration: underline;
        }

.large-heading-inverted, .medium-heading-inverted {
    text-transform: uppercase;
    color: #fff;
}

.medium-heading-inverted {
    font-weight: normal;
    margin-bottom: 10px;
}

.large-heading-inverted {
    margin-left: -2px;
    margin-bottom: 25px;
}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 30px;
}

.overlay .block-overlay {
    background: rgba(90, 173, 221, 0.55);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.overlay .content {
    position: relative;
    z-index: 2;
}

.view-services {
    position: relative;
    display: block;
}

    .view-services .bx-wrapper .bx-viewport {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .view-services .bx-wrapper .bx-viewport .slide {
            margin-bottom: 40px;
            height: 100%;
            min-height: 1px;
        }

            .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .image {
                margin-bottom: 20px;
            }

                .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .image:hover {
                    opacity: 0.9;
                    filter: "alpha(opacity=${opacity})";
                }

            .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .title {
                margin-bottom: 10px;
            }

                .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .title a {
                    color: #666;
                }

                    .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .title a:hover, .view-services .bx-wrapper .bx-viewport .slide .service-teaser.node-teaser .title a:focus {
                        color: #5aaddd;
                        text-decoration: none;
                    }

#section-latest {
    padding: 30px 0 50px;
}

.view-clients.client-boxed .view-content .views-row {
    border: 1px solid #e9e9e9;
    margin-top: -1px;
    margin-right: -1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .view-clients.client-boxed .view-content .views-row img {
        width: 100%;
    }

        .view-clients.client-boxed .view-content .views-row img:hover {
            opacity: 0.8;
            filter: "alpha(opacity=${opacity})";
        }

.view-clients.client-boxed .view-content .bx-wrapper .bx-viewport .slide {
    margin-top: 0;
}

.home-portfolio #section-news1 {
    background: #5aaddd;
}

    .home-portfolio #section-news1 h3.block-title {
        font-family: 'NovecentowideBookRegular';
        text-transform: uppercase;
    }

.home-portfolio .webform-client-form #webform-component-name, .home-portfolio .webform-client-form #webform-component-email, .home-portfolio .webform-client-form #webform-component-telephone {
    width: 33%;
    float: left;
}

.home-portfolio .webform-client-form input {
    border-radius: 0;
    color: rgba(17, 58, 82, 0.26);
    font-family: 'NovecentowideBookRegular';
    font-size: 30px;
    height: 47px;
    line-height: 47px;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 7px;
    width: 90%;
}

.home-portfolio .webform-client-form .btn.form-submit {
    background: #fff;
    color: #5aaddd;
    border: none !important;
    padding: 4px 14px !important;
}

    .home-portfolio .webform-client-form .btn.form-submit:hover, .home-portfolio .webform-client-form .btn.form-submit:focus {
        background: #fff !important;
        color: #000;
    }

#section-news1 .block {
    padding: 70px 0 0 0;
}

    #section-news1 .block .block-title {
        padding-top: 30px;
        margin-bottom: 25px;
    }

.team-teaser .team-image {
    margin-bottom: 15px;
}

.team-teaser .team-desc-warp .team-title h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.team-teaser .team-desc-warp .team-title span.position {
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}

#section-tweets {
    background: rgba(90, 173, 221, 0.91);
    padding: 30px 0;
    color: #fff;
    font-family: 'open_sanssemibold';
}

    #section-tweets .fa {
        font-family: FontAwesome;
        color: #fff;
    }

#section-bottom {
    font-size: 13px;
    color: #5aaddd;
}

    #section-bottom a {
        color: #ddd;
    }

        #section-bottom a:hover {
            text-decoration: underline;
            color: #fff;
        }

    #section-bottom .block h3.block-title {
        color: #eee;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 20px;
        letter-spacing: -0.1px;
        font-weight: 500;
        padding: 0;
    }

    #section-bottom a:not(.btn) {
        color: #ddd;
    }

        #section-bottom a:not(.btn):hover {
            color: #fff;
            text-decoration: underline;
        }

    #section-bottom ul {
        margin: 0;
        padding: 0;
    }

        #section-bottom ul li {
            list-style: none;
            margin: 0;
        }

        #section-bottom ul.menu {
            margin-top: -7px;
            /*contact-info-box*/
        }

            #section-bottom ul.menu li {
                width: 50%;
                padding: 8px 0px;
            }

    #section-bottom .contact-info-box .contact-info-item {
        margin-bottom: 10px;
    }

        #section-bottom .contact-info-box .contact-info-item .contact-text {
            width: 30px;
            display: block;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 2px;
            position: relative;
        }

            #section-bottom .contact-info-box .contact-info-item .contact-text i {
                font-size: 16px;
            }

                #section-bottom .contact-info-box .contact-info-item .contact-text i.fa-fax {
                    font-size: 14px;
                    position: relative;
                    top: -3px;
                }

                #section-bottom .contact-info-box .contact-info-item .contact-text i.fa-envelope {
                    font-size: 12px;
                    position: relative;
                    top: -3px;
                }

    #section-bottom .contact-info-box ul.hours li {
        border-top: 1px dotted rgba(255, 255, 255, 0.1);
        padding: 6.66667px 0;
    }

        #section-bottom .contact-info-box ul.hours li:first-child {
            border-top: 0;
        }

        #section-bottom .contact-info-box ul.hours li span {
            font-weight: bold;
        }

.footer-social {
    float: left;
    padding: 10px 18.5px;
    color: #fff;
    background: #5aaddd;
    top: -16px;
    position: relative;
}

    .footer-social label {
        font-size: 13px;
        margin-right: 10px;
        color: #222;
    }

    .footer-social a {
        margin-right: 3px;
    }

        .footer-social a i {
            padding: 0;
            border-radius: 50%;
            font-size: 13px;
            line-height: 1.6em;
            height: 1.8em;
            width: 1.8em;
            text-align: center;
            border: 1px solid #222;
            color: #222;
        }

            .footer-social a i:hover {
                color: #fff;
                border-color: #fff;
            }

    .footer-social:after {
        border-right: 9px solid #999;
        border-top: 16px solid transparent;
        content: "";
        display: block;
        height: 0;
        left: -9px;
        position: absolute;
        top: 0;
    }

#section-footer {
    color: #5aaddd;
    border-top: 1px solid #333;
    /* Drupal! Content 
==========================*/
}

    #section-footer a:not(.btn) {
        color: #ddd;
    }

        #section-footer a:not(.btn):hover {
            color: #fff;
            text-decoration: underline;
        }

    #section-footer ul.menu {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #section-footer ul.menu li {
            display: inline-block;
            line-height: 1;
            margin: 0;
            padding: 0;
        }

            #section-footer ul.menu li a {
                display: block;
                margin-left: 15px;
                text-decoration: none;
                font-size: 12px;
            }

                #section-footer ul.menu li a:hover, #section-footer ul.menu li a:active, #section-footer ul.menu li a:focus {
                    color: #fff;
                    text-decoration: underline;
                    background: none;
                }

    #section-footer .copy_text {
        font-size: 13px;
        margin-bottom: 30px;
    }

.region-content h2#page-title {
    color: #5aaddd;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .region-content h2#page-title:hover {
        color: #247bad;
    }

.breadcrumb .fa {
    padding: 0 5px;
}

.sp-tweet a {
    color: #fff !important;
}

.sh-border-bottom {
    padding-bottom: 30px;
}

.md-slide-wrap {
    margin: 0 auto 0;
}

.view-team.view-display-id-block_2 .slide-item-wrap {
    text-align: center;
}

.view-team.view-display-id-block_3 .slide-item-wrap {
    text-align: center;
}

.view-blog-categories.view-display-id-page_2 .views-field-name {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

    .view-blog-categories.view-display-id-page_2 .views-field-name a {
        font-size: 26px;
        font-family: 'open_sanslight';
        font-size: 26px;
        font-weight: normal;
    }

.blogcategories {
    background: #113a52;
    padding: 15px;
}

    .blogcategories .views-row {
        border-bottom: 1px solid;
        border-color: rgba(255, 255, 255, 0.1);
        padding: 5px 0;
    }

        .blogcategories .views-row a {
            color: #fff;
        }

.view-comments-recent .views-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .view-comments-recent .views-row .user-picture {
        float: left;
        margin-right: 20px;
    }

        .view-comments-recent .views-row .user-picture img {
            width: 48px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    .view-comments-recent .views-row .comment-info {
        float: left;
        width: 81%;
    }

        .view-comments-recent .views-row .comment-info h5 {
            font-size: 15px;
            margin-top: 0;
            margin-bottom: 0;
        }

        .view-comments-recent .views-row .comment-info .comment-date {
            font-size: 12px;
            margin-bottom: 7.5px;
        }

        .view-comments-recent .views-row .comment-info .comment-node {
            margin-top: 7.5px;
        }

            .view-comments-recent .views-row .comment-info .comment-node a {
                font-style: italic;
            }

.rtl * {
    direction: rtl;
}

.rtl [class^="col-lg-"], .rtl [class^="col-md-"], .rtl [class^="col-sm-"], .rtl [class^="col-xs-"], .rtl [class*="col-lg-"], .rtl [class*="col-md-"], .rtl [class*="col-sm-"], .rtl [class*="col-xs-"] {
    float: right;
}

.rtl .close {
    float: left;
}

.rtl .superhero-dropdown > ul {
    float: left;
}

.rtl ul.menu {
    text-align: right;
}

.rtl .social-icon ul li {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.rtl .bx-viewport {
    direction: ltr;
}

.rtl #section-footer ul.menu {
    float: left;
}

.rtl #section-bottom .region-bottom-fourth ul li {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.rtl #section-bottom .region-bottom-fourth #block-newsletter-newsletter-subscribe #subscribe:before, .rtl #section-bottom .region-bottom-fourth #block-newsletter-newsletter-subscribe #subscribe button {
    left: 1px;
    right: auto;
}

.rtl .nav.nav-tabs li:first-child {
    padding-right: 0;
    padding-left: 20px;
}

.rtl .nav.nav-tabs li + li {
    border-right: 1px solid #dedede;
    border-left: none;
}

@media screen and (min-width: 1101px) {
    /*End Header*/ #section-header.fixed {
        background: rgba(255, 255, 255, 0.99);
    }

    .header-transparent .page-titl, .header-transparent .page-subtitle {
        text-shadow: 1px 1px 1px #000;
    }

    .header-topbar #section-header.fixed-transition {
        padding-top: 22px;
    }

    .header-centered #section-header.fixed-transition .site-logo {
        display: none;
    }
}

@media (max-width: 1200px) {
    .container {
        width: auto !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    #section-header .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #section-feature h2 {
        font-size: 24px;
    }

    #section-feature a.btn {
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    .container {
        width: auto;
    }

    #section-feature h2 {
        font-size: 20px;
    }

    #section-feature a.btn {
        padding: 9px 6px;
        font-size: 12px;
    }

    #section-news1 .block {
        padding-top: 20px;
    }

        #section-news1 .block .block-title {
            padding-top: 0;
        }

    #section-bottom .region {
        margin-bottom: 20px;
    }

    #section-footer {
        text-align: center;
    }

        #section-footer ul {
            float: none !important;
        }

    .carousel-slide-white {
        padding-bottom: 130px !important;
        padding-top: 130px !important;
    }

        .carousel-slide-white .carousel h2 {
            font-size: 18px;
        }
}

@media (max-width: 1024px) {
    #section-tops {
        border-bottom: 0;
    }

        #section-tops .container {
            padding: 0;
        }

        #section-tops [class^="region"], #section-tops [class*="region"] {
            width: 100%;
        }

            #section-tops [class^="region"] .block, #section-tops [class*="region"] .block {
                width: 50%;
                float: none;
                display: inline-block;
                margin: 0;
                text-align: center;
                border-width: 0 1px 1px 0;
                border-style: solid;
                border-color: #e9e9e9;
            }

        #section-tops .region-top-second .block:first-child {
            border-left: 1px solid #e9e9e9;
        }
}

@media (min-width: 992px) {
    #section-footer .copy_text {
        text-align: left;
    }

    .header-centered #section-header .region-logo {
        border-bottom: 1px solid #e9e9e9;
    }
}

@media (max-width: 992px) {
    .superhero-sticky.fixed {
        position: relative;
    }
}

@media (max-width: 991px) {
    /*-------------------*/ #section-header {
        padding-top: 15px;
    }

    .page-contact .block-contact-infor {
        padding-top: 0 !important;
    }

    #section-bottom .region-bottom-third {
        clear: left;
    }
}

@media (max-width: 991px) and (min-width: 791px) {
    /*-------------------*/ #section-pagetitle [class^="col"], #section-pagetitle [class*="col"] {
        width: 50%;
    }
}

@media (max-width: 790px) {
    /*-------------------*/ #section-pagetitle {
        padding: 40px 0;
        text-align: center;
    }

        #section-pagetitle .block {
            padding: 0 !important;
        }

        #section-pagetitle h2.page_title {
            padding: 0 0 30px;
        }

        #section-pagetitle .page-title-get-in-touch a.btn {
            float: none;
        }

    #section-tops [class^="region"] .block, #section-tops [class*="region"] .block {
        width: 100%;
        border-width: 0 0 1px !important;
        border-style: solid;
        border-color: #e9e9e9;
    }
}

@media (max-width: 1200px) and (min-width: 790px) {
    #section-header .region-logo {
        padding: 0 30px;
    }
}

@media screen and (min-width: 790px) {
    h1 {
        font-size: 35px;
    }

    .blog-teaser.node-article h2.blog-content-tile, .blog-detail.node-article h2.blog-content-tile {
        font-size: 28px;
    }

    #section-footer .copy_text {
        margin-bottom: 0px;
        float: none;
    }

    #section-footer ul.menu {
        text-align: left;
    }

    .header-transparent .page-title {
        font-size: 45px;
    }

    .block > h3.block-title {
        /*26*/
        font-size: 26px;
    }

    #section-content .container [class^="region-sidebar"], #section-content .container [class*="region-sidebar"] {
        padding-top: 40px;
    }

    .node-type-product #section-content .container [class^="region-sidebar"], .page-news #section-content .container [class^="region-sidebar"], .node-type-article #section-content .container [class^="region-sidebar"], .node-type-product #section-content .container [class*="region-sidebar"], .page-news #section-content .container [class*="region-sidebar"], .node-type-article #section-content .container [class*="region-sidebar"] {
        padding-left: 35px;
    }

    .node-type-product #section-content .container [class^="region-content"], .page-news #section-content .container [class^="region-content"], .node-type-article #section-content .container [class^="region-content"], .node-type-product #section-content .container [class*="region-content"], .page-news #section-content .container [class*="region-content"], .node-type-article #section-content .container [class*="region-content"] {
        padding-right: 35px;
        border-right: 1px solid #e9e9e9;
    }

    .node-type-service #section-content .container [class^="region-sidebar"], .node-type-service #section-content .container [class*="region-sidebar"] {
        padding-right: 35px;
    }

    .node-type-service #section-content .container [class^="region-content"], .node-type-service #section-content .container [class*="region-content"] {
        padding-left: 35px;
        border-left: 1px solid #e9e9e9;
    }

    .front #section-features .region-features {
        margin-top: -119px;
    }
}

@media (max-width: 789px) {
    #section-footer .copy_text {
        text-align: center;
    }

    #section-content .container [class^="region"], #section-content .container [class*="region"] {
        width: 100%;
        float: none;
    }

    #section-header .region-logo {
        padding: 0 30px;
    }
}

@media (max-width: 784px) {
    #section-feature h2 {
        font-size: 18px;
    }

    #section-feature a.btn {
        padding: 9px 3px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    #section-feature {
        text-align: center;
    }

        #section-feature a.btn {
            font-size: 13px;
            margin-top: 10px;
            padding: 10px;
        }

    #section-footer {
        padding: 10px 0;
    }

    .carousel-slide-white {
        padding-bottom: 60px !important;
        padding-top: 60px !important;
    }

        .carousel-slide-white .carousel h2 {
            font-size: 14px;
        }

    .page-contact #section-content [class^="region-sidebar"], .page-contact #section-content [class*="region-sidebar"] {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

        .page-contact #section-content [class^="region-sidebar"] .block-contact-infor .content [class*="col"], .page-contact #section-content [class*="region-sidebar"] .block-contact-infor .content [class*="col"], .page-contact #section-content [class^="region-sidebar"] .block-contact-infor .content [class^="col"], .page-contact #section-content [class*="region-sidebar"] .block-contact-infor .content [class^="col"] {
            margin-bottom: 40px;
        }
}

@media (max-width: 640px) {
    #section-bottom [class*="region"], #section-bottom [class^="region"] {
        margin: 0;
        padding: 0;
    }

        #section-bottom [class*="region"] + [class*="region"], #section-bottom [class^="region"] + [class*="region"], #section-bottom [class*="region"] + [class^="region"], #section-bottom [class^="region"] + [class^="region"] {
            margin-top: 20px;
        }

    #section-bottom form {
        margin: 0 0 20px;
    }

    #section-footer {
        text-align: center;
        padding: 10px 20px;
    }

        #section-footer ul.menu {
            float: none;
            text-align: center;
            margin-top: 10px;
        }

    .view-superhero-portfolio #filters li {
        margin-bottom: 15px;
    }

    .home-portfolio .webform-client-form input {
        font-size: 14px;
    }
}

@media (max-width: 589px) {
    #section-feature h2 {
        font-size: 16px;
    }
}

@media (max-width: 526px) {
    #section-feature h2 {
        font-size: 14px;
    }
}

@media screen and (min-width: 500px) {
    #section-breadcrumb .breadcrumb {
        font-size: 12px;
    }

        #section-breadcrumb .breadcrumb span {
            margin-right: 40px;
        }

            #section-breadcrumb .breadcrumb span:before {
                right: -23px;
                top: 3px;
            }

            #section-breadcrumb .breadcrumb span:after {
                right: -22px;
                top: 4px;
            }
}

@media (max-width: 480px) {
    .carousel-slide-white {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
}

.region-feature-first .superhero-portfolio .element {
    margin-bottom: 0;
}

    .region-feature-first .superhero-portfolio .element.columns-3 {
        width: 33%;
        margin: 0;
        padding: 3px;
    }

.superhero-portfolio .element {
    margin-bottom: 2.3%;
}

.portfolio-container {
    background: #fff;
}

.view-superhero-portfolio {
    /*End full-width=================*/
    /*no-padding,widthout-space*/
}

    .view-superhero-portfolio [class^="supcolumns"], .view-superhero-portfolio [class*="supcolumns"] {
        margin-left: -1.15%;
        margin-right: -1.15%;
    }

        .view-superhero-portfolio [class^="supcolumns"] .columns-2, .view-superhero-portfolio [class*="supcolumns"] .columns-2 {
            width: 47.7%;
        }

        .view-superhero-portfolio [class^="supcolumns"] .columns-3, .view-superhero-portfolio [class*="supcolumns"] .columns-3 {
            width: 30.9%;
        }

        .view-superhero-portfolio [class^="supcolumns"] .columns-4, .view-superhero-portfolio [class*="supcolumns"] .columns-4 {
            width: 22.6%;
        }

    .view-superhero-portfolio .superhero-portfolio {
        /*Begin full-width*/
    }

        .view-superhero-portfolio .superhero-portfolio .node-superhero-portfolio, .view-superhero-portfolio .superhero-portfolio .portfolio-filters {
            margin-left: 1.15%;
            margin-right: 1.15%;
        }

    .view-superhero-portfolio.full-width [class^="supcolumns"], .view-superhero-portfolio.full-width [class*="supcolumns"] {
        margin-left: -0.4%;
        margin-right: -0.4%;
    }

        .view-superhero-portfolio.full-width [class^="supcolumns"] .columns-2, .view-superhero-portfolio.full-width [class*="supcolumns"] .columns-2 {
            width: 49.2%;
        }

        .view-superhero-portfolio.full-width [class^="supcolumns"] .columns-3, .view-superhero-portfolio.full-width [class*="supcolumns"] .columns-3 {
            width: 32.5%;
        }

        .view-superhero-portfolio.full-width [class^="supcolumns"] .columns-4, .view-superhero-portfolio.full-width [class*="supcolumns"] .columns-4 {
            width: 24.2%;
        }

    .view-superhero-portfolio.full-width .superhero-portfolio .element {
        margin-bottom: 0.8%;
    }

    .view-superhero-portfolio.full-width .superhero-portfolio .filter-destination {
        margin-top: 0.8%;
        margin-bottom: -0.8%;
    }

    .view-superhero-portfolio.full-width .superhero-portfolio .node-superhero-portfolio {
        margin-left: 0.4%;
        margin-right: 0.4%;
    }

    .view-superhero-portfolio.full-width .superhero-portfolio .portfolio-filters {
        text-align: center;
        margin: 20px 0.4%;
    }

.no-padding [class^="supcolumns"], .without-space [class^="supcolumns"], .no-padding [class*="supcolumns"], .without-space [class*="supcolumns"], .no-padding .portfolio-filters, .without-space .portfolio-filters {
    margin-left: 0;
    margin-right: 0;
}

.no-padding .superhero-portfolio .filter-destination, .without-space .superhero-portfolio .filter-destination {
    background: transparent;
}

    .no-padding .superhero-portfolio .filter-destination .views-row, .without-space .superhero-portfolio .filter-destination .views-row {
        margin: 0;
    }

        .no-padding .superhero-portfolio .filter-destination .views-row .columns-4, .without-space .superhero-portfolio .filter-destination .views-row .columns-4 {
            width: 25%;
        }

        .no-padding .superhero-portfolio .filter-destination .views-row .columns-3, .without-space .superhero-portfolio .filter-destination .views-row .columns-3 {
            width: 33.3%;
        }

        .no-padding .superhero-portfolio .filter-destination .views-row .columns-2, .without-space .superhero-portfolio .filter-destination .views-row .columns-2 {
            width: 50%;
        }

.no-padding .superhero-portfolio .element, .without-space .superhero-portfolio .element {
    padding: 0;
    margin: 0;
}

.without-space {
    /*End no-padding,widthout-space==========*/
}

    .without-space .superhero-portfolio .filter-destination {
        margin-bottom: 30px;
    }

.superhero-portfolio {
    /*portfolio-detail*/
}

    .superhero-portfolio .service-teaser {
        margin-bottom: 40px;
    }

        .superhero-portfolio .service-teaser.columns-3 {
            padding: 0 20px;
            margin-left: 0;
            margin-right: 0;
            width: 33.3333%;
        }

        .superhero-portfolio .service-teaser .image {
            margin-bottom: 20px;
        }

            .superhero-portfolio .service-teaser .image:hover {
                opacity: 0.9;
                filter: "alpha(opacity=${opacity})";
            }

        .superhero-portfolio .service-teaser .title a {
            color: #333;
        }

            .superhero-portfolio .service-teaser .title a:hover, .superhero-portfolio .service-teaser .title a:focus {
                color: #5aaddd;
                text-decoration: none;
            }

    .superhero-portfolio .portfolio-filters #filters {
        padding: 0;
    }

        .superhero-portfolio .portfolio-filters #filters li a {
            color: #5aaddd;
            font-size: 14px;
            font-weight: 500;
            margin-right: 20px;
            font-family: 'Montserrat', sans-serif;
            cursor: pointer;
            padding: 0;
        }

            .superhero-portfolio .portfolio-filters #filters li a:hover, .superhero-portfolio .portfolio-filters #filters li a.active, .superhero-portfolio .portfolio-filters #filters li a:focus {
                color: #5aaddd;
                text-decoration: none;
            }

    .superhero-portfolio .filter-destination {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }

        .superhero-portfolio .filter-destination.portfolio-container {
            background: transparent;
        }

.portfolio-detail {
    /*end portfolio-detail*/
}

    .portfolio-detail .portfolio-description h2.title {
        font-weight: bold;
        font-size: 20px;
        color: #666;
        font-family: 'Montserrat', sans-serif;
        position: relative;
        padding-bottom: 10px;
    }

        .portfolio-detail .portfolio-description h2.title:after {
            position: absolute;
            height: 2px;
            width: 80px;
            bottom: 0;
            left: 0;
            content: "";
            background: #5aaddd;
        }

    .portfolio-detail .portfolio-description ul {
        margin: 0;
        padding-left: 0;
        padding-top: 5px;
    }

        .portfolio-detail .portfolio-description ul li {
            list-style: none;
        }

    .portfolio-detail .portfolio-description div[class^=col-] {
        padding-left: 0;
    }

    .portfolio-detail.portfolio-layout-wide .portfolio-detail-item .layout-wide {
        margin-bottom: 30px;
        overflow: hidden;
    }

.view-services .superhero-portfolio .filter-destination, .view-our-team .superhero-portfolio .filter-destination {
    margin-top: 0;
}

.view-services {
    margin: 0 -20px;
}

#section-content .view-our-team .superhero-portfolio .filter-destination {
    margin-top: 60px;
}

.block-views {
    /*.view-our-team{
    .superhero-portfolio {
        &.supcolumns3{
            .columns-3{
                margin: 30px 20px;
                width: 29.5%;
            }
        }
    }
   
}*/
    /*node-superhero-portfolio*/
}

    .block-views .view-our-team .superhero-portfolio .views-row .columns-2 {
        width: 48%;
        margin: 0px 0 0 30px;
    }

    .block-views .view-our-team .superhero-portfolio .views-row:first-child .columns-2 {
        margin-left: 0;
    }

.node-superhero-portfolio .portfolio-item {
    position: relative;
    overflow: hidden;
}

    .node-superhero-portfolio .portfolio-item img {
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .node-superhero-portfolio .portfolio-item .portfolio-caption {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.70);
        opacity: 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .node-superhero-portfolio .portfolio-item .portfolio-caption .caption-padding {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
        }

        .node-superhero-portfolio .portfolio-item .portfolio-caption .portfolio-readmore {
            font-size: 50px;
        }

            .node-superhero-portfolio .portfolio-item .portfolio-caption .portfolio-readmore a {
                color: #fff;
            }

        .node-superhero-portfolio .portfolio-item .portfolio-caption .portfolio-title {
            display: block;
            clear: both;
            margin: 10px 0px 20px 20px;
            position: relative;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            top: 10px;
            text-align: left;
        }

            .node-superhero-portfolio .portfolio-item .portfolio-caption .portfolio-title a {
                font-size: 15px;
                line-height: 19px;
                color: #fff;
                font-weight: 700;
                padding: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
                background-color: rgba(255, 255, 255, 0);
                z-index: 2;
                display: block;
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
            }

        .node-superhero-portfolio .portfolio-item .portfolio-caption .readmore {
            display: inline-block;
            float: left;
            clear: both;
            margin: 0px 0px 20px 20px;
            position: relative;
            display: inline-block;
            font-weight: 800;
            line-height: 30px;
            padding: 2px 15px 3px 15px;
            -webkit-transition: all 450ms ease-in-out;
            -moz-transition: all 450ms ease-in-out;
            -o-transition: all 450ms ease-in-out;
            transition: all 450ms ease-in-out;
            text-transform: inherit;
            border: 0;
            top: 30px;
            opacity: 0;
        }

    .node-superhero-portfolio .portfolio-item:hover .portfolio-caption {
        opacity: 1;
        visibility: visible;
    }

        .node-superhero-portfolio .portfolio-item:hover .portfolio-caption .portfolio-title, .node-superhero-portfolio .portfolio-item:hover .portfolio-caption .readmore {
            top: 0;
            opacity: 1;
        }

.home-portfolio .view-superhero-portfolio ul#filters {
    margin-bottom: 40px;
}

    .home-portfolio .view-superhero-portfolio ul#filters li a {
        background: #fff;
        border: 1px solid #fff;
        color: #5aaddd;
        font-size: 17px;
        padding: 2px 18px;
        text-transform: uppercase;
    }

        .home-portfolio .view-superhero-portfolio ul#filters li a.active, .home-portfolio .view-superhero-portfolio ul#filters li a:hover {
            background: #fff;
            color: #5aaddd;
            box-shadow: 0 0 2px 2px #5aaddd inset;
        }

@media (max-width: 1199px) {
    .block-views .view-our-team .superhero-portfolio .views-row .columns-2 {
        margin: 0 0 0 3.8%;
    }
}

@media (max-width: 1024px) {
    .view-superhero-portfolio [class^="supcolumns"] .columns-2, .view-superhero-portfolio [class*="supcolumns"] .columns-2 {
        width: 47.6%;
    }

    .view-superhero-portfolio [class^="supcolumns"] .columns-3, .view-superhero-portfolio [class*="supcolumns"] .columns-3 {
        width: 30.9%;
    }

    .view-superhero-portfolio [class^="supcolumns"] .columns-4, .view-superhero-portfolio [class*="supcolumns"] .columns-4 {
        width: 22.6%;
    }
}

@media (max-width: 991px) {
    .superhero-portfolio .service-teaser.columns-3 {
        width: 49.999%;
    }
}

@media (max-width: 991px) and (min-width: 481px) {
    .no-padding .superhero-portfolio .filter-destination .views-row [class^="columns"], .without-space .superhero-portfolio .filter-destination .views-row [class^="columns"], .no-padding .superhero-portfolio .filter-destination .views-row [class*="columns"], .without-space .superhero-portfolio .filter-destination .views-row [class*="columns"] {
        width: 49.5%;
    }

    .view-superhero-portfolio [class^="supcolumns"] [class^="columns"], .view-superhero-portfolio [class*="supcolumns"] [class^="columns"], .view-superhero-portfolio [class^="supcolumns"] [class*="columns"], .view-superhero-portfolio [class*="supcolumns"] [class*="columns"] {
        width: 47.6%;
    }

    .view-superhero-portfolio.full-width [class^="supcolumns"] [class^="columns"], .view-superhero-portfolio.full-width [class*="supcolumns"] [class^="columns"], .view-superhero-portfolio.full-width [class^="supcolumns"] [class*="columns"], .view-superhero-portfolio.full-width [class*="supcolumns"] [class*="columns"] {
        width: 49.1%;
    }
}

@media (max-width: 767px) {
    .superhero-portfolio .service-teaser.columns-3 {
        width: 100%;
    }

    .superhero-portfolio [class^="columns"], .block-views .view-our-team .superhero-portfolio .views-row [class^="columns"], .superhero-portfolio [class*="columns"], .block-views .view-our-team .superhero-portfolio .views-row [class*="columns"] {
        width: 100%;
    }

    .block-views .view-our-team .superhero-portfolio .views-row [class^="columns"], .block-views .view-our-team .superhero-portfolio .views-row [class*="columns"] {
        margin: 0;
    }

    .superhero-portfolio div.element img {
        width: auto;
    }
}

@media (max-width: 480px) {
    .no-padding .superhero-portfolio .filter-destination .views-row [class^="columns"], .without-space .superhero-portfolio .filter-destination .views-row [class^="columns"], .no-padding .superhero-portfolio .filter-destination .views-row [class*="columns"], .without-space .superhero-portfolio .filter-destination .views-row [class*="columns"] {
        width: 100%;
    }

    .view-superhero-portfolio [class^="supcolumns"] [class^="columns"], .view-superhero-portfolio.full-width [class^="supcolumns"] [class^="columns"], .view-superhero-portfolio [class*="supcolumns"] [class^="columns"], .view-superhero-portfolio.full-width [class*="supcolumns"] [class^="columns"], .view-superhero-portfolio [class^="supcolumns"] [class*="columns"], .view-superhero-portfolio.full-width [class^="supcolumns"] [class*="columns"], .view-superhero-portfolio [class*="supcolumns"] [class*="columns"], .view-superhero-portfolio.full-width [class*="supcolumns"] [class*="columns"] {
        width: 100%;
    }
}

.view-shop .view-filters .views-exposed-form {
    overflow: hidden;
}

.view-shop .view-filters .views-exposed-widgets {
    float: right;
}

    .view-shop .view-filters .views-exposed-widgets .views-exposed-widget {
        margin: 10px 0 15px 10px;
        /*&.views-widget-sort-by{
					@extend .left;
				}
				&.views-widget-sort-order{
					@extend .right;
				}*/
        padding: 0;
        display: inline-block;
    }

        .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group .control-label {
            margin: 0 5px 0 0;
        }

        .view-shop .view-filters .views-exposed-widgets .views-exposed-widget .control-group select {
            border-color: #e9e9e9;
        }

.view-shop .view-content .views-row {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
}

    .view-shop .view-content .views-row:nth-child(4n+4) {
        margin-right: 0;
    }

.shop-elements a.portfolio-next {
    border: 2px solid #e9e9e9;
    color: #ccc;
    font-size: 15px;
    height: 38px;
    width: 38px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    margin-top: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
}

    .shop-elements a.portfolio-next:hover, .shop-elements a.portfolio-next:focus {
        color: #555;
        border-color: #aaa;
    }

.node-product {
    /*Product List*/
}

    .node-product .image {
        margin-bottom: 15px;
        position: relative;
    }

        .node-product .image img {
            width: 100%;
        }

        .node-product .image .sale {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 11px;
            padding: 5px 10px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            background: #5aaddd;
            color: #fff;
            font-weight: 700;
            text-align: center;
        }

    .node-product h3 {
        font-weight: 500;
        letter-spacing: -0.4px;
        font-size: 16px;
        padding: 0.5em 0;
        margin: 0;
    }

        .node-product h3 a {
            color: #333;
            text-decoration: none;
        }

    .node-product .price {
        color: #5aaddd;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0.5em;
        /*product detail*/
    }

        .node-product .price del {
            opacity: 0.5;
            filter: "alpha(opacity=${opacity})";
            display: inline-block;
            margin-right: 10px;
        }

        .node-product .price ins {
            font-weight: 700;
            text-decoration: none;
        }

    .node-product.product .image .sale {
        right: auto;
        left: 15px;
    }

    .node-product.product .detail h1 {
        font-family: 'Montserrat', sans-serif;
        letter-spacing: 0px;
        font-size: 32px;
        font-weight: bold;
    }

    .node-product.product .detail .btn-info {
        background: #5aaddd;
        color: #fff;
        border: 0;
        padding: 14px 30px 16px 30px;
        font-size: 15px;
    }

        .node-product.product .detail .btn-info:hover, .node-product.product .detail .btn-info:focus, .node-product.product .detail .btn-info:active {
            border: 0;
            color: #fff;
            opacity: 0.8;
            filter: "alpha(opacity=${opacity})";
        }

    .node-product.product .rating {
        font-weight: bold;
        color: #5aaddd;
    }

        .node-product.product .rating form.fivestar-widget {
            margin: 2px 4px 0 0;
        }

    .node-product.product .price {
        color: #222;
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
    }

        .node-product.product .price del {
            opacity: 0.5;
            filter: "alpha(opacity=${opacity})";
            display: block;
        }

        .node-product.product .price ins {
            text-decoration: underline;
        }

    .node-product.product form.commerce-add-to-cart .form-item-quantity {
        float: left;
        margin: 4px 10px 10px 0;
    }

        .node-product.product form.commerce-add-to-cart .form-item-quantity label {
            display: none;
        }

        .node-product.product form.commerce-add-to-cart .form-item-quantity .controls {
            float: left;
        }

            .node-product.product form.commerce-add-to-cart .form-item-quantity .controls input[type="text"] {
                padding: 10px 15.38462px 9px;
                height: auto;
                background: transparent;
                width: 60px;
                line-height: inherit;
            }

    .node-product.product .meta {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.3px;
        clear: left;
        margin: 20px 0;
    }

        .node-product.product .meta .field-label {
            font-weight: normal;
        }

    .node-product .tabs-wrap {
        margin-left: 15px;
    }

        .node-product .tabs-wrap .nav.nav-tabs {
            padding: 0;
            margin-bottom: 20px;
            position: relative;
        }

            .node-product .tabs-wrap .nav.nav-tabs:before {
                position: absolute;
                content: " ";
                width: 100%;
                bottom: 0;
                left: 0;
                border-bottom: 1px solid #e9e9e9;
                z-index: 1;
            }

            .node-product .tabs-wrap .nav.nav-tabs li {
                border: 1px solid #e9e9e9;
                padding: 0;
                margin: 0;
            }

                .node-product .tabs-wrap .nav.nav-tabs li a {
                    color: #515151;
                    display: inline-block;
                    padding: 0.5em 14px;
                    letter-spacing: 1.5px;
                    text-transform: uppercase;
                    font-weight: 700;
                    font-size: 14px;
                    border: 0;
                    margin: 0;
                    background: #fff;
                    line-height: inherit;
                }

                    .node-product .tabs-wrap .nav.nav-tabs li a:hover {
                        color: #999 !important;
                    }

                .node-product .tabs-wrap .nav.nav-tabs li.active {
                    border-bottom-color: #fff;
                    z-index: 2;
                }

                    .node-product .tabs-wrap .nav.nav-tabs li.active a {
                        color: #999 !important;
                    }

                        .node-product .tabs-wrap .nav.nav-tabs li.active a:hover {
                            color: #999 !important;
                        }

        .node-product .tabs-wrap .tab-content {
            margin-bottom: 50px;
        }

            .node-product .tabs-wrap .tab-content h2 {
                text-transform: uppercase;
                font-size: 17px;
                margin-bottom: 18px;
                letter-spacing: 2px;
                font-weight: bold;
            }

                .node-product .tabs-wrap .tab-content h2.title {
                    display: none;
                }

.block-lists-product .view-list-products .view-content .views-row {
    padding: 15px 10px;
    overflow: hidden;
}

    .block-lists-product .view-list-products .view-content .views-row .views-field-field-product-images img {
        width: 50px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-right: 20px;
        height: 50px;
    }

    .block-lists-product .view-list-products .view-content .views-row .views-field-title a {
        font-size: 12px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #222;
        font-weight: 700;
    }

.block-lists-product {
    /*Sidebar Shop*/
}

    .block-lists-product .view-list-products .views-row-odd {
        background: #f9f9f9;
    }

    .block-lists-product .view-list-products .views-row-even {
        background: transparent;
    }

.sidebar-product-categories {
    /*Cart*/
}

    .sidebar-product-categories ul {
        margin: 0;
        padding: 0;
    }

        .sidebar-product-categories ul li {
            list-style: none;
            margin: 0px;
            padding: 6.66667px 0;
        }

            .sidebar-product-categories ul li a {
                color: #999;
                text-decoration: none;
            }

            .sidebar-product-categories ul li ul {
                padding-top: 13.33333px;
                padding-left: 20px;
            }

                .sidebar-product-categories ul li ul li:last-child {
                    padding-bottom: 0px;
                }

.cart-contents {
    /*Comment*/
}

    .cart-contents .view .view-content .item-list {
        margin-bottom: 20px;
    }

        .cart-contents .view .view-content .item-list .views-row {
            position: relative;
            padding: 15px 10px;
            margin: 0;
            width: 100%;
            display: inline-block;
            overflow: hidden;
        }

            .cart-contents .view .view-content .item-list .views-row.views-row-odd {
                background: #f9f9f9;
            }

            .cart-contents .view .view-content .item-list .views-row.views-row-even {
                background: transparent;
            }

            .cart-contents .view .view-content .item-list .views-row img {
                float: left;
                width: 50px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                margin-left: 0;
                margin-right: 20px;
                box-shadow: none;
            }

    .cart-contents .view .view-footer .line-item-summary {
        text-align: left;
    }

    .cart-contents .view .view-footer .line-item-total {
        margin-bottom: 20px;
    }

    .cart-contents .view .view-footer ul.links li {
        padding: 0;
    }

.node-product .comment-wrapper {
    /* related-products*/
}

    .node-product .comment-wrapper h2.title {
        font-size: 18px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .node-product .comment-wrapper #comment-detail .comment {
        position: relative;
        padding: 0;
        margin: 0 0 20px;
        position: relative;
    }

        .node-product .comment-wrapper #comment-detail .comment .user-picture {
            float: left;
            position: absolute;
            top: 0;
            left: 0;
            padding: 3px;
            width: 32px;
            height: auto;
            background: #ebe9eb;
            border: 1px solid #e4e1e3;
            margin: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .node-product .comment-wrapper #comment-detail .comment .comment-text {
            margin: 0 0 0 50px;
            border: 1px solid #e4e1e3;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            padding: 1em 1em 0;
        }

            .node-product .comment-wrapper #comment-detail .comment .comment-text h3.title, .node-product .comment-wrapper #comment-detail .comment .comment-text .submitted {
                line-height: 1;
                margin: 0 0 10px 0;
                padding: 0;
                font-size: 0.83em;
            }

            .node-product .comment-wrapper #comment-detail .comment .comment-text .star-rating {
                position: absolute;
                top: 0;
                right: 15px;
            }

    .node-product .comment-wrapper .comment-form .form-item label {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .node-product .comment-wrapper .comment-form .form-item input {
        background: transparent;
        border: 1px solid #e9e9e9;
        padding: 10px 15.38462px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        height: auto;
    }

        .node-product .comment-wrapper .comment-form .form-item input:hover, .node-product .comment-wrapper .comment-form .form-item input:focus, .node-product .comment-wrapper .comment-form .form-item input:active {
            outline: none;
            border-color: #5aaddd;
        }

    .node-product .comment-wrapper .comment-form button.form-submit {
        background: #fff;
        border: 1px solid #ddd;
        display: inline-block;
        color: #888 !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 1;
        text-align: center;
        padding: 7px 12px 9px;
        margin: 3px 5px 3px 0px;
        text-decoration: none;
        font-weight: 500;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    }

        .node-product .comment-wrapper .comment-form button.form-submit:hover, .node-product .comment-wrapper .comment-form button.form-submit:focus, .node-product .comment-wrapper .comment-form button.form-submit:active {
            background: #fff;
            color: #222 !important;
            border-color: #bbb;
        }

.related-products {
    /*.page-shop #messages{
	.alert-success{
	  	padding: 1em 2em 1em 3.5em!important;
	  	margin: 0 0 2em!important;
	  	position: relative;
	  	background: #f7f6f7;
	  	color: #515151;
	  	border:none;
	  	border-top: 3px solid #8fae1b;
	  	list-style: none!important;
	  	width: auto;
	  	@include border-radius(0);
	  	.close{
		  	padding-right: 10px;
		  	cursor: pointer;  
		  	float: left;
	  	}
	  	.raw{
	  		position: relative;
	  		a{
	  			position: absolute;
	  			right: 0;
	  			top:-5px;
	  		}
	  	}
	}
}*/
    /*View Cart*/
}

    .related-products h3.block-title {
        text-transform: uppercase;
        font-size: 17px;
        margin-bottom: 18px;
        letter-spacing: 2px;
        font-weight: bold;
        padding: 0;
    }

    .related-products .view-list-products .view-content .views-row:first-child {
        margin-left: -15px;
    }

.view-commerce-cart-form, .view-commerce-cart-summary, .checkout_review {
    /*Checkout*/
}

    .view-commerce-cart-form .views-table, .view-commerce-cart-summary .views-table, .checkout_review .views-table, .view-commerce-cart-form .commerce-price-formatted-components, .view-commerce-cart-summary .commerce-price-formatted-components, .checkout_review .commerce-price-formatted-components, .view-commerce-cart-form table.checkout-review, .view-commerce-cart-summary table.checkout-review, .checkout_review table.checkout-review {
        width: 100%;
        border: none;
        border-collapse: collapse;
        margin-bottom: 50px;
    }

        .view-commerce-cart-form .views-table thead th, .view-commerce-cart-summary .views-table thead th, .checkout_review .views-table thead th, .view-commerce-cart-form .commerce-price-formatted-components thead th, .view-commerce-cart-summary .commerce-price-formatted-components thead th, .checkout_review .commerce-price-formatted-components thead th, .view-commerce-cart-form table.checkout-review thead th, .view-commerce-cart-summary table.checkout-review thead th, .checkout_review table.checkout-review thead th {
            font-weight: 700;
            padding: 9px 12px;
            vertical-align: middle;
            border: 1px solid #e9e9e9;
            line-height: 1.42857;
            text-align: center;
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .view-commerce-cart-form .views-table tbody tr, .view-commerce-cart-summary .views-table tbody tr, .checkout_review .views-table tbody tr, .view-commerce-cart-form .commerce-price-formatted-components tbody tr, .view-commerce-cart-summary .commerce-price-formatted-components tbody tr, .checkout_review .commerce-price-formatted-components tbody tr, .view-commerce-cart-form table.checkout-review tbody tr, .view-commerce-cart-summary table.checkout-review tbody tr, .checkout_review table.checkout-review tbody tr {
            background: transparent;
        }

            .view-commerce-cart-form .views-table tbody tr td, .view-commerce-cart-summary .views-table tbody tr td, .checkout_review .views-table tbody tr td, .view-commerce-cart-form .commerce-price-formatted-components tbody tr td, .view-commerce-cart-summary .commerce-price-formatted-components tbody tr td, .checkout_review .commerce-price-formatted-components tbody tr td, .view-commerce-cart-form table.checkout-review tbody tr td, .view-commerce-cart-summary table.checkout-review tbody tr td, .checkout_review table.checkout-review tbody tr td {
                border: 1px solid #e9e9e9;
                line-height: 1.42857;
                text-align: center;
                padding: 13px;
                border-top: none;
                vertical-align: middle;
            }

                .view-commerce-cart-form .views-table tbody tr td.views-field-field-product-images img, .view-commerce-cart-summary .views-table tbody tr td.views-field-field-product-images img, .checkout_review .views-table tbody tr td.views-field-field-product-images img, .view-commerce-cart-form .commerce-price-formatted-components tbody tr td.views-field-field-product-images img, .view-commerce-cart-summary .commerce-price-formatted-components tbody tr td.views-field-field-product-images img, .checkout_review .commerce-price-formatted-components tbody tr td.views-field-field-product-images img, .view-commerce-cart-form table.checkout-review tbody tr td.views-field-field-product-images img, .view-commerce-cart-summary table.checkout-review tbody tr td.views-field-field-product-images img, .checkout_review table.checkout-review tbody tr td.views-field-field-product-images img {
                    width: 32px;
                    height: auto;
                }

                .view-commerce-cart-form .views-table tbody tr td.views-field-line-item-title, .view-commerce-cart-summary .views-table tbody tr td.views-field-line-item-title, .checkout_review .views-table tbody tr td.views-field-line-item-title, .view-commerce-cart-form .commerce-price-formatted-components tbody tr td.views-field-line-item-title, .view-commerce-cart-summary .commerce-price-formatted-components tbody tr td.views-field-line-item-title, .checkout_review .commerce-price-formatted-components tbody tr td.views-field-line-item-title, .view-commerce-cart-form table.checkout-review tbody tr td.views-field-line-item-title, .view-commerce-cart-summary table.checkout-review tbody tr td.views-field-line-item-title, .checkout_review table.checkout-review tbody tr td.views-field-line-item-title {
                    text-decoration: none;
                    font-size: 15px;
                    letter-spacing: 1.5px;
                    text-transform: uppercase;
                    color: #5aaddd;
                }

                    .view-commerce-cart-form .views-table tbody tr td.views-field-line-item-title a, .view-commerce-cart-summary .views-table tbody tr td.views-field-line-item-title a, .checkout_review .views-table tbody tr td.views-field-line-item-title a, .view-commerce-cart-form .commerce-price-formatted-components tbody tr td.views-field-line-item-title a, .view-commerce-cart-summary .commerce-price-formatted-components tbody tr td.views-field-line-item-title a, .checkout_review .commerce-price-formatted-components tbody tr td.views-field-line-item-title a, .view-commerce-cart-form table.checkout-review tbody tr td.views-field-line-item-title a, .view-commerce-cart-summary table.checkout-review tbody tr td.views-field-line-item-title a, .checkout_review table.checkout-review tbody tr td.views-field-line-item-title a {
                        text-decoration: none;
                        font-size: 15px;
                        letter-spacing: 1.5px;
                        text-transform: uppercase;
                    }

#commerce-checkout-form-checkout legend, #commerce-checkout-form-shipping legend, .commerce_payment legend {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    border: 0;
}

#commerce-checkout-form-checkout .component-title, #commerce-checkout-form-shipping .component-title, .commerce_payment .component-title {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;
}

#commerce-checkout-form-checkout .customer_profile_billing input[type="text"], #commerce-checkout-form-shipping .customer_profile_billing input[type="text"], .commerce_payment .customer_profile_billing input[type="text"] {
    width: 100%;
}

#commerce-checkout-form-checkout div.addressfield-container-inline > div.form-item, #commerce-checkout-form-shipping div.addressfield-container-inline > div.form-item, .commerce_payment div.addressfield-container-inline > div.form-item {
    float: none;
}

.checkout-buttons .checkout-cancel, .checkout-buttons .checkout-back {
    background: #5aaddd;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    /* IE7 inline-block hack */
    *display: inline;
    *zoom: 1;
    padding: 11px 18px 13px 18px;
    margin: 3px 5px;
    font-size: 13px;
    line-height: 1;
    *line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    *margin-left: 0.3em;
    -webkit-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
    /*Responsive*/
}

    .checkout-buttons .checkout-cancel:first-child, .checkout-buttons .checkout-back:first-child {
        *margin-left: 0;
    }

    .checkout-buttons .checkout-cancel:hover, .checkout-buttons .checkout-back:hover, .checkout-buttons .checkout-cancel:focus, .checkout-buttons .checkout-back:focus {
        opacity: 0.9;
        filter: "alpha(opacity=${opacity})";
        background: #5aaddd;
        color: #fff;
        text-decoration: none;
    }

@media (max-width: 768px) {
    .view-shop .view-content .views-row {
        width: 48.1%;
    }

        .view-shop .view-content .views-row:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media (max-width: 360px) {
    .view-shop .view-content .views-row {
        width: 100%;
        margin-right: 0;
    }
}

.jmPriceTable:after {
    clear: both;
    content: "";
    display: table;
}

.jmPriceTable {
    padding: 60px 0 48px;
    text-align: center;
}

.jmCentered {
    clear: both;
    text-align: center;
}

.jmPriceTable dl {
    background: #fff;
    display: block;
}

    .jmPriceTable dl dd {
        margin: 0;
        display: block;
        line-height: 1.6;
        padding: 10px;
    }

        .jmPriceTable dl dd.odd {
            background: #e7ebed;
        }

.jmPriceTable .jmPremium dl dd.odd {
    background: #e5f9f8;
}

.jmPriceTable.col4 dl {
    float: left;
    width: 25%;
    padding-bottom: 20px;
    border: 1px solid #5aaddd;
    margin-right: -1px;
}

.jmPriceTable dl.jmPremium {
    position: relative;
    z-index: 1;
    margin-top: -20px;
    border: 1px solid #5aaddd;
}

    .jmPriceTable dl.jmPremium dt small {
        display: block;
        clear: both;
        font-size: 12px;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 5px;
    }

.jmPriceTable dd small {
    font-size: 12px;
    display: block;
    clear: both;
}

.jmPriceTable dl.jmPremium dt {
    color: #fff;
    border-bottom: 1px solid #5aaddd;
    background: #5aaddd;
}

.jmPriceTable dt {
    color: #fff;
    border-bottom: 1px solid #5aaddd;
    background: #5aaddd;
    font-size: 27px;
    font-weight: 400;
    line-height: 65px;
    display: block;
    line-height: 1.2;
    padding: 10px;
}

.jmPriceTable dl.jmPremium dt {
    border-bottom: 1px solid #ddd;
}

.jmPriceTable dd.jmPrice {
    background: #5aaddd;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: 25px auto;
    color: #fff;
    font-size: 60px;
    font-family: open_sansbold;
    padding: 25px 10px;
    line-height: 1;
}

.jmPriceTable .jmPremium dd.jmPrice {
    background: #5aaddd;
}

.jmPriceTable dd.jmPrice .dollars {
    font-size: 60%;
}

@media (max-width: 640px) {
    /*lightbox*/ .jmPriceTable dt {
        font-size: 16px;
    }

    .jmPriceTable.col4 dl {
        width: 50%;
    }

    .jmPriceTable dd.jmPrice {
        height: 80px;
        line-height: 1;
        margin: 15px auto;
        padding: 20px 10px;
        width: 80px;
        font-size: 20px;
    }
}

#lightbox #imageData #bottomNav {
    height: auto;
    margin: 0;
}

    #lightbox #imageData #bottomNav #bottomNavClose {
        margin: 0 0 10px 0;
        padding: 0;
    }

h2 a{
font-size:16px;
}