@import url(master.min.css);
#experience ul>li, #portfolio-nav>ul>li, #pricing ul.pricing, .blog4-metas>li, .ceo-plan-detail>ul>li, .dm_featured_box, .error-page>ul>li, .featureslist li, .portfolio-sec ul>li, .pricing, .profile-social>ul>li, .rslides, .timeline, .w-our-branches ul li, ul li {
    list-style: none
}
body{
    overflow-x: hidden !important;
}
.show-product, .show-products-lcds {
    float: left;
    position: relative;
    width: 100%
}

.loader-container, .main_title h2, .member-overlay h6, .show-product>a, .single-member h4 {
    text-transform: uppercase
}

body {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

p {
    margin: 0 0 20px;
    font-weight: 400
}

#loader {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: #fff;
    display: table;
    min-height: 100%
}

.loader-container {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 12;
    text-align: center
}

#preloader_1 {
    position: relative;
    margin: auto;
    width: 100px
}

#preloader_1 span {
    display: block;
    bottom: 0;
    width: 9px;
    height: 5px;
    background: #fff;
    position: absolute;
    animation: preloader_1 1.5s infinite ease-in-out
}

#preloader_1 span:nth-child(2) {
    left: 11px;
    animation-delay: .2s
}

#preloader_1 span:nth-child(3) {
    left: 22px;
    animation-delay: .4s
}

#preloader_1 span:nth-child(4) {
    left: 33px;
    animation-delay: .6s
}

#preloader_1 span:nth-child(5) {
    left: 44px;
    animation-delay: .8s
}

@keyframes preloader_1 {
    0% {
        height: 5px;
        transform: translateY(0);
        background: rgba(23, 223, 190, 1)
    }
    25% {
        height: 30px;
        transform: translateY(15px);
        background: rgba(21, 218, 192, 1)
    }
    50% {
        height: 5px;
        transform: translateY(0);
        background: rgba(13, 200, 203, 1)
    }
    100% {
        height: 5px;
        transform: translateY(0);
        background: rgba(6, 180, 215, 1)
    }
}

#loader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    background: #fff
}

.bounce-ball-wrapper {
    top: 50%;
    left: 50%;
    margin-left: -39px;
    position: absolute
}

.ball-bounce {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #5c6bc0;
    -webkit-box-shadow: inset 0 -10px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 -10px rgba(0, 0, 0, .1);
    -ms-box-shadow: inset 0 -10px rgba(0, 0, 0, .1);
    -o-box-shadow: inset 0 -10px rgba(0, 0, 0, .1);
    box-shadow: inset 0 -10px rgba(0, 0, 0, .1);
    -webkit-animation: ballbounce .75s infinite linear;
    -moz-animation: ballbounce .75s infinite linear;
    -ms-animation: ballbounce .75s infinite linear;
    -o-animation: ballbounce .75s infinite linear;
    animation: ballbounce .75s infinite linear
}

.our-blog4-box>a, .show-product>a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.ball1 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.ball2 {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    -ms-animation-delay: -1.2s;
    -o-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.ball3 {
    -webkit-animation-delay: -1.3s;
    -moz-animation-delay: -1.3s;
    -ms-animation-delay: -1.3s;
    -o-animation-delay: -1.3s;
    animation-delay: -1.3s
}

@-webkit-keyframes ballbounce {
    0%, 100% {
        -webkit-transform: translate(0, -50%) scale(1, .8)
    }
    30% {
        -webkit-transform: translate(0, -150%) scale(.8, .8)
    }
    60% {
        -webkit-transform: translate(0, -200%) scale(.8, 1)
    }
    85%, 90% {
        -webkit-transform: translate(0, -50%) scale(.8, 1)
    }
}

@-moz-keyframes ballbounce {
    0%, 100% {
        -moz-transform: translate(0, -50%) scale(1, .8)
    }
    30% {
        -moz-transform: translate(0, -150%) scale(.8, .8)
    }
    60% {
        -moz-transform: translate(0, -200%) scale(.8, 1)
    }
    85%, 90% {
        -moz-transform: translate(0, -50%) scale(.8, 1)
    }
}

@-ms-keyframes ballbounce {
    0%, 100% {
        -ms-transform: translate(0, -50%) scale(1, .8)
    }
    30% {
        -ms-transform: translate(0, -150%) scale(.8, .8)
    }
    60% {
        -ms-transform: translate(0, -200%) scale(.8, 1)
    }
    85%, 90% {
        -ms-transform: translate(0, -50%) scale(.8, 1)
    }
}

@-o-keyframes ballbounce {
    0%, 100% {
        -o-transform: translate(0, -50%) scale(1, .8)
    }
    30% {
        -o-transform: translate(0, -150%) scale(.8, .8)
    }
    60% {
        -o-transform: translate(0, -200%) scale(.8, 1)
    }
    85%, 90% {
        -o-transform: translate(0, -50%) scale(.8, 1)
    }
}

@keyframes ballbounce {
    0%, 100% {
        transform: translate(0, -50%) scale(1, .8)
    }
    30% {
        transform: translate(0, -150%) scale(.8, .8)
    }
    60% {
        transform: translate(0, -200%) scale(.8, 1)
    }
    85%, 90% {
        transform: translate(0, -50%) scale(.8, 1)
    }
}

.show-products-lcds {
    height: 330px
}

.show-products-lcds>span {
    float: none;
    margin: 0 auto;
    display: table
}

.show-product>h2 {
    color: #666;
    float: left;
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%
}

.show-product>p {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 80%
}

.show-product>a {
    border-radius: 3px;
    background-color: #45AED6;
    color: #fffefe;
    display: table;
    float: none;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 10px;
    margin: 20px auto 0;
    padding: 15px 40px;
    font-weight: 600;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

#show-product-slide .owl-buttons>div, .service .service-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.counter-text, .hairline {
    font-weight: 700!important
}

.our-blog4-box, .owl-buttons>div {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s
}

.show-product>a:hover {
    background: #333
}

#show-product-slide .owl-buttons {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    z-index: 0;
    margin-top: -25px
}

#show-product-slide .owl-buttons>div {
    border-radius: 50%;
    height: 50px;
    text-align: center;
    width: 50px;
    background-position: 20px 19px
}

#show-product-slide .owl-buttons>div.owl-prev {
    position: absolute;
    left: 0;
    top: 0
}

#show-product-slide .owl-buttons>div.owl-next {
    position: absolute;
    right: 0;
    top: 0
}

.block {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%
}

.block.gray {
    background: #f9f9f9
}

.owl-buttons {
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 2
}

.owl-carousel {
    cursor: grab
}

.owl-buttons>div {
    background-position: 9px 6px;
    background-repeat: no-repeat;
    border: 1px solid #D3D3D3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: transparent;
    float: left;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 11px;
    transition: all .4s ease 0s;
    width: 27px
}

.owl-buttons>.owl-prev {
    background-image: url(../images/arrow-prev.png)
}

.owl-buttons>.owl-prev:hover {
    background-image: url(../images/arrow-prev-h.png)
}

.owl-buttons>.owl-next {
    background-image: url(../images/arrow-next.png)
}

.owl-buttons .owl-next:hover {
    background-image: url(../images/arrow-next-h.png)
}

.owl-buttons>div:hover {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.facts-counter {
    background: url(../images/img13.jpg) center top/cover no-repeat fixed
}

.layer {
    background: #21252B;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7
}

.section-parallax {
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative
}

.content-2 {
    padding: 100px 0;
    background: #FFF
}

.counter-text {
    color: #fff!important
}

.shortcode_tabs {
    padding: 35px 40px 20px;
    background: #f6f7f9
}

.shortcode_tab_item_title {
    display: inline-block;
    float: left;
    line-height: 27px;
    margin-right: 40px;
    font-size: 300;
    cursor: pointer;
    padding: 0;
    position: relative;
    z-index: 10;
    border: none;
    background: 0 0;
    color: #666;
    border-radius: 0;
    -webkit-border-radius: 0;
    transition: color .3s;
    -webkit-transition: color .3s
}

.item_tab h6, .item_tab h6 a {
    line-height: 26px;
    font-size: 20px;
    font-weight: 400
}

.item_tab h6, .shortcode_tab_item_title.active, .shortcode_tab_item_title:hover {
    color: #2d2e2e
}

.shortcode_tab_item_title:last-child {
    margin-right: 0
}

.all_heads_cont:after {
    display: none
}

.shortcode_tab_item_title.active {
    font-weight: 400
}

.shortcode_tab_item_title.active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 11;
    width: 100%;
    height: 3px;
    display: block
}

.all_body_cont {
    padding: 40px 0 0;
    z-index: 15
}

.shortcode_tab_item_body p {
    margin: 0 0 10px
}

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

.shortcode_tab_item_body {
    display: none
}

.item_tab p {
    margin: 0
}

.item_tab h6 {
    margin-bottom: 8px
}

.item_tab h6 a {
    color: #2d2e2e
}

.item_tab {
    padding-bottom: 33px
}

.item_tab.last {
    padding-bottom: 13px
}

.item_tab img {
    float: left;
    margin: 0 30px 5px 0
}

@media only screen and (min-width:960px) {
    .shortcode_tabs.type2 .all_heads_cont {
        float: none;
        display: block
    }
    .shortcode_tabs.type2 .all_body_cont {
        padding-top: 3px;
        padding-left: 10px
    }
    .shortcode_tabs.type2 .all_head_sizer {
        width: 24.5%;
        text-align: left
    }
    .shortcode_tab_item_title {
        float: none
    }
    .shortcode_tabs.type2 .all_body_sizer {
        width: 75.5%
    }
    .shortcode_tabs.type2 .all_body_sizer, .shortcode_tabs.type2 .all_head_sizer {
        float: left;
        display: inline-block
    }
    .all_body_sizer:after, .all_head_sizer:after {
        content: '';
        display: block;
        clear: both
    }
    .shortcode_tabs.type2 .shortcode_tab_item_title {
        float: none;
        margin: 0 0 30px;
        display: inline-block!important
    }
}

.description2:after, .description3:after, .heading3::before, .main_title .line:before, .our-blog4-box>a:before, .title1 hr::after {
    content: ""
}

.shortcode_tabs.type3 {
    padding: 0;
    background-color: transparent
}

.shortcode_tabs.type3 .shortcode_tab_item_title {
    margin: 0;
    padding: 0 15px;
    text-align: center;
    line-height: 29px;
    float: none
}

.shortcode_tabs.type3 .all_heads_cont {
    padding-bottom: 11px;
    border-bottom: 1px #ddd solid
}

.shortcode_tabs.type3 .shortcode_tab_item_title.active:before {
    left: 50%;
    bottom: -13px;
    width: 71px;
    margin-left: -35px
}

.shortcode_tabs.type3 .all_body_cont {
    padding: 60px 0 43px
}

.shortcode_tab_item_title.active::before {
    background: #45AED6
}

.promo-img img {
    width: 100%
}

.subheading.text-center {
    font-family: Lato, Helvetica, Arial, sans-serif;
    color: #98a2a4;
    font-size: 18px;
    font-style: italic
}

.main_title h2, .title1 {
    font-family: Oswald, 'Open Sans', sans-serif
}

.core-features.style-1 .features-item:first-child, .core-features.style-1 .features-item:first-child.features-right {
    margin-top: 156px
}

.features-item.features-right {
    margin-top: 38px;
    padding: 0 72px 0 0
}

.features-item {
    margin-top: 38px;
    padding: 0 0 0 72px;
    position: relative
}

.features-item .features-icon, .features-item.features-right .features-icon {
    width: 60px;
    background-color: #45AED6;
    font-size: 30px;
    border-radius: 500px;
    line-height: 60px;
    position: absolute;
    height: 60px;
    color: #fff;
    text-align: center
}

.features-item.features-right .features-icon {
    left: auto;
    right: 0
}

.features-item .features-icon {
    left: 0
}

.features-icon i {
    color: #fff
}

.container-gray {
    background: #F8F8F8
}

.container-border {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0
}

.background-content .both-btn {
    margin: 20px auto;
    width: 90%
}

.both-btn {
    position: relative
}

.both-btn .round {
    position: absolute;
    top: 0;
    left: 50%;
    background: #45AED6;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: -28px;
    line-height: 57px;
    font-size: 26px;
    font-weight: 300;
    box-shadow: inset 0 0 5px 3px #45AED6
}

.both-btn .but-ticket, .both-btn .find-events {
    float: left;
    width: 50%;
    background: #ccc;
    height: 60px;
    line-height: 60px
}

.both-btn .but-ticket a, .both-btn .find-events a {
    font-size: 24px;
    font-weight: 300;
    display: block;
    color: #fff;
    border-radius: 4px
}

.main_title.light h2, .title1.light {
    font-weight: 300
}

.main_title.no_line h2 {
    padding-bottom: 0;
    margin-bottom: 20px
}

.main_title.no_line .line {
    display: none
}

.main_title h2 .icon {
    color: #45AED6;
    font-size: 24px;
    margin-right: 15px
}

.white_section .main_title h2 {
    color: #fff
}

.white_section .main_title:not(.has_bg):not(.side_line) h2 .line {
    background: rgba(255, 255, 255, .1)
}

.white_section .centered .main_title.side_line h2::after, .white_section .main_title.side_line h2::before, .white_section .main_title.side_line.centered h2::after {
    background: rgba(255, 255, 255, .2)
}

.main_title.medium h2 {
    font-size: 24px
}

.main_title.small h2 {
    font-size: 22px
}

.main_title.small:not(.no_line) h2 {
    margin-bottom: 35px
}

.main_title h2 {
    color: #324545;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
    line-height: 40px;
    margin-top: 55px
}

.main_title.small_space h2 {
    margin-bottom: 25px
}

.main_title .line i {
    background: #fff;
    color: #45AED6;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 40px
}

.main_title.align_right .line i {
    padding-left: 13px;
    padding-right: 0;
    right: 0
}

.bg_gray .main_title .line i {
    background: #f9fafc
}

.main_title:not(.centered):not(.align_right) .line i {
    padding-right: 13px;
    width: auto
}

.centered .main_title .line i {
    padding-right: 0;
    width: 40px
}

.main_title.side_line>h2 {
    margin-bottom: 23px
}

.main_title h2 .line {
    background: rgba(0, 0, 0, .07);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 33%
}

.align_right h2 .line {
    right: 0
}

.main_title .line:before {
    background: #1cc6df;
    display: block;
    height: 1px;
    position: absolute;
    width: 100px
}

.bg_color7 .main_title .line:before {
    background: rgba(0, 0, 0, .2)
}

.main_title.align_right .line:before {
    right: 0
}

.main_title.has_bg.align_right .line:before {
    right: 20px
}

.main_title .dot {
    background: #fff;
    border: 1px solid #1cc6df;
    height: 10px;
    position: absolute;
    top: -5px;
    width: 10px
}

.main_title.align_right .dot {
    right: 0
}

.main_title h2:hover .line:before {
    width: 75%
}

.title1 {
    color: #45AED6;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 13px;
    line-height: 33px
}

.title1.title_color1 {
    color: #e84c3d
}

.title1.title_color2 {
    color: #324545
}

.title1 i {
    font-size: 32px;
    margin-right: 15px
}

.description1, .description2, .description3 {
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
    margin: 15px 0 30px
}

.description2, .description3 {
    background: #f9fafc;
    border-top: 1px solid #45AED6;
    padding: 10px;
    position: relative
}

.description4 {
    display: block;
    line-height: 24px;
    margin: 15px 0 50px;
    width: 50%
}

.description4.centered {
    margin: 15px auto 50px
}

.description2:after {
    border-color: transparent transparent #45AED6;
    border-style: solid;
    border-width: 4px;
    display: block;
    left: 50%;
    position: absolute;
    top: -9px
}

.description3:not(.centered):after {
    left: 0
}

.description3:after {
    background: #45AED6;
    display: block;
    height: 1px;
    position: absolute;
    top: -7px;
    width: 30%
}

.main_desc p {
    margin: 0 auto 50px
}

.centered .main_title.side_line h2:after, .main_title.side_line h2:before, .main_title.side_line.centered h2:after {
    background: #324545;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 15px;
    width: 50px
}

.main_title.has_bg .line, .main_title.short_line .line:before, .main_title.side_line .line, .main_title.side_line .line:before {
    background: 0 0
}

.list-bullets li, .main_title.short_line h2, .main_title.side_line h2 {
    display: inline-block
}

.main_title.side_line h2:after {
    left: -65px
}

.main_title.side_line h2:before {
    right: -65px
}

.main_title.side_line.align_right h2:before {
    left: -65px;
    right: auto
}

.description4.align_right {
    padding-left: 50%;
    width: 100%
}

.main_title.lato h2 {
    font-weight: 300
}

.main_title.side_line h2 {
    padding-bottom: 5px
}

.main_title.has_bg>h2 {
    padding: 16px 18px 18px;
    display: inline-block
}

.main_title.has_bg .line:before {
    background: 0 0;
    border-style: solid;
    border-width: 12px 50px 0;
    border-color: transparent
}

.main_title.gray_bg>h2 {
    background: #eee
}

.main_title.blue_bg>h2 {
    background: #45AED6;
    color: #fff
}

.main_title.gray_bg .line:before {
    border-color: #eee transparent transparent
}

.main_title.blue_bg .line:before {
    border-color: #45AED6 transparent transparent
}

.centered .main_title .line i, .centered .main_title span, .centered .main_title span:before, .main_title.centered .line i, .main_title.centered span, .main_title.centered span:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.centered {
    text-align: center
}

.main_desc {
    margin: 0 auto 40px
}

.main_desc, .main_desc p {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.4
}

.half_desc {
    width: 75%;
    margin: 0 auto
}

.who-we-are-left-img {
    background: url(../images/img12.jpg) 0 0/cover no-repeat;
    height: 616px
}

.who-we-are-content {
    padding-right: 45px;
    padding-top: 30px;
    padding-left: 40px
}

.who-we-are-content, .who-we-are-left-img {
    width: 50%;
    float: left
}

.list-bullets li {
    background: url(../images/bullet.png) 0 7px no-repeat;
    padding: 0 3% 8px;
    width: 45%
}

#page-title {
    background-image: url(../images/feature-bg1.jpg);
    padding: 80px 0;
    font-weight: 300;
    font-size: 18px;
    border-bottom: 1px solid #E9EAEC;
    background-position: center
}

.breadcrumb>.active {
    color: #fff
}

#page-title h1 {
    color: #FFF;
    font-size: 40px;
    line-height: 1;
    margin: 0
}

.breadcrumb {
    position: absolute;
    right: 15px;
    width: auto;
    background-color: transparent;
    top: 50%;
    padding: 0;
    margin: -10px 0 0;
    font-size: 14px
}

.heading3 {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    float: left
}

.heading3::before {
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    background: #C6C6C6
}

.heading3>h2 i {
    font-style: normal;
    font-weight: 700
}

.heading3>h2 {
    border-bottom: 3px solid #C6C6C6;
    float: left;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 25px;
    color: #555;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: .3px;
    line-height: 22px
}

.color {
    color: #45AED6
}

.line_under {
    padding-top: 13px;
    padding-bottom: 8px
}

.line_under .line_left {
    height: 1px;
    width: 50%;
    position: relative;
    float: left;
    left: 50%;
    margin-left: -53px;
    margin-top: 3px
}

.line_under .line_center {
    background: #45AED6;
    height: 1px;
    width: 131px;
    left: 50%;
    position: absolute;
    margin-left: -66px;
    margin-top: 3px;
    z-index: 999
}

.line_under .line_left, .line_under .line_right, .line_under_full .line_full::after {
    background: #E1E1E1
}

