@import url('//fonts.googleapis.com/css?family=Barlow:regular,700|Roboto:regular|Open+Sans:regular');

html[dir=rtl] .col-offset-12, body[dir=rtl] .col-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

html[dir=rtl] .col-offset-11, body[dir=rtl] .col-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-offset-10, body[dir=rtl] .col-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-offset-9, body[dir=rtl] .col-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

html[dir=rtl] .col-offset-8, body[dir=rtl] .col-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-offset-7, body[dir=rtl] .col-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-offset-6, body[dir=rtl] .col-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

html[dir=rtl] .col-offset-5, body[dir=rtl] .col-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-offset-4, body[dir=rtl] .col-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-offset-3, body[dir=rtl] .col-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

html[dir=rtl] .col-offset-2, body[dir=rtl] .col-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-offset-1, body[dir=rtl] .col-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-12, body[dir=rtl] .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-11, body[dir=rtl] .col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-10, body[dir=rtl] .col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-9, body[dir=rtl] .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-8, body[dir=rtl] .col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-7, body[dir=rtl] .col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-6, body[dir=rtl] .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-5, body[dir=rtl] .col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-4, body[dir=rtl] .col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-3, body[dir=rtl] .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-2, body[dir=rtl] .col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-sm-offset-1, body[dir=rtl] .col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-12, body[dir=rtl] .col-md-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-11, body[dir=rtl] .col-md-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-10, body[dir=rtl] .col-md-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-9, body[dir=rtl] .col-md-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-8, body[dir=rtl] .col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-7, body[dir=rtl] .col-md-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-6, body[dir=rtl] .col-md-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-5, body[dir=rtl] .col-md-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-4, body[dir=rtl] .col-md-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-3, body[dir=rtl] .col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-2, body[dir=rtl] .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-md-offset-1, body[dir=rtl] .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-12, body[dir=rtl] .col-lg-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-11, body[dir=rtl] .col-lg-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-10, body[dir=rtl] .col-lg-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-9, body[dir=rtl] .col-lg-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-8, body[dir=rtl] .col-lg-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-7, body[dir=rtl] .col-lg-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-6, body[dir=rtl] .col-lg-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-5, body[dir=rtl] .col-lg-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-4, body[dir=rtl] .col-lg-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-3, body[dir=rtl] .col-lg-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-2, body[dir=rtl] .col-lg-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

html[dir=rtl] .col-lg-offset-1, body[dir=rtl] .col-lg-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}


body, html {
    color: #666
}

html[dir=rtl] body {
    text-align: initial
}

body.boxed {
    background-color: #eee
}

body.boxed .dexp-body-inner {
    margin: 0 auto;
    background-color: #fff;
    max-width: 1170px
}

h1, h2, h3, h4, h5, h6 {
    color: #2d3237
}

.dexp-section:after {
    content: "";
    clear: both
}

.sticky-wrapper {
    position: relative;
    z-index: 101
}

.dexp-sticky.affix-bottom {
    position: absolute
}

@media (max-width: 991px) {
    .dexp-sticky.unsticky-mobile.affix {
        position: static
    }
}



.alert.alert-dismissible {
    margin-left: 8px
}

#dexp-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 999999;
    opacity: 1;
    text-align: center
}

#dexp-loader .loading {
    direction: ltr;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    text-indent: -9999em
}

#dexp-loader p {
    font-style: italic;
    margin-top: 20px
}

#dexp-loader .ball {
    border-radius: 50%;
    background: #f36f21;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-animation: loading 1.2s linear infinite;
    animation: loading 1.2s linear infinite
}

#dexp-loader .ball:nth-of-type(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

#dexp-loader .ball:nth-of-type(3) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

@-webkit-keyframes loading {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: translate3d(33px, 0, 0);
        transform: translate3d(33px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(66px, 0, 0);
        transform: translate3d(66px, 0, 0)
    }
    80% {
        -webkit-transform: translate3d(99px, 0, 0);
        transform: translate3d(99px, 0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(99px, 0, 0) scale(.5);
        transform: translate3d(99px, 0, 0) scale(.5);
        opacity: 0
    }
}

@keyframes loading {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: translate3d(33px, 0, 0);
        transform: translate3d(33px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(66px, 0, 0);
        transform: translate3d(66px, 0, 0)
    }
    80% {
        -webkit-transform: translate3d(99px, 0, 0);
        transform: translate3d(99px, 0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(99px, 0, 0) scale(.5);
        transform: translate3d(99px, 0, 0) scale(.5);
        opacity: 0
    }
}

.block-place-region a.button {
    display: block
}

table {
    width: 100%;
    margin: 0 0 10px
}

table thead th {
    background: #f5f5f2;
    border: solid #bfbfba;
    border-width: 1px 0;
    color: #333;
    text-transform: uppercase;
    padding: 10px 12px
}

table tr {
    padding: .1em .6em
}

table tr td {
    padding: 10px 12px
}



.middle-center {
    position: relative
}

.middle-center > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.slick-initialized .slick-list {
    direction: ltr
}

html[dir=rtl] .slick-initialized .slick-list .slick-slide {
    direction: rtl
}

body > #stcpDiv {
    display: none
}

.ajax-progress {
    padding: 0
}

.ajax-progress.ajax-progress-throbber .throbber {
    background: none;
    padding: 0
}

.ajax-progress.ajax-progress-throbber .throbber::after {
    content: "\f110";
    display: inline-block;
    font-family: FontAweSome;
    -webkit-animation: spin 1000ms linear infinite;
    animation: spin 1500ms linear infinite
}

.ajax-progress.ajax-progress-throbber .message {
    font-size: 85%
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.actions .button, .actions .image-button {
    margin-left: 0;
    margin-right: 0
}

.middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

html[dir="rtl"], body[dir="rtl"] {
    direction: rtl
}

html[dir="rtl"] body, body[dir="rtl"] body {
    text-align: right
}

html[dir="rtl"] .ltr, body[dir="rtl"] .ltr {
    direction: ltr !important
}

html[dir="rtl"] .pull-right, body[dir="rtl"] .pull-right {
    float: left !important
}

html[dir="rtl"] .region-top-left, body[dir="rtl"] .region-top-left {
    text-align: right
}

html[dir="rtl"] .slick-slide, body[dir="rtl"] .slick-slide {
    direction: ltr
}

html[dir="rtl"] .testimonial-style-02.view-testimonials .description:before, body[dir="rtl"] .testimonial-style-02.view-testimonials .description:before {
    border-color: transparent #eceef0 #eceef0 transparent;
    right: 0;
    margin-right: -10px
}

html[dir="rtl"] .dexp-builder-accordions .card-header a, body[dir="rtl"] .dexp-builder-accordions .card-header a, html[dir="rtl"] .dexp-builder-accordions .card-header a.collapsed, body[dir="rtl"] .dexp-builder-accordions .card-header a.collapsed {
    background-position-x: 0
}

html[dir="rtl"] .alert, body[dir="rtl"] .alert {
    text-align: right
}

html[dir="rtl"] .alert .close, body[dir="rtl"] .alert .close {
    float: left
}

html[dir="rtl"] .dexp-slick-carousel, body[dir="rtl"] .dexp-slick-carousel {
    direction: ltr !important
}

html[dir="rtl"] .dexp-slick-carousel .slick-next, body[dir="rtl"] .dexp-slick-carousel .slick-next {
    left: auto !important
}

html[dir="rtl"] .dexp-slick-carousel.dexp-slick-gallery .slick-slide, body[dir="rtl"] .dexp-slick-carousel.dexp-slick-gallery .slick-slide {
    float: left
}

html[dir="rtl"] #section-footer .tags .view-content ul li, body[dir="rtl"] #section-footer .tags .view-content ul li {
    float: right;
    margin-right: 6px
}

html[dir="rtl"] .refresh-blog img, body[dir="rtl"] .refresh-blog img {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

html[dir="rtl"] ul.nav-tabs, body[dir="rtl"] ul.nav-tabs {
    padding-right: 0
}

html[dir="rtl"] ul.nav-tabs > li, body[dir="rtl"] ul.nav-tabs > li {
    float: right
}

html[dir="rtl"] ul.nav-tabs > li a, body[dir="rtl"] ul.nav-tabs > li a {
    margin-right: 0;
    margin-left: 2px
}

html[dir="rtl"] .list-1 li, body[dir="rtl"] .list-1 li, html[dir="rtl"] .list-2 li, body[dir="rtl"] .list-2 li, html[dir="rtl"] .list-3 li, body[dir="rtl"] .list-3 li, html[dir="rtl"] .list-4 li, body[dir="rtl"] .list-4 li {
    margin-right: 23px
}

html[dir="rtl"] .list-1 li:before, body[dir="rtl"] .list-1 li:before, html[dir="rtl"] .list-2 li:before, body[dir="rtl"] .list-2 li:before, html[dir="rtl"] .list-3 li:before, body[dir="rtl"] .list-3 li:before, html[dir="rtl"] .list-4 li:before, body[dir="rtl"] .list-4 li:before {
    position: absolute;
    right: 15px;
    margin: 0
}

html[dir="rtl"] .title-wrapper h1, body[dir="rtl"] .title-wrapper h1 {
    padding-right: 0;
    padding-left: 5px
}

html[dir="rtl"] .title-wrapper h1:after, body[dir="rtl"] .title-wrapper h1:after {
    left: auto;
    right: 0
}

html[dir="rtl"] .dropcap, body[dir="rtl"] .dropcap {
    float: right;
    padding-left: 10px
}

html[dir="rtl"] #section-footer, body[dir="rtl"] #section-footer {
    text-align: right
}

html[dir="rtl"] #section-footer .haft-left, body[dir="rtl"] #section-footer .haft-left {
    float: right
}

html[dir="rtl"] .dexp-builder-skill-bar .progress-text, body[dir="rtl"] .dexp-builder-skill-bar .progress-text {
    left: auto;
    right: 0
}

html[dir="rtl"] .dexp-builder-skill-bar .progress-percent, body[dir="rtl"] .dexp-builder-skill-bar .progress-percent {
    right: auto !important;
    left: 0
}

html[dir="rtl"] .dexp-builder-tabs .nav-tabs li:not(:first-child), body[dir="rtl"] .dexp-builder-tabs .nav-tabs li:not(:first-child) {
    border-right: none
}

html[dir="rtl"] .dexp-builder-tabs .nav-tabs li:not(:last-child), body[dir="rtl"] .dexp-builder-tabs .nav-tabs li:not(:last-child) {
    border-right: 1px solid #ddd
}

html[dir="rtl"] .dexp-builder-tabs .nav-tabs a, body[dir="rtl"] .dexp-builder-tabs .nav-tabs a {
    margin: 0
}

html[dir="rtl"] .dexp-builder-title .dexp-title, body[dir="rtl"] .dexp-builder-title .dexp-title {
    padding-right: 0
}

html[dir="rtl"] .dexp-builder-title .dexp-title:after, body[dir="rtl"] .dexp-builder-title .dexp-title:after {
    left: auto;
    right: 0
}

html[dir="rtl"] .dexp-builder-box.style04 .box-icon, body[dir="rtl"] .dexp-builder-box.style04 .box-icon, html[dir="rtl"] .dexp-builder-box.style05 .box-icon, body[dir="rtl"] .dexp-builder-box.style05 .box-icon, html[dir="rtl"] .dexp-builder-box.style06 .box-icon, body[dir="rtl"] .dexp-builder-box.style06 .box-icon, html[dir="rtl"] .dexp-builder-box.style07 .box-icon, body[dir="rtl"] .dexp-builder-box.style07 .box-icon, html[dir="rtl"] .dexp-builder-box.style08 .box-icon, body[dir="rtl"] .dexp-builder-box.style08 .box-icon {
    float: right
}

html[dir="rtl"] .dexp-builder-box.style04 .box-title, body[dir="rtl"] .dexp-builder-box.style04 .box-title, html[dir="rtl"] .dexp-builder-box.style05 .box-title, body[dir="rtl"] .dexp-builder-box.style05 .box-title, html[dir="rtl"] .dexp-builder-box.style06 .box-title, body[dir="rtl"] .dexp-builder-box.style06 .box-title, html[dir="rtl"] .dexp-builder-box.style07 .box-title, body[dir="rtl"] .dexp-builder-box.style07 .box-title, html[dir="rtl"] .dexp-builder-box.style08 .box-title, body[dir="rtl"] .dexp-builder-box.style08 .box-title, html[dir="rtl"] .dexp-builder-box.style04 .box-content, body[dir="rtl"] .dexp-builder-box.style04 .box-content, html[dir="rtl"] .dexp-builder-box.style05 .box-content, body[dir="rtl"] .dexp-builder-box.style05 .box-content, html[dir="rtl"] .dexp-builder-box.style06 .box-content, body[dir="rtl"] .dexp-builder-box.style06 .box-content, html[dir="rtl"] .dexp-builder-box.style07 .box-content, body[dir="rtl"] .dexp-builder-box.style07 .box-content, html[dir="rtl"] .dexp-builder-box.style08 .box-content, body[dir="rtl"] .dexp-builder-box.style08 .box-content {
    margin-left: 0px;
    margin-right: 70px
}

html[dir="rtl"] .view-testimonials .views-field-field-job-title, body[dir="rtl"] .view-testimonials .views-field-field-job-title {
    float: right;
    margin-right: 5px
}

html[dir="rtl"] .dexp-builder-accordions.question .card-header a::before, body[dir="rtl"] .dexp-builder-accordions.question .card-header a::before {
    float: right;
    line-height: 15px;
    padding-right: 0;
    padding-left: 10px
}

#section-top-bar {
    border-bottom: 1px solid #eceef0;
    width: 100%
}

#section-top-bar.light {
    background-color: #F2F4F6
}

#section-top-bar.color {
    background-color: #f36f21;
    color: #FFF
}

#section-top-bar.color a {
    color: #FFF !important
}

#section-top-bar.color .fa {
    color: #FFF !important
}

.region-top-left .call-us .fa {
    color: #f36f21
}

.region-top-left .call-us a {
    color: #666
}

.region-top-left ul:not(.contextual-links) {
    padding: 0
}

.region-top-left ul:not(.contextual-links) li {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px
}

@media (min-width: 768px) {
    .region-top-left ul:not(.contextual-links) li {
        border-left: 1px solid #eceef0;
        padding-left: 10px
    }
}

.region-top-left ul:not(.contextual-links) li a {
    line-height: 40px
}

.region-top-left ul:not(.contextual-links) li.first {
    border-left: none;
    padding-left: 0
}


