@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,300italic);
/*
** Table Of Contents

**bootstrap overrides
**vertical margins and paddings
**general styles
**utilites
**styled lists
**icons
**buttons 
**common sections styles
**light section
**grey section
**darkgrey section
**dark section
**color section
**boxed layout
**template styles
**main menu (min 768px) styles
**main menu mobile styles
**blog
**widgets
**shortcodes
**plugins
  - Owl Carousel
  - BxSlider
  - Fraction Slider
  - FlexSlider
  - prettyPhoto
  - Easy pieChart
  - toTop
  - Isotope Portfolio

*/
/*
**bootstrap overrides
*/
/*5 columns for bootstrap*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.subGrau_14 {
    color:gray;
    font-weight:bold;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.post {
}

.post-header {
    margin-bottom: 30px;
    position: relative;
}

.post-title {
    color: #f5c280;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 24px;
}

    .post-title a {
        color: #f5c280;
        line-height: 1;
    }

        .post-title a:hover {
            color: #000000;
        }

.post-header .post-meta {
    color: #b0afaf;
    line-height: 1;
}

.post-header .social-line {
    margin-top: -2px;
}

    .post-header .social-line li {
        padding-top: 2px;
        padding-right: 2px;
    }

    .post-header .social-line a {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 14px;
    }

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

    article{
        padding-top:150px;
    }

    .post-header .post-title {
        margin-left: 225px;
    }

    .post-header .post-meta {
        position: absolute;
        bottom: 0;
        width: 200px;
        padding: 20px;
        background-color: #f5f5f5;
    }

    .post-header .post-meta-date {
        display: block;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .post-header .post-meta-date .day {
            color: #141f23;
            font-size: 50px;
            line-height: 1.1;
            display: block;
            font-weight: 300;
        }

        .post-header .post-meta-date .month {
            color: #879499;
            font-size: 20px;
            line-height: 1.1;
        }

        .post-header .post-meta-date .year {
            color: #f5c280;
            font-size: 20px;
            line-height: 1.1;
        }
}

.post-readmore {
    color: #141f23;
    border-color: #dddddd;
    background-color: #f5f5f5;
}

    .post-readmore:hover {
        color: #ffffff;
        border-color: #000000;
        background-color: #000000;
    }

.post-header .post-meta-author {
    display: block;
    margin-bottom: 20px;
}

.post-meta-author,
.post-meta-category,
.post-meta-comment {
}

    .post-meta-author a {
        color: #464c4e;
        font-size: 14px;
    }

        .post-meta-author a:hover {
            color: #000000;
        }

.post-media {
    margin-bottom: 40px;
}

    .post-media img {
        max-width: 100%;
        width: 100%;
    }

.post-content {
    text-align: justify;
    padding-left:30px;
    padding-bottom:30px;
}

footer.post-meta {
    margin-top: 40px;
}

/*.post + .post {
    border-top: solid 1px #efefef;
    margin-top: 50px;
    padding-top: 50px;
}*/

.about-the-author {
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #efefef;
}

}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/*breadcrumbs*/
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

    .breadcrumb > .active {
        color: inherit;
        opacity: 0.9;
    }

/*pagination*/
.pagination > li > a,
.pagination > li > span {
    padding: 13px 18px;
    color: #7f7f7f;
    border-color: #e4e4e4;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: inherit;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        background-color: inherit;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: inherit;
    border-color: #e4e4e4;
    color: inherit;
}

/*forms*/
.form-control {
    height: 42px;
    border-color: #e4e4e4;
    border-radius: 4px;
    color: #1a1a1a;
}

.form-inline .form-control {
    margin-bottom: 7px;
}

.form-control, .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control.invalid {
        -webkit-box-shadow: 0 0 0 2px #f49921;
        box-shadow: 0 0 0 2px #f49921;
    }

    .form-control:focus {
        border-color: #7f7f7f;
        color: #7f7f7f;
    }

    .form-control:-moz-placeholder {
        color: #7f7f7f;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #7f7f7f;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #7f7f7f;
    }

    .form-control::-webkit-input-placeholder {
        color: #7f7f7f;
    }

    .form-control:focus:-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .form-control:focus::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .form-control:focus:-ms-input-placeholder {
        color: transparent;
    }

    .form-control:focus::-webkit-input-placeholder {
        color: transparent;
    }

/*carousel*/
.carousel-inner {
    overflow: hidden;
}

.carousel-indicators {
    bottom: -20px;
}

    .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        border: 1px solid #f49921;
    }

        .carousel-indicators li:hover {
            opacity: 0.8;
        }

    .carousel-indicators .active {
        background: #f49921;
    }

.carousel-control {
    border: 1px solid #ffffff;
    color: #ffffff !important;
    border-radius: 3px;
    width: 50px;
    height: 50px;
    left: -50px;
    top: 50%;
    margin-top: -25px;
    text-shadow: none;
    opacity: 1;
    background-image: none !important;
    filter: alpha(opacity=100);
}

    .carousel-control.right {
        right: -50px;
    }

.carousel:hover .carousel-control {
    left: 50px;
}

    .carousel:hover .carousel-control.right {
        left: auto;
        right: 50px;
    }

.carousel-control span {
    font-family: 'fontello' !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    font-size: 16px !important;
    left: 0 !important;
    top: 0 !important;
    line-height: 50px;
}

.carousel-control .icon-prev:before {
    content: '\e801';
}

.carousel-control .icon-next:before {
    content: '\e80a';
}

/*collapse accordion*/
.panel-heading .panel-title {
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    position: relative;
}

    .panel-heading .panel-title > a {
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        padding: 13px 20px 13px 10px;
        border: 1px solid #e4e4e4;
        border-radius: 3px;
        background-color: #f5f5f5;
    }

        .panel-heading .panel-title > a:after {
            content: '-';
            position: absolute;
            right: 14px;
            top: 13px;
        }

        .panel-heading .panel-title > a:hover {
            color: #ffffff;
            background-color: #f49921;
            border-color: #f49921;
        }

        .panel-heading .panel-title > a.collapsed:after {
            content: '+';
            right: 12px;
        }

.panel {
    box-shadow: none;
}

.panel-group .panel {
    border-radius: 0;
    background-color: transparent;
}

.panel-default > .panel-heading {
    background-color: transparent;
    color: inherit;
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-default {
    border-color: transparent;
}

.panel-group .panel + .panel {
    margin-top: 3px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 23px 20px 15px;
    margin-top: -3px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

/*progress bars*/
.progress {
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    margin-left: 40px;
}

.progress-bar {
    background-color: #f49921;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .progress-bar span {
        position: absolute;
        font-size: 1.5em;
        left: 15px;
    }

/*nav*/
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: inherit;
}

/*tabs*/
.tab-content {
    padding: 0;
    border-radius: 0 5px 5px 5px;
    background-color: #ffffff;
    padding: 20px 30px;
    border: 1px solid #e4e4e4;
}

.nav-tabs {
    border-bottom-color: transparent;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        padding: 13px 20px;
        margin-right: 2px;
        margin-top: 0px;
        border: 1px solid #e4e4e4;
        color: #7f7f7f;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-bottom-color: transparent;
        background-color: #ffffff;
        color: #343434;
    }

/*
**vertical margins and paddings
*/
section > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.darkgrey_section + .darkgrey_section > .container,
.dark_section + .dark_section > .container,
.color_section + .color_section > .container,
.light_section + .light_section > .container,
.grey_section + .grey_section > .container {
    padding-top: 5px;
}

.darkgrey_section + .darkgrey_section[class*="with_"] > .container,
.dark_section + .dark_section[class*="with_"] > .container,
.color_section + .color_section[class*="with_"] > .container,
.light_section + .light_section[class*="with_"] > .container,
.grey_section + .grey_section[class*="with_"] > .container {
    padding-top: 70px;
}

.row + .row {
    margin-top: 20px;
}

.table_section .row {
    display: table;
    width: 100%;
}

.table_section [class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media screen and (max-width: 767px) {
    .table_section .row,
    .table_section [class*="col-"] {
        display: block;
        width: auto;
    }

    [class*="col-"] + [class*="col-"] {
        margin-top: 30px !important;
    }

    [class*="col-xs"] + [class*="col-xs"] {
        margin-top: 0;
    }
}

.action_section > .container {
    padding-top: 40px;
    padding-bottom: 40px;
}

#breadcrumbs > .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

#pagination > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer > .container {
    padding-top: 50px;
    padding-bottom: 30px;
}

#copyright > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .container {
        max-width: 500px;
    }
}
/*
**general styles
*/
html,
body {
    position: relative;
    font-size: 30px;
}

::selection {
    color: #ffffff;
    background-color: #f49921;
}

::-moz-selection {
    color: #ffffff;
    background-color: #f49921;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1;
    font-weight: 300;
}

p {
    margin-bottom: 16px;
}

blockquote,
.blockquote {
    font-size: 14px;
    position: relative;
    margin: 20px 0;
    padding: 16px 16px 16px 30px;
    line-height: 1.6;
    border-left: 5px solid #f49921;
    font-style: italic;
}

    blockquote h3 {
        font-size: 0.9em;
        font-style: normal;
    }

        blockquote h3:before,
        blockquote h3:after {
            content: ' - ';
        }

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    a:hover {
        text-decoration: none;
        -webkit-transition: all 0.15s linear 0s;
        -moz-transition: all 0.15s linear 0s;
        -o-transition: all 0.15s linear 0s;
        -ms-transition: all 0.15s linear 0s;
        transition: all 0.15s linear 0s;
    }

    a:focus {
        outline: medium none;
        text-decoration: none;
    }

    a img {
        -webkit-transition: all 0.15s ease-in-out 0s;
        -moz-transition: all 0.15s ease-in-out 0s;
        -o-transition: all 0.15s ease-in-out 0s;
        -ms-transition: all 0.15s ease-in-out 0s;
        transition: all 0.15s ease-in-out 0s;
    }

    a:hover img {
        opacity: 0.8;
    }

iframe {
    border: none;
    max-width: 100%;
}

label[for] {
    display: none;
}

/*
**utilites
*/
.alignleft {
    float: left;
    margin: 5px 20px 15px 0;
}

.with_background {
    border-radius: 5px;
    padding: 20px;
    background-color: #f5f5f5;
}

.with_border {
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #e4e4e4;
}

#response,
.highlight {
    color: #f49921;
}

/*dividers*/
.divider20 {
    margin: 20px 0;
}

.divider40 {
    margin: 40px 0;
}

.topmargin0 {
    margin-top: 0;
}

/*
**styled lists
*/
ul.list1 {
    list-style: none;
    padding-left: 22px;
}

    ul.list1 li {
        position: relative;
        padding: 4px 0 4px;
    }

        ul.list1 li:before {
            content: '';
            display: block;
            position: absolute;
            border: 2px solid;
            left: -19px;
            top: 10px;
            width: 10px;
            height: 10px;
            border-radius: 100%;
        }