.line_under .line_right {
    height: 1px;
    width: 50%;
    position: relative;
    float: right;
    right: 50%;
    margin-right: -60px;
    margin-top: 3px
}

.dynamic_page_header.style_1 h1 {
    text-align: center;
    border: none;
    font-weight: 400;
    letter-spacing: 0
}

.dynamic_page_header p {
    text-align: center;
    font-size: 18px;
    padding-bottom: 30px;
    line-height: 5px
}

.title1 hr {
    border-top: 1px solid #D4D4D4;
    position: relative;
    margin: 0;
    max-width: 280px
}

.title1 hr::after {
    position: absolute;
    left: 0;
    right: 80%;
    top: -1px;
    border-top: 1px solid #F2F2F2;
    border-top-color: #45AED6
}

.bg_overlay, .content_section, ul.list1 li {
    position: relative
}

.featureslist li {
    margin: 0 0 10px
}

.featureslist li::before {
    font-size: 16px;
    left: 0;
    position: relative;
    top: 2px;
    font-family: FontAwesome;
    content: ""!important;
    padding-right: 8px!important;
    color: #45AED6
}

.login-facebook, .login-facebook:hover, .login-twitter, .login-twitter:hover {
    padding: 12px 33px;
    text-decoration: none;
    color: #fff
}

.login-facebook {
    background-color: #3B5998!important;
    margin-left: 15px
}

.login-twitter {
    background-color: #00ACEE!important
}

.login-facebook:hover, .login-twitter:hover {
    background-color: #818181!important
}

#js-rotating {
    color: #45AED6
}

.bg_fixed {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center
}

.bg1 {
    background-image: url(../images/img5.jpg)
}

.white_section {
    color: rgba(255, 255, 255, .7);
    background: #42484D
}

h2.title2 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 30px
}

ul.list1 {
    padding: 20px 0
}

ul.list1.black li::after {
    background: rgba(0, 0, 0, .5)
}

.bg_overlay {
    background: rgba(0, 0, 0, .6);
    color: #EEE
}

ul.list1 li {
    float: left;
    margin-bottom: 20px;
    padding: 0 27px;
    width: 50%
}

.has_col_img.on_desktop>img {
    bottom: 0;
    max-width: 50%;
    position: absolute
}

ul.list1 li::after {
    background: #45AED6;
    height: 18px;
    position: absolute;
    width: 18px;
    content: "";
    font-family: fontawesome;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    left: 0;
    top: 1px;
    text-indent: 1px
}

.iconbox_title {
    margin-bottom: 10px;
    transition: all .3s ease 0s
}

.sub-heading {
    color: #1C1C1C;
    font-weight: 600
}

.features article span {
    font-size: 30px;
    margin-bottom: .6em;
    display: block;
    color: #45AED6
}

#cta-button-solid, .text-white {
    color: #fff
}

.blockquote p {
    font-family: "Gentium Basic";
    font-style: italic
}

#cta-button-solid, #cta-button-stroke {
    margin: 0 5px
}

#cta-button-stroke {
    padding: 11px 35px;
    border: 2px solid #45AED6
}

#cta-button-solid:hover {
    color: #818181;
    border: 2px solid #45AED6;
    background: 0 0
}

#cta-button-stroke:hover {
    color: #fff;
    background: #45AED6
}

.btn-rounded {
    border-radius: 70px!important
}

#single-sliders .item img {
    display: block;
    width: 100%;
    height: auto
}

#team {
    padding-bottom: 70px;
    background: #F6F6F8
}

.single-member {
    text-align: center;
    position: relative
}

.single-member img {
    width: 100%
}

.single-member h4 {
    margin-bottom: 20px
}

.main, .member-content {
    background: #f8f8f8;
    padding: 20px 0
}

.member-desc h4 {
    font-size: 17px
}

.member-desc h5 {
    color: #888;
    font-style: italic
}

.member-socail {
    margin-top: 30px
}

.member-socail li {
    border-right: 1px solid#ccc;
    padding: 0 10px
}

.member-socail li:last-child {
    border: 0
}

.form-control {
    background: 0 0
}

.member-overlay {
    position: absolute;
    top: -50px;
    padding: 35px 20px 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    height: 100%;
    background: #45AED6
}

.fullboxed-wrap, .team-member-thumb {
    position: relative
}

.member-desc h6 {
    font-size: 16px;
    font-weight: 600
}

.member-overlay h6, .team-member-content h3 {
    font-weight: 600;
    font-size: 18px
}

.member-overlay p {
    margin: 30px 0;
    color: #fff
}

.member-overlay h6 {
    color: #555
}

.single-member:hover .member-socail li, .single-member:hover .member-socail li i {
    color: #fff;
    border-color: #fff
}

.single-member:hover .member-overlay {
    opacity: 1;
    top: 0
}

.team-member.two {
    margin: 0
}

.team-member.two .team-member-thumb img {
    border-radius: 0
}

.team-member-thumb img {
    border-radius: 3px;
    max-width: none;
    width: 100%
}

.team-member.two .team-member-content h3 span {
    color: #333
}

.team-member-content h3 span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0 0
}

.social-text {
    text-align: center;
    border-top: 1px solid #D4D4D4;
    padding: 18px 0 0;
    margin: 18px 0 0
}

.social-text li {
    display: inline-block;
    font-size: 16px
}

#team-portfolio .caption h3 a {
    text-transform: none
}

#team-portfolio .cap-in {
    margin-top: 33%!important
}

#team-portfolio .caption p {
    font-style: italic
}

.team-member .social-icons {
    display: inline-block;
    float: none;
    margin: -45px auto;
    position: relative;
    text-align: center
}

.team-member .social-icons i {
    margin: 10px 0;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px
}

.team_desc {
    margin-top: 20px
}

.team_desc h3 {
    margin-bottom: 5px;
    font-size: 20px!important
}

.team-member {
    text-align: center
}

.team-list .owl-team {
    margin: 30px 0
}

.fullboxed-wrap {
    margin: 100px 0
}

.white-color h2 {
    color: #fff!important
}

.ImageWrapper img {
    width: 100%
}

.team-member .ImageWrapper .ImageOverlayLi:after, .team-member .ImageWrapper .ImageOverlayLi:before, .team-member .ImageWrapper:hover .ImageOverlayLi:after, .team-member .ImageWrapper:hover .ImageOverlayLi:before {
    background: rgba(255, 255, 255, .7)!important
}

#team-portfolio li {
    padding: 0!important;
    margin: 0!important
}

#team-portfolio-2 {
    margin: 50px 0 10px
}

#team-portfolio {
    margin: 50px 0 40px
}

#team-portfolio-2 .caps-desc h3 {
    font-weight: 700;
    font-size: 17px;
    text-transform: none
}

.event {
    background: #FFF;
    font-size: 14px;
    font-weight: 300;
    text-align: center
}

.eventsicon {
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #5AB4E6;
    line-height: 100px;
    margin: 25px auto 0;
    font-size: 45px;
    color: #5AB4E6;
    display: inline-block
}

.event-content {
    padding: 15px 10px
}

.event .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #2C3E50
}

.block.dark .our-blog4-box>h3>a {
    color: #FFF
}

.block.dark .our-blog4-box>p {
    color: #b0afaf;
    border-color: rgba(132, 132, 132, .57)
}

.block.dark .blog4-metas>li>a {
    background: #7C7C7C;
    border-color: #7C7C7C;
    color: #d3d3d3
}

.block.dark .title {
    color: #fff
}

.title {
    font-family: open sans;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .3px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%
}

.title>i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: 700;
    margin-right: 7px;
    padding-bottom: 10px
}

.block.dark .title>i {
    color: #fff
}

.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px
}

.our-blog4-box:hover>a:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.our-blog4-box>a:after, .our-blog4-box>a:before {
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    opacity: 0
}

.our-blog4-box {
    float: left;
    margin-top: 30px;
    transition: all .4s ease 0s;
    width: 100%
}

.our-blog4-box>a:before, .our-blog4-box>a>img {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    width: 100%
}

.our-blog4-box>a:before {
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transition: all .4s ease 0s
}

.our-blog4-box>a:after {
    color: #FFF;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    top: 50%;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.our-blog4-box>a {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    position: relative
}

.our-blog4-box>a>img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    transition: all .4s ease 0s
}

.our-blog4-box:hover>a>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.our-blog4-box:hover>a:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.blog4-metas>li {
    float: left;
    margin-right: 15px
}

.blog4-metas>li>a {
    float: left;
    font-family: open sans;
    font-size: 11px;
    color: #fff;
    letter-spacing: .3px;
    padding: 8px 10px;
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    line-height: 9px;
    font-weight: lighter
}

.our-blog4-box>h3 {
    float: left;
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 23px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
    color: #555;
    font-weight: 600
}

.our-blog4-box>h3>a {
    color: #666;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.our-blog4-box>p {
    border-bottom: 1px solid #ddd;
    float: left;
    letter-spacing: .25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%
}

.blog4-metas>li>a>i {
    margin-right: 6px
}

.blog4-metas li {
    font-size: 13px;
    color: #C5C7CB;
    margin-right: 6%
}

.blog4-metas li i {
    margin-right: 7px;
    color: #C5C7CB
}

.footer-wrapper {
    color: #959494
}

.footer-social-networks {
    width: 100%;
    margin: 0
}

.footer-social-networks li {
    float: left;
    display: inline;
    width: 25%;
    color: #fff;
    position: relative
}

.footer-social-networks li i {
    font-size: 50px;
    float: left;
    width: 60px;
    color: #fff
}

.footer-social-networks li a {
    color: #fff;
    padding: 25px 65px 25px 40px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.footer-social-networks li .followers {
    text-transform: uppercase
}

.footer-social-networks li:before {
    position: absolute;
    content: "\f105";
    right: 30px;
    top: 0;
    bottom: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    margin: auto;
    font-size: 18px;
    font-family: FontAwesome;
    color: #fff;
    text-align: center;
    line-height: 26px
}

#portfolio-nav>ul>li>a:before, .b-promo::before, .portfolio-box2:before {
    content: ""
}

.btn, .pricing-price {
    font-family: 'Varela Round', Helvetica, Arial, sans-serif
}

.footer-social-networks li:hover:before {
    background-color: #fff;
    color: #999
}

.footer-social-networks li.facebook {
    background-color: #4d6bab
}

.footer-social-networks li.twitter {
    background-color: #4ec6f8
}

.footer-social-networks li.googleplus {
    background-color: #d34836
}

.footer-social-networks li.linkedin {
    background-color: #248cc9
}

.footer-social-links li a[href$="/feed/"]:hover {
    background-color: #F58026;
    border-color: #F58026
}

.footer-social-links li a[href*="codepen.io"]:hover {
    background-color: #000;
    border-color: #000
}

.footer-social-links li a[href*="digg.com"]:hover {
    background-color: #1B5791;
    border-color: #1B5791
}

.footer-social-links li a[href*="dribbble.com"]:hover {
    background-color: #E04C86;
    border-color: #E04C86
}

.footer-social-links li a[href*="dropbox.com"]:hover {
    background-color: #007EE5;
    border-color: #007EE5
}

.footer-social-links li a[href*="facebook.com"]:hover {
    background-color: #4d6bab;
    border-color: #4d6bab
}

.footer-social-links li a[href*="flickr.com"]:hover {
    background-color: #007EE5;
    border-color: #007EE5
}

.footer-social-links li a[href*="foursquare.com"]:hover {
    background-color: #F94877;
    border-color: #F94877
}

.footer-social-links li a[href*="plus.google.com"]:hover {
    background-color: #d34836;
    border-color: #d34836
}

.footer-social-links li a[href*="github.com"]:hover {
    background-color: #4382C5;
    border-color: #4382C5
}

.footer-social-links li a[href*="instagram.com"]:hover {
    background-color: #5280A5;
    border-color: #5280A5
}

.footer-social-links li a[href*="linkedin.com"]:hover {
    background-color: #248cc9;
    border-color: #248cc9
}

.footer-social-links li a[href*="pinterest.com"]:hover {
    background-color: #CB2027;
    border-color: #CB2027
}

.footer-social-links li a[href*="reddit.com"]:hover {
    background-color: #FF4006;
    border-color: #FF4006
}

.footer-social-links li a[href*="stumbleupon.com"]:hover {
    background-color: #5AD350;
    border-color: #5AD350
}

.footer-social-links li a[href*="tumblr.com"]:hover {
    background-color: #385875;
    border-color: #385875
}

.footer-social-links li a[href*="twitter.com"]:hover {
    background-color: #4ec6f8;
    border-color: #4ec6f8
}

.footer-social-links li a[href*="vimeo.com"]:hover {
    background-color: #1FB9EB;
    border-color: #1FB9EB
}

.footer-social-links li a[href*="wordpress.com"]:hover, .footer-social-links li a[href*="wordpress.org"]:hover {
    background-color: #1C8ABD;
    border-color: #1C8ABD
}

.footer-social-links li a[href*="youtube.com"]:hover {
    background-color: #CF3427;
    border-color: #CF3427
}

.footer-social-links li a[href*="mailto:"]:hover {
    background-color: #F6BD0E;
    border-color: #F6BD0E
}

.footer-social-links li a[href*="spotify.com"]:hover {
    background-color: #7DC211;
    border-color: #7DC211
}

.footer-social-links li a[href*="twitch.tv"]:hover {
    background-color: #603C9A;
    border-color: #603C9A
}

.footer-social-links li a[href*="delicious.com"]:hover {
    background-color: #084DCC;
    border-color: #084DCC
}

.footer-social-networks li p {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 2px 0 0;
    color: #fff
}

#pricing-parallax {
    background-image: url(../upload/onepage/pricing_parallax.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.pricing-container {
    margin-top: 50px
}

.style-2 .pricing-4-col {
    width: 24.6%;
    margin: 0 6px 0 0;
    float: left;
    background-color: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(165, 173, 175, .15)
}

.pricing-title {
    background-color: #1b1c1f;
    padding: 37px 30px
}

.pricing-title h3 {
    font-size: 16px;
    color: #45AED6
}

.pricing-title.best-price {
    background-color: #45AED6
}

.pricing-title.best-price h3, .pricing-title.best-price>span {
    color: #fff
}

.pricing-price {
    font-size: 42px;
    color: #fff;
    position: relative
}

.pricing-currency {
    display: inline-block;
    vertical-align: top;
    margin: 8px -6px 0 6px;
    font-size: 24px
}

.pricing-title>span {
    display: block;
    font-size: 14px;
    color: #98a2a4
}

.pricing-features {
    padding: 30px 40px;
    color: #98a2a4
}

.pricing-features ul {
    margin-left: -40px
}

.pricing-features li {
    border-bottom: 1px solid #ecf0f1;
    padding: 10px 0
}

.pricing-button {
    padding: 0 40px 50px
}

.pricing-4-col {
    background-color: #FFF;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 1px 0 rgba(165, 173, 175, .15);
    border: 1px solid #ECF0F1
}

.pricing-4-col:last-child {
    margin: 0
}

#pricing ul.pricing {
    margin: 70px 0 30px;
    border: 1px solid #eee;
    border-radius: 5px 5px 4px 4px;
    padding: 15px;
    text-align: center
}

#pricing ul.pricing li {
    display: block;
    border-bottom: 1px solid #ECF0F1;
    padding: 10px 0;
    font-size: 12px
}

#pricing ul.pricing li.plan-header {
    background: #eee;
    border-radius: 4px 4px 0 0;
    margin: -15px -15px 10px;
    padding: 15px 15px 30px;
    border: 0
}

#pricing ul.pricing li.plan-header .price-duration {
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background-image: -moz-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%);
    color: #fff;
    border-radius: 100px;
    border: 5px solid #f6f6f6
}

#pricing ul.pricing li.plan-header .price-duration>span {
    display: block;
    line-height: 1
}

.chart, .jtbtn, .percent {
    display: inline-block
}

#pricing ul.pricing li.plan-header .price-duration>span.price {
    font-size: 24px;
    font-weight: 700;
    margin-top: 35px
}

#pricing ul.pricing li.plan-header .price-duration>span.duration {
    margin-top: 5px
}

#pricing ul.pricing li.plan-header .plan-name {
    margin-top: 10px;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase
}

#pricing ul.pricing.featured li.plan-header .plan-name, div.price {
    color: #fff
}

.jtbtn, div.price {
    font-weight: 400;
    text-align: center
}

#pricing ul.pricing.featured {
    background: #222534;
    color: #fff;
    border: 0
}

#pricing ul.pricing.featured li.plan-header {
    background-image: -moz-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%);
    background-image: -webkit-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%);
    background-image: -ms-linear-gradient(90deg, #45AED6 0, #2c8cb3 100%)
}

.pricing-box {
    border: 1px solid #EFEFEF;
    text-align: center;
    padding: 20px;
    margin: 40px 0;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear
}

.service-box .serviceicon, div.price {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px
}

div.price {
    width: 130px!important;
    border-radius: 500px;
    height: 130px!important;
    line-height: 130px;
    font-size: 24px;
    margin: 0 auto!important;
    background: #45AED6
}

.pricing-box h3 {
    font-size: 20px
}

.btn-small, .jtbtn, .pricing li {
    font-size: 13px
}

.pricing-box:hover .jtbtn, .pricing-box:hover div.price {
    background-color: #343434;
    border-color: #545454;
    color: #fff!important
}

.pricing-box:hover, .pricing-box:hover h3 {
    color: #fff;
    background: #45AED6
}

.pricing-box hr {
    margin: 20px -20px;
    border-style: dotted
}

.pricing {
    padding: 0;
    margin: 0!important
}