.image-wrapper {
    position: relative;
    height: inherit;
    overflow: hidden
}

.image-wrapper .dexp-image img {
    display: block;
    width: 100%;
    height: auto
}

.overlay {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.overlay .overlay-inner {
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: center
}

.overlay .overlay-inner > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.overlay .overlay-inner a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.overlay.overlay1:before {
    border: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 10px;
    content: "";
    display: block;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.dexp-layout-evolve:hover .overlay {
    opacity: 1
}

.team-style:hover .team-overlay {
    opacity: 1
}

.team-style:hover .team-middle {
    opacity: 1;
    top: 50%
}

.team-items {
    background: #fff;
    border-radius: 0px 0px 2px 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 10px !important
}

.team-items .field--name-node-title {
    padding-top: 12px
}

.team-middle {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    text-align: center
}

.team-inner {
    background: #fff;
    border-radius: 0px 0px 2px 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 14px;
    padding-bottom: 0;
    margin-bottom: 0
}

.team-position {
    font-weight: 300;
    color: #b9bec3;
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid #eceef0;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.team-email {
    border-top: 1px solid #eceef0;
    padding: 5px 0 10px;
    font-weight: 300;
    color: #b9bec3;
    font-size: 12px
}

.team-email::before {
    font-family: FontAwesome;
    content: "\f003";
    padding-right: 2px
}

.team-socials {
    overflow: hidden
}

.team-socials .field__item {
    display: inline-block
}

.team-socials .field__item a {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    font-size: 18px;
    display: block;
    overflow: hidden
}

.team-socials .field__item a .fa {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #a0a5aa;
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: 0;
    top: 0;
    position: absolute
}

.team-socials .field__item a .fa.icon-overlay {
    color: #fff;
    top: -40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0
}

.team-socials .field__item a:hover .fa {
    top: 40px
}

.team-socials .field__item a:hover .fa.icon-overlay {
    opacity: 1;
    top: 0
}

.team-slider .slick-slider {
    padding-top: 50px !important
}

.team-slider .slick-slider .slick-arrow {
    opacity: 1 !important;
    top: 20px !important;
    border: 1px solid #d7dce1;
    color: #D7DCE1;
    border-radius: 2px;
    height: 34px !important;
    width: 64px !important;
    line-height: 32px;
    text-align: center;
    background: transparent
}

.team-slider .slick-slider .slick-arrow:before {
    position: absolute;
    background: none !important;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    color: #D7DCE1;
    font-size: 24px;
    line-height: 30px;
    text-align: center
}

.team-slider .slick-slider .slick-arrow.slick-prev {
    left: 44%
}

.team-slider .slick-slider .slick-arrow.slick-prev:before {
    content: "\f104"
}

@media (max-width: 575px) {
    .team-slider .slick-slider .slick-arrow.slick-prev {
        left: 24%
    }
}

.team-slider .slick-slider .slick-arrow.slick-next {
    right: 44%
}

.team-slider .slick-slider .slick-arrow.slick-next:before {
    content: "\f105"
}

@media (max-width: 575px) {
    .team-slider .slick-slider .slick-arrow.slick-next {
        right: 24%
    }
}

.team-slider .slick-slider .slick-arrow:hover {
    background-color: #f36f21;
    border: 1px solid #f36f21;
    color: #fff
}

.block-team-title .block-title {
    font-size: 26px;
    text-align: center;
    font-weight: 300;
    color: #2d3237;
    font-family: "Raleway";
    margin-top: 30px;
    margin-bottom: 30px
}

.node--view-mode-teaser .field--name-body p {
    font-size: 13px;
    line-height: 20px
}

.node--view-mode-teaser .team-title {
    margin-top: 0
}

.node--view-mode-teaser .team-position {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.node--view-mode-teaser .team-email {
    padding: 5px 0 8px
}

.list-1 li, .list-2 li, .list-3 li, .list-4 li {
    list-style: none;
    margin: 7px 0;
    margin-left: 2px
}

ul.list-1, ul.list-2, ul.list-3, ul.list-4 {
    padding: 0 0 20px 0
}

.list-1 li:first-child, .list-2 li:first-child, .list-3 li:first-child, .list-4 li:first-child {
    margin-top: 0
}

.list-1 li:before, .list-2 li:before, .list-3 li:before, .list-4 li:before {
    content: "";
    font-family: "FontAwesome";
    margin: 0 8px 0 0;
    position: relative;
    color: #f36f21
}

.list-1 li:before {
    content: ""
}

.list-2 li:before {
    content: "\f105"
}

.list-3 li:before {
    content: ""
}

.list-4 li:before {
    content: ""
}


.premium .plan-price, .premium .plan-features a.button:hover {
    background-color: #fff;
    color: #f36f21
}

.premium.plan h3, .premium .plan-features a.button {
    background-color: #232d37;
    color: #fff
}

.premium .plan-currency {
    color: #f36f21
}

.premium.plan h3, .premium .plan-features {
    background-color: #f36f21;
    color: #fff
}

.featured .plan-price {
    background-color: #eff4f7;
    color: #afb4b9
}

.featured.plan h3 {
    background-color: #fff
}

.featured .plan-features a.button {
    background-color: #232d37
}

.featured .plan-features a.button:hover {
    color: #fff
}

embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.embed iframe, .embed object, .embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-left {
    float: left;
    margin: 5px 15px 8px 0
}

.image-right {
    float: right;
    margin: 5px 0 8px 15px
}

.image-center {
    margin: 5px auto 0 10% !important
}

.left {
    text-align: left
}

.centered {
    text-align: center
}

.right {
    float: right !important
}

.pic {
    margin-bottom: 10px;
    border-radius: 2px;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s
}

.pic:hover {
    opacity: 0.7
}

.view-testimonials .description {
    width: 100%
}

.view-testimonials .description p {
    font-size: 20px
}

@media (max-width: 767px) {
    .view-testimonials .description p {
        font-size: 18px
    }
}

.view-testimonials .client-author {
    text-align: left;
    color: #B9BEC3
}

.view-testimonials .client-author span, .view-testimonials .client-author strong {
    font-style: italic
}

.view-testimonials .client-name {
    color: #f36f21 !important
}

.view-testimonials ul.slick-dots li button {
    background: none !important;
    border: 1px solid #eceef0;
    border-radius: 7px;
    display: block;
    height: 14px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 14px
}

.view-testimonials ul.slick-dots li button:hover, .view-testimonials ul.slick-dots li.slick-active button {
    background: none repeat scroll 0 0 #000;
    border: 1px solid #f36f21
}

.testimonial-style-01 .views-field-body p {
    background: none repeat scroll 0 0 #f4f6f8;
    border-radius: 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.04) inset;
    padding: 20px;
    text-align: left
}

.testimonial-style-01 .testimonials-bg {
    background: url("/themes/solargain/assets/css/../images/testimonials-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    margin-left: 27px;
    margin-top: -15px;
    width: 200px
}

.testimonial-style-01 .views-field-field-job-title {
    color: #B9BEC3;
    display: block;
    float: left;
    font-style: italic;
    margin-bottom: 20px
}

.testimonial-style-01 ul.slick-dots {
    bottom: 0
}

.testimonial-style-02.view-testimonials i {
    color: #ECEEF0;
    font-size: 40px
}

.testimonial-style-02.view-testimonials .client-image {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    width: 122px;
    height: 122px;
    margin: 0 auto 20px
}

.testimonial-style-02.view-testimonials .client-image img {
    width: 100px;
    height: auto;
    border-radius: 50%
}

.testimonial-style-02.view-testimonials .description {
    border: 1px solid #eceef0;
    border-radius: 5px;
    color: #B9BEC3;
    display: block;
    float: right;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 7px;
    padding: 30px 10px 20px 10px;
    position: relative;
    text-align: left
}

.testimonial-style-02.view-testimonials .description:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #eceef0 transparent transparent #eceef0;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 12px;
    left: 0;
    margin-left: -7px;
    position: absolute;
    top: 15px;
    transform: rotate(-45deg);
    width: 12px
}

.testimonial-style-02.view-testimonials .client-name {
    color: #f36f21 !important;
    font-size: 12px;
    font-style: italic
}

.testimonial-style-02.view-testimonials .position {
    font-size: 12px;
    font-style: italic;
    color: #B9BEC3
}

.testimonial-style-02 .slick-arrow {
    bottom: -10px
}

.testimonial-style-02 ul.slick-dots {
    bottom: 0
}

@media (max-width: 767px) {
    .testimonial-style-02 ul.slick-dots {
        text-align: right
    }

    .testimonial-style-02 ul.slick-dots li {
        margin-right: 0;
        margin-left: 5px
    }

    .testimonial-style-02 ul.slick-dots li button {
        margin: 0
    }
}

.testimonial-style-01 .slick-arrow, .testimonial-style-02 .slick-arrow, .testimonial-style-03 .slick-arrow {
    border-radius: 0;
    width: 25px;
    height: 25px;
    line-height: 20px;
    background: none;
    text-indent: 4px;
    font-size: 0;
    color: #D7DCE1
}

.testimonial-style-01 .slick-arrow:before, .testimonial-style-02 .slick-arrow:before, .testimonial-style-03 .slick-arrow:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #d7dce1;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    line-height: 22px
}

.testimonial-style-01 .slick-arrow:hover, .testimonial-style-02 .slick-arrow:hover, .testimonial-style-03 .slick-arrow:hover {
    border: solid 1px #f36f21;
    background-color: #f36f21
}

.testimonial-style-01 .slick-arrow:hover:before, .testimonial-style-02 .slick-arrow:hover:before, .testimonial-style-03 .slick-arrow:hover:before {
    color: #fff
}

.testimonial-style-01 .slick-arrow.slick-next, .testimonial-style-02 .slick-arrow.slick-next, .testimonial-style-03 .slick-arrow.slick-next {
    right: 0px !important
}

.testimonial-style-01 .slick-arrow.slick-next:before, .testimonial-style-02 .slick-arrow.slick-next:before, .testimonial-style-03 .slick-arrow.slick-next:before {
    content: "\f105"
}

.testimonial-style-01 .slick-arrow.slick-prev, .testimonial-style-02 .slick-arrow.slick-prev, .testimonial-style-03 .slick-arrow.slick-prev {
    right: 28px !important;
    left: auto !important
}

.testimonial-style-01 .slick-arrow.slick-prev:before, .testimonial-style-02 .slick-arrow.slick-prev:before, .testimonial-style-03 .slick-arrow.slick-prev:before {
    content: "\f104"
}

.color-white .view-testimonials .description:before {
    background-color: transparent
}

.dexp-slick-carousel .dexp-slick-gallery-inner .dexp-slick-item img {
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dexp-slick-carousel .dexp-slick-gallery-inner .slick-arrow {
    background-color: #d6dbdb;
    opacity: 0
}

.dexp-slick-carousel .dexp-slick-gallery-inner .slick-arrow:before {
    content: "";
    border: none
}

.dexp-slick-carousel .dexp-slick-gallery-inner .slick-arrow.slick-next:before {
    background: url("/themes/solargain/assets/css/../images/camera_skins.png") no-repeat scroll -40px 0;
    display: block;
    height: 40px;
    width: 40px
}

.dexp-slick-carousel .dexp-slick-gallery-inner .slick-arrow.slick-prev:before {
    background: url("/themes/solargain/assets/css/../images/camera_skins.png") no-repeat scroll 0 0;
    display: block;
    height: 40px;
    width: 40px
}

.dexp-slick-carousel .dexp-slick-gallery-inner:hover .slick-arrow {
    opacity: 1
}

.dexp-slick-carousel .dexp-slick-gallery-nav .dexp-slick-nav-item img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    margin: 10px
}

.dexp-slick-carousel .dexp-slick-gallery-nav .dexp-slick-nav-item.slick-current img {
    opacity: 1
}

.dexp-slick-carousel .dexp-slick-gallery-nav .dexp-slick-nav-item:first-child img {
    margin-left: 0
}

.dexp-slick-carousel .dexp-slick-gallery-nav .dexp-slick-nav-item:not(.slick-current) {
    cursor: pointer
}

.blog-style .blog-image:hover .blog-middle {
    opacity: 1;
    top: 50%
}

.dexp-tab-wrapper.blog-posts .tab-content {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 30px 20px 35px
}

.dexp-tab-wrapper.blog-posts .views-row {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0px 14px
}

.dexp-tab-wrapper.blog-posts .views-row:last-child {
    border-bottom: none !important
}

.border-image img {
    border: 5px solid #f2f4f6;
    display: block;
    margin: 0 10px 0 0;
    -webkit-transition: all .3 ease-in-out;
    -moz-transition: all .3 ease-in-out;
    -o-transition: all .3 ease-in-out;
    -ms-transition: all .3 ease-in-out;
    transition: all .3 ease-in-out;
    width: 75px;
    height: 75px !important
}

.border-image img:hover {
    border: 5px solid #5f8cb4
}

.blog-title {
    margin: 0;
    font-size: 24px;
    line-height: 36px
}

.blog-title a {
    color: #2D3237;
    font-weight: 700;
    letter-spacing: -0.5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.blog-date {
    float: left;
    border-right: 1px solid #eceef0;
    padding: 5px 15px
}

.blog-date .field--name-dynamic-copy-fieldnode-date {
    border-bottom: 1px solid #eceef0;
    color: #B9BEC3;
    font-size: 36px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding-bottom: 20px;
    text-align: center
}

.blog-date .field--name-dynamic-copy-fieldnode-month {
    color: #E2E4E6;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

.blog-date-st1 {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 9;
    border-radius: 0px 2px 2px 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    display: block;
    background: #f36f21;
    text-align: center
}

.delimiter:first-of-type {
    display: none !important
}

.blog-meta {
    line-height: 22px;
    margin: 1px 0 0 0;
    padding: 0;
    font-weight: 200;
    color: #b9bec3;
    margin: 0 5px 0px 0;
    padding: 0 10px 0 0;
    font-style: italic;
    font-size: 12px
}

.blog-meta .field {
    display: inline-block
}

.blog-meta a {
    color: #b9bec3
}

.blog-meta a:hover {
    color: #a0a5aa
}

.blog-meta.blog-meta-st1 {
    color: #f36f21;
    font-size: 13px;
    font-weight: 400;
    font-style: italic
}

.blog-meta.blog-meta-st1 .field__label {
    color: #B9BEC3 !important;
    display: inline-block;
    font-weight: normal;
    text-transform: lowercase
}

.blog-meta.blog-meta-st1 .field__label::after {
    display: none
}

.blog-meta.blog-meta-st1 .field__item {
    text-transform: capitalize;
    display: inline-block
}

.blog-meta .field--name-node-comment-count {
    padding-left: 5px;
    color: #B9BEC3 !important
}

.blog-meta .field--name-node-comment-count span {
    margin-left: 5px
}

.blog-meta .field--name-dynamic-copy-fieldnode-nodeauthor::after {
    content: '|';
    display: inline-block;
    line-height: 22px;
    font-style: italic
}

.blog-body-st1 {
    font-size: 13px;
    margin-top: 15px;
    display: block
}

.blog-singe-st2 {
    max-height: 152px;
    overflow: hidden
}

.recent-blog-title .block-title {
    margin-bottom: 60px !important
}

@media (max-width: 767px) {
    .recent-blog-title .block-title {
        margin-bottom: 30px !important
    }
}

.bullet {
    font-style: normal !important;
    margin: 0px 7px;
    background: url('/themes/solargain/assets/css/../images/blog-divider.png') no-repeat 100%;
    width: 1px;
    height: 9px
}

.bullet-st1 {
    position: relative;
    margin-right: 5px;
    padding-right: 10px
}

.bullet-st1:after {
    content: '';
    position: absolute;
    padding: 0px;
    background: url(/themes/solargain/assets/css/../images/blog-divider.png) no-repeat 100%;
    line-height: 22px;
    height: 22px;
    width: 1px;
    margin: 0;
    top: 0px;
    right: 0
}

.bullet-st2 {
    position: relative;
    margin: 0px;
    white-space: nowrap
}

.bullet-st2:after {
    content: '|';
    display: inline-block;
    padding: 0px 4px;
    line-height: 22px;
    font-style: italic
}

h4.st1 a {
    font-size: 16px !important;
    color: #333333 !important
}

h4.st1 a:hover {
    color: #f36f21 !important
}


.blog-middle {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 100%;
    left: 50%;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.blog-icon {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center
}

.blog-icon i {
    color: #fff !important
}

.blog-icon i:hover {
    color: #fff !important
}

.Blog-timeline .view-content > h3 {
    text-align: center;
    background: #fff;
    border: 2px solid #f6f8fa;
    border-radius: 50%;
    color: #ECEEF0;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding: 40px 5px 0px;
    position: relative;
    text-shadow: 0 1px 1px #fff;
    width: 100px;
    height: 100px;
    margin: auto auto 30px auto
}

.Blog-timeline .view-content {
    position: relative
}

.Blog-timeline .view-content:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #F6F8FA;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute
}

.Blog-timeline .view-content:before > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.Blog-timeline .view-content .blog-body p {
    margin-bottom: 0
}

.blog-timeline-content {
    border: 1px solid #eceef0;
    border-radius: 2px;
    padding: 10px 10px 20px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.blog-timeline-content:before {
    content: '';
    position: absolute
}

.dexp-grid {
    overflow-y: initial
}

.dexp-grid .dexp-grid-item:nth-child(odd) .blog-timeline-content {
    margin-right: 50px
}

.dexp-grid .dexp-grid-item:nth-child(odd) .blog-timeline-content:hover .timeline-row:before {
    background: #f36f21;
    border-color: #f36f21
}

@media (max-width: 767px) {
    .dexp-grid .dexp-grid-item:nth-child(odd) .blog-timeline-content {
        margin-right: 0px !important;
        background: #FFF
    }
}

@media (min-width: 767px) {
    .dexp-grid .dexp-grid-item:nth-child(odd) .blog-timeline-content .timeline-row {
        background: url("/themes/solargain/assets/css/../images/right-timeline.png") no-repeat scroll left;
        display: block;
        height: 17px;
        margin-right: -20px;
        position: absolute;
        right: 0;
        top: 16px;
        width: 20px
    }

    .dexp-grid .dexp-grid-item:nth-child(odd) .blog-timeline-content .timeline-row:before {
        position: absolute;
        width: 13px;
        height: 13px;
        top: 2px;
        right: -53px;
        background: #fff;
        content: "";
        border: 1px solid #eceef0;
        border-radius: 50%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease
    }
}

.dexp-grid .dexp-grid-item:nth-child(even) .blog-timeline-content {
    margin-left: 50px;
    margin-top: 30px
}

.dexp-grid .dexp-grid-item:nth-child(even) .blog-timeline-content:hover .timeline-row:before {
    background: #f36f21;
    border-color: #f36f21
}

@media (max-width: 767px) {
    .dexp-grid .dexp-grid-item:nth-child(even) .blog-timeline-content {
        margin-left: 0px !important;
        background: #FFF
    }
}

@media (min-width: 767px) {
    .dexp-grid .dexp-grid-item:nth-child(even) .blog-timeline-content .timeline-row {
        background: url("/themes/solargain/assets/css/../images/left-timeline1.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
        display: block;
        height: 40px;
        margin-left: -19px;
        position: absolute;
        left: 0;
        top: 0px;
        width: 20px
    }

    .dexp-grid .dexp-grid-item:nth-child(even) .blog-timeline-content .timeline-row:before {
        position: absolute;
        width: 13px;
        height: 13px;
        bottom: 5px;
        left: -53px;
        background: #fff;
        content: "";
        border: 1px solid #eceef0;
        border-radius: 50%;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease
    }
}

.region-right-sidebar .block-title, .region-left-sidebar .block-title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding: 0px 0px 15px !important;
    margin-bottom: 25px
}

.region-right-sidebar .block-title:before, .region-left-sidebar .block-title:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    bottom: 0;
    background: #eceef0
}

.blog-categories .view-content .item-list ul {
    margin: 0
}

.blog-categories .view-content .item-list ul li {
    border-bottom: 1px solid #f5f5f5;
    line-height: 35px;
    margin: 0;
    height: 35px;
    padding-left: 5px;
    list-style: none
}

.blog-categories .view-content .item-list ul li h2 {
    margin: 0
}

.blog-categories .view-content .item-list ul li h2 a {
    line-height: 20px;
    font-size: 14px;
    line-height: 35px
}

.blog-archive .item-list ul {
    margin: 0
}

.blog-archive .item-list ul li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
    line-height: 35px;
    height: 35px
}

.blog-archive .item-list ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #CCCCCC
}

.blog-archive .item-list ul li a {
    line-height: 35px;
    margin-left: 5px
}

.control-right-top-blog .dexp-slick-carousel .slick-slider {
    overflow: visible !important
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow {
    left: unset;
    top: 0;
    right: 0;
    z-index: 2;
    width: 31px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin-top: -35px;
    border: none !important
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow:before {
    border: 1px solid #d7dce1;
    color: #D7DCE1;
    border-radius: 2px;
    font-size: 20px;
    height: 30px;
    width: 30px;
    text-align: center;
    font: normal normal normal 14px/28px FontAwesome !important
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow.slick-prev {
    right: 40px !important
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow.slick-prev:before {
    content: "\f104"
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow.slick-next:before {
    content: "\f105"
}

.control-right-top-blog .dexp-slick-carousel .slick-arrow:hover:before {
    background-color: #5F8CB4;
    border: 1px solid #5f8cb4;
    color: #fff
}

@media screen and (max-width: 767px) {
    .control-right-top-blog {
        margin-top: 60px
    }
}

.portfolio-page .portfolio-content {
    background-color: #F8FAFC;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    margin-top: -4px;
    padding: 20px 20px 15px;
    text-align: left
}

.portfolio-overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0
}

.portfolio-middle {
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.portfolio-middle > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.portfolio-middle.pm1 {
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.portfolio-image {
    overflow: hidden
}

.portfolio-image img {
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s
}

.portfolio-icon {
    display: block;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    font-size: 17px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: rotate(180deg) scale(1) skew(0) translate(0);
    -moz-transform: rotate(180deg) scale(1) skew(0) translate(0);
    -o-transform: rotate(180deg) scale(1) skew(0) translate(0);
    -ms-transform: rotate(180deg) scale(1) skew(0) translate(0);
    transform: rotate(180deg) scale(1) skew(0) translate(0);
    text-align: center
}

.portfolio-title {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0
}

.portfolio-title a {
    color: #666
}

.portfolio-title.pt1 {
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.portfolio-title.pt1 > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.portfolio-title.pt1 a {
    color: #fff
}

.portfolio-description {
    color: #ccc;
    font-size: 12px;
    font-style: italic;
    line-height: 19px
}

.portfolio-style:hover .portfolio-icon, .portfolio-style02:hover .portfolio-icon {
    -webkit-transition: -webkit-transform .5s linear;
    -moz-transition: -moz-transform .5s linear;
    transition: transform .5s linear;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.portfolio-style:hover .portfolio-image img, .portfolio-style02:hover .portfolio-image img {
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.portfolio-stats .dexp-stats {
    padding: 10px 0px 10px 0px !important
}

.portfolio-stats .dexp-stats .stat-count {
    font-size: 20px !important
}

.portfolio-stats .dexp-stats .stat-title {
    font-size: 10px !important
}

.headline1 h3 {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding: 0px 0px 15px;
    margin: 0px 0px 20px !important
}

.headline1 h3:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    bottom: 0;
    background: #eceef0
}

.headline2 h3 {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding: 0px 0px 15px;
    margin: 0px 0px 24px !important
}

.headline2 h3:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    bottom: 0;
    background: #eceef0
}

.block-title-related .block-title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding: 0px 0px 15px;
    margin-bottom: 25px !important
}

.block-title-related .block-title:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    bottom: 0;
    background: #eceef0
}

.headline, .comment-form__title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding: 0px 0px 15px
}

.headline:before, .comment-form__title:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    bottom: 0;
    background: #eceef0
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-categories .field__item, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-categories .field__item {
    position: relative;
    margin: 7px 0px;
    line-height: 20px
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-categories .field__item:before, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-categories .field__item:before {
    font-family: "FontAwesome";
    margin: 0 8px 0 0;
    position: relative;
    color: #f36f21;
    content: "\f105"
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-categories .field__item a, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-categories .field__item a {
    color: inherit
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-url, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-url {
    margin-top: 25px
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-url a, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-url a {
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 2px;
    border: 1px solid #f36f21;
    background: #fff
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-url a:hover, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-url a:hover {
    background: #f36f21;
    border: 1px solid #5f8cb4;
    color: #FFFFFF
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-url a:hover:after, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-url a:hover:after {
    color: #fff
}

.node--type-portfolio.node--view-mode-full .field--name-field-portfolio-url a:after, .node--type-portfolio.node--view-mode-project-single-wide .field--name-field-portfolio-url a:after {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: #f36f21;
    margin-left: 5px
}

.node--type-portfolio.node--view-mode-full .max-image img, .node--type-portfolio.node--view-mode-project-single-wide .max-image img {
    width: 100% !important;
    height: auto
}

.node--type-portfolio.node--view-mode-project-single-wide .group-header {
    margin-bottom: 40px
}

.grid-filter {
    text-align: center;
    margin-bottom: 20px
}

.grid-filter ul.dexp-grid-filter {
    padding-left: 0
}

.grid-filter ul.dexp-grid-filter li {
    display: inline-block;
    line-height: 24px;
    background: #fff;
    overflow: hidden;
    text-decoration: none
}

.grid-filter ul.dexp-grid-filter li a {
    text-decoration: none;
    border: 1px solid #f2f4f6;
    border-radius: 3px;
    color: #B9BEC3;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0px 0px 5px;
    padding: 5px 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.grid-filter ul.dexp-grid-filter li a:hover {
    background-color: #f36f21;
    color: #fff
}

.grid-filter ul.dexp-grid-filter li a:focus {
    background-color: #f36f21;
    color: #fff
}

.grid-filter ul.dexp-grid-filter li a.active {
    background-color: #f36f21;
    color: #fff
}

div.carousel .carousel-control {
    text-shadow: white;
    z-index: 99
}

div.carousel .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -21px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

div.carousel .carousel-control.right {
    background: none
}

div.carousel .carousel-control.right span:before {
    font-size: 20px;
    font-weight: 200
}

div.carousel .carousel-control.right span {
    right: 0
}

div.carousel .carousel-control.right:hover span {
    opacity: 1;
    right: 20px
}

div.carousel .carousel-control.left {
    background: none
}

div.carousel .carousel-control.left span:before {
    font-size: 20px;
    font-weight: 200
}

div.carousel .carousel-control.left span {
    left: 0
}

div.carousel .carousel-control.left:hover span {
    opacity: 1;
    left: 20px
}

div.carousel:hover .right span {
    opacity: 1;
    right: 20px
}

div.carousel:hover .left span {
    opacity: 1;
    left: 20px
}

.control-bottom .dexp-slick-carousel .slick-slider {
    overflow: visible
}

.control-bottom .dexp-slick-carousel .slick-arrow {
    top: auto;
    bottom: -75px;
    opacity: 1;
    border: 1px solid #d7dce1;
    color: #D7DCE1;
    border-radius: 2px;
    font-size: 24px;
    height: 34px;
    width: 64px;
    line-height: 32px;
    text-indent: -9999;
    text-align: center;
    font-size: 0px
}

.control-bottom .dexp-slick-carousel .slick-arrow:before {
    display: inline-block;
    font-family: FontAwesome;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 30px;
    color: #D7DCE1
}

.control-bottom .dexp-slick-carousel .slick-arrow:hover {
    background-color: #f36f21;
    border-color: #f36f21;
    color: #fff
}

.control-bottom .dexp-slick-carousel .slick-arrow.slick-next {
    right: 50%;
    margin-right: -68px
}

.control-bottom .dexp-slick-carousel .slick-arrow.slick-next:before {
    content: "\f105"
}

.control-bottom .dexp-slick-carousel .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -68px
}

.control-bottom .dexp-slick-carousel .slick-arrow.slick-prev:before {
    content: "\f104"
}

.block-portfolio-title .block-title {
    font-size: 26px !important;
    font-weight: 300 !important;
    margin: 80px 0px 0px !important
}

.block-portfolio-title .block-subtitle {
    color: #B9BEC3;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 40px
}

.dexp-builder-title .dexp-title {
    font-family: "Raleway";
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative
}

.dexp-builder-title .dexp-title:after {
    position: absolute;
    bottom: -10px;
    content: " ";
    width: 22px;
    height: 3px;
    background-color: #ECEEF0;
    left: 0
}

.dexp-builder-title.st1 .dexp-title {
    font-size: 26px;
    font-weight: 300;
    color: #2d3237;
    padding: 0;
    letter-spacing: normal;
    text-transform: capitalize
}

.dexp-builder-title.st1 .dexp-title:after {
    display: none
}

.dexp-builder-title.st1 .subtitle {
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    color: #b9bec3
}

.dexp-builder-title.title-center {
    text-align: center
}

.dexp-builder-accordions .panel {
    border-radius: 0;
    border: none
}

.dexp-builder-accordions .panel-heading {
    padding: 0
}

.dexp-builder-accordions .panel-heading a.collapsed {
    display: block;
    cursor: pointer;
    padding: 13px 16px;
    border: 1px solid #eceef0;
    color: #848688;
    background-color: #fff;
    margin-bottom: 5px
}

.dexp-builder-accordions .panel-heading a {
    display: block;
    font-size: 16px;
    cursor: pointer;
    padding: 13px 16px;
    border: 1px solid #f36f21;
    background-color: #f36f21;
    color: #fff;
    outline: none;
    text-decoration: none;
    transition-duration: 600ms;
    transition-property: background-color, background;
    transition-timing-function: ease
}

.dexp-builder-accordions .panel-heading a:hover {
    text-decoration: none
}

.dexp-builder-accordions .panel-body {
    padding: 15px
}

.dexp-builder-accordions .panel-title {
    margin: 0
}

.dexp-builder-accordions .panel-default .panel-heading a.collapsed {
    background: url("/themes/solargain/assets/css/../images/accordion-toggle.png") no-repeat 100% 0 #fff
}

.dexp-builder-accordions.question .panel-heading a.collapsed {
    background-color: #fff
}

.dexp-builder-accordions.question .panel-heading a.collapsed:before {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f059";
    color: #AFB9C3;
    padding-right: 10px
}

.dexp-builder-accordions .panel-default .panel-heading a {
    background: url("/themes/solargain/assets/css/../images/accordion-toggle.png") no-repeat 100% 100% #f36f21
}

.dexp-builder-accordions.question .panel-heading a {
    background-color: #f36f21
}

.dexp-builder-accordions.question .panel-heading a:before {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f059";
    color: #FFF;
    padding-right: 10px
}

.dexp-builder-accordions .show {
    border-bottom: 1px solid #eceef0;
    border-right: 1px solid #eceef0;
    border-left: 1px solid #eceef0;
    margin-bottom: 5px
}

.dexp-builder-tabs .nav-tabs li {
    margin-right: 0px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #ddd;
    overflow: visible;
    border-bottom: none
}

.dexp-builder-tabs .nav-tabs li a {
    background-color: #F2F4F6;
    border-radius: 2px 2px 0 0;
    color: #848688;
    display: block;
    font-weight: 500;
    letter-spacing: 0;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
    line-height: 38px
}

.dexp-builder-tabs .nav-tabs li a.active, .dexp-builder-tabs .nav-tabs li a:hover {
    background-color: #fff !important;
    position: relative
}

.dexp-builder-tabs .nav-tabs li a.active:after, .dexp-builder-tabs .nav-tabs li a:hover:after {
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -1px;
    left: 0;
    content: "";
    background-color: #fff
}

.dexp-builder-tabs .nav-tabs li:not(:last-child) {
    border-right: none
}

.dexp-builder-tabs .tab-content {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px
}

@media (max-width: 480px) {
    .dexp-builder-tabs ul.nav-tabs {
        border: none
    }

    .dexp-builder-tabs ul.nav-tabs li {
        width: 100%
    }

    .dexp-builder-tabs ul.nav-tabs li a {
        border: solid 1px #ddd !important;
        margin: 0
    }

    .dexp-builder-tabs ul.nav-tabs li:last-child {
        border-right: none !important
    }
}

.dexp-carousels .carousel-inner img {
    width: 100%;
    height: auto
}

.dexp-carousels .carousel-control {
    text-shadow: white;
    z-index: 99
}

.dexp-carousels .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -21px;
    width: 40px;
    height: 40px;
    line-height: 36px !important;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.dexp-carousels .carousel-control.carousel-control-next {
    background: none
}

.dexp-carousels .carousel-control.carousel-control-next span {
    right: 0
}

.dexp-carousels .carousel-control.carousel-control-next:hover span {
    opacity: 1;
    right: 20px
}

.dexp-carousels .carousel-control.carousel-control-prev {
    background: none
}

.dexp-carousels .carousel-control.carousel-control-prev span {
    left: 0
}

.dexp-carousels .carousel-control.carousel-control-prev:hover span {
    opacity: 1;
    left: 20px
}

.dexp-carousels:hover .carousel-control-next span {
    opacity: 1;
    right: 20px
}

.dexp-carousels:hover .carousel-control-prev span {
    opacity: 1;
    left: 20px
}

.dexp-builder-box {
    margin-bottom: 30px
}

.dexp-builder-box .box-icon {
    text-align: center;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -o-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -ms-transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    transform: translate(0px, 0px) rotate(0deg) scale(1) skew(0, 0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dexp-builder-box.style01 .box-icon, .dexp-builder-box.style02 .box-icon, .dexp-builder-box.style03 .box-icon {
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 101px;
    margin: 0 auto;
    color: #f36f21
}

.dexp-builder-box.style01 .box-content-wrapper, .dexp-builder-box.style02 .box-content-wrapper, .dexp-builder-box.style03 .box-content-wrapper {
    text-align: center
}

.dexp-builder-box.style01 h3.box-title, .dexp-builder-box.style02 h3.box-title, .dexp-builder-box.style03 h3.box-title {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.5px;
    text-align: center;
    margin: 30px 30px 0
}

.dexp-builder-box.style01 h3.box-title a, .dexp-builder-box.style02 h3.box-title a, .dexp-builder-box.style03 h3.box-title a {
    color: #2d3237
}

.dexp-builder-box.style01 .box-content, .dexp-builder-box.style02 .box-content, .dexp-builder-box.style03 .box-content {
    text-align: center;
    margin: 10px 30px
}

.dexp-builder-box.style01 .read-more, .dexp-builder-box.style02 .read-more, .dexp-builder-box.style03 .read-more {
    border: solid 1px #f36f21;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    outline: medium none;
    padding: 8px 16px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto
}

.dexp-builder-box.style01 .read-more:hover, .dexp-builder-box.style02 .read-more:hover, .dexp-builder-box.style03 .read-more:hover {
    color: #FFF;
    background: #f36f21
}

.dexp-builder-box.style01:hover .box-icon, .dexp-builder-box.style02:hover .box-icon, .dexp-builder-box.style03:hover .box-icon {
    -webkit-transform: translate(0px, 0px) rotate(360deg) scale(1.1) skew(0, 0);
    -moz-transform: translate(0px, 0px) rotate(360deg) scale(1.1) skew(0, 0);
    -o-transform: translate(0px, 0px) rotate(360deg) scale(1.1) skew(0, 0);
    -ms-transform: translate(0px, 0px) rotate(360deg) scale(1.1) skew(0, 0);
    transform: translate(0px, 0px) rotate(360deg) scale(1.1) skew(0, 0)
}

.dexp-builder-box.style01:hover .box-icon, .dexp-builder-box.style02:hover .box-icon {
    background: #f36f21;
    color: #fff
}

.dexp-builder-box.style01 .box-icon {
    border-radius: 5%;
    border: 1px #f36f21 solid
}

.dexp-builder-box.style02 .box-icon {
    border-radius: 50%;
    border: 1px #f36f21 solid
}

.dexp-builder-box.style03 .box-icon {
    font-size: 95px;
    height: 102px
}

.dexp-builder-box.style03 h3.box-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px
}

.dexp-builder-box.style04 .box-icon, .dexp-builder-box.style05 .box-icon, .dexp-builder-box.style06 .box-icon, .dexp-builder-box.style07 .box-icon, .dexp-builder-box.style08 .box-icon, .dexp-builder-box.style09 .box-icon, .dexp-builder-box.style10 .box-icon, .dexp-builder-box.style11 .box-icon, .dexp-builder-box.style12 .box-icon, .dexp-builder-box.style13 .box-icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 21px;
    position: relative;
    overflow: hidden;
    color: #f36f21;
    float: left
}

.dexp-builder-box.style04 .box-icon span, .dexp-builder-box.style05 .box-icon span, .dexp-builder-box.style06 .box-icon span, .dexp-builder-box.style07 .box-icon span, .dexp-builder-box.style08 .box-icon span, .dexp-builder-box.style09 .box-icon span, .dexp-builder-box.style10 .box-icon span, .dexp-builder-box.style11 .box-icon span, .dexp-builder-box.style12 .box-icon span, .dexp-builder-box.style13 .box-icon span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: -49px;
    -webkit-transition: top .3s linear;
    -moz-transition: top .3s linear;
    -o-transition: top .3s linear;
    -ms-transition: top .3s linear;
    transition: top .3s linear
}

.dexp-builder-box.style04 h3.box-title, .dexp-builder-box.style05 h3.box-title, .dexp-builder-box.style06 h3.box-title, .dexp-builder-box.style07 h3.box-title, .dexp-builder-box.style08 h3.box-title, .dexp-builder-box.style09 h3.box-title, .dexp-builder-box.style10 h3.box-title, .dexp-builder-box.style11 h3.box-title, .dexp-builder-box.style12 h3.box-title, .dexp-builder-box.style13 h3.box-title {
    font-size: 18px;
    font-weight: 300;
    margin-left: 70px
}

.dexp-builder-box.style04 .box-content, .dexp-builder-box.style05 .box-content, .dexp-builder-box.style06 .box-content, .dexp-builder-box.style07 .box-content, .dexp-builder-box.style08 .box-content, .dexp-builder-box.style09 .box-content, .dexp-builder-box.style10 .box-content, .dexp-builder-box.style11 .box-content, .dexp-builder-box.style12 .box-content, .dexp-builder-box.style13 .box-content {
    font-size: 13px;
    margin-left: 70px
}

.dexp-builder-box.style04 .read-more, .dexp-builder-box.style05 .read-more, .dexp-builder-box.style06 .read-more, .dexp-builder-box.style07 .read-more, .dexp-builder-box.style08 .read-more, .dexp-builder-box.style09 .read-more, .dexp-builder-box.style10 .read-more, .dexp-builder-box.style11 .read-more, .dexp-builder-box.style12 .read-more, .dexp-builder-box.style13 .read-more {
    padding-left: 70px
}

.dexp-builder-box.style04 .box-icon, .dexp-builder-box.style05 .box-icon, .dexp-builder-box.style09 .box-icon, .dexp-builder-box.style10 .box-icon {
    border: solid 1px #f36f21
}

.dexp-builder-box.style04:hover .box-icon, .dexp-builder-box.style05:hover .box-icon, .dexp-builder-box.style09:hover .box-icon, .dexp-builder-box.style10:hover .box-icon {
    color: #f36f21;
    background: #FFF
}

.dexp-builder-box.style04 .box-icon, .dexp-builder-box.style09 .box-icon {
    background-color: #f36f21;
    color: #fff;
    border-radius: 50%
}

.dexp-builder-box.style06 .box-icon, .dexp-builder-box.style11 .box-icon, .dexp-builder-box.style07 .box-icon, .dexp-builder-box.style12 .box-icon {
    border: solid 1px #f36f21;
    color: #f36f21;
    border-radius: 50%
}

.dexp-builder-box.style06:hover .box-icon, .dexp-builder-box.style11:hover .box-icon, .dexp-builder-box.style07:hover .box-icon, .dexp-builder-box.style12:hover .box-icon {
    background-color: #f36f21;
    color: #fff
}

.dexp-builder-box.style05 .box-icon, .dexp-builder-box.style10 .box-icon {
    border: solid 1px #f36f21;
    color: #FFF;
    border-radius: 5%;
    background-color: #f36f21
}

.dexp-builder-box.style09 .box-icon, .dexp-builder-box.style10 .box-icon, .dexp-builder-box.style11 .box-icon, .dexp-builder-box.style12 .box-icon, .dexp-builder-box.style13 .box-icon {
    float: right
}

.dexp-builder-box.style09 .box-title, .dexp-builder-box.style10 .box-title, .dexp-builder-box.style11 .box-title, .dexp-builder-box.style12 .box-title, .dexp-builder-box.style13 .box-title, .dexp-builder-box.style09 .box-content, .dexp-builder-box.style10 .box-content, .dexp-builder-box.style11 .box-content, .dexp-builder-box.style12 .box-content, .dexp-builder-box.style13 .box-content {
    margin-right: 70px;
    text-align: right;
    margin-left: 0
}

.dexp-pie-chart-wrapper {
    background-color: #f36f21;
    border-radius: 100%;
    height: 200px;
    line-height: 1;
    margin: 0 auto !important;
    position: relative;
    width: 200px;
    padding: 1px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dexp-pie-chart-wrapper:hover {
    background-color: #f68e51
}

.dexp-pie-chart {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: solid 5px #afc6da;
    position: relative
}

.dexp-pie-chart.gt-50 {
    border: solid 5px #fff
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    width: 180px;
    height: 180px;
    clip: rect(0, 180px, 180px, 90px)
}

.ppc-progress .ppc-progress-fill {
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    width: 180px;
    height: 180px;
    clip: rect(0, 90px, 180px, 0);
    transform: rotate(60deg);
    border: solid 5px #fff
}

.gt-50 .ppc-progress {
    clip: rect(0, 90px, 180px, 0)
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 180px, 180px, 90px);
    border: solid 5px #afc6da
}

.ppc-percents {
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 170px / 2);
    top: calc(50% - 170px / 2);
    width: 170px;
    height: 170px;
    text-align: center;
    display: table;
    background-color: #f36f21
}

.ppc-percents span {
    display: block;
    font-family: "raleway";
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #fff;
    z-index: 999
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle
}

.dexp-pie-chart {
    margin: 0 auto;
    margin-top: 10px
}

.dexp-pie-chart-title {
    color: #333333;
    font-family: "raleway";
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-top: 25px
}

.dexp-pie-chart-content {
    text-align: center
}

.flip-box .inner {
    position: relative;
    height: 250px
}

.flip-box .inner:after {
    clear: both
}

.flip-box .inner .front, .flip-box .inner .back {
    text-align: center;
    border: 1px solid #eceef0;
    border-radius: 3px;
    padding: 30px 10px
}

.flip-box .inner .front .fa, .flip-box .inner .back .fa {
    font-size: 80px
}

.flip-box .inner .front {
    height: inherit;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flip-box .inner .back {
    background: #f36f21;
    color: #fff;
    height: inherit;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flip-box .inner .back h3 {
    color: #fff
}

.flip-box .inner:hover .front {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg)
}

.flip-box .inner:hover .back {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg)
}

.dexp-builder-skill-bar {
    position: relative
}

.dexp-builder-skill-bar .progress {
    border: 1px solid #eceef0;
    border-radius: 100px;
    margin-top: 40px;
    overflow: visible;
    background-color: transparent;
    background: transparent;
    height: 10px;
    box-shadow: none;
    padding: 2px
}

.dexp-builder-skill-bar .progress .progress-bar {
    -webkit-transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -ms-transition: width 3s ease;
    transition: width 3s ease;
    background-color: #f36f21 !important;
    border-radius: 300px;
    display: block;
    height: 4px;
    width: 0;
    position: relative
}

.dexp-builder-skill-bar .progress .progress-bar .progress-text {
    position: absolute;
    top: -30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    left: 0
}

.dexp-builder-skill-bar .progress .progress-bar .progress-percent {
    background-color: #232D37;
    border-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-size: 10px !important;
    line-height: 12px !important;
    padding: 4px 7px !important;
    position: absolute;
    right: 0;
    top: -25px
}

.dexp-builder-skill-bar .progress .progress-bar .progress-percent:after {
    border-color: #232d37 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -4px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 0
}

.dexp-builder-skill-bar span.background {
    -webkit-transition: width 1.8s linear;
    -moz-transition: width 1.8s linear;
    -o-transition: width 1.8s linear;
    -ms-transition: width 1.8s linear;
    transition: width 1.8s linear;
    background-color: #f36f21 !important;
    border-radius: 300px;
    display: block;
    height: 4px;
    width: 0;
    position: relative
}

.dexp-stats {
    padding: 50px 0;
    text-align: center
}

.dexp-stats .stats-icon i {
    font-size: 40px;
    color: #f36f21;
    margin-bottom: 20px
}

.dexp-stats .stat-count {
    color: #232d37;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 10px
}

.dexp-stats .stat-title {
    color: #c3cdd7;
    font-size: 11px !important;
    font-weight: 200;
    letter-spacing: 2px
}

.dexp-stats .stat-title.white {
    color: #fff
}

.dexp-stats .stats-description {
    margin-top: 15px
}

.dexp-stats.stats-alt {
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-right: 1px solid #eff4f7;
    width: 100%
}

.dexp-stats.stats-alt.brddark {
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%
}

.dexp-stats.stats-alt.last {
    border-right: 0px solid #eff4f7
}

.dexp-stats.stats-alt .num {
    color: #232d37;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px
}

.dexp-stats.stats-alt .type {
    color: #c3cdd7;
    font-weight: 200;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 12px
}

.dexp-stats.stats-alt .type.white {
    color: #fff;
    font-weight: 200;
    font-size: 8px;
    letter-spacing: 2px
}

.dexp-stats .border-right {
    padding-right: 30px
}

.dexp-button.btn {
    border-radius: 2px;
    text-decoration: none;
    background: #f36f21;
    border: solid 1px #f36f21;
    color: #fff;
    display: inline-block;
    padding: 8px 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dexp-button.btn.fa span {
    margin-left: 5px;
    font-family: "Open Sans" !important
}

.dexp-button.btn:hover {
    text-decoration: none;
    background: #a0a5aa !important;
    border: solid 1px #a0a5aa !important;
    color: #fff
}

.dexp-button.btn.gray {
    color: #fff;
    background: #a0a5aa;
    border: solid 1px #a0a5aa
}

.dexp-button.btn.gray:hover {
    background: #f36f21 !important;
    border: solid 1px #f36f21 !important
}

.dexp-button.btn.light-gray {
    color: #a0a5aa;
    background: #f2f4f6;
    border: solid 1px #f2f4f6 !important
}

.dexp-button.btn.light-gray:hover {
    color: #fff;
    background: #f36f21 !important;
    border: solid 1px #f36f21 !important
}

.dexp-button.btn.line-color {
    background: transparent;
    border: 1px solid #f36f21 !important;
    color: #f36f21
}

.dexp-button.btn.line-color:hover {
    background: none repeat scroll 0 0 #f36f21 !important;
    border: 1px solid #f36f21 !important;
    color: #FFFFFF
}

.dexp-button.btn.line {
    color: #000 !important;
    border: 1px solid #000 !important;
    background: #fff !important
}

.dexp-button.btn.line:hover {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #fff !important
}

.dexp-button.btn.line-white {
    color: #fff !important;
    border: 1px solid #fff !important;
    background: transparent !important
}

.dexp-button.btn.line-white:hover {
    color: #fff !important;
    opacity: 0.7 !important;
    background: transparent !important;
    border: 1px solid #fff !important
}

.dexp-button.btn.line-gray {
    color: #b9bec3 !important;
    border: 1px solid #eceef0 !important;
    background-color: #fff !important
}

.dexp-button.btn.line-gray:hover {
    border: 1px solid #b9bec3 !important;
    background-color: #fff !important
}

.social-icons ul {
    padding: 0
}

.social-icons li {
    display: inline;
    float: left;
    margin-right: 4px
}

.social-icons li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: left !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden
}

.social-icons li a i {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px
}

.social-icons .twitter:before, .social-icons .wordpress:before, .social-icons .facebook:before, .social-icons .linkedin:before, .social-icons .renren:before, .social-icons .tumblr:before, .social-icons .github:before, .social-icons .maxcdn:before, .social-icons .instagram:before, .social-icons .xing:before, .social-icons .html5:before, .social-icons .dropbox:before, .social-icons .css3:before, .social-icons .gplus:before, .social-icons .yahoo:before, .social-icons .pinterest:before, .social-icons .dribbble:before, .social-icons .flickr:before, .social-icons .reddit:before, .social-icons .vimeo:before, .social-icons .rss:before, .social-icons .youtube:before, .social-icons .linux:before, .social-icons .appstore:before, .social-icons .heart:before, .social-icons .envelope:before, .social-icons .fivehundredpx:before, .social-icons .btc:before, .social-icons .stumbleupon:before, .social-icons .dribbble:before, .social-icons .stack-exchange:before, .social-icons .android:before, .social-icons .instagram:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 16px;
    color: #a0a5aa;
    -webkit-transition: all .15s ease-in-out .3s linear;
    -moz-transition: all .15s ease-in-out .3s linear;
    -o-transition: all .15s ease-in-out .3s linear;
    -ms-transition: all .15s ease-in-out .3s linear;
    transition: all .15s ease-in-out .3s linear;
    position: absolute;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    line-height: 40px
}

.social-icons li a:hover, .social-icons li a i {
    color: #fff
}

.social-icons li a i {
    top: -30px;
    opacity: 0
}

.social-icons li a:hover i {
    top: 0;
    opacity: 1
}

.social-icons .facebook i, .social-icons .facebook:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .facebook:before {
    content: "\f09a";
    top: 0;
    opacity: 1
}

.social-icons .facebook:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .facebook:hover {
    background-color: #4a6d9d
}

.social-icons .twitter:before {
    font-size: 18px
}

.social-icons .twitter i, .social-icons .twitter:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .twitter:before {
    content: "\f099";
    top: 0;
    opacity: 1
}

.social-icons .twitter:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .twitter:hover {
    background-color: #3bc1ed
}

.social-icons .gplus i, .social-icons .gplus:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .gplus:before {
    content: "\f0d5";
    top: 0;
    opacity: 1
}

.social-icons .linkedin i, .social-icons .linkedin:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .linkedin:before {
    content: "\f0e1";
    top: 0;
    opacity: 1
}

.social-icons .linkedin:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .linkedin:hover {
    background-color: #0b7bb5
}

.social-icons .gplus:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .gplus:hover {
    background-color: #d53824
}

.social-icons .maxcdn:before {
    content: "\f136";
    top: 0;
    opacity: 1
}

.social-icons .maxcdn:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .maxcdn:hover {
    background-color: #3274d1
}

.social-icons .pinterest:before {
    content: "\f0d2";
    top: 0;
    opacity: 1
}

.social-icons .pinterest:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .pinterest:hover {
    background-color: #cb1f25
}

.social-icons .btc:before {
    content: "\f15a";
    top: 0;
    opacity: 1
}

.social-icons .btc:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .btc:hover {
    background-color: #40833e
}

.social-icons .heart:before {
    content: "\f004";
    top: 0;
    opacity: 1
}

.social-icons .heart:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .heart:hover {
    background-color: #205685
}

.social-icons .stack-exchange:before {
    content: "\f18d";
    top: 0;
    opacity: 1
}

.social-icons .stack-exchange:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .stack-exchange:hover {
    background-color: #6ca405
}

.social-icons .appstore:before {
    content: "\f179";
    top: 0;
    opacity: 1
}

.social-icons .appstore:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .appstore:hover {
    background-color: #c0c0c0
}

.social-icons .linux i, .social-icons .linux:before {
    font-size: 14px !important
}

.social-icons .linux:before {
    content: "\f17c";
    top: 0;
    opacity: 1
}

.social-icons .linux:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .linux:hover {
    background-color: #ff6501
}

.social-icons .dribbble:before {
    content: "\f17d";
    top: 0;
    opacity: 1
}

.social-icons .dribbble:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .dribbble:hover {
    background-color: #ef5a92
}

.social-icons .envelope:before {
    content: "\f003";
    top: 0;
    opacity: 1
}

.social-icons .envelope:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .envelope:hover {
    background-color: #6bb130
}

.social-icons .flickr:before {
    content: "\f16e";
    top: 0;
    opacity: 1
}

.social-icons .flickr:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .flickr:hover {
    background-color: #136dd5
}

.social-icons .rss i, .social-icons .rss:before {
    font-size: 14px !important
}

.social-icons .rss:before {
    content: "\f09e";
    top: 0;
    opacity: 1
}

.social-icons .rss:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .rss:hover {
    background-color: #fe8f00
}

.social-icons .youtube i, .social-icons .youtube:before {
    font-size: 18px !important
}

.social-icons .youtube:before {
    content: "\f167";
    top: 0;
    opacity: 1
}

.social-icons .youtube:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .youtube:hover {
    background-color: #bf2f29
}

.social-icons .vimeo i, .social-icons .vimeo:before {
    font-size: 14px !important
}

.social-icons .vimeo:before {
    content: "\f194";
    top: 0;
    opacity: 1
}

.social-icons .vimeo:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .vimeo:hover {
    background-color: #4c8ab0
}

.social-icons .xing:before {
    content: "\f168";
    top: 0;
    opacity: 1
}

.social-icons .xing:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .xing:hover {
    background-color: #036568
}

.social-icons .android:before {
    content: "\f17b";
    top: 0;
    opacity: 1
}

.social-icons .android:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .android:hover {
    background-color: #9251a2
}

.social-icons .html5:before {
    content: "\f13b";
    top: 0;
    opacity: 1
}

.social-icons .html5:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .html5:hover {
    background-color: #2f3842
}

.social-icons .renren:before {
    content: "\f18b";
    top: 0;
    opacity: 1
}

.social-icons .renren:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .renren:hover {
    background-color: #383838
}

.social-icons .dropbox:before {
    content: "\f16b";
    top: 0;
    opacity: 1
}

.social-icons .dropbox:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .dropbox:hover {
    background-color: #2c92dd
}

.social-icons .github:before {
    content: "\f09b";
    top: 0;
    opacity: 1
}

.social-icons .github:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .github:hover {
    background-color: #5c7381
}

.social-icons .css3:before {
    content: "\f13c";
    top: 0;
    opacity: 1
}

.social-icons .css3:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .css3:hover {
    background-color: #d21309
}

.social-icons .tumblr:before {
    content: "\f173";
    top: 0;
    opacity: 1
}

.social-icons .tumblr:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .tumblr:hover {
    background-color: #3d658d
}

.social-icons .instagram:before {
    content: "\f16d";
    top: 0;
    opacity: 1
}

.social-icons .instagram:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .instagram:hover {
    background-color: #3f6f94
}

.merror, .merror strong {
    background-color: #FFE9E9;
    border: 1px solid #fbc4c4;
    color: #DE5959
}

.msuccess, .msuccess strong {
    background-color: #EBF6E0;
    border: 1px solid #b3dc82;
    color: #5F9025
}

.mwarning, .mwarning strong {
    background-color: #FBFADD;
    border: 1px solid #ded58a;
    color: #8F872E
}

.mnotice, .mnotice strong {
    background-color: #E9F7FE;
    border: 1px solid #b6d7e8;
    color: #5091B2
}

.alert strong {
    border: none
}

.dexp-builder-title .dexp-title {
    font-family: "Raleway";
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative
}

.dexp-builder-title .dexp-title:after {
    position: absolute;
    bottom: -10px;
    content: " ";
    width: 22px;
    height: 3px;
    background-color: #ECEEF0;
    left: 0
}

.dexp-builder-title.st1 .dexp-title {
    font-size: 26px;
    font-weight: 300;
    color: #2d3237;
    padding: 0;
    letter-spacing: normal;
    text-transform: capitalize;
    margin-bottom: 0px
}

.dexp-builder-title.st1 .dexp-title:after {
    display: none
}

.dexp-builder-title.st1 .dexp-subtitle {
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    color: #b9bec3;
    margin-bottom: 30px
}

.dexp-builder-accordions .card {
    border-radius: 0;
    border: none;
    margin-bottom: 5px
}

.dexp-builder-accordions .panel-collapse {
    margin-bottom: 0
}

.dexp-builder-accordions .card-header {
    padding: 0;
    border-bottom: none
}

.dexp-builder-accordions .card-header a.collapsed {
    display: block;
    cursor: pointer;
    padding: 13px 16px;
    border: 1px solid #eceef0;
    color: #848688;
    background: url("/themes/solargain/assets/css/../images/accordion-toggle.png") no-repeat 100% 0 #fff
}

.dexp-builder-accordions .card-header a {
    display: block;
    cursor: pointer;
    padding: 13px 16px;
    border: 1px solid #f36f21;
    color: #fff;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background: url("/themes/solargain/assets/css/../images/accordion-toggle.png") no-repeat 100% 100% #f36f21
}

.dexp-builder-accordions .card-header a:hover {
    color: #fff;
    border: 1px solid #f36f21;
    background-color: #f36f21
}

.dexp-builder-accordions .card-header a:hover {
    text-decoration: none
}

.dexp-builder-accordions.question .card-header a.collapsed {
    background-color: #fff
}

.dexp-builder-accordions.question .card-header a.collapsed:before {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f059";
    color: #AFB9C3;
    padding-right: 10px
}

.dexp-builder-accordions.question .card-header a {
    background-color: #f36f21
}

.dexp-builder-accordions.question .card-header a:hover {
    color: #fff;
    border: 1px solid #f36f21;
    background-color: #f36f21
}

.dexp-builder-accordions.question .card-header a:hover::before {
    color: #fff
}

.dexp-builder-accordions.question .card-header a:before {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f059";
    color: #FFF;
    padding-right: 10px
}

.dexp-builder-accordions .in {
    border-right: 1px solid #eceef0;
    border-left: 1px solid #eceef0
}

.dexp-tab-wrapper .nav-tabs li {
    margin-right: 0px;
    overflow: hidden;
    padding: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.dexp-tab-wrapper .nav-tabs li:last-child {
    border-right: 1px solid #ddd
}

.dexp-tab-wrapper .nav-tabs li a {
    background-color: #F2F4F6;
    border-radius: 2px 2px 0 0;
    color: #848688;
    display: block;
    font-weight: 500;
    letter-spacing: 0;
    outline: medium none;
    padding: 0 20px;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
    line-height: 38px
}

.dexp-tab-wrapper .nav-tabs li a.active {
    background-color: #fff !important
}

.dexp-tab-wrapper .tab-content {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px
}

@media (max-width: 480px) {
    .dexp-tab-wrapper ul.nav-tabs {
        border: none
    }

    .dexp-tab-wrapper ul.nav-tabs li {
        width: 100%
    }

    .dexp-tab-wrapper ul.nav-tabs li a {
        border: solid 1px #ddd !important;
        margin: 0
    }

    .dexp-tab-wrapper ul.nav-tabs li:last-child {
        border-right: none !important
    }
}

div.dexp_carousel .carousel-inner img {
    width: 100%;
    height: auto
}

div.dexp_carousel .carousel-control {
    text-shadow: white;
    z-index: 99
}

div.dexp_carousel .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -21px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

div.dexp_carousel .carousel-control.right {
    background: none
}

div.dexp_carousel .carousel-control.right span {
    right: 0
}

div.dexp_carousel .carousel-control.right:hover span {
    opacity: 1;
    right: 20px
}

div.dexp_carousel .carousel-control.left {
    background: none
}

div.dexp_carousel .carousel-control.left span {
    left: 0
}

div.dexp_carousel .carousel-control.left:hover span {
    opacity: 1;
    left: 20px
}

div.dexp_carousel:hover .right span {
    opacity: 1;
    right: 20px
}

div.dexp_carousel:hover .left span {
    opacity: 1;
    left: 20px
}

.dexp-builder-box {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .dexp-builder-box {
        margin-bottom: 30px
    }

    .dexp-builder-box.style04 .box-icon, .dexp-builder-box.style05 .box-icon, .dexp-builder-box.style06 .box-icon, .dexp-builder-box.style07 .box-icon, .dexp-builder-box.style08 .box-icon, .dexp-builder-box.style09 .box-icon {
        float: left
    }

    .dexp-builder-box.style04 .box-title, .dexp-builder-box.style05 .box-title, .dexp-builder-box.style06 .box-title, .dexp-builder-box.style07 .box-title, .dexp-builder-box.style08 .box-title, .dexp-builder-box.style09 .box-title, .dexp-builder-box.style04 .box-content, .dexp-builder-box.style05 .box-content, .dexp-builder-box.style06 .box-content, .dexp-builder-box.style07 .box-content, .dexp-builder-box.style08 .box-content, .dexp-builder-box.style09 .box-content {
        margin-right: 0px;
        margin-left: 70px;
        text-align: left
    }
}

.dexp-builder-box.style01 .box-title, .dexp-builder-box.style02 .box-title, .dexp-builder-box.style03 .box-title {
    margin: 30px 10px 0
}

.dexp-builder-box.style01 .box-content, .dexp-builder-box.style02 .box-content, .dexp-builder-box.style03 .box-content {
    margin: 10px
}

.dexp-pie-chart-wrapper {
    background-color: #f36f21;
    border-radius: 100%;
    height: 200px;
    line-height: 1;
    margin: 0 auto 50px;
    position: relative;
    width: 200px;
    padding: 1px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dexp-pie-chart-wrapper:hover {
    background-color: #f68e51
}

.dexp-pie-chart {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: solid 5px #afc6da;
    position: relative
}

.dexp-pie-chart.gt-50 {
    border: solid 5px #fff
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    width: 180px;
    height: 180px;
    clip: rect(0, 180px, 180px, 90px)
}

.ppc-progress .ppc-progress-fill {
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    width: 180px;
    height: 180px;
    clip: rect(0, 90px, 180px, 0);
    transform: rotate(60deg);
    border: solid 5px #fff
}

.gt-50 .ppc-progress {
    clip: rect(0, 90px, 180px, 0)
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 180px, 180px, 90px);
    border: solid 5px #afc6da
}

.ppc-percents {
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 170px / 2);
    top: calc(50% - 170px / 2);
    width: 170px;
    height: 170px;
    text-align: center;
    display: table
}

.ppc-percents span {
    display: block;
    font-family: "raleway";
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #fff;
    z-index: 999
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle
}

.dexp-pie-chart {
    margin: 0 auto;
    margin-top: 10px
}

.dexp-pie-chart-title {
    color: #333333;
    font-family: "raleway";
    font-size: 16px;
    font-weight: 300;
    text-align: center
}

.dexp-pie-chart-content {
    text-align: center
}

.flip-box {
    overflow: hidden;
    margin-bottom: 15px
}

.flip-box .inner {
    position: relative;
    margin: 1px;
    height: 250px
}

.flip-box .inner:after {
    clear: both
}

.flip-box .inner .front, .flip-box .inner .back {
    text-align: center;
    border: 1px solid #eceef0;
    border-radius: 3px;
    padding: 30px 10px
}

.flip-box .inner .front .fa, .flip-box .inner .back .fa {
    font-size: 80px
}

.flip-box .inner .front {
    height: inherit;
    width: 100%;
    opacity: 1;
    top: 0;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.flip-box .inner .front > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.flip-box .inner .back {
    background: #f36f21;
    color: #fff;
    height: inherit;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flip-box .inner .back h3 {
    color: #fff
}

.flip-box .inner:hover .front {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    opacity: 0
}

.flip-box .inner:hover .back {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg)
}

.skill-bar {
    position: relative
}

.skill-bar .progress {
    border: 1px solid #eceef0;
    border-radius: 100px;
    margin-top: 40px;
    overflow: visible;
    background-color: transparent;
    background: transparent;
    height: 10px;
    box-shadow: none;
    padding: 2px
}

.skill-bar .progress .progress-bar {
    -webkit-transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -ms-transition: width 3s ease;
    transition: width 3s ease;
    background-color: #f36f21 !important;
    border-radius: 300px;
    display: block;
    height: 4px;
    width: 0;
    position: relative
}

.skill-bar .progress .progress-bar .progress-text {
    position: absolute;
    top: -30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    left: 0
}

.skill-bar .progress .progress-bar .progress-percent {
    background-color: #232D37;
    border-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-size: 10px !important;
    line-height: 12px !important;
    padding: 4px 7px !important;
    position: absolute;
    right: 0;
    top: -25px
}

.skill-bar .progress .progress-bar .progress-percent:after {
    border-color: #232d37 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -4px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 0
}

.skill-bar span.background {
    -webkit-transition: width 1.8s linear;
    -moz-transition: width 1.8s linear;
    -o-transition: width 1.8s linear;
    -ms-transition: width 1.8s linear;
    transition: width 1.8s linear;
    background-color: #f36f21 !important;
    border-radius: 300px;
    display: block;
    height: 4px;
    width: 0;
    position: relative
}

.dexp-stats {
    padding: 50px 0;
    text-align: center
}

@media (max-width: 767px) {
    .dexp-stats {
        padding: 30px 0
    }
}

.dexp-stats .stats-icon i {
    font-size: 40px;
    color: #f36f21;
    margin-bottom: 20px
}

.dexp-stats .stat-count {
    color: #232d37;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 10px
}

.dexp-stats .stat-title {
    color: #c3cdd7;
    font-size: 11px !important;
    font-weight: 200;
    letter-spacing: 2px;
    text-transform: uppercase
}

.dexp-stats .stat-title.white {
    color: #fff
}

.dexp-stats .color-white .stat-title {
    color: #fff
}

.dexp-stats .stats-description {
    margin-top: 0
}

.dexp-stats.stats-alt {
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-right: 1px solid #eff4f7;
    width: 100%
}

.dexp-stats.stats-alt.brddark {
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%
}

.dexp-stats.stats-alt.last {
    border-right: 0px solid #eff4f7
}

.dexp-stats.stats-alt .num {
    color: #232d37;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px
}

.dexp-stats.stats-alt .type {
    color: #c3cdd7;
    font-weight: 200;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 12px
}

.dexp-stats.stats-alt .type.white {
    color: #fff;
    font-weight: 200;
    font-size: 8px;
    letter-spacing: 2px
}

.dexp-stats .brddark .stats-description {
    color: #c3cdd7;
    font-size: 11px;
    font-weight: 200;
    letter-spacing: 2px
}

.small-stats .dexp-stats {
    padding: 10px 0px 10px 0px
}

.small-stats .dexp-stats .stat-count {
    font-size: 20px
}

.small-stats .dexp-stats .stat-title {
    font-weight: 200;
    font-size: 8px !important;
    letter-spacing: 2px;
    line-height: 12px
}


.social-icons ul {
    padding: 0
}

.social-icons li {
    display: inline;
    float: left;
    margin-right: 4px
}

.social-icons li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: left !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden
}

.social-icons li a i {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px
}

.social-icons .twitter:before, .social-icons .wordpress:before, .social-icons .facebook:before, .social-icons .linkedin:before, .social-icons .renren:before, .social-icons .tumblr:before, .social-icons .github:before, .social-icons .maxcdn:before, .social-icons .instagram:before, .social-icons .xing:before, .social-icons .html5:before, .social-icons .dropbox:before, .social-icons .css3:before, .social-icons .gplus:before, .social-icons .yahoo:before, .social-icons .pinterest:before, .social-icons .dribbble:before, .social-icons .flickr:before, .social-icons .reddit:before, .social-icons .vimeo:before, .social-icons .rss:before, .social-icons .youtube:before, .social-icons .linux:before, .social-icons .appstore:before, .social-icons .heart:before, .social-icons .envelope:before, .social-icons .fivehundredpx:before, .social-icons .btc:before, .social-icons .stumbleupon:before, .social-icons .dribbble:before, .social-icons .stack-exchange:before, .social-icons .android:before, .social-icons .instagram:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 16px;
    color: #a0a5aa;
    -webkit-transition: all .15s ease-in-out .3s linear;
    -moz-transition: all .15s ease-in-out .3s linear;
    -o-transition: all .15s ease-in-out .3s linear;
    -ms-transition: all .15s ease-in-out .3s linear;
    transition: all .15s ease-in-out .3s linear;
    position: absolute;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    line-height: 40px
}

.social-icons li a:hover, .social-icons li a i {
    color: #fff
}

.social-icons li a i {
    top: -30px;
    opacity: 0
}

.social-icons li a:hover i {
    top: 0;
    opacity: 1
}

.social-icons .facebook i, .social-icons .facebook:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .facebook:before {
    content: "\f09a";
    top: 0;
    opacity: 1
}

.social-icons .facebook:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .facebook:hover {
    background-color: #4a6d9d
}

.social-icons .twitter:before {
    font-size: 18px
}

.social-icons .twitter i, .social-icons .twitter:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .twitter:before {
    content: "\f099";
    top: 0;
    opacity: 1
}

.social-icons .twitter:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .twitter:hover {
    background-color: #3bc1ed
}

.social-icons .gplus i, .social-icons .gplus:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .gplus:before {
    content: "\f0d5";
    top: 0;
    opacity: 1
}

.social-icons .linkedin i, .social-icons .linkedin:before {
    text-align: center;
    width: 100%;
    display: block
}

.social-icons .linkedin:before {
    content: "\f0e1";
    top: 0;
    opacity: 1
}

.social-icons .linkedin:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .linkedin:hover {
    background-color: #0b7bb5
}

.social-icons .gplus:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .gplus:hover {
    background-color: #d53824
}

.social-icons .maxcdn:before {
    content: "\f136";
    top: 0;
    opacity: 1
}

.social-icons .maxcdn:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .maxcdn:hover {
    background-color: #3274d1
}

.social-icons .pinterest:before {
    content: "\f0d2";
    top: 0;
    opacity: 1
}

.social-icons .pinterest:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .pinterest:hover {
    background-color: #cb1f25
}

.social-icons .btc:before {
    content: "\f15a";
    top: 0;
    opacity: 1
}

.social-icons .btc:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .btc:hover {
    background-color: #40833e
}

.social-icons .heart:before {
    content: "\f004";
    top: 0;
    opacity: 1
}

.social-icons .heart:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .heart:hover {
    background-color: #205685
}

.social-icons .stack-exchange:before {
    content: "\f18d";
    top: 0;
    opacity: 1
}

.social-icons .stack-exchange:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .stack-exchange:hover {
    background-color: #6ca405
}

.social-icons .appstore:before {
    content: "\f179";
    top: 0;
    opacity: 1
}

.social-icons .appstore:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .appstore:hover {
    background-color: #c0c0c0
}

.social-icons .linux i, .social-icons .linux:before {
    font-size: 14px !important
}

.social-icons .linux:before {
    content: "\f17c";
    top: 0;
    opacity: 1
}

.social-icons .linux:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .linux:hover {
    background-color: #ff6501
}

.social-icons .dribbble:before {
    content: "\f17d";
    top: 0;
    opacity: 1
}

.social-icons .dribbble:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .dribbble:hover {
    background-color: #ef5a92
}

.social-icons .envelope:before {
    content: "\f003";
    top: 0;
    opacity: 1
}

.social-icons .envelope:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .envelope:hover {
    background-color: #6bb130
}

.social-icons .flickr:before {
    content: "\f16e";
    top: 0;
    opacity: 1
}

.social-icons .flickr:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .flickr:hover {
    background-color: #136dd5
}

.social-icons .rss i, .social-icons .rss:before {
    font-size: 14px !important
}

.social-icons .rss:before {
    content: "\f09e";
    top: 0;
    opacity: 1
}

.social-icons .rss:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .rss:hover {
    background-color: #fe8f00
}

.social-icons .youtube i, .social-icons .youtube:before {
    font-size: 18px !important
}

.social-icons .youtube:before {
    content: "\f167";
    top: 0;
    opacity: 1
}

.social-icons .youtube:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .youtube:hover {
    background-color: #bf2f29
}

.social-icons .vimeo i, .social-icons .vimeo:before {
    font-size: 14px !important
}

.social-icons .vimeo:before {
    content: "\f194";
    top: 0;
    opacity: 1
}

.social-icons .vimeo:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .vimeo:hover {
    background-color: #4c8ab0
}

.social-icons .xing:before {
    content: "\f168";
    top: 0;
    opacity: 1
}

.social-icons .xing:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .xing:hover {
    background-color: #036568
}

.social-icons .android:before {
    content: "\f17b";
    top: 0;
    opacity: 1
}

.social-icons .android:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .android:hover {
    background-color: #9251a2
}

.social-icons .html5:before {
    content: "\f13b";
    top: 0;
    opacity: 1
}

.social-icons .html5:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .html5:hover {
    background-color: #2f3842
}

.social-icons .renren:before {
    content: "\f18b";
    top: 0;
    opacity: 1
}

.social-icons .renren:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .renren:hover {
    background-color: #383838
}

.social-icons .dropbox:before {
    content: "\f16b";
    top: 0;
    opacity: 1
}

.social-icons .dropbox:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .dropbox:hover {
    background-color: #2c92dd
}

.social-icons .github:before {
    content: "\f09b";
    top: 0;
    opacity: 1
}

.social-icons .github:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .github:hover {
    background-color: #5c7381
}

.social-icons .css3:before {
    content: "\f13c";
    top: 0;
    opacity: 1
}

.social-icons .css3:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .css3:hover {
    background-color: #d21309
}

.social-icons .tumblr:before {
    content: "\f173";
    top: 0;
    opacity: 1
}

.social-icons .tumblr:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .tumblr:hover {
    background-color: #3d658d
}

.social-icons .instagram:before {
    content: "\f16d";
    top: 0;
    opacity: 1
}

.social-icons .instagram:hover:before {
    top: 30px;
    opacity: 0
}

.social-icons .instagram:hover {
    background-color: #3f6f94
}

.merror, .merror strong {
    background-color: #FFE9E9;
    border: 1px solid #fbc4c4;
    color: #DE5959
}

.msuccess, .msuccess strong {
    background-color: #EBF6E0;
    border: 1px solid #b3dc82;
    color: #5F9025
}

.mwarning, .mwarning strong {
    background-color: #FBFADD;
    border: 1px solid #ded58a;
    color: #8F872E
}

.mnotice, .mnotice strong {
    background-color: #E9F7FE;
    border: 1px solid #b6d7e8;
    color: #5091B2
}

.alert strong {
    border: none
}

.dexp-icon {
    padding-right: 5px
}

#section-page-title {
    background-attachment: fixed;
    background-image: url("/themes/solargain/assets/css/../images/parallex-inner.jpg");
    background-position: 50% 0;
    clear: both;
    margin-bottom: 60px;
}


  .page-node-2259  #section-page-title {
        margin-bottom: 0!important;
    }

@media screen and (min-width: 992px) {
    #section-page-title .row {
        display: flex;
    }

    #section-page-title .row .breadcrumb {
        top: 80%;
        margin-right: 15px;
    }

    #section-page-title .row #block-evolve-breadcrumbs {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }
}

@media screen and (max-width: 991px) {
    #section-page-title .breadcrumb {
        text-align: left
    }
}

#section-page-title .container {
    padding-top: 30px;
    padding-bottom: 30px
}

#section-page-title h1.page-title {
    color: #fff;
    font-family: "raleway";
    font-size: 36px;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 36px;
    margin: 0
}