ul.list2 {
    list-style: none;
    padding-left: 20px;
}

    ul.list2 li {
        position: relative;
        padding: 4px 0 4px;
    }

        ul.list2 li:before {
            font-family: 'fontello';
            content: '\e82c';
            font-size: 18px;
            display: block;
            position: absolute;
            left: -18px;
        }

ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
}

    ol.list3 li {
        position: relative;
        padding: 4px 0 4px 34px;
    }

        ol.list3 li:after {
            content: counter(li,decimal-leading-zero) ".";
            counter-increment: li;
            position: absolute;
            left: 2px;
            top: 50%;
            margin-top: -12px;
            font-weight: 700;
            color: inherit;
            width: 26px;
            height: 26px;
            text-align: center;
            line-height: 26px;
        }

/*
**icons
*/
a[class^="socialico-"] {
    font-size: 0px !important;
    display: inline-block;
    position: relative;
    padding-right: 30px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 5px;
}

    a[class^="socialico-"]:before {
        display: inline-block;
        text-indent: 0;
        overflow: hidden;
        font-family: 'socialicoregular';
        font-size: 25px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 1px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    a[class^="socialico-"]:hover:before {
        -webkit-transition: all 0.1s ease-in-out 0s;
        -moz-transition: all 0.1s ease-in-out 0s;
        -o-transition: all 0.1s ease-in-out 0s;
        -ms-transition: all 0.1s ease-in-out 0s;
        transition: all 0.1s ease-in-out 0s;
    }

h1 > [class*="rt-icon-"],
h2 > [class*="rt-icon-"],
h3 > [class*="rt-icon-"],
h4 > [class*="rt-icon-"],
h5 > [class*="rt-icon-"],
h6 > [class*="rt-icon-"],
p > [class*="rt-icon-"] {
    font-size: 1.2em;
    position: relative;
    top: .1em;
    line-height: 0;
    padding-right: 0.1em;
}

a > [class*="rt-icon-"],
.theme_button > [class*="rt-icon-"] {
    font-size: 1.4em;
    line-height: 0;
    position: relative;
    top: 3px;
    padding-right: 4px;
}

.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
    padding-right: 7px;
}

.theme_button > [class*="rt-icon-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
    margin-left: -13px;
}

/* 
**buttons 
*/
.theme_button {
    font-size: 15px;
    padding: 12px 26px;
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    color: #7f7f7f;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

    .theme_button:active,
    .theme_button:hover,
    .theme_button:focus {
        color: #ffffff;
        background-color: #f49921;
        border-color: #f49921;
        opacity: 1;
        text-decoration: none;
        outline: none;
        -webkit-transition: all 0.1s linear 0s;
        -moz-transition: all 0.1s linear 0s;
        -o-transition: all 0.1s linear 0s;
        -ms-transition: all 0.1s linear 0s;
        transition: all 0.1s linear 0s;
    }

    .theme_button:active {
        top: 1px;
    }

    .theme_button.border {
        background-color: transparent;
        border: 2px solid #f49921;
        padding-top: 10px;
        padding-bottom: 10px;
    }

/*
**common sections styles
*/
/*parallax*/
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: visible;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 767px) {
    .parallax {
        -webkit-background-size: auto auto !important;
        -moz-background-size: auto auto !important;
        -o-background-size: auto auto !important;
        background-size: auto auto !important;
    }
}

.parallax:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.35;
    z-index: 1;
}

.parallax.grey_section:after {
    background-color: #919191;
    opacity: 0.9;
}

.parallax.color_section:after {
    background-color: #f49921;
}

.parallax.dark_section:after {
    background-color: #1a1a1a;
}

.parallax.darkgrey_section:after {
    background-color: #343434;
}

.parallax > .container, .gradient > .container {
    z-index: 3;
    position: relative;
}

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

    .gradient:before {
        content: '';
        display: block;
        position: absolute;
        width: 1400px;
        height: 1400px;
        top: 50%;
        left: 50%;
        margin-top: -700px;
        margin-left: -700px;
        z-index: 2;
        background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%, rgba(255, 255, 255, 0.24)), color-stop(50%, rgba(255, 255, 255, 0)));
        /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        /* IE10+ */
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
    }

.with_background_image {
    background-image: url(../img/background_section.html);
}

.with_top_border .container,
.with_bottom_border .container {
    position: relative;
}

    .with_top_border .container:before,
    .with_bottom_border .container:after {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        left: 0px;
        right: 0px;
        top: 0;
        background-color: #e4e4e4;
    }

    .with_bottom_border .container:after {
        top: auto;
        bottom: 0;
    }

.section_header {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 36px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
}

    .section_header.page-title {
        font-size: 48px;
    }

.section_header_p:after {
    background-color: #f49921;
    bottom: -21px;
    content: "";
    height: 2px;
    left: 46.5%;
    position: absolute;
    width: 50px;
}

.text-center .section_header:before, .text-center.section_header:before {
    left: 50%;
    margin-left: -85px;
}

.text-center .section_header:after, .text-center.section_header:after {
    margin-left: -15px;
    left: 50%;
}

.section_header + p {
    font-size: 16px;
    line-height: 1.5em;
    max-width: 60%;
    margin: 20px auto 34px;
    position: relative;
}

.section_header.text-center + p {
    max-width: 60%;
    margin-bottom: 14px;
}

.section_header + blockquote {
    font-size: 16px;
    max-width: 60%;
    margin: 50px auto 44px;
    border: none;
    background-color: transparent;
    padding: 0 40px;
}

    .section_header + blockquote:before, .section_header + blockquote:after {
        font-style: normal;
        font-family: 'fontello';
        content: '\e808';
        position: absolute;
        left: 0;
        top: -10px;
        font-size: 30px;
        color: #f49921;
    }

    .section_header + blockquote:after {
        content: '\e809';
        left: auto;
        right: 0;
    }

@media (max-width: 320px) {
    .section_header_p:after {
        left: 41.5%;
    }
}

@media (max-width: 767px) {
    .section_header {
        font-size: 30px;
        margin-top: 0;
    }

        .section_header + blockquote, .section_header + p {
            max-width: 100% !important;
        }
}

.color_section .section_header:after {
    background-color: #ffffff;
}

.color_section .section_header:before {
    background-color: rgba(255, 255, 255, 0.3);
}

/*
.color_section .section_header {
    color: $lightColor !important;
}
*/
/*page preloader*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 13000;
    height: 100%;
}

.preloader_image {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
    margin: -40px 0 0 -40px;
}

/**light section*/
.light_section {
    background-color: #ffffff;
    color: #7f7f7f;
}

    .light_section h1,
    .light_section h2,
    .light_section h3,
    .light_section h4,
    .light_section h5,
    .light_section h6 {
        color: #343434;
    }

        .light_section h1 a,
        .light_section h2 a,
        .light_section h3 a,
        .light_section h4 a,
        .light_section h5 a,
        .light_section h6 a {
            color: inherit;
        }

            .light_section h1 a:hover,
            .light_section h2 a:hover,
            .light_section h3 a:hover,
            .light_section h4 a:hover,
            .light_section h5 a:hover,
            .light_section h6 a:hover {
                color: #f49921;
            }

    .light_section a {
        color: #343434;
    }

        .light_section a:hover {
            color: #f49921;
        }

    .light_section .theme_button {
        color: #7f7f7f;
    }

        .light_section .theme_button:hover, .light_section .theme_button:focus {
            color: #ffffff;
        }

        .light_section .theme_button.border:hover, .light_section .theme_button.border:focus {
            background-color: #f49921;
            color: #ffffff;
        }

    .light_section .widget_tag_cloud a:hover {
        color: #ffffff;
    }

/**grey section*/
.grey_section {
    background-color: #919191;
    color: #ffffff;
}

    .grey_section h1,
    .grey_section h2,
    .grey_section h3,
    .grey_section h4,
    .grey_section h5,
    .grey_section h6 {
        color: #2c2c2c;
    }

    .grey_section a {
        color: #ffffff;
    }

        .grey_section a:hover {
            color: #f49921;
        }

    .grey_section .theme_button {
        color: #343434;
        border-color: #d7d7d7;
    }

        .grey_section .theme_button:hover, .grey_section .theme_button:focus {
            color: #ffffff;
            border-color: #f49921;
        }

        .grey_section .theme_button.border {
            border-color: #f49921;
        }

            .grey_section .theme_button.border:hover, .grey_section .theme_button.border:focus {
                background-color: #f49921;
                color: #ffffff;
            }

    .grey_section .with_background {
        background-color: #f0f0f0;
    }

    .grey_section .with_border {
        border-color: #d7d7d7;
    }

    .grey_section.with_top_border .container:before, .grey_section.with_bottom_border .container:after {
        background-color: #d7d7d7;
    }

    .grey_section hr {
        border-color: #e1e1e1;
    }

    .grey_section aside .widget > h3,
    .grey_section aside .widget .widget-title {
        background-color: #ffffff;
    }

    .grey_section .nav > li > a:hover,
    .grey_section .nav > li > a:focus {
        background-color: #f49921;
        color: #ffffff;
    }

    .grey_section .nav > li.active > a:hover,
    .grey_section .nav > li.active > a:focus,
    .grey_section .nav-tabs > li.active > a:hover,
    .grey_section .nav-tabs > li.active > a:focus {
        background-color: #f49921;
    }

    .grey_section .panel-heading .panel-title > a,
    .grey_section .panel-group .panel-heading + .panel-collapse .panel-body {
        border-color: #d7d7d7;
    }

    .grey_section .progress {
        background-color: #ededed;
    }

    .grey_section .testimonials-carousel {
        border-color: #d7d7d7;
    }

    .grey_section .widget_recent_entries li + li,
    .grey_section .widget_recent_comments li + li,
    .grey_section .widget_archive li + li,
    .grey_section .widget_categories li + li,
    .grey_section .widget_meta li + li,
    .grey_section .widget_nav_menu li + li,
    .grey_section .widget_pages li + li,
    .grey_section .widget_popular_entries li + li {
        border-color: #d7d7d7;
    }

    .grey_section .tweet_list li + li .tweet_right {
        border-color: #d7d7d7;
    }

    .grey_section .price-table,
    .grey_section .features-list li {
        border-color: #d7d7d7;
    }

    .grey_section .widget_tag_cloud a {
        border-color: #d7d7d7;
    }

        .grey_section .widget_tag_cloud a:hover {
            color: #ffffff;
        }

    .grey_section .widget_calendar caption,
    .grey_section .widget_calendar thead,
    .grey_section .widget_calendar tbody,
    .grey_section .widget_calendar tfoot,
    .grey_section .widget_calendar tbody td {
        border-color: #d7d7d7;
    }

    .grey_section .owl-theme .owl-controls .owl-buttons div {
        border-color: #d7d7d7;
    }

    .grey_section #isotope_filters a {
        border-color: #d7d7d7;
    }

    .grey_section .project-details p + p {
        border-color: #d7d7d7;
    }

    .grey_section .gallery-item .gallery-item-description {
        border-color: #d7d7d7;
        background-color: #ffffff;
    }

    .grey_section .gallery-item-description a {
        border-color: #d7d7d7;
        color: #343434;
    }