.pricing li {
    line-height: 31px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.jtbtn {
    padding: 6px 23px;
    margin-bottom: 0;
    line-height: 1.42857;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -moz-user-select: none;
    background: 0 0;
    color: #292723!important;
    border: 1px solid #292723
}

.buttons-section, .pie-charts {
    padding: 0 0 120px
}

.pricing-box a {
    color: #333!important;
    border-color: #45AED6
}

.buttons-section a.btn {
    margin-top: 30px
}

.btn {
    border-radius: 0;
    border: 2px solid transparent
}

.btn-stroke {
    border: 2px solid #dce4e6
}

.btn-small {
    padding: 7px 20px
}

.btn-medium {
    padding: 9px 30px;
    font-size: 15px
}

.btn-large {
    padding: 11px 45px;
    font-size: 18px
}

.btn-light-solid {
    background-color: #fff;
    color: #45464b
}

.btn-blue {
    background-color: #45AED6;
    color: #fff
}

.btn-orange {
    background-color: #f05135;
    color: #fff
}

.btn-violet {
    background-color: #7248f5;
    color: #fff
}

.btn-light-transparent {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff
}

.btn-yellow {
    background-color: #ffc63e;
    color: #fff
}

.btn-green {
    background-color: #92d11d;
    color: #fff
}

.btn-light-blue {
    background-color: #30c3ff;
    color: #fff
}

.btn-pink {
    background-color: #ef6393;
    color: #fff
}

.btn-light-transparent:hover {
    background-color: #fff;
    color: #45AED6;
    border: 2px solid transparent;
    transition: all .4s cubic-bezier(0, 0, .58, 1);
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-light-solid:hover {
    background-color: #45AED6;
    color: #fff;
    border: 2px solid transparent;
    transition: all .4s cubic-bezier(0, 0, .58, 1);
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-large.btn-stroke:hover, .btn-medium.btn-stroke:hover, .btn-small.btn-stroke:hover {
    background-color: #45AED6;
    color: #fff;
    border: 2px solid #45AED6;
    transition: all .4s cubic-bezier(0, 0, .58, 1);
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-blue:hover, .btn-orange:hover {
    background-color: transparent;
    transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-blue:hover {
    color: #45AED6;
    border: 2px solid #45AED6;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-orange:hover {
    color: #f05135;
    border: 2px solid #f05135;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-violet:hover, .btn-yellow:hover {
    background-color: transparent;
    transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-violet:hover {
    color: #7248f5;
    border: 2px solid #7248f5;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-yellow:hover {
    color: #ffc63e;
    border: 2px solid #ffc63e;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-green:hover, .btn-light-blue:hover {
    transition: all .4s cubic-bezier(0, 0, .58, 1);
    background-color: transparent
}

.btn-green:hover {
    color: #92d11d;
    border: 2px solid #92d11d;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-light-blue:hover {
    color: #30c3ff;
    border: 2px solid #30c3ff;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

#submit-message:hover, .btn-pink:hover {
    transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.btn-pink:hover {
    background-color: transparent;
    color: #ef6393;
    border: 2px solid #ef6393;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

.wrap-laptop .laptop-item .striped-icon-large {
    position: absolute;
    left: 0;
    top: 0
}

.striped-icon-large {
    background: #45AED6;
    color: #fff;
    font-size: 35px;
    margin: auto;
    text-align: center;
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease 0s;
    z-index: 2
}

.striped-icon-large span {
    line-height: 80px
}

.wrap-laptop .laptop-item {
    position: relative;
    padding-left: 100px;
    margin-bottom: 20px;
    margin-right: -15px
}

.bg_title {
    border-bottom: 1px dashed #CFCFCF;
    margin-bottom: 60px;
    padding-bottom: 15px
}

.b-promo {
    position: relative;
    margin-bottom: 20px;
    padding: 0 28px 22px 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .02);
    background: linear-gradient(to bottom, #FFF 2%, #FBFBFB 100%);
    border-radius: 0 3px 3px 0;
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: #E2E2E2 #E2E2E2 #E2E2E2 -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    cursor: default
}

#experience ul>li, #portfolio-nav>ul>li>a {
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset
}

.b-promo .btn.big {
    float: right;
    margin: 31px 0 30px 18px;
    padding: 5px 24px;
    line-height: 29px;
    font-size: 16px;
    font-weight: 600
}

.btn.colored {
    background: #45AED6;
    color: #FFF;
    text-shadow: 0 -1px 0 #3263CD
}

.b-promo::before {
    position: absolute;
    top: -1px;
    left: 0;
    bottom: -1px;
    border-left: 5px solid #45AED6
}

.portfolio-sec ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.portfolio-box img {
    float: left;
    width: 100%;
    padding: 1px
}

.portfolio-sec ul>li {
    float: left;
    width: 20%
}

.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden
}

.portfolio-box>h3 {
    color: #FFF;
    font-size: 14px;
    font-weight: lighter;
    left: 0;
    letter-spacing: .3px;
    line-height: 17px;
    margin: -40px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all .5s ease .4s;
    -moz-transition: all .5s ease .4s;
    -ms-transition: all .5s ease .4s;
    -o-transition: all .5s ease .4s;
    transition: all .5s ease .4s;
    width: 100%;
    z-index: 99999
}

.portfolio-box>a, .profile-social:before {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s
}

.portfolio-box:hover h3 {
    bottom: 10px;
    opacity: 1;
    filter: alpha(opacity=1)
}

.portfolio-box>i {
    position: absolute;
    width: 50%;
    height: 25%;
    background: rgba(15, 15, 15, .8);
    z-index: 9
}

.portfolio-box>a {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all .4s ease 0s;
    width: 30px;
    z-index: 9999999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.portfolio-box:hover>a.search {
    margin-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s
}

.portfolio-box>a:hover {
    background: #fff;
    color: #333
}

.portfolio-box:hover>a.link {
    margin-left: -30px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .4s ease .4s;
    -moz-transition: all .4s ease .4s;
    -ms-transition: all .4s ease .4s;
    -o-transition: all .4s ease .4s;
    transition: all .4s ease .4s
}

.portfolio-box>i.box1 {
    left: -50%;
    top: 0;
    -webkit-transition: all .2s .1s;
    -moz-transition: all .2s .1s;
    -ms-transition: all .2s .1s;
    -o-transition: all .2s .1s;
    transition: all .2s .1s
}

.portfolio-box>i.box2 {
    right: -50%;
    top: 0;
    -webkit-transition: all .2s .1s;
    -moz-transition: all .2s .1s;
    -ms-transition: all .2s .1s;
    -o-transition: all .2s .1s;
    transition: all .2s .1s
}

.portfolio-box>i.box3 {
    left: -50%;
    top: 25%;
    -webkit-transition: all .2s .2s;
    -moz-transition: all .2s .2s;
    -ms-transition: all .2s .2s;
    -o-transition: all .2s .2s;
    transition: all .2s .2s
}

.portfolio-box>i.box4 {
    right: -50%;
    top: 25%;
    -webkit-transition: all .2s .2s;
    -moz-transition: all .2s .2s;
    -ms-transition: all .2s .2s;
    -o-transition: all .2s .2s;
    transition: all .2s .2s
}

.portfolio-box>i.box5 {
    left: -50%;
    top: 50%;
    -webkit-transition: all .2s .3s;
    -moz-transition: all .2s .3s;
    -ms-transition: all .2s .3s;
    -o-transition: all .2s .3s;
    transition: all .2s .3s
}

.portfolio-box>i.box6 {
    right: -50%;
    top: 50%;
    -webkit-transition: all .2s .3s;
    -moz-transition: all .2s .3s;
    -ms-transition: all .2s .3s;
    -o-transition: all .2s .3s;
    transition: all .2s .3s
}

.portfolio-box>i.box7 {
    left: -50%;
    top: 75%;
    -webkit-transition: all .2s .4s;
    -moz-transition: all .2s .4s;
    -ms-transition: all .2s .4s;
    -o-transition: all .2s .4s;
    transition: all .2s .4s
}

.portfolio-box>i.box8 {
    right: -50%;
    top: 75%;
    -webkit-transition: all .2s .4s;
    -moz-transition: all .2s .4s;
    -ms-transition: all .2s .4s;
    -o-transition: all .2s .4s;
    transition: all .2s .4s
}

#portfolio-nav>ul>li>a:before, .portfolio-box2:before {
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    left: 0
}

.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    right: 0
}

.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%
}

.portfolio-sec2>#portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%
}

#portfolio-nav>ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

#portfolio-nav>ul>li {
    float: left;
    margin-right: 15px
}

#portfolio-nav>ul>li:last-child {
    margin: 0
}

#portfolio-nav>ul>li>a {
    border: 1px solid #E8ECEC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    color: #777;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0
}

#portfolio-nav>ul>li>a:before {
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 100%;
    z-index: -1
}

.portfolio-box2:before, .portfolio-head {
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    width: 100%
}

#portfolio-nav>ul>li>a.active {
    color: #FFF
}

#portfolio-nav>ul>li>a>i {
    font-size: 15px;
    margin-right: 10px
}

#portfolio-nav>ul>li>a.active:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#portfolio-work {
    float: left;
    width: 100%
}

#portfolio-work>div {
    float: left
}

.portfolio-box2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.portfolio-box2:before {
    background-color: rgba(81, 81, 81, .8);
    height: 79px;
    position: absolute;
    transition: all .5s ease 0s;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.portfolio-box2>a, .portfolio-head {
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.portfolio-box2:hover:before {
    height: 100%
}

.portfolio-box2>img {
    float: left;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.portfolio-head {
    height: 75px;
    position: absolute;
    transition: all .5s ease 0s
}

.portfolio-box2>a, .portfolio-head>i {
    left: 50%;
    position: absolute;
    text-align: center
}

.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%
}

.portfolio-box2>a {
    border: 2px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    font-size: 16px;
    height: 47px;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 20%;
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 47px
}

.portfolio-box2:hover a {
    margin-top: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 50%;
    -webkit-transform: scale(1) rotatey(0);
    -moz-transform: scale(1) rotatey(0);
    -ms-transform: scale(1) rotatey(0);
    -o-transform: scale(1) rotatey(0);
    transform: scale(1) rotatey(0)
}

.portfolio-head>h3 {
    color: #FFF;
    font-family: Noto Sans;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center
}

.portfolio-head>span {
    color: #dbdbdb;
    float: left;
    font-family: open sans;
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 10px;
    margin-bottom: 28px;
    text-align: center;
    width: 100%
}

.portfolio-head>i {
    border: 3px solid rgba(255, 255, 255, .4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    bottom: -16px;
    color: #FFF;
    height: 32px;
    line-height: 27px;
    margin-left: -16px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 32px
}

.white_section .counter .icon, .white_section .counter .title, .white_section .counter_a .counter .title {
    color: #fff
}

.feature .feature-icon, .service {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in
}

.portfolio-box2:hover .portfolio-head>i {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.chart {
    position: relative;
    width: 190px;
    height: 190px;
    text-align: center
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.percent {
    line-height: 190px;
    z-index: 2;
    font-size: 26px;
    font-family: 'Varela Round', sans-serif
}

.percent:after {
    content: '%';
    margin-left: .1em;
    font-size: .8em
}

.white_section .counter_a .counter .icon {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.white_section .counter_a .counter .icon:before {
    border: 1px solid rgba(255, 255, 255, .2)
}

.counter>span {
    display: block;
    margin-top: 15px;
    text-align: center;
    position: relative;
    margin-bottom: 14px
}

.counter_a .counter .icon:after, .counter_a .counter .icon:before {
    position: absolute;
    display: block;
    content: ""
}

.timer {
    font-weight: 700;
    font-size: 32px;
    margin-top: 40px!important
}

.counter_a .counter .icon {
    height: 90px;
    line-height: 90px;
    width: 90px
}

.counter .icon {
    font-size: 32px;
    margin: 0 auto;
    color: #45AED6
}

.white_section .counter .icon {
    color: #fff;
    font-size: 55px
}

.counter_a .counter .icon:before {
    height: 102px;
    left: -6px;
    top: -6px;
    width: 102px;
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.counter_a .counter .icon:after {
    background: #45AED6;
    height: 90px;
    left: 0;
    top: 0;
    width: 90px;
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5)
}

.counter .icon i {
    position: relative;
    z-index: 1;
    font-size: 55px
}

.counter_a .counter .value {
    font-weight: 300;
    letter-spacing: 1px
}

.counter .value {
    font-size: 32px;
    font-weight: 700;
    margin-top: 30px;
    font-family: Oswald, "Open Sans", sans-serif
}

.counter_a .counter .title, .counter_b .counter .title {
    font-weight: 300
}

.tabs-body li .counter .title {
    margin-top: 0
}

.counter .title {
    font-size: 22px;
    letter-spacing: 1px;
    padding-top: 15px;
    text-transform: capitalize
}

.counter .title:after, .counter .title:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0
}

.counter_b .counter .title:before {
    background: rgba(255, 255, 255, 0)
}

.counter .title:before {
    background: rgba(255, 255, 255, .1);
    width: 50%
}

.counter_b .counter .title:after {
    background: #fff
}

.counter:hover .icon:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.counter:hover .icon:before {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.counter_a .counter:hover .icon {
    color: #fff
}

.counter-iconic .col-md-3 .counter, .counter-iconic .counter .counter-details, .counter-iconic .counter .counter-details span, .counter-iconic i, .white_section .counter .value {
    color: #FFF
}

.bg_color2 {
    background: #39354C
}

.counter-iconic {
    margin: 0!important
}

.counter-iconic .col-md-3:nth-child(1) {
    background: #2991D6
}

.counter-iconic .col-md-3 {
    padding: 60px 20px;
    overflow: hidden
}

.counter-iconic i.bottom {
    bottom: -20px;
    top: auto
}

.counter-iconic i {
    left: -50px;
    opacity: .1;
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 270px
}

.counter-iconic .col-md-3 .counter .quantity-counter {
    color: #FFF;
    background: url(../images/counter-sprtr.jpg) center bottom no-repeat;
    display: block;
    font-size: 45px;
    margin-bottom: 20px;
    padding-bottom: 40px
}

.counter .quantity-counter {
    font-size: 86px;
    font-weight: 600
}

.counter .counter-details {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600
}

.counter .counter-details span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0 0
}

.counter-iconic .col-md-3:nth-child(2) {
    background: #3E9CDA
}

.counter-iconic .col-md-3:nth-child(3) {
    background: #54A7DE
}

.counter-iconic .col-md-3:nth-child(4) {
    background: #69B2E2
}

#testimonial {
    background: url(../images/bg12.jpg) no-repeat fixed #333;
    background-color: rgba(0, 0, 0, .6) none repeat scroll 0 0;
    background-size: cover;
    padding: 100px 0;
    color: #fff
}

#testimonial h4 {
    color: #fff;
    margin-bottom: 0
}

#testimonial h5 {
    display: block;
    margin-bottom: 10px;
    color: #45AED6;
    font-weight: 800!important;
    font-style: italic
}

#testimonial .btns {
    margin-top: 10px
}

.features {
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    -o-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    -khtml-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .1)
}

.features .dark-section, .features .gray-section, .features .light-section {
    position: relative
}

.feature {
    margin-bottom: 50px
}

.feature .feature-icon {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #45AED6;
    font-size: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    border-radius: 2px;
    overflow: hidden;
    transition: all .2s ease-in;
    margin-bottom: 30px
}
.feature-contents .feature-description{
    font-size: 18px !important;
}

.feature .feature-icon:before {
    display: block
}

.feature .feature-contents {
    padding-left: 70px;
    padding-right: 10px;
    text-align: left
}

.feature .feature-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 17px;
    line-height: 1;
    margin-top: 0
}

.feature .feature-title a {
    display: block;
    color: #666;
    font-size: 20px
}

.feature .border-divider {
    margin-left: 0;a
    width: 34px;
    margin-bottom: 11px
}

.feature p {
    color: #7a7c82
}

.feature a.more {
    color: #45AED6;
    font-size: 18px;
    display: block;
    line-height: 1
}

.feature a.more:hover {
    color: #4a454b
}

.feature:last-child {
    margin-bottom: 0
}

.feature:hover .feature-icon {
    background-color: #4a454b
}

.feature:hover .feature-icon:before {
    -webkit-animation-name: bigEntrance;
    -moz-animation-name: bigEntrance;
    -ms-animation-name: bigEntrance;
    -o-animation-name: bigEntrance;
    animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible!important
}

.feature:hover .border-divider {
    width: 70px
}