#section-page-title p.page-subtitle {
    color: #b9bec3;
    font-size: 13px;
    margin-bottom: 0
}

#section-page-title .breadcrumb {
    background-color: transparent;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0;
    padding: 0
}

#section-page-title .breadcrumb h2 {
    color: #fff
}

#section-page-title .breadcrumb li {
    color: #aaa
}

#section-page-title .breadcrumb a {
    color: #b9bec3
}

#section-page-title .breadcrumb a:hover {
    color: #fff
}

.block .block-title {
    color: #2d3237;
    font-family: "Raleway";
    margin-bottom: 30px
}

.block .block-title.has-subtitle {
    margin-bottom: 0px
}

.block .block-subtitle {
    font-size: 13px;
    line-height: 18px;
    color: #b9bec3;
    margin-bottom: 30px
}

.block.title-center .block-title {
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    padding-left: 15px;
    padding-right: 15px
}

.block.title-center .block-subtitle {
    text-align: center
}

.block.title-left .block-title {
    font-family: "Raleway";
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative
}

.block.title-left .block-title:after {
    position: absolute;
    bottom: -10px;
    content: " ";
    width: 22px;
    height: 3px;
    background-color: #ECEEF0;
    left: 0
}

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

.view-clients .dexp-slick-carousel .slick-slide img {
    margin: 0 auto
}