/**darkgrey section*/
.darkgrey_section {
    background-color: #343434;
    color: #4e4e4e;
}

    .darkgrey_section h1,
    .darkgrey_section h2,
    .darkgrey_section h3,
    .darkgrey_section h4,
    .darkgrey_section h5,
    .darkgrey_section h6 {
        color: #ffffff;
    }

        .darkgrey_section h1 a,
        .darkgrey_section h2 a,
        .darkgrey_section h3 a,
        .darkgrey_section h4 a,
        .darkgrey_section h5 a,
        .darkgrey_section h6 a {
            color: #ffffff;
        }

            .darkgrey_section h1 a:hover,
            .darkgrey_section h2 a:hover,
            .darkgrey_section h3 a:hover,
            .darkgrey_section h4 a:hover,
            .darkgrey_section h5 a:hover,
            .darkgrey_section h6 a:hover {
                color: #f49921;
            }

    .darkgrey_section a {
        color: #f49921;
    }

        .darkgrey_section a:hover {
            color: #ffffff;
        }

    .darkgrey_section .theme_button {
        border-color: #4e4e4e;
        color: #ffffff;
    }

        .darkgrey_section .theme_button:hover, .darkgrey_section .theme_button:focus {
            border-color: #f49921;
        }

        .darkgrey_section .theme_button.border {
            border-color: #f49921;
        }

            .darkgrey_section .theme_button.border:hover, .darkgrey_section .theme_button.border:focus {
                background-color: #f49921;
            }

    .darkgrey_section .with_background {
        background-color: #3c3c3c;
    }

    .darkgrey_section .with_border {
        border-color: #4e4e4e;
    }

    .darkgrey_section.with_top_border .container:before, .darkgrey_section.with_bottom_border .container:after {
        background-color: #4e4e4e;
    }

    .darkgrey_section .section_header:before {
        background-color: #4e4e4e;
    }

    .darkgrey_section .form-control {
        color: #ffffff;
        border-color: #4e4e4e;
        background-color: #3c3c3c;
    }

    .darkgrey_section hr {
        border-color: #4e4e4e;
    }

    .darkgrey_section aside {
        border-color: #4e4e4e;
    }

        .darkgrey_section aside .widget > h3,
        .darkgrey_section aside .widget .widget-title {
            background-color: #3c3c3c;
        }

        .darkgrey_section aside .widget a {
            color: #ffffff;
        }

    .darkgrey_section .pagination > li > a, .darkgrey_section .pagination > li > span {
        border-color: #4e4e4e;
        background-color: #3c3c3c;
    }

        .darkgrey_section .pagination > .active > a,
        .darkgrey_section .pagination > .active > span,
        .darkgrey_section .pagination > .active > a:hover,
        .darkgrey_section .pagination > .active > span:hover,
        .darkgrey_section .pagination > .active > a:focus,
        .darkgrey_section .pagination > .active > span:focus,
        .darkgrey_section .pagination > li > a:hover,
        .darkgrey_section .pagination > li > span:hover,
        .darkgrey_section .pagination > li > a:focus,
        .darkgrey_section .pagination > li > span:focus {
            border-color: #4e4e4e;
            -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
            box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
        }

    .darkgrey_section .thumbnail {
        border-color: #4e4e4e;
    }

        .darkgrey_section .thumbnail .caption {
            border-color: #4e4e4e;
            background-color: #3c3c3c;
        }

    .darkgrey_section .progress {
        background-color: #3c3c3c;
    }

    .darkgrey_section .percent {
        color: #ffffff;
    }

    .darkgrey_section .owl-theme .owl-controls .owl-buttons div {
        border-color: #4e4e4e;
        color: #ffffff;
    }

    .darkgrey_section .testimonials-carousel {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_recent_entries li + li,
    .darkgrey_section .widget_recent_comments li + li,
    .darkgrey_section .widget_archive li + li,
    .darkgrey_section .widget_categories li + li,
    .darkgrey_section .widget_meta li + li,
    .darkgrey_section .widget_nav_menu li + li,
    .darkgrey_section .widget_pages li + li,
    .darkgrey_section .widget_popular_entries li + li {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_nav_menu ul ul {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_recent_comments li:before {
        color: #ffffff;
    }

    .darkgrey_section .tweet_list li + li .tweet_right {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_flickr img {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_popular_entries .media-object {
        border-color: #4e4e4e;
    }

    .darkgrey_section .price-table,
    .darkgrey_section .features-list li {
        border-color: #4e4e4e;
    }

    .darkgrey_section .plan-name {
        border-color: #4e4e4e;
        background-color: #3c3c3c;
    }

    .darkgrey_section .price-table.style2 {
        background-color: #3c3c3c;
    }

    .darkgrey_section .plan-price p {
        color: #ffffff;
    }

    .darkgrey_section .features-list .disabled:before {
        color: #676767;
    }

    .darkgrey_section .widget_tag_cloud a {
        border-color: #4e4e4e;
    }

        .darkgrey_section .widget_tag_cloud a:hover {
            color: #ffffff;
        }

    .darkgrey_section .widget_calendar caption,
    .darkgrey_section .widget_calendar thead,
    .darkgrey_section .widget_calendar tbody,
    .darkgrey_section .widget_calendar tfoot,
    .darkgrey_section .widget_calendar tbody td {
        border-color: #4e4e4e;
    }

    .darkgrey_section .widget_calendar caption,
    .darkgrey_section .widget_calendar thead {
        background-color: #3c3c3c;
    }

    .darkgrey_section .widget_calendar tbody td a {
        background-color: #f49921;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .darkgrey_section .widget_calendar tbody td a:hover {
            background-color: #3c3c3c;
        }

    .darkgrey_section .nav > li > a,
    .darkgrey_section .vertical-tabs .nav > li > a {
        border-color: #4e4e4e;
    }

        .darkgrey_section .nav > li > a:hover,
        .darkgrey_section .vertical-tabs .nav > li > a:hover {
            background-color: #3c3c3c;
        }

    .darkgrey_section .panel-group .panel-heading + .panel-collapse .panel-body {
        border-color: #4e4e4e;
    }

    .darkgrey_section .nav-tabs > li > a,
    .darkgrey_section .vertical-tabs .nav > li > a,
    .darkgrey_section .panel-heading .panel-title > a {
        border-color: #4e4e4e;
        background-color: #313131;
        color: #ffffff;
    }

        .darkgrey_section .panel-heading .panel-title > a:hover {
            background-color: #f49921;
            border-color: #f49921;
        }

    .darkgrey_section .tab-content,
    .darkgrey_section .panel-group .panel-heading + .panel-collapse .panel-body {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .nav-tabs > li.active > a,
    .darkgrey_section .vertical-tabs .nav > li.active a {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .nav-tabs > li.active > a {
        border-bottom-color: #3c3c3c;
    }

        .darkgrey_section .nav-tabs > li.active > a:hover,
        .darkgrey_section .nav-tabs > li.active > a:focus {
            color: #ffffff;
        }

    .darkgrey_section .vertical-tabs .nav > li.active a {
        color: #ffffff;
    }

        .darkgrey_section .vertical-tabs .nav > li.active a:after {
            border-left-color: #3c3c3c;
        }

        .darkgrey_section .vertical-tabs .nav > li.active a:before {
            border-left-color: #4e4e4e;
        }

    .darkgrey_section .entry-meta,
    .darkgrey_section .entry-tags,
    .darkgrey_section .blog-single .entry-tags {
        border-color: #4e4e4e !important;
    }

        .darkgrey_section .entry-tags a:before, .darkgrey_section .entry-meta a:before, .darkgrey_section time:before, .darkgrey_section .reply a:before {
            color: #ffffff;
        }

    .darkgrey_section .entry-thumbnail img {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .author-meta {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .comments-area .media-object {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .comments-area .media-body {
        background-color: #3c3c3c;
        border-color: #4e4e4e;
    }

    .darkgrey_section .comment-meta {
        border-color: #4e4e4e !important;
    }

@media (min-width: 768px) {
    .darkgrey_section .author-meta .col-sm-2 img {
        background-color: #464646;
        border-color: #4e4e4e;
    }
}

.darkgrey_section #isotope_filters a {
    color: #ffffff;
    border-color: #4e4e4e;
}

.darkgrey_section .project-details p + p {
    border-color: #4e4e4e;
}

.darkgrey_section .gallery-item .gallery-item-description {
    border-color: #4e4e4e;
    background-color: #464646;
}

.darkgrey_section .gallery-item-description a {
    border-color: #5a5a5a;
    color: #ffffff;
}

.darkgrey_section + .darkgrey_section {
    border-top: none;
}

/**dark section*/
.dark_section {
    background-color: #1a1a1a;
    color: #f5f5f5;
}

    .dark_section h1,
    .dark_section h2,
    .dark_section h3,
    .dark_section h4,
    .dark_section h5,
    .dark_section h6 {
        color: #ffffff;
    }

        .dark_section h1 a,
        .dark_section h2 a,
        .dark_section h3 a,
        .dark_section h4 a,
        .dark_section h5 a,
        .dark_section h6 a {
            color: #ffffff;
        }

            .dark_section h1 a:hover,
            .dark_section h2 a:hover,
            .dark_section h3 a:hover,
            .dark_section h4 a:hover,
            .dark_section h5 a:hover,
            .dark_section h6 a:hover {
                color: #f49921;
            }

    .dark_section a {
        color: #f49921;
    }

        .dark_section a:hover {
            color: #ffffff;
        }

    .dark_section .theme_button {
        border-color: #343434;
        color: #ffffff;
    }

        .dark_section .theme_button:hover, .dark_section .theme_button:focus {
            border-color: #f49921;
        }

        .dark_section .theme_button.border {
            border-color: #f49921;
        }

            .dark_section .theme_button.border:hover, .dark_section .theme_button.border:focus {
                background-color: #f49921;
            }

    .dark_section .with_background {
        background-color: #222222;
    }

    .dark_section .with_border {
        border-color: #343434;
    }

    .dark_section.with_top_border .container:before, .dark_section.with_bottom_border .container:after {
        background-color: #343434;
    }

    .dark_section .section_header:before {
        background-color: #4e4e4e;
    }

    .dark_section .form-control {
        color: #ffffff;
        border-color: #343434;
        background-color: #222222;
    }

    .dark_section hr {
        border-color: #343434;
    }

    .dark_section aside {
        border-color: #343434;
    }

        .dark_section aside .widget > h3,
        .dark_section aside .widget .widget-title {
            background-color: #222222;
        }

        .dark_section aside .widget a {
            color: #ffffff;
        }

    .dark_section .pagination > li > a, .dark_section .pagination > li > span {
        border-color: #343434;
        background-color: #222222;
    }

        .dark_section .pagination > .active > a,
        .dark_section .pagination > .active > span,
        .dark_section .pagination > .active > a:hover,
        .dark_section .pagination > .active > span:hover,
        .dark_section .pagination > .active > a:focus,
        .dark_section .pagination > .active > span:focus,
        .dark_section .pagination > li > a:hover,
        .dark_section .pagination > li > span:hover,
        .dark_section .pagination > li > a:focus,
        .dark_section .pagination > li > span:focus {
            border-color: #343434;
            -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
            box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
        }

    .dark_section .thumbnail {
        border-color: #343434;
    }

        .dark_section .thumbnail .caption {
            border-color: #343434;
            background-color: #222222;
        }

    .dark_section .progress {
        background-color: #222222;
    }

    .dark_section .percent {
        color: #ffffff;
    }

    .dark_section .owl-theme .owl-controls .owl-buttons div {
        border-color: #343434;
        color: #ffffff;
    }

    .dark_section .testimonials-carousel {
        border-color: #343434;
    }

    .dark_section .widget_recent_entries li + li,
    .dark_section .widget_recent_comments li + li,
    .dark_section .widget_archive li + li,
    .dark_section .widget_categories li + li,
    .dark_section .widget_meta li + li,
    .dark_section .widget_nav_menu li + li,
    .dark_section .widget_pages li + li,
    .dark_section .widget_popular_entries li + li {
        border-color: #343434;
    }

    .dark_section .widget_nav_menu ul ul {
        border-color: #343434;
    }

    .dark_section .widget_recent_comments li:before {
        color: #ffffff;
    }

    .dark_section .tweet_list li + li .tweet_right {
        border-color: #343434;
    }

    .dark_section .widget_flickr img {
        border-color: #343434;
    }

    .dark_section .widget_popular_entries .media-object {
        border-color: #343434;
    }

    .dark_section .price-table,
    .dark_section .features-list li {
        border-color: #343434;
    }

    .dark_section .plan-name {
        border-color: #343434;
        background-color: #222222;
    }

    .dark_section .price-table.style2 {
        background-color: #222222;
    }

    .dark_section .plan-price p {
        color: #ffffff;
    }

    .dark_section .features-list .disabled:before {
        color: #4d4d4d;
    }

    .dark_section .widget_tag_cloud a {
        border-color: #343434;
    }

        .dark_section .widget_tag_cloud a:hover {
            color: #ffffff;
        }

    .dark_section .widget_calendar caption,
    .dark_section .widget_calendar thead,
    .dark_section .widget_calendar tbody,
    .dark_section .widget_calendar tfoot,
    .dark_section .widget_calendar tbody td {
        border-color: #343434;
    }

    .dark_section .widget_calendar caption,
    .dark_section .widget_calendar thead {
        background-color: #222222;
    }

    .dark_section .widget_calendar tbody td a {
        background-color: #f49921;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .dark_section .widget_calendar tbody td a:hover {
            background-color: #222222;
        }

    .dark_section .nav > li > a,
    .dark_section .vertical-tabs .nav > li > a {
        border-color: #343434;
    }

        .dark_section .nav > li > a:hover,
        .dark_section .vertical-tabs .nav > li > a:hover {
            background-color: #222222;
        }

    .dark_section .panel-group .panel-heading + .panel-collapse .panel-body {
        border-color: #343434;
    }

    .dark_section .nav-tabs > li > a,
    .dark_section .vertical-tabs .nav > li > a,
    .dark_section .panel-heading .panel-title > a {
        border-color: #343434;
        background-color: #171717;
        color: #ffffff;
    }

        .dark_section .panel-heading .panel-title > a:hover {
            background-color: #f49921;
            border-color: #f49921;
        }

    .dark_section .tab-content,
    .dark_section .panel-group .panel-heading + .panel-collapse .panel-body {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .nav-tabs > li.active > a,
    .dark_section .vertical-tabs .nav > li.active a {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .nav-tabs > li.active > a {
        border-bottom-color: #222222;
    }

        .dark_section .nav-tabs > li.active > a:hover,
        .dark_section .nav-tabs > li.active > a:focus {
            color: #ffffff;
        }

    .dark_section .vertical-tabs .nav > li.active a {
        color: #ffffff;
    }

        .dark_section .vertical-tabs .nav > li.active a:after {
            border-left-color: #222222;
        }

        .dark_section .vertical-tabs .nav > li.active a:before {
            border-left-color: #343434;
        }

    .dark_section .entry-meta,
    .dark_section .entry-tags,
    .dark_section .blog-single .entry-tags {
        border-color: #343434 !important;
    }

        .dark_section .entry-tags a:before, .dark_section .entry-meta a:before, .dark_section time:before, .dark_section .reply a:before {
            color: #ffffff;
        }

    .dark_section .entry-thumbnail img {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .author-meta {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .comments-area .media-object {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .comments-area .media-body {
        background-color: #222222;
        border-color: #343434;
    }

    .dark_section .comment-meta {
        border-color: #343434 !important;
    }

@media (min-width: 768px) {
    .dark_section .author-meta .col-sm-2 img {
        background-color: #2c2c2c;
        border-color: #343434;
    }
}

.dark_section #isotope_filters a {
    color: #ffffff;
    border-color: #343434;
}

.dark_section .project-details p + p {
    border-color: #343434;
}

.dark_section .gallery-item .gallery-item-description {
    border-color: #343434;
    background-color: #222222;
}

.dark_section .gallery-item-description a {
    border-color: #343434;
    color: #ffffff;
}

/**color section*/
.color_section {
    background-color: #f49921;
    color: #e2ebb0;
}

    .color_section h1,
    .color_section h2,
    .color_section h3,
    .color_section h4,
    .color_section h5,
    .color_section h6 {
        color: #ffffff;
    }

        .color_section h1 a,
        .color_section h2 a,
        .color_section h3 a,
        .color_section h4 a,
        .color_section h5 a,
        .color_section h6 a {
            color: #ffffff;
        }

            .color_section h1 a:hover,
            .color_section h2 a:hover,
            .color_section h3 a:hover,
            .color_section h4 a:hover,
            .color_section h5 a:hover,
            .color_section h6 a:hover {
                color: #e2ebb0;
            }

    .color_section a {
        color: #ffffff;
    }

        .color_section a:hover {
            color: #e2ebb0;
        }

    .color_section blockquote, .color_section .blockquote {
        border-color: #f5aa48;
    }

    .color_section .theme_button {
        border-color: #ffffff;
        color: #ffffff;
    }

        .color_section .theme_button:hover, .color_section .theme_button:focus {
            background-color: #ffffff;
            color: #1a1a1a;
        }

        .color_section .theme_button.border {
            border-color: #343434;
        }

            .color_section .theme_button.border:hover, .color_section .theme_button.border:focus {
                background-color: #f49921;
            }

    .color_section .with_background {
        background-color: #db7f08;
    }

    .color_section .with_border {
        border-color: #f5aa48;
    }

    .color_section.with_top_border .container:before, .color_section.with_bottom_border .container:after {
        background-color: #f5aa48;
    }

    .color_section .section_header:before {
        background-color: #f5aa48;
    }

    .color_section #response,
    .color_section .highlight {
        color: #ffffff;
    }

    .color_section .form-control {
        color: #ffffff;
        border-color: #f5aa48;
        background-color: #db7f08;
    }

        .color_section .form-control:-moz-placeholder {
            color: #e2ebb0;
        }

        .color_section .form-control::-moz-placeholder {
            color: #e2ebb0;
        }

        .color_section .form-control:-ms-input-placeholder {
            color: #e2ebb0;
        }

        .color_section .form-control::-webkit-input-placeholder {
            color: #e2ebb0;
        }

        .color_section .form-control:focus:-moz-placeholder {
            color: transparent;
            opacity: 1;
        }

        .color_section .form-control:focus::-moz-placeholder {
            color: transparent;
            opacity: 1;
        }

        .color_section .form-control:focus:-ms-input-placeholder {
            color: transparent;
        }

        .color_section .form-control:focus::-webkit-input-placeholder {
            color: transparent;
        }

    .color_section hr {
        border-color: #f5aa48;
    }

    .color_section aside {
        border-color: #f5aa48;
    }

        .color_section aside .widget > h3,
        .color_section aside .widget .widget-title {
            background-color: #db7f08;
            border-color: #ffffff;
        }

        .color_section aside .widget a {
            color: #ffffff;
        }

            .color_section aside .widget a:hover {
                color: #e2ebb0;
            }

    .color_section .pagination > li > a,
    .color_section .pagination > li > span {
        color: #ffffff;
        border-color: #f5aa48;
        background-color: #db7f08;
    }

        .color_section .pagination > .active > a,
        .color_section .pagination > .active > span,
        .color_section .pagination > .active > a:hover,
        .color_section .pagination > .active > span:hover,
        .color_section .pagination > .active > a:focus,
        .color_section .pagination > .active > span:focus,
        .color_section .pagination > li > a:hover,
        .color_section .pagination > li > span:hover,
        .color_section .pagination > li > a:focus,
        .color_section .pagination > li > span:focus {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #1a1a1a;
            -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
            box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
        }

    .color_section .thumbnail {
        border-color: #f5aa48;
    }

        .color_section .thumbnail .caption {
            border-color: #f5aa48;
            background-color: #db7f08;
        }

        .color_section .thumbnail + h3 + p {
            color: #1a1a1a;
        }

    .color_section .progress {
        background-color: #db7f08;
    }

    .color_section .progress-bar {
        background-color: #ffffff;
    }

    .color_section .percent {
        color: #ffffff;
    }

    .color_section .owl-theme .owl-controls .owl-buttons div {
        border-color: #f5aa48;
        color: #ffffff;
    }

        .color_section .owl-theme .owl-controls .owl-buttons div:hover {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #343434;
        }

    .color_section .testimonials-carousel {
        border-color: #f5aa48;
    }

        .color_section .testimonials-carousel .carousel-indicators li {
            border-color: #f49921;
        }

            .color_section .testimonials-carousel .carousel-indicators li.active {
                background-color: #f49921;
            }

    .color_section .widget_recent_entries li + li,
    .color_section .widget_recent_comments li + li,
    .color_section .widget_archive li + li,
    .color_section .widget_categories li + li,
    .color_section .widget_meta li + li,
    .color_section .widget_nav_menu li + li,
    .color_section .widget_pages li + li,
    .color_section .widget_popular_entries li + li {
        border-color: #f5aa48;
    }

    .color_section .widget_recent_entries a:before, .color_section .widget_archive a:before, .color_section .widget_categories a:before, .color_section .widget_meta a:before, .color_section .widget_nav_menu a:before, .color_section .widget_pages a:before {
        color: #ffffff;
    }

    .color_section .widget_nav_menu ul ul {
        border-color: #f5aa48;
    }

    .color_section .widget_recent_comments li:before {
        color: #ffffff;
    }

    .color_section .tweet_list li + li .tweet_right {
        border-color: #f5aa48;
    }

    .color_section .widget_flickr img {
        border-color: #f5aa48;
    }

    .color_section .widget_popular_entries .media-object {
        border-color: #f5aa48;
    }

    .color_section .price-table,
    .color_section .features-list li {
        border-color: #f5aa48;
    }

    .color_section .plan-name {
        border-color: #f5aa48;
        background-color: #db7f08;
    }

    .color_section .plan-price span:first-child,
    .color_section .plan-price span + span {
        color: #1a1a1a;
    }

    .color_section .price-table.style2 {
        background-color: #db7f08;
    }

    .color_section .plan-price p {
        color: #ffffff;
    }

    .color_section .features-list .enabled:before {
        color: #1a1a1a;
    }

    .color_section .features-list .disabled:before {
        color: #f5c280;
    }

    .color_section .widget_tag_cloud a {
        border-color: #f5aa48;
    }

        .color_section .widget_tag_cloud a:hover {
            color: #343434 !important;
            background-color: #ffffff;
        }

    .color_section .widget_calendar caption,
    .color_section .widget_calendar thead,
    .color_section .widget_calendar tbody,
    .color_section .widget_calendar tfoot,
    .color_section .widget_calendar tbody td {
        border-color: #f5aa48;
    }

    .color_section .widget_calendar caption,
    .color_section .widget_calendar thead {
        background-color: #db7f08;
    }

    .color_section .widget_calendar tbody td a {
        background-color: #f49921;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .color_section .widget_calendar tbody td a:hover {
            background-color: #db7f08;
        }

    .color_section .nav > li > a,
    .color_section .vertical-tabs .nav > li > a {
        border-color: #f5aa48;
    }

        .color_section .nav > li > a:hover,
        .color_section .vertical-tabs .nav > li > a:hover {
            background-color: #db7f08;
        }

    .color_section .panel-group .panel-heading + .panel-collapse .panel-body {
        border-color: #f5aa48;
    }

    .color_section .nav-tabs > li > a,
    .color_section .vertical-tabs .nav > li > a,
    .color_section .panel-heading .panel-title > a {
        border-color: #f5aa48;
        background-color: #f5c280;
        color: #ffffff;
    }

        .color_section .panel-heading .panel-title > a:hover {
            background-color: #f49921;
            border-color: #f49921;
        }

    .color_section .tab-content,
    .color_section .panel-group .panel-heading + .panel-collapse .panel-body {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .nav-tabs > li.active > a,
    .color_section .vertical-tabs .nav > li.active a {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .nav-tabs > li.active > a {
        border-bottom-color: #db7f08;
    }

        .color_section .nav-tabs > li.active > a:hover,
        .color_section .nav-tabs > li.active > a:focus {
            color: #ffffff;
        }

    .color_section .vertical-tabs .nav > li.active a {
        color: #ffffff;
    }

        .color_section .vertical-tabs .nav > li.active a:after {
            border-left-color: #db7f08;
        }

        .color_section .vertical-tabs .nav > li.active a:before {
            border-left-color: #f5aa48;
        }

    .color_section .entry-meta,
    .color_section .entry-tags,
    .color_section .blog-single .entry-tags {
        border-color: #f5aa48 !important;
    }

        .color_section .entry-tags a:before, .color_section .entry-meta a:before, .color_section time:before, .color_section .reply a:before {
            color: #ffffff;
        }

    .color_section .entry-thumbnail img {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .author-meta {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .comments-area .media-object {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .comments-area .media-body {
        background-color: #db7f08;
        border-color: #f5aa48;
    }

    .color_section .comment-meta {
        border-color: #f5aa48 !important;
    }

@media (min-width: 768px) {
    .color_section .author-meta .col-sm-2 img {
        background-color: #f5c280;
        border-color: #f5aa48;
    }
}

.color_section #isotope_filters a {
    color: #ffffff;
    border-color: #f5aa48;
}

    .color_section #isotope_filters a:hover {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #343434;
    }

.color_section .project-details p + p {
    border-color: #f5aa48;
}

.color_section .gallery-item .gallery-item-description {
    border-color: #f5aa48;
    background-color: #db7f08;
}

.color_section .gallery-item-description a {
    border-color: #f5c280;
    color: #ffffff;
}

    .color_section .gallery-item-description a:hover {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #343434;
    }

/*
animated elements
*/
.animated {
    /*IE7 fix*/
    visibility: visible !important;
}

/*
**template styles
*/
#header_wrapper {
    background: url(../example/crossword.png) repeat;
}

#header {
    background: #919191;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    z-index: 10000;
}

    #header.affix {
        position: fixed;
    }

#logo-header .navbar-brand {
    padding: 0;
    font-size: 32px;
    color: #343434;
    height: auto;
}

    #logo-header .navbar-brand [class*="icon"] {
        background-color: #f49921;
        font-size: 30px;
        color: #ffffff;
        border-radius: 100%;
        display: inline-block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        position: relative;
        left: -4px;
        padding: 0;
        top: auto;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    #logo-header .navbar-brand:hover [class*="icon"] {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    #logo-header .navbar-brand span {
        color: #f49921;
        text-transform: uppercase;
    }

#logo-header {
    position: relative;
    background: url(../example/crossword.png) repeat;
}

    #logo-header .logo-container {
        padding: 20px 0;
    }

    #logo-header .logo {
        position: relative;
    }

        #logo-header .logo .site-title {
            margin-bottom: 0;
        }

        #logo-header .logo .site-desc {
            bottom: 0;
            display: block;
            position: absolute;
            text-indent: -99999px;
            top: 0;
            z-index: -1;
        }

    #logo-header .social-info .social {
        list-style: none outside none;
        margin-top: 25px;
        margin-bottom: 0;
        padding-left: 0;
    }

        #logo-header .social-info .social li {
            float: left;
            height: 30px;
            margin-left: -1px;
            max-width: 35px;
            min-width: 35px;
            overflow: hidden;
        }

            #logo-header .social-info .social li a {
                border-left: 1px solid #919191;
                border-right: 1px solid #919191;
                color: #919191;
                display: block;
                font-weight: 300;
                padding-top: 5px;
                text-align: center;
            }

                #logo-header .social-info .social li a i {
                    font-size: 15px;
                }

                #logo-header .social-info .social li a span {
                    margin-left: 5px;
                }

            #logo-header .social-info .social li:hover, #logo-header .social-info .social li.active {
                max-width: 100%;
            }

                #logo-header .social-info .social li:hover a, #logo-header .social-info .social li.active a {
                    padding: 5px 10px 0;
                }

                #logo-header .social-info .social li:hover i, #logo-header .social-info .social li.active i {
                    color: #f49921;
                }

            #logo-header .social-info .social li:first-child a {
                border-left: none;
            }

            #logo-header .social-info .social li:last-child a {
                border-right: none;
            }