.feature-wrapper {
    margin-top: 30px;
    position: relative;
    height: 320px;
    overflow: hidden;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
    padding-bottom: 11px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.feature-wrapper-2 {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -khtml-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.features-wrapper {
    margin-top: -60px
}

.feature-style-2 {
    text-align: left
}

.feature-style-2.ta-center, .feature-style-2.ta-center .feature-contents, .service {
    text-align: center
}

.feature-style-2 .feature-icon {
    margin-left: 0;
    float: none
}

.feature-style-2 .feature-contents {
    padding: 0
}

.feature-style-2.ta-center .feature-icon {
    margin-left: auto;
    margin-right: auto
}

.feature-style-2.ta-center .border-divider {
    margin-left: auto
}

.border-divider {
    width: 70px;
    height: 2px;
    display: block;
    margin: auto;
    background-color: #CBCBCD;
    transition: all .2s ease-in 0s
}

.service {
    padding: 0 10px;
    transition: all .2s ease-in
}

.service .service-icon, .service .service-icon:after, .service .service-icon:before {
    -khtml-border-radius: 50%;
    display: block;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in
}

.service .service-icon {
    width: 90px;
    height: 90px;
    text-align: center;
    color: #4a454b;
    margin: 0 auto 30px;
    border-radius: 50%;
    font-size: 32px;
    transition: all .2s ease-in;
    overflow: hidden;
    position: relative
}

.service-style-2 .border-divider, .service-style-6 .border-divider, .service-style-6 .service-icon {
    margin-left: 0
}

.service .service-icon i {
    line-height: 90px;
    position: relative;
    z-index: 5
}

.service .service-icon:after, .service .service-icon:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transition: all .2s ease-in
}

.dark-section .service-style-9:hover .service-icon:after, .service .slide-down.active, .service-style-3 .service-icon:after, .service-style-3 .service-icon:before, .service-style-4 .service-icon:after, .service-style-4 .service-icon:before, .service-style-5 .service-icon:after, .service-style-5 .service-icon:before, .service-style-6 .service-icon:after, .service-style-6 .service-icon:before, .service-style-7 .service-description-wrapper, .service-style-7 .service-icon:after, .service-style-7 .service-icon:before, .service-style-8 .service-icon:after, .service-style-8 .service-icon:before, .service-style-9:hover .service-icon:after {
    display: none
}

.service .service-description, .service:hover .service-icon:after {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in
}

.service .service-icon:before {
    z-index: 2;
    width: 86px;
    height: 86px;
    background-color: #FAFAFB;
    left: 2px;
    top: 2px
}

.service .service-icon:after {
    top: 0;
    left: 0;
    z-index: 1;
    width: 90px;
    height: 90px;
    background-color: #4a454b
}

.service .service-title {
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px
}

.service .service-title a {
    color: #666;
    font-size: 20px
}

.dark-section .service .service-icon, .dark-section .service .service-title, .dark-section .service .service-title a {
    color: #fff
}

.service .service-description {
    transition: all .2s ease-in
}

.service .border-divider {
    width: 34px;
    margin-bottom: 13px
}

.service .slide-down {
    font-size: 25px;
    height: 10px;
    line-height: 1
}

.services-wrapper {
    margin-top: -52px
}

.services-wrapper .service-wrapper {
    margin-top: 52px
}

.dark-section .service .service-icon:before {
    background-color: transparent
}

.dark-section .service .service-icon:after {
    border: 2px solid #fff;
    background-color: transparent
}

.dark-section .service .service-title a:hover, .service:hover .service-icon, .service:hover .service-title a {
    color: #45AED6
}

.dark-section .service:hover .service-icon:after {
    border-color: transparent;
    background: url(images/gradient-hr-border-red.png) center center no-repeat
}

.service:hover .service-icon i {
    -webkit-animation-name: bigEntrance;
    -moz-animation-name: bigEntrance;
    -ms-animation-name: bigEntrance;
    -o-animation-name: bigEntrance;
    animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible!important
}

.service:hover .service-icon:after {
    background-color: #45AED6;
    background-image: -webkit-gradient(linear, left top, left top, color-stop(10%, #45AED6), color-stop(100% #45AED6));
    background-image: -webkit-linear-gradient(left, #45AED6 10%, #45AED6 100%);
    background-image: -moz-linear-gradient(left, #45AED6 10%, #45AED6 100%);
    background-image: -ms-linear-gradient(left, #45AED6 10%, #45AED6 100%);
    background-image: -o-linear-gradient(left, #45AED6 10%, #45AED6 100%);
    background-image: linear-gradient(left, #45AED6 10%, #45AED6 100%);
    transition: all .2s ease-in
}

.service:hover .border-divider {
    width: 70px;
    background-color: #45AED6
}

.service:hover .general-link {
    border: 1px solid #45AED6;
    background-color: #45AED6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #45AED6), color-stop(100% #45AED6));
    background-image: -webkit-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -moz-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -ms-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -o-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in;
    transition: all .2s ease-in;
    color: #fff
}

.service-style-2 {
    padding: 0;
    text-align: left
}

.service-style-2 .service-icon {
    float: left
}

.service-style-2 .service-contents {
    padding-left: 120px!important
}

.service-style-3, .service-style-7, .service-style-8 {
    padding: 30px;
    border: 1px solid #cbcbcd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    border-radius: 2px
}

.service-style-3 .service-icon, .service-style-7 .service-icon, .service-style-8 .service-icon {
    background-color: #efeff0
}

.service-style-3:hover, .service-style-7:hover {
    background-color: #45AED6
}

.service-style-3:hover .border-divider, .service-style-3:hover .service-icon, .service-style-7:hover .border-divider, .service-style-7:hover .service-icon {
    background-color: #fff!important
}

.service-style-3:hover .service-title a, .service-style-7:hover .service-title a {
    color: #fff!important
}

.service-style-3:hover .service-description, .service-style-7:hover .service-description {
    color: #f6f6f6
}

.service-style-3:hover .general-link, .service-style-7:hover .general-link {
    border: 1px solid #4a454b!important;
    background: #4a454b!important;
    color: #fff
}

.service-style-3:hover .general-link:hover, .service-style-7:hover .general-link:hover {
    border-color: #fff!important;
    background: #fff!important;
    color: #45AED6
}

.service-style-4:hover .general-link, .service-style-4:hover .service-icon, .service-style-5:hover .general-link, .service-style-6:hover .general-link {
    background-image: -o-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}

.service-style-3:hover .slide-down, .service-style-3:hover .slide-down:hover, .service-style-7:hover .slide-down, .service-style-7:hover .slide-down:hover {
    color: #fff
}

.service-style-4 .service-icon {
    background-color: #efeff0
}

.service-style-4:hover .general-link, .service-style-4:hover .service-icon {
    color: #fff!important;
    background-color: #45AED6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #45AED6), color-stop(100% #45AED6));
    background-image: -webkit-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -moz-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -ms-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -khtml-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.service-style-4:hover .general-link {
    border-color: #45AED6
}

.service-style-5 .service-icon, .service-style-6 .service-icon {
    background-color: transparent;
    height: 40px;
    width: 40px
}

.service-style-5 .service-icon i, .service-style-6 .service-icon i {
    line-height: 1
}

.service-style-5:hover .service-icon, .service-style-6:hover .service-icon {
    color: #45AED6;
    background-color: transparent
}

.service-style-5:hover .general-link, .service-style-6:hover .general-link, .service-style-8:hover .general-link {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #45AED6), color-stop(100% #45AED6));
    background-image: -webkit-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -moz-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -ms-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -khtml-transition: all .2s ease-in
}

.service-style-5:hover .general-link, .service-style-6:hover .general-link {
    border-color: #45AED6;
    background-color: #45AED6;
    background-image: linear-gradient(top, #45AED6 70%, #45AED6 100%);
    transition: all .2s ease-in
}

.service-style-6 {
    text-align: left
}

.service-style-8 {
    background-color: #fff;
    margin-top: 45px
}

.service-style-8 .service-icon {
    background-color: #fff;
    border: 1px solid #cbcbcd;
    margin-top: -75px
}

.service-style-8:hover .general-link {
    border: 0;
    background-color: #45AED6;
    background-image: -o-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.dark-section .service-style-9:hover .service-icon, .service-style-9:hover .service-icon {
    color: #fff!important
}

.dark-section .service-style-9:hover .service-icon:before, .service-style-9:hover .service-icon:before {
    width: 90px;
    height: 90px;
    top: 0;
    left: 0;
    background-color: #45AED6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #45AED6), color-stop(100% #45AED6));
    background-image: -webkit-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -moz-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -ms-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: -o-linear-gradient(top, #45AED6 70%, #45AED6 100%);
    background-image: linear-gradient(top, #45AED6 70%, #45AED6 100%);
    -webkit-transition: none .2s ease-in;
    -moz-transition: none .2s ease-in;
    -o-transition: none .2s ease-in;
    -ms-transition: none .2s ease-in;
    -khtml-transition: none .2s ease-in;
    transition: none .2s ease-in
}

.bordered {
    background-color: transparent;
    border: 1px solid #CBCBCD;
    color: #A9A9AB
}

.general-link {
    min-width: 108px;
    padding: 12.5px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 22px
}

.service-item-box {
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 70px 30px 40px;
    margin-top: 40px
}

.service-item-box p {
    margin-bottom: 16px
}

.service-item-box h3 {
    font-size: 16px
}

.service-item-box i {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    line-height: 80px
}

.service-item-box.first a {
    color: #7248f5
}

.service-item-box.second a {
    color: #30c3ff
}

.service-item-box.third a {
    color: #f05135
}

.service-item-box.fourth a {
    color: #92d11d
}

.service-item-box.first i {
    background-color: #7248f5
}

.service-item-box.second i {
    background-color: #30c3ff
}

.service-item-box.third i {
    background-color: #f05135
}

.service-item-box.fourth i {
    background-color: #92d11d
}

.service-item-box.first a:hover, .service-item-box.fourth a:hover, .service-item-box.second a:hover, .service-item-box.third a:hover {
    color: #45464b
}

.service-one {
    min-height: 300px;
    cursor: pointer;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 40px 30px
}

.service-one i {
    font-size: 28px
}

.service-one h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 25px 0 0
}

.service-one h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.service-one h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 15px 0 10px
}

.service-one p {
    margin: 20px 0 0;
    color: #666
}

.service-one i {
    color: #45AED6
}

.service-one hr {
    border-color: #DDD;
    width: 40px;
    margin: 15px 0
}

.service-style-4 .service h3 i {
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    position: relative;
    width: 40px
}

.service h3 i {
    background: #FFF;
    border: 1px solid #DDD;
    font-size: 24px;
    height: 60px;
    left: 0;
    line-height: 59px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 60px
}

.red-border h3, .red-icon {
    border-color: #F66162!important
}

.btn, .service h3, .service h3 i, .service-one, .servicebox, .teambox img, .thumbs a, a, img {
    transition: all .3s ease-in-out 0s
}

.red-icon {
    color: #FFF!important;
    background-color: #F66162!important
}

.border-radius, .pager li a {
    border-radius: 120px
}

.service-style-4 .service h3 {
    padding-left: 0;
    margin-bottom: 20px
}

.service h3 {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px;
    margin-bottom: 40px;
    padding-left: 90px;
    position: relative
}

.service-style-4 .service p {
    margin-top: 0!important;
    text-align: left
}

.box-wrap, .boxed, .service-hover, .service-item, .square-service {
    text-align: center
}

.service-item {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px
}

.service-item .service-item-icon {
    width: 130px;
    height: 130px;
    color: #5c6bc0;
    font-size: 37px;
    text-align: center;
    position: relative;
    line-height: 128px;
    border-radius: 50%;
    margin: 0 auto 25px;
    border: 1px solid #d4d8e9;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-item .service-item-icon i {
    z-index: 2;
    position: relative
}

.service-item .service-item-title {
    overflow: hidden;
    margin-bottom: 5px;
    text-transform: capitalize
}

#owl-services h3, .square-service h3 {
    font-size: 18px!important;
    text-transform: uppercase
}

.service-item .service-item-content {
    width: 100%;
    overflow: hidden
}

.service-item-style-3 .service-item-icon:after {
    z-index: 1;
    top: 19px;
    left: 19px;
    content: '';
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    background-color: #e8eaf3;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-item:hover .service-item-icon {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0
}

.service-item-style-2:hover .service-item-icon {
    border: 0;
    line-height: 130px;
    -webkit-box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .3);
    -ms-box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .3);
    -o-box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .3);
    box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .3)
}

.service-item-style-3:hover .service-item-icon {
    color: #5c6bc0;
    border-color: #e8eaf3;
    background-color: #fff
}

.service-item-style-3:hover .service-item-icon:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.service-item-style-5:hover .service-item-icon {
    color: #5c6bc0;
    background-color: transparent
}

#owl-services {
    margin: 80px 0 0
}

#owl-services .owl-controls {
    bottom: -30%;
    position: absolute;
    right: 0
}

#owl-services h3 {
    margin-bottom: 10px;
    margin-top: 0
}

.square-service {
    padding: 0 30px
}

.horizontal_services_01 .service_vertical_box {
    margin: 20px 0 30px!important
}

.horizontal_services_01.services_vertical h3 {
    text-transform: none!important
}

#my-profile-info>span, #sidebar .widget-title, .error-page>h2, .footer-wrapper .tagcloud a .tag, .footer_title, .meta, .register-form h3, .service-hover h3, .services_vertical h3, .single-blog-title h3, .tagcloud .tag, .testi-sidebar h3 {
    text-transform: uppercase
}

.horizontal_services, .horizontal_services .service_vertical_box {
    margin: 20px 0 0!important
}

.horizontal_contact, .horizontal_contact .service_vertical_box {
    margin-bottom: 20px!important
}

.horizontal_contact {
    margin-top: 10px!important
}

.border-boxed {
    padding: 0;
    border: 1px solid #f8f8f8
}

.section-gray .border-boxed {
    border-color: #ececec
}

.square-service i {
    font-size: 34px!important
}

.border-boxed:hover, .service-hover:hover h3, .square-service i {
    color: #fff;
    background: #45AED6
}

.myservices .title h3 {
    font-size: 18px;
    font-weight: 400
}

.service-style-1 {
    display: block;
    margin: 25px 0;
    min-height: 130px;
    position: relative
}

.box-wrap {
    color: #fff;
    font-size: 51px;
    position: relative;
    overflow: hidden;
    line-height: 200px;
    height: 200px!important
}

.service-hover {
    cursor: pointer;
    position: relative;
    min-height: 290px;
    padding: 30px
}

.full-height, .full-height.service-hover {
    padding: 15px!important;
    min-height: 320px;
    border: 0!important;
    color: #fff!important
}

.full-height h3, .full-height i {
    color: #fff!important
}

.full-height .front {
    top: 50%
}

.box-wrap h3 {
    font-size: 18px;
    color: #fff;
    margin: 10px 0
}

.service-hover h3 {
    font-size: 16px;
    margin: 10px 0
}

.service-hover i {
    font-size: 38px;
    margin-bottom: 10px;
    color: #45AED6
}

.margin-top {
    margin-top: 35%
}

.widget-top {
    padding: 20px;
    margin-top: 12%
}

.back, .front {
    left: 0;
    position: absolute;
    margin: -20px auto;
    right: 0;
    cursor: pointer
}

.front {
    top: 40%;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.back, .box-wrap:hover .front, .service-hover:hover .front {
    zoom: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.back, .item figure figcaption {
    -webkit-backface-visibility: hidden
}

.back {
    padding: 0 40px;
    top: 23%;
    -webkit-transition: all .2s cubic-bezier(.835, 0, .19, 1);
    -o-transition: all .2s cubic-bezier(.835, 0, .19, 1);
    transition: all .2s cubic-bezier(.835, 0, .19, 1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.box-wrap .front {
    top: 15%
}

.box-wrap .back {
    top: 40%;
    line-height: 1
}

.box-wrap:hover .back, .service-hover:hover .back {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 100
}

.boxed {
    color: #fff;
    font-weight: 300;
    padding: 20px 0!important
}

.boxed h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 400
}

.icon-container {
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    border: 1px solid #fff;
    width: 100px;
    position: relative;
    height: 100px;
    display: block;
    margin: 0 auto 25px;
    line-height: 105px
}

.icon-container .bubble {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    line-height: 27px;
    border-radius: 100px;
    font-size: 15px
}

.border-blue {
    border-color: #03acdc!important;
    color: #03acdc!important
}

.border-green {
    border-color: #18e2ba!important;
    color: #18e2ba!important
}

.border-yellow {
    color: #ffcc0e!important;
    border-color: #ffcc0e!important
}

.boxed .widget {
    padding: 30px 60px
}

.color-purple {
    background: #564bb5
}

.color-blue {
    background: #03acdc
}

.color-gray {
    background: #f5f5f5
}

.service-icon.color-green {
    background: #18e2ba!important
}

.service-icon.color-red {
    background: #e85d5d!important
}

.service-icon.color-yellow {
    background: #ffcc0e!important
}

.service-icon.color-purple {
    background: #564bb5!important
}

.service-icon.color-blue {
    background: #03acdc!important
}

.color-green {
    background: #18e2ba
}

.color-yellow {
    background: #ffcc0e
}

.color-red {
    background: #e85d5d
}

.color-tael {
    background: #52c854
}

.service_vertical_box {
    overflow: hidden;
    display: block
}

.services_vertical .general-title h2 {
    padding: 0!important;
    color: #fff!important;
    text-align: left;
    font-size: 30px!important
}

.services_vertical p {
    padding: 0!important;
    text-align: left
}

.services_vertical {
    overflow: hidden;
    padding: 30px 0 0
}

.services_vertical h3 {
    padding: 0!important;
    font-size: 18px
}

.service_vertical_box .service-icon {
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    margin: 0 30px 30px 10px;
    text-align: center;
    width: 70px;
    border-radius: 5px
}

.service_vertical_box .service-icon i {
    color: #FFF!important
}

.myservices .title2 h4 i {
    vertical-align: text-top;
    padding: 0 15px 0 0;
    font-size: 31px;
    color: #45AED6
}

.steps article {
    text-align: center;
    position: relative
}

.steps article:after {
    content: "";
    position: absolute;
    top: -50px;
    right: -180px;
    width: 100%;
    height: 100%;
    background: url(../images/steps-arrow.png) center center no-repeat
}

@media (max-width:1199px) {
    .steps article:after {
        right: -150px
    }
}

@media (max-width:991px) {
    .steps article:after {
        display: none
    }
}

.steps article i {
    margin-bottom: 30px;
    font-size: 90px;
    color: #45AED6
}

.panel-alt-one>.panel-heading .panel-title, .striped-icon-small {
    font-size: 14px;
    font-weight: 700
}

.steps article .striped-icon-small {
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 1
}

.steps [class^=col-]:last-child article:after {
    display: none
}

.striped-icon-small {
    background: rgba(232, 143, 65, .3);
    color: #fff;
    margin: auto;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 50%
}

.striped-icon-small:after {
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #e88f41;
    z-index: -1
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-alt-one>.panel-heading {
    border-bottom: 0;
    border-top: 1px solid #e8e9ed
}

.panel-alt-one>.panel-heading:first-child {
    border-top: 0
}

.panel-alt-one>.panel-heading .panel-title a i {
    color: #e8e9ed
}

.panel-alt-one>.panel-heading .panel-title a:hover, .panel-alt-one>.panel-heading .panel-title a:hover i {
    color: #45AED6
}

.panel-alt-one>.panel-heading.active a {
    color: #2b2e33
}

.panel-alt-one>.panel-heading.active a i {
    color: #45AED6
}

.panel-alt-two {
    position: relative;
    border: 0
}

.panel-alt-two::after, .panel-alt-two:before {
    position: absolute;
    bottom: 25px;
    background: #e8e9ed;
    content: ""
}

.panel-alt-two::after {
    top: 25px;
    left: 25px;
    width: 2px
}

.panel-alt-two:before {
    width: 8px;
    height: 8px;
    left: 22px;
    border-radius: 50%
}

.panel-alt-two .panel-body, .panel-alt-two .panel-heading {
    padding-left: 70px
}

.panel-alt-two .panel-body {
    padding-top: 0
}

.panel-alt-two .panel-heading {
    border: 0;
    padding-bottom: 45px
}

.panel-alt-two .panel-heading .panel-title {
    position: relative;
    font-weight: 700
}

.panel-alt-two .panel-heading .panel-title a {
    color: #2b2e33
}

.panel-alt-two .panel-heading .panel-title a:hover {
    color: #45AED6
}

.panel-alt-two .panel-heading a:hover .accordion-icon {
    background: rgba(202, 205, 219, .3)
}

.panel-alt-two .panel-heading.active .accordion-icon {
    background: rgba(40, 173, 98, .3)
}

.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {
    background: #45AED6;
    color: #fff
}

.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon i {
    color: #fff
}

.accordion-icon {
    position: absolute;
    top: -18px;
    left: -72px;
    background: 0 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 50px;
    padding: 3px;
    z-index: 3
}

.accordion-icon .stacked-icon {
    height: 100%;
    background: #fff;
    border: 2px solid #e8e9ed;
    border-radius: 50%;
    color: #cacddb;
    font-size: 18px;
    text-align: center;
    display: block
}

.accordion-icon .stacked-icon i {
    color: #45AED6
}

#why-us>.panel, #why-us>.panel-default .panel-heading, .well {
    background: 0 0!important
}

#why-us>.panel-default>.panel-heading {
    color: #4C4C4C;
    background-color: transparent!important;
    border-color: #DDD
}

.progress-bars {
    padding: 0 0 120px
}

.progress-bar {
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
    box-shadow: none
}

.skills-progress {
    margin-top: 40px;
    margin-bottom: 27px
}

.skills-progress.dark h6, .skills-progress.light h6, .skills-progress.light-gradient h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Varela Round', Helvetica, Arial, sans-serif;
    font-size: 15px
}

.skills-progress.dark h6 {
    color: #fff
}

.skills-progress.light h6, .skills-progress.light-gradient h6 {
    color: #45464b
}

.skills-progress.dark h6 span {
    color: #fff;
    font-family: 'Varela Round', Helvetica, Arial, sans-serif;
    font-size: 15px;
    float: right
}

.skills-progress.light h6 span {
    color: #45464b;
    font-family: 'Varela Round', Helvetica, Arial, sans-serif;
    font-size: 15px;
    float: right
}

.progress-dark.meter {
    height: 15px;
    border-radius: 2px;
    position: relative;
    background: #0f1011;
    margin-bottom: 27px;
    padding: 4px
}

.progress-gradient.meter, .progress-light.meter {
    height: 15px;
    border-radius: 2px;
    background: #ecf0f1;
    margin-bottom: 27px;
    position: relative
}

.progress-light.meter {
    padding: 4px
}

.footer_title {
    color: #FFF;
    font-size: 15px;
    line-height: initial;
    margin-bottom: 20px
}

.flickr_badge_image a:before, .recent_posts_list li>a .recent_posts_img:before {
    line-height: 20px;
    font-family: icomoon;
    text-shadow: 0 0 4px rgba(0, 0, 0, .2);
    z-index: 1;
    text-align: center
}

.footer_row2 {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 35px 0 40px
}

.footer-widget {
    margin-bottom: 40px;
    font-weight: 300
}

.footer-widget .footer-title {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    color: #fff
}

.footer-widget .list-default {
    margin-bottom: 0
}

.footer-widget .divider-list li {
    border-top: 1px solid #2c2c2c
}

.footer-widget .newsletter {
    margin-top: 20px
}

.footer-widget .newsletter .form-control {
    border: 1px solid #2c2c2c
}

.footer-top {
    background: #1c1c1c;
    padding: 100px 0 60px;
    border-bottom: 1px solid #2c2c2c
}

.recent_posts_list li>a .recent_posts_img {
    float: left;
    margin: 1px 18px 0;
    display: block;
    overflow: hidden;
    position: relative;
    margin-left: -36px!important
}

.recent_posts_list li>a .recent_posts_img:after {
    content: "";
    display: block;
    position: absolute;
    background: #45AED6;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 40%;
    left: 40%
}

.recent_posts_list li>a .recent_posts_img:before {
    content: "\e6d4";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    opacity: 0
}

.recent_posts_list li>a .recent_posts_img:hover:after, .recent_posts_list li>a .recent_posts_img:hover:before {
    opacity: .8
}

.recent_posts_img img {
    width: 90px
}

.recent_posts_list li>a span {
    color: #ddd;
    display: block;
    font-size: 13px;
    margin-bottom: 7px;
    margin-top: -3px
}

.recent_posts_list li .recent_post_detail {
    margin-bottom: 5px;
    display: block;
    font-size: 12px;
    font-style: italic
}

.recent_posts_list li .recent_post_detail:last-child {
    margin-bottom: 0
}

.recent_posts_list li {
    margin-bottom: 29px
}

.recent_posts_list li:last-child {
    margin-bottom: 0
}

.arrow_button {
    margin-top: 30px;
    display: block;
    text-align: center;
    border: 1px solid #45AED6;
    padding: 8px 0 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 3px
}

.arrow_button i {
    transition: all .4s ease 0s
}

.arrow_button>span {
    display: inline-block;
    position: relative
}

.arrow_button>span i {
    position: absolute;
    top: 6px
}

.arrow_button>span i:first-child {
    left: 0;
    opacity: 1
}

.arrow_button>span i:last-child {
    right: 10px;
    opacity: 0
}

.arrow_button>span>span {
    padding: 0 20px;
    font-style: italic
}

.arrow_button:hover>span i:last-child {
    right: 0;
    opacity: 1
}

.arrow_button:hover>span i:first-child {
    left: 10px;
    opacity: 0
}

.arrow_button:hover>span>span {
    color: #fff
}

.footer-wrapper .tagcloud a .tag {
    background: rgba(0, 0, 0, .5);
    border-color: rgba(255, 255, 255, 0);
    color: #989898;
    font-size: 11px;
    overflow: hidden;
    padding: 9px 11px;
    position: relative;
    vertical-align: top;
    font-weight: 500
}

.footer-wrapper .tagcloud a {
    margin: 5px 5px 0 0
}

.footer-wrapper .tagcloud {
    margin-top: -5px
}

.footer-wrapper .tagcloud a:hover .tag {
    color: #fff;
    border-color: #45AED6
}

.tagcloud a {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    position: relative
}

.tagcloud .tag {
    background: #FFF;
    border: 1px solid #E5E5E5;
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 8px 9px
}

.flickr_badge_image {
    display: block;
    float: left;
    width: 33.333%;
    padding: 0 7px 7px 0
}

.flickr_widget_block {
    margin-right: -7px
}

.flickr_badge_image a {
    display: block;
    position: relative;
    overflow: hidden
}

.flickr_badge_image a:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    background: #45AED6;
    width: 100%;
    height: 100%;
    opacity: 0
}

.flickr_badge_image a:before {
    content: "\e6d4";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    top: 40%;
    left: 40%
}

.flickr_badge_image:hover a:after, .flickr_badge_image:hover a:before {
    opacity: .8
}

.newsletter_con {
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

.newsletter_button {
    background: #45AED6;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 37px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    top: 0;
    width: 40px;
    border-left: 1px solid rgba(0, 0, 0, .07)
x: 1;
    text-align: center
}

.footer_row2 {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 35px 0 40px
}

.footer-widget {
    margin-bottom: 40px;
    font-weight: 300
}

.footer-widget .footer-title {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    color: #fff
}

.footer-widget .list-default {
    margin-bottom: 0
}

.footer-widget .divider-list li {
    border-top: 1px solid #2c2c2c
}

.footer-widget .newsletter {
    margin-top: 20px
}

.footer-widget .newsletter .form-control {
    border: 1px solid #2c2c2c
}

.footer-top {
    background: #1c1c1c;
    padding: 100px 0 60px;
    border-bottom: 1px solid #2c2c2c
}

.recent_posts_list li>a .recent_posts_img {
    float: left;
    margin: 1px 18px 0;
    display: block;
    overflow: hidden;
    position: relative;
    margin-left: -36px!important
}

.recent_posts_list li>a .recent_posts_img:after {
    content: "";
    display: block;
    position: absolute;
    background: #45AED6;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 40%;
    left: 40%
}

.recent_posts_list li>a .recent_posts_img:before {
    content: "\e6d4";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    opacity: 0
}

.recent_posts_list li>a .recent_posts_img:hover:after, .recent_posts_list li>a .recent_posts_img:hover:before {
    opacity: .8
}

.recent_posts_img img {
    width: 90px
}

.recent_posts_list li>a span {
    color: #ddd;
    display: block;
    font-size: 13px;
    margin-bottom: 7px;
    margin-top: -3px
}

.recent_posts_list li .recent_post_detail {
    margin-bottom: 5px;
    display: block;
    font-size: 12px;
    font-style: italic
}

.recent_posts_list li .recent_post_detail:last-child {
    margin-bottom: 0
}

.recent_posts_list li {
    margin-bottom: 29px
}

.recent_posts_list li:last-child {
    margin-bottom: 0
}

.arrow_button {
    margin-top: 30px;
    display: block;
    text-align: center;
    border: 1px solid #45AED6;
    padding: 8px 0 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 3px
}

.arrow_button i {
    transition: all .4s ease 0s
}

.arrow_button>span {
    display: inline-block;
    position: relative
}

.arrow_button>span i {
    position: absolute;
    top: 6px
}

.arrow_button>span i:first-child {
    left: 0;
    opacity: 1
}

.arrow_button>span i:last-child {
    right: 10px;
    opacity: 0
}

.arrow_button>span>span {
    padding: 0 20px;
    font-style: italic
}

.arrow_button:hover>span i:last-child {
    right: 0;
    opacity: 1
}

.arrow_button:hover>span i:first-child {
    left: 10px;
    opacity: 0
}

.arrow_button:hover>span>span {
    color: #fff
}

.footer-wrapper .tagcloud a .tag {
    background: rgba(0, 0, 0, .5);
    border-color: rgba(255, 255, 255, 0);
    color: #989898;
    font-size: 11px;
    overflow: hidden;
    padding: 9px 11px;
    position: relative;
    vertical-align: top;
    font-weight: 500
}

.footer-wrapper .tagcloud a {
    margin: 5px 5px 0 0
}

.footer-wrapper .tagcloud {
    margin-top: -5px
}

.footer-wrapper .tagcloud a:hover .tag {
    color: #fff;
    border-color: #45AED6
}

.tagcloud a {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    position: relative
}

.tagcloud .tag {
    background: #FFF;
    border: 1px solid #E5E5E5;
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 8px 9px
}

.flickr_badge_image {
    display: block;
    float: left;
    width: 33.333%;
    padding: 0 7px 7px 0
}

.flickr_widget_block {
    margin-right: -7px
}

.flickr_badge_image a {
    display: block;
    position: relative;
    overflow: hidden
}

.flickr_badge_image a:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    background: #45AED6;
    width: 100%;
    height: 100%;
    opacity: 0
}

.flickr_badge_image a:before {
    content: "\e6d4";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    top: 40%;
    left: 40%
}

.flickr_badge_image:hover a:after, .flickr_badge_image:hover a:before {
    opacity: .8
}

.newsletter_con {
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

.newsletter_button {
    background: #45AED6;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 37px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    top: 0;
    width: 40px;
    border-left: 1px solid rgba(0, 0, 0, .07)
}

.newsletter_button i {
    left: -3px;
    position: absolute;
    top: 5px;
    font-size: 26px
}

.newsletter_button .refresh_loader, .newsletter_button .subscribe_true {
    opacity: 0
}

#subscribe_output h4 {
    color: #45AED6;
    font-size: 14px;
    font-style: italic;
    margin: 10px 0 0
}

.newsletter_con>input {
    width: 100%;
    font-size: 13px;
    padding: 8px 50px 8px 12px;
    height: 37px;
    border: none;
    border-radius: 10px!important
}

.newsletter_con label.error {
    color: #e84c3d;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 7px
}

.refresh_loader {
    -moz-animation: sendingSubs .5s infinite linear;
    -webkit-animation: sendingSubs .5s infinite linear;
    animation: sendingSubs .5s infinite linear
}

@-moz-keyframes sendingSubs {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes sendingSubs {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sendingSubs {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.black_button {
    background: rgba(0, 0, 0, .3);
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 10px 15px;
    margin: 24px 0 0;
    font-style: italic
}

.black_button i {
    margin-right: 6px
}

.address-list li {
    clear: both;
    padding: 0 0 20px 50px
}

.address-list li i {
    float: left;
    font-size: 18px;
    margin: 2px 17px 0 -35px
}

.address-list {
    list-style: none;
    margin-left: -46px
}

.tweets p a {
    color: #FFF;
    font-weight: 600
}

.tweets.small .rslides {
    display: list-item;
    width: 80%;
    float: right
}

.rslides {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.tweets.small i {
    font-size: 40px;
    margin-right: 10px
}

.footer-middle .menu-footer ul, .footer-middle .social-list {
    margin: 0 auto;
    text-align: center
}

.tweet-time {
    font-size: 15px;
    color: #BCBCBC;
    display: block;
    font-weight: 300
}

.tweets.small p {
    padding-top: 0;
    float: right
}

.tweets p {
    padding: 10px 0 0
}

.footer-middle {
    background: #1c1c1c;
    padding: 40px 0 20px
}

.footer-middle a {
    color: inherit
}

.footer-middle .menu-footer {
    padding: 10px 0 15px
}

.footer-middle .menu-footer ul li {
    padding: 10px 15px
}

.footer-middle .social-footer {
    padding: 15px 0 10px
}

.footer-middle .social-list li {
    margin-left: 5px;
    padding: 0 15px
}

.footer-middle .social-list li a {
    display: block;
    text-align: center;
    font-size: 22px;
    padding: 10px
}

.footer-bottom {
    background: #1c1c1c;
    padding: 20px 0 40px
}

.footer-bottom .copyright {
    padding: 0
}

.footer-bottom .copyright p {
    margin-bottom: 0;
    line-height: 3.4
}

.logo-footer {
    max-width: 99px;
    opacity: .5;
    float: right;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.logo-footer img {
    width: 100%;
    height: auto
}

.not-found {
    text-align: center
}

.not-found h1 {
    font-size: 200px;
    color: #45AED6;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.not-found p {
    font-family: Athelas;
    font-size: 24px;
    color: #999!important;
    margin: 0!important;
    padding: 0!important;
    font-style: italic
}

.not-found .form-control {
    display: inline;
    position: relative;
    background: rgba(255, 255, 255, .2);
    border-radius: 0;
    padding: 0 20px;
    margin-right: 20px;
    height: 50px;
    width: 500px;
    border: 1px solid #C9C9C9!important
}

.not-found .social-icons i {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.border-radius, .social-icons i {
    border-radius: 500px
}

.social-icons i {
    width: 30px;
    color: #999;
    background: #F8F8F8;
    margin-left: 8px;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.error-page>h2, .error-page>h3 {
    float: left;
    width: 100%;
    text-align: center;
    letter-spacing: .3px
}

.social-icons span a {
    text-decoration: none!important
}

.error-page>h2 {
    color: #666;
    font-size: 30px;
    line-height: 27px;
    margin: 0 0 25px
}

.error-page>h3 {
    color: #777;
    font-size: 17px;
    line-height: 16px;
    margin: 0 0 60px
}

.error-page>form {
    background: #FFF;
    border: 1px solid #E8ECEC;
    border-radius: 3px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05) inset;
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.error-page>form>input {
    background: 0 0;
    border: none;
    color: #555;
    float: left;
    font-size: 13px;
    height: 35px;
    padding: 0 14px;
    width: 300px
}

.error-page>form>i {
    color: #BEBEBE;
    float: right;
    font-size: 16px;
    padding: 8px 12px
}

.error-page>ul {
    display: table;
    float: none;
    margin: 30px auto 70px;
    padding: 0
}

.error-page>ul>li {
    float: left;
    margin: 0 15px
}

.error-page>ul>li>a {
    border-radius: 3px;
    color: #FFF;
    float: left;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 10px;
    padding: 15px 20px;
    background: #45AED6
}

.comming-soon-page h1 {
    background: rgba(0, 0, 0, .2);
    color: #FFF;
    display: table;
    font-size: 60px;
    font-weight: 300;
    margin: 50px auto;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-animation: flash 5s infinite;
    -moz-animation: flash 5s infinite;
    -ms-animation: flash 5s infinite;
    -o-animation: flash 5s infinite;
    animation: flash 5s infinite
}

.comming-soon-page h2 {
    color: #FFF;
    display: table;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto;
    text-transform: uppercase;
    -webkit-animation: bounce 3s;
    -moz-animation: bounce 3s;
    -ms-animation: bounce 3s;
    -o-animation: bounce 3s;
    animation: bounce 3s
}

.comming-soon-page h2 strong {
    color: #fff
}

.comming-soon-page h3, .comming-soon-page p {
    color: #FFF;
    font-family: open sans;
    display: table
}

.comming-soon-page h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px
}

.comming-soon-page p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto 30px
}

.comming-soon-page form {
    display: table;
    margin: 0 auto 60px
}

.comming-soon-page form input[type=text] {
    border: 0;
    color: #848484;
    float: left;
    font-size: 13px;
    font-style: italic;
    padding: 8px 15px;
    width: 325px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px #9A9A9A inset;
    -moz-box-shadow: 0 1px 3px #9A9A9A inset;
    -ms-box-shadow: 0 1px 3px #9A9A9A inset;
    -o-box-shadow: 0 1px 3px #9A9A9A inset;
    box-shadow: 0 1px 3px #9A9A9A inset
}

.comming-soon-page form input[type=submit] {
    background: #45AED6;
    border: 0;
    color: #FFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.profile-social::before, .profile-social:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    z-index: 9
}

.comming-soon-page .bottom-strip-simple p {
    font-size: 13px;
    margin: 0 auto
}

.bottom-contact-bar p {
    color: #939292;
    font-family: noto sans;
    font-size: 13px;
    line-height: 18px;
    margin-top: -5px;
    text-align: center
}

.bottom-strip-simple .container {
    padding: 0
}

.bottom-strip-simple {
    background: #3B3B3B;
    color: #FFF;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

#my-profile-info {
    float: left;
    width: 100%
}

.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: alpha(opacity=0);
    position: absolute;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    transition: all .4s ease 0s
}

.profile-social>img {
    float: left;
    width: 100%;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.profile-social::before {
    border-radius: 50%;
    position: absolute;
    transform: scale(.8);
    transition: all .4s ease 0s
}

.profile-social>ul, .profile-social>ul>li>a>i {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s
}

.profile-social>ul {
    left: 50%;
    margin: -17px 0 0 -25%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 50%;
    z-index: 99999
}

.profile-social>ul>li {
    float: left;
    margin: 0 5px
}

.profile-social>ul>li>a>i {
    background: rgba(255, 255, 255, .9);
    border: 1px solid #E8ECEC;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, .03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, .03) inset;
    color: #666;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.profile-social:hover:before, .profile-social:hover>ul, .profile-social:hover>ul>li>a>i {
    opacity: 1;
    filter: alpha(opacity=100)
}

.profile-social>ul>li>a>i:hover {
    background: 0 0;
    color: #FAFAFA;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.profile-social>ul>li>a {
    float: left;
    width: 100%
}

.profile-social:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.profile-social:hover>img {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.profile-social:hover>ul>li>a>i.fa-facebook {
    -webkit-transition: all .4s ease .1s;
    -moz-transition: all .4s ease .1s;
    -ms-transition: all .4s ease .1s;
    -o-transition: all .4s ease .1s;
    transition: all .4s ease .1s
}

.profile-social:hover>ul>li>a>i.fa-google-plus {
    -webkit-transition: all .4s ease .3s;
    -moz-transition: all .4s ease .3s;
    -ms-transition: all .4s ease .3s;
    -o-transition: all .4s ease .3s;
    transition: all .4s ease .3s
}

.profile-social:hover>ul>li>a>i.fa-twitter {
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s
}

.profile-social:hover>ul>li>a>i.fa-linkedin {
    -webkit-transition: all .4s ease .7s;
    -moz-transition: all .4s ease .7s;
    -ms-transition: all .4s ease .7s;
    -o-transition: all .4s ease .7s;
    transition: all .4s ease .7s
}

#my-profile-info>h3 {
    color: #666;
    float: left;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%
}

#my-profile-info>span {
    color: #777;
    float: left;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 14px;
    text-align: left;
    width: 100%
}

#my-profile-info>p, .custom-progress>p {
    font-size: 13px;
    letter-spacing: .3px;
    float: left
}

#my-profile-info>p {
    color: #777;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%
}

#my-profile-info>p:after, #my-profile-info>p:before {
    background-image: url(../images/ceo-coma.png);
    height: 80px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    width: 67px;
    content: ""
}

#my-profile-info>p:before {
    left: 20%;
    top: -3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#my-profile-info>p:after {
    right: 20%;
    bottom: -3px
}

.with-parallax .service6:hover>span {
    color: #fafafa!important
}

.with-parallax .service6>h3>a {
    color: #F8F8F8
}

.with-parallax .service6>a, .with-parallax .service6>p {
    color: #eee
}

.my-skills {
    float: left;
    width: 100%
}

.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%
}

.custom-progress>p {
    color: #777;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%
}

.with-parallax .service6>span {
    color: #FAFAFA
}

.custom-progress>p>i {
    color: #666;
    float: left;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-right: 20px
}

.custom-progress .progress {
    background: #F8F8F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 35px;
    margin: 0;
    width: 100%
}

.custom-progress .progress>.progress-bar {
    float: left;
    position: relative
}

.custom-progress .progress>.progress-bar>span {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

#experience {
    float: left;
    margin-top: -30px;
    width: 100%
}

#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

#experience ul>li {
    background: #FFF;
    border: 1px solid #E8ECEC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%
}