.view-clients .dexp-slick-carousel .slick-arrow {
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px
}

.view-clients .dexp-slick-carousel .slick-arrow:before {
    font-family: FontAwesome;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    line-height: 27px
}

.view-clients .dexp-slick-carousel .slick-arrow:hover {
    background-color: #fff
}

.view-clients .dexp-slick-carousel .slick-arrow:hover:before {
    color: #f36f21
}

.view-clients .dexp-slick-carousel .slick-arrow.slick-next:before {
    content: "\f105"
}

.view-clients .dexp-slick-carousel .slick-arrow.slick-prev:before {
    content: "\f104"
}

.button-group {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative
}

.button-group p {
    display: none
}

.button-group .or-button {
    background-color: #fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 42px;
    text-align: center;
    margin-left: -20px;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    z-index: 99;
    font-weight: bold;
    border-radius: 50%
}

.button-group > div {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
    margin: 0;
    display: inline-block
}

.button-group > div .title {
    display: block
}

.button-group > div .subtitle {
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0
}

.button-group > div a {
    width: 100%;
    padding: 25px 0 !important
}

.button-group .dexp-animate:first-child a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.button-group .dexp-animate:last-child a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.icon-list {
    padding: 0
}

.icon-list li {
    display: inline
}

.icon-list.md i {
    font-size: 30px;
    color: #AFB4B9
}