@media (max-width: 410px) {
    #logo-header .social-info {
        display: none;
    }
}
/*flexslider mainslider styles*/
#mainslider .container {
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
}

#mainslider .flexslider {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

#mainslider .slide_overlay:after {
    background-image: url(../example/pattern.png);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.35;
}

#mainslider .flexslider:before,
#mainslider .flexslider:after {
    content: "";
    position: absolute;
    background: transparent;
    z-index: -2;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

#mainslider .flexslider:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

#mainslider .slide_description_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12%;
    height: 100%;
}

    #mainslider .slide_description_wrapper:before, #mainslider .slide_description {
        display: inline-block;
        vertical-align: middle;
    }

    #mainslider .slide_description_wrapper:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle;
        margin-left: 0em;
    }

#mainslider .highlight {
    background-color: #343434;
    color: #ffffff;
    padding: 0 5px 2px;
    display: inline-block;
}

#mainslider p:first-child {
    font-size: 24px;
    color: #ffffff;
    background-color: #919191;
    display: inline-block;
    padding: 0.2em 0.4em;
}

#mainslider h4 {
    font-size: 30px;
}

#mainslider h3 {
    font-size: 35px;
    line-height: 1;
    letter-spacing: -2px;
    margin: 0 0 2px;
    padding: 0 0 2px;
    color: #f49921;
    font-weight: 700;
}