#experience ul>li>span, .quote-widget {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset
}

#experience ul>li>span {
    background: #45AED6;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    color: #FFF;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px
}

#experience ul>li>h3, .register-form h3, .register-form>.row>div>p>label {
    font-weight: 400;
    font-family: open sans;
    letter-spacing: .3px;
    float: left
}

#experience ul>li>h3 {
    color: #666;
    font-size: 15px;
    line-height: 15px;
    margin: 0;
    width: 100%
}

#experience ul>li>i {
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%
}

#experience ul>li>p {
    color: #777;
    float: left;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%
}

.register-sec {
    background-image: url(../images/resource/signup-bg.jpg);
    background-size: 100% 100%
}

.register-form {
    background: rgba(247, 247, 247, .8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    position: relative;
    width: 100%;
    padding: 25px
}

.register-form:before {
    background-image: url(../images/shadow2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%
}

.register-form h3 {
    color: #666;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 25px;
    text-align: center;
    width: 100%
}

.register-form>.row>div>form {
    background: rgba(255, 255, 255, .7);
    border: 1px solid #C8C8C8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px
}

.register-form>.row>div>form>i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px
}

.register-form>.row>div>form>input {
    background: 0 0;
    border: none;
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 14px;
    height: 46px;
    letter-spacing: .3px;
    width: 80%
}

.register-form>.row>div>p {
    float: left;
    margin: 0 0 10px;
    width: 100%
}

.register-form>.row>div>p>label {
    color: #8B8B8B;
    font-size: 13px;
    margin: 1px 0 0 15px
}

.submit-form {
    background-color: rgba(247, 247, 247, .8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    padding: 15px;
    width: 100%
}

.submit-form>input {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    display: table;
    float: left;
    font-family: open sans;
    font-size: 18px;
    letter-spacing: .3px;
    margin: 0 auto;
    padding: 10px 90px;
    width: 100%
}

.submit-form>p {
    color: #8B8B8B;
    display: table;
    float: left;
    font-size: 12px;
    letter-spacing: .3px;
    margin: 15px auto 0
}

.submit-form>p>i {
    font-style: normal
}

.add2cart_btn, .item figure p, .metabox, .testi-sidebar p, .testi-sidebar small, .testimonials-box span {
    font-style: italic
}

.radio, .register-form .checkbox {
    clear: left;
    display: block;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0 5px 0 0;
    width: 19px
}

.wrap-contact-info .wrap-contact-form .form-group .form-control {
    margin-bottom: 10px
}

.wrap-contact-info .wrap-contact-form .form-group textarea {
    min-height: 130px;
    max-width: 100%;
    margin-bottom: 10px
}

.form-control {
    box-shadow: none;
    border: 2px solid #ECF0F1;
    background-color: #FAFCFC;
    padding: 12px 18px;
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    color: #98A2A4
}

#submit-message {
    background-color: #45AED6;
    color: #FFF;
    font-family: "Varela Round", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 11px 45px;
    border-radius: 25px;
    border: 2px solid #45AED6;
    width: 100%;
    margin-top: 10px
}

#submit-message:hover {
    background-color: #fff;
    color: #45464b;
    border: 2px solid #45AED6;
    -webkit-transition: all .4s cubic-bezier(0, 0, .58, 1)
}