@media (max-width: 767px) {
    .icon-list.md i {
        font-size: 20px
    }
}

.icon-list.md i:hover {
    color: #f36f21
}

.dexp-fading {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.dexp-fading.fadeout {
    opacity: 0
}

@media screen and (min-width: 992px) {
    .dexp-fading h1 {
        font-size: 4em
    }
}

@media screen and (max-width: 991px) {
    .dexp-fading h1 {
        font-size: 2em
    }
}

h1.parallex-slider-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    letter-spacing: 0.3em;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase
}

h1.parallex-slider-title.white {
    color: #FFFFFF
}

.parallex-slider-description {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.parallex-slider-description.white {
    color: #FFFFFF
}

.parallex-slider-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background .2s linear 0s;
    color: rgba(255, 255, 255, 0.8) !important
}

.parallex-slider-btn:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
    color: #FFF !important
}

.region-right-sidebar .block, .region-left-sidebar .block {
    margin-bottom: 50px
}

.flip-box.color-white .inner .front .front-inner h3 {
    color: #fff !important
}

.services-bg-purple:after {
    content: '';
    position: absolute;
    border: 25px solid transparent;
    border-top-color: #643296;
    left: 50%;
    margin-top: 54px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.block-subtitle .block-title {
    font-weight: 400 !important;
    font-size: 24px !important;
    margin-bottom: 10px !important
}

.block-career-title .block-title {
    font-family: "Raleway";
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 3px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative
}

.block-career-title .block-title:after {
    position: absolute;
    bottom: -10px;
    content: " ";
    width: 22px;
    height: 3px;
    background-color: #ECEEF0;
    left: 0
}

#not-found {
    margin: 90px 0 0 0
}