#mainslider h2 {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 900;
    font-size: 130px;
    letter-spacing: -3px;
    margin: 0 0 0 -0.04em;
}

#mainslider .theme_button {
    margin-top: 30px;
}

@media (max-width: 537px) {
    #mainslider .slide_description_wrapper {
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@media (max-width: 513px) {
    #mainslider .slide_description_wrapper {
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    #mainslider .flex-control-nav {
        display: none;
    }
}

@media (max-width: 320px) {
    #mainslider .slide_description_wrapper {
        top: -70px;
    }
}

#breadcrumbs {
    background-image: url(../img/background_section2.html);
}

    #breadcrumbs h1 {
        margin: 0 0 5px;
    }

aside {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 20px;
}

    aside .widget a {
        color: #343434;
    }

        aside .widget a:hover {
            color: #f49921;
        }

@media (min-width: 768px) {
    /*sidebar with background*/
    #content.left-sidebar .col-lg-9 {
        padding-left: 30px;
    }

    #content.right-sidebar .col-lg-9 {
        padding-right: 30px;
    }
}

#partners-carousel {
    text-align: center;
}

#related-gallery-items-carousel {
    margin-top: 30px;
}

#style {
    background-image: url(../example/parallax/style.jpg);
}

#skills {
    background-image: url('../img/backgrounds/parallax_001.jpg');
}

#counters {
    background-image: url(../example/parallax/counters.jpg);
}

#copyright p {
    margin-bottom: 0;
}

#map {
    height: 400px;
}

    #map img {
        max-width: inherit;
    }