#google-map {
    position: relative;
    width: 100%;
    height: 450px
}

.wrap-contact-info-text .icon {
    padding-right: 6px;
    font-size: 20px;
    color: #45AED6
}

.w-our-branches ul li {
    background: #FDFDFD;
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: #E4E4E4 #E4E4E4 transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    float: left;
    padding: 16px;
    width: 100%
}

.w-our-branches>ul {
    border-radius: 3px;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid #E4E4E4
}

.w-our-branches {
    float: left;
    width: 100%
}

.w-our-branches>ul>li>a {
    float: left;
    width: 30%
}

.w-our-branches li span {
    float: left;
    overflow: hidden;
    width: 100%;
    padding-right: 20px
}

.w-our-branches li p {
    color: #777;
    display: block;
    float: left;
    font-size: 11px;
    letter-spacing: .35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%
}

.w-our-branches li p i {
    color: #45AED6;
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
    width: 20px
}

.ceo-plan-detail>ul>li>span {
    border-radius: 3px;
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
    background-color: #45AED6
}

.timeline-onecol .timeline li .timeline-panel, .timeline-onecol_ls .timeline li .timeline-panel {
    width: 85%
}

.ceo-plan-detail i {
    color: #fff;
    font-size: 28px
}

.timeline-onecol_ls .timeline li .tl-circ, .timeline-onecol_ls .timeline:before {
    right: 100%;
    left: 7%
}

.timeline-wrapper.timeline-onecol_ls ul li .tldate {
    margin: 0!important;
    float: left!important
}

.timeline-onecol .timeline li .tl-circ, .timeline-onecol .timeline:before {
    left: 90%
}

.timeline-wrapper.timeline-onecol ul li .tldate {
    margin: 0 25px!important;
    float: right!important
}

.timeline {
    padding: 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px
}

.timeline-wrapper .tldate {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #414141;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    font-weight: 700;
    text-align: center
}

.timeline li {
    margin-bottom: 25px;
    position: relative
}

.timeline li:after {
    clear: both
}

.timeline li:after, .timeline li:before {
    content: " ";
    display: table
}

.timeline li .timeline-panel {
    width: 46%;
    float: left;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    padding: 20px;
    position: relative
}

.timeline li .timeline-panel:after, .timeline li .timeline-panel:before {
    display: inline-block;
    border-right: 0 solid #f1f1f1;
    content: " "
}

.timeline li .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid #f1f1f1;
    border-bottom: 15px solid transparent
}

.timeline li .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left: 14px solid #f1f1f1;
    border-bottom: 14px solid transparent
}

.timeline li .timeline-panel.noarrow:after, .timeline li .timeline-panel.noarrow:before {
    top: 0;
    right: 0;
    display: none;
    border: 0
}

.timeline li.timeline-inverted .timeline-panel {
    float: right
}

.timeline li.timeline-inverted .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline li.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline li .tl-circ {
    position: absolute;
    top: 34px;
    left: 50%;
    text-align: center;
    color: #fff;
    background: #fff;
    border: 1px solid #ddd;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-left: -8px;
    border-radius: 50%;
    z-index: 99999
}

.tl-body p, .tl-body ul {
    margin-bottom: 0
}

.tl-body>p+p {
    margin-top: 5px
}

@media (max-width:991px) {
    .background-image-wrapper {
        position: absolute
    }
    .full-image-section .background-image, .image-container .mini-title {
        display: none
    }
    .timeline li .timeline-panel {
        width: 44%
    }
}

@media (max-width:700px) {
    .page-header h1 {
        font-size: 1.8em
    }
    ul.timeline:before {
        left: 40px
    }
    ul.timeline li .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }
    ul.timeline li .tl-circ {
        top: 22px;
        left: 22px;
        margin-left: 0
    }
    ul.timeline>li>.tldate {
        margin: 0
    }
    ul.timeline>li>.timeline-panel {
        float: right
    }
    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }
    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
    .timeline-onecol .timeline li .timeline-panel, .timeline-onecol_ls .timeline li .timeline-panel, li .timeline-panel {
        width: 100%
    }
    .timeline li .timeline-panel:before {
        border: 0
    }
    .timeline:before, ul.timeline li .tl-circ {
        display: none
    }
    .timeline-wrapper.timeline-onecol ul li .tldate, .timeline-wrapper.timeline-onecol_ls ul li .tldate, .tldate {
        border-radius: 0!important;
        float: none;
        margin: 0!important;
        width: 100%
    }
}

.masonry_wrapper_blog, .timeline-wrapper {
    margin-bottom: 40px
}

.quote-post blockquote small {
    color: #fff
}

.quote-post blockquote, blockquote {
    padding: 20px;
    margin: 0;
    color: #fff;
    font-style: italic;
    font-family: Athelas;
    font-size: 24px!important
}

blockquote {
    color: #242424
}

blockquote.mini {
    font-size: 21px!important
}

#blog-page .blog-item {
    margin-bottom: 60px
}

#sidebar .widget-title {
    font-weight: 700;
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 24px
}

.instagram-widget li {
    display: inline-block!important;
    position: relative;
    margin: 0
}

#sidebar .featured-widget li {
    display: inline-block!important;
    position: relative;
    margin: 4px 0;
    width: 100%
}

.instagram-widget ul {
    padding: 0
}

.instagram-widget li img {
    width: 110px;
    padding: 5px
}

#sidebar .featured-widget h3 a {
    font-weight: 700;
    padding-bottom: 0!important;
    font-size: 14px;
    color: #242424
}

.bubble, .meta {
    font-weight: 600
}

#sidebar .featured-widget img {
    margin: 11px 13px 15px 0;
    width: 60px!important
}

.testi-sidebar h3 {
    margin-top: 20px;
    font-size: 16px!important;
    padding: 0!important;
    margin-bottom: 5px!important
}

#owl-testi-sidebar .owl-controls {
    top: 48%!important;
    left: -1%
}

.testi-sidebar p {
    font-family: Athelas;
    font-size: 16px;
    padding-left: 100px;
    margin-top: 10px
}

.testi-sidebar img {
    margin-top: -10px;
    width: 80px!important
}

#sidebar .widget {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 10px
}

.stylish-input-group .input-group-addon {
    background: #45AED6!important;
    border-radius: 0 30px 30px 0
}

.stylish-input-group .form-control {
    box-shadow: 0 0 0;
    border-radius: 30px
}

.stylish-input-group button {
    border: 0;
    background: 0 0;
    color: #d6d6d6
}

.bubble {
    background: #fff;
    width: 57px;
    font-size: 18px;
    height: 57px;
    margin: 0 3px;
    line-height: 57px;
    display: inline-block;
    text-align: center
}

.meta {
    margin: 25px 0 10px;
    font-size: 14px
}

.blog-title h3 a, .single-blog-title h3 {
    color: #282828;
    line-height: 1.5;
    font-weight: 700;
    text-decoration: none!important
}

.blog-desc {
    margin-bottom: 20px
}

#comments_form .form-control {
    background: 0 0;
    margin-bottom: 10px
}

#comments_form .form-control:focus {
    border-color: #66afe9;
    box-shadow: none;
    background: #fff
}

.media-list .media-object {
    width: 75px;
    margin-right: 15px
}

.media-heading {
    font-size: 24px!important;
    margin: 10px 0;
    text-align: left;
    text-transform: none!important
}

#quote-head>h3, #quote-head>p, .caps-desc, .customlist::after, .imagetext img, .item figure, .mini-title {
    text-align: center
}

.media-heading .pull-right {
    font-size: 13px
}

.media-list {
    margin-top: 60px
}

.media, .media .media {
    margin-top: 75px
}

#comments-single {
    display: block;
    margin-top: 80px
}

.imagetext img {
    max-width: 500px;
    display: block;
    margin: 20px auto
}

.blog-share {
    margin-top: 60px
}

.single-blog-desc {
    margin: 20px 0
}

.blog-item img {
    width: 100%
}

.featured-widget h3 {
    margin-top: 9px;
    font-size: 10px
}

.featured-widget ul {
    margin-left: -38px
}

.recent_posts li.with_img .recent_posts_info {
    font-size: 12px;
    line-height: 16px
}

.recent_posts_info {
    color: #ACACAC;
    font-size: 12px
}

.widget .tagcloud a {
    display: inline-block;
    color: #2D2E2E;
    margin: 0 0 5px 5px;
    font-size: 14px!important;
    font-weight: 300!important;
    line-height: 21px!important;
    padding: 5px 19px 7px;
    background-color: transparent;
    float: left;
    border-radius: 17px;
    text-transform: lowercase;
    transition: all .3s ease 0s;
    border: 1px solid #BFBFBF
}

.tagcloud {
    overflow: hidden;
    padding-top: 4px;
    margin: 0 0 0 -5px
}

.widget-list li {
    margin-bottom: 12px;
    font-size: 14px
}

.widget-list li .fa {
    border: 1px solid;
    height: 1.2em;
    width: 1.2em;
    border-radius: 50%
}

.listing_meta {
    line-height: 21px;
    padding: 0 0 19px;
    font-size: 14px;
    color: #ACACAC
}

.listing_meta span {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.listing_meta span::after {
    content: "/";
    padding: 0 3px 0 6px
}

.listing_meta a {
    font-size: 14px;
    color: #ACACAC;
    transition: color .3s ease 0s
}

.listing_meta span:last-child:after {
    display: none
}

.quote-post {
    border-color: #03ACDC;
    text-decoration: none!important;
    color: #FFF!important;
    background: #03ACDC
}

.masonry_wrapper_blog .blog-item {
    background: #F1F1F1!important;
    padding: 20px!important
}

.portfolio-media {
    margin-bottom: 30px
}

.portfolio-meta {
    margin: 30px 0
}

.portfolio-meta p {
    margin: 0 0 20px
}

.portfolio-meta a {
    color: #999
}

.portfolio-meta h3 {
    font-weight: 700;
    font-size: 14px!important
}

.portfolio-title h3 {
    font-size: 30px;
    font-weight: 700
}

.with-text .caps-desc {
    padding: 15px 0;
    background: #f5f5f5!important
}

.small-text h3 a {
    font-size: 15px!important
}

.items .bubble {
    width: 42px;
    font-size: 16px;
    margin-top: 3px;
    height: 42px;
    line-height: 42px
}

.caption {
    position: relative;
    overflow: hidden
}

.caps-desc {
    padding: 20px 0 0;
    position: relative;
    display: block;
    overflow: hidden
}

.caps-desc h3 {
    font-size: 14px;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: 600
}

.caps-desc h3 a {
    color: #242424
}

.masonry_wrapper {
    overflow: hidden;
    margin: 40px 0
}

.masonry_wrapper .item {
    margin: 0;
    padding: 5px 2px 4px 6px
}

.masonry_wrapper .item img {
    height: auto!important;
    height: 100%!important;
    width: 100%;
    position: relative;
    z-index: -2
}

.mixed .item, .mixed-container .item {
    height: auto!important;
    margin: 0!important
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: 0 opacity;
    -moz-transition-property: 0 opacity;
    -ms-transition-property: 0 opacity;
    -o-transition-property: 0 opacity;
    transition-property: transform, opacity
}

.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}

.mini-title {
    position: absolute;
    z-index: 1111;
    top: 50%;
    left: 0;
    right: 0
}

.ImageWrapper, .ImageWrapper h3, .service-hover:hover .back i {
    color: #fff!important
}

.back .btn, .portfolio-item .btn {
    background: 0 0!important;
    border: 1px solid #fff;
    padding: 5px 25px;
    margin-top: 7px;
    color: #fff
}

.back .btn:hover, .portfolio-item .btn {
    background: #45AED6!important;
    border: 1px solid #45AED6
}

.portfolio-item img {
    width: 100%
}

.portfolio-item {
    position: relative;
    padding: 0
}

.ImageWrapper {
    box-shadow: none
}

.portfolio-item .ImageWrapper .StyleH {
    top: 40%
}

.StyleH h3 a {
    color: #fff
}

.mixed-container .item {
    padding: 10px 5px!important
}

.mixed .item {
    padding: 0!important
}

.mixed .item img, .mixed-container .item img {
    padding: 0!important;
    width: 100%;
    margin: 0!important
}

.items li img {
    width: 100%
}

.item figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    cursor: pointer
}

.item figure img {
    position: relative;
    display: block;
    opacity: 1
}

.item figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden
}

.item figure figcaption::after, .item figure figcaption::before {
    pointer-events: none
}

.item figure a, .item figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.item figure h2, .item figure h3 {
    font-weight: 700;
    right: 20%;
    left: 20%;
    bottom: 50%!important;
    padding: 6px 10px!important;
    display: inline-block
}

.item figure a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.item figure h2, .item figure h3, .item figure p {
    color: #fff;
    opacity: 0;
    width: auto;
    word-spacing: -.15em;
    z-index: 99999;
    position: absolute
}

.item figure h2 {
    border: 4px solid #fff
}

.item figure h3 {
    font-size: 30px!important
}

.item figure h2, .item figure h3, .item figure p {
    margin: 0
}

.item figure p {
    font-size: 14px!important;
    font-weight: 400;
    margin: 20px auto;
    right: 0;
    left: 0;
    padding: 10px 0!important;
    text-transform: none;
    top: 50%
}

#content .bf ul.items li .caption h3 a, #four-col-portfolio .caption h3 a {
    font-size: 18px!important
}

figure.effect-chico img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

figure.effect-chico:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-chico figcaption {
    padding: 3em
}

figure.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 3px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

figure.effect-chico figcaption::before, figure.effect-chico p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

#grid-five-col-portfolio li, #grid-four-col-portfolio li, #grid-one-col-portfolio li, #grid-three-col-portfolio li, #grid-two-col-portfolio li {
    padding: 0!important;
    margin: 0!important;
    position: relative;
    min-height: 1px
}

figure.effect-chico:hover .cap-in a, figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #333;
    opacity: .7
}

figure.effect-chico:hover h2, figure.effect-chico:hover h3 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#grid-five-col-portfolio, #grid-four-col-portfolio, #grid-one-col-portfolio, #grid-three-col-portfolio, #grid-two-col-portfolio {
    margin-bottom: 20px
}

#grid-one-col-portfolio li {
    width: 100%!important
}

#grid-two-col-portfolio li {
    width: 50%!important
}

#grid-four-col-portfolio li {
    width: 25%!important
}

#grid-three-col-portfolio li {
    width: 33.33333333%!important
}

#grid-five-col-portfolio li {
    width: 20%!important
}

#four-col-portfolio.items li, #one-col-portfolio.items li, #three-col-portfolio.items li {
    width: 33.33333333%!important;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#four-col-portfolio.items li {
    width: 25%!important
}

#one-col-portfolio.items li {
    width: 100%!important
}

#one-col-portfolio.items h3 {
    margin: 20px 0
}

#two-col-portfolio.items li {
    width: 50%!important
}

#two-col-portfolio.items h3 {
    margin: 15px 0 5px
}

.no-space {
    margin-bottom: 20px!important
}

#content .bf, .bf.fullwidth {
    width: 100%!important
}

.bf ul.items li .caption .cap-in .bfcatagory-cap, .bf ul.items li .caption .cap-in .bfcatagory-cap a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 300
}

.bf ul.filter li a, .portfolio-filter li a {
    padding: 5px 20px;
    text-decoration: none;
    margin: 4px 3px;
    background: 0 0;
    border: none;
    color: #999;
    font-family: Montserrat, sans-serif;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.portfolio-filter {
    margin-bottom: 30px
}

.portfolio-filter ul {
    padding: 0
}

.portfolio-filter li {
    display: inline-block;
    margin: 0
}

.bf ul.items li .caption h3 a {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 24px!important
}

.faq h3, .site-title, .subpage-banner p {
    font-family: Raleway, sans-serif
}

.shortcode-widget.section-content {
    margin-bottom: 0!important
}

.shortcode-widget p {
    margin: 25px 0 0
}

.shortcode-widget h3 {
    font-size: 36px!important;
    margin-bottom: 0!important
}

.bf ul.filter li a.active {
    background: #45AED6!important;
    color: #FFF;
    border: 1px solid #45AED6
}

.ImageWrapper p {
    color: #fff
}

.faq h3 {
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0;
    padding: 13px 0
}

#quote-head>h3, .site-title {
    font-weight: 700;
    text-transform: uppercase
}

h3 a:hover, h3 span {
    color: #2991D6
}

.parallax {
    background-size: cover!important;
    background-attachment: fixed!important
}

.quote-form-sec, .quote-widget {
    background: #FCFCFC;
    position: relative
}

.site-title {
    color: #FFF;
    font-size: 58px;
    margin-top: 13%
}

.subpage-banner p {
    font-size: 32px;
    margin: 20px 0;
    color: #fff
}

.quote-widget {
    border: 1px solid #e8ecec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    float: left;
    width: 100%
}

#quote-head {
    float: left;
    width: 100%;
    padding: 30px
}

#quote-head>h3 {
    color: #666;
    float: left;
    font-size: 18px;
    letter-spacing: .3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    width: 100%
}

#quote-head>p, .quote-form-sec input {
    color: #777;
    float: left;
    width: 100%;
    letter-spacing: .3px
}

#quote-head>p {
    font-family: Noto Sans;
    font-size: 13px;
    line-height: 24px;
    margin: 5px 0 0
}

.quote-form-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    float: left;
    width: 100%;
    padding: 30px;
    border-top: 1px solid #e8ecec
}

.quote-form-sec input {
    background: rgba(247, 248, 249, .86);
    border: 1px solid #D1D1D1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 15px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.quote-form-sec input:focus {
    border: 1px solid #BEBEBE
}

.quote-form-sec input.submit {
    background: #999;
    border: 1px solid #7E7E7E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #FFF;
    display: table;
    float: none;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto
}

.input-style, .job-form-sec form {
    width: 100%;
    float: left
}

.input-style {
    border: 1px solid #E8ECEC;
    border-radius: 3px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .01) inset;
    color: #555;
    font-size: 13px;
    height: 40px;
    letter-spacing: .3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px
}

.job-form-sec form>p>label {
    color: #777;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .3px
}

textarea.input-style {
    height: 150px;
    padding-top: 15px;
    width: 97%
}

.customlist {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.customlist::after, .customlist::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px
}

.customlist::before {
    background: #E0E0E0;
    border-radius: 3px;
    content: "";
    z-index: 5
}

.customlist::after {
    color: #FFF;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    line-height: 33px;
    z-index: 9;
    background: #45AED6
}

.customlist>select {
    background: 0 0;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .14) inset;
    color: #AFAFAF;
    float: left;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%
}

.job-form-sec form>label {
    float: left;
    font-size: 15px;
    margin: 0 0 20px;
    width: 100%;
    color: #45AED6
}