#not-found h2 {
    text-align: center;
    font-size: 240px;
    line-height: 210px;
    font-weight: 600;
    letter-spacing: -5px;
    color: #5F8CB4
}

#not-found h3 {
    text-align: center;
    font-size: 40px;
    line-height: 100px;
    font-weight: 300;
    text-transform: uppercase
}

#not-found p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #b9bec3
}

#section-slider {
    position: relative;
    z-index: 100
}

.carousel .carousel-control span::before {
    font-size: 20px;
    line-height: 37px
}


.path-contact #block-evolve-content {
    margin-bottom: 60px
}

.contact-br-right {
    border-right: 1px solid #eee
}

@media screen and (max-width: 991px) {
    .contact-br-right {
        border-right: none
    }
}

.contact-br-bottom {
    border-bottom: 1px solid #eee;
    padding-top: 20px
}

@media screen and (max-width: 991px) {
    .contact-br-bottom {
        border-bottom: none
    }
}

.contact-info {
    padding-bottom: 20px
}

@media screen and (max-width: 991px) {
    .contact-info {
        padding-bottom: 0px
    }
}

@media screen and (min-width: 992px) {
    #section-header ul.menu.dexp-menu > li > a, #section-header ul.menu.dexp-menu > li span.dexp-nolink {
        -webkit-transition: line-height .3s ease;
        -moz-transition: line-height .3s ease;
        -o-transition: line-height .3s ease;
        -ms-transition: line-height .3s ease;
        transition: line-height .3s ease;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 14px;
        color: #000
    }

    #section-header ul.menu.dexp-menu > li > a:hover, #section-header ul.menu.dexp-menu > li span.dexp-nolink:hover, #section-header ul.menu.dexp-menu > li > a.is-active, #section-header ul.menu.dexp-menu > li span.dexp-nolink.is-active {
        color: #f36f21
    }

    #section-header ul.menu.dexp-menu > li.menu-item--expanded::after {
        font-family: FontAwesome;
        content: "\f107";
        position: absolute;
        right: 2px;
        top: 50%;
        margin-top: -9px;
        font-size: 11px;
        color: #ededed
    }

    #section-header ul.menu.dexp-menu > li ul.menu li {
        border-top: 1px solid #eff4f7
    }

    #section-header ul.menu.dexp-menu > li ul.menu li a, #section-header ul.menu.dexp-menu > li ul.menu li span.dexp-nolink {
        color: #9BA0A5;
        line-height: 35px
    }

    #section-header ul.menu.dexp-menu > li ul.menu li a.is-active, #section-header ul.menu.dexp-menu > li ul.menu li span.dexp-nolink.is-active {
        color: #f36f21
    }

    #section-header ul.menu.dexp-menu > li ul.menu li:hover {
        background-color: #F5F7F9
    }

    #section-header ul.menu.dexp-menu > li ul.menu li.menu-item--active-trail a {
        color: #f36f21
    }

    #section-header ul.menu.dexp-menu > li.menu-item--active-trail a, #section-header ul.menu.dexp-menu > li.menu-item--active-trail span.dexp-nolink {
        color: #f36f21
    }

    #section-header ul.menu.dexp-menu li > ul {
        max-width: 220px;
        width: 220px
    }

    #section-header.affix ul.menu.dexp-menu > li > a, #section-header.affix ul.menu.dexp-menu > li span.dexp-nolink {
        line-height: 80px
    }
}