/*
**main menu (min 768px) styles
*/
@media (min-width: 768px) {
    /* menu layout */
    .sf-menu, .sf-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sf-menu li {
            position: relative;
        }

        .sf-menu ul {
            position: absolute;
            display: none;
            top: 100%;
            left: 0;
            z-index: 99;
        }

        .sf-menu > li {
            display: inline-block;
        }

        .sf-menu li:hover > ul,
        .sf-menu li.sfHover > ul {
            display: block;
        }

        .sf-menu a {
            display: block;
            position: relative;
        }

        .sf-menu ul ul {
            top: -5px;
            left: 100%;
        }

    /* menu skin */
    .sf-menu {
        text-align: center;
    }

        .sf-menu ul {
            list-style: none;
            padding: 0;
            background-color: #7f7f7f;
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
            min-width: 12em;
            /* allow long menu items to determine submenu width */
            *width: 12em;
            /* no auto sub width for IE7, see white-space comment below */
        }

        .sf-menu a {
            padding: .75em 1.1em;
            text-decoration: none;
            zoom: 1;
            /* IE7 */
        }

        .sf-menu a {
            color: #ffffff;
        }

        .sf-menu li {
            margin-left: -4px;
            /*background: $lightColor;*/
            white-space: nowrap;
            /* no need for Supersubs plugin */
            *white-space: normal;
            /* ...unless you support IE7 (let it wrap) */
            -webkit-transition: background .2s;
            transition: background .2s;
        }

        .sf-menu > li:first-child > a {
            border-left: 1px solid #a3a3a3;
        }

        .sf-menu > li > a {
            border-right: 1px solid #a3a3a3;
            text-transform: uppercase;
            font-size: 13px;
            padding: 25px 20px;
        }

            .sf-menu > li > a:hover,
            .sf-menu > li.active > a {
                color: #ffffff;
                background-color: #f49921;
            }

        .sf-menu ul a:hover {
            color: #f49921;
            background-color: #919191;
        }

        .sf-menu li:hover,
        .sf-menu li.sfHover {
            /* only transition out, not in */
            -webkit-transition: none;
            transition: none;
        }

    /*** arrows (for all except IE7) **/
    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em;
        /* no CSS arrows for IE7 (lack pseudo-elements) */
    }

        /* styling for both css and generated arrows */
        .sf-arrows .sf-with-ul:after {
            font-family: 'fontello';
            content: '\e82e';
            position: absolute;
            right: 1.44em;
            height: 0;
            width: 0;
        }

    /*top menu level*/
    /* styling for right-facing arrows */
    .sf-arrows ul .sf-with-ul:after {
        content: '\e830';
    }
}
/*
**main menu mobile styles
*/
@media (max-width: 991px) and (min-width: 768px) {
    .sf-menu > li > a {
        font-size: 11px;
        padding: 20px 14px;
    }
}

@media (max-width: 767px) {
    #header.mobile-active {
        bottom: 0;
    }

    #mainmenu_wrapper {
        /*position: relative;*/
        position: fixed;
        visibility: hidden;
        z-index: 10;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: transparent;
        opacity: 0;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
    }

    .mobile-active #mainmenu_wrapper {
        visibility: visible;
        opacity: 1;
        background-color: #111;
        background-color: rgba(0, 0, 0, 0.9);
    }

    #toggle_mobile_menu,
    #toggle_mobile_menu:before,
    #toggle_mobile_menu:after {
        display: block;
        position: absolute;
        content: '';
        width: 30px;
        height: 3px;
        background-color: #343434;
        z-index: 11;
    }

    #toggle_mobile_menu {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        right: 0;
        top: 0;
        cursor: pointer;
        border: 28px solid #f49921;
        border-left-width: 15px;
        border-right-width: 15px;
    }

        #toggle_mobile_menu:before {
            top: -6px;
        }

        #toggle_mobile_menu:after {
            top: 6px;
        }

    .mobile-active #toggle_mobile_menu {
        position: fixed;
        right: 0;
        top: 0;
        background-color: #ffffff;
        border-color: #ffffff;
    }

        .mobile-active #toggle_mobile_menu:before {
            background-color: #ffffff;
        }

        .mobile-active #toggle_mobile_menu:after {
            font-family: 'rt-icons';
            content: "\e602";
            background-color: transparent;
            font-size: 40px;
            color: #343434;
            top: -8px;
            left: -5px;
        }

    .sf-menu {
        position: absolute;
        overflow: auto;
        background-color: #ffffff;
        top: 30px;
        left: 30px;
        bottom: 30px;
        right: 30px;
        padding: 20px;
        font-size: 1.2em;
        text-transform: uppercase;
        word-wrap: break-word;
    }

        .sf-menu a {
            color: #343434;
        }

        .sf-menu ul {
            list-style: none;
            padding-left: 10px;
        }

            .sf-menu ul li a {
                display: block;
                padding: 10px;
                text-transform: none;
            }

                .sf-menu ul li a:before {
                    content: '-';
                    padding-right: 5px;
                }

            .sf-menu ul ul li a:before {
                content: '--';
                padding-right: 5px;
            }

    /*** arrows (for all except IE7) **/
    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em;
        /* no CSS arrows for IE7 (lack pseudo-elements) */
    }

        /* styling for both css and generated arrows */
        .sf-arrows .sf-with-ul:after {
            font-family: 'fontello';
            content: '\e82e';
            position: absolute;
            right: 1.44em;
            height: 0;
            width: 0;
            font-size: 20px;
        }

    /*top menu level*/
    .sf-arrows .sfHover > a,
    .sf-arrows .sfHover > a:hover {
        color: #ffffff;
        background-color: #343434;
    }
}

@media (max-width: 400px) {
    .sf-menu {
        top: 15px;
        left: 15px;
        bottom: 15px;
        right: 15px;
        padding: 15px 5px;
    }
}
/*
**Our style
*/
#style .style_image {
    margin: -91px 0 -59px -80px;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

@media (max-width: 1399px) {
    #style .style_image {
        display: none;
    }
}

.heading-area {
    border-left: 3px solid #f49921;
    padding-left: 10px;
    margin-bottom: 25px;
}

    .heading-area h2 {
        font-weight: 700;
    }

.stepbox h3 {
    font-weight: 700;
}

.stepbox .step:after {
    border-color: #f49921 transparent transparent;
    border-style: solid;
    border-width: 35px 35px 0;
    bottom: -35px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.stepbox .step {
    background: #f49921;
    float: left;
    font-size: 18px;
    font-weight: 800;
    height: 40px;
    margin-top: 5px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 70px;
}

.stepbox .stepcontent {
    padding-left: 90px;
    margin: -38px 0 50px;
}

    .stepbox .stepcontent p {
        font-size: 15px;
        margin-top: -20px;
    }

.buytheme {
    margin-top: 15px;
}

/*
**Testimonials
*/
#testimonials h4 {
    line-height: 1.5;
}


#breadcrumbs {
    background: rgba(255, 255, 255, 0) no-repeat;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
}

    #breadcrumbs h1 {
        color: #d7d7d7;
        float: left;
        font-size: 36px;
        padding-top: 10px;
        margin-bottom: 0;
        padding: 0;
    }

    #breadcrumbs a {
        color: #f49921;
    }

    #breadcrumbs .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        padding-top: 15px;
        float: right;
        font-size: 12px;
        line-height: 50px;
        margin-bottom: 0;
        padding: 0;
    }

        #breadcrumbs .breadcrumb:after {
        }

.breadcrumb > li + li:before {
    color: #f49921;
}

.breadcrumb > .active {
    color: #4e4e4e;
    font-weight: bold;
}

.breadcrumbs .breadcrumb a {
    border-color: #ffffff;
    color: #ffffff;
    text-decoration: none;
}

    .breadcrumbs .breadcrumb a:hover {
        text-decoration: underline;
    }

/*
**Blog
*/
.owl-carousel .slide-content {
    padding: 0 15px;
}

    .owl-carousel .slide-content .recent-post {
        margin: 0 auto 20px;
        text-align: left;
        width: 100%;
    }

        .owl-carousel .slide-content .recent-post .post-image {
            margin-bottom: 20px;
            position: relative;
        }

            .owl-carousel .slide-content .recent-post .post-image img {
                display: block;
                overflow: hidden;
                position: relative;
                width: 100%;
            }

            .owl-carousel .slide-content .recent-post .post-image a {
                background-color: #f49921;
                color: #ffffff;
                font-size: 28px;
                font-weight: 700;
                height: 100%;
                left: 0;
                letter-spacing: -1px;
                line-height: 280px;
                opacity: 0;
                right: 0;
                bottom: 0;
                position: absolute;
                text-align: center;
                top: 0;
                transform: scale(0.5);
                -webkit-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                transition: all 0.3s ease-in-out 0s;
                -webkit-transition: all 0.3s ease-in-out 0s;
                -o-transition: all 0.3s ease-in-out 0s;
                -moz-transition: all 0.3s ease-in-out 0s;
                width: 100%;
            }

        .owl-carousel .slide-content .recent-post .post-title {
            margin: 0 auto 5px;
        }

            .owl-carousel .slide-content .recent-post .post-title a {
                color: #1a1a1a;
                font-size: 36px;
                font-weight: 700;
                letter-spacing: -3px;
                line-height: 42px;
                transition: all 0.3s ease-in-out 0s;
                -webkit-transition: all 0.3s ease-in-out 0s;
                -o-transition: all 0.3s ease-in-out 0s;
                -moz-transition: all 0.3s ease-in-out 0s;
            }

        .owl-carousel .slide-content .recent-post .post-meta {
            display: block;
            font-size: 12px;
            font-weight: 300;
            margin: 0 auto 7px;
            width: 100%;
        }

            .owl-carousel .slide-content .recent-post .post-meta span {
                margin-right: 5px;
                padding-right: 5px;
                position: relative;
            }

                .owl-carousel .slide-content .recent-post .post-meta span:after {
                    color: #7f7f7f;
                    content: "|";
                    font-size: 12px;
                    line-height: 14px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

        .owl-carousel .slide-content .recent-post .post-content {
            display: block;
            font-weight: 300;
            width: 100%;
        }

        .owl-carousel .slide-content .recent-post:hover .post-image a {
            opacity: 1;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
        }



.row.faq .tab-content .fa {
    color: #f49921;
    font-size: 12px;
}

.row.faq .nav {
}

    .row.faq .nav li + li {
        margin-top: 5px;
    }

    .row.faq .nav li a {
        background-color: #f9f9f9;
        border: 1px solid #dddddd;
        border-radius: 3px;
        color: #333333;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 8px;
        padding-left: 15px;
        padding-top: 8px;
    }

.color .row.faq .nav li a {
    border-color: #dddddd;
    color: #fff;
}

.row.faq .nav li.active a,
.row.faq .nav li a:hover {
    background-color: #ffffff;
    border-color: #dddddd;
    color: #f49921;
}

.color .row.faq .nav li.active a,
.color .row.faq .nav li a:hover {
    border-color: #ffffff;
    color: #ffffff;
}

.row.faq .nav li a .fa {
    width: 20px;
    text-align: center;
    margin-right: 15px;
    margin-top: 3px;
    float: left;
}

.row.faq .nav li a .faq-inner {
    display: block;
    overflow: hidden;
}

@media (max-width: 1199px) and (min-width: 991px) {
    .owl-carousel .slide-content .recent-post .post-image a {
        line-height: 215px;
        font-size: 22px;
    }

    .owl-carousel .slide-content .recent-post .post-title a {
        font-size: 15px;
        letter-spacing: 0;
    }

    .owl-carousel .slide-content .recent-post .post-meta span:after {
        display: none;
    }
}

@media (max-width: 354px) {
    .owl-carousel .slide-content .recent-post .post-image a {
        line-height: 215px;
        font-size: 22px;
    }

    .owl-carousel .slide-content .recent-post .post-title a {
        font-size: 15px;
        letter-spacing: 0;
    }

    .owl-carousel .slide-content .recent-post .post-meta span:after {
        display: none;
    }
}
/*
**widgets
*/
.widget > h3,
.widget .widget-title {
    margin: 0 0 30px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

aside .widget > h3,
aside .widget .widget-title {
    border-left: 5px solid #f49921;
    padding: 8px 0 10px 10px;
    background-color: #919191;
}

aside .widget + .widget {
    margin-top: 40px;
}

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

/*
widget_search,
widget_mailchimp
*/
.widget_search .form-inline .form-group,
.widget_mailchimp .form-inline .form-group {
    display: inline-block;
    vertical-align: top;
}

.widget_search input[type="text"],
.widget_mailchimp input[type="email"] {
    max-width: 210px;
    display: inline-block;
}

.widget_search .theme_button,
.widget_mailchimp .theme_button {
    font-size: 0;
    padding-left: 12px;
    padding-right: 12px;
}

    .widget_search .theme_button:before,
    .widget_mailchimp .theme_button:before {
        font-size: 16px;
        content: "\e65d";
        font-family: 'rt-icons';
    }

    .widget_mailchimp .theme_button:before {
        content: "\e70f";
    }

/*
widget_recent_entries
widget_recent_comments
widget_archive
widget_categories
widget_meta
widget_nav_menu
widget_pages
*/
.widget_recent_comments li {
    padding: 15px 0;
}

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

    .widget_recent_comments li:before {
        font-family: 'rt-icons';
        content: "\e675";
        font-size: 16px;
        line-height: 1;
        position: relative;
        top: 3px;
        padding-right: 10px;
        color: #343434;
    }

.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li {
    position: relative;
}

    .widget_recent_entries li + li,
    .widget_recent_comments li + li,
    .widget_archive li + li,
    .widget_categories li + li,
    .widget_meta li + li,
    .widget_nav_menu li + li,
    .widget_pages li + li {
        border-top: 1px solid #e4e4e4;
    }

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 15px 0;
    position: relative;
}

.widget_recent_entries li:first-child a,
.widget_archive li:first-child a,
.widget_categories li:first-child a,
.widget_meta li:first-child a,
.widget_nav_menu li:first-child a,
.widget_pages li:first-child a {
    padding-top: 0;
}

.widget_recent_entries a:before,
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before {
    font-family: 'rt-icons';
    content: "\e6d8";
    padding-right: 10px;
    color: #f49921;
}

.widget_archive span,
.widget_categories span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.widget_archive li:first-child span,
.widget_categories li:first-child span {
    margin-top: -14px;
}

.widget_nav_menu ul ul {
    border-top: 1px solid #e4e4e4;
    padding-left: 20px;
}

    .widget_nav_menu ul ul li:first-child a {
        padding-top: 15px;
    }

@media (min-width: 768px) {
    #copyright .widget_nav_menu li {
        display: inline-block;
        position: relative;
        border: none;
        padding-right: 5px;
    }

        #copyright .widget_nav_menu li:before {
            content: '';
            position: absolute;
            padding: 0;
            left: -5px;
            top: 5px;
            bottom: 5px;
            width: 1px;
            background-color: #e4e4e4;
            opacity: 0.3;
            display: block;
        }

        #copyright .widget_nav_menu li:first-child:before {
            display: none;
        }

    #copyright .widget_nav_menu a {
        padding: 0 10px;
    }

        #copyright .widget_nav_menu a:before {
            display: none;
        }
}
/*widget_tag_cloud*/
.widget_tag_cloud a {
    padding: 9px 22px;
    margin: 0 4px 4px 0;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: inline-block;
}

    .widget_tag_cloud a:hover {
        background-color: #f49921;
        border-color: #f49921;
    }