.job-form-sec form>label>i {
    margin-right: 15px;
    color: #45AED6
}

.job-form-sec>a {
    border-radius: 3px;
    color: #FFF;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 10px;
    padding: 15px 25px;
    background-color: #45AED6
}

.job-form-sec>a>i {
    margin-right: 13px;
    color: #fff
}

.shop_slider .owl-item {
    padding: 0 15px
}

.white_section .add2cart_slide {
    border: none
}

.add2cart_slide {
    border: 1px solid #DDD;
    position: relative;
    margin-bottom: 30px
}

.add2cart_details {
    background: #FDFDFD;
    position: relative
}

.add2cart_details .con_cont {
    padding: 15px 22px 18px
}

.add2cart_img {
    display: block;
    position: relative;
    border-bottom: 1px solid #DDD;
    overflow: hidden
}

.sale_new .text {
    position: relative;
    z-index: 1
}

.add2cart_img .sale_new {
    color: #fff;
    display: block;
    font-size: 11px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    left: 20px;
    width: 60px;
    letter-spacing: 1px;
    z-index: 2
}

.add2cart_prod_cat, .add2cart_prod_name {
    text-transform: capitalize;
    display: block
}

.add2cart_img .circle {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.add2cart_img .circle.sale {
    background: #e84c3d
}

.add2cart_img .circle.sale:after {
    border-top-color: #e84c3d
}

.add2cart_img .circle.new {
    background: #12b1c6
}

.add2cart_img .circle.new:after {
    border-top-color: #12b1c6
}

.add2cart_img .circle:after {
    border-color: #e84c3d transparent transparent;
    border-style: solid;
    border-width: 5px;
    bottom: -9px;
    content: "";
    display: block;
    left: 25px;
    position: absolute
}

.add2cart_btn, .add2cart_image {
    position: relative
}

.add2cart_prod_name {
    color: #324545;
    font-size: 16px;
    margin-bottom: 9px
}

.add2cart_prod_cat {
    color: #999;
    font-size: 13px;
    margin-bottom: 10px
}

.nesto-rs-big-title, .nesto-rs-meduim-title, .nesto-rs-small-title, .price_title, .widget_block>h6 {
    text-transform: uppercase
}

.add2cart_prod_price {
    display: block;
    margin-bottom: 3px
}

.add2cart_prod_price del {
    color: #bab9b9;
    margin-right: 10px
}

.add2cart_prod_price ins {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px
}

.add2cart_btn {
    background: #fff;
    border: 1px solid #ddd;
    color: #999;
    font-size: 13px;
    padding: 10px 15px;
    left: auto;
    bottom: -29px
}

.add2cart_btn i {
    color: #ccc;
    margin-right: 10px
}

.add2cart_btn:hover i, .add2cart_image .add2cart_zoom:hover, .shop_slider .pro_add2cart_details:hover {
    color: #45AED6
}

.add2cart_btn:hover {
    background: #fff;
    color: #45AED6;
    border-color: #45AED6
}

.shop_slider .add2cart_slide:hover .pro_add2cart_details {
    opacity: 1
}

.shop_slider .pro_add2cart_details {
    background: #fff;
    border: 2px solid #324545;
    color: #324545;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 36px;
    padding: 0 15px;
    position: absolute;
    width: auto;
    z-index: 1;
    top: 40%;
    opacity: 0
}

.pro_add2cart_details .text {
    position: relative
}

.cart_toltip_icon, .cart_toltip_icon2 {
    background: #fff;
    color: #45AED6;
    height: 40px;
    opacity: 0;
    position: absolute;
    bottom: 20px;
    width: 40px;
    z-index: 1;
    border: 2px solid #DDD;
    text-align: center
}

.pro_add2cart_details .text i {
    margin-right: 9px;
    font-size: 14px
}

.cart_toltip_icon {
    font-size: 16px;
    line-height: 38px;
    left: 20px
}

.cart_toltip_icon2 {
    font-size: 14px;
    line-height: 40px;
    right: 20px
}

.cart_toltip_icon.cart_icon_on_right {
    left: auto;
    right: 20px;
    direction: rtl
}

.cart_toltip_icon:hover:after {
    opacity: 1;
    pointer-events: auto
}

.cart_toltip_icon.cart_icon_on_right:after {
    direction: ltr;
    left: auto;
    right: -2px;
    padding: 0 37px 0 14px
}

.cart_toltip_icon:after {
    background: rgba(255, 255, 255, 1);
    border: 2px solid #DDD;
    bottom: 41px;
    color: #324545;
    content: attr(data-text);
    display: inline-block;
    font-size: 12px;
    height: auto;
    left: -2px;
    opacity: 0;
    padding: 0 14px 0 37px;
    pointer-events: none;
    position: relative;
    white-space: pre;
    width: auto;
    z-index: -1
}

.add2cart_image .add2cart_zoom {
    background: #fff;
    border: 2px solid #324545;
    color: #324545;
    display: block;
    font-size: 24px;
    height: 40px;
    line-height: 38px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 1
}

.add2cart_img:after {
    background: rgba(255, 255, 255, .4);
    content: "";
    height: 100%;
    opacity: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.outline_stars, .your_rate {
    height: 20px;
    overflow: hidden
}

.add2cart_image:hover .add2cart_img .sale_new .circle {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.add2cart_image:hover .add2cart_img>img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.add2cart_image:hover .add2cart_img:after, .add2cart_image:hover .add2cart_zoom, .add2cart_image:hover .cart_toltip_icon, .sidebar_slider:hover .cart_toltip_icon2 {
    opacity: 1
}

.add2cart_image:hover .pro_add2cart_details {
    opacity: 1;
    top: 25%
}

.add2cart_details .your_rate {
    margin-bottom: 5px;
    margin-top: 10px
}

.centered .add2cart_details .your_rate {
    margin-right: auto;
    margin-left: auto
}

.your_rate {
    font-size: 16px;
    position: relative;
    width: 80px
}

.outline_stars {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.outline_stars:before, .your_rate:before {
    font-family: idealtheme;
    left: -2px;
    position: absolute;
    top: 0
}

.your_rate:before {
    content: "\e6fe\e6fe\e6fe\e6fe\e6fe";
    color: #ccc
}

.outline_stars:before {
    content: "\e6fd\e6fd\e6fd\e6fd\e6fd";
    color: #FFB200
}

.widget_block>h6 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    word-spacing: 1px
}

.send_button {
    background: #45AED6;
    border: 1px solid #45AED6;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    display: inline-block
}

.send_button2 {
    background: #fff;
    border: 1px solid #45AED6;
    color: #45AED6;
    font-size: 14px;
    padding: 9px 12px
}

.send_button:hover {
    background: #324545;
    border-color: #324545;
    color: #fff
}

.price_filter_details {
    margin-top: 20px
}

.price_title {
    margin-right: 5px
}

.price_lable {
    background: #fff;
    border: 1px solid #DDD;
    float: right;
    font-size: 12px;
    padding: 9px 15px;
    color: #999
}

.custom-box:hover, .custom-box:hover .diamondicon i, .custom-box:hover .serviceicon i, .service-box .serviceicon:hover i, .service-square-icon i, .serviceicon:hover i {
    color: #818181!important
}

.shop_price_slider_con {
    padding: 10px 0;
    position: relative
}

.products_filter li {
    float: left;
    padding-right: 20px;
    width: 33.3333%
}

.products_filter {
    margin-right: -20px
}

.custom-box {
    border: 1px solid #fff;
    text-align: center;
    padding: 50px 20px 10px;
    margin: 60px 0 30px;
    -webkit-transition: border-color .4s linear, color .4s linear;
    -moz-transition: border-color .4s linear, color .4s linear;
    -o-transition: border-color .4s linear, color .4s linear;
    -ms-transition: border-color .4s linear, color .4s linear;
    transition: border-color .4s linear, color .4s linear
}

.service-square-icon i {
    font-size: 18px
}

.custom-box:hover {
    border: 1px solid #45AED6
}

.custom-box:hover .serviceicon {
    border: 7px solid #fff
}

.service-square {
    margin: 40px 0 20px
}

.service-square-icon {
    width: 65px;
    height: 65px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 65px;
    background: #fff;
    text-align: center;
    margin: 3px 15px 15px 0
}

.custom-box .icn-main-container {
    top: 18px;
    position: absolute;
    left: 0;
    right: 0
}

.service-square .title h3 {
    font-size: 18px!important;
    margin-bottom: 7px
}

.service-box .title h3, .service-icon .title h3 {
    font-size: 18px!important;
    font-weight: 400
}

.service-box .title {
    padding-top: 20px
}

.service-box .serviceicon {
    border-radius: 500px;
    color: #fff;
    background: #343434;
    border: 1px solid #545454;
    height: 85px;
    margin: 0 auto;
    line-height: 95px;
    position: relative;
    text-align: center;
    width: 85px;
    z-index: 5
}

.blog_wrap .post_date, .custom-box .serviceicon, .servicesbox .serviceicon {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    text-align: center;
    position: relative;
    z-index: 5
}

.custom-box .serviceicon {
    border-radius: 500px;
    color: #292723;
    background: #45AED6;
    font-size: 36px;
    height: 80px;
    margin: 0 auto;
    line-height: 65px;
    width: 80px
}

.custom-box .serviceicon i {
    color: #fff
}

.diamondicon {
    width: 60px;
    height: 60px;
    background: #343434;
    border: 1px solid #545454;
    line-height: 60px;
    margin: 17px 35% 0 auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.diamondicon .diamondicon-icon {
    color: #292723;
    font-size: 21px
}

.custom-box .serviceicon.smallradius, .serviceicon.smallradius {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}

.servicesbox .title h3 {
    font-size: 18px;
    line-height: 50px
}

.servicesbox p {
    display: block
}

.servicesbox .title i {
    font-size: 18px!important
}

.blog_wrap .post_date, .servicesbox .serviceicon {
    border-radius: 500px;
    color: #fff;
    border: 1px solid #DBE6ED;
    float: left;
    font-size: 15px;
    height: 54px;
    line-height: 54px;
    margin-right: 10px;
    width: 54px
}

#services .item {
    margin: 0;
    padding: 10px;
    display: block;
    width: 100%;
    height: auto
}

.serviceslist {
    list-style-type: none;
    margin: 60px 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

.serviceslist .service-icon .serviceicon {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    color: #fff;
    background: #323232;
    border: 1px solid #545454;
    font-size: 15px;
    height: 65px;
    line-height: 65px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 65px;
    z-index: 5
}

.serviceslist .servicelistbox .serviceicon {
    margin: 4px 20px 0
}

.serviceslist .col-lg-6, .serviceslist .col-md-6, .serviceslist .col-sm-6, .serviceslist .col-xs-6 {
    padding: 0!important
}

.servicelistbox {
    color: #959595;
    margin-top: 40px
}

.servicelistbox .service-icon .title h3 {
    font-size: 18px!important
}

.service-icon .title h3 {
    font-size: 15px!important
}

.cart_btn, .email, .log_in_out, .phone {
    font-size: 13px;
    vertical-align: top
}

.miniboxes .title {
    padding: 10px 0
}

.miniicon {
    background: #fff;
    height: 50px;
    line-height: 55px;
    margin: 35px auto;
    color: #fff;
    position: relative;
    width: 90px
}

.miniicon:after, .miniicon:before {
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.miniicon:before {
    border-bottom: 25px solid red;
    top: -25px
}

.miniicon:after {
    border-top: 25px solid red;
    bottom: -25px
}

.dm_featured_box_bg {
    background: url(demos/featuredbg.png) center center no-repeat;
    margin: 0 auto;
    width: 100%;
    padding-top: 100px;
    min-height: 700px
}

.dm_featured_box {
    float: left;
    margin: 0;
    padding: 30px 60px 0 0;
    position: relative;
    text-align: right;
    width: 38%
}

.dm_featured_box:nth-of-type(2n) {
    float: right;
    text-align: left;
    padding: 30px 0 0 60px
}

.dm_featured_box_bg .service-icon {
    background: 0 0!important
}

.bg7 {
    background-image: url(../images/7.jpg)
}

.presentation .flexslider, .presentation .flexslider .slides {
    margin: 0;
    padding: 0
}

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

.presentation .flexslider .slides img {
    width: 100%;
    display: block
}

.presentation .flexslider .slides:after {
    display: none
}

.presentation .flexslider {
    background: 0 0;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart_btn a.view_cart_btn:before, .log_in_out a:before {
    left: 0;
    top: 3px;
    content: '';
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat
}

.presentation .flex-direction-nav {
    display: none!important
}

.presentation .flex-control-nav {
    width: 100%;
    position: relative;
    bottom: auto;
    text-align: center
}

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

.presentation .flex-control-thumbs {
    margin: 12px 0 0;
    position: relative;
    overflow: hidden
}

.presentation .flex-control-thumbs li {
    width: auto;
    float: none;
    margin: 0 18px 21px;
    display: inline-block;
    vertical-align: top
}

.fright, .main_header.type4 .fleft {
    float: right
}

.presentation .flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.email, .language_select, .log_in_out, .phone, .tagline .fleft i, .tagline_items {
    display: inline-block
}

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

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

.tagline {
    border-bottom: 1px #494c52 solid;
    padding: 8px 0
}

.main_header.type4 .tagline {
    padding: 25px 0
}

.email, .phone {
    margin-right: 25px;
    color: #9aa1ac
}

.email a {
    transition: all .3s;
    -webkit-transition: all .3s;
    color: #9aa1ac
}

.email a:hover {
    color: #fff
}

.tagline .fleft i {
    font-weight: 400;
    margin-right: 3px
}

.tagline_items {
    vertical-align: top
}

.language_select {
    vertical-align: top;
    margin-right: 25px
}

.language_select img {
    vertical-align: top;
    margin: 4px 4px 0 0;
    width: 22px;
    height: 16px
}

.log_in_out {
    margin-right: 25px;
    color: #9aa1ac
}

.log_in_out a {
    transition: all .3s;
    -webkit-transition: all .3s;
    color: #9aa1ac;
    display: block;
    position: relative;
    padding-left: 16px
}

.log_in_out a:hover {
    color: #fff
}

.log_in_out a:before {
    position: absolute;
    width: 12px;
    height: 19px;
    background-position: 0 -34px
}

.log_in_out a:hover:before {
    background-position: 0 -53px
}

.cart_btn {
    display: inline-block;
    color: #9aa1ac;
    position: relative
}

.cart_btn a.view_cart_btn {
    transition: all .3s;
    -webkit-transition: all .3s;
    color: #9aa1ac;
    display: block;
    position: relative;
    padding-left: 25px
}

.cart_btn a.view_cart_btn:hover, .cart_btn:hover a.view_cart_btn {
    color: #fff
}

.cart_btn a.view_cart_btn:before {
    position: absolute;
    width: 20px;
    height: 20px;
    background-position: -22px 0
}

.cart_btn a.view_cart_btn:hover:before, .cart_btn:hover a.view_cart_btn:before {
    background-position: -22px -20px
}

.cart_btn a.view_cart_btn.has_items:before {
    background-position: -42px 0
}

.cart_btn a.view_cart_btn.has_items:hover:before, .cart_btn:hover a.view_cart_btn.has_items:before {
    background-position: -42px -20px
}

.cart_submenu {
    display: block;
    position: absolute;
    left: auto;
    right: -45px;
    margin: 0;
    top: -9999px!important;
    opacity: 0!important;
    background: #fff;
    z-index: 1000!important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    visibility: hidden;
    padding: 15px 20px 0;
    width: 280px;
    font-size: 14px;
    color: #2d2e2e
}

.main_header.type4 .cart_submenu {
    right: 0
}

.cart_submenu:before {
    content: "";
    display: block;
    height: 9px;
    left: 0;
    position: absolute;
    top: -9px;
    width: 100%
}

.tagline .cart_btn:hover>.cart_submenu {
    top: 32px!important;
    opacity: 1!important;
    visibility: visible!important
}

.cart_submenu .subtotal {
    padding-top: 13px;
    border-top: 1px #ddd solid
}

.cart_wrap {
    position: relative
}

.remove_products {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 14px;
    color: #acacac;
    z-index: 20;
    transition: color .3s;
    -webkit-transition: color .3s
}

.remove_products:hover {
    color: #2d2e2e
}

p.empty {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666
}

.widget_cart p.empty {
    margin-bottom: 27px
}

.top_search {
    display: inline-block;
    position: relative;
    margin-left: 25px;
    height: 24px;
    vertical-align: top
}

.top_search form input[type=text] {
    margin: 0!important;
    padding: 0 17px 0 0!important;
    width: 0;
    border: none!important;
    font-size: 13px!important;
    color: #f6f6f6!important;
    font-weight: 300;
    line-height: 24px!important;
    height: 24px;
    outline: 0;
    background: 0 0
}

.s_submit, .top-icon-search {
    cursor: pointer;
    background-color: transparent!important;
    margin: 0!important;
    padding: 0!important;
    height: 17px!important;
    width: 17px!important;
    border: none!important;
    box-shadow: none!important;
    line-height: 17px!important;
    text-decoration: none;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 10;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -65px 0
}

.s_submit:hover, .top-icon-search:hover {
    background-position: -65px -17px
}

.top-icon-search {
    z-index: 90
}

.top_search.ct-search-open .top-icon-search {
    z-index: 1;
    pointer-events: none
}

.top_search.ct-search-open form input[type=text] {
    width: 280px
}

.top_search form input[type=text]:focus::-webkit-input-placeholder {
    color: #f6f6f6!important
}

.top_search form input[type=text]:focus:-moz-placeholder {
    color: #f6f6f6!important
}

.top_search form input[type=text]:focus::-moz-placeholder {
    color: #f6f6f6!important
}

.top_search form input[type=text]:focus:-ms-input-placeholder {
    color: #f6f6f6!important
}

.main_header.type4 .top_search {
    display: none
}

div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    line-height: 24px;
    min-height: 24px;
    clear: both;
    color: #9aa1ac;
    vertical-align: top;
    margin: 0;
    padding: 0 14px 0 0;
    font-size: 13px;
    transition: color .3s;
    -webkit-transition: color .3s
}

span.selectArrow {
    top: 0;
    right: 0;
    border: 0;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    display: block
}

span.selectArrow:before {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    line-height: 24px;
    font-family: FontAwesome;
    content: "\f107"
}

span.selected {
    position: relative;
    height: 24px;
    z-index: 1;
    border: 0;
    border-radius: 0;
    cursor: pointer
}

div.selectBox.act, div.selectBox:hover {
    color: #fff
}

div.selectOptions {
    position: absolute;
    top: 32px;
    left: 1px;
    border: 0;
    overflow: hidden;
    display: none;
    background: #fff;
    z-index: 777;
    padding-top: 10px;
    width: 200px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)
}

span.selectOption {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0 15px;
    margin-bottom: 10px;
    color: #666;
    transition: color .3s;
    -webkit-transition: color .3s
}

span.selectOption:hover {
    cursor: pointer;
    color: #2d2e2e
}

.modal-backdrop {
    background-color: #0b0b0b
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8
}

.login_popup .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -285px;
    width: 570px;
    margin-top: -160px
}

.login_popup .modal-content {
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    padding: 24px 30px
}

.login_popup h3 {
    margin-bottom: 25px;
    font-weight: 400
}

.login_popup form {
    padding-bottom: 10px
}

.login_popup .forgot_password {
    padding-top: 21px;
    border-top: 1px #ddd solid
}

.login_popup .forgot_password a {
    font-size: 14px;
    color: #666;
    transition: color .3s;
    -webkit-transition: color .3s
}

.login_popup .close_popup {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 12px;
    height: 12px;
    content: '';
    display: block;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -280px -138px;
    text-indent: -9999px;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    opacity: .4;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    outline: 0!important
}

.login_popup .close_popup:hover {
    position: absolute;
    opacity: 1
}

.login_popup input[type=submit] {
    margin-right: 15px
}

.login_popup .remember_me {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding-top: 6px
}

.login_popup .remember_me label {
    font-weight: 300
}

.login_popup input[type=checkbox] {
    margin-right: 10px;
    outline: 0
}

.fleft {
    float: left
}

.dark_header .topbar-cart, .dark_header .topbar-email, .dark_header .topbar-login, .dark_header .topbar-phone {
    border-right: 1px solid rgba(255, 255, 255, .4)!important
}

.dark_header .social-icons span.last a {
    border-right-color: #313131!important
}

.dark_header .social-icons span a {
    border-left-color: 1px solid rgba(255, 255, 255, .15)!important
}

.border-first, .border-last, .social-icons1 span a {
    border-left: 1px solid rgba(255, 255, 255, .4)
}

.dark_header {
    background: #EFEFEF!important
}

#topbar {
    background: #212121
}

.social-icons1 {
    padding: 0;
    display: block;
    overflow: hidden
}

.social-icons1 span a {
    font-size: 14px;
    text-align: center;
    width: 40px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: block;
    float: left
}

.social-icons1 span a i {
    color: #8F8F8F
}

.social-icons1 span a:hover i {
    color: #fff!important
}

.social-icons1 span a:hover {
    background: #45AED6;
    color: #fff!important
}

#topbar .social-icons1 span:hover a {
    color: #fff!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.callus i, .topmenu i {
    color: #45AED6
}

#topbar, #topbar a {
    color: #777
}