@media screen and (max-width: 991px) {
    #section-header .region-navigation .block-menu {
        order: 1
    }

    #section-header .dexp-menu-toogle {
        line-height: 80px;
        font-size: 0;
        width: 40px;
        display: block;
        position: relative
    }

    #section-header .dexp-menu-toogle::after {
        content: "\f0c9";
        font-family: FontAwesome;
        display: block;
        position: absolute;
        top: 0;
        font-size: 25px;
        width: 100%;
        text-align: center
    }

    #section-header .search-toggle {
        width: 40px;
        text-align: center;
        font-size: 20px
    }
}


.dexp-flickr a {
    float: left;
    height: 60px;
    margin-bottom: 2px;
    margin-right: 2px;
    transition: all 200ms ease-in-out 0s;
    width: 60px
}

.dexp-flickr a img {
    width: 100%;
    height: 100% !important;
    border-radius: 3px;
    display: block;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden
}

.dexp-flickr a img:hover {
    filter: none;
    -webkit-filter: grayscale(0%)
}

.block-newsletter {
    clear: both
}

.refresh-blog .views-row {
    min-height: 94px
}

.refresh-blog li {
    margin: 0 0 10px 0 !important;
    padding: 10px 0 14px 0 !important
}

.refresh-blog li a {
    color: #B9BEC3
}

.refresh-blog li a:hover {
    color: #f36f21
}

.refresh-blog .views-field-title span {
    max-height: 44px;
    display: block;
    overflow: hidden
}

.refresh-blog .views-field-created span {
    color: #A0A5AA;
    display: block;
    font-weight: 300;
    margin: 4px 0 0
}

.refresh-blog img {
    border: 5px solid #bcc1c5;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    transition: all 200ms ease-in-out 0s;
    width: 75px;
    height: 75px
}

.refresh-blog img:hover {
    border: 5px solid #f36f21
}

.clear {
    clear: both
}

a:hover {
    text-decoration: none
}

.br0 {
    border-radius: 0 !important
}

.br1 {
    border-radius: 1px !important
}

.br2 {
    border-radius: 2px !important
}

.br4 {
    border-radius: 4px !important
}

.br6 {
    border-radius: 6px !important
}

.br8 {
    border-radius: 8px !important
}

.op10 {
    opacity: 1 !important
}

.op9 {
    opacity: 0.9 !important
}

.op8 {
    opacity: 0.8 !important
}

.op7 {
    opacity: 0.7 !important
}

.op6 {
    opacity: 0.6 !important
}

.op5 {
    opacity: 0.5 !important
}

.op4 {
    opacity: 0.4 !important
}

.op2 {
    opacity: 0.2 !important
}

.uppercase {
    text-transform: uppercase
}

.montserrat {
    font-family: "Montserrat", sans-serif
}

.fs-small {
    font-size: 80% !important
}

.fs-large {
    font-size: 120% !important
}

.relative {
    position: relative
}

.inline-block {
    display: inline-block !important
}

.inline-fex {
    display: inline-flex !important
}

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px
}

.pull-center {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
    text-align: center
}

.text-left {
    text-align: left !important
}