/*widget_flickr*/
.widget_flickr li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.widget_flickr img {
    max-width: 70px;
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

/*widget_popular_entries*/
.widget_popular_entries .media-heading {
    line-height: 1;
}

.widget_popular_entries .media-object {
    max-width: 60px;
    /*styles*/
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.widget_popular_entries .excerpt {
    display: none;
}

.widget_popular_entries li + li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e4e4e4;
}

.darkgrey_section .widget_popular_entries li + li {
    border-color: #575757;
}

/*widget_calendar*/
#calendar_wrap {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar caption,
.widget_calendar thead,
.widget_calendar tbody,
.widget_calendar tfoot {
    border: 1px solid #e4e4e4;
}

.widget_calendar caption {
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 10px 0 2px;
    border-bottom: none;
    background-color: #f5f5f5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.widget_calendar thead {
    border-top: none;
    background-color: #f5f5f5;
}

.widget_calendar tfoot {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.widget_calendar th {
    font-weight: normal;
    font-size: 1.1em;
}

.widget_calendar td, .widget_calendar th {
    text-align: center;
    padding: 8px;
    vertical-align: top;
}

.widget_calendar tbody td {
    border: 1px solid #e4e4e4;
    position: relative;
}

    .widget_calendar tbody td a {
        display: block;
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        padding: 8px;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

.widget_calendar #prev a:before {
    font-family: 'fontello';
    content: '\e840';
    padding-right: 10px;
}

.widget_calendar #next a:after {
    font-family: 'fontello';
    content: '\e841';
    padding-left: 10px;
}

/*widget_twitter*/
.tweet_avatar {
    float: left;
}

.tweet_right {
    overflow: hidden;
    zoom: 1;
    margin-left: 60px;
}

.tweet_list li + li {
    margin-top: 10px;
    clear: both;
}

    .tweet_list li + li .tweet_right {
        border-top: 1px solid #e4e4e4;
    }

    .tweet_list li + li .tweet_right, .tweet_list li + li .tweet_avatar {
        padding-top: 10px;
    }

/*
**shortcodes
*/
.teaser {
    text-align: center;
}

.teaser_icon [class*="icon"], .teaser_icon i {
    font-size: 60px;
}

.side_teaser .pull-left [class*="icon"],
.side_teaser .pull-right [class*="icon"] {
    font-size: 50px;
}

.teaser.with_counter p.counter {
    font-size: 54px;
    margin: 26px 0;
}

.testimonials-carousel {
    border: 1px solid #e4e4e4;
    padding: 30px 30px 40px;
    border-radius: 5px;
}

    .testimonials-carousel .carousel-indicators {
        bottom: 10px;
    }

    .testimonials-carousel .carousel-control {
        display: none;
    }

    .testimonials-carousel .media-object {
        max-width: 80px;
        margin-bottom: 10px;
    }

    .testimonials-carousel .carousel-indicators li {
        border-color: #f49921;
    }

        .testimonials-carousel .carousel-indicators li.active {
            background-color: #f49921;
        }

/*thumbnail*/
.thumbnail {
    position: relative;
    text-align: center;
    border: 1px solid #e4e4e4;
    padding: 0;
    overflow: hidden;
}

    .thumbnail img {
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .thumbnail .caption {
        padding-top: 30px;
        color: inherit;
        position: absolute;
        height: auto;
        width: 100%;
        top: auto;
        bottom: 0;
        opacity: 0;
        border-top: 1px solid #e4e4e4;
        background-color: #ffffff;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
        transition: transform 0.4s, opacity 0.1s 0.3s;
    }

    .thumbnail:hover img {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .thumbnail:hover .caption {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
    }

    .thumbnail + h3 {
        text-align: center;
        font-size: 1.4em;
        margin: -10px 0 2px;
    }

    .thumbnail a {
        text-align: center;
        color: #f49921;
        font-size: 12px;
        font-weight: bold;
    }


    .thumbnail + h3 + p {
        text-align: center;
        color: #f49921;
        font-size: 20px;
        margin-top: 10px;
    }

/*vertical tabs*/
.vertical-tabs .nav > li > a {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 1.7em;
}

.vertical-tabs .nav > li.active a {
    color: #343434;
}

@media (min-width: 768px) {
    .vertical-tabs .nav {
        margin-right: -25px;
    }

    .vertical-tabs .tab-content {
        border-radius: 5px;
    }

    .vertical-tabs .nav > li.active {
        position: relative;
        z-index: 2;
    }

        .vertical-tabs .nav > li.active a:after,
        .vertical-tabs .nav > li.active a:before {
            display: block;
            content: '';
            width: 9px;
            border-left: 9px solid #e4e4e4;
            border-top: 9px solid transparent;
            border-bottom: 9px solid transparent;
            height: 0;
            position: absolute;
            right: -9px;
            top: 50%;
            margin-top: -9px;
        }

        .vertical-tabs .nav > li.active a:after {
            border-left-color: #fff;
            border-left-width: 7px;
        }
}
/*price tables*/
.price-table,
.price-table ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    overflow: hidden;
}

.plan-name {
    border-bottom: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    padding: 15px 0;
}

    .plan-name h3 {
        margin: 0;
    }

.plan-price {
    margin-top: 15px;
}

    .plan-price span:first-child {
        font-size: 60px;
        line-height: 1em;
        color: #f49921;
    }

    .plan-price span + span {
        font-size: 30px;
        line-height: 50px;
        position: relative;
        letter-spacing: -1px;
        top: -22px;
        color: #f49921;
    }

    .plan-price p {
        display: inline;
        color: #343434;
        font-size: 40px;
        margin-left: -4px;
        letter-spacing: -1px;
    }

    .plan-price span + span + p {
        margin-left: -38px;
        font-size: 2em;
    }

.features-list li {
    margin: 10px 20px;
    padding-top: 10px;
    border-top: 1px solid #e4e4e4;
}

.features-list .enabled:before,
.features-list .disabled:before {
    font-family: 'rt-icons';
    content: "\e600";
    padding-right: 8px;
    color: #f49921;
}

.features-list .disabled:before {
    color: #343434;
    content: "\e602";
}

.call-to-action {
    margin: 20px 20px 30px;
}

.style2 {
    background-color: #f5f5f5;
}

    .style2 .plan-name {
        background-color: #343434;
    }

        .style2 .plan-name h3 {
            color: #ffffff;
        }

    .style2 .theme_button {
        background-color: #343434;
        border-color: #343434;
        color: #ffffff;
    }

        .style2 .theme_button:hover {
            background-color: #f49921;
            border-color: #f49921;
        }

/*contact form*/
.contact-form-respond {
    padding-left: 20px;
}

    .contact-form-respond:before {
        font-family: 'rt-icons';
        content: "\e600";
        padding-right: 10px;
    }

/*
**plugins
*/
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    /* clearfix */
    /* fix */
}

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

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }

.owl-carousel .owl-item img {
    border-bottom-style: solid;
    border-color: coral;
    border-width: 1px;
}

/* mouse grab icon */
.grabbing {
    cursor: url(../img/grabbing.png) 8 8, move;
}