#topbar .social-icons span.last a {
    border-right: 1px solid rgba(255, 255, 255, .4)
}

#topbar .topbar-cart, #topbar .topbar-email, #topbar .topbar-login, #topbar .topbar-phone {
    float: left;
    padding: 0 15px;
    line-height: 42px;
    border-right: 1px solid rgba(255, 255, 255, .4)
}

#topbar .topbar-email, #topbar .topbar-login, #topbar .topbar-phone {
    border-right: none
}

#topbar .col-lg-4 {
    padding-left: 0
}

#topbar .col-lg-8 {
    padding-right: 0
}

#topbar .callus, #topbar .topmenu {
    display: block;
    float: right
}

.nesto-rs-small-title {
    line-height: 1;
    font-size: 20px;
    letter-spacing: 2px
}

.nesto-rs-big-title {
    line-height: 1;
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 2px
}

.nesto-rs-content {
    line-height: 1;
    font-size: 16px
}

.nesto-rs-buttons a.btn {
    margin-right: 15px
}

.nesto-rs-buttons a.btn:last-child {
    margin-right: 0
}

#slider-section a.btn {
    padding: 9px 27px
}

.nesto-rs-meduim-title {
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 2px
}

.nesto-rs-dark-label {
    display: inline-block;
    color: #fff!important;
    padding: 16px 20px!important;
    background-color: #282828!important
}

.nesto-rs-white-label {
    display: inline-block;
    color: #282828!important;
    padding: 6px 12px!important;
    background-color: #fff!important
}

.nesto-hero-big-title, .nesto-hero-meduim-title, .nesto-hero-small-title {
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.nesto-hero {
    width: 100%;
    text-align: center;
    padding: 200px 0
}

.nesto-hero-big-title {
    line-height: 1;
    font-size: 45px;
    font-weight: 700
}

.nesto-hero-small-title {
    line-height: 1;
    font-size: 20px
}

.nesto-hero-buttons {
    padding-top: 30px
}

.nesto-hero-buttons a.btn {
    margin-right: 15px
}

.nesto-hero-buttons a.btn:last-child {
    margin-right: 0
}

.nesto-hero-meduim-title {
    font-size: 30px;
    line-height: 1.3
}

#slider-section .owl-slider {
    margin-bottom: 0
}

#slider-section .owl-slider .nesto-hero {
    padding: 175px 0
}

#slider-section .owl-slider li {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsThumbs, .rsUni .rsVideoFrameHolder {
    background: #f5f5f5!important
}

#gallery-2 {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.aboutslider-shadow {
    width: 100%;
    position: relative;
    z-index: 1
}

.aboutslider-shadow .s1 {
    background: url(images/flexslider_shadow.png) center no-repeat;
    height: 29px;
    margin: 0 auto;
    bottom: -28.5px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0
}

.slider-shadow.without {
    margin-top: -20px!important
}

.slider-shadow {
    background: url(images/slider-shadow.png) center center no-repeat;
    width: 100%;
    height: 77px;
    display: block;
    z-index: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

#slider-in-laptop, .imgBg, .laptopBg {
    width: 100%;
    height: auto
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
    display: none
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullscreenbanner-container ul, .fullwidthbanner-container ul {
    display: none
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

#slider-in-laptop {
    padding: 3% 15% 0 16%;
    background: 0 0
}

#slider-in-laptop .rsOverflow, #slider-in-laptop .rsSlide, #slider-in-laptop .rsThumbs, #slider-in-laptop .rsVideoFrameHolder {
    background: #151515
}

.imgBg {
    position: absolute;
    left: 0;
    top: 0
}

.laptopBg {
    position: relative
}

#slider-in-laptop .rsBullets {
    bottom: -50px
}

.shop_title_slider_2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    color: #222
}

.high_title2, .shop_title_slider {
    font-size: 48px;
    text-transform: uppercase
}

.shop_title_slider {
    font-weight: 700;
    color: #fff
}

.high_title2 {
    font-weight: 400!important;
    letter-spacing: 0;
    line-height: 120%!important;
    padding: 0 0 10px;
    position: relative
}

.high_title {
    font-size: 70px;
    font-weight: 100!important;
    letter-spacing: 0;
    line-height: 140%!important;
    padding: 0 0 10px;
    position: relative
}

.big_title, .big_title_slider, .slider_title_a {
    font-weight: 600;
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140%!important
}

.big_title_slider {
    color: #fff;
    font-size: 40px
}

.big_title {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase
}

.slider_title_a {
    color: #222;
    font-size: 36px
}

.upper_title {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700
}

.small_title2 {
    color: #fff!important
}

.mini_title2 {
    font-size: 16px!important;
    font-weight: 400!important;
    color: #222!important
}

.light_title {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140%!important
}

.small_title, .small_title2 {
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight: lighter;
    position: relative;
    line-height: 140%!important
}

.mini_title span {
    font-size: 24px
}

.mini_title {
    color: #fff;
    font-size: 14px;
    font-weight: 700!important;
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140%!important
}

.tp-bullets.simplebullets.navbar {
    height: 35px;
    padding: 0
}

.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative!important;
    background: #efefef!important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px!important;
    height: 6px!important;
    border: 6px solid transparent!important;
    display: inline-block;
    margin-right: 2px!important;
    margin-bottom: 14px!important;
    -webkit-transition: background-color .2s, border-color .2s;
    -moz-transition: background-color .2s, border-color .2s;
    -o-transition: background-color .2s, border-color .2s;
    -ms-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none!important
}

.tp-bullets.simplebullets .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets .bullet.selected, .tp-bullets.simplebullets .bullet:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid #111
}

.tparrows:before {
    font-family: revicons;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    width: 55px;
    font-size: 21px
}

.slides-navigation a, .tp-leftarrow, .tp-rightarrow {
    opacity: .6!important;
    filter: alpha(opacity=60)
}

.slides-navigation a:hover, .tp-leftarrow:hover, .tp-rightarrow:hover {
    filter: alpha(opacity=100);
    opacity: 1!important
}

.tparrows {
    cursor: pointer;
    background: rgba(0, 0, 0, .4)!important;
    width: 60px!important;
    height: 60px!important
}

.tparrows.tp-rightarrow:before {
    margin-left: 1px
}

.tparrows:hover {
    color: #fff;
    background: #45AED6!important;
    border: 1px solid #45AED6
}

.big_title span, .big_title_slider span, .high_title, .high_title2, .mini_title span {
    color: #45AED6
}

.blog-col-3 {
    box-shadow: 0 1px 2px 0 rgba(165, 173, 175, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(165, 173, 175, .15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(165, 173, 175, .15)
}

.blog-col-3 .entry-meta li {
    display: inline;
    margin-right: 7px;
    font-size: 14px;
    color: #bac4c6
}

.blog-col-3 .entry-img {
    position: relative;
    overflow: hidden;
    width: 100%
}

.blog-col-3 .entry-img img {
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

#from-blog-3-col .blog-col-3 .entry-img:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.blog-col-3 .entry-box {
    background: #fff;
    padding: 40px 20px
}

.blog-col-3 .entry-title h3 {
    font-size: 16px;
    line-height: 1.5
}

.blog-col-3 .entry-meta li a {
    color: #bac4c6
}

.blog-col-3 .entry-meta li a:hover {
    color: #1dcfd1
}

.blog-col-3 .entry-meta li:before {
    content: '/';
    margin-right: 7px
}

.blog-col-3 .entry-meta li:first-child:before {
    content: ''
}

.blog-col-3 .entry-content {
    margin-top: 17px
}

.blog-col-3 .entry-content a {
    margin-top: 18px
}

.iconbox_wrapper {
    padding: 0;
    position: relative;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s
}

.iconbox_wrapper .ico {
    display: inline-block;
    text-align: center;
    margin: 0 auto 23px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: none;
    vertical-align: top;
    position: relative
}

.iconbox_wrapper .ico:after, .iconbox_wrapper .ico:before {
    position: absolute;
    content: '';
    transition: opacity .3s
}

a:hover .iconbox_wrapper .ico {
    box-shadow: none
}

.iconbox_wrapper .ico:before {
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s
}

a:hover .iconbox_wrapper .ico:before {
    opacity: 1
}

.iconbox_wrapper .ico:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    z-index: 5
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico:after {
    border-radius: 0;
    -webkit-border-radius: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    opacity: 0
}

.shortcode_iconbox.type4 .iconbox_wrapper .ico:after, .shortcode_iconbox.type5 .iconbox_wrapper .ico:after, .shortcode_iconbox.type6 a:hover .iconbox_wrapper .ico:after, .step_by_step .iconbox_wrapper .ico:after, a:hover .iconbox_wrapper .ico:after {
    opacity: 1
}

.iconbox_wrapper .ico i {
    position: relative;
    z-index: 10;
    max-width: 100%;
    vertical-align: baseline;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #45AED6
}

.shortcode_iconbox.type4 .iconbox_wrapper .ico:after, .shortcode_iconbox.type5 .iconbox_wrapper .ico:after, .step_by_step .iconbox_wrapper .ico:after {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all .3s;
    -webkit-transition: all .3s
}

.shortcode_iconbox.type4 a:hover .iconbox_wrapper .ico:after, .shortcode_iconbox.type5 a:hover .iconbox_wrapper .ico:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico:after, .shortcode_iconbox.type2 .iconbox_wrapper .ico:before, .shortcode_iconbox.type3 .iconbox_wrapper .ico:after, .shortcode_iconbox.type3 .iconbox_wrapper .ico:before, .shortcode_iconbox.type4 .iconbox_wrapper .ico:before, .shortcode_iconbox.type5 .iconbox_wrapper .ico:before {
    display: none!important
}

.iconbox_title {
    font-size: 20px;
    line-height: 25px;
    position: relative;
    font-weight: 400
}

.shortcode_iconbox .iconbox_body, .shortcode_iconbox .iconbox_body p {
    color: #666;
    word-wrap: break-word
}

.shortcode_iconbox .iconbox_body p {
    margin-bottom: 0
}

.module_iconboxes {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    float: none
}

.module_iconboxes.fleft {
    float: left
}

.icon_title_wrap {
    position: relative;
    margin-bottom: 19px
}

.shortcode_iconbox.type2 .iconbox_wrapper {
    text-align: left
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico, .shortcode_iconbox.type3 .iconbox_wrapper .ico {
    display: inline-block;
    text-align: center;
    width: auto;
    height: auto;
    line-height: 25px;
    background: 0 0!important;
    box-shadow: none!important
}

.shortcode_iconbox.type2 .icon_title_wrap {
    margin-bottom: 17px;
    padding-left: 50px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico {
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.shortcode_iconbox.type2 .iconbox_wrapper .ico img {
    max-width: 42px;
    border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: top
}

.shortcode_iconbox.type2 a:hover .icon_title_wrap {
    padding-left: 55px
}

.shortcode_iconbox.type3 a {
    transition: none;
    -webkit-transition: none
}

.shortcode_iconbox.type3 .icon_title_wrap {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 0;
    margin-top: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.shortcode_iconbox.type3 .iconbox_wrapper .ico {
    margin: 0 auto 14px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.shortcode_iconbox.type3 .iconbox_wrapper {
    vertical-align: top
}

.shortcode_iconbox.type3 .iconbox_wrapper .ico i {
    max-width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: top
}

.shortcode_iconbox.type3 a:hover .icon_title_wrap {
    padding-bottom: 17px;
    padding-top: 3px
}

.shortcode_iconbox.type3 a:hover .iconbox_wrapper {
    margin-top: 0;
    padding-top: 0;
    transition: none;
    -webkit-transition: none
}

.coming_soon_right .shortcode_iconbox.type3 a .icon_title_wrap {
    transition: none;
    -webkit-transition: none
}

.shortcode_iconbox.type4 .iconbox_wrapper {
    text-align: left
}

.shortcode_iconbox.type4 .icon_title_wrap {
    margin-bottom: 9px;
    padding-left: 80px
}

.shortcode_iconbox.type4 .iconbox_wrapper .ico {
    margin: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border: none!important;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none!important
}

.shortcode_iconbox.type4 .iconbox_body {
    padding-left: 80px;
    padding-bottom: 7px
}

.iconbox_mb .shortcode_iconbox.type4 .iconbox_body {
    margin-bottom: 65px
}

.right_align .shortcode_iconbox.type4 .iconbox_wrapper {
    text-align: right
}

.right_align .shortcode_iconbox.type4 .icon_title_wrap, .right_align .shortcode_iconbox.type4 .iconbox_body {
    padding-left: 0;
    padding-right: 80px
}

.right_align .shortcode_iconbox.type4 .iconbox_wrapper .ico {
    left: auto;
    right: 0
}

.light .iconbox_title, .light .shortcode_iconbox .iconbox_body, .light .shortcode_iconbox .iconbox_body p {
    color: #f6f6f6
}

.shortcode_iconbox.type5 .iconbox_wrapper {
    text-align: left
}

.shortcode_iconbox.type5 .icon_title_wrap {
    margin-bottom: 9px;
    padding-left: 100px
}

.shortcode_iconbox.type5 .iconbox_wrapper .ico {
    margin: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    position: absolute;
    left: 0;
    top: 6px;
    box-shadow: none!important;
    border: 1px solid #45AED6!important;
    font-size: 36px
}

.shortcode_iconbox.type5 .iconbox_body {
    padding-left: 100px;
    padding-bottom: 7px;
    margin-bottom: 32px
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico {
    margin: 0 auto 16px;
    width: 270px;
    height: auto;
    line-height: inherit;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    box-shadow: none!important;
    max-width: 100%
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico:before {
    display: none
}

.shortcode_iconbox.type6 .iconbox_wrapper .ico i {
    max-width: 100%;
    height: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    vertical-align: top
}

.bg_start .shortcode_iconbox.type6 .iconbox_body, .bg_start .shortcode_iconbox.type6 .iconbox_body p {
    color: #fff
}

.bg_start.grey_bg .shortcode_iconbox.type6 .iconbox_body, .bg_start.grey_bg .shortcode_iconbox.type6 .iconbox_body p {
    color: #2d2e2e
}

.shortcode_iconbox.type6 .icon_title_wrap {
    margin-bottom: 8px
}

.contact_details_row {
    margin-bottom: 40px;
    min-height: 75px;
    position: relative
}

.contact_details_row:last-child {
    margin-bottom: 0
}

.contact_details_row .icon {
    top: 5px;
    display: block;
    font-size: 24px;
    height: 70px;
    position: absolute;
    width: 70px;
    background: #576162;
    text-align: center;
    line-height: 70px;
    border-radius: 500px
}

.hm_contact_form, .testimonials-slider .owl-pagination {
    position: relative
}

.contact_details_row .icon i {
    color: #fff
}

.contact_details_row .c_con {
    position: relative;
    padding-left: 90px
}

.c_con .c_title {
    display: block;
    font-size: 16px;
    color: #45AED6;
    margin-bottom: 8px;
    text-transform: uppercase
}

.c_detail .c_name {
    display: inline-block;
    color: #324545;
    margin-right: 10px;
    text-transform: capitalize
}

.c_detail.inline_block {
    display: inline-block;
    margin-right: 30px
}

.c_detail {
    line-height: 28px;
    display: block
}

.c_detail .c_desc {
    color: #9ea3a3
}

.label_space {
    display: block;
    margin-bottom: 10px
}

.form_row label:not(.orderby_label) {
    float: left;
    display: block;
    width: 20%;
    color: #999;
    line-height: 39px
}

.form_row .orderby_label {
    float: left;
    width: 80%
}

.form_row>span {
    display: inline-block
}

.form_row input[type=checkbox]:first-of-type, .form_row input[type=radio]:first-of-type {
    margin-left: 0
}

.form_row input[type=checkbox], .form_row input[type=radio] {
    display: inline-block;
    margin: 3px 5px 4px 15px
}

.full_contact_form .form_row label {
    float: none;
    width: 100%
}

.bg_gray .form_row label {
    color: #888
}

.form_row input[type=file], .full_contact_form .form_row .hm_input_text, .full_contact_form .form_row .hm_textarea, .full_contact_form .form_row select {
    width: 100%
}

.full_contact_form .form_row button, .full_contact_form .form_row input[type=submit] {
    margin-left: 0;
    max-width: 100%
}

.hm_requires_star {
    color: #e84c3d
}

.form_row label.error {
    color: #e84c3d;
    margin-bottom: 0;
    width: 80%;
    float: right;
    font-size: 13px
}

.full_contact_form label.error, .my_col_half label.error {
    float: none
}

.form_row .hm_input_text {
    color: #324545;
    width: 80%;
    font-weight: 600
}

.form_row .hm_textarea {
    color: #324545;
    width: 80%;
    min-height: 200px
}

.form_row {
    margin-top: 27px
}

.form_row:first-child {
    margin-top: 0
}

#form-messages.send_success {
    color: #555;
    padding: 14px 20px 15px
}

.form_row #form-messages {
    margin-left: 20%
}

.full_contact_form #form-messages {
    margin-left: 0
}

.form_row button, .form_row input[type=submit] {
    max-width: 80%;
    margin-left: 20%
}

.full_button {
    width: 100%
}

.testimonials-slider {
    background-image: url(../upload/testimonials_bg.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

#owl-testimonials {
    margin-top: 50px
}

#owl-related-works .owl-item .item, #owl-testimonials .owl-item .item {
    margin: auto 15px
}

.testimonials-box {
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 40px 40px!important;
    margin-top: 20px!important
}

.testimonials-img {
    display: block;
    float: none;
    margin: 0 auto -55px;
    border-radius: 50%
}

.testimonials-box span {
    color: #98a2a4;
    font-size: 13px
}

.testimonials-box p {
    margin-top: 7px
}

.testimonial-name {
    margin-bottom: 6px
}

@media screen and (max-width: 768px){
    body{
        overflow-x:hidden !important;
    }
    html{
        overflow-x:hidden !important;

    }
}