.text-left .title {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.m0 {
    margin: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt120 {
    margin-top: 120px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr100 {
    margin-right: 100px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml100 {
    margin-left: 100px !important
}

.pd0 {
    padding: 0px !important
}

.pd5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px !important
}

.pd20 {
    padding: 20px !important
}

.pd30 {
    padding: 30px !important
}

.pd40 {
    padding: 40px !important
}

.pd50 {
    padding: 50px !important
}

.pd60 {
    padding: 60px !important
}

.pd70 {
    padding: 70px !important
}

.pd80 {
    padding: 80px !important
}

.pd90 {
    padding: 90px !important
}

.pd100 {
    padding: 100px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.p0 {
    padding: 0 !important
}

.p10 {
    padding: 10px !important
}

.p20 {
    padding: 20px !important
}

.p30 {
    padding: 30px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.p60 {
    padding: 60px !important
}

.p70 {
    padding: 70px !important
}

.p80 {
    padding: 80px !important
}

.p90 {
    padding: 90px !important
}

.p100 {
    padding: 100px !important
}

.p1 {
    padding: 1px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr60 {
    padding-right: 60px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl30 {
    padding-left: 30px !important
}

@media (max-width: 575px) {
    .pl30 {
        padding-left: 15px !important
    }
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl80 {
    padding-left: 80px !important
}

@media (max-width: 575px) {
    .pl80 {
        padding-left: 15px !important
    }
}

.pr80 {
    padding-right: 80px !important
}

@media (max-width: 575px) {
    .pr80 {
        padding-right: 15px !important
    }
}

.pl90 {
    padding-left: 90px !important
}

@media (max-width: 575px) {
    .pl90 {
        padding-left: 15px !important
    }
}

.py5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.py10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.py15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.py20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pr0 {
    padding-right: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.no-border {
    border: none !important
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%
}

.shadow-a {
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.4)
}

.shadow-b {
    box-shadow: 2px 2px 8px rgba(10, 10, 10, 0.4)
}

.shadow-c {
    box-shadow: 3px 3px 10px rgba(10, 10, 10, 0.4)
}

.shadow-d {
    box-shadow: 1px 1px 5px rgba(10, 10, 10, 0.4)
}

.color {
    color: #f36f21
}

.color-base {
    color: #f36f21 !important
}

.main-bg {
    background-color: #f36f21 !important
}

.color-white {
    color: #fff
}

.color-blue {
    color: #1375a3
}

.color-blue-2 {
    color: #34aadc
}

.color-green {
    color: #208d1c
}

.color-pink {
    color: #F8007B
}

.color-orange {
    color: #febc1d
}

.color-red {
    color: #B54321
}

.color-red-2 {
    color: #c75c5c
}

.color-yellow {
    color: #fcc813
}

.color-dark {
    color: #444
}

.color-default {
    color: #778888
}

.color-white {
    color: #fff
}

.bg-purple {
    background-color: #6E3791
}

.bg-blue {
    background-color: #1375a3
}

.bg-blue-2 {
    background-color: #34aadc
}

.bg-green {
    background-color: #5cb85c
}

.bg-pink {
    background-color: #F8007B
}

.bg-orange {
    background-color: #febc1d
}

.bg-red {
    background-color: #B54321
}

.bg-red-2 {
    background-color: #c75c5c
}

.bg-yellow {
    background-color: #fcc813
}

.bg-dark {
    background-color: #404040
}

.bg-gray {
    background-color: #f0f0f0
}

.bg-gray-light {
    background-color: #fafafa
}

.bg-dark-gray {
    background-color: #5f5f5f
}

.bg-gray-2 {
    background-color: #b2babc
}

.bg-light-gray {
    background-color: #aaa
}

.bg-tael {
    background-color: #52c854
}

.bg-white {
    background-color: #fff
}

.bg-pink {
    background-color: #f087b9
}

.bg-base, .bg-color {
    background-color: #f36f21
}

.bg-purple {
    background-color: #724879
}

.ImageWrapper img {
    width: 100% !important;
    height: auto
}

.mr3 {
    margin-right: 3px
}

@media screen and (min-width: 768px) {
    .m-md0 {
        margin: 0 !important
    }

    .mb-md-md0 {
        margin-bottom: 0 !important
    }

    .mt-md-md0 {
        margin-top: 0 !important
    }

    .mb-md5 {
        margin-bottom: 5px !important
    }

    .mb-md10 {
        margin-bottom: 10px !important
    }

    .mb-md20 {
        margin-bottom: 20px !important
    }

    .mb-md30 {
        margin-bottom: 30px !important
    }

    .mb-md40 {
        margin-bottom: 40px !important
    }

    .mb-md50 {
        margin-bottom: 50px !important
    }

    .mb-md60 {
        margin-bottom: 60px !important
    }

    .mb-md70 {
        margin-bottom: 70px !important
    }

    .mb-md80 {
        margin-bottom: 80px !important
    }

    .mb-md90 {
        margin-bottom: 90px !important
    }

    .mb-md100 {
        margin-bottom: 100px !important
    }

    .mt-md5 {
        margin-top: 5px !important
    }

    .mt-md10 {
        margin-top: 10px !important
    }

    .mt-md20 {
        margin-top: 20px !important
    }

    .mt-md30 {
        margin-top: 30px !important
    }

    .mt-md40 {
        margin-top: 40px !important
    }

    .mt-md50 {
        margin-top: 50px !important
    }

    .mt-md60 {
        margin-top: 60px !important
    }

    .mt-md70 {
        margin-top: 70px !important
    }

    .mt-md80 {
        margin-top: 80px !important
    }

    .mt-md90 {
        margin-top: 90px !important
    }

    .mt-md100 {
        margin-top: 100px !important
    }

    .mt-md140 {
        margin-top: 140px !important
    }

    .mt-md150 {
        margin-top: 150px !important
    }

    .mt-md200 {
        margin-top: 200px !important
    }

    .ml-md200 {
        margin-left: 200px !important
    }

    .mr-md200 {
        margin-right: 200px !important
    }

    .mr-md0 {
        margin-right: 0 !important
    }

    .mr-md5 {
        margin-right: 5px !important
    }

    .mr-md10 {
        margin-right: 10px !important
    }

    .mr-md20 {
        margin-right: 20px !important
    }

    .mr-md30 {
        margin-right: 30px !important
    }

    .mr-md40 {
        margin-right: 40px !important
    }

    .mr-md50 {
        margin-right: 50px !important
    }

    .mr-md60 {
        margin-right: 60px !important
    }

    .mr-md70 {
        margin-right: 70px !important
    }

    .mr-md80 {
        margin-right: 80px !important
    }

    .mr-md90 {
        margin-right: 90px !important
    }

    .mr-md100 {
        margin-right: 100px !important
    }

    .ml-md0 {
        margin-left: 0 !important
    }

    .ml-md5 {
        margin-left: 5px !important
    }

    .ml-md10 {
        margin-left: 10px !important
    }

    .ml-md20 {
        margin-left: 20px !important
    }

    .ml-md30 {
        margin-left: 30px !important
    }

    .ml-md40 {
        margin-left: 40px !important
    }

    .ml-md50 {
        margin-left: 50px !important
    }

    .ml-md60 {
        margin-left: 60px !important
    }

    .ml-md70 {
        margin-left: 70px !important
    }

    .ml-md80 {
        margin-left: 80px !important
    }

    .ml-md90 {
        margin-left: 90px !important
    }

    .ml-md100 {
        margin-left: 100px !important
    }

    .pd-md0 {
        padding: 0px !important
    }

    .pd-md5 {
        padding: 5px !important
    }

    .pd-md10 {
        padding: 10px !important
    }

    .pd-md20 {
        padding: 20px !important
    }

    .pd-md30 {
        padding: 30px !important
    }

    .pd-md40 {
        padding: 40px !important
    }

    .pd-md50 {
        padding: 50px !important
    }

    .pd-md60 {
        padding: 60px !important
    }

    .pd-md70 {
        padding: 70px !important
    }

    .pd-md80 {
        padding: 80px !important
    }

    .pd-md90 {
        padding: 90px !important
    }

    .pd-md100 {
        padding: 100px !important
    }

    .pb-md5 {
        padding-bottom: 5px !important
    }

    .pb-md10 {
        padding-bottom: 10px !important
    }

    .pb-md20 {
        padding-bottom: 20px !important
    }

    .pb-md30 {
        padding-bottom: 30px !important
    }

    .pb-md40 {
        padding-bottom: 40px !important
    }

    .pb-md50 {
        padding-bottom: 50px !important
    }

    .pb-md60 {
        padding-bottom: 60px !important
    }

    .pb-md70 {
        padding-bottom: 70px !important
    }

    .pb-md80 {
        padding-bottom: 80px !important
    }

    .pb-md90 {
        padding-bottom: 90px !important
    }

    .pb-md100 {
        padding-bottom: 100px !important
    }

    .pb-md150 {
        padding-bottom: 150px !important
    }

    .pt-md5 {
        padding-top: 5px !important
    }

    .pt-md10 {
        padding-top: 10px !important
    }

    .pt-md20 {
        padding-top: 20px !important
    }

    .pt-md30 {
        padding-top: 30px !important
    }

    .pt-md40 {
        padding-top: 40px !important
    }

    .pt-md50 {
        padding-top: 50px !important
    }

    .pt-md60 {
        padding-top: 60px !important
    }

    .pt-md70 {
        padding-top: 70px !important
    }

    .pt-md80 {
        padding-top: 80px !important
    }

    .pt-md90 {
        padding-top: 90px !important
    }

    .pt-md100 {
        padding-top: 100px !important
    }

    .pt-md150 {
        padding-top: 150px !important
    }

    .p0 {
        padding: 0 !important
    }

    .pb-md0 {
        padding-bottom: 0 !important
    }

    .pt-md0 {
        padding-top: 0 !important
    }

    .pt-md5 {
        padding-top: 5px !important
    }

    .pr-md5 {
        padding-right: 5px !important
    }

    .pr-md10 {
        padding-right: 10px !important
    }

    .pr-md20 {
        padding-right: 20px !important
    }

    .pr-md30 {
        padding-right: 30px !important
    }

    .pr-md40 {
        padding-right: 40px !important
    }

    .pr-md50 {
        padding-right: 50px !important
    }

    .pr-md60 {
        padding-right: 60px !important
    }

    .pr-md70 {
        padding-right: 70px !important
    }

    .pr-md80 {
        padding-right: 80px !important
    }

    .pr-md90 {
        padding-right: 90px !important
    }

    .pr-md100 {
        padding-right: 100px !important
    }

    .pl-md5 {
        padding-left: 5px !important
    }

    .pl-md10 {
        padding-left: 10px !important
    }

    .pl-md20 {
        padding-left: 20px !important
    }

    .pl-md30 {
        padding-left: 30px !important
    }

    .pl-md40 {
        padding-left: 40px !important
    }

    .pl-md50 {
        padding-left: 50px !important
    }

    .pl-md60 {
        padding-left: 60px !important
    }

    .pl-md70 {
        padding-left: 70px !important
    }

    .pl-md80 {
        padding-left: 80px !important
    }

    .pl-md90 {
        padding-left: 90px !important
    }

    .pl-md100 {
        padding-left: 100px !important
    }

    .py-md5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .py-md10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .py-md15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .py-md20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pr-md0 {
        padding-right: 0 !important
    }

    .pl-md0 {
        padding-left: 0 !important
    }
}

.block.overlay-bg {
    position: relative
}

.block.overlay-bg .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(243, 111, 33, 0.8)
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.pr3 {
    padding-right: 3px
}

.midde {
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.midde > * {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.media-vimeo-video, .media-youtube-video, .media-soundcloud-preview-wrapper {
    position: relative;
    padding-bottom: 64.25%;
    height: 0;
    overflow: hidden
}

.media-vimeo-video iframe, .media-youtube-video iframe, .media-soundcloud-preview-wrapper iframe, .media-vimeo-video object, .media-youtube-video object, .media-soundcloud-preview-wrapper object, .media-vimeo-video embed, .media-youtube-video embed, .media-soundcloud-preview-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.media_element video {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    height: auto
}

video {
    display: block;
    max-width: 100%;
    height: auto
}

.retative {
    position: relative
}

.circle {
    border-radius: 50%
}

.italic {
    font-style: italic
}

.unset-position {
    position: unset
}

.margin0-p p {
    margin: 0
}

.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.col-xs-5cols, .col-sm-5cols, .col-md-5cols, .col-lg-5cols {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

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

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

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

@media (min-width: 1200px) {
    .col-lg-5cols {
        width: 20%;
        float: left
    }
}

.bigger_text, .bigger_text p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

.bg-overlay {
    position: relative
}

.bg-overlay:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(5, 11, 15, 0.73) none repeat scroll 0 0
}

.bg-overlay .block-title {
    color: #fff
}

.bg-overlay .content {
    position: relative
}

.absolute {
    position: absolute
}

.dexp-list.list-01 li {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    padding-left: 20px;
    position: relative
}

.dexp-list.list-01 li:before {
    font-family: "ElegantIcons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    content: "\4e";
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 4px
}

.dexp-list.list-01.icon-color li:before {
    color: #f36f21
}

.delimiter:first-of-type {
    display: none !important
}

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

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

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

.pad-y {
    padding-top: 50px;
    padding-bottom: 50px
}

.pad-t {
    padding-top: 50px
}

.pad-b {
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .pad-sm-b {
        padding-bottom: 50px
    }
}

@media (max-width: 767px) {
    .mt-sm-15 {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .mb-sm-15 {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .mt-sm-30 {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .mb-sm-30 {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .nobg-md {
        background-image: none !important
    }
}

@media (max-width: 991px) {
    .nom-md div[class*="col-"] {
        margin: 0 !important
    }
}

@media (max-width: 767px) {
    .nobr-sm {
        border: none !important
    }
}

@media (max-width: 767px) {
    .text-center-sm {
        text-align: center !important
    }
}

.pager .pager__items {
    padding: 0;
    text-align: left
}

.pager .pager__items li {
    padding: 0;
    float: left;
    margin-bottom: 50px
}

.pager .pager__items li a {
    padding: 7px 11px;
    border-bottom: none;
    display: inline-block;
    color: #b9bec3;
    float: left;
    margin-right: 4px;
    border: 1px solid #eceef0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 2px
}

.pager .pager__items li.is-active a, .pager .pager__items li:hover a {
    background: #f36f21;
    color: #fff;
    border-color: #f36f21
}

h1 {
    font-family: 'Barlow';
    font-size: 38px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6
}

h2 {
    font-family: 'Barlow';
    font-size: 32px;
    font-weight: 400;
    font-style: normal;
    line-height: 2
}

h3 {
    font-family: 'Barlow';
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 2
}

h3.box-title {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 2
}

body, html {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2
}

h4 {
    font-family: 'Barlow';
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7
}

.container-fluid
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width:100%;
    padding-right:0;
    padding-left:0;
    margin-right:0;
    margin-left:0;
}
@media (min-width:576px) {
    .container,
    .container-sm {
        max-width:100%;
    }
}
@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width:100%;
    }
}
@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width:100%;
    }
}
@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width:1140px;
    }
}


.node--unpublished {
  background-color: #FFEEEC;
}