.owl-theme {
    /* preloading images */
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    /*
  *   Owl Carousel Owl Demo Theme 
  *   v1.3.3
  */
}

    .owl-theme .owl-item.loading {
        min-height: 150px;
        background: url(../img/AjaxLoader.gif) no-repeat center center;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }

    .owl-theme .owl-controls {
        margin-top: 20px;
        text-align: center;
        /* Styling Pagination*/
        /* If PaginationNumbers is true */
        /* Styling Next and Prev buttons */
    }

        .owl-theme .owl-controls .owl-page {
            display: inline-block;
            zoom: 1;
            *display: inline;
            /*IE7 life-saver */
        }

            .owl-theme .owl-controls .owl-page.active span,
            .owl-theme .owl-controls .owl-page span {
                display: block;
                width: 12px;
                height: 12px;
                margin: 5px 7px;
                filter: Alpha(Opacity=50);
                /*IE7 fix*/
                opacity: 0.5;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                background-color: #f49921;
            }

                .owl-theme .owl-controls .owl-page span.owl-numbers {
                    height: auto;
                    width: auto;
                    color: #ffffff;
                    padding: 2px 10px;
                    font-size: 12px;
                    -webkit-border-radius: 30px;
                    -moz-border-radius: 30px;
                    border-radius: 30px;
                }

        .owl-theme .owl-controls .owl-buttons div {
            display: inline-block;
            zoom: 1;
            *display: inline;
            /*IE7 life-saver */
            font-size: 0;
            color: transparent;
            width: 40px;
            height: 40px;
            text-align: center;
            margin: 0 5px;
            left: 10px;
            border-radius: 4px;
            border: 1px solid #e4e4e4;
            color: #343434;
            -webkit-transition: all 0.2s linear 0s;
            -moz-transition: all 0.2s linear 0s;
            -o-transition: all 0.2s linear 0s;
            -ms-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
        }

            .owl-theme .owl-controls .owl-buttons div:hover {
                color: #ffffff;
                border-color: #f49921;
                background-color: #f49921;
            }

            .owl-theme .owl-controls .owl-buttons div.owl-next {
                right: 10px;
                left: auto;
            }

            .owl-theme .owl-controls .owl-buttons div:before {
                content: '\e82b';
                font-family: 'fontello';
                line-height: 40px;
                font-size: 20px;
            }

            .owl-theme .owl-controls .owl-buttons div.owl-next:before {
                content: '\e82c';
            }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/* RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    /* THEME
===================================*/
    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #ffffff;
        left: -5px;
        background-color: #ffffff;
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */
    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.html) center center no-repeat #ffffff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */
    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(../img/controls.png) no-repeat 0 -32px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(../img/controls.png) no-repeat -43px -32px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */
    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(../img/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(../img/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */
    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666 \9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

/*
fraction slider
*/
/* SLIDER STYLES */
.slider-wrapper {
    position: relative;
    /*overflow:hidden;*/
    width: 100%;
    /*padding-bottom: 8px;*/
}

.slider {
    position: relative;
    width: 100%;
    /*  height:400px; when responsive, comment this out */
    margin: 0 auto;
}

.fraction-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

    .fraction-slider .slide {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5000;
        overflow: hidden;
    }

    .fraction-slider .active-slide {
        z-index: 9999;
    }

    .fraction-slider .fs_obj {
        display: none;
        position: absolute;
        top: 0px;
        left: 100%;
        z-index: 7000;
    }

    .fraction-slider .fs_fixed_obj {
        z-index: 6000;
        left: 0;
    }

    .fraction-slider .fs_obj * {
        position: relative;
        top: 0px;
        left: 0px;
    }

.fs_loader {
    width: 100%;
    height: 400px;
    background: url(../img/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/
.fraction-slider .prev,
.fraction-slider .next {
    display: none;
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 9999;
}

    .fraction-slider .prev:before,
    .fraction-slider .next:before {
        content: '\e833';
        font-family: 'fontello';
        position: absolute;
        top: 10px;
    }

    .fraction-slider .next:before {
        content: '\e834';
    }

.fraction-slider .prev {
    left: 10px;
    top: 45%;
}

.fraction-slider .next {
    right: 10px;
    top: 185px;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next {
    display: block;
}

/** PAGER **/
.fs-pager-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    text-align: center;
    z-index: 9999;
    background-color: #fbd81a;
}

    .fs-pager-wrapper a {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 4px solid #fbd81a;
        position: relative;
        top: -8px;
        background-color: #ffffff;
        border-radius: 100%;
        margin: 0 5px 0 0;
    }

    .fs-pager-wrapper .active {
        background-color: #fbd81a;
    }

.slider-wrapper {
    overflow: hidden;
}

.fraction-slider p {
    color: #ffffff;
    position: absolute;
    top: -200px;
    z-index: 8000;
    padding: 1% 2%;
    font-size: 18px;
    line-height: 100%;
    color: #ffffff;
    white-space: nowrap;
    text-transform: uppercase;
}

    .fraction-slider p.big {
        font-size: 30px;
    }

/*
flexslider
*/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

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

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

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

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

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

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

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

/*.carousel li { margin-right: 5px; }*/
/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        border: 2px solid #f49921;
        font-size: 0;
        color: transparent;
        text-align: center;
    }

    .flex-direction-nav .flex-prev {
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        right: 10px;
        text-align: right;
    }

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "fontello";
    font-size: 20px;
    content: '\e833';
    color: #343434;
    position: absolute;
    top: 5px;
    left: 12px;
}

.flex-direction-nav a.flex-next:before {
    content: '\e834';
    left: 14px;
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: 'rt-icons';
        font-size: 20px;
        display: inline-block;
        content: "\e6a2";
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: "\e711";
    }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 40px;
    text-align: center;
    z-index: 2;
}

    .flex-control-nav li {
        margin: 0 3px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 18px;
    height: 18px;
    display: block;
    background: #ffffff;
    border: 2px solid #ffffff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

    .flex-control-paging li a:hover {
        background-color: transparent;
    }

    .flex-control-paging li a.flex-active {
        background-color: transparent;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
/*
prettyPhoto
*/
div.facebook .pp_expand {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_expand:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_contract {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_contract:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    z-index: 3000;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook .pp_loaderIcon {
    background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px;
        margin-top: -2px;
    }

    div.facebook .pp_nav .pp_play {
        background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

    div.facebook .pp_nav .pp_pause {
        background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

div.facebook .pp_next:hover {
    background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_content {
    height: 40px;
    min-width: 40px;
    overflow: hidden;
}

* html .pp_content {
    width: 40px;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

    .pp_content_container .pp_left {
        padding-left: 20px;
    }

    .pp_content_container .pp_right {
        padding-right: 20px;
    }

    .pp_content_container .pp_details {
        float: left;
        /*margin:10px 0 2px;*/
        padding: 7px 10px;
        background-color: #ffffff;
    }

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

    .pp_social .facebook {
        float: left;
        margin-left: 5px;
        width: auto;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: left;
    }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

    .pp_nav p {
        float: left;
        white-space: nowrap;
        margin: 2px 4px;
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px;
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative;
    }

    .pp_gallery ul {
        float: left;
        height: 35px;
        position: relative;
        white-space: nowrap;
        margin: 0 0 0 5px;
        padding: 0;
    }

        .pp_gallery ul a {
            border: 1px rgba(0, 0, 0, 0.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden;
        }

            .pp_gallery ul a img {
                border: 0;
            }

    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
    }

        .pp_gallery li.default a {
            background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }

    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
        margin-top: 7px !important;
    }

a.pp_next {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

a.pp_previous {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 6px;
    top: -16px;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px;
}

#pp_full_res {
    line-height: 1 !important;
}

    #pp_full_res .pp_inline {
        text-align: left;
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px;
        }

div.ppt {
    color: #ffffff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px;
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px;
}

    .pp_top .pp_left, .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_top .pp_middle, .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
        left: 0;
        position: static;
    }

    .pp_top .pp_right, .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_fade, .pp_gallery li.default a img {
    display: none;
}

/*
easy pie chart
*/
.chart {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.percent {
    display: inline-block;
    font-size: 2em;
    color: #343434;
    line-height: 160px;
    z-index: 2;
}

    .percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
    }

.angular {
    margin-top: 100px;
}

    .angular .chart {
        margin-top: 0;
    }

/* 
totop 
*/
#toTop {
    bottom: 20px;
    right: 20px;
    display: none;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    color: transparent;
    background-color: #1a1a1a;
    border-radius: 3px;
}

    #toTop:after {
        color: #ffffff;
        content: '\e813';
        font-size: 22px;
        line-height: 40px;
        font-family: 'fontello';
        text-align: center;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    #toTopHover, #toTop:hover {
        background-color: #f49921;
        bottom: 23px;
    }

        #toTop:hover:after {
            color: #ffffff;
        }

    #toTop:active, #toTop:focus {
        outline: medium none;
    }

/*
isotope portfolio
*/
#isotope_filters {
    text-align: center;
    margin: 30px 0 30px;
}

    #isotope_filters a {
        padding: 9px 22px;
        margin: 0 4px 4px 0;
        border: 1px solid #e4e4e4;
        border-radius: 4px;
        display: inline-block;
        color: #7f7f7f;
    }

        #isotope_filters a:hover {
            background-color: #f49921;
            border-color: #f49921;
            color: #ffffff;
        }

.gallery-item {
    padding: 0;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.gallery-item-description {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 35px;
    text-align: center;
}

.gallery-item img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.gallery-item-description a {
    width: 50px;
    height: 50px;
    z-index: 3;
    display: inline-block;
    line-height: 50px;
    border: 1px solid #e4e4e4;
    color: #7f7f7f;
    font-size: 22px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    bottom: -60px;
    right: 11px;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

    .gallery-item-description a:hover {
        color: #ffffff;
        background-color: #f49921;
        border-color: #f49921;
    }

    .gallery-item-description a.p-link {
        right: 71px;
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
        -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    }

.gallery-item:hover .gallery-item-description a {
    bottom: 10px;
}

.gallery-item-description a:before {
    font-family: 'rt-icons';
    content: "\e68d";
}

.gallery-item-description a.p-link:before {
    content: "\e68c";
}

.gallery-item .gallery-item-description {
    z-index: 2;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.gallery-item h3 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.gallery-item p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.gallery-item:hover .gallery-item-description {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-item:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.gallery-item:hover h3,
.gallery-item:hover p,
.gallery-item:hover a.p-view,
.gallery-item:hover a.p-link {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.project-details h4 {
    margin-top: 0;
}

.project-details p span {
    font-weight: 700;
}

.project-details p + p {
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
}

.project-details p:last-child {
    border: none;
}

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

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

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

        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

/*# sourceMappingURL=main.css.map */


/***** Faq *****/

.faq-box {
    padding-top: 30px;
    text-align: left;
}

.single-faq {
    position: relative;
    min-height: 60px;
    margin-bottom: 20px;
    padding: 15px 25px;
    background: #f6f6f6;
    border-left: 1px solid #f49921;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .single-faq h3 {
        margin: 0;
        padding-right: 35px;
        font-size: 22px;
        font-weight: 300;
        line-height: 30px;
    }

    .single-faq span {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        padding: 23px;
        font-size: 14px;
        line-height: 14px;
        cursor: pointer;
        z-index: 100;
    }

        .single-faq span i {
            vertical-align: middle;
        }

    .single-faq .single-faq-text {
        display: none;
        margin-top: 10px;
    }

    .single-faq p {
        font-size: 18px;
        line-height: 32px;
    }

        .single-faq p:last-child {
            margin: 0;
        }