/*
  Theme Name: Avilon
  Theme URL: https://bootstrapmade.com/avilon-bootstrap-landing-page-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    background: #fff;
    color: #666666;
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
}

a {
    color: #1dc8cd;
    transition: 0.5s;
}

    a:hover, a:active, a:focus {
        color: #1dc9ce;
        outline: none;
        text-decoration: none;
    }

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

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
}

input {
    font-size: 1.5rem !important;
}

select {
    font-size: 1.5rem !important;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    display: none;
    background: linear-gradient(45deg, #f68920, #f48218);
    color: #fff;
    padding: 2px 20px 8px 20px;
    font-size: 16px;
    border-radius: 4px 4px 0 0;
    right: 15px;
    bottom: 0;
    transition: none;
}

    .back-to-top:focus {
        background: linear-gradient(45deg, #f68920, #f48218);
        color: #fff;
        outline: none;
    }

    .back-to-top:hover {
        background: #f68920;
        color: #fff;
    }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    padding: 30px 0;
    height: 92px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}

    #header #logo {
        float: left;
    }

        #header #logo h1 {
            font-size: 36px;
            margin: -4px 0 0 0;
            padding: 0;
            line-height: 1;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

            #header #logo h1 a, #header #logo h1 a:hover {
                color: #fff;
            }

        #header #logo img {
            padding: 0;
            margin: 0;
        }

@media (max-width: 768px) {
    #header #logo h1 {
        font-size: 28px;
        margin-top: 0;
    }

    #header #logo img {
        max-height: 40px;
    }
}

#header.header-fixed {
    background: linear-gradient(45deg, #1de099, #1dc8cd);
    padding: 20px 0;
    height: 72px;
    transition: all 0.5s;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {
    width: 100%;
    height: 100vh;
    background: linear-gradient(45deg, rgba(29, 224, 153, 0.8), rgba(29, 200, 205, 0.8)), url("../img/intro-bg.jpg") center top no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 1024px) {
    #intro {
        background-attachment: fixed;
    }

    #logo-jr-mobile {
        display: none !important;
    }
}

#intro .intro-text {
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    height: calc(50% - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

#intro h2 {
    margin: 30px 0 10px 0;
    padding: 0 15px;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    color: #fff;
}

@media (max-width: 768px) {
    #intro h2 {
        font-size: 28px;
        line-height: 36px;
    }

    #logo-jr-desktop {
        display: none !important;
    }

    div.animated.fadeIn.mega-menu.shadow.menuMobile {
        width: 100% !important;
    }
}

#intro p {
    color: #fff;
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 24px;
}

@media (max-width: 768px) {
    #intro p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

#intro .btn-get-started {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

    #intro .btn-get-started:hover {
        color: #1dc8cd;
        background: #fff;
    }

#intro .product-screens {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 50%;
}

    #intro .product-screens img {
        box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
    }

    #intro .product-screens .product-screen-1 {
        position: absolute;
        z-index: 30;
        left: calc(50% + 54px);
        bottom: 0;
        top: 30px;
    }

    #intro .product-screens .product-screen-2 {
        position: absolute;
        z-index: 20;
        left: calc(50% - 154px);
        bottom: 0;
        top: 90px;
    }

    #intro .product-screens .product-screen-3 {
        position: absolute;
        z-index: 10;
        left: calc(50% - 374px);
        bottom: 0;
        top: 150px;
    }

@media (max-width: 767px) {
    #intro .product-screens .product-screen-1 {
        position: static;
        padding-top: 30px;
    }

    #intro .product-screens .product-screen-2, #intro .product-screens .product-screen-3 {
        display: none;
    }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

    .nav-menu li {
        position: relative;
        white-space: nowrap;
    }

    .nav-menu > li {
        float: left;
    }

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

    .nav-menu ul ul {
        top: 0;
        left: 100%;
    }

    .nav-menu ul li {
        min-width: 180px;
    }

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

    .sf-arrows .sf-with-ul:after {
        content: "\f107";
        position: absolute;
        right: 15px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
    }

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
    float: right;
    margin: 0;
}

@media (max-width: 768px) {
    #nav-menu-container {
        display: none;
    }
}

/* Nav Meu Styling */
.nav-menu a {
    padding: 0 8px 10px 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    outline: none;
}

.nav-menu > li {
    margin-left: 10px;
}

.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
}

    .nav-menu ul li {
        transition: 0.3s;
    }

        .nav-menu ul li a {
            padding: 10px;
            color: #333;
            transition: 0.3s;
            display: block;
            font-size: 13px;
            text-transform: none;
        }

        .nav-menu ul li:hover > a {
            color: #1dc8cd;
        }

    .nav-menu ul ul {
        margin: 0;
    }

/* Mobile Nav Toggle */
#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 20px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

    #mobile-nav-toggle i {
        color: #fff;
    }

@media (max-width: 768px) {
    #mobile-nav-toggle {
        display: inline;
    }
}

/* Mobile Nav Styling */
#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(52, 59, 64, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

    #mobile-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #mobile-nav ul li {
            position: relative;
        }

            #mobile-nav ul li a {
                color: #fff;
                font-size: 16px;
                overflow: hidden;
                padding: 10px 22px 10px 15px;
                position: relative;
                text-decoration: none;
                width: 100%;
                display: block;
                outline: none;
            }

                #mobile-nav ul li a:hover {
                    color: #fff;
                }

            #mobile-nav ul li li {
                padding-left: 30px;
            }

        #mobile-nav ul .menu-has-children i {
            position: absolute;
            right: 0;
            z-index: 99;
            padding: 15px;
            cursor: pointer;
            color: #fff;
        }

            #mobile-nav ul .menu-has-children i.fa-chevron-up {
                color: #1dc8cd;
            }

        #mobile-nav ul .menu-item-active {
            color: #1dc8cd;
        }

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, 0.9);
    display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
    overflow: hidden;
}

    body.mobile-nav-active #mobile-nav {
        left: 0;
    }

    body.mobile-nav-active #mobile-nav-toggle {
        color: #fff;
    }

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.section-header .section-title {
    font-size: 32px;
    color: #111;
    text-align: center;
    font-weight: 400;
}

.section-header .section-description {
    text-align: center;
    padding-bottom: 40px;
    color: #777;
    font-style: italic;
}

.section-header .section-divider {
    display: block;
    width: 60px;
    height: 3px;
    background: #1dc8cd;
    background: linear-gradient(0deg, #1dc8cd 0%, #55fabe 100%);
    margin: 0 auto;
    margin-bottom: 20px;
}

/* Section with background
--------------------------------*/
.section-bg {
    background: #eff5f5;
}

/* About Us Section
--------------------------------*/
#about {
    padding: 60px 0;
    overflow: hidden;
}

    #about .about-img {
        height: 510px;
        overflow: hidden;
    }

        #about .about-img img {
            margin-left: -15px;
            max-width: 100%;
        }

@media (max-width: 768px) {
    #about .about-img {
        height: auto;
    }

        #about .about-img img {
            margin-left: 0;
            padding-bottom: 30px;
        }
}

#about .content .h2 {
    color: #333;
    font-weight: 300;
    font-size: 24px;
}

#about .content h3 {
    color: #777;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
}

#about .content p {
    line-height: 26px;
}

    #about .content p:last-child {
        margin-bottom: 0;
    }

#about .content i {
    font-size: 20px;
    padding-right: 4px;
    color: #1dc8cd;
}

#about .content ul {
    list-style: none;
    padding: 0;
}

    #about .content ul li {
        padding-bottom: 10px;
    }

/* Product Featuress Section
--------------------------------*/
#features {
    background: #fff;
    padding: 60px 0 0 0;
    overflow: hidden;
}

    #features .features-img {
        text-align: center;
        padding-top: 20px;
    }

@media (min-width: 769px) {
    #features .features-img {
        padding-top: 120px;
        margin-top: -200px;
    }
}

#features .features-img img {
    max-width: 100%;
}

#features .box {
    margin-bottom: 15px;
    text-align: center;
}

#features .icon {
    margin-bottom: 10px;
}

    #features .icon i {
        color: #666666;
        font-size: 40px;
        transition: 0.5s;
    }

        #features .icon i:before {
            background: #1dc8cd;
            background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

#features .title {
    font-weight: 300;
    margin-bottom: 15px;
    font-size: 22px;
}

    #features .title a {
        color: #111;
    }

#features .description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

#features .section-description {
    padding-bottom: 10px;
}

/* Product Advanced Featuress Section
--------------------------------*/
#advanced-features {
    overflow: hidden;
}

    #advanced-features .features-row {
        padding: 60px 0 30px 0;
    }

    #advanced-features h2 {
        font-size: 26px;
        font-weight: 700;
        color: #000;
    }

    #advanced-features h3 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-style: italic;
        color: #999;
    }

    #advanced-features p {
        line-height: 24px;
        color: #777;
        margin-bottom: 30px;
    }

    #advanced-features i {
        color: #666666;
        font-size: 64px;
        transition: 0.5s;
        float: left;
        padding: 0 15px 0px 0;
        line-height: 1;
    }

        #advanced-features i:before {
            background: #1dc8cd;
            background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    #advanced-features .advanced-feature-img-right {
        max-width: 100%;
        float: right;
        padding: 0 0 30px 30px;
    }

    #advanced-features .advanced-feature-img-left {
        max-width: 100%;
        float: left;
        padding: 0 30px 30px 0;
    }

@media (max-width: 768px) {
    #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {
        max-width: 100%;
        float: none;
        padding: 0 0 30px 0;
    }
}

/* Call To Action Section
--------------------------------*/
#call-to-action {
    overflow: hidden;
    background: linear-gradient(rgba(29, 200, 205, 0.65), rgba(29, 205, 89, 0.2)), url(../img/call-to-action-bg.jpg) fixed center center;
    background-size: cover;
    padding: 80px 0;
}

    #call-to-action .cta-title {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
    }

    #call-to-action .cta-text {
        color: #fff;
    }

@media (min-width: 769px) {
    #call-to-action .cta-btn-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

#call-to-action .cta-btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 25px;
    transition: background 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

    #call-to-action .cta-btn:hover {
        background: #1dc8cd;
        border: 2px solid #1dc8cd;
    }

/* More Features Section
--------------------------------*/
#more-features {
    padding: 60px 0 60px 0;
    overflow: hidden;
}

    #more-features .box {
        padding: 40px;
        margin-bottom: 30px;
        box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
        background: #fff;
        transition: 0.4s;
    }

    #more-features .icon {
        float: left;
    }

        #more-features .icon i {
            color: #666666;
            font-size: 80px;
            transition: 0.5s;
            line-height: 0;
        }

            #more-features .icon i:before {
                background: #1dc8cd;
                background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
                background-clip: border-box;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

    #more-features h4 {
        margin-left: 100px;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 18px;
    }

        #more-features h4 a {
            color: #111;
        }

    #more-features p {
        font-size: 14px;
        margin-left: 100px;
        margin-bottom: 0;
        line-height: 24px;
    }

@media (max-width: 767px) {
    #more-features .box {
        margin-bottom: 20px;
    }

    #more-features .icon {
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }

    #more-features h4, #more-features p {
        margin-left: 0;
        text-align: center;
    }
}

/* Clients Section
--------------------------------*/
#clients {
    padding: 30px 0;
    background: #fff;
    overflow: hidden;
}

    #clients img {
        max-width: 100%;
        opacity: 0.5;
        transition: 0.3s;
        padding: 15px 0;
    }

        #clients img:hover {
            opacity: 1;
        }

/* Pricing Section
--------------------------------*/
#pricing {
    padding: 60px 0 60px 0;
    overflow: hidden;
}

    #pricing .box {
        padding: 40px;
        margin-bottom: 30px;
        box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
        background: #fff;
        text-align: center;
    }

    #pricing h3 {
        font-weight: 400;
        margin-bottom: 15px;
        font-size: 28px;
    }

    #pricing h4 {
        font-size: 46px;
        color: #1dc8cd;
        font-weight: 300;
    }

        #pricing h4 sup {
            font-size: 20px;
            top: -20px;
        }

        #pricing h4 span {
            color: #bababa;
            font-size: 20px;
        }

    #pricing ul {
        padding: 0;
        list-style: none;
        color: #999;
        text-align: left;
        line-height: 20px;
    }

        #pricing ul li {
            padding-bottom: 12px;
        }

        #pricing ul i {
            color: #1dc8cd;
            font-size: 18px;
            padding-right: 4px;
        }

    #pricing .get-started-btn {
        background: #515e61;
        display: inline-block;
        padding: 6px 30px;
        border-radius: 20px;
        color: #fff;
        transition: none;
        font-size: 14px;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;
    }

    #pricing .featured {
        border: 2px solid #1dc8cd;
    }

        #pricing .featured .get-started-btn {
            background: linear-gradient(45deg, #1de099, #1dc8cd);
        }

/* Frequently Asked Questions Section
--------------------------------*/
#faq {
    padding: 60px 0;
    overflow: hidden;
}

    #faq #faq-list {
        padding: 0;
        list-style: none;
    }

        #faq #faq-list li {
            border-bottom: 1px solid #ddd;
        }

        #faq #faq-list a {
            padding: 18px 0;
            display: block;
            position: relative;
            font-family: "Montserrat", sans-serif;
            font-size: 22px;
            line-height: 1;
            font-weight: 300;
            padding-right: 20px;
        }

        #faq #faq-list i {
            font-size: 24px;
            position: absolute;
            right: 0;
            top: 16px;
        }

        #faq #faq-list p {
            margin-bottom: 20px;
        }

@media (max-width: 768px) {
    #faq #faq-list a {
        font-size: 18px;
    }

    #faq #faq-list i {
        top: 13px;
    }
}

#faq #faq-list a.collapse {
    color: #1dc8cd;
}

#faq #faq-list a.collapsed {
    color: #000;
}

    #faq #faq-list a.collapsed i::before {
        content: "\f2c7" !important;
    }

/* Our Team Section
--------------------------------*/
#team {
    padding: 60px 0;
    overflow: hidden;
}

    #team .member {
        text-align: center;
        margin-bottom: 20px;
    }

        #team .member .pic {
            margin-bottom: 15px;
            overflow: hidden;
            height: 260px;
        }

            #team .member .pic img {
                max-width: 100%;
            }

        #team .member h4 {
            font-weight: 700;
            margin-bottom: 2px;
            font-size: 18px;
        }

        #team .member span {
            font-style: italic;
            display: block;
            font-size: 13px;
        }

        #team .member .social {
            margin-top: 15px;
        }

            #team .member .social a {
                color: #b3b3b3;
            }

                #team .member .social a:hover {
                    color: #1dc8cd;
                }

            #team .member .social i {
                font-size: 18px;
                margin: 0 2px;
            }

/* Gallery Section
--------------------------------*/
#gallery {
    background: #fff;
    padding: 60px 0 0 0;
    overflow: hidden;
}

    #gallery .container-fluid {
        padding: 0px;
    }

    #gallery .gallery-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: all ease-in-out 0.4s;
        transition: all ease-in-out 0.4s;
    }

    #gallery .gallery-item {
        overflow: hidden;
        position: relative;
        padding: 0;
        vertical-align: middle;
        text-align: center;
    }

        #gallery .gallery-item img {
            -webkit-transition: all ease-in-out 0.4s;
            transition: all ease-in-out 0.4s;
            width: 100%;
        }

        #gallery .gallery-item:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        #gallery .gallery-item:hover .gallery-overlay {
            opacity: 1;
            background: rgba(0, 0, 0, 0.7);
        }

/* Contact Section
--------------------------------*/
#contact {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 60px 0;
    overflow: hidden;
}

    #contact .contact-about h3 {
        font-size: 36px;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #1dc8cd;
    }

    #contact .contact-about p {
        font-size: 14px;
        line-height: 24px;
        font-family: "Montserrat", sans-serif;
        color: #888;
    }

    #contact .social-links {
        padding-bottom: 20px;
    }

        #contact .social-links a {
            font-size: 18px;
            display: inline-block;
            background: #fff;
            color: #f89925;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
            border: 1px solid #f89925;
        }

            #contact .social-links a:hover {
                background: #f89925;
                color: #fff;
            }

    #contact .info {
        color: #333333;
    }

        #contact .info i {
            font-size: 32px;
            color: #f89925;
            float: left;
            line-height: 1;
        }

        #contact .info p {
            padding: 0 0 10px 42px;
            line-height: 28px;
            font-size: 14px;
        }

    #contact .form #sendmessage {
        color: #1dc8cd;
        border: 1px solid #1dc8cd;
        display: none;
        text-align: center;
        padding: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    #contact .form #errormessage {
        color: red;
        display: none;
        border: 1px solid red;
        text-align: center;
        padding: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }

        #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
            display: block;
        }

    #contact .form .validation {
        color: red;
        display: none;
        margin: 0 0 20px;
        font-weight: 400;
        font-size: 13px;
    }

    #contact .form input, #contact .form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
    }

    #contact .form button[type="submit"] {
        background: linear-gradient(45deg, #1de099, #1dc8cd);
        border: 0;
        border-radius: 20px;
        padding: 8px 30px;
        color: #fff;
    }

        #contact .form button[type="submit"]:hover {
            cursor: pointer;
        }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    color: #333;
    font-size: 14px;
}

    #footer .credits {
        font-size: 13px;
        color: #888;
    }

    #footer .footer-links a {
        color: #666;
        padding-left: 15px;
    }

        #footer .footer-links a:first-child {
            padding-left: 0;
        }

        #footer .footer-links a:hover {
            color: #1dc8cd;
        }


/*----------------------------------------------------
@File: Default Styles
@Author: Rocky Ahmed
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Express
@Author: Rocky Ahmed
@Developed By: Rocky Ahmed
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ slider
05/ photography
06/ button 
07/ work 
08/ team
09/ contact 
10/ price 
11/ portfolio 
12/ blog 
13/ sidebar  
13/ page-header  
13/ project  
13/ we-dope  
13/ progress
13/ comingsoon
13/ error
13/ footer
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:100i,200,200i,300,300i,400,500,600,700,800,900|Poppins:300,400,500,600,700|Roboto:300,300i,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800,900");

.col-md-offset-right-1 {
    margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

.row.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px;
}

body {
    line-height: 24px;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #6b6d6f;
}

body, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

#success {
    display: none;
}

#error {
    display: none;
}

.display_table {
    display: table;
    width: 100%;
}

.display_table_row {
    display: table-row;
}

.display_table_cell {
    display: table-cell;
    float: none !important;
}

.bg-color {
    background: #f9faff;
}

.p_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

iframe {
    border: none;
}

@-webkit-keyframes round_image {
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes round_image {
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-webkit-keyframes runpulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
    }
}

@keyframes runpulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
    }
}

.gray_bg {
    background: #f9faff;
}

/* Main title css
============================================================================================ */
.main_title {
    text-align: center;
}

    .main_title h2 {
        font-size: 35px;
        color: #424242;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

        .main_title h2:before {
            content: "";
            width: 60px;
            height: 2px;
            background: #424242;
            position: absolute;
            left: 50%;
            bottom: 0px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .main_title h2 span {
            color: #fc5a1a;
        }

    .main_title p {
        max-width: 555px;
        margin: auto;
        font-size: 14px;
        line-height: 26px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
        letter-spacing: .28px;
    }

.main_title2 {
    text-align: center;
    padding-bottom: 55px;
}

    .main_title2 h2 {
        font-size: 30px;
        color: #121921;
        font-family: "Heebo", sans-serif;
        font-weight: 300;
        position: relative;
        padding-bottom: 30px;
        font-weight: 600;
    }

    .main_title2 p {
        max-width: 700px;
        margin: auto;
        font-size: 14px;
        line-height: 26px;
        color: #6b6d6f;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

.gray h2 {
    color: #4f4f4f;
}

.gray p {
    color: #898989;
}

.white h2 {
    color: #fff;
}

.white p {
    color: #fff;
}

/* End Main Title css
============================================================================================ */
/* Left Title css
============================================================================================ */
.left_title h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    color: #424242;
    font-weight: 300;
    margin-bottom: 45px;
    padding-bottom: 7px;
    position: relative;
}

    .left_title h2:before {
        content: "";
        width: 60px;
        height: 2px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background: #424242;
    }

.left_title p {
    font-size: 14px;
    line-height: 26px;
    font-family: "Poppins", sans-serif;
    color: #6b6d6f;
    padding-bottom: 25px;
}

    .left_title p:last-child {
        padding-bottom: 0px;
    }

.single_title {
    font-size: 48px;
    line-height: 62px;
    color: #121921;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
}

.single_title_center {
    font-size: 48px;
    line-height: 62px;
    color: #121921;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    text-align: center;
    padding-bottom: 95px;
}

.exclusive_title {
    padding-bottom: 92px;
}

    .exclusive_title h2 {
        font-size: 48px;
        font-family: "Heebo", sans-serif;
        font-weight: 600;
        color: #121921;
    }

.server_title {
    padding-bottom: 50px;
}

    .server_title h2 {
        font-size: 40px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #26547c;
        letter-spacing: .8px;
        padding-bottom: 35px;
    }

    .server_title p {
        font-size: 14px;
        line-height: 24px;
        color: #6d89a1;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

.great_title {
    text-align: center;
    padding-bottom: 45px;
}

    .great_title h2 {
        font-size: 40px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #26547c;
        padding-bottom: 20px;
    }

    .great_title p {
        font-size: 14px;
        line-height: 24px;
        color: #9baebf;
        letter-spacing: .28px;
    }

.color_white h2 {
    color: #fff;
}

    .color_white h2:before {
        background: #fff;
    }

.color_white p {
    color: #fff;
}

.nine_title {
    padding-bottom: 40px;
}

    .nine_title h2 {
        text-transform: uppercase;
        font-size: 20px;
        color: #272727;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        letter-spacing: 6.2px;
        position: relative;
        display: inline-block;
    }

        .nine_title h2:before {
            content: "";
            width: 365px;
            height: 1px;
            background: #d7d7d7;
            position: absolute;
            right: -400px;
            bottom: 4px;
        }

    .nine_title.center {
        max-width: 710px;
        margin: auto;
    }

.single_title_n {
    text-align: center;
    padding-bottom: 95px;
}

    .single_title_n h2 {
        font-size: 30px;
        text-transform: uppercase;
        color: #272727;
        font-family: "Heebo", sans-serif;
    }

    .single_title_n p {
        font-size: 16px;
        color: #585858;
        font-family: "Heebo", sans-serif;
        letter-spacing: 1.6px;
        padding-top: 10px;
    }

.ten_title {
    text-align: center;
    padding-bottom: 60px;
}

    .ten_title h2 {
        font-size: 40px;
        font-family: "Heebo", sans-serif;
        color: #272727;
        padding-bottom: 10px;
    }

        .ten_title h2 span {
            color: #0083ff;
        }

    .ten_title p {
        font-size: 20px;
        color: #9ea6b2;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
    }

.ten_d_text {
    text-align: center;
    padding-bottom: 60px;
}

    .ten_d_text h2 {
        font-size: 40px;
        font-family: "Heebo", sans-serif;
        color: #000;
        padding-bottom: 10px;
    }

        .ten_d_text h2 span {
            color: #fff;
        }

    .ten_d_text p {
        font-size: 20px;
        color: #d7d7d7;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
    }

.gd_title {
    text-align: center;
    margin-bottom: 80px;
}

    .gd_title h2 {
        display: block;
        font-size: 30px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #272727;
        text-transform: uppercase;
        position: relative;
        padding: 30px 0px;
        z-index: 4;
    }

        .gd_title h2:before {
            content: attr(data-title);
            font-size: 110px;
            color: #f8f8f8;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: -1;
            right: 0px;
            left: 0px;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
        }

    .gd_title.white h2 {
        z-index: 3;
        position: relative;
        color: #fff;
    }

        .gd_title.white h2:before {
            color: #1e1a1a;
            z-index: -1;
        }

/* End Left Title css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Header Area css
============================================================================================ */
.main_header_area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 30;
}

    .main_header_area + section, .main_header_area + div, .main_header_area + row {
        margin-top: 90px;
    }

    .main_header_area.navbar_fixed {
        position: fixed;
        width: 100%;
        top: -70px;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
        transition: background 500ms ease, -webkit-transform 500ms ease;
        -o-transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
        -webkit-transition: transform 500ms ease, background 500ms ease;
    }

.main_menu_area .navbar.navbar-default {
    margin-bottom: 0px;
    border-radius: 0px;
    border: 0px;
    background: transparent;
}

    .main_menu_area .navbar.navbar-default .navbar-header .navbar-brand {
        line-height: 84px;
        padding: 0px;
    }

        .main_menu_area .navbar.navbar-default .navbar-header .navbar-brand img {
            display: inline-block;
            line-height: 40px;
        }

    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li {
        margin-right: 15px;
        line-height: 90px;
    }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
            font-family: "Poppins", sans-serif;
            font-size: 14px;
            line-height: 26px;
            padding: 0px 18px;
            color: #424242;
            text-transform: uppercase;
            display: inline-block;
            letter-spacing: .28px;
            background: transparent;
            position: relative;
            z-index: 3;
        }

            .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a:before {
                content: "";
                background: #d6c3fc;
                background: -moz-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, #d6c3fc), color-stop(68%, #acc4fc), color-stop(100%, #98c5fc));
                background: -webkit-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -o-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -ms-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -webkit-gradient(linear, left top, right top, from(#d6c3fc), color-stop(68%, #acc4fc), to(#98c5fc));
                background: linear-gradient(to right, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c3fc', endColorstr='#98c5fc', GradientType=1 );
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                z-index: -1;
                border-radius: 13px;
                opacity: 0;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a:after {
                content: "";
                position: absolute;
                width: 97%;
                height: 92%;
                background: #fff;
                z-index: -1;
                border-radius: 13px;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
            }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a:before, .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.active a:before {
            opacity: 1;
        }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {
            margin-right: 0px;
        }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu {
            position: relative;
        }

            .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu {
                margin: 0px;
                border: none;
                padding: 0px;
                border-radius: 0px;
            }

@media (min-width: 992px) {
    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -40px;
        min-width: 232px;
        background: #eeeeee;
        text-align: left;
        opacity: 0;
        -webkit-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
        visibility: hidden;
        z-index: 10;
        display: block;
    }
}

.main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li {
    display: block;
    float: none;
    margin-right: 0px;
    border-bottom: 1px solid #cbcbcb;
}

    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li a {
        line-height: 45px;
        color: #494848;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        font-size: 16px;
        padding: 0px 20px;
        text-transform: capitalize;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        display: block;
        background: #fff;
    }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li a:before {
            content: "";
            background-image: -moz-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
            background-image: -webkit-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
            background-image: -ms-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            opacity: 0;
        }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li a:after {
            display: none;
        }

    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li:last-child {
        border-bottom: none;
    }

    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li:hover a {
        background: #424242;
        color: #fff;
    }

        .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu .dropdown-menu li:hover a:before {
            opacity: 1;
        }

@media (min-width: 992px) {
    .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.submenu:hover ul {
        left: 0px;
        visibility: visible;
        opacity: 1;
    }
}

/* End Main Header Area css
============================================================================================ */
/* Dashboard Menu css
============================================================================================ */
.dash_tp_menu_area {
    position: absolute;
    left: 0p;
    top: 0px;
    width: 100%;
    z-index: 22;
    padding: 0px 70px 0px 55px;
}

    .dash_tp_menu_area .navbar.navbar-default {
        border: none;
        border-radius: 0px;
        margin-bottom: 0px;
        background: transparent;
    }

        .dash_tp_menu_area .navbar.navbar-default .navbar-header .navbar-brand {
            height: 82px;
            padding: 0px;
            line-height: 82px;
        }

            .dash_tp_menu_area .navbar.navbar-default .navbar-header .navbar-brand img {
                display: inline-block;
            }

        .dash_tp_menu_area .navbar.navbar-default .navbar-collapse {
            text-align: right;
        }

        .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav {
            float: none;
            display: inline-block;
            text-align: right;
            margin-top: 20px;
        }

            .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li {
                float: none;
                display: inline-block;
                margin-right: 45px;
            }

                .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li a {
                    padding: 0px;
                    font-size: 16px;
                    font-family: "Heebo", sans-serif;
                    font-weight: 500;
                    letter-spacing: .32px;
                    color: #fff;
                    background: transparent;
                    display: block;
                    line-height: 42px;
                }

                .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu {
                    position: relative;
                }

                    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
                        margin: 0px;
                        border: none;
                        padding: 0px;
                        border-radius: 0px;
                    }

@media (min-width: 992px) {
    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -40px;
        min-width: 232px;
        background: #eeeeee;
        text-align: left;
        opacity: 0;
        -webkit-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
        visibility: hidden;
        z-index: 10;
        display: block;
    }
}

.dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li {
    display: block;
    float: none;
    margin-right: 0px;
    border-bottom: 1px solid #cbcbcb;
}

    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a {
        line-height: 45px;
        color: #494848;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        font-size: 16px;
        padding: 0px 20px;
        text-transform: capitalize;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        display: block;
        background: #fff;
        position: relative;
        z-index: 2;
    }

        .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:before {
            content: "";
            background-image: -moz-linear-gradient(0deg, #ff0084 0%, #9b1be5 100%);
            background-image: -webkit-linear-gradient(0deg, #ff0084 0%, #9b1be5 100%);
            background-image: -ms-linear-gradient(0deg, #ff0084 0%, #9b1be5 100%);
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            z-index: -1;
            opacity: 0;
            -webkit-transition: 600ms linear;
            -o-transition: 600ms linear;
            transition: 600ms linear;
        }

        .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:after {
            display: none;
        }

    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child {
        border-bottom: none;
    }

    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:hover a {
        background: #424242;
        color: #fff;
    }

        .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:hover a:before {
            opacity: 1;
        }

@media (min-width: 992px) {
    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {
        left: 0px;
        visibility: visible;
        opacity: 1;
    }
}

.dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li {
    margin-right: 0px;
}

    .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.get_free_btn a {
        background: #121921;
        text-align: center;
        padding: 0px 18px;
        border-radius: 3px;
        color: #ffcd2f;
        font-size: 14px;
    }

.dash_tp_menu_area.tp_menu {
    padding: 0px;
}

    .dash_tp_menu_area.tp_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li.get_free_btn a {
        background: #ffffff;
        text-align: center;
        padding: 0px 18px;
        border-radius: 0px;
        color: #857de8;
        font-size: 14px;
    }

.dash_tp_menu_area.nine_menu .navbar.navbar-default .nav.navbar-nav li a {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Heebo", sans-serif;
    font-weight: 300;
    letter-spacing: .32px;
}

.dash_tp_menu_area.nine_menu .navbar.navbar-default .nav.navbar-nav li:last-child {
    margin-right: 0px;
}

.dash_tp_menu_area.navbar_fixed {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: #000;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
    transition: background 500ms ease, -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease, background 500ms ease;
    transition: transform 500ms ease, background 500ms ease;
    transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
}

/* Dashboard Menu Area css
============================================================================================ */
/* Hosting Menu Area css
============================================================================================ */
.hosting_menu {
    border-top: 2px solid #ff9600;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 30;
    background: #fff;
}

    .hosting_menu + section, .hosting_menu + div, .hosting_menu + .row {
        margin-top: 102px;
    }

    .hosting_menu.navbar_fixed {
        position: fixed;
        width: 100%;
        top: -70px;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
        transition: background 500ms ease, -webkit-transform 500ms ease;
        -o-transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
        -webkit-transition: transform 500ms ease, background 500ms ease;
    }

.hosting_main_menu .navbar.navbar-default {
    border-radius: 0px;
    margin-bottom: 0px;
    background: transparent;
    border: none;
}

    .hosting_main_menu .navbar.navbar-default .navbar-header .navbar-brand {
        padding: 0px;
        height: 100px;
        line-height: 95px;
    }

        .hosting_main_menu .navbar.navbar-default .navbar-header .navbar-brand img {
            max-width: 100%;
            display: inline-block;
            line-height: 60px;
        }

    .hosting_main_menu .navbar.navbar-default .nav.navbar-nav {
        padding-left: 145px;
    }

        .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li {
            margin-right: 26px;
        }

            .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li a {
                padding: 0px;
                background: transparent;
                line-height: 100px;
                font-size: 14px;
                font-family: "Heebo", sans-serif;
                color: #a5acb7;
                letter-spacing: .28px;
                font-weight: 500;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li:last-child {
                margin-right: 0px;
            }

            .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li.active a {
                color: #ff9600;
            }

        .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right {
            padding-left: 0px;
        }

            .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li {
                margin-right: 0px;
            }

                .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
                    font-size: 14px;
                    font-family: "Heebo", sans-serif;
                    font-weight: 500;
                    letter-spacing: .28px;
                    padding: 0px 26px;
                    line-height: 28px;
                    color: #121921;
                    border-bottom-left-radius: 28px;
                    border-bottom-right-radius: 28px;
                    display: inline-block;
                    -webkit-transition: all 400ms linear 0s;
                    -o-transition: all 400ms linear 0s;
                    transition: all 400ms linear 0s;
                }

                .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a {
                    background: #ff9600;
                    color: #fff;
                }

                .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:first-child a {
                    background: #ff9600;
                    color: #fff;
                }

.blue_menu {
    -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.15);
}

    .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        line-height: 26px;
        padding: 0px 18px;
        color: #424242;
        text-transform: uppercase;
        display: inline-block;
        letter-spacing: .28px;
        background: transparent;
        position: relative;
        z-index: 3;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a:before {
            display: none;
        }

        .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a:after {
            content: "";
            position: absolute;
            width: 97%;
            height: 92%;
            background: #fff;
            z-index: -1;
            border-radius: 13px;
            background: #3498db;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            opacity: 0;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

    .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a, .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.active a {
        color: #fff;
    }

        .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a:after, .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.active a:after {
            opacity: 1;
        }

.ak_menu .main_menu_area .navbar.navbar-default .navbar-collapse {
    text-align: right;
}

.ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav {
    float: none;
    display: inline-block;
}

    .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
        margin-right: 35px;
        line-height: 90px;
        float: none;
        display: inline-block;
    }

        .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a {
            font-family: "Poppins", sans-serif;
            font-size: 14px;
            line-height: 26px;
            padding: 0px;
            color: #424242;
            text-transform: uppercase;
            display: inline-block;
            letter-spacing: .28px;
            background: transparent;
            position: relative;
            z-index: 3;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a:before {
                display: none;
            }

            .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a:after {
                display: none;
            }

        .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover a, .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li.active a {
            color: #7db9e8;
        }

        .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:last-child {
            margin-right: 0px;
        }

    .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right {
        margin-left: 40px;
    }

        .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
            color: #7db9e8;
        }

.middle_menu {
    background: #f6f7fa;
}

    .middle_menu .main_menu_area .navbar.navbar-default .navbar-collapse {
        text-align: right;
    }

    .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav {
        float: none;
        display: inline-block;
    }

        .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
            margin-right: 35px;
            line-height: 90px;
            float: none;
            display: inline-block;
            position: relative;
        }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a {
                font-family: "Poppins", sans-serif;
                font-size: 14px;
                line-height: 26px;
                padding: 0px;
                color: #8e8e8e;
                text-transform: uppercase;
                display: inline-block;
                letter-spacing: .28px;
                background: transparent;
                position: relative;
                z-index: 3;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

                .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a:before {
                    display: none;
                }

                .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a:after {
                    display: none;
                }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover a, .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li.active a {
                color: #e9003f;
            }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:hover:before, .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li.active:before {
                opacity: 1;
            }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:last-child {
                margin-right: 0px;
            }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li:before {
                content: "";
                width: 100%;
                background: #e9003f;
                height: 2px;
                position: absolute;
                top: 0px;
                left: 0px;
                opacity: 0;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

        .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right {
            margin-left: 40px;
        }

            .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
                color: #000;
            }

/* End Hosting Menu Area css
============================================================================================ */
/* End Hosting Menu Area css
============================================================================================ */
.mobile_menu_inner {
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 30;
    padding: 0px 100px;
}

    .mobile_menu_inner .pull-left a {
        display: inline-block;
        line-height: 120px;
    }

    .mobile_menu_inner .pull-right .mobile_menu_icon {
        display: inline-block;
    }

        .mobile_menu_inner .pull-right .mobile_menu_icon h4 {
            display: inline-block;
            color: #fff;
            font-size: 18px;
            font-family: "Poppins", sans-serif;
            font-weight: 300;
            letter-spacing: .36px;
        }

        .mobile_menu_inner .pull-right .mobile_menu_icon ul {
            display: inline-block;
        }

            .mobile_menu_inner .pull-right .mobile_menu_icon ul li {
                display: inline-block;
                margin-left: 16px;
            }

                .mobile_menu_inner .pull-right .mobile_menu_icon ul li a {
                    color: #fff;
                    line-height: 120px;
                    font-size: 16px;
                }

    .mobile_menu_inner .pull-right .menu_icon {
        display: inline-block;
        color: #fff;
        font-size: 30px;
        margin-left: 40px;
        position: relative;
        top: 4px;
        cursor: pointer;
    }

    .mobile_menu_inner.navbar_fixed {
        position: fixed;
        width: 100%;
        top: -70px;
        left: 0;
        right: 0;
        background: #fc5a1a;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
        transition: background 500ms ease, -webkit-transform 500ms ease;
        -o-transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease;
        transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
        -webkit-transition: transform 500ms ease, background 500ms ease;
    }

        .mobile_menu_inner.navbar_fixed .pull-left a {
            line-height: 90px;
        }

        .mobile_menu_inner.navbar_fixed .pull-right .mobile_menu_icon ul li a {
            line-height: 90px;
        }

/* End Hosting Menu Area css
============================================================================================ */
.offcanvas_menu {
    position: fixed;
    right: -550px;
    top: 0px;
    z-index: 35;
    background: #f7f7f7;
    max-width: 500px;
    width: 100%;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .offcanvas_menu .offcanvas_text {
        max-height: 100vh;
        overflow-y: scroll;
        min-height: 100vh;
        height: 100vh;
        position: relative;
        padding: 200px 0px 0px 60px;
    }

    .offcanvas_menu .close_icon {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #fff;
        padding: 40px 15px 0px 15px;
        cursor: pointer;
        height: 100%;
        z-index: 35;
        color: #fc5a1a;
        font-size: 30px;
        cursor: pointer;
    }

    .offcanvas_menu .nav.flex-column {
        -webkit-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
        opacity: 0;
        -webkit-transform: translateY(3rem);
        -ms-transform: translateY(3rem);
        transform: translateY(3rem);
        width: 100%;
    }

        .offcanvas_menu .nav.flex-column li {
            margin-bottom: 30px;
        }

            .offcanvas_menu .nav.flex-column li a {
                font-size: 24px;
                color: #424242;
                font-family: "Montserrat", sans-serif;
                font-weight: bold;
                padding: 0px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
                display: block;
                background: transparent;
            }

            .offcanvas_menu .nav.flex-column li:hover a, .offcanvas_menu .nav.flex-column li.active a {
                color: #fc5a1a;
            }

            .offcanvas_menu .nav.flex-column li.submenu ul {
                margin-top: 15px;
                display: none;
            }

                .offcanvas_menu .nav.flex-column li.submenu ul li {
                    margin-bottom: 0px;
                }

                    .offcanvas_menu .nav.flex-column li.submenu ul li a {
                        color: #424242;
                        font-size: 18px;
                        padding-left: 10px;
                        line-height: 40px;
                    }

    .offcanvas_menu .social_link {
        max-width: 212px;
        margin-top: 30px;
        margin-bottom: 100px;
        margin-top: 250px;
    }

        .offcanvas_menu .social_link ul {
            text-align: left;
            margin-right: -104px;
            overflow: hidden;
        }

            .offcanvas_menu .social_link ul li {
                float: left;
                width: calc(100% / 2);
                margin-bottom: 8px;
            }

                .offcanvas_menu .social_link ul li a {
                    font-size: 16px;
                    color: #929292;
                    font-family: "Poppins", sans-serif;
                    text-align: left;
                    -webkit-transition: all 400ms linear 0s;
                    -o-transition: all 400ms linear 0s;
                    transition: all 400ms linear 0s;
                }

                .offcanvas_menu .social_link ul li:last-child {
                    margin-bottom: 0px;
                }

                .offcanvas_menu .social_link ul li:hover a {
                    color: #fc5a1a;
                }

    .offcanvas_menu.open {
        right: 0px;
    }

        .offcanvas_menu.open .nav.flex-column {
            width: 100%;
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            transition: transform 1s .3s ease, opacity 1.2s .3s ease, color 0.8s ease, -webkit-transform 1s .3s ease;
        }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Header Banner css
============================================================================================ */
.header_banner_area {
    background: url(../img/home-3/header-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

    .header_banner_area:before {
        content: "";
        background: rgba(252, 90, 26, 0.91);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

.header_banner_inner {
    text-align: center;
    padding-top: 210px;
}

    .header_banner_inner h3 {
        font-size: 48px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        color: #fff;
        letter-spacing: .96px;
        text-transform: uppercase;
        padding-bottom: 20px;
    }

    .header_banner_inner p {
        font-size: 36px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: .72px;
        padding-bottom: 50px;
    }

    .header_banner_inner .subscrib_inner {
        max-width: 530px;
        margin: 0px auto 75px;
        width: 100%;
        overflow: hidden;
    }

        .header_banner_inner .subscrib_inner .input-group {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .header_banner_inner .subscrib_inner .input-group input {
                height: 68px;
                padding: 0px 172px 0px 35px;
                border-radius: 31px;
                border: 1px solid #e0e0e0;
                border-right: 0px;
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: none;
                background: #fff;
                display: block;
                width: 100%;
                display: block;
            }

                .header_banner_inner .subscrib_inner .input-group input.placeholder {
                    font-family: "Poppins", sans-serif, FontAwesome;
                    font-size: 18px;
                    font-weight: normal;
                    letter-spacing: .36px;
                    color: #6b6d6f;
                }

                .header_banner_inner .subscrib_inner .input-group input:-moz-placeholder {
                    font-family: "Poppins", sans-serif, FontAwesome;
                    font-size: 18px;
                    font-weight: normal;
                    letter-spacing: .36px;
                    color: #6b6d6f;
                }

                .header_banner_inner .subscrib_inner .input-group input::-moz-placeholder {
                    font-family: "Poppins", sans-serif, FontAwesome;
                    font-size: 18px;
                    font-weight: normal;
                    letter-spacing: .36px;
                    color: #6b6d6f;
                }

                .header_banner_inner .subscrib_inner .input-group input::-webkit-input-placeholder {
                    font-family: "Poppins", sans-serif, FontAwesome;
                    font-size: 18px;
                    font-weight: normal;
                    letter-spacing: .36px;
                    color: #6b6d6f;
                }

            .header_banner_inner .subscrib_inner .input-group .input-group-btn {
                display: block;
                white-space: normal;
                position: absolute;
                right: 2px;
                width: 124px;
                border-radius: 31px;
                top: 2.5px;
                -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
                box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
            }

                .header_banner_inner .subscrib_inner .input-group .input-group-btn .btn-default {
                    height: 63px;
                    padding: 0px;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important;
                    outline: none !important;
                    border-radius: 0px;
                    border: none;
                    position: relative;
                    width: 124px;
                    text-align: center;
                    border-radius: 31px;
                    z-index: 3;
                    color: #fff;
                    background: #fc5a1a;
                    font-family: "Poppins", sans-serif;
                    letter-spacing: .48px;
                    font-size: 20px;
                    text-transform: uppercase;
                    font-weight: normal;
                }

/* End Header Banner css
============================================================================================ */
/* End Header Banner css
============================================================================================ */
.server_banner_area {
    background: url(../img/banner/server-banner.jpg) no-repeat fixed center center;
    background-size: cover;
    padding-top: 275px;
    padding-bottom: 190px;
}

.server_b_inner .server_text h4 {
    font-size: 50px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    letter-spacing: 0px;
    text-transform: uppercase;
    position: relative;
}

    .server_b_inner .server_text h4 span {
        position: relative;
    }

        .server_b_inner .server_text h4 span:before {
            content: "Special Offer Now $10 ";
            color: #fff;
            background: #fc6428;
            position: absolute;
            left: -220px;
            top: -125px;
            width: 500px;
            text-align: center;
            font-size: 36px;
            text-transform: capitalize;
            font-size: 36px;
            padding: 20px 0px;
        }

        .server_b_inner .server_text h4 span:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 22px 14px 0 14px;
            border-color: #fc6428 transparent transparent transparent;
            position: absolute;
            left: 30px;
            top: -46px;
        }

.server_b_inner .server_text h5 {
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .72px;
    padding: 25px 0px 25px 0px;
}

.server_b_inner .server_text p {
    font-size: 16px;
    line-height: 28px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    letter-spacing: .32px;
}

.server_b_inner .server_text ul {
    max-width: 490px;
    overflow: hidden;
    margin-top: 25px;
}

    .server_b_inner .server_text ul li {
        width: 50%;
        float: left;
        overflow: hidden;
        margin-top: 15px;
    }

        .server_b_inner .server_text ul li a {
            font-size: 16px;
            line-height: 28px;
            font-family: "Poppins", sans-serif;
            color: #fff;
            letter-spacing: .32px;
        }

            .server_b_inner .server_text ul li a i {
                padding-right: 10px;
            }

.server_b_inner .server_text .purchase-btn {
    border-radius: 0px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin-top: 75px;
}

.server_b_inner .server_shap_img {
    margin-left: -30px;
}

/* End Header Banner css
============================================================================================ */
/* Banner Nine css
============================================================================================ */
.banner_nine_area {
    background: url(../img/banner/banner-n-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-top: 235px;
    padding-bottom: 100px;
}

    .banner_nine_area .b_nine_text {
        padding-top: 130px;
    }

        .banner_nine_area .b_nine_text h3 {
            font-size: 60px;
            color: #fff;
            text-transform: uppercase;
            font-family: "Heebo", sans-serif;
        }

            .banner_nine_area .b_nine_text h3 span {
                color: #000;
            }

        .banner_nine_area .b_nine_text h5 {
            font-family: "Heebo", sans-serif;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            letter-spacing: 10px;
            padding: 45px 0px 80px 0px;
        }

    .banner_nine_area .b_nine_image {
        text-align: center;
    }

        .banner_nine_area .b_nine_image img {
            max-width: 100%;
        }

/* End Banner Nine css
============================================================================================ */
/* Gadget Banner Area css
============================================================================================ */
.gadget_banner_area {
    background: url(../img/banner/gadget-banner-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

.gadget_banner_inner {
    padding: 238px 0px;
}

    .gadget_banner_inner .gadget_text h2 {
        color: #fff;
        font-size: 60px;
        font-family: "Heebo", sans-serif;
        font-weight: 900;
        text-transform: uppercase;
    }

    .gadget_banner_inner .gadget_text h6 {
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #fff;
        padding: 30px 0px;
    }

    .gadget_banner_inner .gadget_text h5 {
        font-size: 28px;
        color: #d30039;
        font-style: italic;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
        padding-bottom: 35px;
    }

/* End Gadget Banner Area css
============================================================================================ */
/* Blog ms Banner Area css
============================================================================================ */
.blog_banner_area {
    background: url(../img/banner/blog-banner.jpg) no-repeat scroll center center;
    background-size: cover;
}

.blog_banner_inner {
    padding-top: 140px;
    padding-bottom: 40px;
}

    .blog_banner_inner h4 {
        font-size: 60px;
        font-family: "Heebo", sans-serif;
        font-weight: 900;
        color: #fff;
        padding-bottom: 50px;
    }

        .blog_banner_inner h4 span {
            font-weight: normal;
        }

    .blog_banner_inner ul {
        background: #e9003f;
        padding: 0px 15px;
        display: inline-block;
    }

        .blog_banner_inner ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .blog_banner_inner ul li a {
                font-size: 14px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: normal;
                position: relative;
                line-height: 30px;
            }

                .blog_banner_inner ul li a:before {
                    content: "/";
                    color: #fff;
                    font-size: 14px;
                    position: absolute;
                    left: -7px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .blog_banner_inner ul li:first-child a:before {
                display: none;
            }

/* End Blog ms Area css
============================================================================================ */
/* Blog ms Area css
============================================================================================ */
.blog_banner_area_two {
    background: url(../img/banner/blog-banner-2.jpg) no-repeat scroll center center;
    background-size: cover;
}

.blog_banner_inner_two {
    padding-top: 140px;
    padding-bottom: 40px;
}

    .blog_banner_inner_two h4 {
        font-size: 60px;
        font-family: "Heebo", sans-serif;
        font-weight: 900;
        color: #fff;
        padding-bottom: 50px;
    }

        .blog_banner_inner_two h4 span {
            font-weight: normal;
        }

    .blog_banner_inner_two ul {
        background: #a5acb7;
        padding: 0px 15px;
        display: inline-block;
    }

        .blog_banner_inner_two ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .blog_banner_inner_two ul li a {
                font-size: 14px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: normal;
                position: relative;
                line-height: 30px;
            }

                .blog_banner_inner_two ul li a:before {
                    content: "/";
                    color: #fff;
                    font-size: 14px;
                    position: absolute;
                    left: -7px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .blog_banner_inner_two ul li:first-child a:before {
                display: none;
            }

/* End Blog ms Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main slider Area css
============================================================================================ */
.main_slider_area #main_slider {
    background: url(../img/home-slider/slider-1.png) no-repeat scroll center center;
    background-size: cover;
}

.main_slider_area #dash_slider {
    background: url(../img/home-slider/slider-bg-1.png) no-repeat scroll center center;
    background-size: cover;
}

.main_slider_area #main_slider_eight {
    background: url(../img/home-slider/slider-8.png) no-repeat scroll center center;
    background-size: cover;
}

    .main_slider_area #main_slider_eight .slider_btn {
        border: 1px solid #fff;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-family: "Poppins", sans-serif;
        padding: 10px 35px;
    }

        .main_slider_area #main_slider_eight .slider_btn i {
            padding-left: 10px;
        }

        .main_slider_area #main_slider_eight .slider_btn:hover {
            color: #fff;
        }

.main_slider_area .rev_slider .tp-revslider-mainul li {
    z-index: 5 !important;
}

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .first_text {
        color: #fff;
        font-weight: 900 !important;
        letter-spacing: 4px;
        font-family: "Montserrat", sans-serif;
    }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .secand_text {
        padding: 10px !important;
    }

        .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .secand_text .slider_btn {
            background: #fff;
            width: 140px;
            text-align: center;
            line-height: 47px;
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
            display: block;
            border-radius: 23.5px;
            -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.09);
            box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.09);
            position: relative;
            z-index: 2;
        }

            .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .secand_text .slider_btn:before {
                content: "";
                background: #d6c3fc;
                background: -moz-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, #d6c3fc), color-stop(68%, #acc4fc), color-stop(100%, #98c5fc));
                background: -webkit-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -o-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -ms-linear-gradient(left, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                background: -webkit-gradient(linear, left top, right top, from(#d6c3fc), color-stop(68%, #acc4fc), to(#98c5fc));
                background: linear-gradient(to right, #d6c3fc 0%, #acc4fc 68%, #98c5fc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c3fc', endColorstr='#98c5fc', GradientType=1 );
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                border-radius: 23.5px;
                z-index: -1;
                opacity: 0;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .secand_text .slider_btn:hover:before {
                opacity: 1;
            }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .ds_first_text {
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: bold !important;
        position: relative;
    }

        .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .ds_first_text:before {
            content: "";
            background: #fff;
            left: 0px;
            bottom: 0px;
            position: absolute;
            width: 64px;
            height: 3px;
        }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .ds_secand_text {
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: normal !important;
        letter-spacing: .32px;
    }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .video_text {
        vertical-align: middle;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: 500 !important;
        letter-spacing: 1.6px;
    }

        .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .video_text img {
            margin-right: -22px;
            position: relative;
            top: 7px;
        }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .e_first_text {
        color: #fff;
    }

    .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .e_pa_text {
        color: #fff;
    }

.main_slider_area .rev_slider .tp-bullets {
    vertical-align: middle;
    text-align: center;
    width: 15px !important;
}

    .main_slider_area .rev_slider .tp-bullets .tp-bullet {
        border: 3px solid #d6eaff;
        height: 12px;
        width: 12px;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        vertical-align: middle;
        text-align: center;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .main_slider_area .rev_slider .tp-bullets .tp-bullet:after {
            display: none;
        }

        .main_slider_area .rev_slider .tp-bullets .tp-bullet.selected {
            -webkit-transform: scale(1.25);
            -ms-transform: scale(1.25);
            transform: scale(1.25);
            border-color: #fff;
            background: #fff;
        }

#main_slider_ten ul li .slider_text_box .first_text {
    color: #fff;
    letter-spacing: 10px !important;
    text-transform: uppercase;
    font-family: "Heebo", sans-serif;
    font-weight: bold !important;
}

#main_slider_ten ul li .slider_text_box .secand_text {
    color: #fff;
    font-family: "Heebo", sans-serif;
    font-weight: bold !important;
}

#main_slider_ten .tp-bullet {
    width: 22px !important;
    height: 22px !important;
    -webkit-box-shadow: inset 0 0 0 2px #898d92;
    box-shadow: inset 0 0 0 2px #898d92;
    position: relative;
}

    #main_slider_ten .tp-bullet:before {
        content: "";
        background: #fff;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    #main_slider_ten .tp-bullet.selected {
        width: 42px !important;
        border-radius: 11px;
        margin-left: -20px;
    }

        #main_slider_ten .tp-bullet.selected:after {
            display: none;
        }

        #main_slider_ten .tp-bullet.selected:before {
            width: 26px;
            background: #0083ff;
            border-radius: 3px;
        }

.slider_two_area #main_slider_two .tp-leftarrow.tparrows {
    background: transparent !important;
    height: auto !important;
    width: auto !important;
}

    .slider_two_area #main_slider_two .tp-leftarrow.tparrows:before {
        content: "\eb8a";
        font-family: "IcoFont" !important;
        font-size: 50px !important;
    }

.slider_two_area #main_slider_two .tp-rightarrow.tparrows {
    background: transparent !important;
    height: auto !important;
    width: auto !important;
}

    .slider_two_area #main_slider_two .tp-rightarrow.tparrows:before {
        content: "\eb8b";
        font-family: "IcoFont" !important;
        font-size: 50px !important;
    }

.slider_two_area #main_slider_ten {
    background: url(../img/home-slider/slider-bg-10.png) no-repeat scroll center center;
    background-size: cover;
}

/* End Main slider Area css
============================================================================================ */
/* User Slider Area css
============================================================================================ */
.user_slider_inner {
    max-width: 750px;
    margin: auto;
    text-align: center;
    padding: 116px 0px 90px 0px;
}

    .user_slider_inner .user_slider .item {
        text-align: center;
    }

        .user_slider_inner .user_slider .item i {
            font-size: 53.79px;
            color: #dde3ff;
        }

        .user_slider_inner .user_slider .item p {
            font-size: 16px;
            line-height: 30px;
            font-family: "Poppins", sans-serif;
            padding: 22px 0px 30px 0px;
        }

        .user_slider_inner .user_slider .item h4 {
            font-size: 24px;
            color: #424242;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            letter-spacing: .48px;
        }

        .user_slider_inner .user_slider .item h5 {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
            padding: 10px 0px 22px 0px;
        }

        .user_slider_inner .user_slider .item img {
            max-width: 100%;
            width: auto;
            display: inline-block;
        }

/* End User Slider Area css
============================================================================================ */
/* App Screenshot Area css
============================================================================================ */
.app_screen_area {
    padding: 100px 0px 240px 0px;
}

    .app_screen_area .main_title {
        padding-bottom: 60px;
    }

.app_screen_inner {
    max-width: 840px;
    margin: auto;
    position: relative;
    margin-top: 70px;
}

    .app_screen_inner:before {
        content: "";
        background: url(../img/screenshot/mobile-mockup2.png) no-repeat scroll center center;
        width: 501px;
        min-height: 611px;
        left: 50.40%;
        top: 51%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        z-index: 10;
    }

    .app_screen_inner .app_screen_slider .owl-dots {
        position: absolute;
        left: 50%;
        bottom: -155px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .app_screen_inner .app_screen_slider .owl-dots .owl-dot {
            height: 15px;
            width: 15px;
            margin-right: 10px;
            border-radius: 50%;
            position: relative;
            display: inline-block;
            background: #e3ccfc;
            background: -moz-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #e3ccfc), color-stop(100%, #8fcdfc));
            background: -webkit-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
            background: -o-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
            background: -ms-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
            background: -webkit-gradient(linear, left top, right top, from(#e3ccfc), to(#8fcdfc));
            background: linear-gradient(to right, #e3ccfc 0%, #8fcdfc 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ccfc', endColorstr='#8fcdfc', GradientType=1 );
        }

            .app_screen_inner .app_screen_slider .owl-dots .owl-dot:before {
                content: "";
                background: #fff;
                position: absolute;
                left: 2px;
                top: 2px;
                height: 11px;
                width: 11px;
                border-radius: 50%;
            }

            .app_screen_inner .app_screen_slider .owl-dots .owl-dot:last-child {
                margin-right: 0px;
            }

            .app_screen_inner .app_screen_slider .owl-dots .owl-dot.active:before {
                opacity: 0;
            }

/* End App Screenshot Area css
============================================================================================ */
/* Team Slider Area css
============================================================================================ */
.team_members_area {
    padding: 100px 0px;
}

    .team_members_area .main_title {
        padding-bottom: 65px;
    }

.team_slider .team_slider_item {
    position: relative;
}

    .team_slider .team_slider_item .team_hover {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        padding: 18px;
        z-index: 3;
        opacity: 0;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .team_slider .team_slider_item .team_hover:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
            width: 100%;
            background: rgba(227, 204, 252, 0.8);
            background: -moz-linear-gradient(left, rgba(227, 204, 252, 0.8) 0%, rgba(143, 205, 252, 0.8) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227, 204, 252, 0.8)), color-stop(100%, rgba(143, 205, 252, 0.8)));
            background: -webkit-linear-gradient(left, rgba(227, 204, 252, 0.8) 0%, rgba(143, 205, 252, 0.8) 100%);
            background: -o-linear-gradient(left, rgba(227, 204, 252, 0.8) 0%, rgba(143, 205, 252, 0.8) 100%);
            background: -ms-linear-gradient(left, rgba(227, 204, 252, 0.8) 0%, rgba(143, 205, 252, 0.8) 100%);
            background: -webkit-gradient(linear, left top, right top, from(rgba(227, 204, 252, 0.8)), to(rgba(143, 205, 252, 0.8)));
            background: linear-gradient(to right, rgba(227, 204, 252, 0.8) 0%, rgba(143, 205, 252, 0.8) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ccfc', endColorstr='#8fcdfc', GradientType=1 );
            z-index: -1;
        }

        .team_slider .team_slider_item .team_hover .team_hover_inner {
            border: 1px solid #fff;
            height: 100%;
            text-align: center;
        }

            .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text {
                position: absolute;
                left: 0px;
                top: 50%;
                width: 100%;
                text-align: center;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text h4 {
                    font-size: 16px;
                    color: #fff;
                    font-family: "Montserrat", sans-serif;
                    font-weight: 300;
                    text-transform: uppercase;
                    letter-spacing: .32px;
                }

                .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text h5 {
                    font-size: 15px;
                    color: #fff;
                    font-family: "Poppins", sans-serif;
                    font-weight: 300;
                    letter-spacing: .30px;
                    padding: 8px 0px 15px 0px;
                }

                .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul {
                    -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
                    -moz-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
                    box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
                    display: inline-block;
                    opacity: 0;
                    -webkit-transform: translateY(3rem);
                    -ms-transform: translateY(3rem);
                    transform: translateY(3rem);
                    -webkit-transition: all 600ms ease;
                    -o-transition: all 600ms ease;
                    transition: all 600ms ease;
                }

                    .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul li {
                        display: inline-block;
                        margin-right: -4px;
                    }

                        .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul li a {
                            background: rgba(255, 255, 255, 0.94);
                            font-size: 16px;
                            line-height: 30px;
                            padding: 0px 13px;
                            display: inline-block;
                            text-align: center;
                            position: relative;
                        }

                            .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul li a i {
                                background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
                                background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
                                background: -o-linear-gradient(left, #dbcafc, #9eccfc);
                                background: linear-gradient(left, #dbcafc, #9eccfc);
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: transparent;
                            }

                            .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul li a:before {
                                content: "";
                                height: 100%;
                                width: 1px;
                                background: #f3f3f5;
                                position: absolute;
                                left: 0px;
                                top: 0px;
                            }

                        .team_slider .team_slider_item .team_hover .team_hover_inner .team_inner_text ul li:first-child a:before {
                            display: none;
                        }

    .team_slider .team_slider_item:hover .team_hover {
        opacity: 1;
    }

        .team_slider .team_slider_item:hover .team_hover .team_hover_inner .team_inner_text ul {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

/* End Team Slider Area css
============================================================================================ */
/* Dashboard Screenshot Area css
============================================================================================ */
.dash_screen_area {
    padding-bottom: 100px;
}

    .dash_screen_area .single_title {
        padding-bottom: 85px;
    }

    .dash_screen_area .dash_screen_slider .dash_screen_slider {
        text-align: center;
        margin-top: 45px;
    }

        .dash_screen_area .dash_screen_slider .dash_screen_slider .owl-prev, .dash_screen_area .dash_screen_slider .dash_screen_slider .owl-next {
            display: inline-block;
            height: 42px;
            width: 42px;
            background: #e6e6e6;
            color: #8e8e8e;
            border-radius: 50%;
            line-height: 41px;
            text-align: center;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
            cursor: pointer;
        }

            .dash_screen_area .dash_screen_slider .dash_screen_slider .owl-prev:hover, .dash_screen_area .dash_screen_slider .dash_screen_slider .owl-next:hover {
                background: #ffcd00;
                color: #fff;
                -webkit-box-shadow: 0px 8px 46px 0px rgba(255, 205, 47, 0.4);
                box-shadow: 0px 8px 46px 0px rgba(255, 205, 47, 0.4);
            }

        .dash_screen_area .dash_screen_slider .dash_screen_slider .owl-prev {
            margin-right: 30px;
        }

/* End Dashboard Screenshot Area css
============================================================================================ */
/* End Dashboard Screenshot Area css
============================================================================================ */
.hostinge_slider_area {
    position: relative;
}

.hosting_search_area {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    text-align: center;
}

    .hosting_search_area .hostinge_s_inner h3 {
        font-size: 48px;
        color: #2fd2f0;
        font-family: "Heebo", sans-serif;
        font-weight: 900;
        letter-spacing: .96px;
    }

    .hosting_search_area .hostinge_s_inner h4 {
        font-size: 28px;
        color: #f6f7fa;
        font-family: "Heebo", sans-serif;
        letter-spacing: .56px;
        font-weight: 500;
        padding: 20px 0px 15px 0px;
    }

    .hosting_search_area .hostinge_s_inner p {
        font-size: 16px;
        line-height: 24px;
        color: #6d89a1;
        font-family: "Heebo", sans-serif;
        letter-spacing: .32px;
        padding-bottom: 50px;
    }

    .hosting_search_area .hostinge_s_inner .input-group {
        max-width: 750px;
        margin: auto;
    }

        .hosting_search_area .hostinge_s_inner .input-group input {
            height: 58px;
            border-radius: 0px;
            background: #fff;
            padding: 0px 30px;
            border: none;
            font-size: 18px;
            color: #424242;
            font-family: "Heebo", sans-serif;
            font-weight: 500;
            letter-spacing: .36px;
        }

            .hosting_search_area .hostinge_s_inner .input-group input.placeholder {
                font-size: 18px;
                color: #d7d7d7;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                letter-spacing: .36px;
            }

            .hosting_search_area .hostinge_s_inner .input-group input:-moz-placeholder {
                font-size: 18px;
                color: #d7d7d7;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                letter-spacing: .36px;
            }

            .hosting_search_area .hostinge_s_inner .input-group input::-moz-placeholder {
                font-size: 18px;
                color: #d7d7d7;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                letter-spacing: .36px;
            }

            .hosting_search_area .hostinge_s_inner .input-group input::-webkit-input-placeholder {
                font-size: 18px;
                color: #d7d7d7;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                letter-spacing: .36px;
            }

        .hosting_search_area .hostinge_s_inner .input-group .input-group-btn .btn-default {
            background: #ff9600;
            height: 58px;
            border: 0px;
            padding: 0px;
            width: 180px;
            outline: none;
            border-top-left-radius: 29px;
            border-bottom-left-radius: 29px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
            margin-left: -26px;
            -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 1, 0.23);
            box-shadow: 0px 0px 35px 0px rgba(0, 0, 1, 0.23);
            z-index: 5;
        }

/* End Dashboard Screenshot Area css
============================================================================================ */
/* start slider_two css
==============================================================================================*/
.slider_two_area #main_slider_two {
    background: url("../img/home-slider/home-two-bg.jpg") no-repeat scroll center 0;
    background-size: cover;
}

    .slider_two_area #main_slider_two:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #3498db;
        opacity: 0.95;
    }

/* End slider_two css
==============================================================================================*/
/* Interface Area css
==============================================================================================*/
.interface_area {
    background: #eb484d;
}

    .interface_area .interface_slider h3 {
        font-size: 46px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        line-height: 60px;
    }

        .interface_area .interface_slider h3 span {
            font-weight: normal;
        }

    .interface_area .interface_slider p {
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
        padding-top: 55px;
    }

    .interface_area .interface_slider ul {
        padding-left: 70px;
        position: relative;
        margin-top: 60px;
    }

        .interface_area .interface_slider ul:before {
            content: "";
            background: url(../img/icon/dotted.png) no-repeat scroll center center;
            width: 54px;
            height: 167px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .interface_area .interface_slider ul li {
            margin-bottom: 20px;
        }

            .interface_area .interface_slider ul li a {
                font-size: 25px;
                line-height: 28px;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                color: #fff;
            }

            .interface_area .interface_slider ul li:last-child {
                margin-bottom: 0px;
            }

            .interface_area .interface_slider ul li:nth-child(even) a {
                padding-left: 20px;
            }

.press_slider {
    position: relative;
}

    .press_slider .swiper-pagination {
        bottom: -50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .press_slider .swiper-pagination .swiper-pagination-bullet {
            width: 25px;
            height: 6px;
            background: #000;
            border-radius: 3px;
            margin-right: 10px;
            opacity: .45;
        }

            .press_slider .swiper-pagination .swiper-pagination-bullet:last-child {
                margin-right: 0px;
            }

            .press_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #fff;
                opacity: 1;
            }

/* End Interface Area css
==============================================================================================*/
/* Screenshot Nine Area css
==============================================================================================*/
.screen_nine_area {
    background: #fff;
    overflow: hidden;
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}

    .screen_nine_area:before {
        content: "";
        width: 21.5%;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 2;
    }

    .screen_nine_area .nine_title {
        padding-bottom: 100px;
    }

    .screen_nine_area .screen_left {
        width: calc(50% - 570px);
        float: left;
    }

    .screen_nine_area .screen_right {
        width: calc(50% + 570px);
        float: right;
    }

        .screen_nine_area .screen_right .portfolio_filter {
            text-align: center;
            padding-bottom: 30px;
        }

            .screen_nine_area .screen_right .portfolio_filter li {
                display: inline-block;
                margin-right: 45px;
            }

                .screen_nine_area .screen_right .portfolio_filter li a {
                    color: #585858;
                    font-size: 15px;
                    font-family: "Heebo", sans-serif;
                    font-weight: bold;
                    text-transform: uppercase;
                    letter-spacing: 3px;
                }

                .screen_nine_area .screen_right .portfolio_filter li:last-child {
                    margin-right: 0px;
                }

                .screen_nine_area .screen_right .portfolio_filter li.active a {
                    color: #eb484d;
                }

    .screen_nine_area .owl-prev, .screen_nine_area .owl-next {
        position: absolute;
        top: 55%;
        z-index: 7;
        cursor: pointer;
    }

        .screen_nine_area .owl-prev i, .screen_nine_area .owl-next i {
            font-size: 45px;
            color: #d7d7d7;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .screen_nine_area .owl-prev i span, .screen_nine_area .owl-next i span {
                font-size: 15px;
                color: #8e8e8e;
                vertical-align: middle;
                position: relative;
                top: -4px;
                text-transform: uppercase;
                font-family: "Heebo", sans-serif;
                font-weight: bold;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

        .screen_nine_area .owl-prev:hover i, .screen_nine_area .owl-next:hover i {
            color: #272727;
        }

            .screen_nine_area .owl-prev:hover i span, .screen_nine_area .owl-next:hover i span {
                color: #eb484d;
            }

    .screen_nine_area .owl-prev {
        left: 90px;
    }

        .screen_nine_area .owl-prev i span {
            left: -8px;
        }

    .screen_nine_area .owl-next {
        right: 90px;
    }

        .screen_nine_area .owl-next i span {
            position: absolute;
            left: -20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.screen_nine_slider .owl-stage-outer .owl-stage {
    padding-left: 0px !important;
}

.screen_nine_slider .owl-dots {
    margin-top: 25px;
}

    .screen_nine_slider .owl-dots .owl-dot, .screen_nine_slider .owl-dots .owl-dot.active {
        width: 12px;
        height: 6px;
        border-radius: 3px;
        background: #d7d7d7;
    }

        .screen_nine_slider .owl-dots .owl-dot.active {
            background: #eb484d;
        }

/* End Screenshot Nine Area css
==============================================================================================*/
/* Gadget Popular Product Area css
==============================================================================================*/
.g_popular_product {
    background: #f4f5f8;
    padding: 120px 0px;
}

.g_p_p_slider {
    position: relative;
}

    .g_p_p_slider .item {
        text-align: center;
    }

        .g_p_p_slider .item img {
            width: auto;
            margin: auto;
        }

        .g_p_p_slider .item h5 {
            font-size: 16px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            padding-top: 35px;
        }

        .g_p_p_slider .item h4 {
            font-size: 23px;
            color: #272727;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            padding-top: 12px;
            padding-bottom: 15px;
        }

    .g_p_p_slider .owl-nav .owl-prev, .g_p_p_slider .owl-nav .owl-next {
        position: absolute;
        top: 38%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3;
        height: 52px;
        width: 52px;
        border: 2px solid #d7d7d7;
        text-align: center;
        line-height: 48px;
        font-size: 35px;
        color: #d7d7d7;
    }

    .g_p_p_slider .owl-nav .owl-prev {
        left: -25px;
    }

    .g_p_p_slider .owl-nav .owl-next {
        right: -25px;
    }

.gd_popular_inner {
    background: #fff;
}

    .gd_popular_inner .gd_single {
        font-size: 30px;
        color: #272727;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        padding-left: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

.sec-screenshots {
    overflow: hidden;
}

.flex-direction-nav a::before {
    line-height: 40px;
}

.gallery_item {
    margin-bottom: 0px;
}

/* End Gadget Popular Product Area css
==============================================================================================*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Feature Area css
============================================================================================ */
.app_feature_area {
    padding: 100px 0px;
}

    .app_feature_area .main_title {
        padding-bottom: 55px;
    }

.app_round_image {
    position: relative;
    padding-top: 80px;
    text-align: center;
}

    .app_round_image .round_c {
        -webkit-animation: 10s round_image infinite linear;
        animation: 10s round_image infinite linear;
    }

    .app_round_image .app_mobile {
        position: absolute;
        top: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.app_feature_item_inner {
    text-align: right;
    padding-top: 245px;
}

    .app_feature_item_inner.left_feature {
        text-align: left;
    }

        .app_feature_item_inner.left_feature .app_feature_item .round_icon {
            left: -94px;
        }

.app_feature_item {
    margin-bottom: 70px;
    position: relative;
}

    .app_feature_item h4 {
        font-size: 18px;
        color: #424242;
        font-family: "Montserrat", sans-serif;
        letter-spacing: .36px;
        padding-bottom: 17px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .app_feature_item p {
        font-size: 14px;
        line-height: 27px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
    }

    .app_feature_item:last-child {
        margin-bottom: 0px;
    }

    .app_feature_item .round_icon {
        height: 58px;
        width: 58px;
        text-align: center;
        line-height: 57px;
        border-radius: 50%;
        font-size: 24px;
        position: absolute;
        right: -94px;
        background: #dacafc;
        background: -moz-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, #dacafc), color-stop(100%, #9ecbfc));
        background: -webkit-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -o-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -ms-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9ecbfc', GradientType=1 );
        z-index: 1;
        top: -28px;
    }

        .app_feature_item .round_icon:before {
            content: "";
            height: 56px;
            width: 56px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            right: 1px;
            top: 1px;
            z-index: 1;
        }

        .app_feature_item .round_icon:after {
            content: "";
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: #dacafc;
            background: -moz-linear-gradient(45deg, rgba(218, 202, 252, 0.4) 0%, rgba(158, 203, 252, 0.4) 100%);
            background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(218, 202, 252, 0.4)), color-stop(100%, #9ecbfc));
            background: -webkit-linear-gradient(45deg, rgba(218, 202, 252, 0.4) 0%, rgba(158, 203, 252, 0.4) 100%);
            background: -o-linear-gradient(45deg, rgba(218, 202, 252, 0.4) 0%, rgba(158, 203, 252, 0.4) 100%);
            background: -ms-linear-gradient(45deg, rgba(218, 202, 252, 0.4) 0%, rgba(158, 203, 252, 0.4) 100%);
            background: linear-gradient(45deg, rgba(218, 202, 252, 0.4) 0%, rgba(158, 203, 252, 0.4) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9ecbfc', GradientType=1 );
            position: absolute;
            top: -3px;
            left: -3px;
            z-index: -1;
            -webkit-animation: runpulse 3s infinite linear;
            animation: runpulse 3s infinite linear;
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }

        .app_feature_item .round_icon i {
            background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
            background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
            background: -o-linear-gradient(left, #dbcafc, #9eccfc);
            background: linear-gradient(left, #dbcafc, #9eccfc);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            z-index: 3;
            position: relative;
        }

    .app_feature_item.app_middle {
        max-width: 275px;
        margin: auto;
        text-align: center;
        padding-top: 50px;
    }

        .app_feature_item.app_middle .round_icon {
            right: auto;
            left: 50%;
            top: -32px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .app_feature_item:hover h4 {
        background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
        background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
        background: -o-linear-gradient(left, #dbcafc, #9eccfc);
        background: linear-gradient(left, #dbcafc, #9eccfc);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

/* End Feature Area css
============================================================================================ */
/* Choose Us Area css
============================================================================================ */
.choose_us_area {
    background: #EFF1FF;
    min-height: 770px;
    position: relative;
    padding-top: 30px;
    margin-top: 90px;
}

    .choose_us_area:before {
        content: "";
        position: absolute;
        top: -94px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url(../img/triangle-shap-1.png) no-repeat scroll center center;
        background-size: cover;
        width: 100%;
        min-height: 94px;
    }

.left_choose_image {
    position: relative;
    min-height: 740px;
    overflow: hidden;
}

    .left_choose_image ul li {
        position: absolute;
        left: 0px;
        top: 140px;
    }

        .left_choose_image ul li:nth-child(2) {
            top: auto;
            bottom: -20px;
        }

        .left_choose_image ul li:nth-child(3) {
            left: calc(50% - 280px);
            top: calc(50% - 70px);
        }

        .left_choose_image ul li:nth-child(4) {
            top: auto;
            bottom: 40px;
            left: calc(50% - 220px);
        }

        .left_choose_image ul li:nth-child(5) {
            top: -38px;
            left: calc(50% - 238px);
        }

        .left_choose_image ul li:nth-child(6) {
            top: auto;
            bottom: 180px;
            left: calc(50% + 90px);
        }

        .left_choose_image ul li:nth-child(7) {
            left: calc(50% + 75px);
            top: 64px;
        }

        .left_choose_image ul li:nth-child(8) {
            left: auto;
            right: 112px;
            top: 260px;
        }

.right_choose_image {
    max-width: 570px;
    padding-right: 30px;
    padding-top: 90px;
}

.choose_item_inner {
    margin-top: 44px;
}

    .choose_item_inner .col-md-6:nth-child(3) .choose_item {
        margin-bottom: 0px;
    }

    .choose_item_inner .col-md-6:last-child .choose_item {
        margin-bottom: 0px;
    }

    .choose_item_inner .choose_item {
        margin-bottom: 50px;
    }

        .choose_item_inner .choose_item .media .media-left {
            padding-right: 15px;
        }

            .choose_item_inner .choose_item .media .media-left a {
                background: #dacafc;
                background: -moz-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
                background: -webkit-gradient(left bottom, right top, color-stop(0%, #dacafc), color-stop(100%, #9ecbfc));
                background: -webkit-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
                background: -o-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
                background: -ms-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
                background: linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9ecbfc', GradientType=1 );
                height: 66px;
                width: 66px;
                text-align: center;
                border-radius: 50%;
                display: inline-block;
                position: relative;
                z-index: 2;
            }

                .choose_item_inner .choose_item .media .media-left a:before {
                    content: "";
                    height: 64px;
                    width: 64px;
                    position: absolute;
                    left: 1px;
                    top: 1px;
                    background: #fff;
                    z-index: -1;
                    border-radius: 50%;
                }

            .choose_item_inner .choose_item .media .media-left i {
                font-size: 36px;
                background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
                background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
                background: -o-linear-gradient(left, #dbcafc, #9eccfc);
                background: linear-gradient(left, #dbcafc, #9eccfc);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                z-index: 3;
                position: relative;
                line-height: 61px;
            }

        .choose_item_inner .choose_item .media .media-body {
            vertical-align: middle;
        }

            .choose_item_inner .choose_item .media .media-body h4 {
                font-size: 18px;
                font-family: "Montserrat", sans-serif;
                color: #424242;
                letter-spacing: .36px;
                padding-bottom: 5px;
            }

            .choose_item_inner .choose_item .media .media-body p {
                font-size: 14px;
                font-family: "Poppins", sans-serif;
                color: #6b6d6f;
                letter-spacing: .28px;
            }

/* End Choose Us Area css
============================================================================================ */
/* Satisfaction Area css
============================================================================================ */
.satisfaction_area {
    clear: both;
    padding: 100px 0px 0px 0px;
}

    .satisfaction_area .main_title {
        margin-bottom: 65px;
    }

.satisfaction_item {
    text-align: center;
}

    .satisfaction_item .sat_icon {
        background: #dacafc;
        background: -moz-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, #dacafc), color-stop(100%, #9ecbfc));
        background: -webkit-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -o-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: -ms-linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        background: linear-gradient(45deg, #dacafc 0%, #9ecbfc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9ecbfc', GradientType=1 );
        height: 58px;
        width: 58px;
        text-align: center;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        z-index: 2;
    }

        .satisfaction_item .sat_icon:before {
            content: "";
            height: 56px;
            width: 56px;
            background: #fff;
            position: absolute;
            left: 1px;
            top: 1px;
            border-radius: 50%;
            z-index: -1;
        }

        .satisfaction_item .sat_icon i {
            font-size: 24px;
            background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
            background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
            background: -o-linear-gradient(left, #dbcafc, #9eccfc);
            background: linear-gradient(left, #dbcafc, #9eccfc);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            line-height: 60px;
        }

    .satisfaction_item h4 {
        font-size: 18px;
        color: #424242;
        font-family: "Montserrat", sans-serif;
        letter-spacing: .36px;
        padding: 30px 0px 22px 0px;
    }

    .satisfaction_item p {
        font-size: 14px;
        line-height: 26px;
        font-family: "Poppins", sans-serif;
        color: #6b6d6f;
    }

/* End Satisfaction Area css
============================================================================================ */
/* Install App Area css
============================================================================================ */
.install_app_area {
    overflow: hidden;
    background: #ede6fd;
    background: -moz-linear-gradient(left, #ede6fd 0%, #d2e6fd 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ede6fd), color-stop(100%, #d2e6fd));
    background: -webkit-linear-gradient(left, #ede6fd 0%, #d2e6fd 100%);
    background: -o-linear-gradient(left, #ede6fd 0%, #d2e6fd 100%);
    background: -ms-linear-gradient(left, #ede6fd 0%, #d2e6fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ede6fd), to(#d2e6fd));
    background: linear-gradient(to right, #ede6fd 0%, #d2e6fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6fd', endColorstr='#d2e6fd', GradientType=1 );
    padding-top: 140px;
    padding-bottom: 85px;
}

    .install_app_area .install_left_content {
        max-width: 555px;
        float: right;
        padding-top: 115px;
    }

        .install_app_area .install_left_content .install_content h5 {
            font-size: 20px;
            font-family: "Montserrat", sans-serif;
            letter-spacing: .4px;
            color: #424242;
            font-weight: normal;
            padding-bottom: 15px;
        }

        .install_app_area .install_left_content .install_content p {
            font-size: 14px;
            line-height: 26px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
            padding-bottom: 25px;
            padding-right: 50px;
        }

            .install_app_area .install_left_content .install_content p + p {
                padding-bottom: 40px;
            }

        .install_app_area .install_left_content .install_content .gradient_bg_btn {
            margin-right: 15px;
        }

/* End Install App Area css
============================================================================================ */
/* Question Area css
============================================================================================ */
.question_area {
    background: #EFF1FF;
    padding: 100px 0px;
}

    .question_area .main_title {
        padding-bottom: 65px;
    }

.left_question_inner .panel-group .panel-default {
    border-radius: 0px;
    background: #fff;
    border: none;
    margin-top: 30px;
    -webkit-box-shadow: 0px 3px 12.35px 0.65px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 12.35px 0.65px rgba(0, 0, 0, 0.1);
}

    .left_question_inner .panel-group .panel-default:first-child {
        margin-top: 0px;
    }

    .left_question_inner .panel-group .panel-default .panel-heading {
        padding: 0px;
        border: none;
        background: transparent;
        border-radius: 0px;
    }

        .left_question_inner .panel-group .panel-default .panel-heading .panel-title a {
            font-size: 18px;
            color: #424242;
            font-family: "Montserrat", sans-serif;
            font-weight: normal;
            line-height: 70px;
            padding: 0px 25px;
            display: block;
            position: relative;
        }

            .left_question_inner .panel-group .panel-default .panel-heading .panel-title a i {
                float: right;
                font-size: 12px;
                text-align: center;
                height: 20px;
                line-height: 20px;
                width: 20px;
                background: #e0d4fc;
                background: -moz-linear-gradient(45deg, #e0d4fc 0%, #b1d5fc 100%);
                background: -webkit-gradient(left bottom, right top, color-stop(0%, #e0d4fc), color-stop(100%, #b1d5fc));
                background: -webkit-linear-gradient(45deg, #e0d4fc 0%, #b1d5fc 100%);
                background: -o-linear-gradient(45deg, #e0d4fc 0%, #b1d5fc 100%);
                background: -ms-linear-gradient(45deg, #e0d4fc 0%, #b1d5fc 100%);
                background: linear-gradient(45deg, #e0d4fc 0%, #b1d5fc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d4fc', endColorstr='#b1d5fc', GradientType=1 );
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 25px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 3;
            }

                .left_question_inner .panel-group .panel-default .panel-heading .panel-title a i:after {
                    content: "";
                    height: 18px;
                    width: 18px;
                    background: #fff;
                    position: absolute;
                    left: 1px;
                    top: 1px;
                    border-radius: 50%;
                    z-index: -1;
                }

                .left_question_inner .panel-group .panel-default .panel-heading .panel-title a i:before {
                    background: -webkit-linear-gradient(left, #dbcafc, #9eccfc);
                    background: -webkit-gradient(linear, left top, right top, from(#dbcafc), to(#9eccfc));
                    background: -o-linear-gradient(left, #dbcafc, #9eccfc);
                    background: linear-gradient(left, #dbcafc, #9eccfc);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

                .left_question_inner .panel-group .panel-default .panel-heading .panel-title a i + i {
                    display: none;
                }

            .left_question_inner .panel-group .panel-default .panel-heading .panel-title a.collapsed i + i {
                display: inline-block;
            }

    .left_question_inner .panel-group .panel-default .panel-collapse .panel-body {
        border: none;
        padding-top: 0px;
        padding-left: 25px;
        padding-right: 90px;
        padding-bottom: 35px;
        font-size: 14px;
        line-height: 27px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
    }

.right_question_img {
    text-align: center;
}

    .right_question_img img {
        max-width: 100%;
        display: inline-block;
    }

/* End Question Area css
============================================================================================ */
/* Powerfull Area css
============================================================================================ */
.powerfull_area {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f6f7fa;
    margin-top: -35px;
}

    .powerfull_area .power_left_img {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle;
    }

        .powerfull_area .power_left_img img {
            max-width: 100%;
        }

    .powerfull_area .pawerfull_area_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .powerfull_area .col-md-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .powerfull_area .col-md-7 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .powerfull_area .power_right_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .powerfull_area .power_right_content .power_right_content_inner {
            max-width: 620px;
            margin-left: 70px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-item-align: center;
            align-self: center;
            vertical-align: middle;
            padding: 112px 0px 120px 0px;
        }

            .powerfull_area .power_right_content .power_right_content_inner p {
                font-size: 16px;
                line-height: 28px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                letter-spacing: .28px;
                font-weight: 400;
                padding: 47px 0px;
            }

            .powerfull_area .power_right_content .power_right_content_inner ul {
                overflow: hidden;
                margin-bottom: -30px;
            }

                .powerfull_area .power_right_content .power_right_content_inner ul li {
                    width: 50%;
                    float: left;
                    overflow: hidden;
                    margin-bottom: 30px;
                }

                    .powerfull_area .power_right_content .power_right_content_inner ul li a {
                        font-size: 20px;
                        font-family: "Heebo", sans-serif;
                        color: #585858;
                        letter-spacing: .40px;
                        font-weight: 500;
                    }

                        .powerfull_area .power_right_content .power_right_content_inner ul li a img {
                            padding-right: 16px;
                        }

/* End Powerfull Area css
============================================================================================ */
/* Provide Feature Area css
============================================================================================ */
.provide_feature_area {
    overflow: hidden;
    padding-top: 112px;
}

    .provide_feature_area .p_feature_left {
        width: calc(50% + 146px);
        float: left;
        overflow: hidden;
    }

        .provide_feature_area .p_feature_left .p_f_left_content {
            max-width: 715px;
            float: right;
        }

            .provide_feature_area .p_feature_left .p_f_left_content .single_title {
                padding-bottom: 75px;
                max-width: 552px;
            }

    .provide_feature_area .p_feature_right {
        width: calc(50% - 146px);
        float: right;
        overflow: hidden;
    }

        .provide_feature_area .p_feature_right .p_feature_img {
            padding-top: 170px;
        }

.p_left_item_inner .p_item {
    width: calc(100% / 2);
    float: left;
    overflow: hidden;
    padding-right: 50px;
    margin-bottom: 45px;
}

    .p_left_item_inner .p_item .media .media-left {
        padding-right: 30px;
    }

    .p_left_item_inner .p_item .media .media-body h4 {
        font-size: 18px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        color: #121921;
        letter-spacing: .72px;
        padding-bottom: 20px;
    }

    .p_left_item_inner .p_item .media .media-body p {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        font-weight: 400;
        letter-spacing: .56px;
        line-height: 24px;
    }

    .p_left_item_inner .p_item:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }

/* End Provide Feature Area css
============================================================================================ */
/* Advanced Settings Area css
============================================================================================ */
.advanced_settings_area {
    margin-top: 360px;
}

.advanced_settings_inner {
    overflow: hidden;
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .advanced_settings_inner .left_advanced {
        width: calc(100% / 2);
        float: left;
        overflow: hidden;
    }

    .advanced_settings_inner .right_advanced {
        width: calc(100% / 2);
        float: right;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .advanced_settings_inner .right_advanced .right_advanced_text {
            max-width: 575px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-item-align: center;
            align-self: center;
            vertical-align: middle;
            width: 100%;
        }

.left_advanced_img img {
    max-width: 100%;
}

.right_advanced_text {
    padding-left: 15px;
}

    .right_advanced_text h3 {
        font-size: 30px;
        font-family: "Heebo", sans-serif;
        font-weight: 600;
        color: #121921;
        padding-bottom: 50px;
    }

    .right_advanced_text p {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

    .right_advanced_text .settings_img {
        margin-left: -10px;
        margin-top: 30px;
        margin-bottom: 50px;
        overflow: hidden;
    }

        .right_advanced_text .settings_img a {
            width: calc(100% / 2);
            float: left;
            display: inline-block;
            overflow: hidden;
        }

            .right_advanced_text .settings_img a img {
                max-width: 100%;
            }

            .right_advanced_text .settings_img a:last-child {
                margin-right: 0px;
            }

/* End Advanced Settings Area css
============================================================================================ */
/* Asked Ques Area css
============================================================================================ */
.asked_ques_area {
    background: #f6f7fa;
    padding: 110px 0px;
}

.asked_ques_inner {
    margin-bottom: -30px;
    overflow: hidden;
}

    .asked_ques_inner .asked_item {
        background: #fff;
        position: relative;
        margin-bottom: 30px;
        padding: 45px 40px 40px 50px;
    }

        .asked_ques_inner .asked_item:before {
            content: "";
            width: 3px;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            background-image: -moz-linear-gradient(90deg, #ff0084 0%, #9b1be5 100%);
            background-image: -webkit-linear-gradient(90deg, #ff0084 0%, #9b1be5 100%);
            background-image: -ms-linear-gradient(90deg, #ff0084 0%, #9b1be5 100%);
        }

        .asked_ques_inner .asked_item h4 {
            font-size: 18px;
            font-family: "Heebo", sans-serif;
            color: #121921;
            padding-bottom: 25px;
        }

        .asked_ques_inner .asked_item p {
            font-size: 14px;
            line-height: 24px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

            .asked_ques_inner .asked_item p + p {
                padding-top: 26px;
            }

/* End Asked Ques Area css
============================================================================================ */
/* Great Feature Area css
============================================================================================ */
.great_feature_area {
    background: #f6f7fa;
    padding: 100px 0px;
}

.great_feature_inner {
    margin-bottom: -40px;
    overflow: hidden;
}

    .great_feature_inner .great_feature_item {
        text-align: center;
        margin-bottom: 40px;
    }

        .great_feature_inner .great_feature_item h4 {
            font-size: 20px;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #2fd2f0;
            letter-spacing: .40px;
            padding: 8px 0px 16px 0px;
        }

        .great_feature_inner .great_feature_item p {
            font-size: 14px;
            line-height: 24px;
            color: #6d89a1;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
            max-width: 290px;
            margin: auto;
        }

/* End Great Feature Area css
============================================================================================ */
/*app_feature_area_two css 
============================================================================================ */
.app_feature_area_two {
    position: relative;
    padding: 100px 0px 200px;
    overflow: hidden;
}

    .app_feature_area_two .img {
        position: absolute;
        left: 15px;
    }

@media (max-width: 1480px) {
    .app_feature_area_two .img {
        top: 79px;
        left: -16px;
    }
}

.app_feature_area_two .imag-two {
    left: 115px;
}

@media (max-width: 1480px) {
    .app_feature_area_two .imag-two {
        left: 85px;
    }
}

.app_feature_area_two .app_feature_inner {
    margin-top: 64px;
}

    .app_feature_area_two .app_feature_inner .app_feature_item {
        padding-right: 100px;
        margin-top: 30px;
    }

        .app_feature_area_two .app_feature_inner .app_feature_item:hover h4 {
            color: #3498db;
            background: transparent;
            -webkit-text-fill-color: initial;
        }

.icon-round {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    font-size: 24px;
    line-height: 58px;
    color: #fff;
    background: #3498db;
    text-align: center;
    margin-bottom: 30px;
    display: inline-block;
}

/*app_feature_area_two css
============================================================================================ */
/*app_feature_area_two css
============================================================================================ */
.service_seven_area {
    overflow: hidden;
}

.service_seven_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .service_seven_inner .service_s_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        background: #fafafa;
        padding: 40px 35px;
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .service_seven_inner .service_s_item h4 {
            font-size: 18px;
            color: #424242;
            font-family: "Montserrat", sans-serif;
            padding-top: 15px;
        }

        .service_seven_inner .service_s_item p {
            font-size: 14px;
            line-height: 27px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
            padding-right: 20px;
            padding: 12px 0px 18px 0px;
        }

        .service_seven_inner .service_s_item .theme_btn {
            background: transparent;
            border: 1px solid #7db9e8;
            color: #898989;
            line-height: 34px;
            padding-top: 0px;
            padding-bottom: 0px;
            display: inline-block;
            margin-top: 0px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .service_seven_inner .service_s_item .theme_btn:hover {
                color: #7db9e8;
            }

        .service_seven_inner .service_s_item:nth-child(n+4) {
            border-bottom: 0px;
        }

        .service_seven_inner .service_s_item:nth-child(6) {
            border-right: 0px;
        }

        .service_seven_inner .service_s_item:nth-child(3) {
            border-right: 0px;
        }

        .service_seven_inner .service_s_item:hover {
            background: #fff;
            -webkit-box-shadow: 0px 4px 11.4px 0.6px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 11.4px 0.6px rgba(0, 0, 0, 0.1);
            -webkit-transform: scale(1.001);
            -ms-transform: scale(1.001);
            transform: scale(1.001);
        }

.seven_server .purchase-btn {
    background: #ffffff;
    color: #6b6d6f;
    border-radius: 25px !important;
}

    .seven_server .purchase-btn:hover {
        background: #fff;
        color: #7db9e8;
    }

/*app_feature_area_two css
============================================================================================ */
/* Woking Process Area css
============================================================================================ */
.process_feature {
    position: relative;
}

    .process_feature:before {
        content: "";
        height: 1px;
        width: 100%;
        border-bottom: 1px dashed #e0e0e0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 108px;
        max-width: 940px;
        z-index: -1;
    }

    .process_feature:after {
        content: "";
        height: 1px;
        width: 100%;
        border-bottom: 1px dashed #e0e0e0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 115px;
        max-width: 940px;
        z-index: -1;
    }

    .process_feature .process_f_item {
        text-align: center;
    }

        .process_feature .process_f_item h4 {
            font-size: 24px;
            color: #4f4f4f;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            padding-bottom: 30px;
        }

        .process_feature .process_f_item i {
            height: 100px;
            width: 100px;
            border-radius: 50%;
            background: #fff;
            -webkit-box-shadow: 0px 20px 32.68px 5.32px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 20px 32.68px 5.32px rgba(0, 0, 0, 0.1);
            display: block;
            text-align: center;
            font-size: 46px;
            color: #857de8;
            line-height: 100px;
            margin: auto;
        }

        .process_feature .process_f_item p {
            font-size: 14px;
            line-height: 26px;
            color: #6b6d6f;
            padding-top: 40px;
        }

/* End Woking Process Area css
============================================================================================ */
/* About Screen Nine Area css
============================================================================================ */
.about_nine_area {
    padding-top: 120px;
}

    .about_nine_area .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .about_nine_area .col-md-7 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .about_nine_area .ab_nine_text {
        -ms-flex-item-align: center;
        align-self: center;
        vertical-align: middle;
    }

        .about_nine_area .ab_nine_text h4 {
            font-size: 25px;
            color: #272727;
            font-family: "Heebo", sans-serif;
            font-weight: 500;
            text-transform: uppercase;
            padding-bottom: 45px;
        }

        .about_nine_area .ab_nine_text p {
            font-size: 16px;
            line-height: 28px;
            font-family: "Heebo", sans-serif;
            color: #585858;
        }

            .about_nine_area .ab_nine_text p + p {
                padding-top: 25px;
                padding-bottom: 45px;
            }

        .about_nine_area .ab_nine_text a + a {
            padding-left: 20px;
        }

    .about_nine_area .ab_nine_screen {
        text-align: center;
    }

        .about_nine_area .ab_nine_screen img {
            -webkit-box-shadow: 21.213px 21.213px 46px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 21.213px 21.213px 46px 0px rgba(0, 0, 0, 0.3);
            border-radius: 50px;
        }

/* End About Screen Nine Area css
============================================================================================ */
/* Nine Product Feature Area css
============================================================================================ */
.product_feature_area {
    padding-top: 120px;
    padding-bottom: 100px;
}

    .product_feature_area .nine_title {
        padding-bottom: 120px;
    }

    .product_feature_area .nine_p_f_img {
        margin-left: -90px;
    }

.n_product_inner {
    overflow: hidden;
}

    .n_product_inner .n_product_item {
        border: 1px solid #ebebeb;
        padding: 35px 25px 45px 25px;
        position: relative;
        margin-top: 25px;
        -webkit-box-shadow: 5px 8.66px 27px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 5px 8.66px 27px 0px rgba(0, 0, 0, 0.05);
    }

        .n_product_inner .n_product_item .icon_box {
            height: 65px;
            width: 65px;
            background: #eb484d;
            text-align: center;
            position: absolute;
            left: 0px;
            top: 0px;
            line-height: 62px;
            border-bottom-right-radius: 4px;
        }

        .n_product_inner .n_product_item h4 {
            padding-left: 55px;
            padding-bottom: 25px;
            font-size: 22px;
            color: #272727;
            font-family: "Heebo", sans-serif;
        }

        .n_product_inner .n_product_item p {
            font-size: 16px;
            line-height: 28px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
        }

/* End Nine Product Feature Area css
============================================================================================ */
/* Powerfull Area css
============================================================================================ */
.ten_powerfull_area .powerfull_inner {
    text-align: center;
    position: relative;
    max-width: 865px;
    margin: auto;
}

    .ten_powerfull_area .powerfull_inner .pw_item {
        text-align: center;
    }

        .ten_powerfull_area .powerfull_inner .pw_item i {
            height: 72px;
            width: 72px;
            border-radius: 50%;
            text-align: center;
            font-size: 40px;
            color: #8f8f8f;
            background: #fff;
            line-height: 70px;
            display: inline-block;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .ten_powerfull_area .powerfull_inner .pw_item h4 {
            font-size: 16px;
            color: #a4acb7;
            font-family: "Heebo", sans-serif;
            font-family: 500;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
            padding-top: 13px;
        }

        .ten_powerfull_area .powerfull_inner .pw_item:hover i {
            background: #0083ff;
            color: #fff;
            -webkit-box-shadow: 0px 20px 35px 0px rgba(0, 131, 255, 0.25);
            box-shadow: 0px 20px 35px 0px rgba(0, 131, 255, 0.25);
        }

        .ten_powerfull_area .powerfull_inner .pw_item:hover h4 {
            color: #0083ff;
        }

.ten_perfomance {
    padding-top: 60px;
}

    .ten_perfomance .ten_p_img {
        text-align: center;
        margin-left: -40px;
    }

    .ten_perfomance .ten_p_text h3 {
        font-size: 28px;
        color: #585858;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        line-height: 36px;
        padding-bottom: 40px;
    }

    .ten_perfomance .ten_p_text p {
        font-size: 16px;
        line-height: 28px;
        font-family: "Heebo", sans-serif;
        color: #8e8e8e;
    }

    .ten_perfomance .ten_p_text .theme_btn {
        border: 2px solid #585858;
        height: 40px;
        padding: 0px 30px;
        display: inline-block;
        line-height: 36px;
        background: transparent;
        color: #585858;
        margin-top: 80px;
    }

.ten_discover_area {
    background: #0083ff;
    padding-top: 100px;
    padding-bottom: 200px;
    position: relative;
}

    .ten_discover_area:before {
        content: "";
        background: url(../img/feature/ten-f-mobile.png) no-repeat scroll center center;
        max-width: 880px;
        width: 100%;
        height: 184px;
        position: absolute;
        left: 50%;
        bottom: -90px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.ten_discover_inner {
    margin-bottom: -50px;
    overflow: hidden;
}

    .ten_discover_inner .media {
        margin-bottom: 50px;
    }

        .ten_discover_inner .media .media-left {
            padding-right: 15px;
        }

            .ten_discover_inner .media .media-left .ten_d_icon {
                height: 80px;
                width: 80px;
                border: 6px solid #2695ff;
                border-radius: 50%;
                background: #fff;
                text-align: center;
                line-height: 65px;
            }

        .ten_discover_inner .media .media-body h4 {
            font-size: 22px;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #fff;
            padding-bottom: 22px;
            padding-top: 15px;
        }

        .ten_discover_inner .media .media-body p {
            font-size: 16px;
            line-height: 28px;
            color: #e9e9e9;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
        }

.ten_screen_area {
    padding-top: 180px;
    padding-bottom: 100px;
}

    .ten_screen_area .ten_d_text h2 span {
        color: #0083ff;
    }

    .ten_screen_area .ten_d_text p {
        color: #a5acb7;
    }

.flip_ten_slider .flip-items .flipster__item--past .flipster__item__content {
    -webkit-transform: scale(0.75) rotateY(18deg) !important;
    transform: scale(0.75) rotateY(18deg) !important;
    opacity: .5;
}

.flip_ten_slider .flip-items .flipster__item--future .flipster__item__content {
    -webkit-transform: scale(0.75) rotateY(-18deg) !important;
    transform: scale(0.75) rotateY(-18deg) !important;
    opacity: .5;
}

/* End Powerfull Area css
============================================================================================ */
/* End Powerfull Area css
============================================================================================ */
.ten_watch_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 740px;
    background: #fafcff;
    position: relative;
}

    .ten_watch_area:before {
        content: "";
        background: url(../img/ten-mobile-2.png) no-repeat scroll center center;
        width: 256px;
        height: 477px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
    }

    .ten_watch_area .left_watch {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        background: #0083ff;
    }

        .ten_watch_area .left_watch .left_w_text {
            max-width: 580px;
            float: right;
            width: 100%;
            padding-top: 180px;
        }

    .ten_watch_area .right_watch {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .ten_watch_area .right_watch .right_w_text {
            padding-top: 180px;
        }

.watch_text_item {
    max-width: 275px;
    margin-bottom: 85px;
    position: relative;
}

    .watch_text_item:before {
        content: "";
        background: url(../img/icon/shap-1.png) no-repeat scroll center center;
        width: 224px;
        height: 89px;
        position: absolute;
        right: -224px;
        top: 10px;
        z-index: 2;
    }

    .watch_text_item h4 {
        font-size: 26px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        padding-bottom: 20px;
    }

    .watch_text_item p {
        font-size: 16px;
        line-height: 28px;
        font-family: "Roboto", sans-serif;
        color: #e9e9e9;
    }

    .watch_text_item:last-child {
        margin-bottom: 0px;
        margin-left: 95px;
    }

        .watch_text_item:last-child:before {
            background: url(../img/icon/shap-2.png) no-repeat scroll center center;
            width: 102px;
            height: 26px;
            right: -120px;
            top: 30px;
        }

.watch_text_item_two {
    max-width: 275px;
    margin-bottom: 85px;
    position: relative;
    margin-left: 208px;
}

    .watch_text_item_two:before {
        content: "";
        background: url(../img/icon/shap-4.png) no-repeat scroll center center;
        width: 105px;
        height: 26px;
        left: -140px;
        position: absolute;
        top: 30px;
        z-index: 2;
    }

    .watch_text_item_two h4 {
        font-size: 26px;
        color: #585858;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        padding-bottom: 20px;
    }

    .watch_text_item_two p {
        font-size: 16px;
        line-height: 28px;
        font-family: "Roboto", sans-serif;
        color: #8e8e8e;
    }

    .watch_text_item_two:first-child {
        margin-left: 300px;
    }

        .watch_text_item_two:first-child:before {
            content: "";
            background: url(../img/icon/shap-3.png) no-repeat scroll center center;
            width: 224px;
            height: 87px;
            left: -245px;
            position: absolute;
            top: 15px;
            z-index: 2;
        }

/* End Powerfull Area css
============================================================================================ */
/* End Powerfull Area css
============================================================================================ */
.gadget_headphone {
    padding-top: 100px;
    padding-bottom: 65px;
}

    .gadget_headphone .g_head_inner .g_left_side {
        position: relative;
    }

        .gadget_headphone .g_head_inner .g_left_side img {
            max-width: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
        }

            .gadget_headphone .g_head_inner .g_left_side img:nth-child(2) {
                margin-left: 75px;
                z-index: 1;
            }

            .gadget_headphone .g_head_inner .g_left_side img:nth-child(3) {
                margin-left: 165px;
                z-index: 1;
            }

    .gadget_headphone .g_head_inner .g_right_side h5 {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        text-transform: uppercase;
        padding-bottom: 12px;
    }

    .gadget_headphone .g_head_inner .g_right_side h4 {
        font-size: 30px;
        font-family: "Heebo", sans-serif;
        color: #272727;
        font-weight: bold;
    }

    .gadget_headphone .g_head_inner .g_right_side p {
        font-size: 14px;
        line-height: 24px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        padding: 35px 0px 40px 0px;
    }

    .gadget_headphone .g_head_inner .g_right_side h3 {
        font-size: 20px;
        color: #272727;
        font-family: "Heebo", sans-serif;
        padding-bottom: 22px;
    }

.pre_or_btn {
    background: #e9e9e9;
    text-transform: uppercase;
    padding: 0px 32px;
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
    color: #5f5f5f;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .pre_or_btn:hover {
        background: #d30039;
        color: #fff;
    }

/* End Powerfull Area css
============================================================================================ */
/* Gadget Feature Area css
============================================================================================ */
.gadget_feature_area {
    padding-top: 100px;
}

.gd_feature_inner {
    margin-bottom: 90px;
}

    .gd_feature_inner .gd_f_img {
        position: relative;
    }

        .gd_feature_inner .gd_f_img:before {
            content: "";
            height: 15px;
            background: #e9e9e9;
            width: 165px;
            position: absolute;
            left: 115px;
            top: 50px;
            z-index: -1;
        }

        .gd_feature_inner .gd_f_img .one_text {
            font-size: 90px;
            color: #e9e9e9;
            font-family: "Heebo", sans-serif;
            font-weight: 900;
            vertical-align: bottom;
            padding-bottom: 30px;
            display: inline-block;
        }

    .gd_feature_inner .gd_f_text {
        max-width: 340px;
        padding-top: 20px;
    }

        .gd_feature_inner .gd_f_text h4 {
            font-size: 18px;
            color: #272727;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            padding-bottom: 15px;
        }

        .gd_feature_inner .gd_f_text p {
            font-size: 14px;
            line-height: 24px;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            padding-bottom: 15px;
        }

        .gd_feature_inner .gd_f_text a {
            font-size: 14px;
            color: #272727;
            font-family: "Heebo", sans-serif;
            font-weight: 500;
        }

    .gd_feature_inner.right .gd_f_text {
        float: right;
    }

    .gd_feature_inner.right .gd_f_img {
        text-align: right;
    }

        .gd_feature_inner.right .gd_f_img:before {
            left: 25px;
        }

    .gd_feature_inner:last-child {
        margin-bottom: 0px;
    }

        .gd_feature_inner:last-child .gd_f_img:before {
            left: auto;
            right: 35px;
        }

/* End Gadget Feature Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Video Area css
============================================================================================ */
.video_area {
    position: relative;
    background: #EFF1FF;
    margin-top: 350px;
}

    .video_area:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 815px 957px 0 0;
        border-color: #fff transparent transparent transparent;
    }

.video_inner {
    max-width: 965px;
    margin: auto;
    position: relative;
    margin-top: -216px;
}

    .video_inner .video_text {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .video_inner .video_text a {
            font-size: 72px;
            color: #fff;
        }

        .video_inner .video_text h5 {
            font-size: 36px;
            font-family: "Poppins", sans-serif;
            letter-spacing: .72px;
            color: #fff;
            font-weight: 300;
            padding-top: 20px;
        }

/* End Video Area css
============================================================================================ */
/* Discover Video Area css
============================================================================================ */
.discover_video_area {
    background: url(../img/discover-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-top: 110px;
}

.discover_video_text {
    text-align: center;
    padding-bottom: 48px;
}

    .discover_video_text h3 {
        color: #fff;
        font-size: 60px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        padding-bottom: 45px;
    }

.discover_video_inner {
    text-align: center;
    position: relative;
    margin-bottom: -260px;
}

    .discover_video_inner img {
        max-width: 100%;
    }

    .discover_video_inner a {
        position: absolute;
        left: 50%;
        display: block;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        text-align: center;
        height: 94px;
        width: 94px;
        border-radius: 50%;
        font-size: 38px;
        line-height: 94px;
        background: #ffcd2f;
        color: #fff;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .discover_video_inner a:hover {
            -webkit-box-shadow: 0px 0px 40px 0px rgba(255, 205, 47, 0.5);
            box-shadow: 0px 0px 40px 0px rgba(255, 205, 47, 0.5);
        }

/* End Discover Video Area css
============================================================================================ */
/* River Video Area css
============================================================================================ */
.river_video_area {
    background: url(../img/video/river-video.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 190px 0px;
}

    .river_video_area:before {
        content: "";
        background: rgba(27, 79, 127, 0.8);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .river_video_area .river_video_inner {
        text-align: center;
    }

        .river_video_area .river_video_inner h4 {
            font-size: 45px;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #fff;
        }

        .river_video_area .river_video_inner h5 {
            font-size: 14px;
            color: #ff9600;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            letter-spacing: 2.24px;
            text-decoration: underline;
            padding: 30px 0px;
        }

        .river_video_area .river_video_inner a {
            color: #fff;
            display: inline-block;
            line-height: 70px;
            border: 5px solid #316096;
            font-size: 30px;
            height: 77px;
            width: 77px;
            border-radius: 50%;
            background: #ff9600;
        }

/* End River Video Area css
============================================================================================ */
/* Video Nine Area css
============================================================================================ */
.video_nine_area {
    background: url(../img/video/video-nine-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    text-align: center;
    padding: 125px 0px;
    position: relative;
}

    .video_nine_area:before {
        content: "";
        background: url(../img/video/earphone.png) no-repeat scroll center center;
        height: 658px;
        width: 233px;
        position: absolute;
        left: 0px;
        top: -104px;
    }

    .video_nine_area .subs {
        text-align: right;
        display: inline-block;
        float: right;
        padding-left: 30px;
        margin-right: 140px;
        font-size: 15px;
        color: #d7d7d7;
        text-transform: uppercase;
        font-family: "Heebo", sans-serif;
        border-bottom: 1px solid #8e8e8e;
        padding-bottom: 5px;
    }

    .video_nine_area .carousel.slide {
        max-width: 906px;
        margin: auto;
    }

    .video_nine_area .nine_v_inner {
        position: relative;
        display: inline-block;
    }

        .video_nine_area .nine_v_inner img {
            border-radius: 12px;
            overflow: hidden;
        }

        .video_nine_area .nine_v_inner .nine_v_text {
            position: absolute;
            left: 0px;
            top: 50%;
            width: 100%;
            text-align: center;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .video_nine_area .nine_v_inner .nine_v_text h2 {
                font-size: 60px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                text-transform: uppercase;
                letter-spacing: 1.2px;
                font-weight: 300;
            }

            .video_nine_area .nine_v_inner .nine_v_text h4 {
                font-size: 27xp;
                color: #fff;
                font-family: "Heebo", sans-serif;
                letter-spacing: .54px;
                padding-top: 15px;
            }

            .video_nine_area .nine_v_inner .nine_v_text img {
                display: block;
                margin: auto;
                padding-bottom: 20px;
                padding-top: 50px;
            }

            .video_nine_area .nine_v_inner .nine_v_text p {
                font-size: 14px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: 300;
                letter-spacing: 4.2px;
                border-bottom: 1px solid #464646;
                display: inline-block;
                padding: 0px 20px 10px 20px;
            }

    .video_nine_area .carousel.slide .carousel-indicators {
        position: relative;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        width: 100%;
        text-align: center;
        margin-top: 45px;
    }

        .video_nine_area .carousel.slide .carousel-indicators li {
            text-indent: 0px;
            border: 0px;
            height: auto;
            width: auto;
            background: transparent;
            font-size: 20px;
            color: #fff;
            font-family: "Heebo", sans-serif;
            margin-right: 36px;
            position: relative;
        }

            .video_nine_area .carousel.slide .carousel-indicators li:before {
                content: "-";
                position: absolute;
                right: -22px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .video_nine_area .carousel.slide .carousel-indicators li:last-child {
                margin-right: 0px;
            }

                .video_nine_area .carousel.slide .carousel-indicators li:last-child:before {
                    display: none;
                }

            .video_nine_area .carousel.slide .carousel-indicators li.active {
                color: #eb484d;
            }

                .video_nine_area .carousel.slide .carousel-indicators li.active:before {
                    color: #fff;
                }

/* End Video Nine Area css
============================================================================================ */
/* Ten Video Area css
============================================================================================ */
.ten_video_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    background: #fafcff;
}

    .ten_video_area .left_ten {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .ten_video_area .left_ten .ten_video_text {
            -ms-flex-item-align: center;
            align-self: center;
            vertical-align: middle;
            width: 100%;
        }

            .ten_video_area .left_ten .ten_video_text .text_v_text_inner {
                max-width: 585px;
                float: right;
                display: block;
                width: 100%;
                padding-right: 130px;
            }

                .ten_video_area .left_ten .ten_video_text .text_v_text_inner h4 {
                    font-size: 28px;
                    font-family: "Heebo", sans-serif;
                    font-weight: 500;
                    color: #585858;
                }

                .ten_video_area .left_ten .ten_video_text .text_v_text_inner p {
                    font-size: 16px;
                    font-family: "Heebo", sans-serif;
                    color: #8e8e8e;
                    line-height: 28px;
                    padding: 40px 0px;
                }

                .ten_video_area .left_ten .ten_video_text .text_v_text_inner a {
                    font-size: 14px;
                    color: #272727;
                    font-family: "Heebo", sans-serif;
                    border-bottom: 2px solid #8e8e8e;
                    display: inline-block;
                }

    .ten_video_area .right_ten {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .ten_video_area .right_ten .ten_video_img {
            position: relative;
        }

            .ten_video_area .right_ten .ten_video_img .ten_video_icon {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
            }

.gadget_video_area {
    position: relative;
    text-align: center;
}

    .gadget_video_area img {
        width: 100%;
    }

    .gadget_video_area .g_video_text {
        position: absolute;
        left: 0px;
        top: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

        .gadget_video_area .g_video_text h4 {
            color: #fff;
            font-size: 28px;
            text-transform: uppercase;
            padding-bottom: 30px;
        }

        .gadget_video_area .g_video_text img {
            width: auto;
        }

/* End Ten video Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Button Gradient css
============================================================================================ */
.gradient_bg_btn {
    width: 200px;
    height: 55px;
    display: inline-block;
    text-align: center;
    border-radius: 27.5px;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    position: relative;
    z-index: 3;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    vertical-align: middle;
    -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
}

    .gradient_bg_btn:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
        background-image: -webkit-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
        background-image: -ms-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
        left: 0px;
        top: 0px;
        border-radius: 27.5px;
        z-index: -1;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .gradient_bg_btn:after {
        content: "";
        border: 1px solid #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        border-radius: 27.5px;
        opacity: 0;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .gradient_bg_btn i {
        font-size: 30px;
        color: #fff;
        padding-right: 16px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        position: relative;
        top: 3px;
    }

    .gradient_bg_btn:hover {
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .gradient_bg_btn:hover i {
            color: #fff;
        }

        .gradient_bg_btn:hover:before {
            opacity: 0;
        }

        .gradient_bg_btn:hover:after {
            opacity: 1;
        }

.gradient_bor_btn {
    width: 200px;
    height: 55px;
    display: inline-block;
    text-align: center;
    border-radius: 27.5px;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    position: relative;
    z-index: 3;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    vertical-align: middle;
}

    .gradient_bor_btn:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #dacafc;
        background: -moz-linear-gradient(left, #dacafc 0%, #9fccfc 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #dacafc), color-stop(100%, #9fccfc));
        background: -webkit-linear-gradient(left, #dacafc 0%, #9fccfc 100%);
        background: -o-linear-gradient(left, #dacafc 0%, #9fccfc 100%);
        background: -ms-linear-gradient(left, #dacafc 0%, #9fccfc 100%);
        background: -webkit-gradient(linear, left top, right top, from(#dacafc), to(#9fccfc));
        background: linear-gradient(to right, #dacafc 0%, #9fccfc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9fccfc', GradientType=1 );
        left: 0px;
        top: 0px;
        border-radius: 27.5px;
        z-index: -1;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        opacity: 0;
    }

    .gradient_bor_btn:after {
        content: "";
        border: 1px solid #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        border-radius: 27.5px;
        opacity: 1;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .gradient_bor_btn i {
        font-size: 30px;
        color: #fff;
        padding-right: 16px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        top: 3px;
        position: relative;
    }

    .gradient_bor_btn:hover {
        color: #fff;
        border-color: transparent;
        -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
    }

        .gradient_bor_btn:hover i {
            color: #fff;
        }

        .gradient_bor_btn:hover:before {
            opacity: 1;
        }

        .gradient_bor_btn:hover:after {
            opacity: 0;
        }

.black_d_btn {
    display: inline-block;
    padding: 0px 52px;
    background: #121921;
    color: #fff;
    line-height: 76px;
    border-radius: 3px;
    font-family: "Heebo", sans-serif;
    font-size: 22px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .black_d_btn:hover {
        background: #ffcd2f;
        color: #fff;
    }

.black_d_btn_r {
    display: inline-block;
    padding: 0px 50px;
    background: #121921;
    color: #fff;
    line-height: 42px;
    border-radius: 3px;
    font-family: "Heebo", sans-serif;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    border-radius: 21px;
}

    .black_d_btn_r:hover {
        background: #ffcd2f;
        color: #fff;
    }

/* End Button Gradient css
============================================================================================ */
/* Submit Button Gradient css
============================================================================================ */
.submint_btn {
    display: inline-block;
    width: 176px;
    height: 40px;
    border-radius: 20px;
    border: none;
    outline: none;
    background-image: -moz-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
    background-image: -webkit-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
    background-image: -ms-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
    color: #fff;
    letter-spacing: 1.4px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    outline: none !important;
}

    .submint_btn:hover {
        color: #fff;
    }

    .submint_btn:focus {
        background-image: -moz-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
        background-image: -webkit-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
        background-image: -ms-linear-gradient(0deg, #e0c3fc 0%, #8ec5fc 100%);
    }

.send_btn {
    height: 50px;
    width: 226px;
    padding: 0px;
    line-height: 50px;
    color: #fff;
    background: #ffcd2f;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px auto;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 500;
    font-family: "Heebo", sans-serif;
    letter-spacing: 1.12px;
    outline: none !important;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(255, 205, 47, 0.3);
    box-shadow: 0px 0px 35px 0px rgba(255, 205, 47, 0.3);
}

    .send_btn:hover, .send_btn:focus {
        background: #121921;
        color: #fff;
    }

.theme_btn {
    background: #3498db;
    border-radius: 40px;
    color: #fff;
    font: 500 14px/26px "Montserrat", sans-serif;
    text-transform: capitalize;
    padding: 6px 29px;
    margin-top: 42px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .theme_btn:hover {
        background: #22a4fb;
        color: #fff;
    }

.solid_btn {
    padding: 10px 20px;
    font: 400 18px/31px "Montserrat", sans-serif;
    letter-spacing: 0.36px;
    border: 2px solid #fff;
    border-radius: 40px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    width: 200px;
    margin: 0px 10px;
}

    .solid_btn i {
        padding-right: 20px;
    }

    .solid_btn:hover {
        background: #fff;
        color: #3498db;
    }

.border_btn {
    padding: 10px 20px;
    font: 400 18px/31px "Montserrat", sans-serif;
    letter-spacing: 0.36px;
    border: 2px solid #fff;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    margin: 0px 10px;
    text-transform: uppercase;
}

    .border_btn i {
        padding-right: 15px;
    }

    .border_btn:hover {
        background: #fff;
        color: #eb484d;
    }

.red_btn {
    padding: 0px 36px;
    background: #eb484d;
    display: inline-block;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    border-radius: 4px;
    line-height: 35px;
    border: 1px solid #eb484d;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    text-align: center;
}

    .red_btn:hover {
        background: transparent;
        color: #eb484d;
    }

.order_btn {
    background: #d30039;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0px 50px;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    border: 1px solid #d30039;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .order_btn:hover {
        color: #d30039;
        background: transparent;
    }

/* End Submit Button Gradient css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Price Area css
============================================================================================ */
.price_table_area {
    background: #EFF1FF;
    padding: 100px 0px;
}

    .price_table_area .main_title {
        padding-bottom: 65px;
    }

.price_table_inner {
    max-width: 917px;
    margin: auto;
}

    .price_table_inner .price_item {
        width: calc(100% / 3);
        float: left;
        text-align: center;
        background: #fff;
        padding-bottom: 44px;
        overflow: hidden;
    }

        .price_table_inner .price_item .price_header {
            background: #d8cafc;
            padding: 44px 0px 30px 0px;
        }

            .price_table_inner .price_item .price_header h3 {
                font-size: 18px;
                text-transform: uppercase;
                font-family: "Montserrat", sans-serif;
                font-weight: 300;
                color: #424242;
                background: #fff;
                display: block;
                max-width: 155px;
                text-align: center;
                margin: auto;
                line-height: 35px;
                letter-spacing: .36px;
                border-radius: 17.5px;
            }

            .price_table_inner .price_item .price_header h2 {
                font-size: 50px;
                font-family: "Montserrat", sans-serif;
                font-weight: bold;
                color: #fff;
                letter-spacing: 1px;
                padding-top: 8px;
                padding-bottom: 5px;
            }

            .price_table_inner .price_item .price_header h6 {
                font-size: 18px;
                font-family: "Montserrat", sans-serif;
                color: #fff;
                font-weight: 300;
                letter-spacing: .36px;
            }

        .price_table_inner .price_item ul {
            padding: 50px 0px;
        }

            .price_table_inner .price_item ul li {
                margin-bottom: 25px;
            }

                .price_table_inner .price_item ul li a {
                    font-size: 14px;
                    font-family: "Poppins", sans-serif;
                    color: #6b6d6f;
                }

                .price_table_inner .price_item ul li:last-child {
                    margin-bottom: 0px;
                }

        .price_table_inner .price_item:nth-child(2) {
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
            -webkit-transform: scale(1.0001);
            -ms-transform: scale(1.0001);
            transform: scale(1.0001);
            padding-bottom: 60px;
        }

            .price_table_inner .price_item:nth-child(2) .price_header {
                background: #dacafc;
                background: -moz-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, #dacafc), color-stop(100%, #9bccfc));
                background: -webkit-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -o-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -ms-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -webkit-gradient(linear, left top, right top, from(#dacafc), to(#9bccfc));
                background: linear-gradient(to right, #dacafc 0%, #9bccfc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9bccfc', GradientType=1 );
            }

            .price_table_inner .price_item:nth-child(2) .price_btn {
                background: #dacafc;
                background: -moz-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, #dacafc), color-stop(100%, #9bccfc));
                background: -webkit-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -o-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -ms-linear-gradient(left, #dacafc 0%, #9bccfc 100%);
                background: -webkit-gradient(linear, left top, right top, from(#dacafc), to(#9bccfc));
                background: linear-gradient(to right, #dacafc 0%, #9bccfc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacafc', endColorstr='#9bccfc', GradientType=1 );
            }

.price_btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .28px;
    padding: 0px 28px;
    background: #d9cafc;
    line-height: 35px;
    border-radius: 17.5px;
    color: #fff;
}

    .price_btn:hover {
        color: #fff;
    }

/* End Price Area css
============================================================================================ */
/* Server Price Area css
============================================================================================ */
.server_price_area {
    padding: 100px 0px;
}

.server_price_item {
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(6, 83, 129, 0.26);
    box-shadow: 0px 0px 5px 0px rgba(6, 83, 129, 0.26);
}

    .server_price_item .pirce_head {
        text-align: center;
        background: #065381;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        min-height: 155px;
        padding-top: 28px;
    }

        .server_price_item .pirce_head h4 {
            font-size: 24px;
            color: #fff;
            font-family: "Heebo", sans-serif;
            letter-spacing: .48px;
            margin-top: 15px;
        }

    .server_price_item .pirce_body {
        border-bottom: 3px solid #064f7d;
    }

        .server_price_item .pirce_body h5 {
            font-size: 23px;
            color: #065381;
            font-family: "Heebo", sans-serif;
            font-weight: 900;
            padding: 25px 0px 40px 0px;
        }

        .server_price_item .pirce_body ul li {
            margin-bottom: 15px;
        }

            .server_price_item .pirce_body ul li a {
                font-size: 14px;
                font-family: "Heebo", sans-serif;
                color: #5f7b93;
                letter-spacing: .28px;
            }

                .server_price_item .pirce_body ul li a span {
                    font-weight: bold;
                }

            .server_price_item .pirce_body ul li:last-child {
                margin-bottom: 0px;
            }

        .server_price_item .pirce_body .pirce_footer {
            padding: 50px 0px;
        }

            .server_price_item .pirce_body .pirce_footer a {
                font-size: 16px;
                color: #f1f7f5;
                font-family: "Heebo", sans-serif;
                font-weight: bold;
                display: inline-block;
                padding: 0px 35px;
                background: #6d89a1;
                line-height: 44px;
                letter-spacing: .32px;
                border-radius: 22px;
            }

    .server_price_item.prime {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 150, 0, 0.26);
        box-shadow: 0px 0px 5px 0px rgba(255, 150, 0, 0.26);
    }

        .server_price_item.prime .pirce_head {
            background: #ff9600;
        }

            .server_price_item.prime .pirce_head h6 {
                background: #26547c;
                display: inline-block;
                padding: 0px 15px;
                border-radius: 7.5px;
                color: #fff;
                font-size: 10px;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                letter-spacing: .4px;
                line-height: 15px;
            }

        .server_price_item.prime .price-body {
            border-bottom: 3px solid #ff9600;
        }

    .server_price_item.ultimate {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(47, 210, 240, 0.26);
        box-shadow: 0px 0px 5px 0px rgba(47, 210, 240, 0.26);
    }

        .server_price_item.ultimate .pirce_head {
            background: #2fd2f0;
        }

        .server_price_item.ultimate .pirce_body {
            border-bottom: 3px solid #2fd2f0;
        }

.price_item2 h2 {
    text-align: center;
}

.price_item2 h3 {
    text-align: center;
}

.price_item2 .theme_btn {
    border-radius: 0px;
    text-align: center;
    display: block;
    width: 152px;
    margin: 40px auto 0px;
}

.price_item2.orange:before {
    content: "\f02e";
    color: #fc5a1a;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: -3px;
    right: 30px;
    font-size: 48px;
}

.price_item2.orange h3 {
    color: #fc5a1a !important;
}

.price_item2.orange .list li i {
    color: #fc5a1a !important;
}

.price_item2.orange .theme_btn {
    background: #fc5a1a !important;
}

/* End Server Price Area css
============================================================================================ */
/*pricing-area-two 
================================================*/
.pricing-area-two {
    padding: 100px 0px;
}

    .pricing-area-two .main_title {
        margin-bottom: 63px;
    }

    .pricing-area-two .pricing-item {
        background: #fff;
        padding: 50px 30px;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

        .pricing-area-two .pricing-item h2 {
            font: 300 24px/26px "Montserrat", sans-serif;
            color: #424242;
            text-transform: uppercase;
            letter-spacing: 0.48px;
            margin-bottom: 28px;
        }

        .pricing-area-two .pricing-item h3 {
            font-family: "Montserrat", sans-serif;
            color: #3498db;
            font-size: 28px;
            line-height: 26px;
            font-weight: 700;
        }

            .pricing-area-two .pricing-item h3 sub {
                font-weight: 400;
                font-size: 14px;
            }

        .pricing-area-two .pricing-item .list {
            margin-top: 40px;
        }

            .pricing-area-two .pricing-item .list li {
                font: 400 14px/28px "Poppins", sans-serif;
                color: #6b6d6f;
            }

                .pricing-area-two .pricing-item .list li i {
                    color: #3498db;
                    padding-right: 15px;
                }

        .pricing-area-two .pricing-item:hover {
            -webkit-box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
        }

.price_seven {
    background: url(../img/domain-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

    .price_seven:before {
        content: "";
        background: rgba(125, 185, 232, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        display: block;
    }

.pricing-item.price_item3 {
    padding: 0px;
}

    .pricing-item.price_item3 .price_header {
        text-align: center;
        background: url(../img/price-head-1.jpg) no-repeat scroll center center;
        background-size: cover;
        position: relative;
        z-index: 2;
        color: #fff;
        padding-top: 32px;
        padding-bottom: 32px;
        -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.1);
    }

        .pricing-item.price_item3 .price_header:before {
            content: "";
            background: rgba(63, 63, 63, 0.95);
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: -1;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .pricing-item.price_item3 .price_header:after {
            content: "\f02e";
            color: #fff;
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            top: -3px;
            right: 20px;
            font-size: 48px;
            opacity: 0;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .pricing-item.price_item3 .price_header h2 {
            color: #fff;
        }

        .pricing-item.price_item3 .price_header h3 {
            color: #fff;
        }

    .pricing-item.price_item3 .price_body {
        padding: 35px 30px;
        text-align: center;
    }

        .pricing-item.price_item3 .price_body .list {
            margin-top: 0px;
            text-align: left;
        }

        .pricing-item.price_item3 .price_body .theme_btn {
            background: #3f3f3f;
        }

    .pricing-item.price_item3:hover .price_header:before, .pricing-item.price_item3.active .price_header:before {
        background: rgba(125, 185, 232, 0.9);
    }

    .pricing-item.price_item3:hover .price_header:after, .pricing-item.price_item3.active .price_header:after {
        opacity: 1;
    }

    .pricing-item.price_item3:hover .price_body .theme_btn, .pricing-item.price_item3.active .price_body .theme_btn {
        background: #3498db;
    }

/*============== chose_us_area css ============*/
.chose_us_area {
    padding: 100px 0px;
}

    .chose_us_area .chose_content p + p {
        padding-top: 27px;
    }

    .chose_us_area .chose_content .theme_btn {
        padding: 14px 49px;
        font-size: 18px;
        margin-top: 65px;
    }

/*============== chose_us_area css ============*/
/*============== download_area css ============*/
.download_area {
    text-align: center;
    background: #3498db;
    padding: 100px 0px;
}

    .download_area .main_title {
        margin-bottom: 60px;
    }

/*============== download_area css ============*/
/*============== subcribe_area_two css ============*/
.subcribe_area_two {
    padding: 100px 0px;
}

    .subcribe_area_two .subscrib_inner .input-group {
        max-width: 615px;
        margin: 75px auto auto;
        display: block;
        position: relative;
        width: 100%;
    }

        .subcribe_area_two .subscrib_inner .input-group input {
            height: 66px;
            padding: 0px 172px 0px 35px;
            border-radius: 31px;
            border: 1px solid #e0e0e0;
            border-right: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            background: transparent;
            width: 100%;
            display: block;
        }

            .subcribe_area_two .subscrib_inner .input-group input.placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subcribe_area_two .subscrib_inner .input-group input:-moz-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subcribe_area_two .subscrib_inner .input-group input::-moz-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subcribe_area_two .subscrib_inner .input-group input::-webkit-input-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

        .subcribe_area_two .subscrib_inner .input-group .input-group-btn {
            display: block;
            white-space: normal;
            position: absolute;
            right: 0px;
            width: 180px;
            border-radius: 31px;
            top: 0px;
            -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
        }

            .subcribe_area_two .subscrib_inner .input-group .input-group-btn .btn-default {
                height: 66px;
                padding: 0px;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                outline: none !important;
                border-radius: 0px;
                border: none;
                background: transparent;
                position: relative;
                width: 180px;
                text-align: center;
                border-radius: 31px;
                z-index: 3;
                color: #fff;
                background: #3498db;
                font-family: "Poppins", sans-serif;
                letter-spacing: .48px;
                font-size: 24px;
                text-transform: uppercase;
                font-weight: normal;
            }

/*============== subcribe_area_two css ============*/
/*============== download_area css ============*/
.download_area {
    text-align: center;
    background: #3498db;
    padding: 100px 0px;
}

    .download_area .main_title {
        margin-bottom: 60px;
    }

/*============== download_area css ============*/
/* Nine Price Area css
============================================================================================ */
.nine_price_area {
    margin-top: 250px;
    padding-bottom: 130px;
}

    .nine_price_area .nine_title {
        padding-bottom: 130px;
    }

.nine_price_item {
    text-align: center;
    background: #f8f8f8;
    border-bottom: 2px solid #000;
    padding: 55px 25px;
}

    .nine_price_item h2 {
        text-transform: uppercase;
        color: #272727;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        font-size: 28px;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d7d7d7;
        display: inline-block;
    }

        .nine_price_item h2 span {
            font-size: 18px;
        }

    .nine_price_item ul {
        text-align: left;
        background: #fff;
        padding: 40px 35px 50px 35px;
        border-bottom: 1px solid #000;
    }

        .nine_price_item ul li {
            margin-bottom: 10px;
        }

            .nine_price_item ul li a {
                font-size: 15px;
                color: #585858;
                font-family: "sans-serif";
                font-style: italic;
            }

                .nine_price_item ul li a i {
                    padding-right: 10px;
                }

            .nine_price_item ul li:last-child {
                margin-bottom: 0px;
            }

    .nine_price_item h4 {
        font-size: 30px;
        color: #272727;
        font-family: "sans-serif";
        font-weight: bold;
        font-style: italic;
        padding: 30px 0px;
    }

        .nine_price_item h4 span {
            font-family: "Heebo", sans-serif;
            color: #8e8e8e;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
        }

    .nine_price_item .get_btn {
        background: #d7d7d7;
        text-transform: uppercase;
        font-size: 14px;
        color: #272727;
        border-radius: 4px;
        padding: 0px 35px;
        line-height: 37px;
        display: inline-block;
        font-family: "Heebo", sans-serif;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .nine_price_item .get_btn:hover {
            background: #eb484d;
            color: #fff;
        }

    .nine_price_item:hover {
        border-color: #eb484d;
    }

        .nine_price_item:hover ul {
            border-color: #eb484d;
        }

/* End Nine Price Area css
============================================================================================ */
/* Ten Price Area css
============================================================================================ */
.ten_price_item {
    padding: 0px 10px;
    margin-top: 160px;
    position: relative;
    border-radius: 15px;
}

    .ten_price_item .ten_price_item_box {
        background: #fafcff;
        position: relative;
        top: -160px;
        margin-bottom: -120px;
        border-radius: 15px;
        padding-bottom: 60px;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);
    }

        .ten_price_item .ten_price_item_box:before {
            content: "Exclusive";
            color: #fff;
            position: absolute;
            right: -27px;
            top: 22px;
            font-size: 12px;
            font-family: "Heebo", sans-serif;
            text-transform: uppercase;
            padding: 0px 30px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ten_price_item .ten_price_item_box .ten_p_head {
            text-align: center;
            padding-top: 60px;
            padding-bottom: 55px;
        }

            .ten_price_item .ten_price_item_box .ten_p_head h3 {
                font-size: 22px;
                font-family: "Heebo", sans-serif;
                padding-bottom: 10px;
            }

            .ten_price_item .ten_price_item_box .ten_p_head h2 {
                color: #272727;
                font-family: "Heebo", sans-serif;
                font-weight: bold;
                font-size: 45px;
            }

                .ten_price_item .ten_price_item_box .ten_p_head h2 span {
                    color: #8e8e8e;
                    font-size: 15px;
                    font-weight: normal;
                }

        .ten_price_item .ten_price_item_box ul {
            margin-left: 32px;
            padding-left: 15px;
        }

            .ten_price_item .ten_price_item_box ul li {
                margin-bottom: 13px;
            }

                .ten_price_item .ten_price_item_box ul li a {
                    font-size: 16px;
                    color: #8e8e8e;
                    font-family: "Heebo", sans-serif;
                    font-weight: normal;
                }

                .ten_price_item .ten_price_item_box ul li:last-child {
                    margin-left: 0px;
                }

    .ten_price_item .ten_p_btn {
        text-align: center;
        display: block;
        font-size: 22px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        padding-bottom: 30px;
    }

.red {
    background: #ff6767;
}

    .red .ten_p_head h3 {
        color: #ff6767;
    }

    .red .ten_price_item_box:before {
        background: #ff6767;
    }

    .red .ten_price_item_box ul {
        border-left: 1px dashed #ff6767;
    }

.blue {
    background: #0083ff;
}

    .blue .ten_p_head h3 {
        color: #0083ff;
    }

    .blue .ten_price_item_box:before {
        background: #0083ff;
    }

    .blue .ten_price_item_box ul {
        border-left: 1px dashed #0083ff;
    }

.green {
    background: #2cc990;
}

    .green .ten_p_head h3 {
        color: #2cc990;
    }

    .green .ten_price_item_box:before {
        background: #2cc990;
    }

    .green .ten_price_item_box ul {
        border-left: 1px dashed #2cc990;
    }

/* End Ten Price Area css
============================================================================================ */
/* Gadget Product Area css
============================================================================================ */
.g_product_area .g_p_slider {
    margin-top: -30px;
}

    .g_product_area .g_p_slider .owl-stage-outer {
        padding: 30px 0px;
    }

    .g_product_area .g_p_slider .owl-item {
        opacity: .35;
    }

        .g_product_area .g_p_slider .owl-item.center {
            opacity: 1;
            -webkit-box-shadow: 0px 0px 68px 0px rgba(0, 0, 1, 0.08);
            box-shadow: 0px 0px 68px 0px rgba(0, 0, 1, 0.08);
        }

    .g_product_area .g_p_slider .owl-dots {
        margin-top: 35px;
    }

        .g_product_area .g_p_slider .owl-dots .owl-dot {
            width: 18px;
            height: 8px;
            background: #d7d7d7;
            border-radius: 4px;
        }

            .g_product_area .g_p_slider .owl-dots .owl-dot.active {
                background: #e9003f;
                width: 36px;
            }

.review_img_inner {
    position: relative;
    text-align: center;
    padding-top: 60px;
}

    .review_img_inner .g_br_img {
        position: relative;
        display: inline-block;
    }

        .review_img_inner .g_br_img ul li {
            position: absolute;
            font-size: 14px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .review_img_inner .g_br_img ul li span {
                height: 16px;
                width: 20px;
                border-radius: 50%;
                border: 4px solid #eff0f2;
                display: inline-block;
                background: #a5acb7;
                position: relative;
                right: -7.5px;
                top: 3px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .review_img_inner .g_br_img ul li:first-child {
                left: -75px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .review_img_inner .g_br_img ul li:nth-child(2) {
                right: -75px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .review_img_inner .g_br_img ul li:nth-child(2) span {
                    left: -7px;
                }

            .review_img_inner .g_br_img ul li:last-child {
                left: 0px;
                bottom: -40px;
                width: 100%;
                text-align: center;
            }

                .review_img_inner .g_br_img ul li:last-child span {
                    left: 35px;
                    top: -26px;
                }

            .review_img_inner .g_br_img ul li:hover {
                color: #e9003f;
                cursor: pointer;
            }

                .review_img_inner .g_br_img ul li:hover span {
                    background: #e9003f;
                    border-color: #f8ced9;
                }

    .review_img_inner .main_img {
        position: absolute;
        top: 0px;
        left: 51.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

/* End Gadget Product Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Blog Area css
============================================================================================ */
.latest_blog_area {
    padding: 100px 0px;
}

    .latest_blog_area .main_title {
        padding-bottom: 60px;
    }

.l_blog_big_item .l_blog_text {
    padding: 0px 40px;
}

    .l_blog_big_item .l_blog_text .l_blog_text_inner {
        background: #fff;
        margin-top: -80px;
        z-index: 10;
        position: relative;
        padding: 30px 30px 50px 30px;
        -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
    }

        .l_blog_big_item .l_blog_text .l_blog_text_inner .blog_date a {
            font-size: 14px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
            margin-right: 30px;
            position: relative;
        }

            .l_blog_big_item .l_blog_text .l_blog_text_inner .blog_date a i {
                padding-right: 8px;
            }

            .l_blog_big_item .l_blog_text .l_blog_text_inner .blog_date a:before {
                content: "";
                background: #424242;
                height: 14px;
                width: 1px;
                position: absolute;
                left: -15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .l_blog_big_item .l_blog_text .l_blog_text_inner .blog_date a:first-child:before {
                display: none;
            }

        .l_blog_big_item .l_blog_text .l_blog_text_inner h4 {
            font-size: 18px;
            font-family: "Montserrat", sans-serif;
            color: #424242;
            padding: 15px 0px 22px 0px;
        }

        .l_blog_big_item .l_blog_text .l_blog_text_inner p {
            line-height: 24px;
            font-family: "Poppins", sans-serif;
            font-size: 14px;
            color: #424242;
        }

        .l_blog_big_item .l_blog_text .l_blog_text_inner .owl-prev, .l_blog_big_item .l_blog_text .l_blog_text_inner .owl-next {
            height: 25px;
            width: 25px;
            text-align: center;
            position: absolute;
            right: 0px;
            bottom: 0px;
            z-index: 3;
            color: #fff;
            cursor: pointer;
        }

            .l_blog_big_item .l_blog_text .l_blog_text_inner .owl-prev:before, .l_blog_big_item .l_blog_text .l_blog_text_inner .owl-next:before {
                content: "";
                background: #e3ccfc;
                background: -moz-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, #e3ccfc), color-stop(100%, #8fcdfc));
                background: -webkit-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                background: -o-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                background: -ms-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                background: -webkit-gradient(linear, left top, right top, from(#e3ccfc), to(#8fcdfc));
                background: linear-gradient(to right, #e3ccfc 0%, #8fcdfc 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ccfc', endColorstr='#8fcdfc', GradientType=1 );
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: -1;
            }

        .l_blog_big_item .l_blog_text .l_blog_text_inner .owl-prev {
            right: 30px;
        }

.right_l_blog {
    padding-right: 30px;
}

    .right_l_blog .media {
        margin-top: 30px;
    }

        .right_l_blog .media:first-child {
            margin-top: 0px;
        }

        .right_l_blog .media .media-left {
            padding-right: 30px;
        }

        .right_l_blog .media .media-body h4 {
            font-size: 14px;
            color: #424242;
            font-family: "Montserrat", sans-serif;
            letter-spacing: .28px;
            font-weight: normal;
        }

        .right_l_blog .media .media-body h5 {
            font-size: 14px;
            color: #6b6d6f;
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
            font-weight: normal;
            letter-spacing: .28px;
            padding: 12px 0px 25px 0px;
        }

            .right_l_blog .media .media-body h5 i {
                padding-right: 8px;
            }

        .right_l_blog .media .media-body p {
            font-size: 14px;
            line-height: 26px;
            color: #6b6d6f;
            font-family: "Roboto", sans-serif;
        }

/* End Latest Blog Area css
============================================================================================ */
/* Update Blog Area css
============================================================================================ */
.update_blog_area {
    padding: 110px 0px;
}

.nine_l_blog .nine_title {
    padding-bottom: 70px;
}

.up_blog_item .blog_img img {
    max-width: 100%;
}

.up_blog_item .up_blog_text {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.02);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.02);
    padding: 36px 25px 36px 25px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .up_blog_item .up_blog_text h5 {
        font-size: 14px;
        color: #c1c1c1;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

    .up_blog_item .up_blog_text h4 {
        font-size: 18px;
        line-height: 30px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        color: #121921;
        letter-spacing: .36px;
        padding: 15px 0px 33px 0px;
    }

        .up_blog_item .up_blog_text h4:hover {
            text-decoration: underline;
        }

    .up_blog_item .up_blog_text .read_c {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        letter-spacing: .86px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .up_blog_item .up_blog_text .read_c i {
            padding-left: 7px;
        }

        .up_blog_item .up_blog_text .read_c:hover {
            color: #ffcd2f;
        }

.up_blog_item:hover .up_blog_text {
    -webkit-box-shadow: 0px 25px 90px 0px rgba(0, 0, 1, 0.06);
    box-shadow: 0px 25px 90px 0px rgba(0, 0, 1, 0.06);
}

.nine_b_item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #d7d7d7;
}

    .nine_b_item .up_blog_text {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 20px 0px 50px 0px;
    }

        .nine_b_item .up_blog_text h5 {
            color: #eb484d;
        }

        .nine_b_item .up_blog_text h4 {
            padding-bottom: 20px;
        }

        .nine_b_item .up_blog_text p {
            font-size: 16px;
            line-height: 28px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            padding-bottom: 20px;
        }

        .nine_b_item .up_blog_text .read_c {
            color: #272727;
        }

            .nine_b_item .up_blog_text .read_c:hover {
                color: #eb484d;
            }

    .nine_b_item:hover {
        border-color: #eb484d;
    }

        .nine_b_item:hover .up_blog_text {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .nine_b_item:hover .read_c {
            color: #eb484d;
        }

.more_post {
    text-align: center;
    padding-top: 55px;
}

    .more_post a {
        color: #585858;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 8.32px;
    }

/* End Update Blog Area css
============================================================================================ */
/* Standard Blog Area css
============================================================================================ */
.l_standard_blog_area .main_title {
    padding-bottom: 60px;
}

.l_standard_blog_area.violet {
    background: #857de8;
}

    .l_standard_blog_area.violet .l_s_blog_inner .l_s_blog_item .l_s_blog_text h4 {
        color: #fff;
    }

    .l_standard_blog_area.violet .l_s_blog_inner .l_s_blog_item .l_s_blog_text p {
        color: #fff;
    }

.l_s_blog_inner .l_s_blog_item .l_s_blog_img {
    overflow: hidden;
}

    .l_s_blog_inner .l_s_blog_item .l_s_blog_img img {
        width: 100%;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .l_s_blog_inner .l_s_blog_item .l_s_blog_img:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.l_s_blog_inner .l_s_blog_item .l_s_blog_text {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 30px 40px 30px;
}

    .l_s_blog_inner .l_s_blog_item .l_s_blog_text h4 {
        font-size: 18px;
        color: #424242;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        padding-bottom: 15px;
    }

    .l_s_blog_inner .l_s_blog_item .l_s_blog_text p {
        font-size: 14px;
        line-height: 26px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
    }

/* End Standard Blog Area css
============================================================================================ */
/* Blog Ms Area css
============================================================================================ */
.blog_ms_inner {
    margin-bottom: -30px;
}

.blog_ms_item {
    padding: 6px;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    .blog_ms_item .blog_ms_img {
        margin-bottom: 30px;
    }

        .blog_ms_item .blog_ms_img img {
            width: 100%;
        }

        .blog_ms_item .blog_ms_img iframe {
            width: 100%;
            height: 130px;
        }

    .blog_ms_item .blog_ms_text {
        padding-left: 12px;
        padding-right: 12px;
    }

        .blog_ms_item .blog_ms_text h3 {
            font-size: 18px;
            font-weight: bold;
            color: #272727;
            font-family: "Heebo", sans-serif;
            padding-bottom: 10px;
            line-height: 28px;
        }

        .blog_ms_item .blog_ms_text ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .blog_ms_item .blog_ms_text ul li a {
                border: 1px solid #d7d7d7;
                line-height: 25px;
                text-align: center;
                padding: 0px 8px;
                border-radius: 12.5px;
                font-size: 10px;
                font-family: "Heebo", sans-serif;
                font-weight: normal;
                display: inline-block;
                color: #8e8e8e;
            }

                .blog_ms_item .blog_ms_text ul li a i {
                    padding-right: 6px;
                }

            .blog_ms_item .blog_ms_text ul li:last-child {
                margin-right: 0px;
                margin-left: 25px;
            }

        .blog_ms_item .blog_ms_text p {
            font-size: 14px;
            line-height: 24px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            padding-top: 25px;
            padding-bottom: 20px;
        }

        .blog_ms_item .blog_ms_text .order_btn {
            font-size: 14px;
            line-height: 32px;
            padding: 0px 19px;
            text-transform: inherit;
            font-weight: normal;
            background: #a5acb7;
            border-color: #a5acb7;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .blog_ms_item .blog_ms_text .order_btn:hover {
                background: #e9003f;
                color: #fff;
                border-color: #e9003f;
            }

.blog_time li {
    display: inline-block;
    margin-right: 5px;
}

    .blog_time li a {
        border: 1px solid #d7d7d7;
        line-height: 25px;
        text-align: center;
        padding: 0px 8px;
        border-radius: 12.5px;
        font-size: 10px;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
        display: inline-block;
        color: #8e8e8e;
    }

        .blog_time li a i {
            padding-right: 6px;
        }

    .blog_time li:last-child {
        margin-right: 0px;
        margin-left: 25px;
    }

.blog_pagination {
    text-align: center;
    margin-top: 70px;
}

    .blog_pagination .pagi_inner ul {
        margin: 0px;
    }

        .blog_pagination .pagi_inner ul li {
            margin-right: 4px;
            display: inline-block;
        }

            .blog_pagination .pagi_inner ul li a {
                border: 1px solid #dadada;
                border-radius: 3px;
                background: #f4f4f4;
                padding: 0px 16px;
                line-height: 40px;
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                vertical-align: middle;
                -ms-flex-item-align: center;
                align-self: center;
            }

            .blog_pagination .pagi_inner ul li:first-child a i {
                padding-right: 10px;
            }

            .blog_pagination .pagi_inner ul li:last-child a i {
                padding-left: 10px;
            }

            .blog_pagination .pagi_inner ul li.active a {
                background: #e9003f;
                border-color: #e9003f;
                color: #fff;
            }

.r_widget {
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
    margin-bottom: 36px;
    padding: 35px;
}

    .r_widget:last-child {
        margin-bottom: 0px;
    }

.r_title {
    margin-bottom: 40px;
}

    .r_title h3 {
        font-size: 18px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        color: #585858;
        position: relative;
        padding-bottom: 13px;
    }

        .r_title h3:before {
            content: "";
            width: 100%;
            height: 1px;
            bottom: 0px;
            background: #eaeaea;
            position: absolute;
            left: 0px;
        }

        .r_title h3:after {
            content: "";
            width: 85%;
            height: 3px;
            bottom: -1px;
            background: #e9003f;
            position: absolute;
            left: 0px;
        }

.search_widget .input-group input {
    border: 1px solid #f0f0f0;
    height: 45px;
    border-bottom-left-radius: 26px;
    border-top-left-radius: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    padding: 0px 15px;
    color: #bbbbbb;
    outline: none;
}

    .search_widget .input-group input.placeholder {
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #bbbbbb;
    }

    .search_widget .input-group input:-moz-placeholder {
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #bbbbbb;
    }

    .search_widget .input-group input::-moz-placeholder {
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #bbbbbb;
    }

    .search_widget .input-group input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #bbbbbb;
    }

.search_widget .input-group .input-group-btn .pre_or_btn {
    border: none;
    background: #e9003f;
    margin-left: 0px;
    color: #fff;
    width: 92px;
    height: 45px;
    padding: 0px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom-right-radius: 26px;
    border-top-right-radius: 26px;
}

.categories_widget ul {
    margin-left: -20px;
}

    .categories_widget ul li {
        margin-bottom: 8px;
    }

        .categories_widget ul li a {
            font-size: 14px;
            font-family: "Heebo", sans-serif;
            color: #8e8e8e;
            line-height: 32px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .categories_widget ul li a .text {
                float: none;
                line-height: 32px;
                background: transparent;
                padding: 0px 20px;
                display: inline-block;
                border-radius: 16px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .categories_widget ul li a span {
                float: right;
                line-height: 32px;
            }

        .categories_widget ul li:hover a .text {
            background: #e9003f;
            color: #fff;
        }

        .categories_widget ul li:last-child {
            margin-bottom: 0px;
        }

.r_post_widget .media {
    margin-top: 25px;
}

    .r_post_widget .media .media-left {
        padding-right: 12px;
    }

    .r_post_widget .media .media-body h4 {
        font-size: 14px;
        line-height: 22px;
        font-family: "Heebo", sans-serif;
        color: #585858;
    }

    .r_post_widget .media .media-body ul li {
        display: inline-block;
        margin-right: 15px;
    }

        .r_post_widget .media .media-body ul li a {
            font-size: 12px;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            color: #b4b4b4;
        }

            .r_post_widget .media .media-body ul li a i {
                padding-right: 5px;
            }

        .r_post_widget .media .media-body ul li:last-child {
            margin-right: 0px;
        }

.insta_widget ul {
    overflow: hidden;
    margin: -6px;
}

    .insta_widget ul li {
        width: calc(100% / 3);
        float: left;
        padding: 6px;
    }

        .insta_widget ul li a img {
            width: 100%;
        }

.tags_widget ul {
    margin-right: -13px;
    margin-bottom: -15px;
}

    .tags_widget ul li {
        display: inline-block;
        margin-right: 13px;
        margin-bottom: 15px;
    }

        .tags_widget ul li a {
            font-family: "Heebo", sans-serif;
            color: #8e8e8e;
            font-size: 14px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .tags_widget ul li:hover a {
            color: #e9003f;
        }

.add_widget_inner {
    position: relative;
}

    .add_widget_inner img {
        width: 100%;
    }

    .add_widget_inner .add_text {
        position: absolute;
        top: 30px;
        left: 20px;
    }

        .add_widget_inner .add_text h6 {
            font-size: 17px;
            line-height: 20px;
            color: #fff;
            font-family: "Heebo", sans-serif;
        }

        .add_widget_inner .add_text h4 {
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #02f58b;
            font-size: 26px;
            text-transform: uppercase;
            padding: 12px 0px 20px 0px;
        }

        .add_widget_inner .add_text .order_btn {
            font-size: 15px;
            line-height: 36px;
            padding: 0px 20px;
            border-radius: 18px;
        }

.blog_ms_right_area {
    padding: 100px 0px;
}

.single_blog_inner .single_blog_main h3 {
    color: #272727;
    font-size: 40px;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
}

.single_blog_inner .single_blog_main .main_img {
    max-width: 100%;
}

.single_blog_inner .single_blog_main .blog_author_tag {
    overflow: hidden;
    padding: 15px 0px;
    border-bottom: 1px solid #eeeeee;
}

    .single_blog_inner .single_blog_main .blog_author_tag .pull-left .media .media-left {
        padding-right: 15px;
    }

    .single_blog_inner .single_blog_main .blog_author_tag .pull-left .media .media-body {
        width: auto;
        vertical-align: middle;
    }

        .single_blog_inner .single_blog_main .blog_author_tag .pull-left .media .media-body h4 {
            color: #272727;
            font-weight: 500;
            font-size: 16px;
            font-family: "Heebo", sans-serif;
        }

        .single_blog_inner .single_blog_main .blog_author_tag .pull-left .media .media-body h5 {
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            font-size: 14px;
        }

    .single_blog_inner .single_blog_main .blog_author_tag .pull-right h4 {
        color: #272727;
        font-weight: 500;
        font-size: 16px;
        font-family: "Heebo", sans-serif;
        padding-top: 10px;
    }

    .single_blog_inner .single_blog_main .blog_author_tag .pull-right a {
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
        font-size: 14px;
    }

.single_blog_inner .single_blog_main p strong {
    font-size: 14px;
    color: #272727;
    font-family: "Heebo", sans-serif;
}

.single_blog_inner .single_blog_main p {
    font-size: 14px;
    line-height: 24px;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    font-weight: normal;
    padding-top: 20px;
    letter-spacing: .28px;
}

    .single_blog_inner .single_blog_main p a {
        color: #000;
        font-weight: bold;
    }

.single_blog_inner .single_blog_main ul {
    padding-top: 10px;
    padding-bottom: 25px;
}

.single_blog_inner .single_b_share {
    overflow: hidden;
    padding: 35px 0px;
}

    .single_blog_inner .single_b_share .pull-left .s_b_social h3 {
        display: inline-block;
        font-size: 14px;
        color: #000000;
        font-family: "Heebo", sans-serif;
    }

    .single_blog_inner .single_b_share .pull-left .s_b_social ul {
        display: inline-block;
        padding-left: 10px;
    }

        .single_blog_inner .single_b_share .pull-left .s_b_social ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .single_blog_inner .single_b_share .pull-left .s_b_social ul li a {
                font-size: 14px;
                color: #8e8e8e;
            }

            .single_blog_inner .single_b_share .pull-left .s_b_social ul li:last-child {
                margin-right: 0px;
            }

            .single_blog_inner .single_b_share .pull-left .s_b_social ul li:hover a {
                color: #e9003f;
            }

    .single_blog_inner .single_b_share .pull-right .s_b_tags h3 {
        display: inline-block;
        font-size: 14px;
        color: #000000;
        font-family: "Heebo", sans-serif;
    }

    .single_blog_inner .single_b_share .pull-right .s_b_tags ul {
        display: inline-block;
        padding-left: 5px;
    }

        .single_blog_inner .single_b_share .pull-right .s_b_tags ul li {
            display: inline-block;
        }

            .single_blog_inner .single_b_share .pull-right .s_b_tags ul li a {
                font-size: 14px;
                color: #d1d1d1;
            }

.single_blog_inner .related_post_inner .related_post_slider .owl-stage-outer .owl-stage {
    padding-left: 0px !important;
}

.single_blog_inner .related_post_inner .related_post_slider .related_p_item h4 {
    color: #272727;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-top: 13px;
}

.single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-prev.disabled {
    opacity: 0;
    visibility: hidden;
}

.single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
}

.single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-prev, .single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-next {
    position: absolute;
    top: 38%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    font-size: 35px;
    color: #fff;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-prev {
    left: 20px;
}

.single_blog_inner .related_post_inner .related_post_slider .owl-nav .owl-next {
    right: 20px;
}

.single_blog_inner .s_comment_list {
    padding-top: 70px;
}

    .single_blog_inner .s_comment_list .media {
        margin-top: 20px;
    }

        .single_blog_inner .s_comment_list .media:nth-child(2) {
            margin-top: 0px;
        }

        .single_blog_inner .s_comment_list .media .media-left {
            padding-right: 25px;
        }

        .single_blog_inner .s_comment_list .media .media-body {
            background: #f9f9f9;
            padding: 20px;
            position: relative;
            overflow: visible;
        }

            .single_blog_inner .s_comment_list .media .media-body:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 14px 6px 0;
                border-color: transparent #f9f9f9 transparent transparent;
                position: absolute;
                left: -14px;
                top: 15px;
            }

            .single_blog_inner .s_comment_list .media .media-body h3 {
                font-size: 16px;
                color: #272727;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                padding-bottom: 20px;
                display: inline-block;
            }

            .single_blog_inner .s_comment_list .media .media-body h6 {
                float: right;
                display: inline-block;
                font-size: 14px;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                line-height: 28px;
            }

            .single_blog_inner .s_comment_list .media .media-body p {
                font-size: 14px;
                color: #8e8e8e;
                line-height: 26px;
                font-family: "Heebo", sans-serif;
            }

            .single_blog_inner .s_comment_list .media .media-body a {
                display: block;
                text-align: right;
                font-size: 14px;
                color: #272727;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
            }

                .single_blog_inner .s_comment_list .media .media-body a i {
                    -webkit-transform: rotateX(-180deg);
                    transform: rotateX(-180deg);
                    -webkit-transform: rotateY(-180deg);
                    transform: rotateY(-180deg);
                }

.single_blog_inner .comment_form {
    padding-top: 85px;
}

    .single_blog_inner .comment_form .contact_us_form {
        padding: 0px;
    }

        .single_blog_inner .comment_form .contact_us_form .form-group {
            margin-bottom: 45px;
        }

            .single_blog_inner .comment_form .contact_us_form .form-group input {
                border-top: 1px solid #c9c9c9;
                height: 50px;
            }

                .single_blog_inner .comment_form .contact_us_form .form-group input:focus {
                    border-color: #000;
                }

            .single_blog_inner .comment_form .contact_us_form .form-group textarea {
                border-top: 1px solid #c9c9c9;
                padding-top: 15px;
            }

                .single_blog_inner .comment_form .contact_us_form .form-group textarea:focus {
                    border-color: #000;
                }

            .single_blog_inner .comment_form .contact_us_form .form-group .pre_or_btn {
                background: #e9003f;
                color: #fff;
                display: inline-block;
                -webkit-box-shadow: none;
                box-shadow: none;
                width: auto;
                line-height: 48px;
                height: 48px;
                padding: 0px 35px;
                border-radius: 0px;
                outline: none !important;
                text-transform: capitalize;
            }

            .single_blog_inner .comment_form .contact_us_form .form-group:last-child {
                margin-bottom: 0px;
            }

.s_r_title {
    padding-bottom: 50px;
}

    .s_r_title h3 {
        font-size: 28px;
        color: #272727;
        font-family: "Heebo", sans-serif;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 8px;
    }

/* End Blog Ms Area css
============================================================================================ */
/* End Blog Ms Area css
============================================================================================ */
.error_area {
    background: url(../img/error-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    text-align: center;
}

    .error_area .error_text {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .error_area .error_text img {
            text-align: center;
            display: block;
            margin: auto;
        }

        .error_area .error_text h4 {
            color: #4a647a;
            font-family: "Heebo", sans-serif;
            font-size: 22px;
            padding: 30px 0px;
        }

            .error_area .error_text h4 a {
                color: #9baebf;
                text-decoration: underline;
            }

        .error_area .error_text .order_btn i {
            padding-right: 10px;
        }

/* End Blog Ms Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Subscrib Area css
============================================================================================ */
.subscrib_area .subscrib_inner {
    border-bottom: 1px solid #e0e2e6;
    padding-bottom: 100px;
}

    .subscrib_area .subscrib_inner .main_title {
        padding-bottom: 60px;
    }

        .subscrib_area .subscrib_inner .main_title p {
            max-width: 520px;
        }

    .subscrib_area .subscrib_inner .input-group {
        max-width: 525px;
        margin: auto;
        display: block;
        position: relative;
        width: 100%;
        height: 62px;
    }

        .subscrib_area .subscrib_inner .input-group input {
            height: 62px;
            padding: 0px 172px 0px 35px;
            border-radius: 31px;
            border: 1px solid #e0e2e6;
            border-right: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            background: transparent;
            width: 100%;
            display: block;
        }

            .subscrib_area .subscrib_inner .input-group input.placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subscrib_area .subscrib_inner .input-group input:-moz-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subscrib_area .subscrib_inner .input-group input::-moz-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

            .subscrib_area .subscrib_inner .input-group input::-webkit-input-placeholder {
                font-family: "Poppins", sans-serif, FontAwesome;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: .36px;
                color: #6b6d6f;
            }

        .subscrib_area .subscrib_inner .input-group .input-group-btn {
            display: block;
            white-space: normal;
            position: absolute;
            right: 0px;
            width: 172px;
            border-radius: 31px;
            top: 0px;
            -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.12);
        }

            .subscrib_area .subscrib_inner .input-group .input-group-btn .btn-default {
                height: 62px;
                padding: 0px;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                outline: none !important;
                border-radius: 0px;
                border: none;
                background: transparent;
                position: relative;
                width: 172px;
                text-align: center;
                border-radius: 31px;
                z-index: 3;
                color: #fff;
                font-family: "Poppins", sans-serif;
                letter-spacing: .48px;
                font-size: 24px;
                text-transform: uppercase;
                font-weight: normal;
            }

                .subscrib_area .subscrib_inner .input-group .input-group-btn .btn-default:before {
                    content: "";
                    height: 100%;
                    width: 100%;
                    background: #e3ccfc;
                    background: -moz-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                    background: -webkit-gradient(left top, right top, color-stop(0%, #e3ccfc), color-stop(100%, #8fcdfc));
                    background: -webkit-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                    background: -o-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                    background: -ms-linear-gradient(left, #e3ccfc 0%, #8fcdfc 100%);
                    background: -webkit-gradient(linear, left top, right top, from(#e3ccfc), to(#8fcdfc));
                    background: linear-gradient(to right, #e3ccfc 0%, #8fcdfc 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ccfc', endColorstr='#8fcdfc', GradientType=1 );
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    border-radius: 31px;
                    z-index: -1;
                }

/* End Subscrib Area css
============================================================================================ */
/* Contact Form Widget Area css
============================================================================================ */
.contact_widget_form .form-group {
    margin-bottom: 20px;
}

    .contact_widget_form .form-group input {
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        height: 40px;
        border: 1px solid #e6e8ec;
        background: transparent;
        padding: 0px 20px;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        letter-spacing: 1.4px;
        color: #6b6d6f;
    }

        .contact_widget_form .form-group input.placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group input:-moz-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group input::-moz-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group input::-webkit-input-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group input:focus {
            border-color: #424242;
        }

    .contact_widget_form .form-group textarea {
        height: 220px;
        border: 1px solid #e6e8ec;
        background: transparent;
        padding: 18px 20px;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        letter-spacing: 1.4px;
        color: #6b6d6f;
        resize: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

        .contact_widget_form .form-group textarea.placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group textarea:-moz-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group textarea::-moz-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group textarea::-webkit-input-placeholder {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 1.4px;
            color: #6b6d6f;
        }

        .contact_widget_form .form-group textarea:focus {
            border-color: #424242;
        }

    .contact_widget_form .form-group .submint_btn {
        margin-top: 10px;
    }

/* End Contact Form Widget Area css
============================================================================================ */
/* Subscribe Area css
============================================================================================ */
.subscrib_area2 {
    background: #f6f7fa;
    padding: 110px 0px;
}

    .subscrib_area2 .input-group {
        max-width: 1010px;
        margin: auto;
        display: block;
        position: relative;
        height: 100px;
        width: 100%;
    }

        .subscrib_area2 .input-group input {
            height: 100px;
            display: block;
            background: #fff;
            border-radius: 50px !important;
            padding: 0px 200px 0px 50px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #fff;
            font-size: 20px;
            font-family: "Heebo", sans-serif;
            color: #d7d7d7;
            letter-spacing: .40px;
            font-weight: 400;
        }

            .subscrib_area2 .input-group input.placeholder {
                font-size: 20px;
                font-family: "Heebo", sans-serif;
                color: #d7d7d7;
                letter-spacing: .40px;
                font-weight: 400;
            }

            .subscrib_area2 .input-group input:-moz-placeholder {
                font-size: 20px;
                font-family: "Heebo", sans-serif;
                color: #d7d7d7;
                letter-spacing: .40px;
                font-weight: 400;
            }

            .subscrib_area2 .input-group input::-moz-placeholder {
                font-size: 20px;
                font-family: "Heebo", sans-serif;
                color: #d7d7d7;
                letter-spacing: .40px;
                font-weight: 400;
            }

            .subscrib_area2 .input-group input::-webkit-input-placeholder {
                font-size: 20px;
                font-family: "Heebo", sans-serif;
                color: #d7d7d7;
                letter-spacing: .40px;
                font-weight: 400;
            }

            .subscrib_area2 .input-group input:focus {
                border-color: #ffcd00;
            }

        .subscrib_area2 .input-group .input-group-btn {
            position: absolute;
            right: 7px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 22;
            width: auto;
            white-space: normal;
        }

            .subscrib_area2 .input-group .input-group-btn .btn-default {
                padding: 0px;
                border: none;
                width: 186px;
                border: 4px solid #f8f8f8;
                background: #ffcd00;
                height: 85px;
                border-radius: 42.5px;
                font-size: 42px;
                outline: none !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }

/* End Subscribe Area css
============================================================================================ */
/* Get Contact Form Area css
============================================================================================ */
.get_form_area {
    background: #f1f5f8;
    padding: 110px 0px;
}

.contact_us_form {
    background: #fff;
    padding: 60px 60px 80px 60px;
    border-radius: 15px;
}

    .contact_us_form .form-group input {
        border: none;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 40px;
        padding: 0px;
        font-size: 14px;
        color: #9d9d9d;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
        color: #121921;
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

        .contact_us_form .form-group input.placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group input:-moz-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group input::-moz-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group input::-webkit-input-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group input:focus {
            border-color: #121921;
        }

            .contact_us_form .form-group input:focus.placeholder {
                color: #121921;
            }

            .contact_us_form .form-group input:focus:-moz-placeholder {
                color: #121921;
            }

            .contact_us_form .form-group input:focus::-moz-placeholder {
                color: #121921;
            }

            .contact_us_form .form-group input:focus::-webkit-input-placeholder {
                color: #121921;
            }

    .contact_us_form .form-group textarea {
        border: none;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 45px 0px 0px 0px;
        font-size: 14px;
        color: #9d9d9d;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
        color: #121921;
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
        resize: none;
        height: 220px;
    }

        .contact_us_form .form-group textarea.placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group textarea:-moz-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group textarea::-moz-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group textarea::-webkit-input-placeholder {
            font-size: 14px;
            color: #9d9d9d;
            font-family: "Heebo", sans-serif;
            letter-spacing: .28px;
        }

        .contact_us_form .form-group textarea:focus {
            border-color: #121921;
        }

            .contact_us_form .form-group textarea:focus.placeholder {
                color: #121921;
            }

            .contact_us_form .form-group textarea:focus:-moz-placeholder {
                color: #121921;
            }

            .contact_us_form .form-group textarea:focus::-moz-placeholder {
                color: #121921;
            }

            .contact_us_form .form-group textarea:focus::-webkit-input-placeholder {
                color: #121921;
            }

    .contact_us_form .form-group .send_btn {
        margin-top: 65px;
    }

/* End Get Contact Form Area css
============================================================================================ */
/* Time Newsletter Area css
============================================================================================ */
.time_newsletter {
    background: url(../img/time-newsletter-bg.png) no-repeat scroll center center;
    background-size: cover;
    z-index: 3;
    position: relative;
    padding: 100px 0px;
}

    .time_newsletter:before {
        content: "";
        background: rgba(38, 84, 124, 0.94);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: -1;
        height: 100%;
    }

    .time_newsletter .hosting_search_area {
        position: relative;
        top: 0px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

        .time_newsletter .hosting_search_area .hostinge_s_inner h5 {
            font-size: 30px;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #fff;
            letter-spacing: .60px;
            padding-bottom: 45px;
        }

        .time_newsletter .hosting_search_area .hostinge_s_inner .input-group {
            max-width: 740px;
        }

            .time_newsletter .hosting_search_area .hostinge_s_inner .input-group input {
                font-size: 16px;
                color: #9baebf;
                font-family: "Heebo", sans-serif;
                letter-spacing: .32px;
            }

                .time_newsletter .hosting_search_area .hostinge_s_inner .input-group input.placeholder {
                    font-size: 16px;
                    color: #9baebf;
                    font-family: "Heebo", sans-serif;
                    letter-spacing: .32px;
                }

                .time_newsletter .hosting_search_area .hostinge_s_inner .input-group input:-moz-placeholder {
                    font-size: 16px;
                    color: #9baebf;
                    font-family: "Heebo", sans-serif;
                    letter-spacing: .32px;
                }

                .time_newsletter .hosting_search_area .hostinge_s_inner .input-group input::-moz-placeholder {
                    font-size: 16px;
                    color: #9baebf;
                    font-family: "Heebo", sans-serif;
                    letter-spacing: .32px;
                }

                .time_newsletter .hosting_search_area .hostinge_s_inner .input-group input::-webkit-input-placeholder {
                    font-size: 16px;
                    color: #9baebf;
                    font-family: "Heebo", sans-serif;
                    letter-spacing: .32px;
                }

            .time_newsletter .hosting_search_area .hostinge_s_inner .input-group .input-group-btn .btn-default {
                background: #9baebf;
                -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 1, 0.2);
                box-shadow: 0px 0px 20px 0px rgba(0, 0, 1, 0.2);
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
                font-size: 22px;
                font-family: "Heebo", sans-serif;
                font-weight: bold;
                letter-spacing: 1.32;
                width: 200px;
            }

                .time_newsletter .hosting_search_area .hostinge_s_inner .input-group .input-group-btn .btn-default:hover {
                    color: #ff9600;
                }

/* End Time Newsletter Area css
============================================================================================ */
/* Touch Contact Five Area css
============================================================================================ */
.touch_five_contact_area {
    background: #f6f7fa;
    padding: 100px 0px 90px 0px;
}

    .touch_five_contact_area .great_title {
        padding-bottom: 60px;
    }

.contact_form .form-group {
    margin-bottom: 45px;
}

    .contact_form .form-group input {
        border: none;
        border-top: 1px solid #a5acb7;
        border-bottom: 1px solid #a5acb7;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border-radius: 0px;
        height: 54px;
        padding: 0px 20px;
        font-size: 18px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .36px;
    }

        .contact_form .form-group input.placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group input:-moz-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group input::-moz-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group input::-webkit-input-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

    .contact_form .form-group textarea {
        border: none;
        border-top: 1px solid #a5acb7;
        border-bottom: 1px solid #a5acb7;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border-radius: 0px;
        height: 150px;
        padding: 15px 20px;
        font-size: 18px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .36px;
        resize: none;
    }

        .contact_form .form-group textarea.placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group textarea:-moz-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group textarea::-moz-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

        .contact_form .form-group textarea::-webkit-input-placeholder {
            font-size: 18px;
            color: #9baebf;
            font-family: "Heebo", sans-serif;
            letter-spacing: .36px;
        }

    .contact_form .form-group .send_btn {
        background: #ff9600;
        font-size: 16px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        letter-spacing: .96px;
        width: 190px;
        -webkit-box-shadow: 0px 5px 24px 0px rgba(255, 150, 0, 0.16);
        box-shadow: 0px 5px 24px 0px rgba(255, 150, 0, 0.16);
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        margin-top: 5px;
    }

        .contact_form .form-group .send_btn:hover {
            background: #9baebf;
        }

    .contact_form .form-group:last-child {
        margin-bottom: 0px;
    }

/* End Touch Contact Five Area css
============================================================================================ */
/*map area css
======================================================================*/
.mapBox {
    min-height: 358px;
    width: 100%;
}

.gm-style > div:first-child > div:nth-child(4) > div:nth-child(4) > div > div:first-child > div {
    display: none !important;
}

.gm-style .gm-style-iw {
    width: 315px !important;
    height: auto !important;
    top: 108px !important;
    left: 60px !important;
    right: 0 !important;
    overflow: visible !important;
    background-color: #f7faff;
    -webkit-box-shadow: 0px 4px 9.3px 0.7px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 4px 9.3px 0.7px rgba(0, 0, 0, 0.18);
    border: none !important;
    padding: 25px 25px 25px 25px;
    color: #424242;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    line-height: 28px;
    -webkit-transform: translateX(calc(50% - 28px));
    -ms-transform: translateX(calc(50% - 28px));
    transform: translateX(calc(50% - 28px));
    padding-left: 78px;
}

    .gm-style .gm-style-iw:before {
        content: "\f041";
        position: absolute;
        display: inline-block !important;
        font: normal normal normal 14px/1 FontAwesome;
        z-index: 10000 !important;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 45px;
        color: #3498db;
        padding: 0px 30px;
    }

    .gm-style .gm-style-iw:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 14px solid #f7faff;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent;
        position: absolute;
        top: 50%;
        left: -21px;
        -webkit-transform: rotate(91deg);
        -ms-transform: rotate(91deg);
        transform: rotate(91deg);
    }

/* Domain Search Area css
============================================================================================ */
.domain_search_area {
    background: url(../img/domain-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

    .domain_search_area:before {
        content: "";
        background: rgba(125, 185, 232, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .domain_search_area .main_title {
        padding-bottom: 60px;
    }

.domain_s2 {
    padding-top: 280px;
    padding-bottom: 170px;
}

.domain_inner {
    width: 100%;
}

    .domain_inner .d_search_text {
        text-align: center;
        color: #fff;
        padding-bottom: 55px;
    }

        .domain_inner .d_search_text h3 {
            font-size: 66px;
            font-family: "Montserrat", sans-serif;
            text-transform: uppercase;
            font-weight: normal;
        }

        .domain_inner .d_search_text h4 {
            font-size: 36px;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            padding-top: 10px;
        }

.domain_search_box {
    max-width: 850px;
    margin: auto;
    background: rgba(255, 255, 255, 0.6);
    padding: 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .domain_search_box input {
        width: 66%;
        margin-right: 15px;
        height: 74px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #fff;
        border-radius: 0px;
        padding: 0px 20px;
        font-size: 16px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
        -webkit-box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    }

        .domain_search_box input.placeholder {
            font-size: 16px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
        }

        .domain_search_box input:-moz-placeholder {
            font-size: 16px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
        }

        .domain_search_box input::-moz-placeholder {
            font-size: 16px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
        }

        .domain_search_box input::-webkit-input-placeholder {
            font-size: 16px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
        }

    .domain_search_box .select_dropdown {
        width: 16%;
        margin-right: 15px;
        border-radius: 0px;
        border: none;
        height: 74px;
        text-align: center !important;
        -webkit-box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
    }

        .domain_search_box .select_dropdown .current {
            line-height: 74px;
            text-transform: lowercase;
            font-size: 16px;
            color: #6b6d6f;
            font-family: "Poppins", sans-serif;
            text-align: center;
        }

        .domain_search_box .select_dropdown:after {
            right: 35px;
        }

        .domain_search_box .select_dropdown .list {
            width: 100%;
            border-radius: 0px;
        }

            .domain_search_box .select_dropdown .list li {
                font-weight: normal;
                font-size: 16px;
                color: #6b6d6f;
                font-family: "Poppins", sans-serif;
            }

    .domain_search_box .btn.btn-default {
        width: 18%;
        height: 74px;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 6.65px 0.35px rgba(0, 0, 0, 0.1);
        font-size: 16px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
        outline: none !important;
        background: #fff;
    }

.domain_price_list {
    max-width: 780px;
    margin: auto;
    margin-top: 50px;
}

    .domain_price_list ul {
        overflow: hidden;
    }

        .domain_price_list ul li {
            float: left;
            height: 98px;
            width: 98px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            margin-right: 28px;
            padding: 9px;
        }

            .domain_price_list ul li a {
                text-align: center;
                display: block;
                font-size: 16px;
                font-family: "Poppins", sans-serif;
                color: #fff;
                height: 80px;
                width: 80px;
                border-radius: 50%;
            }

                .domain_price_list ul li a span {
                    display: block;
                    padding-top: 14px;
                }

                .domain_price_list ul li a.red {
                    background: #fc5a1a;
                }

                .domain_price_list ul li a.pest {
                    background: #32bdab;
                }

                .domain_price_list ul li a.yellow {
                    background: #ffb21a;
                }

                .domain_price_list ul li a.blue {
                    background: #3498db;
                }

                .domain_price_list ul li a.green {
                    background: #3cdb34;
                }

                .domain_price_list ul li a.pink {
                    background: #fb67f2;
                }

            .domain_price_list ul li:nth-child(even) {
                margin-right: 50px;
            }

            .domain_price_list ul li:last-child {
                margin-right: 0px;
            }

/* End Domain Search Area css
============================================================================================ */
/* Subscribe Six Area css
============================================================================================ */
.subcribe_area6 {
    background: #7db9e8;
    position: relative;
    overflow: hidden;
}

    .subcribe_area6:before {
        content: "";
        background: url(../img/subscribe-6.png) no-repeat scroll center center;
        width: 997px;
        height: 406px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
    }

    .subcribe_area6 .main_title {
        padding-bottom: 65px;
        position: relative;
        z-index: 2;
    }

    .subcribe_area6 .header_banner_inner {
        padding-top: 0px;
        position: relative;
        z-index: 2;
    }

        .subcribe_area6 .header_banner_inner .subscrib_inner {
            max-width: 685px;
            margin-bottom: 0px;
        }

            .subcribe_area6 .header_banner_inner .subscrib_inner .input-group input {
                background: transparent;
                border: 1px solid rgba(255, 255, 255, 0.5);
                border-radius: 0px;
                height: 68px;
                color: #fff;
            }

                .subcribe_area6 .header_banner_inner .subscrib_inner .input-group input.placeholder {
                    color: #fff;
                }

                .subcribe_area6 .header_banner_inner .subscrib_inner .input-group input:-moz-placeholder {
                    color: #fff;
                }

                .subcribe_area6 .header_banner_inner .subscrib_inner .input-group input::-moz-placeholder {
                    color: #fff;
                }

                .subcribe_area6 .header_banner_inner .subscrib_inner .input-group input::-webkit-input-placeholder {
                    color: #fff;
                }

            .subcribe_area6 .header_banner_inner .subscrib_inner .input-group .input-group-btn {
                top: 4.5px;
                right: 6px;
            }

                .subcribe_area6 .header_banner_inner .subscrib_inner .input-group .input-group-btn .btn.btn-default {
                    border-radius: 0px;
                    height: 58px;
                }

.contact_form_six {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .contact_form_six .main_title {
        width: 100%;
        display: block;
        padding-bottom: 60px;
    }

    .contact_form_six .left_side {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .contact_form_six .left_side .contact_six_inner {
            overflow: hidden;
            max-width: 570px;
            float: right;
            padding-right: 15px;
        }

    .contact_form_six .right_side {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 45px;
        position: relative;
    }

        .contact_form_six .right_side .mapBox {
            height: 100%;
        }

        .contact_form_six .right_side .main_location {
            position: absolute;
            left: 55%;
            top: 40%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            z-index: 4;
            max-width: 300px;
            background: #fff;
            padding: 30px;
        }

            .contact_form_six .right_side .main_location:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 25px 40px 5px 0;
                border-color: transparent #fafcf6 transparent transparent;
                position: absolute;
                left: -40px;
                top: 50px;
            }

            .contact_form_six .right_side .main_location:after {
                content: "\f041";
                color: #fc5a1a;
                font: normal normal normal 60px/1 FontAwesome;
                position: absolute;
                left: -85px;
                top: 55px;
            }

            .contact_form_six .right_side .main_location h5 {
                font-size: 24px;
                font-family: "Montserrat", sans-serif;
                color: #424242;
                font-weight: normal;
                padding-bottom: 10px;
            }

            .contact_form_six .right_side .main_location p {
                font-size: 18px;
                line-height: 28px;
                color: #6b6d6f;
                font-family: "Poppins", sans-serif;
                font-weight: normal;
            }

.contact_six_form .form-group {
    margin-bottom: 20px;
}

    .contact_six_form .form-group input {
        border-radius: 0px;
        height: 54px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0px 30px;
        font-size: 16px;
        font-family: "Poppins", sans-serif;
        color: #6b6d6f;
    }

        .contact_six_form .form-group input.placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group input:-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group input::-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

    .contact_six_form .form-group textarea {
        font-size: 16px;
        font-family: "Poppins", sans-serif;
        color: #6b6d6f;
        height: 170px;
        border-radius: 0px;
        padding: 15px 30px;
        resize: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .contact_six_form .form-group textarea.placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group textarea:-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group textarea::-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

        .contact_six_form .form-group textarea::-webkit-input-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #6b6d6f;
        }

    .contact_six_form .form-group .purchase-btn {
        border-radius: 0px;
        line-height: 48px;
        height: 46px;
        padding: 0px;
        width: 170px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none !important;
        border: none;
        font-size: 24px;
        text-transform: uppercase;
        font-family: "Poppins", sans-serif;
        font-weight: normal;
    }

    .contact_six_form .form-group:last-child {
        margin-bottom: 0px;
        margin-top: 20px;
    }

/* End Subscribe Six Area css
============================================================================================ */
/* Subscribe Seven Area css
============================================================================================ */
.subscribe_seven {
    background: #7db9e8;
}

    .subscribe_seven .subscribe_s_inner {
        text-align: center;
        color: #fff;
    }

        .subscribe_seven .subscribe_s_inner h4 {
            font-size: 36px;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            padding-bottom: 30px;
        }

        .subscribe_seven .subscribe_s_inner p {
            font-size: 14px;
            line-height: 27px;
            font-family: "Poppins", sans-serif;
            max-width: 745px;
            margin: auto;
            padding-bottom: 50px;
        }

        .subscribe_seven .subscribe_s_inner .input-group {
            max-width: 620px;
            margin: auto;
        }

            .subscribe_seven .subscribe_s_inner .input-group input {
                border: none;
                border-bottom: 1px solid #fff;
                background: transparent;
                border-radius: 0px;
                -webkit-box-shadow: none;
                box-shadow: none;
                height: 45px;
                font-size: 18px;
                font-family: "Poppins", sans-serif;
                color: #fff;
                padding: 0px;
            }

                .subscribe_seven .subscribe_s_inner .input-group input.placeholder {
                    font-size: 18px;
                    font-family: "Poppins", sans-serif;
                    color: #fff;
                }

                .subscribe_seven .subscribe_s_inner .input-group input:-moz-placeholder {
                    font-size: 18px;
                    font-family: "Poppins", sans-serif;
                    color: #fff;
                }

                .subscribe_seven .subscribe_s_inner .input-group input::-moz-placeholder {
                    font-size: 18px;
                    font-family: "Poppins", sans-serif;
                    color: #fff;
                }

                .subscribe_seven .subscribe_s_inner .input-group input::-webkit-input-placeholder {
                    font-size: 18px;
                    font-family: "Poppins", sans-serif;
                    color: #fff;
                }

            .subscribe_seven .subscribe_s_inner .input-group .input-group-btn {
                margin-left: 0px;
            }

                .subscribe_seven .subscribe_s_inner .input-group .input-group-btn .btn.btn-default {
                    margin-left: 25px;
                    border: none;
                    width: 145px;
                    padding: 0px;
                    text-align: center;
                    height: 45px;
                    border-radius: 22px;
                    color: #898989;
                    font-size: 18px;
                    font-family: "Poppins", sans-serif;
                    -webkit-transition: all 400ms linear 0s;
                    -o-transition: all 400ms linear 0s;
                    transition: all 400ms linear 0s;
                    background: #fff;
                    outline: none !important;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important;
                }

                    .subscribe_seven .subscribe_s_inner .input-group .input-group-btn .btn.btn-default:hover {
                        color: #7db9e8;
                    }

    .subscribe_seven.violet {
        background: #857de8;
    }

        .subscribe_seven.violet .subscribe_s_inner .input-group .input-group-btn .btn-default {
            border-radius: 0px;
        }

            .subscribe_seven.violet .subscribe_s_inner .input-group .input-group-btn .btn-default:hover {
                color: #857de8;
            }

.or_subs_text {
    padding-top: 50px;
}

.contact_seven_area {
    padding-top: 100px;
}

    .contact_seven_area.violet .contact_seven_box .contact_us_form .form-group .theme_btn {
        background: #857de8;
    }

    .contact_seven_area.violet .contact_seven_box .contact_us_form .form-group:last-child {
        margin-bottom: 0px;
    }

    .contact_seven_area.violet .contact_details_seven {
        background: #857de8;
    }

        .contact_seven_area.violet .contact_details_seven .media .media-left i {
            color: #857de8;
        }

        .contact_seven_area.violet .contact_details_seven ul li a {
            color: #857de8;
        }

.contact_seven_box {
    -webkit-box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
    max-width: 1420px;
    margin: auto;
    padding: 65px 0px;
    margin-bottom: -255px;
    position: relative;
    z-index: 20;
    background: #fff;
}

    .contact_seven_box .contact_us_form {
        padding: 0px;
    }

        .contact_seven_box .contact_us_form .form-group .theme_btn {
            line-height: 45px;
            display: inline-block;
            width: 170px;
            padding: 0px;
            height: 45px;
        }

        .contact_seven_box .contact_us_form .form-group:last-child {
            margin-bottom: 0px;
        }

.contact_details_seven {
    background: #7db9e8;
    padding: 55px 0px 55px 30px;
}

    .contact_details_seven .media {
        margin-top: 20px;
    }

        .contact_details_seven .media:first-child {
            margin-top: 0px;
        }

        .contact_details_seven .media .media-left {
            padding-right: 15px;
        }

            .contact_details_seven .media .media-left i {
                height: 32px;
                width: 32px;
                border-radius: 50%;
                background: #fff;
                display: inline-block;
                text-align: center;
                line-height: 32px;
                color: #7db9e8;
                font-size: 20px;
            }

        .contact_details_seven .media .media-body {
            vertical-align: middle;
        }

            .contact_details_seven .media .media-body p {
                font-size: 16px;
                color: #fff;
                font-family: "Poppins", sans-serif;
                line-height: 28px;
            }

    .contact_details_seven ul {
        margin-top: 40px;
    }

        .contact_details_seven ul li {
            display: inline-block;
            margin-right: 25px;
        }

            .contact_details_seven ul li:last-child {
                margin-right: 0px;
            }

            .contact_details_seven ul li a {
                height: 32px;
                width: 32px;
                border-radius: 50%;
                background: #fff;
                text-align: center;
                line-height: 32px;
                font-size: 20px;
                color: #7db9e8;
                display: block;
            }

.contact_seven_map .mapBox {
    min-height: 800px;
}

/* End Subscribe Six Area css
============================================================================================ */
/* Contact Question Area css
============================================================================================ */
.question_eight_area {
    background: #857de8;
    padding: 110px 0px;
}

    .question_eight_area .question8_inner .question_box {
        border-radius: 0px;
        background: #857de8;
        max-width: 360px;
        margin: auto;
        -webkit-box-shadow: 0px 10px 66.5px 3.5px rgba(0, 0, 0, 0.14);
        box-shadow: 0px 10px 66.5px 3.5px rgba(0, 0, 0, 0.14);
        padding: 40px 30px;
    }

        .question_eight_area .question8_inner .question_box h3 {
            color: #fff;
            font-size: 24px;
            font-family: "Montserrat", sans-serif;
            font-weight: normal;
            padding-bottom: 25px;
        }

        .question_eight_area .question8_inner .question_box .contact_us_form {
            background: transparent;
            border-radius: 0px;
            padding: 0px;
        }

            .question_eight_area .question8_inner .question_box .contact_us_form .form-group input {
                padding: 0px 15px;
                border-radius: 3px;
                border: none;
                color: #6b6d6f;
            }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group input.placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group input:-moz-placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group input::-moz-placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group input::-webkit-input-placeholder {
                    color: #6b6d6f;
                }

            .question_eight_area .question8_inner .question_box .contact_us_form .form-group textarea {
                padding: 10px 15px;
                border-radius: 3px;
                border: none;
                color: #6b6d6f;
                height: 86px;
            }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group textarea.placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group textarea:-moz-placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group textarea::-moz-placeholder {
                    color: #6b6d6f;
                }

                .question_eight_area .question8_inner .question_box .contact_us_form .form-group textarea::-webkit-input-placeholder {
                    color: #6b6d6f;
                }

            .question_eight_area .question8_inner .question_box .contact_us_form .form-group .theme_btn {
                margin-top: 10px;
                width: 95px;
                border-radius: 3px;
                height: 40px;
                padding: 0px;
                background: #fff;
                color: #857de8;
                font-size: 18px;
            }

.question_list {
    padding-top: 45px;
}

    .question_list h3 {
        font-size: 36px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: normal;
        padding-bottom: 40px;
    }

    .question_list .panel-group .panel.panel-default {
        border-radius: 0px;
        background: transparent;
        border: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 25px;
    }

        .question_list .panel-group .panel.panel-default:first-child {
            margin-top: 0px;
        }

        .question_list .panel-group .panel.panel-default .panel-heading {
            background: transparent;
            padding: 0px;
        }

            .question_list .panel-group .panel.panel-default .panel-heading .panel-title {
                border: none;
            }

                .question_list .panel-group .panel.panel-default .panel-heading .panel-title a {
                    border: none;
                    color: #fff;
                    font-size: 20px;
                    font-family: "Poppins", sans-serif;
                    font-weight: normal;
                    position: relative;
                    padding: 0px;
                    padding-left: 66px;
                    line-height: 35px;
                }

                    .question_list .panel-group .panel.panel-default .panel-heading .panel-title a i {
                        font-style: normal;
                        display: none;
                        height: 30px;
                        width: 36px;
                        border-radius: 3px;
                        background: #fff;
                        text-align: center;
                        color: #857de8;
                        line-height: 30px;
                        position: absolute;
                        left: 0px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

                        .question_list .panel-group .panel.panel-default .panel-heading .panel-title a i + i {
                            display: inline-block;
                        }

                    .question_list .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed i {
                        display: inline-block;
                    }

                        .question_list .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed i + i {
                            display: none;
                        }

        .question_list .panel-group .panel.panel-default .panel-collapse .panel-body {
            border: none;
            font-size: 14px;
            line-height: 26px;
            color: #fff;
            font-family: "Poppins", sans-serif;
            padding-left: 66px;
        }

/* End Contact Question Area css
============================================================================================ */
/* End Contact Question Area css
============================================================================================ */
.get_form_nine_area {
    background: #f8f8f8;
}

    .get_form_nine_area .contact_us_form_nine .form-group {
        margin-bottom: 30px;
    }

        .get_form_nine_area .contact_us_form_nine .form-group input {
            height: 50px;
            border-radius: 4px;
            background: #fff;
            border-color: #d7d7d7;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            padding: 0px 15px;
        }

            .get_form_nine_area .contact_us_form_nine .form-group input.placeholder {
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
            }

            .get_form_nine_area .contact_us_form_nine .form-group input:-moz-placeholder {
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
            }

            .get_form_nine_area .contact_us_form_nine .form-group input::-moz-placeholder {
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
            }

            .get_form_nine_area .contact_us_form_nine .form-group input::-webkit-input-placeholder {
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
            }

        .get_form_nine_area .contact_us_form_nine .form-group textarea {
            height: 165px;
            resize: none;
            padding: 5px 5px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
        }

            .get_form_nine_area .contact_us_form_nine .form-group textarea.placeholder {
                -webkit-box-shadow: none;
                box-shadow: none;
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                padding: 5px 5px;
            }

            .get_form_nine_area .contact_us_form_nine .form-group textarea:-moz-placeholder {
                box-shadow: none;
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                padding: 5px 5px;
            }

            .get_form_nine_area .contact_us_form_nine .form-group textarea::-moz-placeholder {
                box-shadow: none;
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                padding: 5px 5px;
            }

            .get_form_nine_area .contact_us_form_nine .form-group textarea::-webkit-input-placeholder {
                -webkit-box-shadow: none;
                box-shadow: none;
                font-size: 14px;
                color: #8e8e8e;
                font-family: "Heebo", sans-serif;
                padding: 5px 5px;
            }

        .get_form_nine_area .contact_us_form_nine .form-group:last-child {
            margin-bottom: 0px;
        }

.contact_nine_details {
    background: #fff;
    margin-left: 65px;
    padding-left: 60px;
    padding-top: 55px;
    padding-bottom: 55px;
}

    .contact_nine_details h4 {
        font-size: 18px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 30px;
    }

    .contact_nine_details .media {
        margin-top: 20px;
    }

        .contact_nine_details .media:nth-child(2) {
            margin-top: 0px;
        }

        .contact_nine_details .media .media-left h5 {
            width: 80px;
            font-size: 14px;
            color: #585858;
            font-family: "Heebo", sans-serif;
        }

            .contact_nine_details .media .media-left h5 span {
                text-align: right;
                float: right;
                line-height: 20px;
            }

        .contact_nine_details .media .media-body {
            vertical-align: middle;
            -ms-flex-item-align: center;
            align-self: center;
        }

            .contact_nine_details .media .media-body p {
                font-size: 14px;
                color: #585858;
                font-family: "Heebo", sans-serif;
            }

    .contact_nine_details .nine_social_area {
        padding-top: 60px;
    }

        .contact_nine_details .nine_social_area ul li {
            display: inline-block;
            margin-right: 15px;
        }

            .contact_nine_details .nine_social_area ul li a {
                color: #fff;
                height: 40px;
                width: 40px;
                border-radius: 50%;
                text-align: center;
                border-radius: 50%;
                background: #d7d7d7;
                display: inline-block;
                line-height: 40px;
                font-size: 17px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .contact_nine_details .nine_social_area ul li:last-child {
                margin-right: 0px;
            }

            .contact_nine_details .nine_social_area ul li:hover a {
                background: #eb484d;
            }

.nine_map_area {
    position: relative;
}

    .nine_map_area .mapBox {
        min-height: 430px;
    }

    .nine_map_area .location_d {
        max-width: 415px;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0px;
        width: 100%;
        text-align: center;
        padding: 30px 0px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

        .nine_map_area .location_d h3 {
            color: #272727;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            font-size: 20px;
            text-transform: uppercase;
            padding-bottom: 10px;
        }

        .nine_map_area .location_d h2 {
            font-size: 41px;
            color: #eb484d;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
        }

    .nine_map_area .subs_nine {
        position: absolute;
        right: 0px;
        top: 20px;
        width: 100%;
    }

        .nine_map_area .subs_nine .input-group {
            max-width: 470px;
            float: right;
            background: #eb484d;
            border-radius: 5px;
            padding: 20px 40px;
        }

            .nine_map_area .subs_nine .input-group input {
                height: 42px;
                width: 255px;
                border-radius: 21px;
                border: none;
            }

            .nine_map_area .subs_nine .input-group .input-group-btn .btn-default {
                border-radius: 0px;
                background: transparent;
                border: none;
                padding: 0px;
                font-size: 16px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: normal;
                letter-spacing: 1.6px;
                text-transform: uppercase;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                outline: none !important;
            }

/* End Contact Question Area css
============================================================================================ */
/* End Contact Question Area css
============================================================================================ */
.ten_registration {
    background: #0083ff;
    overflow: hidden;
    padding: 40px 0px;
    display: block;
}

    .ten_registration .pull-left h4 {
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-size: 24px;
        font-weight: 500;
        padding-top: 12px;
    }

    .ten_registration .pull-right .theme_btn {
        background: #ffffff;
        height: 45px;
        padding: 0px 30px;
        line-height: 45px;
        display: inline-block;
        margin-top: 0px;
        color: #0083ff;
        font-size: 20px;
    }

/* End Contact Question Area css
============================================================================================ */
/* Ten Newsletter Area css
============================================================================================ */
.ten_newsletter_area {
    background: url(../img/ten-ms-img.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 150px 0px;
    position: relative;
    z-index: 2;
}

    .ten_newsletter_area:before {
        content: "";
        background: url(../img/res-img.png) no-repeat scroll center center;
        width: 509px;
        height: 252px;
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ten_newsletter_area .left_ns_text {
        margin-left: 100px;
    }

        .ten_newsletter_area .left_ns_text h3 {
            font-size: 40px;
            color: #fff;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            padding-right: 50px;
            padding-bottom: 20px;
            line-height: 50px;
        }

        .ten_newsletter_area .left_ns_text a {
            color: #fff;
            font-family: "Heebo", sans-serif;
            color: #fff;
        }

        .ten_newsletter_area .left_ns_text .store_link {
            padding-top: 50px;
        }

            .ten_newsletter_area .left_ns_text .store_link a {
                border-radius: 8px;
                overflow: hidden;
                display: inline-block;
                margin-right: 15px;
            }

                .ten_newsletter_area .left_ns_text .store_link a + a {
                    padding-right: 0px;
                }

.right_ns_text {
    max-width: 375px;
    float: right;
}

    .right_ns_text h3 {
        font-size: 28px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        padding-right: 30px;
        line-height: 36px;
    }

        .right_ns_text h3 span {
            color: #000;
        }

    .right_ns_text p {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .right_ns_text .input-group input {
        border: none;
        background: #fff;
        height: 50px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        font-size: 16px;
        color: #d7d7d7;
        font-family: "Heebo", sans-serif;
        padding-left: 20px;
    }

        .right_ns_text .input-group input.placeholder {
            font-size: 16px;
            color: #d7d7d7;
            font-family: "Heebo", sans-serif;
        }

        .right_ns_text .input-group input:-moz-placeholder {
            font-size: 16px;
            color: #d7d7d7;
            font-family: "Heebo", sans-serif;
        }

        .right_ns_text .input-group input::-moz-placeholder {
            font-size: 16px;
            color: #d7d7d7;
            font-family: "Heebo", sans-serif;
        }

        .right_ns_text .input-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #d7d7d7;
            font-family: "Heebo", sans-serif;
        }

    .right_ns_text .input-group .input-group-btn .btn-default {
        font-size: 16px;
        background: #272727;
        border-bottom-right-radius: 25px;
        border-top-right-radius: 25px;
        border: none;
        height: 50px;
        width: 64px;
        text-align: center;
        padding: 0px;
        color: #fff;
        margin-left: 0px;
    }

.gd_newsleter_area {
    background: #f6f7fa;
    padding: 45px 0px;
}

    .gd_newsleter_area .media .media-left {
        padding-right: 25px;
    }

    .gd_newsleter_area .media .media-body {
        vertical-align: middle;
        -ms-flex-item-align: center;
        align-self: center;
    }

        .gd_newsleter_area .media .media-body h4 {
            font-size: 38px;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            color: #e9003f;
        }

            .gd_newsleter_area .media .media-body h4 span {
                font-weight: normal;
                color: #272727;
            }

.gd_news_inner {
    margin-top: 12px;
}

    .gd_news_inner .input-group input {
        border: 1px solid #f0f0f0;
        height: 52px;
        border-bottom-left-radius: 26px;
        border-top-left-radius: 26px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #d7d7d7;
        outline: none;
    }

        .gd_news_inner .input-group input.placeholder {
            font-size: 14px;
            font-family: "Heebo", sans-serif;
            color: #d7d7d7;
        }

        .gd_news_inner .input-group input:-moz-placeholder {
            font-size: 14px;
            font-family: "Heebo", sans-serif;
            color: #d7d7d7;
        }

        .gd_news_inner .input-group input::-moz-placeholder {
            font-size: 14px;
            font-family: "Heebo", sans-serif;
            color: #d7d7d7;
        }

        .gd_news_inner .input-group input::-webkit-input-placeholder {
            font-size: 14px;
            font-family: "Heebo", sans-serif;
            color: #d7d7d7;
        }

    .gd_news_inner .input-group .input-group-btn .pre_or_btn {
        border: none;
        background: #e9003f;
        margin-left: 0px;
        color: #fff;
        width: 130px;
        height: 52px;
        padding: 0px;
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-bottom-right-radius: 26px;
        border-top-right-radius: 26px;
    }

/* End Ten Newsletter Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Customer Count Area css
============================================================================================ */
.customer_count_area {
    background: #f6f7fa;
    padding: 60px 0px;
    overflow: hidden;
}

.customer_count_item {
    background: #fff;
    text-align: center;
    padding: 60px 0px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.02);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.02);
}

    .customer_count_item img {
        max-width: 100%;
    }

    .customer_count_item h5 {
        font-size: 18px;
        color: #121921;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
        letter-spacing: .36px;
        padding: 34px 0px 35px 0px;
    }

    .customer_count_item h4 {
        font-size: 41px;
        color: #121921;
        font-family: "Heebo", sans-serif;
        font-weight: 600;
    }

/* End Customer Count Area css
============================================================================================ */
/* Exclusive Team Area css
============================================================================================ */
.exclusive_team_area {
    padding: 100px 0px;
    overflow: hidden;
}

.exclusive_team_inner {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

    .exclusive_team_inner .col-md-3 {
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .exclusive_team_inner .col-md-3:hover + div {
            margin-left: 280px;
        }

        .exclusive_team_inner .col-md-3:hover .exclusive_team_item .hover_team_details {
            opacity: 1;
            visibility: visible;
        }

.exclusive_team_item {
    position: relative;
}

    .exclusive_team_item img {
        max-width: 100%;
    }

    .exclusive_team_item .hover_team_details {
        position: absolute;
        left: 190px;
        top: 50%;
        width: 385px;
        padding: 45px 60px 45px 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #fff;
        -webkit-box-shadow: 9.5px 16.454px 73px 0px rgba(0, 0, 1, 0.06);
        box-shadow: 9.5px 16.454px 73px 0px rgba(0, 0, 1, 0.06);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .exclusive_team_item .hover_team_details h4 {
            font-size: 20px;
            font-family: "Heebo", sans-serif;
            color: #121921;
            font-weight: 500;
            letter-spacing: .4px;
            padding-bottom: 10px;
        }

        .exclusive_team_item .hover_team_details h5 {
            font-size: 14px;
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            font-weight: 400;
            letter-spacing: 1.12px;
        }

        .exclusive_team_item .hover_team_details p {
            font-size: 14px;
            color: #8e8e8e;
            letter-spacing: .28px;
            font-family: "Heebo", sans-serif;
            font-weight: 400;
            padding: 35px 0px 40px 0px;
        }

        .exclusive_team_item .hover_team_details ul li {
            display: inline-block;
            margin-right: 7px;
        }

            .exclusive_team_item .hover_team_details ul li a {
                background: #d7d7d7;
                height: 24px;
                width: 24px;
                text-align: center;
                line-height: 24px;
                color: #fff;
                border-radius: 50%;
                display: block;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .exclusive_team_item .hover_team_details ul li:last-child {
                margin-right: 0px;
            }

            .exclusive_team_item .hover_team_details ul li:hover a {
                background: #ffcd2f;
                -webkit-box-shadow: 0px 0px 18px 0px rgba(255, 205, 47, 0.4);
                box-shadow: 0px 0px 18px 0px rgba(255, 205, 47, 0.4);
            }

/* End Exclusive Team Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Clients Logo Area css
============================================================================================ */
.clients_logo_area.nine_clients_logo {
    padding-bottom: 100px;
}

    .clients_logo_area.nine_clients_logo .clients_logo_slider .item img {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.clients_logo_slider {
    padding: 40px 0px;
}

    .clients_logo_slider .item {
        text-align: center;
        padding: 50px 0px;
    }

        .clients_logo_slider .item img {
            width: auto;
            display: inline-block;
            -webkit-box-shadow: 0px 0px 65px -14px rgba(0, 0, 0, 0.46);
            -moz-box-shadow: 0px 0px 65px -14px rgba(0, 0, 0, 0.46);
            box-shadow: 0px 0px 65px -14px rgba(0, 0, 0, 0.46);
        }

/* End Clients Logo Area css
============================================================================================ */
/* End Clients Logo Area css
============================================================================================ */
.happy_clients_area {
    background: #7db9e8;
}

    .happy_clients_area .main_title {
        padding-bottom: 60px;
    }

.happy_clients_inner .media .media-left {
    padding-right: 25px;
}

    .happy_clients_inner .media .media-left .h_icon {
        height: 66px;
        width: 66px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        text-align: center;
        position: relative;
    }

        .happy_clients_inner .media .media-left .h_icon:before {
            content: "";
            height: 55px;
            width: 55px;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            position: absolute;
            border-radius: 50%;
            background: #fff;
            z-index: 1;
        }

        .happy_clients_inner .media .media-left .h_icon i {
            font-size: 36px;
            color: #7db9e8;
            line-height: 65px;
            position: relative;
            z-index: 2;
        }

.happy_clients_inner .media .media-body {
    vertical-align: middle;
}

    .happy_clients_inner .media .media-body h4 {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 30px;
        padding-bottom: 6px;
    }

    .happy_clients_inner .media .media-body p {
        font-size: 18px;
        color: #fff;
        font-family: "Poppins", sans-serif;
    }

/* End Clients Logo Area css
============================================================================================ */
/* End Clients Logo Area css
============================================================================================ */
.clients_service_area {
    background: #7db9e8;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

    .clients_service_area:before {
        content: "";
        background: url(../img/left-side-hosting.png) no-repeat scroll center center;
        width: 491px;
        height: 296px;
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1;
    }

    .clients_service_area:after {
        content: "";
        background: url(../img/right-side-hosting.png) no-repeat scroll center center;
        width: 491px;
        height: 296px;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1;
    }

    .clients_service_area p {
        font-size: 36px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 50px;
        color: #fff;
        max-width: 960px;
        margin: auto;
        padding-bottom: 30px;
    }

    .clients_service_area .purchase-btn {
        border-radius: 0px;
    }

.dev_seven_logo {
    background: #7db9e8;
}

    .dev_seven_logo .dev_seven_logo_slider .logo_item {
        background: rgba(255, 255, 255, 0.5);
        line-height: 154px;
        display: block;
        text-align: center;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .dev_seven_logo .dev_seven_logo_slider .logo_item img {
            width: auto;
            margin: auto;
            display: inline-block;
        }

        .dev_seven_logo .dev_seven_logo_slider .logo_item:hover {
            background: #fff;
        }

/* End Clients Logo Area css
============================================================================================ */
/* Clients Count Area css
============================================================================================ */
.clients_count_nine {
    background: url(../img/clients-count-n.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 100px 0px;
    text-align: center;
}

    .clients_count_nine .clients_count_inner .c_count_item h4 {
        font-size: 35px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #272727;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .clients_count_nine .clients_count_inner .c_count_item p {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Heebo", sans-serif;
        letter-spacing: 2.8px;
    }

/* End Clients Count Area css
============================================================================================ */
/* Clients Nine Area css
============================================================================================ */
.nine_clients_area {
    background: #f8f8f8;
    padding: 120px 0px;
    position: relative;
    -webkit-box-shadow: 5px 8.66px 18px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 8.66px 18px 0px rgba(0, 0, 0, 0.1);
}

    .nine_clients_area:before {
        content: "";
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -175px;
        background: url(../img/clients/mobile-bg.png) no-repeat scroll center center;
        height: 406px;
        width: 739px;
        z-index: -1;
    }

    .nine_clients_area .nine_clients_slider {
        max-width: 1050px;
        margin: auto;
    }

        .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators {
            position: relative;
            max-width: 800px;
            margin: auto;
            left: 0px;
            width: 100%;
            bottom: 0px;
            text-align: center;
        }

            .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators:before {
                content: "";
                background: url(../img/clients/dotted.png) no-repeat scroll center center;
                width: 422px;
                height: 48px;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                top: 30px;
                z-index: -1;
            }

            .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li {
                width: calc(100% / 3);
                margin: 0px;
                border: none;
                float: left;
                background: transparent;
                height: 100%;
                text-indent: 0px;
            }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li img {
                    border: 2px solid transparent;
                }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li h4 {
                    font-size: 18px;
                    color: #272727;
                    text-transform: uppercase;
                    font-family: "Heebo", sans-serif;
                    font-weight: bold;
                    padding-top: 20px;
                    opacity: 0;
                }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li p {
                    font-size: 15px;
                    color: #8e8e8e;
                    font-family: "Heebo", sans-serif;
                    opacity: 0;
                }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li.active img {
                    border-color: #ec4f54;
                }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li.active h4 {
                    opacity: 1;
                }

                .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li.active p {
                    opacity: 1;
                }

        .nine_clients_area .nine_clients_slider .carousel.slide .carousel-inner .item {
            text-align: center;
        }

            .nine_clients_area .nine_clients_slider .carousel.slide .carousel-inner .item p {
                font-size: 22px;
                line-height: 40px;
                color: #585858;
                font-family: "sans-serif";
                font-style: italic;
                max-width: 880px;
                margin: auto;
                padding-bottom: 110px;
            }

/* End Clients Nine Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Choose Server Area css
============================================================================================ */
.choose_server_area {
    padding: 100px 0px;
}

.server_left_text .media {
    margin-top: 40px;
}

    .server_left_text .media:first-child {
        margin-top: 0px;
    }

    .server_left_text .media .media-left {
        padding-right: 15px;
    }

    .server_left_text .media .media-body h4 {
        font-size: 18px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #2fd2f0;
        letter-spacing: .36px;
        padding-bottom: 22px;
    }

    .server_left_text .media .media-body p {
        font-size: 14px;
        line-height: 24px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

.server_right_img {
    text-align: center;
    vertical-align: bottom;
    height: 100%;
    margin-top: 100px;
}

    .server_right_img img {
        max-width: 100%;
    }

/* End Choose Server Area css
============================================================================================ */
/* Hosting Service Area css
============================================================================================ */
.hosting_service_area {
    padding-bottom: 100px;
}

.hosting_service_inner .h_service_left {
    margin-top: 45px;
}

    .hosting_service_inner .h_service_left img {
        max-width: 100%;
    }

.h_service_right .h_service_list .media {
    background: #f6f7fa;
    padding: 12px 0px 12px 30px;
}

    .h_service_right .h_service_list .media .media-left {
        padding-right: 15px;
    }

    .h_service_right .h_service_list .media .media-body {
        vertical-align: middle;
    }

        .h_service_right .h_service_list .media .media-body h4 {
            font-size: 18px;
            color: #6d89a1;
            font-family: "Heebo", sans-serif;
        }

/* End Hosting Service Area css
============================================================================================ */
/* Popular Service Area css
============================================================================================ */
.popular_service_area {
    overflow: hidden;
    background: #f6f7fa;
}

.popular_service_inner .popular_s_img {
    margin-left: -85px;
}

.popular_service_inner .popular_s_text {
    padding-top: 100px;
}

    .popular_service_inner .popular_s_text .server_title {
        padding-bottom: 40px;
    }

        .popular_service_inner .popular_s_text .server_title p + p {
            padding-top: 30px;
        }

    .popular_service_inner .popular_s_text a {
        padding: 0px 25px;
        background: #ff9600;
        line-height: 40px;
        color: #fff;
        text-align: center;
        display: inline-block;
        border-radius: 20px;
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        letter-spacing: .28px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .popular_service_inner .popular_s_text a:hover {
            -webkit-box-shadow: 0px 5px 24px 0px rgba(255, 150, 0, 0.16);
            box-shadow: 0px 5px 24px 0px rgba(255, 150, 0, 0.16);
        }

    .popular_service_inner .popular_s_text h5 {
        display: inline-block;
        padding-left: 25px;
        font-size: 22px;
        color: #26547c;
        letter-spacing: .44px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
    }

        .popular_service_inner .popular_s_text h5 span {
            font-size: 14px;
            font-weight: normal;
            letter-spacing: .28px;
            color: #9baebf;
        }

.start_up_area {
    background: url(../img/start-up-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3;
    text-align: center;
    padding-bottom: 80px;
}

    .start_up_area:before {
        content: "";
        background: rgba(38, 84, 124, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .start_up_area .start_up_inner {
        text-align: center;
    }

        .start_up_area .start_up_inner img {
            display: block;
            margin: -25px auto 0px;
        }

        .start_up_area .start_up_inner a {
            display: inline-block;
            font-size: 30px;
            color: #fff;
            font-family: "Heebo", sans-serif;
            font-weight: bold;
            border: 2px dotted #fff;
            padding: 0px 40px;
            line-height: 60px;
            border-radius: 5px;
            margin-top: 35px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .start_up_area .start_up_inner a:hover {
                color: #ff9600;
                border-color: #ff9600;
            }

/* End Popular Service Area css
============================================================================================ */
/* Read Latest News Area css
============================================================================================ */
.read_latest_news {
    padding: 100px 0px;
}

.r_l_news_item .r_news_img img {
    max-width: 100%;
}

.r_l_news_item .r_news_text .r_date {
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    padding: 15px 20px;
}

    .r_l_news_item .r_news_text .r_date .pull-left h6 {
        font-size: 14px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
        padding-top: 4px;
    }

        .r_l_news_item .r_news_text .r_date .pull-left h6 span {
            font-weight: bold;
            color: #6d89a1;
        }

    .r_l_news_item .r_news_text .r_date .pull-right a {
        display: inline-block;
        height: 20px;
        width: 20px;
        text-align: center;
        border: 1px solid #6d89a1;
        color: #6d89a1;
        line-height: 19px;
    }

.r_l_news_item .r_news_text .news_text_inner {
    padding: 0px 10px;
}

    .r_l_news_item .r_news_text .news_text_inner p {
        font-size: 14px;
        line-height: 28px;
        font-family: "Heebo", sans-serif;
        color: #6d89a1;
        letter-spacing: .28px;
        padding: 20px 0px;
    }

.r_news_more {
    color: #26547c;
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    letter-spacing: .84px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .r_news_more i {
        padding-left: 4px;
    }

    .r_news_more:hover {
        color: #ff9600;
    }

/* End Read Latest News Area css
============================================================================================ */
.body-padding {
    padding: 50px 50px 0px;
    position: relative;
}

/*h_work_area css 
=========================================================*/
.h_work_area {
    background: #f9faff;
    padding: 95px 0px;
}

    .h_work_area .main_title {
        padding-bottom: 60px;
    }

.h_work_inner {
    position: relative;
}

    .h_work_inner:before {
        content: "";
        max-width: 66%;
        width: 100%;
        position: absolute;
        height: 2px;
        top: 28px;
        border: 1px dashed #fc5a1a;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .h_work_inner .h_work_item {
        text-align: center;
        cursor: pointer;
    }

        .h_work_inner .h_work_item .h-round:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-radial-gradient(rgba(30, 141, 238, 0.1), #fc5a1a);
            background-image: -o-radial-gradient(rgba(30, 141, 238, 0.1), #fc5a1a);
            background-image: radial-gradient(rgba(30, 141, 238, 0.1), #fc5a1a);
            z-index: -1;
            border-radius: 50%;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
        }

        .h_work_inner .h_work_item .h-title {
            margin: 24px 0px 12px;
        }

        .h_work_inner .h_work_item:hover .h-round:before {
            -webkit-transform: scale(1.4);
            -ms-transform: scale(1.4);
            transform: scale(1.4);
            opacity: 0;
        }

        .h_work_inner .h_work_item:hover h3 {
            color: #fc5a1a;
        }

.h-title {
    font: 400 18px/36px "Montserrat", sans-serif;
    letter-spacing: 0.36px;
    color: #424242;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.text-p {
    font: 400 14px/26px "Poppins", sans-serif;
    color: #6b6d6f;
    letter-spacing: 0.28px;
}

.h-round {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fc5a1a;
    font-size: 24px;
    line-height: 56px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-align: center;
}

/*p_features_area css
=================================================================*/
.p_features_area {
    padding: 95px 0px 48px;
}

    .p_features_area .main_title {
        padding-bottom: 10px;
    }

.p_features {
    padding-top: 78px;
}

    .p_features.left_features .p_features_item .pulse-wrapper {
        left: auto;
        right: -67%;
    }

        .p_features.left_features .p_features_item .pulse-wrapper:before {
            right: 20px;
        }

        .p_features.left_features .p_features_item .pulse-wrapper .pulse-1, .p_features.left_features .p_features_item .pulse-wrapper .pulse-2 {
            right: 0;
        }

    .p_features.left_features .p_features_item.p_item_two .pulse-wrapper {
        width: 195px;
        right: -82%;
    }

.p_features_item {
    position: relative;
    margin-top: 50px;
}

    .p_features_item .h-title {
        margin: 19px 0px 12px;
    }

    .p_features_item .pulse-wrapper {
        width: 158px;
        position: absolute;
        left: -68%;
        top: 30px;
        z-index: 1;
    }

        .p_features_item .pulse-wrapper:before {
            content: "";
            width: 100%;
            height: 2px;
            border: 1px dashed #fc5a1a;
            position: absolute;
            right: -20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .p_features_item .pulse-wrapper .pulse-1, .p_features_item .pulse-wrapper .pulse-2 {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            text-indent: 9999px;
            background: rgba(252, 90, 26, 0.502);
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .p_features_item .pulse-wrapper .pulse-1:before, .p_features_item .pulse-wrapper .pulse-2:before {
                content: '';
                width: 18px;
                height: 18px;
                position: absolute;
                background-color: #fc5a1a;
                opacity: 0.6;
                border-radius: 50%;
                left: 50%;
                top: 50%;
                margin-left: -9px;
                margin-top: -9px;
            }

    .p_features_item.p_item_two .pulse-wrapper {
        width: 195px;
        left: -82%;
    }

.p_features_img img {
    z-index: -1;
}

/*feadback_area css
=========================================================================*/
.feadback_area {
    background: #f9faff;
    padding: 100px 0px;
    overflow: hidden;
}

    .feadback_area .feadback_content .main_title {
        text-align: left;
    }

        .feadback_area .feadback_content .main_title h2 {
            font-size: 26px;
            line-height: 36px;
            padding-bottom: 0px;
            margin-bottom: 35px;
        }

            .feadback_area .feadback_content .main_title h2:before {
                display: none;
            }

    .feadback_area .feadback_content p {
        font: 400 14px/26px "Poppins", sans-serif;
        color: #6b6d6f;
    }

    .feadback_area .feadback_content .skill_progress {
        padding-top: 60px;
    }

        .feadback_area .feadback_content .skill_progress .skill-piechart {
            width: calc(100% / 3);
            float: left;
            text-align: center;
        }

            .feadback_area .feadback_content .skill_progress .skill-piechart .piechart {
                position: relative;
                width: 110px;
                display: inline-block;
            }

                .feadback_area .feadback_content .skill_progress .skill-piechart .piechart h2 {
                    font: 400 35px/36px "Poppins", sans-serif;
                    color: #fc5a1a;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .feadback_area .feadback_content .skill_progress .skill-piechart h3 {
                font: 400 18px/26px "Montserrat", sans-serif;
                color: #424242;
                letter-spacing: 0.20px;
                padding-top: 24px;
            }

/*video_area_three css
=================================================================*/
.video_area_three {
    background: #f9faff;
    padding: 100px 0px;
}

    .video_area_three .app-video {
        margin-left: -82px;
        position: relative;
        margin-right: 15px;
        -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
    }

        .video_area_three .app-video:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: #fc5a1a;
            opacity: 0.90;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .video_area_three .app-video .icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
        }

            .video_area_three .app-video .icon i {
                font-size: 47px;
                color: #fff;
            }

            .video_area_three .app-video .icon h3 {
                font: 300 23px/23px "Poppins", sans-serif;
                letter-spacing: 0.20px;
                padding-top: 15px;
            }

    .video_area_three .video-info {
        padding-top: 48px;
    }

        .video_area_three .video-info .main_title {
            text-align: left;
        }

            .video_area_three .video-info .main_title h2 {
                font-size: 26px;
                line-height: 36px;
                padding-bottom: 0px;
                margin-bottom: 30px;
            }

                .video_area_three .video-info .main_title h2:before {
                    display: none;
                }

        .video_area_three .video-info .app-btn {
            margin-top: 60px;
        }

            .video_area_three .video-info .app-btn a {
                display: inline-block;
            }

                .video_area_three .video-info .app-btn a + a {
                    margin-left: 15px;
                }

/* Pricing-area-three css
=====================================================================*/
.pricing-area-three {
    padding: 100px 0px;
}

    .pricing-area-three .price-table {
        padding-top: 60px;
    }

    .pricing-area-three .price_item {
        padding: 48px 30px 50px;
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        cursor: pointer;
    }

        .pricing-area-three .price_item .price-head {
            font: 300 24px/26px "Montserrat", sans-serif;
            color: #424242;
            letter-spacing: 0.48px;
            text-transform: uppercase;
            padding-bottom: 23px;
        }

        .pricing-area-three .price_item .price {
            font: 700 28px/26px "Montserrat", sans-serif;
            color: #fc5a1a;
            letter-spacing: 0.56px;
        }

            .pricing-area-three .price_item .price sub {
                font-size: 14px;
                font-weight: 400;
            }

        .pricing-area-three .price_item ul {
            padding: 40px 0px;
        }

            .pricing-area-three .price_item ul li {
                font: 400 14px/33px "Poppins", sans-serif;
                color: #6b6d6f;
                letter-spacing: 0.28px;
            }

                .pricing-area-three .price_item ul li i {
                    font-size: 13px;
                    color: #fc5a1a;
                    padding-right: 12px;
                }

        .pricing-area-three .price_item:hover {
            -webkit-box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
        }

.purchase-btn {
    font: 500 14px/26px "Poppins", sans-serif;
    color: #fff;
    background: #fc5a1a;
    padding: 12px 30px;
    border-radius: 40px;
    display: inline-block;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .purchase-btn:hover {
        color: #fff;
        background: #e64100;
        -webkit-box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
    }

/* Team_area_three css
=============================================================*/
.team_area_three {
    background: #f9faff;
    padding: 100px 0px;
}

    .team_area_three .team-member {
        padding-top: 70px;
    }

    .team_area_three .team_item {
        position: relative;
        overflow: hidden;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
        cursor: pointer;
    }

        .team_area_three .team_item img {
            max-width: 100%;
        }

        .team_area_three .team_item .team-content {
            text-align: center;
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
        }

            .team_area_three .team_item .team-content .text {
                background: rgba(252, 90, 26, 0.9);
                color: #fff;
                padding: 24px;
                -webkit-transform: translateY(120%);
                -ms-transform: translateY(120%);
                transform: translateY(120%);
                -webkit-transform-origin: 50% 100%;
                -ms-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                -webkit-transition-duration: 0.6s;
                -o-transition-duration: 0.6s;
                transition-duration: 0.6s;
                -webkit-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

                .team_area_three .team_item .team-content .text h4 {
                    font: 700 16px/30px "Montserrat", sans-serif;
                }

                .team_area_three .team_item .team-content .text h5 {
                    font: 400 14px/16px "Poppins", sans-serif;
                    letter-spacing: 0.28px;
                }

                .team_area_three .team_item .team-content .text p {
                    font: 400 14px/26px "Poppins", sans-serif;
                    letter-spacing: 0.28px;
                    padding-top: 10px;
                }

            .team_area_three .team_item .team-content .social-icon {
                background: #f5f5f5;
                z-index: 1;
                -webkit-transform: scaleY(0);
                -ms-transform: scaleY(0);
                transform: scaleY(0);
                -webkit-transform-origin: 50% 100%;
                -ms-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                -webkit-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

                .team_area_three .team_item .team-content .social-icon a {
                    font-size: 16px;
                    line-height: 32px;
                    color: #fc5a1a;
                    padding: 0px 20px;
                    display: inline-block;
                }

                    .team_area_three .team_item .team-content .social-icon a + a {
                        border-left: 1px solid #ededed;
                    }

        .team_area_three .team_item:hover {
            background-color: whitesmoke;
            -webkit-box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 6px 11.83px 1.17px rgba(0, 0, 0, 0.08);
        }

            .team_area_three .team_item:hover .team-content .text {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            .team_area_three .team_item:hover .team-content .social-icon {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                transform: scaleY(1);
            }

/*testimonial_area_three css
================================================================*/
.testimonial_area_three {
    padding: 70px 0px 82px;
}

    .testimonial_area_three .testimonial_slider_three {
        max-width: 810px;
        margin: 0 auto;
        padding: 10px;
    }

        .testimonial_area_three .testimonial_slider_three .item {
            text-align: center;
            padding: 20px 20px 40px;
        }

            .testimonial_area_three .testimonial_slider_three .item .content {
                background-color: white;
                padding: 25px 50px 0px;
                -webkit-box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
                box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
            }

            .testimonial_area_three .testimonial_slider_three .item i {
                font-size: 35px;
                color: #e8e8e8;
            }

            .testimonial_area_three .testimonial_slider_three .item .auther-img {
                top: 28px;
                position: relative;
            }

                .testimonial_area_three .testimonial_slider_three .item .auther-img img {
                    width: auto;
                    display: inline-block;
                }

            .testimonial_area_three .testimonial_slider_three .item p {
                font: 400 16px/30px "Poppins", sans-serif;
                color: #6b6d6f;
                padding: 13px 0px 20px;
            }

            .testimonial_area_three .testimonial_slider_three .item h2 {
                font: 300 24px/36px "Montserrat", sans-serif;
                color: #424242;
            }

            .testimonial_area_three .testimonial_slider_three .item h5 {
                font: 400 14px/34px "Montserrat", sans-serif;
                color: #6b6d6f;
            }

        .testimonial_area_three .testimonial_slider_three .owl-nav {
            position: absolute;
            top: 39%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 5px;
        }

            .testimonial_area_three .testimonial_slider_three .owl-nav .owl-prev, .testimonial_area_three .testimonial_slider_three .owl-nav .owl-next {
                width: 42px;
                height: 42px;
                background: #e8e8e8;
                text-align: center;
                color: #424242;
                font-size: 42px;
                margin: 4px;
                line-height: 42px;
            }

                .testimonial_area_three .testimonial_slider_three .owl-nav .owl-prev:hover, .testimonial_area_three .testimonial_slider_three .owl-nav .owl-next:hover {
                    color: #fc5a1a;
                }

        .testimonial_area_three .testimonial_slider_three .owl-dots {
            margin-top: 60px;
        }

            .testimonial_area_three .testimonial_slider_three .owl-dots .owl-dot.active, .testimonial_area_three .testimonial_slider_three .owl-dots .owl-dot:hover {
                background: #fc5a1a;
            }

/* Start sec-screenshots css
=============================================================*/
.sec-screenshots .main_title {
    padding-bottom: 45px;
}

.sec-screenshots .gallery_filter {
    text-align: center;
    margin-bottom: 80px;
}

    .sec-screenshots .gallery_filter li {
        font: 400 16px/25px "Montserrat", sans-serif;
        letter-spacing: 0.32px;
        color: #4f4f4f;
        display: inline-block;
        border-radius: 40px;
        padding: 0px 14px;
        cursor: pointer;
    }

        .sec-screenshots .gallery_filter li.active, .sec-screenshots .gallery_filter li:hover {
            background: #fc5a1a;
            color: #fff;
        }

        .sec-screenshots .gallery_filter li + li {
            margin-left: 32px;
        }

/* End sec-screenshots css
=============================================================*/
/* Start app_download_area css
=============================================================*/
.app_download_area {
    background: url("../img/home-3/get.jpg") no-repeat scroll center 0/cover;
    position: relative;
    z-index: 1;
    padding: 95px 0px 100px;
}

    .app_download_area:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #fc5a1a;
        opacity: 0.90;
        z-index: -1;
    }

    .app_download_area .main_title h2 {
        color: #fff;
    }

        .app_download_area .main_title h2:before {
            background: #fff;
        }

    .app_download_area .main_title p {
        color: #fff;
    }

    .app_download_area .app-btn {
        text-align: center;
        margin-top: 65px;
    }

        .app_download_area .app-btn a {
            display: inline-block;
        }

            .app_download_area .app-btn a + a {
                margin-left: 32px;
            }

/* End app_download_area css
=============================================================*/
/* Start freequently_question_area css
=============================================================*/
.freequently_question_area {
    padding: 95px 0px;
    background: #f9faff;
}

    .freequently_question_area .freequently_question {
        max-width: 750px;
        margin: 0px auto;
        padding-top: 15px;
    }

        .freequently_question_area .freequently_question .question-list {
            margin-top: 42px;
        }

            .freequently_question_area .freequently_question .question-list h2 {
                font: 300 24px/30px "Montserrat", sans-serif;
                color: #424242;
                letter-spacing: 0.48px;
                padding-bottom: 23px;
            }

            .freequently_question_area .freequently_question .question-list p {
                font: 400 14px/26px "Poppins", sans-serif;
                color: #6b6d6f;
                letter-spacing: 0.28px;
            }

/* End freequently_question_area css
=============================================================*/
.sc-clients-logo-area {
    padding: 100px 0px;
}

.sc-clients-slider .item {
    text-align: center;
}

    .sc-clients-slider .item a {
        font-size: 80px;
        color: #6b6d6f;
        display: inline-block;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    .sc-clients-slider .item:hover a {
        color: #fc5a1a;
    }

/* Service Six Area css
=============================================================*/
.service_six_area .main_title {
    padding-bottom: 60px;
}

.service_s_inner {
    margin-bottom: -45px;
    overflow: hidden;
}

.ss_item {
    text-align: center;
    margin-bottom: 45px;
}

    .ss_item h4 {
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        color: #424242;
        padding: 25px 0px 18px 0px;
    }

    .ss_item p {
        line-height: 27px;
        color: #6b6d6f;
        font-family: "Poppins", sans-serif;
    }

/* End Service Six Area css
=============================================================*/
/* Reparing Center Area css
============================================================================================ */
.reparing_area {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fbfbfb;
    padding-top: 60px;
    padding-bottom: 100px;
}

    .reparing_area .rep_left {
        width: calc(50% - 110px);
        float: left;
        overflow: hidden;
        text-align: right;
        padding-right: 60px;
    }

        .reparing_area .rep_left .reparing_img img {
            max-width: 100%;
        }

    .reparing_area .rep_right {
        width: calc(50% + 110px);
        float: right;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .reparing_area .rep_right .reparing_text {
            -ms-flex-item-align: center;
            align-self: center;
            vertical-align: middle;
            max-width: 680px;
        }

            .reparing_area .rep_right .reparing_text h4 {
                font-size: 36px;
                color: #4f4f4f;
                font-family: "Montserrat", sans-serif;
                line-height: 48px;
            }

            .reparing_area .rep_right .reparing_text p {
                font-size: 14px;
                font-family: "Poppins", sans-serif;
                line-height: 26px;
                color: #6b6d6f;
                padding-top: 35px;
                padding-bottom: 40px;
                border-bottom: 1px solid #eeeeee;
            }

            .reparing_area .rep_right .reparing_text .reparing_box {
                overflow: hidden;
                margin-right: -50px;
                padding-top: 100px;
            }

                .reparing_area .rep_right .reparing_text .reparing_box .box_item {
                    width: calc(100% / 3);
                    float: left;
                    text-align: center;
                }

                    .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner {
                        margin-right: 50px;
                        background: #fff;
                    }

                        .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner i {
                            height: 80px;
                            width: 80px;
                            border-radius: 50%;
                            display: inline-block;
                            text-align: center;
                            border: 8px solid rgba(133, 125, 232, 0.2);
                            color: #fff;
                            font-size: 40px;
                            line-height: 60px;
                            position: relative;
                            z-index: 3;
                            margin-top: -40px;
                            margin-bottom: 22px;
                        }

                            .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner i:before {
                                z-index: 2;
                                position: relative;
                            }

                            .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner i:after {
                                content: "";
                                background: #857de8;
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                left: 0px;
                                top: 0px;
                                border-radius: 50%;
                                z-index: 1;
                            }

                        .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner h5 {
                            font-size: 24px;
                            color: #4f4f4f;
                            font-family: "Montserrat", sans-serif;
                            font-weight: 300;
                            padding-bottom: 35px;
                        }

/* End Reparing Center Area css
============================================================================================ */
/* End Reparing Center Area css
============================================================================================ */
.available_service_area {
    overflow: hidden;
    background: #857de8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .available_service_area .available_service_left {
        width: calc(50% + 15px);
        float: left;
        overflow: hidden;
        vertical-align: middle;
        -ms-flex-item-align: center;
        align-self: center;
    }

        .available_service_area .available_service_left .available_s_text {
            max-width: 585px;
            padding-right: 125px;
            float: right;
            width: 100%;
            color: #fff;
        }

            .available_service_area .available_service_left .available_s_text h4 {
                font-size: 36px;
                font-family: "Montserrat", sans-serif;
                font-weight: 300;
            }

            .available_service_area .available_service_left .available_s_text p {
                font-size: 14px;
                line-height: 26px;
                padding-top: 15px;
                font-family: "Poppins", sans-serif;
            }

            .available_service_area .available_service_left .available_s_text .available_icon_list {
                margin-top: 35px;
            }

                .available_service_area .available_service_left .available_s_text .available_icon_list .media {
                    margin-top: 20px;
                }

                    .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-left {
                        padding-right: 25px;
                    }

                        .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-left i {
                            height: 75px;
                            width: 75px;
                            border-radius: 50%;
                            border: 8px solid rgba(255, 255, 255, 0.8);
                            display: block;
                            text-align: center;
                            line-height: 62px;
                            font-size: 30px;
                            color: #857de8;
                            position: relative;
                        }

                            .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-left i:before {
                                position: relative;
                                z-index: 2;
                            }

                            .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-left i:after {
                                content: "";
                                background: #fff;
                                width: 101%;
                                height: 101%;
                                border-radius: 50%;
                                left: -.5px;
                                top: -.5px;
                                position: absolute;
                            }

                    .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-body {
                        vertical-align: middle;
                    }

                        .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-body h5 {
                            font-size: 24px;
                            font-family: "Montserrat", sans-serif;
                            font-weight: 300;
                        }

    .available_service_area .available_service_right {
        width: calc(50% - 15px);
        float: right;
        overflow: hidden;
    }

/* End Reparing Center Area css
============================================================================================ */
/* Gadget Service Area css
============================================================================================ */
.gedget_service_area {
    background: #000;
    position: relative;
}

    .gedget_service_area:before {
        content: "";
        background: url(../img/gadget/gadget-man.png);
        width: 518px;
        height: 627px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

.ged_service_inner {
    margin-bottom: -55px;
    overflow: hidden;
}

    .ged_service_inner .gd_title {
        text-align: left;
    }

        .ged_service_inner .gd_title h2:before {
            left: 0px;
            text-align: left;
            right: auto;
        }

    .ged_service_inner .gd_service_item {
        max-width: 315px;
        margin-bottom: 55px;
    }

        .ged_service_inner .gd_service_item h4 {
            font-size: 16px;
            color: #fff;
            font-family: "Heebo", sans-serif;
            padding-bottom: 18px;
            position: relative;
            z-index: 2;
            text-transform: uppercase;
        }

            .ged_service_inner .gd_service_item h4:before {
                content: attr(data-count);
                font-size: 68px;
                color: #1d191a;
                position: absolute;
                left: 0px;
                top: 25%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: -1;
            }

        .ged_service_inner .gd_service_item p {
            font-size: 14px;
            line-height: 24px;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
        }

.gadget_parameters_area .gd_para_inner .gd_para_left {
    max-width: 500px;
}

    .gadget_parameters_area .gd_para_inner .gd_para_left h5 {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        text-transform: uppercase;
    }

    .gadget_parameters_area .gd_para_inner .gd_para_left h3 {
        font-size: 30px;
        color: #272727;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .gadget_parameters_area .gd_para_inner .gd_para_left p {
        font-size: 14px;
        line-height: 24px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        padding-bottom: 25px;
    }

.gd_testimonials_area .col-md-6 {
    position: relative;
}

.gd_testimonials_area .single_gd_text {
    vertical-align: bottom;
    position: absolute;
    left: 0px;
    bottom: 100px;
}

    .gd_testimonials_area .single_gd_text i {
        color: #d7d7d7;
        font-size: 24px;
    }

    .gd_testimonials_area .single_gd_text h4 {
        font-size: 24px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        color: #d7d7d7;
        line-height: 30px;
    }

.gd_testimonials_area .gd_man_slider {
    text-align: right;
}

    .gd_testimonials_area .gd_man_slider .item {
        text-align: right;
    }

        .gd_testimonials_area .gd_man_slider .item img {
            width: auto;
            display: inline-block;
            padding-right: 50px;
        }

.gd_man_text .item h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    padding-top: 65px;
}

.gd_man_text .item h2 {
    font-size: 30px;
    font-weight: bold;
    color: #272727;
    font-family: "Heebo", sans-serif;
    padding-top: 10px;
    padding-bottom: 30px;
}

.gd_man_text .item h3 {
    font-size: 16px;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    padding-bottom: 15px;
}

.gd_man_text .item p {
    font-size: 14px;
    line-height: 24px;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    padding-bottom: 30px;
}

.gd_man_text .item h6 {
    display: inline-block;
    font-size: 14px;
    color: #585858;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    padding-bottom: 25px;
}

.gd_man_text .item ul {
    display: inline-block;
    padding-left: 15px;
}

    .gd_man_text .item ul li {
        display: inline-block;
    }

        .gd_man_text .item ul li a {
            color: #ff9600;
            font-size: 12px;
        }

.home_screen_nav .testi_prev {
    margin-right: 8px;
}

.home_screen_nav i {
    height: 24px;
    width: 24px;
    background: #e9e9e9;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

    .home_screen_nav i:hover {
        background: #e9003f;
        color: #fff;
    }

.gd_blog_area .gd_post {
    text-align: center;
    margin-top: 40px;
}

.gd_contact {
    background: #fff;
    padding-top: 0px;
    padding-bottom: 80px;
}

    .gd_contact .contact_us_form {
        padding: 0px;
    }

        .gd_contact .contact_us_form .form-group {
            text-align: center;
            margin-bottom: 30px;
        }

            .gd_contact .contact_us_form .form-group input {
                border-top: 1px solid #c9c9c9;
                border-bottom: 1px solid #c9c9c9;
                height: 54px;
            }

            .gd_contact .contact_us_form .form-group textarea {
                border-top: 1px solid #c9c9c9;
                border-bottom: 1px solid #c9c9c9;
                padding-top: 20px;
            }

            .gd_contact .contact_us_form .form-group .pre_or_btn {
                -webkit-box-shadow: none;
                box-shadow: none;
                display: inline-block;
                width: auto;
                padding: 0px 30px;
                border-radius: 0px;
                height: 48px;
                line-height: 48px;
                outline: none !important;
                box-shadow: none !important;
                margin-top: 10px;
            }

/* End Gadget Service Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.satisfaction_area_two {
    padding-bottom: 340px;
}

    .satisfaction_area_two .satisfaction_item .icon-round {
        margin-bottom: 0px;
    }

/*testimonial ara two css
======================================================*/
.testimonial_area_two {
    padding-bottom: 100px;
    margin-top: 0px;
}

    .testimonial_area_two .video_inner {
        margin-bottom: 120px;
    }

.testimonial-carousel {
    padding: 0px 60px;
}

    .testimonial-carousel .item {
        margin-top: 40px;
        margin-bottom: 105px;
    }

    .testimonial-carousel .slider-item {
        text-align: center;
        background: #fff;
        -webkit-box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
        padding: 0px 50px;
    }

        .testimonial-carousel .slider-item i {
            font-size: 55px;
            color: #3498db;
            margin-top: -30px;
        }

        .testimonial-carousel .slider-item p {
            font-size: 16px;
            line-height: 30px;
            padding-top: 15px;
            padding-bottom: 25px;
        }

        .testimonial-carousel .slider-item h4 {
            font: 300 24px/36px "Montserrat", sans-serif;
            color: #424242;
            letter-spacing: 0.20;
        }

        .testimonial-carousel .slider-item h6 {
            font: 400 14px/36px "Montserrat", sans-serif;
            letter-spacing: 0.20;
            color: #6b6d6f;
            margin-bottom: 25px;
        }

        .testimonial-carousel .slider-item .img img {
            width: auto;
            display: inline-block;
            margin-bottom: -27px;
        }

.owl-dots {
    text-align: center;
}

    .owl-dots .owl-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #e8e8e8;
        display: inline-block;
        margin: 0px 5px;
        -webkit-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

        .owl-dots .owl-dot.active {
            background: #3498db;
            width: 17px;
            height: 17px;
        }

/*screenshot_area_two
======================================================*/
.screenshot_area_two {
    overflow: hidden;
    padding: 100px 0px;
}

    .screenshot_area_two .screenshot_left {
        width: 50%;
        float: left;
    }

        .screenshot_area_two .screenshot_left .screenshot_tab {
            max-width: 555px;
            margin: 0px 0px 0px auto;
            padding-right: 78px;
        }

            .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs {
                border: 0px;
                margin-bottom: 5px;
            }

                .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li {
                    margin: 0px;
                }

                    .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li a {
                        border: 0px;
                        font-size: 14px;
                        line-height: 26px;
                        letter-spacing: 0.20px;
                        color: #6b6d6f;
                        font-family: "Poppins", sans-serif;
                        padding: 0px 17px;
                        -webkit-transition: all 0.4s ease;
                        -o-transition: all 0.4s ease;
                        transition: all 0.4s ease;
                        border-radius: 20px;
                    }

                        .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li a:hover {
                            background: transparent;
                            color: #3498db;
                        }

                    .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li.active a {
                        background: #3498db;
                        color: #fff;
                    }

                    .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li + li {
                        margin-left: 4px;
                    }

            .screenshot_area_two .screenshot_left .screenshot_tab .tab-content p {
                padding-top: 30px;
            }

    .screenshot_area_two .screenshot_right {
        width: 50%;
        float: right;
    }

        .screenshot_area_two .screenshot_right .screenshot_carousel {
            position: relative;
            padding: 70px 78px 128px 0px;
        }

@media (max-width: 1800px) {
    .screenshot_area_two .screenshot_right .screenshot_carousel {
        padding-right: 0px;
    }
}

.screenshot_area_two .screenshot_right .screenshot_carousel:before {
    content: "";
    background: url("../img/screenshot/app-screen.png") no-repeat;
    position: absolute;
    left: -5px;
    top: 0;
    width: 100%;
    height: 100%;
}

.screenshot_area_two .screenshot_right .screenshot_carousel .item {
    padding: 0px 14px;
    overflow: hidden;
}

    .screenshot_area_two .screenshot_right .screenshot_carousel .item img {
        width: auto;
    }

.screenshot_area_two .screenshot_right .owl-dots {
    position: absolute;
    left: 100px;
    bottom: 0;
}

.testi_inner_area {
    padding-top: 120px;
}

/* Testimonials Seven Slider css
============================================================================================ */
.testimonials_seven_area {
    padding-bottom: 100px;
}

.testimonials_s_slider .item {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 100px;
    padding-bottom: 45px;
}

.testimonials_s_slider .testi_s_inner {
    text-align: center;
    -webkit-box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 4px 27.55px 1.45px rgba(0, 0, 0, 0.09);
    padding: 50px 95px;
}

    .testimonials_s_slider .testi_s_inner img {
        width: auto;
        margin: auto;
    }

    .testimonials_s_slider .testi_s_inner h4 {
        font-size: 24px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #424242;
        padding-bottom: 10px;
        padding-top: 20px;
    }

        .testimonials_s_slider .testi_s_inner h4:hover {
            color: #7db9e8;
        }

    .testimonials_s_slider .testi_s_inner h5 {
        font-size: 14px;
        font-family: #6b6d6f;
        font-family: "Montserrat", sans-serif;
    }

    .testimonials_s_slider .testi_s_inner p {
        font-size: 16px;
        line-height: 30px;
        font-family: "Poppins", sans-serif;
        font-weight: normal;
        padding-top: 30px;
        padding-bottom: 25px;
    }

.testimonials_s_slider .owl-nav .owl-prev, .testimonials_s_slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 42px;
    font-size: 40px;
    color: #898989;
    background: #e8e8e8;
    text-align: center;
    line-height: 42px;
    z-index: 2;
}

.testimonials_s_slider .owl-nav .owl-prev {
    left: 100px;
}

.testimonials_s_slider .owl-nav .owl-next {
    right: 100px;
}

/* End Testimonials Seven css
============================================================================================ */
/* Testimonials Eight css
============================================================================================ */
.testimonials_eight_area {
    text-align: center;
}

    .testimonials_eight_area .testimonials_eight_inner img {
        -webkit-box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 4px 12.35px 0.65px rgba(0, 0, 0, 0.18);
    }

    .testimonials_eight_area .testimonials_eight_inner h4 {
        font-size: 24px;
        color: #4f4f4f;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        padding-top: 25px;
    }

    .testimonials_eight_area .testimonials_eight_inner h5 {
        font-size: 14px;
        color: #4f4f4f;
        font-family: "Poppins", sans-serif;
        padding-top: 12px;
        padding-bottom: 25px;
    }

    .testimonials_eight_area .testimonials_eight_inner p {
        font-size: 16px;
        line-height: 30px;
        font-family: "Poppins", sans-serif;
        color: #6b6d6f;
        max-width: 750px;
        margin: auto;
        padding-bottom: 40px;
    }

    .testimonials_eight_area .testimonials_eight_inner ul li {
        display: inline-block;
        margin-right: 5px;
    }

        .testimonials_eight_area .testimonials_eight_inner ul li:last-child {
            margin-right: 0px;
        }

        .testimonials_eight_area .testimonials_eight_inner ul li a {
            font-size: 24px;
            color: #ffd060;
        }

/* End Testimonials Eight css
============================================================================================ */
/* Ten Customer say Area css
============================================================================================ */
.ten_say_area {
    background: #fafcff;
}

.ten_say_slider .item {
    padding-bottom: 40px;
}

    .ten_say_slider .item img {
        width: auto;
    }

.ten_say_slider .ten_say_item {
    background: #fff;
    -webkit-box-shadow: 0px 21px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 21px 40px 0px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

    .ten_say_slider .ten_say_item .media .media-left {
        padding-right: 20px;
    }

    .ten_say_slider .ten_say_item .media .media-body {
        vertical-align: middle;
    }

        .ten_say_slider .ten_say_item .media .media-body h4 {
            color: #0083ff;
            font-family: "Heebo", sans-serif;
            font-size: 20px;
            padding-bottom: 8px;
        }

        .ten_say_slider .ten_say_item .media .media-body h5 {
            color: #8e8e8e;
            font-family: "Heebo", sans-serif;
            font-size: 16px;
        }

    .ten_say_slider .ten_say_item p {
        font-size: 16px;
        line-height: 28px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .ten_say_slider .ten_say_item ul {
        text-align: right;
    }

        .ten_say_slider .ten_say_item ul li {
            display: inline-block;
        }

            .ten_say_slider .ten_say_item ul li a {
                color: #0083ff;
            }

.ten_say_slider .owl-dots {
    margin-top: 30px;
}

    .ten_say_slider .owl-dots .owl-dot.active {
        background: #0083ff;
    }

/* End Ten Customer say Area css
============================================================================================ */
/* Ten Question Area css
============================================================================================ */
.ten_question_area {
    background: #fafcff;
    padding: 70px 0px;
}

    .ten_question_area .ten_title {
        max-width: 780px;
        margin: auto;
        text-align: left;
    }

        .ten_question_area .ten_title p {
            font-size: 16px;
            color: #8e8e8e;
        }

    .ten_question_area .tex_ques_inner {
        max-width: 780px;
        margin: auto;
    }

        .ten_question_area .tex_ques_inner .panel-group .panel.panel-default {
            border: none;
            border-radius: 0px;
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-top: 20px;
        }

            .ten_question_area .tex_ques_inner .panel-group .panel.panel-default:first-child {
                margin-top: 0px;
            }

            .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading {
                padding: 0px;
                background: transparent;
                border-radius: 0px;
                border: none;
            }

                .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading .panel-title a {
                    display: block;
                    position: relative;
                    border: 1px solid #f2f2f4;
                    padding-left: 35px;
                    padding-right: 20px;
                    padding-top: 12px;
                    padding-bottom: 10px;
                    font-size: 16px;
                    font-family: "Heebo", sans-serif;
                    color: #585858;
                    line-height: 26px;
                    text-transform: uppercase;
                    background: #fff;
                    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
                    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
                }

                    .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading .panel-title a i {
                        position: absolute;
                        right: 15px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        display: inline-block;
                    }

                        .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading .panel-title a i + i {
                            display: none;
                        }

                    .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed i {
                        display: none;
                    }

                        .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed i + i {
                            display: inline-block;
                        }

            .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-collapse {
                background: transparent;
            }

                .ten_question_area .tex_ques_inner .panel-group .panel.panel-default .panel-collapse .panel-body {
                    border: none;
                    background: transparent;
                    font-size: 16px;
                    line-height: 28px;
                    color: #8e8e8e;
                    padding-left: 35px;
                    font-weight: normal;
                    padding-right: 20px;
                    padding-top: 20px;
                }

/* End Ten Question Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.team_members_area {
    padding: 100px 0px;
}

.team_slider_two .team_slider_item {
    text-align: center;
    position: relative;
    cursor: pointer;
}

    .team_slider_two .team_slider_item .team_hover {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        -webkit-transform: translateY(69px);
        -ms-transform: translateY(69px);
        transform: translateY(69px);
        -webkit-transition: all 0.40s linear;
        -o-transition: all 0.40s linear;
        transition: all 0.40s linear;
    }

    .team_slider_two .team_slider_item ul {
        background: #f5f5f5;
        position: relative;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: all 0.50s ease;
        -o-transition: all 0.50s ease;
        transition: all 0.50s ease;
        -webkit-transition-delay: 0.30s;
        -o-transition-delay: 0.30s;
        transition-delay: 0.30s;
        z-index: -1;
        opacity: 0;
    }

        .team_slider_two .team_slider_item ul li {
            display: inline-block;
        }

            .team_slider_two .team_slider_item ul li a {
                font-size: 16px;
                line-height: 30px;
                color: #3498db;
                padding: 0px 15px;
                display: inline-block;
            }

            .team_slider_two .team_slider_item ul li + li {
                border-left: 1px solid #ededed;
            }

    .team_slider_two .team_slider_item .team_inner_text {
        color: #fff;
        background: rgba(52, 152, 219, 0.9);
        text-align: center;
        padding: 10px 0px;
        z-index: 2;
    }

        .team_slider_two .team_slider_item .team_inner_text h4 {
            font: 700 16px/25px "Montserrat", sans-serif;
            text-transform: uppercase;
        }

        .team_slider_two .team_slider_item .team_inner_text h5 {
            font: 400 14px/24px "Poppins", sans-serif;
        }

    .team_slider_two .team_slider_item:hover .team_hover {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .team_slider_two .team_slider_item:hover ul {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

/* Ten Team Area css
============================================================================================ */
.ten_team_slider .item .ten_team_item {
    text-align: center;
    position: relative;
}

    .ten_team_slider .item .ten_team_item h4 {
        font-size: 18px;
        color: #585858;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        padding-top: 20px;
    }

    .ten_team_slider .item .ten_team_item p {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        padding-top: 4px;
    }

    .ten_team_slider .item .ten_team_item .ten_team_hover {
        position: absolute;
        width: 100%;
        padding: 0px 16px;
        z-index: 1;
        bottom: 0px;
        left: 0px;
        opacity: 0;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        -webkit-transform: rotateX(-45deg);
        transform: rotateX(-45deg);
    }

        .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner {
            background: rgba(0, 131, 255, 0.95);
            padding-top: 65px;
            padding-bottom: 65px;
        }

            .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner h4 {
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: bold;
                font-size: 20px;
                padding-top: 0px;
            }

            .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner h5 {
                font-size: 16px;
                color: #e9e9e9;
                font-family: "Heebo", sans-serif;
                padding-top: 10px;
                padding-bottom: 35px;
            }

            .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner h6 {
                font-size: 16px;
                color: #fff;
                font-family: "Heebo", sans-serif;
                font-weight: 500;
                padding-bottom: 15px;
            }

            .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner ul li {
                display: inline-block;
                margin-right: 8px;
            }

                .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner ul li a {
                    height: 28px;
                    width: 28px;
                    background: #fff;
                    color: #0083ff;
                    font-size: 12px;
                    display: inline-block;
                    border-radius: 50%;
                    line-height: 28px;
                }

                .ten_team_slider .item .ten_team_item .ten_team_hover .ten_team_h_inner ul li:last-child {
                    margin-right: 0px;
                }

    .ten_team_slider .item .ten_team_item:hover h4 {
        opacity: 0;
    }

    .ten_team_slider .item .ten_team_item:hover p {
        opacity: 0;
    }

    .ten_team_slider .item .ten_team_item:hover .ten_team_hover {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

        .ten_team_slider .item .ten_team_item:hover .ten_team_hover h4 {
            opacity: 1;
        }

.ten_team_slider .owl-dots {
    margin-top: 55px;
}

    .ten_team_slider .owl-dots .owl-dot.active {
        background: #0082ff;
    }

/* End Ten Team Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* End Reparing Center Area css
============================================================================================ */
.shop_now_slider .owl-prev, .shop_now_slider .owl-next {
    height: 48px;
    width: 48px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 55px;
    color: #d2d2d2;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    cursor: pointer;
}

    .shop_now_slider .owl-prev i, .shop_now_slider .owl-next i {
        position: relative;
        left: -5px;
        top: -4px;
    }

    .shop_now_slider .owl-prev:hover, .shop_now_slider .owl-next:hover {
        border-color: #857de8;
        background: #857de8;
        color: #fff;
    }

.shop_now_slider .owl-prev {
    left: -230px;
}

.shop_now_slider .owl-next {
    right: -230px;
}

.product_item {
    text-align: center;
}

    .product_item .product_img {
        text-align: center;
        border: 1px solid #ecebeb;
        display: block;
        min-height: 330px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .product_item .product_img img {
            width: auto;
            -ms-flex-item-align: center;
            align-self: center;
            margin: auto;
            vertical-align: middle;
        }

        .product_item .product_img .discount_price {
            position: absolute;
            top: 15px;
            left: 0px;
            background: #857de8;
            color: #fff;
            padding: 0px 15px;
        }

            .product_item .product_img .discount_price h6 {
                font-family: "Montserrat", sans-serif;
                font-size: 20px;
                font-weight: normal;
                line-height: 30px;
            }

    .product_item .product_text {
        background: #857de8;
        text-align: center;
        color: #fff;
        padding: 18px 0px;
    }

        .product_item .product_text h5 {
            font-size: 18px;
            font-family: "Montserrat", sans-serif;
            font-weight: normal;
            padding-bottom: 15px;
        }

        .product_item .product_text h4 {
            font-size: 24px;
            color: #fff;
            font-weight: 500;
            font-family: "Montserrat", sans-serif;
        }

/* End Reparing Center Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999;
}

.pre_inner {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    -webkit-animation: rotate-move 3s ease-in-out infinite;
    animation: rotate-move 3s ease-in-out infinite;
}

.dot {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.dot-3 {
    background-color: #fc5a1a;
    -webkit-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
    animation: dot-3-move 2s ease infinite, index 6s ease infinite;
}

.dot-2 {
    background-color: #0083ff;
    -webkit-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
    animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
}

.dot-1 {
    background-color: #d30039;
    -webkit-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
    animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
}

@-webkit-keyframes dot-3-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translateY(-18px) scale(0.45);
        transform: translateY(-18px) scale(0.45);
    }

    60% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }

    80% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@keyframes dot-3-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translateY(-18px) scale(0.45);
        transform: translateY(-18px) scale(0.45);
    }

    60% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }

    80% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@-webkit-keyframes dot-2-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translate(-16px, 12px) scale(0.45);
        transform: translate(-16px, 12px) scale(0.45);
    }

    60% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }

    80% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@keyframes dot-2-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translate(-16px, 12px) scale(0.45);
        transform: translate(-16px, 12px) scale(0.45);
    }

    60% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }

    80% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@-webkit-keyframes dot-1-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translate(16px, 12px) scale(0.45);
        transform: translate(16px, 12px) scale(0.45);
    }

    60% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }

    80% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@keyframes dot-1-move {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    45% {
        -webkit-transform: translate(16px, 12px) scale(0.45);
        transform: translate(16px, 12px) scale(0.45);
    }

    60% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }

    80% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@-webkit-keyframes rotate-move {
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    80% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rotate-move {
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    80% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes index {
    0%, 100% {
        z-index: 3;
    }

    33.3% {
        z-index: 2;
    }

    66.6% {
        z-index: 1;
    }
}

@keyframes index {
    0%, 100% {
        z-index: 3;
    }

    33.3% {
        z-index: 2;
    }

    66.6% {
        z-index: 1;
    }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_area {
    background: #EFF1FF;
    position: relative;
    margin-top: 100px;
}

    .footer_area:before {
        content: "";
        position: absolute;
        top: -94px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url(../img/triangle-shap-1.png) no-repeat scroll center center;
        background-size: cover;
        width: 100%;
        min-height: 94px;
    }

.footer_widget_area {
    padding: 100px 0px;
}

.f_title {
    padding-bottom: 30px;
}

    .f_title h3 {
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        letter-spacing: .36px;
        color: #424242;
        position: relative;
        padding-bottom: 10px;
    }

        .f_title h3:before {
            content: "";
            width: 30px;
            height: 1px;
            background: #424242;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }

.home_widget ul li a {
    font-size: 14px;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    color: #6b6d6f;
    letter-spacing: .28px;
}

.footer_copy_right {
    background: #34353b;
    padding: 32px 0px;
}

    .footer_copy_right .pull-left h4 {
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        color: #bdbdbd;
        letter-spacing: .28px;
        font-weight: normal;
    }

    .footer_copy_right .pull-right ul li {
        display: inline-block;
        margin-right: 32px;
    }

        .footer_copy_right .pull-right ul li a {
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            color: #bdbdbd;
            letter-spacing: .28px;
            font-weight: normal;
        }

        .footer_copy_right .pull-right ul li:last-child {
            margin-right: 0px;
        }

/* End Footer Area css
============================================================================================ */
/* Pink Footer Area css
============================================================================================ */
.pink_footer {
    background: url(../img/pink-footer-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

.pink_footer_wedget_area {
    padding: 110px 0px;
}

.p_f_w_title {
    padding-bottom: 40px;
}

    .p_f_w_title h3 {
        color: #fff;
        font-size: 20px;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        letter-spacing: .40px;
    }

.p_menu_widget ul li, .p_support_widget ul li {
    margin-bottom: 5px;
}

    .p_menu_widget ul li a, .p_support_widget ul li a {
        font-size: 14px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .p_menu_widget ul li:last-child, .p_support_widget ul li:last-child {
        margin-bottom: 0px;
    }

    .p_menu_widget ul li:hover a, .p_support_widget ul li:hover a {
        color: #ffcd2f;
    }

.p_contact_widget .contact_info li {
    font-size: 14px;
    color: #fff;
    font-family: "Heebo", sans-serif;
    letter-spacing: .28px;
    margin-bottom: 7px;
}

    .p_contact_widget .contact_info li a {
        font-size: 14px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        letter-spacing: .28px;
    }

        .p_contact_widget .contact_info li a span {
            padding-left: 64px;
        }

    .p_contact_widget .contact_info li:last-child {
        margin-bottom: 0px;
    }

.pink_social {
    padding-top: 40px;
}

    .pink_social li {
        display: inline-block;
        margin-right: 10px;
    }

        .pink_social li a {
            height: 28px;
            width: 28px;
            border-radius: 50%;
            background: #000;
            text-align: center;
            color: #fff;
            font-size: 12px;
            display: inline-block;
            line-height: 28px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .pink_social li:last-child {
            margin-right: 0px;
        }

        .pink_social li:hover a {
            background: #ffcd2f;
        }

.pink_copyright {
    border-top: 1px dashed #d655c5;
    overflow: hidden;
    padding: 32px 0px;
}

    .pink_copyright .pull-right h4 {
        padding-top: 13px;
        font-size: 14px;
        font-family: "Heebo", sans-serif;
        color: #efabff;
    }

        .pink_copyright .pull-right h4 i {
            color: #efabff;
            padding-right: 2px;
        }

        .pink_copyright .pull-right h4 a {
            color: #efabff;
            font-weight: bold;
        }

/* End Pink Footer Area css
============================================================================================ */
/* Footer Five Area css
============================================================================================ */
.footer_five_widget {
    background: #1f3348;
    position: relative;
    padding-top: 100px;
    z-index: 3;
}

    .footer_five_widget:before {
        content: "";
        background: url(../img/footer-five-bg.png) no-repeat scroll center;
        background-size: cover;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

.f_f_title {
    padding-bottom: 45px;
}

    .f_f_title h3 {
        color: #d7d7d7;
        font-family: "Heebo", sans-serif;
        font-weight: bold;
        letter-spacing: .4px;
        font-size: 20px;
    }

.f_ab_widget h5 {
    font-size: 20px;
    font-family: "Heebo", sans-serif;
    color: #9baebf;
    font-weight: 500;
    letter-spacing: .4px;
    padding-top: 32px;
}

.f_ab_widget p {
    font-size: 16px;
    line-height: 28px;
    color: #6d89a1;
    font-family: "Heebo", sans-serif;
    letter-spacing: .32px;
    padding: 20px 0px 40px 0px;
}

.f_ab_widget h6 {
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    color: #f6f7fa;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .f_ab_widget h6 i {
        padding-left: 4px;
        color: #ff9600;
    }

    .f_ab_widget h6:hover {
        color: #ff9600;
    }

.f_link_widget ul li {
    margin-bottom: 12px;
}

    .f_link_widget ul li a {
        position: relative;
        font-size: 16px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .32px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .f_link_widget ul li a i {
            position: absolute;
            left: 2px;
            top: 43%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 0;
        }

    .f_link_widget ul li:hover a {
        padding-left: 15px;
        color: #ff9600;
    }

        .f_link_widget ul li:hover a i {
            opacity: 1;
        }

    .f_link_widget ul li:last-child {
        margin-bottom: 0px;
    }

.f_contact_widget h5 {
    font-size: 18px;
    color: #9baebf;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    letter-spacing: .72px;
    padding-bottom: 22px;
}

.f_contact_widget ul li {
    margin-bottom: 4px;
}

    .f_contact_widget ul li a {
        font-size: 16px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        letter-spacing: .32px;
        color: #6d89a1;
    }

.f_contact_widget .live_contact {
    display: inline-block;
    color: #fff;
    background: #ff9600;
    text-align: center;
    padding: 0px 48px;
    line-height: 42px;
    border-radius: 21px;
    color: #e9e9e9;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: .72px;
    margin-top: 25px;
}

.f_five_copy_right_text {
    text-align: center;
    padding: 70px 0px 45px 0px;
    position: relative;
    z-index: 3;
}

    .f_five_copy_right_text h5 {
        font-size: 16px;
        color: #9baebf;
        font-family: "Heebo", sans-serif;
        letter-spacing: .32px;
    }

        .f_five_copy_right_text h5 a {
            color: #9baebf;
            font-weight: bold;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .f_five_copy_right_text h5 a:hover {
                color: #ff9600;
            }

.footer_five_social {
    background: #1f3348;
    text-align: center;
}

    .footer_five_social ul {
        padding: 25px 0px;
    }

        .footer_five_social ul li {
            display: inline-block;
            margin-right: 75px;
        }

            .footer_five_social ul li a {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                font-size: 21px;
                color: #ffffff;
                display: inline-block;
                background: #1d2a39;
                border-radius: 50%;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

            .footer_five_social ul li:last-child {
                margin-right: 0px;
            }

            .footer_five_social ul li:hover a {
                color: #ff9600;
            }

/* End Footer Five Area css
============================================================================================ */
/*footer_area_two 
=============================================*/
.footer_area_two {
    text-align: center;
    padding: 55px 0px;
}

    .footer_area_two p {
        color: #bdbdbd;
    }

    .footer_area_two .social-icon {
        margin-bottom: 50px;
    }

        .footer_area_two .social-icon ul li {
            display: inline-block;
        }

            .footer_area_two .social-icon ul li + li {
                margin-left: 27px;
            }

            .footer_area_two .social-icon ul li a {
                font-size: 30px;
                color: #767676;
                width: 70px;
                height: 70px;
                border: 1px solid #3498db;
                border-radius: 50%;
                display: inline-block;
                text-align: center;
                line-height: 70px;
                cursor: pointer;
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

                .footer_area_two .social-icon ul li a:hover {
                    background: #3498db;
                    color: #fff;
                    border-color: #3498db;
                }

/* Footer Three Area css
============================================================================================ */
.footer_three_area {
    background: #f9faff;
    padding-top: 90px;
}

    .footer_three_area .footer_widget_inner {
        padding-bottom: 65px;
    }

.ft_title {
    padding-bottom: 20px;
}

    .ft_title h3 {
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        color: #424242;
        text-transform: uppercase;
    }

.ab_ft_widget {
    max-width: 280px;
}

    .ab_ft_widget p {
        font-size: 14px;
        line-height: 26px;
        font-family: "Poppins", sans-serif;
        letter-spacing: .28px;
        color: #6b6d6f;
        padding: 25px 0px;
    }

    .ab_ft_widget ul li {
        margin-right: 20px;
        display: inline-block;
    }

        .ab_ft_widget ul li a {
            color: #6b6d6f;
            font-size: 18px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .ab_ft_widget ul li:last-child {
            margin-right: 0px;
        }

        .ab_ft_widget ul li:hover a {
            color: #fc5a1a;
        }

    .ab_ft_widget.blue ul li:hover a {
        color: #7db9e8;
    }

    .ab_ft_widget.violet ul li:hover a {
        color: #857de8;
    }

.link_ft_widget ul li {
    margin-bottom: 5px;
}

    .link_ft_widget ul li a {
        color: #6b6d6f;
        font-size: 14px;
        line-height: 26px;
        letter-spacing: .28px;
        font-family: "Poppins", sans-serif;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .link_ft_widget ul li:last-child {
        margin-bottom: 0px;
    }

    .link_ft_widget ul li:hover a {
        color: #fc5a1a;
    }

.link_ft_widget.blue ul li:hover a {
    color: #7db9e8;
}

.link_ft_widget.violet ul li:hover a {
    color: #857de8;
}

.ft_copyright {
    text-align: center;
}

    .ft_copyright p {
        color: #6b6d6f;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: .32px;
        border-top: 1px solid #e8e8e8;
        padding-top: 40px;
        padding-bottom: 40px;
    }

.nine_footer {
    overflow: hidden;
    background: #eb484d;
    padding: 35px 0px;
}

    .nine_footer .nine_copyright .pull-left {
        font-size: 16px;
        color: #fff;
    }

        .nine_footer .nine_copyright .pull-left h4 {
            font-size: 16px;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
        }

            .nine_footer .nine_copyright .pull-left h4 a {
                color: #fff;
                font-weight: bold;
            }

    .nine_footer .nine_copyright .pull-right h5 {
        font-size: 16px;
        color: #fff;
        font-family: "Heebo", sans-serif;
        font-weight: normal;
    }

/* End Footer Three Area css
============================================================================================ */
/* Ten Footer Area css
============================================================================================ */
.ten_footer_area {
    background: url(../img/ten-ft-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

.ten_footer_widget {
    padding: 100px 0px;
}

.ten_f_title {
    padding-top: 20px;
}

    .ten_f_title h3 {
        font-size: 20px;
        color: #d7d7d7;
        font-family: "Heebo", sans-serif;
        padding-bottom: 45px;
    }

.t_ab_widget h4 {
    font-size: 20px;
    color: #a5acb7;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    padding-top: 45px;
}

.t_ab_widget p {
    font-size: 16px;
    color: #585858;
    line-height: 28px;
    font-family: "Heebo", sans-serif;
    padding: 25px 0px;
}

.t_ab_widget a {
    font-size: 14px;
    color: #0083ff;
    font-family: "Heebo", sans-serif;
    text-transform: uppercase;
}

.t_link_widget {
    max-width: 98px;
    margin: auto;
}

    .t_link_widget ul li {
        margin-bottom: 13px;
    }

        .t_link_widget ul li a {
            font-size: 16px;
            color: #585858;
            font-family: "Heebo", sans-serif;
            font-weight: normal;
            position: relative;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .t_link_widget ul li a i {
                position: absolute;
                left: 0px;
                top: 48%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
                opacity: 0;
            }

        .t_link_widget ul li:last-child {
            margin-bottom: 0px;
        }

        .t_link_widget ul li:hover a {
            padding-left: 16px;
            color: #0083ff;
        }

            .t_link_widget ul li:hover a i {
                color: #0083ff;
                opacity: 1;
            }

.t_contact_widget h4 {
    font-size: 18px;
    color: #a5acb7;
    font-weight: bold;
    font-family: "Heebo", sans-serif;
    padding-bottom: 25px;
}

.t_contact_widget h5 {
    font-size: 16px;
    font-weight: 500;
    font-family: "Heebo", sans-serif;
    color: #8e8e8e;
}

.t_contact_widget p {
    font-size: 16px;
    color: #585858;
    font-weight: normal;
    font-family: "Heebo", sans-serif;
    padding-top: 10px;
    padding-bottom: 25px;
}

.t_contact_widget .send_bent {
    color: #e9e9e9;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    background: #0083ff;
    padding: 0px 50px;
    display: inline-block;
    line-height: 39px;
    border: 1px solid #0083ff;
    border-radius: 20px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .t_contact_widget .send_bent:hover {
        background: transparent;
        color: #0083ff;
    }

.t_contact_widget h6 {
    font-size: 18px;
    color: #a5acb7;
    font-weight: bold;
    font-family: "Heebo", sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
}

.t_contact_widget ul li {
    display: inline-block;
    margin-right: 10px;
}

    .t_contact_widget ul li a {
        background: #273546;
        height: 28px;
        width: 28px;
        text-align: center;
        border-radius: 50%;
        line-height: 28px;
        display: inline-block;
        color: #fff;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .t_contact_widget ul li:last-child {
        margin-right: 0px;
    }

    .t_contact_widget ul li:hover a {
        background: #0083ff;
        color: #fff;
    }

.ten_f_copyright {
    text-align: center;
    border-top: 1px dashed #454545;
    padding: 45px 0px;
}

    .ten_f_copyright h4 {
        font-size: 16px;
        color: #585858;
        font-family: "Heebo", sans-serif;
        padding-bottom: 15px;
    }

    .ten_f_copyright h5 {
        color: #8e8e8e;
        font-size: 16px;
        font-family: "Heebo", sans-serif;
    }

/* End Ten Footer Area css
============================================================================================ */
/* End Ten Footer Area css
============================================================================================ */
.gd_footer_area {
    background: #0a0002;
}

.gd_footer_widgets {
    padding: 100px 0px;
}

.gd_ab_widget p {
    font-size: 14px;
    line-height: 24px;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    max-width: 255px;
    padding-top: 25px;
}

.gd_link_widget ul li {
    margin-bottom: 4px;
}

    .gd_link_widget ul li:last-child {
        margin-bottom: 0px;
    }

    .gd_link_widget ul li a {
        font-size: 14px;
        line-height: 24px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
        text-transform: uppercase;
    }

.gd_f_title {
    padding-bottom: 20px;
}

    .gd_f_title h3 {
        color: #fff;
        font-size: 18px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }

.gd_contact_widget h5 {
    font-size: 14px;
    color: #8e8e8e;
    font-family: "Heebo", sans-serif;
    padding-bottom: 8px;
    font-weight: normal;
}

    .gd_contact_widget h5 i {
        color: #e9003f;
        padding-right: 10px;
    }

.gd_contact_widget ul {
    padding-top: 20px;
}

    .gd_contact_widget ul li {
        display: inline-block;
        margin-right: 10px;
    }

        .gd_contact_widget ul li:last-child {
            margin-right: 0px;
        }

        .gd_contact_widget ul li a {
            font-size: 22px;
            color: #8e8e8e;
        }

.gd_copyright {
    text-align: center;
    padding-bottom: 45px;
}

    .gd_copyright h5 {
        font-size: 14px;
        color: #8e8e8e;
        font-family: "Heebo", sans-serif;
    }

/* End Ten Footer Area css
============================================================================================ */
/*---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */

/* Navbar ====================================== */
.navbar {
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
}

    .navbar .navbar-brand {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .navbar .navbar-custom-right-menu {
        float: right;
    }

    .navbar .navbar-toggle {
        text-decoration: none;
        color: #fff;
        width: 20px;
        height: 20px;
        margin-top: -4px;
        margin-right: 17px;
    }

        .navbar .navbar-toggle:before {
            content: '\E8D5';
            font-family: 'Material Icons';
            font-size: 26px;
        }

    .navbar .navbar-collapse.in {
        overflow: visible;
    }

.ls-closed .sidebar {
    margin-left: -300px;
}

.ls-closed section.content {
    margin-left: 15px;
}

.ls-closed .bars:after, .ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ls-closed .navbar-brand {
    margin-left: 30px;
}

.overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navbar-header {
    padding: 10px 7px;
}

    .navbar-header .bars {
        float: left;
        text-decoration: none;
    }

.navbar-nav > li > a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px;
}

.navbar-nav .dropdown-menu {
    margin-top: -40px !important;
}

.label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:hover,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus {
    color: #fff;
}

.col-red .navbar .nav > li > a:hover,
.col-red .navbar .nav > li > a:focus,
.col-red .navbar .nav .open > a,
.col-red .navbar .nav .open > a:hover,
.col-red .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-red .navbar .nav > li > a {
    color: #fff;
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-red .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:hover,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus {
    color: #fff;
}

.col-pink .navbar .nav > li > a:hover,
.col-pink .navbar .nav > li > a:focus,
.col-pink .navbar .nav .open > a,
.col-pink .navbar .nav .open > a:hover,
.col-pink .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-pink .navbar .nav > li > a {
    color: #fff;
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-pink .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:hover,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus {
    color: #fff;
}

.col-purple .navbar .nav > li > a:hover,
.col-purple .navbar .nav > li > a:focus,
.col-purple .navbar .nav .open > a,
.col-purple .navbar .nav .open > a:hover,
.col-purple .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-purple .navbar .nav > li > a {
    color: #fff;
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-purple .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:hover,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus {
    color: #fff;
}

.col-deep-purple .navbar .nav > li > a:hover,
.col-deep-purple .navbar .nav > li > a:focus,
.col-deep-purple .navbar .nav .open > a,
.col-deep-purple .navbar .nav .open > a:hover,
.col-deep-purple .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-purple .navbar .nav > li > a {
    color: #fff;
}

.col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-deep-purple .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:hover,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus {
    color: #fff;
}

.col-indigo .navbar .nav > li > a:hover,
.col-indigo .navbar .nav > li > a:focus,
.col-indigo .navbar .nav .open > a,
.col-indigo .navbar .nav .open > a:hover,
.col-indigo .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-indigo .navbar .nav > li > a {
    color: #fff;
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-indigo .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:hover,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus {
    color: #fff;
}

.col-blue .navbar .nav > li > a:hover,
.col-blue .navbar .nav > li > a:focus,
.col-blue .navbar .nav .open > a,
.col-blue .navbar .nav .open > a:hover,
.col-blue .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-blue .navbar .nav > li > a {
    color: #fff;
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-blue .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:hover,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus {
    color: #fff;
}

.col-light-blue .navbar .nav > li > a:hover,
.col-light-blue .navbar .nav > li > a:focus,
.col-light-blue .navbar .nav .open > a,
.col-light-blue .navbar .nav .open > a:hover,
.col-light-blue .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-light-blue .navbar .nav > li > a {
    color: #fff;
}

.col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-light-blue .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:hover,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus {
    color: #fff;
}

.col-cyan .navbar .nav > li > a:hover,
.col-cyan .navbar .nav > li > a:focus,
.col-cyan .navbar .nav .open > a,
.col-cyan .navbar .nav .open > a:hover,
.col-cyan .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-cyan .navbar .nav > li > a {
    color: #fff;
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-cyan .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:hover,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus {
    color: #fff;
}

.col-teal .navbar .nav > li > a:hover,
.col-teal .navbar .nav > li > a:focus,
.col-teal .navbar .nav .open > a,
.col-teal .navbar .nav .open > a:hover,
.col-teal .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-teal .navbar .nav > li > a {
    color: #fff;
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-teal .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:hover,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus {
    color: #fff;
}

.col-green .navbar .nav > li > a:hover,
.col-green .navbar .nav > li > a:focus,
.col-green .navbar .nav .open > a,
.col-green .navbar .nav .open > a:hover,
.col-green .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-green .navbar .nav > li > a {
    color: #fff;
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-green .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:hover,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus {
    color: #fff;
}

.col-light-green .navbar .nav > li > a:hover,
.col-light-green .navbar .nav > li > a:focus,
.col-light-green .navbar .nav .open > a,
.col-light-green .navbar .nav .open > a:hover,
.col-light-green .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-light-green .navbar .nav > li > a {
    color: #fff;
}

.col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-light-green .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:hover,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus {
    color: #fff;
}

.col-lime .navbar .nav > li > a:hover,
.col-lime .navbar .nav > li > a:focus,
.col-lime .navbar .nav .open > a,
.col-lime .navbar .nav .open > a:hover,
.col-lime .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-lime .navbar .nav > li > a {
    color: #fff;
}

.col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-lime .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:hover,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus {
    color: #fff;
}

.col-yellow .navbar .nav > li > a:hover,
.col-yellow .navbar .nav > li > a:focus,
.col-yellow .navbar .nav .open > a,
.col-yellow .navbar .nav .open > a:hover,
.col-yellow .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-yellow .navbar .nav > li > a {
    color: #fff;
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-yellow .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:hover,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus {
    color: #fff;
}

.col-amber .navbar .nav > li > a:hover,
.col-amber .navbar .nav > li > a:focus,
.col-amber .navbar .nav .open > a,
.col-amber .navbar .nav .open > a:hover,
.col-amber .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-amber .navbar .nav > li > a {
    color: #fff;
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-amber .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:hover,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus {
    color: #fff;
}

.col-orange .navbar .nav > li > a:hover,
.col-orange .navbar .nav > li > a:focus,
.col-orange .navbar .nav .open > a,
.col-orange .navbar .nav .open > a:hover,
.col-orange .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-orange .navbar .nav > li > a {
    color: #fff;
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-orange .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:hover,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus {
    color: #fff;
}

.col-deep-orange .navbar .nav > li > a:hover,
.col-deep-orange .navbar .nav > li > a:focus,
.col-deep-orange .navbar .nav .open > a,
.col-deep-orange .navbar .nav .open > a:hover,
.col-deep-orange .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-orange .navbar .nav > li > a {
    color: #fff;
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-deep-orange .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:hover,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus {
    color: #fff;
}

.col-brown .navbar .nav > li > a:hover,
.col-brown .navbar .nav > li > a:focus,
.col-brown .navbar .nav .open > a,
.col-brown .navbar .nav .open > a:hover,
.col-brown .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-brown .navbar .nav > li > a {
    color: #fff;
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-brown .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:hover,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus {
    color: #fff;
}

.col-grey .navbar .nav > li > a:hover,
.col-grey .navbar .nav > li > a:focus,
.col-grey .navbar .nav .open > a,
.col-grey .navbar .nav .open > a:hover,
.col-grey .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-grey .navbar .nav > li > a {
    color: #fff;
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-grey .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:hover,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus {
    color: #fff;
}

.col-blue-grey .navbar .nav > li > a:hover,
.col-blue-grey .navbar .nav > li > a:focus,
.col-blue-grey .navbar .nav .open > a,
.col-blue-grey .navbar .nav .open > a:hover,
.col-blue-grey .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-blue-grey .navbar .nav > li > a {
    color: #fff;
}

.col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-blue-grey .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:hover,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus {
    color: #fff;
}

.col-black .navbar .nav > li > a:hover,
.col-black .navbar .nav > li > a:focus,
.col-black .navbar .nav .open > a,
.col-black .navbar .nav .open > a:hover,
.col-black .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-black .navbar .nav > li > a {
    color: #fff;
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-black .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:hover,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus {
    color: #fff;
}

.col-white .navbar .nav > li > a:hover,
.col-white .navbar .nav > li > a:focus,
.col-white .navbar .nav .open > a,
.col-white .navbar .nav .open > a:hover,
.col-white .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-white .navbar .nav > li > a {
    color: #fff;
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-white .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

/* Material Icons ============================== */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-26 {
    font-size: 26px;
}

.material-icons.md-28 {
    font-size: 28px;
}

.material-icons.md-30 {
    font-size: 30px;
}

.material-icons.md-32 {
    font-size: 32px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Helpers ===================================== */
.m-l--125 {
    margin-left: -125px;
}

.m-t--125 {
    margin-top: -125px;
}

.m-r--125 {
    margin-right: -125px;
}

.m-b--125 {
    margin-bottom: -125px;
}

.m-l--120 {
    margin-left: -120px;
}

.m-t--120 {
    margin-top: -120px;
}

.m-r--120 {
    margin-right: -120px;
}

.m-b--120 {
    margin-bottom: -120px;
}

.m-l--115 {
    margin-left: -115px;
}

.m-t--115 {
    margin-top: -115px;
}

.m-r--115 {
    margin-right: -115px;
}

.m-b--115 {
    margin-bottom: -115px;
}

.m-l--110 {
    margin-left: -110px;
}

.m-t--110 {
    margin-top: -110px;
}

.m-r--110 {
    margin-right: -110px;
}

.m-b--110 {
    margin-bottom: -110px;
}

.m-l--105 {
    margin-left: -105px;
}

.m-t--105 {
    margin-top: -105px;
}

.m-r--105 {
    margin-right: -105px;
}

.m-b--105 {
    margin-bottom: -105px;
}

.m-l--100 {
    margin-left: -100px;
}

.m-t--100 {
    margin-top: -100px;
}

.m-r--100 {
    margin-right: -100px;
}

.m-b--100 {
    margin-bottom: -100px;
}

.m-l--95 {
    margin-left: -95px;
}

.m-t--95 {
    margin-top: -95px;
}

.m-r--95 {
    margin-right: -95px;
}

.m-b--95 {
    margin-bottom: -95px;
}

.m-l--90 {
    margin-left: -90px;
}

.m-t--90 {
    margin-top: -90px;
}

.m-r--90 {
    margin-right: -90px;
}

.m-b--90 {
    margin-bottom: -90px;
}

.m-l--85 {
    margin-left: -85px;
}

.m-t--85 {
    margin-top: -85px;
}

.m-r--85 {
    margin-right: -85px;
}

.m-b--85 {
    margin-bottom: -85px;
}

.m-l--80 {
    margin-left: -80px;
}

.m-t--80 {
    margin-top: -80px;
}

.m-r--80 {
    margin-right: -80px;
}

.m-b--80 {
    margin-bottom: -80px;
}

.m-l--75 {
    margin-left: -75px;
}

.m-t--75 {
    margin-top: -75px;
}

.m-r--75 {
    margin-right: -75px;
}

.m-b--75 {
    margin-bottom: -75px;
}

.m-l--70 {
    margin-left: -70px;
}

.m-t--70 {
    margin-top: -70px;
}

.m-r--70 {
    margin-right: -70px;
}

.m-b--70 {
    margin-bottom: -70px;
}

.m-l--65 {
    margin-left: -65px;
}

.m-t--65 {
    margin-top: -65px;
}

.m-r--65 {
    margin-right: -65px;
}

.m-b--65 {
    margin-bottom: -65px;
}

.m-l--60 {
    margin-left: -60px;
}

.m-t--60 {
    margin-top: -60px;
}

.m-r--60 {
    margin-right: -60px;
}

.m-b--60 {
    margin-bottom: -60px;
}

.m-l--55 {
    margin-left: -55px;
}

.m-t--55 {
    margin-top: -55px;
}

.m-r--55 {
    margin-right: -55px;
}

.m-b--55 {
    margin-bottom: -55px;
}

.m-l--50 {
    margin-left: -50px;
}

.m-t--50 {
    margin-top: -50px;
}

.m-r--50 {
    margin-right: -50px;
}

.m-b--50 {
    margin-bottom: -50px;
}

.m-l--45 {
    margin-left: -45px;
}

.m-t--45 {
    margin-top: -45px;
}

.m-r--45 {
    margin-right: -45px;
}

.m-b--45 {
    margin-bottom: -45px;
}

.m-l--40 {
    margin-left: -40px;
}

.m-t--40 {
    margin-top: -40px;
}

.m-r--40 {
    margin-right: -40px;
}

.m-b--40 {
    margin-bottom: -40px;
}

.m-l--35 {
    margin-left: -35px;
}

.m-t--35 {
    margin-top: -35px;
}

.m-r--35 {
    margin-right: -35px;
}

.m-b--35 {
    margin-bottom: -35px;
}

.m-l--30 {
    margin-left: -30px;
}

.m-t--30 {
    margin-top: -30px;
}

.m-r--30 {
    margin-right: -30px;
}

.m-b--30 {
    margin-bottom: -30px;
}

.m-l--25 {
    margin-left: -25px;
}

.m-t--25 {
    margin-top: -25px;
}

.m-r--25 {
    margin-right: -25px;
}

.m-b--25 {
    margin-bottom: -25px;
}

.m-l--20 {
    margin-left: -20px;
}

.m-t--20 {
    margin-top: -20px;
}

.m-r--20 {
    margin-right: -20px;
}

.m-b--20 {
    margin-bottom: -20px;
}

.m-l--15 {
    margin-left: -15px;
}

.m-t--15 {
    margin-top: -15px;
}

.m-r--15 {
    margin-right: -15px;
}

.m-b--15 {
    margin-bottom: -15px;
}

.m-l--10 {
    margin-left: -10px;
}

.m-t--10 {
    margin-top: -10px;
}

.m-r--10 {
    margin-right: -10px;
}

.m-b--10 {
    margin-bottom: -10px;
}

.m-l--5 {
    margin-left: -5px;
}

.m-t--5 {
    margin-top: -5px;
}

.m-r--5 {
    margin-right: -5px;
}

.m-b--5 {
    margin-bottom: -5px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-l-55 {
    margin-left: 55px;
}

.m-t-55 {
    margin-top: 55px;
}

.m-r-55 {
    margin-right: 55px;
}

.m-b-55 {
    margin-bottom: 55px;
}

.m-l-60 {
    margin-left: 60px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-r-60 {
    margin-right: 60px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-l-65 {
    margin-left: 65px;
}

.m-t-65 {
    margin-top: 65px;
}

.m-r-65 {
    margin-right: 65px;
}

.m-b-65 {
    margin-bottom: 65px;
}

.m-l-70 {
    margin-left: 70px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-r-70 {
    margin-right: 70px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-l-75 {
    margin-left: 75px;
}

.m-t-75 {
    margin-top: 75px;
}

.m-r-75 {
    margin-right: 75px;
}

.m-b-75 {
    margin-bottom: 75px;
}

.m-l-80 {
    margin-left: 80px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-r-80 {
    margin-right: 80px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-l-85 {
    margin-left: 85px;
}

.m-t-85 {
    margin-top: 85px;
}

.m-r-85 {
    margin-right: 85px;
}

.m-b-85 {
    margin-bottom: 85px;
}

.m-l-90 {
    margin-left: 90px;
}

.m-t-90 {
    margin-top: 90px;
}

.m-r-90 {
    margin-right: 90px;
}

.m-b-90 {
    margin-bottom: 90px;
}

.m-l-95 {
    margin-left: 95px;
}

.m-t-95 {
    margin-top: 95px;
}

.m-r-95 {
    margin-right: 95px;
}

.m-b-95 {
    margin-bottom: 95px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-r-100 {
    margin-right: 100px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-l-105 {
    margin-left: 105px;
}

.m-t-105 {
    margin-top: 105px;
}

.m-r-105 {
    margin-right: 105px;
}

.m-b-105 {
    margin-bottom: 105px;
}

.m-l-110 {
    margin-left: 110px;
}

.m-t-110 {
    margin-top: 110px;
}

.m-r-110 {
    margin-right: 110px;
}

.m-b-110 {
    margin-bottom: 110px;
}

.m-l-115 {
    margin-left: 115px;
}

.m-t-115 {
    margin-top: 115px;
}

.m-r-115 {
    margin-right: 115px;
}

.m-b-115 {
    margin-bottom: 115px;
}

.m-l-120 {
    margin-left: 120px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-r-120 {
    margin-right: 120px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.m-l-125 {
    margin-left: 125px;
}

.m-t-125 {
    margin-top: 125px;
}

.m-r-125 {
    margin-right: 125px;
}

.m-b-125 {
    margin-bottom: 125px;
}

.margin-0 {
    margin: 0;
}

.p-l-0 {
    padding-left: 0px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-t-35 {
    padding-top: 35px;
}

.p-r-35 {
    padding-right: 35px;
}

.p-b-35 {
    padding-bottom: 35px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-l-45 {
    padding-left: 45px;
}

.p-t-45 {
    padding-top: 45px;
}

.p-r-45 {
    padding-right: 45px;
}

.p-b-45 {
    padding-bottom: 45px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-r-50 {
    padding-right: 50px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-l-55 {
    padding-left: 55px;
}

.p-t-55 {
    padding-top: 55px;
}

.p-r-55 {
    padding-right: 55px;
}

.p-b-55 {
    padding-bottom: 55px;
}

.p-l-60 {
    padding-left: 60px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-r-60 {
    padding-right: 60px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-l-65 {
    padding-left: 65px;
}

.p-t-65 {
    padding-top: 65px;
}

.p-r-65 {
    padding-right: 65px;
}

.p-b-65 {
    padding-bottom: 65px;
}

.p-l-70 {
    padding-left: 70px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-r-70 {
    padding-right: 70px;
}

.p-b-70 {
    padding-bottom: 70px;
}

.p-l-75 {
    padding-left: 75px;
}

.p-t-75 {
    padding-top: 75px;
}

.p-r-75 {
    padding-right: 75px;
}

.p-b-75 {
    padding-bottom: 75px;
}

.p-l-80 {
    padding-left: 80px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-r-80 {
    padding-right: 80px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-l-85 {
    padding-left: 85px;
}

.p-t-85 {
    padding-top: 85px;
}

.p-r-85 {
    padding-right: 85px;
}

.p-b-85 {
    padding-bottom: 85px;
}

.p-l-90 {
    padding-left: 90px;
}

.p-t-90 {
    padding-top: 90px;
}

.p-r-90 {
    padding-right: 90px;
}

.p-b-90 {
    padding-bottom: 90px;
}

.p-l-95 {
    padding-left: 95px;
}

.p-t-95 {
    padding-top: 95px;
}

.p-r-95 {
    padding-right: 95px;
}

.p-b-95 {
    padding-bottom: 95px;
}

.p-l-100 {
    padding-left: 100px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-r-100 {
    padding-right: 100px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-l-105 {
    padding-left: 105px;
}

.p-t-105 {
    padding-top: 105px;
}

.p-r-105 {
    padding-right: 105px;
}

.p-b-105 {
    padding-bottom: 105px;
}

.p-l-110 {
    padding-left: 110px;
}

.p-t-110 {
    padding-top: 110px;
}

.p-r-110 {
    padding-right: 110px;
}

.p-b-110 {
    padding-bottom: 110px;
}

.p-l-115 {
    padding-left: 115px;
}

.p-t-115 {
    padding-top: 115px;
}

.p-r-115 {
    padding-right: 115px;
}

.p-b-115 {
    padding-bottom: 115px;
}

.p-l-120 {
    padding-left: 120px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-r-120 {
    padding-right: 120px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-l-125 {
    padding-left: 125px;
}

.p-t-125 {
    padding-top: 125px;
}

.p-r-125 {
    padding-right: 125px;
}

.p-b-125 {
    padding-bottom: 125px;
}

.padding-0 {
    padding: 0;
}

.font-6 {
    font-size: 6px;
}

.font-7 {
    font-size: 7px;
}

.font-8 {
    font-size: 8px;
}

.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

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

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-27 {
    font-size: 27px;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

.font-30 {
    font-size: 30px;
}

.font-31 {
    font-size: 31px;
}

.font-32 {
    font-size: 32px;
}

.font-33 {
    font-size: 33px;
}

.font-34 {
    font-size: 34px;
}

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

.font-36 {
    font-size: 36px;
}

.font-37 {
    font-size: 37px;
}

.font-38 {
    font-size: 38px;
}

.font-39 {
    font-size: 39px;
}

.font-40 {
    font-size: 40px;
}

.font-41 {
    font-size: 41px;
}

.font-42 {
    font-size: 42px;
}

.font-43 {
    font-size: 43px;
}

.font-44 {
    font-size: 44px;
}

.font-45 {
    font-size: 45px;
}

.font-46 {
    font-size: 46px;
}

.font-47 {
    font-size: 47px;
}

.font-48 {
    font-size: 48px;
}

.font-49 {
    font-size: 49px;
}

.font-50 {
    font-size: 50px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

.no-resize {
    resize: none;
}

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.font-underline {
    text-decoration: underline;
}

.font-line-through {
    text-decoration: line-through;
}

.font-overline {
    text-decoration: overline;
}

.block-header {
    margin-bottom: 15px;
}

    .block-header h2 {
        margin: 0 !important;
        color: #666 !important;
        font-weight: normal;
        font-size: 16px;
    }

        .block-header h2 small {
            display: block;
            font-size: 12px;
            margin-top: 8px;
            color: #888;
        }

            .block-header h2 small a {
                font-weight: bold;
                color: #777;
            }

.bg-red {
    background-color: #F44336 !important;
    color: #fff;
}

    .bg-red .content .text,
    .bg-red .content .number {
        color: #fff !important;
    }

.bg-pink {
    background-color: #E91E63 !important;
    color: #fff;
}

    .bg-pink .content .text,
    .bg-pink .content .number {
        color: #fff !important;
    }

.bg-purple {
    background-color: #9C27B0 !important;
    color: #fff;
}

    .bg-purple .content .text,
    .bg-purple .content .number {
        color: #fff !important;
    }

.bg-deep-purple {
    background-color: #673AB7 !important;
    color: #fff;
}

    .bg-deep-purple .content .text,
    .bg-deep-purple .content .number {
        color: #fff !important;
    }

.bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
}

    .bg-indigo .content .text,
    .bg-indigo .content .number {
        color: #fff !important;
    }

.bg-blue {
    background-color: #2196F3 !important;
    color: #fff;
}

    .bg-blue .content .text,
    .bg-blue .content .number {
        color: #fff !important;
    }

.bg-light-blue {
    background-color: #03A9F4 !important;
    color: #fff;
}

    .bg-light-blue .content .text,
    .bg-light-blue .content .number {
        color: #fff !important;
    }

.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}

    .bg-cyan .content .text,
    .bg-cyan .content .number {
        color: #fff !important;
    }

.bg-teal {
    background-color: #009688 !important;
    color: #fff;
}

    .bg-teal .content .text,
    .bg-teal .content .number {
        color: #fff !important;
    }

.bg-green {
    background-color: #4CAF50 !important;
    color: #fff;
}

    .bg-green .content .text,
    .bg-green .content .number {
        color: #fff !important;
    }

.bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
}

    .bg-light-green .content .text,
    .bg-light-green .content .number {
        color: #fff !important;
    }

.bg-lime {
    background-color: #CDDC39 !important;
    color: #fff;
}

    .bg-lime .content .text,
    .bg-lime .content .number {
        color: #fff !important;
    }

.bg-yellow {
    background-color: #ffe821 !important;
    color: #fff;
}

    .bg-yellow .content .text,
    .bg-yellow .content .number {
        color: #fff !important;
    }

.bg-amber {
    background-color: #FFC107 !important;
    color: #fff;
}

    .bg-amber .content .text,
    .bg-amber .content .number {
        color: #fff !important;
    }

.bg-orange {
    background-color: #FF9800 !important;
    color: #fff;
}

    .bg-orange .content .text,
    .bg-orange .content .number {
        color: #fff !important;
    }

.bg-deep-orange {
    background-color: #FF5722 !important;
    color: #fff;
}

    .bg-deep-orange .content .text,
    .bg-deep-orange .content .number {
        color: #fff !important;
    }

.bg-brown {
    background-color: #795548 !important;
    color: #fff;
}

    .bg-brown .content .text,
    .bg-brown .content .number {
        color: #fff !important;
    }

.bg-grey {
    background-color: #9E9E9E !important;
    color: #fff;
}

    .bg-grey .content .text,
    .bg-grey .content .number {
        color: #fff !important;
    }

.bg-blue-grey {
    background-color: #607D8B !important;
    color: #fff;
}

    .bg-blue-grey .content .text,
    .bg-blue-grey .content .number {
        color: #fff !important;
    }

.bg-black {
    background-color: #000000 !important;
    color: #fff;
}

    .bg-black .content .text,
    .bg-black .content .number {
        color: #fff !important;
    }

.bg-white {
    background-color: #ffffff !important;
    color: #fff;
}

    .bg-white .content .text,
    .bg-white .content .number {
        color: #fff !important;
    }

.col-red {
    color: #F44336 !important;
}

.col-pink {
    color: #E91E63 !important;
}

.col-purple {
    color: #9C27B0 !important;
}

.col-deep-purple {
    color: #673AB7 !important;
}

.col-indigo {
    color: #3F51B5 !important;
}

.col-blue {
    color: #2196F3 !important;
}

.col-light-blue {
    color: #03A9F4 !important;
}

.col-cyan {
    color: #00BCD4 !important;
}

.col-teal {
    color: #009688 !important;
}

.col-green {
    color: #4CAF50 !important;
}

.col-light-green {
    color: #8BC34A !important;
}

.col-lime {
    color: #CDDC39 !important;
}

.col-yellow {
    color: #ffe821 !important;
}

.col-amber {
    color: #FFC107 !important;
}

.col-orange {
    color: #FF9800 !important;
}

.col-deep-orange {
    color: #FF5722 !important;
}

.col-brown {
    color: #795548 !important;
}

.col-grey {
    color: #9E9E9E !important;
}

.col-blue-grey {
    color: #607D8B !important;
}

.col-black {
    color: #000000 !important;
}

.col-white {
    color: #ffffff !important;
}

/* Custom Animate ============================== */
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Demo ======================================== */
.demo-button-sizes .btn {
    margin-bottom: 5px;
}

.icon-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px;
}

.button-demo ul {
    padding-left: 0;
}

    .button-demo ul li {
        list-style: none;
        padding-left: 0;
        display: inline-block;
        margin-right: 7px;
    }

        .button-demo ul li .btn {
            display: block;
            min-width: 175px;
        }

.button-demo .btn {
    margin-right: 8px;
    margin-bottom: 13px;
    min-width: 120px;
}

.demo-button-groups .btn-group {
    margin-right: 10px;
}

.demo-button-toolbar .btn-toolbar {
    float: left;
    margin-right: 25px;
}

.demo-button-nesting > .btn-group {
    margin-right: 15px;
}

.demo-single-button-dropdowns > .btn-group {
    margin-right: 10px;
}

.demo-splite-button-dropdowns > .btn-group {
    margin-right: 10px;
}

.demo-dropup .dropup {
    margin-right: 10px;
}

.demo-checkbox label,
.demo-radio-button label {
    min-width: 150px;
}

.demo-knob-chart div {
    margin-right: 15px;
}

.demo-switch .switch {
    display: inline-block;
    min-width: 170px;
}

.demo-switch .demo-switch-title {
    min-width: 95px;
    display: inline-block;
}

.demo-color-box {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    .demo-color-box .color-name {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .demo-color-box .color-code,
    .demo-color-box .color-class-name {
        font-size: 13px;
    }

.demo-image-copyright {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #777;
    margin: 5px 0 10px 0;
}

    .demo-image-copyright a {
        font-weight: bold;
        color: #555 !important;
    }

.demo-tagsinput-area {
    margin-bottom: 50px !important;
}

.demo-icon-container .demo-google-material-icon {
    margin-bottom: 5px;
    text-align: left;
}

    .demo-icon-container .demo-google-material-icon .icon-name {
        position: relative;
        top: -8px;
        left: 7px;
    }

    .demo-icon-container .demo-google-material-icon .material-icons {
        width: 24px;
    }

.demo-preloader .preloader {
    margin-right: 10px;
}

.irs-demo {
    margin-bottom: 40px;
}

    .irs-demo .irs {
        margin-top: 15px;
    }

.right-sidebar .nav-tabs + .tab-content {
    padding: 0;
}

.right-sidebar p {
    margin: 20px 15px 15px 15px;
    font-weight: bold;
    text-align: center;
}

.right-sidebar #settings .setting-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

    .right-sidebar #settings .setting-list li {
        padding: 15px;
        position: relative;
        border-top: 1px solid #eee;
    }

        .right-sidebar #settings .setting-list li .switch {
            position: absolute;
            top: 15px;
            right: 5px;
        }

.demo-choose-skin {
    list-style: none;
    padding-left: 0;
    overflow-y: hidden;
}

    .demo-choose-skin li {
        border-bottom: 1px solid #eee;
        padding: 10px 10px 4px 10px;
        position: relative;
        cursor: pointer;
    }

        .demo-choose-skin li.active {
            background-color: #eee;
        }

            .demo-choose-skin li.active:after {
                font-family: 'Material Icons';
                position: absolute;
                top: 10px;
                right: 10px;
                content: '\E876';
                font-size: 18px;
                font-weight: bold;
            }

        .demo-choose-skin li:hover {
            background-color: #eee;
        }

        .demo-choose-skin li div {
            width: 24px;
            height: 24px;
            display: inline-block;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
        }

        .demo-choose-skin li span {
            position: relative;
            bottom: 7px;
            left: 5px;
        }

    .demo-choose-skin .red {
        background-color: #F44336;
    }

    .demo-choose-skin .pink {
        background-color: #E91E63;
    }

    .demo-choose-skin .purple {
        background-color: #9C27B0;
    }

    .demo-choose-skin .deep-purple {
        background-color: #673AB7;
    }

    .demo-choose-skin .indigo {
        background-color: #3F51B5;
    }

    .demo-choose-skin .blue {
        background-color: #2196F3;
    }

    .demo-choose-skin .light-blue {
        background-color: #03A9F4;
    }

    .demo-choose-skin .cyan {
        background-color: #00BCD4;
    }

    .demo-choose-skin .teal {
        background-color: #009688;
    }

    .demo-choose-skin .green {
        background-color: #4CAF50;
    }

    .demo-choose-skin .light-green {
        background-color: #8BC34A;
    }

    .demo-choose-skin .lime {
        background-color: #CDDC39;
    }

    .demo-choose-skin .yellow {
        background-color: #ffe821;
    }

    .demo-choose-skin .amber {
        background-color: #FFC107;
    }

    .demo-choose-skin .orange {
        background-color: #FF9800;
    }

    .demo-choose-skin .deep-orange {
        background-color: #FF5722;
    }

    .demo-choose-skin .brown {
        background-color: #795548;
    }

    .demo-choose-skin .grey {
        background-color: #9E9E9E;
    }

    .demo-choose-skin .blue-grey {
        background-color: #607D8B;
    }

    .demo-choose-skin .black {
        background-color: #000000;
    }

    .demo-choose-skin .white {
        background-color: #ffffff;
    }

/* Materialize Css | Taken from www.materializecss.com */
/* Media ======================================= */
@media (max-width: 767px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 35px;
        width: 73%;
    }

    .navbar .navbar-header {
        display: inline-block;
        margin-bottom: -6px;
        width: calc(100% + 30px);
    }

    .navbar .nav > li {
        display: inline-block;
    }

    .navbar .navbar-nav {
        margin-top: -10px;
        margin-bottom: 1px;
        margin-left: -7px;
    }

        .navbar .navbar-nav .open .dropdown-menu {
            background-color: #fff;
            position: absolute;
        }

    .navbar .dropdown-menu {
        margin-left: -50px;
    }

    .navbar .js-right-sidebar {
        margin-top: 15px;
    }

    .dt-buttons {
        float: none !important;
        text-align: center;
        margin-bottom: 15px;
    }

    .panel-switch-btn {
        top: 12px;
        right: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 20px;
    }
}

/* General ===================================== */
body {
    background-color: #e9e9e9;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'Roboto', Arial, Tahoma, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

button,
input,
select,
a {
    outline: none !important;
}

.no-animate {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

section.content {
    margin: 100px 15px 0 315px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/* Dashboard =================================== */
.dashboard-flot-chart {
    height: 275px;
}

.dashboard-donut-chart {
    height: 265px;
}

.dashboard-line-chart {
    height: 250px;
}

.dashboard-stat-list {
    list-style: none;
    padding-left: 0;
    margin-top: 40px;
}

    .dashboard-stat-list li {
        padding: 16px 0 0 0;
    }

        .dashboard-stat-list li small {
            font-size: 8px;
        }

.dashboard-task-infos .progress {
    height: 10px;
    margin-bottom: 0;
    position: relative;
    top: 6px;
}

/* Buttons ===================================== */
.btn:focus {
    outline: none !important;
}

.btn-circle {
    border: none;
    outline: none !important;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

    .btn-circle i {
        font-size: 18px;
        position: relative;
        left: -1px;
    }

.btn-link {
    font-weight: bold;
    color: #333;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .btn-link:active, .btn-link:focus {
        text-decoration: none;
        color: #333;
    }

    .btn-link:hover {
        text-decoration: none;
        color: #333;
        background-color: #ddd;
    }

.btn-circle-lg {
    border: none;
    outline: none !important;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important;
}

    .btn-circle-lg i {
        font-size: 26px !important;
        position: relative !important;
        left: 0px !important;
        top: 6px !important;
    }

.btn:not(.btn-link):not(.btn-circle) {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 13px;
    outline: none;
}

    .btn:not(.btn-link):not(.btn-circle):hover {
        outline: none;
    }

    .btn:not(.btn-link):not(.btn-circle) i {
        font-size: 20px;
        position: relative;
        top: 3px;
    }

.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background-color: #ff9600 !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background-color: #fb483a !important;
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background-color: #00b0e4 !important;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background-color: #2b982b !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #1f91f3 !important;
}

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

.btn-group,
.btn-group-vertical {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

    .btn-group .btn,
    .btn-group-vertical .btn {
        box-shadow: none !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

        .btn-group .btn .caret,
        .btn-group-vertical .btn .caret {
            position: relative;
            bottom: 1px;
        }

    .btn-group .btn-group,
    .btn-group-vertical .btn-group {
        box-shadow: none !important;
    }

    .btn-group .btn + .dropdown-toggle,
    .btn-group-vertical .btn + .dropdown-toggle {
        border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

/* Bootstrap Tags Input ======================== */
.bootstrap-tagsinput {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* noUISlider ================================== */
.noUi-target {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    direction: ltr;
}

    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 6px;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {
    z-index: 10;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.25s, top 0.25s;
    transition: left 0.25s, top 0.25s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
    height: 18px;
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px;
    }

.noUi-vertical {
    width: 18px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

    .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
    }

.noUi-dragable {
    cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
    left: 17px;
}

.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
    top: 17px;
}

[disabled].noUi-connect, [disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: not-allowed;
}

.noUi-target {
    box-shadow: none;
    border: none;
}

.noUi-base {
    height: 15px;
    top: -6px;
}

.noUi-background {
    height: 3px;
    top: 6px;
    background-color: #bfbfbf;
    box-shadow: none;
}

.noUi-horizontal {
    height: 3px;
}

.noUi-connect {
    height: 3px;
    top: 6px;
    background-color: #26A69A;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: none;
    background-color: #26A69A;
    border: none;
    left: -5px;
    top: -6px;
    transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-handle:before, .noUi-handle:after {
    content: none;
}

.noUi-target .noUi-active.noUi-handle {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.noUi-target .range-label {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #26A69A;
    border-radius: 50%;
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5) rotate(-45deg);
    transform-origin: 50% 100%;
}

.noUi-target .noUi-active .range-label {
    border-radius: 15px 15px 15px 0;
    transform: rotate(-45deg) translate(23px, -25px);
}

.range-label span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    transform: rotate(45deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-active .range-label span {
    opacity: 1;
}

/* Multi Select ================================ */
.ms-container {
    width: auto !important;
}

    .ms-container .ms-list {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
    }

        .ms-container .ms-list.ms-focus {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -ms-box-shadow: none !important;
            box-shadow: none !important;
        }

    .ms-container .ms-selectable,
    .ms-container .ms-selection {
        min-width: 250px !important;
    }

        .ms-container .ms-selectable li.ms-hover,
        .ms-container .ms-selection li.ms-hover {
            color: #000000 !important;
            background-color: #e6e6e6 !important;
        }

        .ms-container .ms-selectable li.ms-elem-selectable,
        .ms-container .ms-selectable li.ms-elem-selection,
        .ms-container .ms-selection li.ms-elem-selectable,
        .ms-container .ms-selection li.ms-elem-selection {
            padding: 9px 15px 6px 15px !important;
        }

    .ms-container .ms-optgroup-label {
        padding: 5px 0 0 8px !important;
    }

/* Card ======================================== */
.card {
    background: #fff;
    min-height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 30px;
}

    .card .card-inside-title {
        margin-top: 25px;
        margin-bottom: 15px;
        display: block;
        font-size: 15px;
        color: #000;
    }

        .card .card-inside-title small {
            color: #999;
            display: block;
            font-size: 11px;
            margin-top: 5px;
        }

            .card .card-inside-title small a {
                color: #777;
                font-weight: bold;
            }

        .card .card-inside-title:first-child {
            margin-top: 0;
        }

    .card .bg-red,
    .card .bg-pink,
    .card .bg-purple,
    .card .bg-deep-purple,
    .card .bg-indigo,
    .card .bg-blue,
    .card .bg-light-blue,
    .card .bg-cyan,
    .card .bg-teal,
    .card .bg-green,
    .card .bg-light-green,
    .card .bg-lime,
    .card .bg-yellow,
    .card .bg-amber,
    .card .bg-orange,
    .card .bg-deep-orange,
    .card .bg-brown,
    .card .bg-grey,
    .card .bg-blue-grey,
    .card .bg-black {
        border-bottom: none !important;
        color: #fff !important;
    }

        .card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons,
        .card .bg-pink h2,
        .card .bg-pink small,
        .card .bg-pink .material-icons,
        .card .bg-purple h2,
        .card .bg-purple small,
        .card .bg-purple .material-icons,
        .card .bg-deep-purple h2,
        .card .bg-deep-purple small,
        .card .bg-deep-purple .material-icons,
        .card .bg-indigo h2,
        .card .bg-indigo small,
        .card .bg-indigo .material-icons,
        .card .bg-blue h2,
        .card .bg-blue small,
        .card .bg-blue .material-icons,
        .card .bg-light-blue h2,
        .card .bg-light-blue small,
        .card .bg-light-blue .material-icons,
        .card .bg-cyan h2,
        .card .bg-cyan small,
        .card .bg-cyan .material-icons,
        .card .bg-teal h2,
        .card .bg-teal small,
        .card .bg-teal .material-icons,
        .card .bg-green h2,
        .card .bg-green small,
        .card .bg-green .material-icons,
        .card .bg-light-green h2,
        .card .bg-light-green small,
        .card .bg-light-green .material-icons,
        .card .bg-lime h2,
        .card .bg-lime small,
        .card .bg-lime .material-icons,
        .card .bg-yellow h2,
        .card .bg-yellow small,
        .card .bg-yellow .material-icons,
        .card .bg-amber h2,
        .card .bg-amber small,
        .card .bg-amber .material-icons,
        .card .bg-orange h2,
        .card .bg-orange small,
        .card .bg-orange .material-icons,
        .card .bg-deep-orange h2,
        .card .bg-deep-orange small,
        .card .bg-deep-orange .material-icons,
        .card .bg-brown h2,
        .card .bg-brown small,
        .card .bg-brown .material-icons,
        .card .bg-grey h2,
        .card .bg-grey small,
        .card .bg-grey .material-icons,
        .card .bg-blue-grey h2,
        .card .bg-blue-grey small,
        .card .bg-blue-grey .material-icons,
        .card .bg-black h2,
        .card .bg-black small,
        .card .bg-black .material-icons {
            color: #fff !important;
        }

        .card .bg-red .badge,
        .card .bg-pink .badge,
        .card .bg-purple .badge,
        .card .bg-deep-purple .badge,
        .card .bg-indigo .badge,
        .card .bg-blue .badge,
        .card .bg-light-blue .badge,
        .card .bg-cyan .badge,
        .card .bg-teal .badge,
        .card .bg-green .badge,
        .card .bg-light-green .badge,
        .card .bg-lime .badge,
        .card .bg-yellow .badge,
        .card .bg-amber .badge,
        .card .bg-orange .badge,
        .card .bg-deep-orange .badge,
        .card .bg-brown .badge,
        .card .bg-grey .badge,
        .card .bg-blue-grey .badge,
        .card .bg-black .badge {
            background-color: #fff;
            color: #555;
        }

    .card .header {
        color: #555;
        padding: 20px;
        position: relative;
        border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    }

        .card .header .header-dropdown {
            position: absolute;
            top: 20px;
            right: 15px;
            list-style: none;
        }

            .card .header .header-dropdown .dropdown-menu li {
                display: block !important;
            }

            .card .header .header-dropdown li {
                display: inline-block;
            }

            .card .header .header-dropdown i {
                font-size: 20px;
                color: #999;
                -moz-transition: all 0.5s;
                -o-transition: all 0.5s;
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
            }

                .card .header .header-dropdown i:hover {
                    color: #000;
                }

        .card .header h2 {
            margin: 0;
            font-size: 18px;
            font-weight: normal;
            color: #111;
        }

            .card .header h2 small {
                display: block;
                font-size: 12px;
                margin-top: 5px;
                color: #999;
                line-height: 15px;
            }

                .card .header h2 small a {
                    font-weight: bold;
                    color: #777;
                }

        .card .header .col-xs-12 h2 {
            margin-top: 5px;
        }

    .card .body {
        font-size: 14px;
        color: #555;
        padding: 20px;
    }

        .card .body .col-xs-1,
        .card .body .col-sm-1,
        .card .body .col-md-1,
        .card .body .col-lg-1 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-2,
        .card .body .col-sm-2,
        .card .body .col-md-2,
        .card .body .col-lg-2 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-3,
        .card .body .col-sm-3,
        .card .body .col-md-3,
        .card .body .col-lg-3 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-4,
        .card .body .col-sm-4,
        .card .body .col-md-4,
        .card .body .col-lg-4 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-5,
        .card .body .col-sm-5,
        .card .body .col-md-5,
        .card .body .col-lg-5 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-6,
        .card .body .col-sm-6,
        .card .body .col-md-6,
        .card .body .col-lg-6 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-7,
        .card .body .col-sm-7,
        .card .body .col-md-7,
        .card .body .col-lg-7 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-8,
        .card .body .col-sm-8,
        .card .body .col-md-8,
        .card .body .col-lg-8 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-9,
        .card .body .col-sm-9,
        .card .body .col-md-9,
        .card .body .col-lg-9 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-10,
        .card .body .col-sm-10,
        .card .body .col-md-10,
        .card .body .col-lg-10 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-11,
        .card .body .col-sm-11,
        .card .body .col-md-11,
        .card .body .col-lg-11 {
            margin-bottom: 20px;
        }

        .card .body .col-xs-12,
        .card .body .col-sm-12,
        .card .body .col-md-12,
        .card .body .col-lg-12 {
            margin-bottom: 20px;
        }

/* Infobox ===================================== */
.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box .icon {
        display: inline-block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.12);
        width: 80px;
    }

        .info-box .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

        .info-box .icon .chart.chart-bar {
            height: 100%;
            line-height: 100px;
        }

            .info-box .icon .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-pie {
            height: 100%;
            line-height: 123px;
        }

            .info-box .icon .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-line {
            height: 100%;
            line-height: 115px;
        }

            .info-box .icon .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box .content {
        display: inline-block;
        padding: 7px 10px;
    }

        .info-box .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 80px;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-2 .icon {
        display: inline-block;
        text-align: center;
        width: 80px;
    }

        .info-box-2 .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

    .info-box-2 .chart.chart-bar {
        height: 100%;
        line-height: 105px;
    }

        .info-box-2 .chart.chart-bar canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-pie {
        height: 100%;
        line-height: 123px;
    }

        .info-box-2 .chart.chart-pie canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-line {
        height: 100%;
        line-height: 115px;
    }

        .info-box-2 .chart.chart-line canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .content {
        display: inline-block;
        padding: 7px 10px;
    }

        .info-box-2 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-2 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-2.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box-2.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box-2.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-2.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-2.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-3 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-3 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-3 .chart {
        margin-right: 5px;
    }

        .info-box-3 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-3 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-3 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-3 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-3 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-3 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-3 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-3.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-3.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-3.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-3.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-4 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-4 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-4 .chart {
        margin-right: 5px;
    }

        .info-box-4 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-4 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-4 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-4 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-4 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-4 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-4 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-4.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-4.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-4.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-4.hover-expand-effect:hover:after {
        width: 100%;
    }

/* Alerts ====================================== */
.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff !important;
}

    .alert .alert-link {
        color: #fff;
        text-decoration: underline;
        font-weight: bold;
    }

.alert-success {
    background-color: #2b982b;
}

.alert-info {
    background-color: #00b0e4;
}

.alert-warning {
    background-color: #ff9600 !important;
}

.alert-danger {
    background-color: #fb483a !important;
}

.alert-dismissible .close {
    color: #fff;
    opacity: 1;
    border: none;
    text-shadow: none;
}

/* Dialogs (SweetAlert) ======================== */
.sweet-alert {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

    .sweet-alert p {
        font-size: 14px !important;
    }

    .sweet-alert .sa-input-error {
        top: 23px !important;
        right: 13px !important;
    }

    .sweet-alert h2 {
        font-size: 18px !important;
        margin: 0 0 5px 0 !important;
    }

    .sweet-alert button {
        font-size: 15px !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 5px 20px !important;
    }

/* Checkbox & Radio ============================ */
[type="checkbox"] + label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: normal;
}

[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px;
}

[type="checkbox"]:checked.chk-col-red + label:before {
    border-right: 2px solid #F44336;
    border-bottom: 2px solid #F44336;
}

[type="checkbox"]:checked.chk-col-pink + label:before {
    border-right: 2px solid #E91E63;
    border-bottom: 2px solid #E91E63;
}

[type="checkbox"]:checked.chk-col-purple + label:before {
    border-right: 2px solid #9C27B0;
    border-bottom: 2px solid #9C27B0;
}

[type="checkbox"]:checked.chk-col-deep-purple + label:before {
    border-right: 2px solid #673AB7;
    border-bottom: 2px solid #673AB7;
}

[type="checkbox"]:checked.chk-col-indigo + label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5;
}

[type="checkbox"]:checked.chk-col-blue + label:before {
    border-right: 2px solid #2196F3;
    border-bottom: 2px solid #2196F3;
}

[type="checkbox"]:checked.chk-col-light-blue + label:before {
    border-right: 2px solid #03A9F4;
    border-bottom: 2px solid #03A9F4;
}

[type="checkbox"]:checked.chk-col-cyan + label:before {
    border-right: 2px solid #00BCD4;
    border-bottom: 2px solid #00BCD4;
}

[type="checkbox"]:checked.chk-col-teal + label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688;
}

[type="checkbox"]:checked.chk-col-green + label:before {
    border-right: 2px solid #4CAF50;
    border-bottom: 2px solid #4CAF50;
}

[type="checkbox"]:checked.chk-col-light-green + label:before {
    border-right: 2px solid #8BC34A;
    border-bottom: 2px solid #8BC34A;
}

[type="checkbox"]:checked.chk-col-lime + label:before {
    border-right: 2px solid #CDDC39;
    border-bottom: 2px solid #CDDC39;
}

[type="checkbox"]:checked.chk-col-yellow + label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821;
}

[type="checkbox"]:checked.chk-col-amber + label:before {
    border-right: 2px solid #FFC107;
    border-bottom: 2px solid #FFC107;
}

[type="checkbox"]:checked.chk-col-orange + label:before {
    border-right: 2px solid #FF9800;
    border-bottom: 2px solid #FF9800;
}

[type="checkbox"]:checked.chk-col-deep-orange + label:before {
    border-right: 2px solid #FF5722;
    border-bottom: 2px solid #FF5722;
}

[type="checkbox"]:checked.chk-col-brown + label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548;
}

[type="checkbox"]:checked.chk-col-grey + label:before {
    border-right: 2px solid #9E9E9E;
    border-bottom: 2px solid #9E9E9E;
}

[type="checkbox"]:checked.chk-col-blue-grey + label:before {
    border-right: 2px solid #607D8B;
    border-bottom: 2px solid #607D8B;
}

[type="checkbox"]:checked.chk-col-black + label:before {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

[type="checkbox"]:checked.chk-col-white + label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

[type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
}

[type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

[type="checkbox"].filled-in:checked.chk-col-red + label:after {
    border: 2px solid #F44336;
    background-color: #F44336;
}

[type="checkbox"].filled-in:checked.chk-col-pink + label:after {
    border: 2px solid #E91E63;
    background-color: #E91E63;
}

[type="checkbox"].filled-in:checked.chk-col-purple + label:after {
    border: 2px solid #9C27B0;
    background-color: #9C27B0;
}

[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after {
    border: 2px solid #673AB7;
    background-color: #673AB7;
}

[type="checkbox"].filled-in:checked.chk-col-indigo + label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5;
}

[type="checkbox"].filled-in:checked.chk-col-blue + label:after {
    border: 2px solid #2196F3;
    background-color: #2196F3;
}

[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
    border: 2px solid #03A9F4;
    background-color: #03A9F4;
}

[type="checkbox"].filled-in:checked.chk-col-cyan + label:after {
    border: 2px solid #00BCD4;
    background-color: #00BCD4;
}

[type="checkbox"].filled-in:checked.chk-col-teal + label:after {
    border: 2px solid #009688;
    background-color: #009688;
}

[type="checkbox"].filled-in:checked.chk-col-green + label:after {
    border: 2px solid #4CAF50;
    background-color: #4CAF50;
}

[type="checkbox"].filled-in:checked.chk-col-light-green + label:after {
    border: 2px solid #8BC34A;
    background-color: #8BC34A;
}

[type="checkbox"].filled-in:checked.chk-col-lime + label:after {
    border: 2px solid #CDDC39;
    background-color: #CDDC39;
}

[type="checkbox"].filled-in:checked.chk-col-yellow + label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821;
}

[type="checkbox"].filled-in:checked.chk-col-amber + label:after {
    border: 2px solid #FFC107;
    background-color: #FFC107;
}

[type="checkbox"].filled-in:checked.chk-col-orange + label:after {
    border: 2px solid #FF9800;
    background-color: #FF9800;
}

[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after {
    border: 2px solid #FF5722;
    background-color: #FF5722;
}

[type="checkbox"].filled-in:checked.chk-col-brown + label:after {
    border: 2px solid #795548;
    background-color: #795548;
}

[type="checkbox"].filled-in:checked.chk-col-grey + label:after {
    border: 2px solid #9E9E9E;
    background-color: #9E9E9E;
}

[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after {
    border: 2px solid #607D8B;
    background-color: #607D8B;
}

[type="checkbox"].filled-in:checked.chk-col-black + label:after {
    border: 2px solid #000000;
    background-color: #000000;
}

[type="checkbox"].filled-in:checked.chk-col-white + label:after {
    border: 2px solid #ffffff;
    background-color: #ffffff;
}

[type="radio"]:not(:checked) + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
}

[type="radio"]:checked + label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
}

[type="radio"].radio-col-red:checked + label:after {
    background-color: #F44336;
    border-color: #F44336;
}

[type="radio"].radio-col-pink:checked + label:after {
    background-color: #E91E63;
    border-color: #E91E63;
}

[type="radio"].radio-col-purple:checked + label:after {
    background-color: #9C27B0;
    border-color: #9C27B0;
}

[type="radio"].radio-col-deep-purple:checked + label:after {
    background-color: #673AB7;
    border-color: #673AB7;
}

[type="radio"].radio-col-indigo:checked + label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
}

[type="radio"].radio-col-blue:checked + label:after {
    background-color: #2196F3;
    border-color: #2196F3;
}

[type="radio"].radio-col-light-blue:checked + label:after {
    background-color: #03A9F4;
    border-color: #03A9F4;
}

[type="radio"].radio-col-cyan:checked + label:after {
    background-color: #00BCD4;
    border-color: #00BCD4;
}

[type="radio"].radio-col-teal:checked + label:after {
    background-color: #009688;
    border-color: #009688;
}

[type="radio"].radio-col-green:checked + label:after {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

[type="radio"].radio-col-light-green:checked + label:after {
    background-color: #8BC34A;
    border-color: #8BC34A;
}

[type="radio"].radio-col-lime:checked + label:after {
    background-color: #CDDC39;
    border-color: #CDDC39;
}

[type="radio"].radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border-color: #ffe821;
}

[type="radio"].radio-col-amber:checked + label:after {
    background-color: #FFC107;
    border-color: #FFC107;
}

[type="radio"].radio-col-orange:checked + label:after {
    background-color: #FF9800;
    border-color: #FF9800;
}

[type="radio"].radio-col-deep-orange:checked + label:after {
    background-color: #FF5722;
    border-color: #FF5722;
}

[type="radio"].radio-col-brown:checked + label:after {
    background-color: #795548;
    border-color: #795548;
}

[type="radio"].radio-col-grey:checked + label:after {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
}

[type="radio"].radio-col-blue-grey:checked + label:after {
    background-color: #607D8B;
    border-color: #607D8B;
}

[type="radio"].radio-col-black:checked + label:after {
    background-color: #000000;
    border-color: #000000;
}

[type="radio"].radio-col-white:checked + label:after {
    background-color: #ffffff;
    border-color: #ffffff;
}

[type="radio"].with-gap.radio-col-red:checked + label:before {
    border: 2px solid #F44336;
}

[type="radio"].with-gap.radio-col-red:checked + label:after {
    background-color: #F44336;
    border: 2px solid #F44336;
}

[type="radio"].with-gap.radio-col-pink:checked + label:before {
    border: 2px solid #E91E63;
}

[type="radio"].with-gap.radio-col-pink:checked + label:after {
    background-color: #E91E63;
    border: 2px solid #E91E63;
}

[type="radio"].with-gap.radio-col-purple:checked + label:before {
    border: 2px solid #9C27B0;
}

[type="radio"].with-gap.radio-col-purple:checked + label:after {
    background-color: #9C27B0;
    border: 2px solid #9C27B0;
}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:before {
    border: 2px solid #673AB7;
}

[type="radio"].with-gap.radio-col-deep-purple:checked + label:after {
    background-color: #673AB7;
    border: 2px solid #673AB7;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:before {
    border: 2px solid #3F51B5;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
}

[type="radio"].with-gap.radio-col-blue:checked + label:before {
    border: 2px solid #2196F3;
}

[type="radio"].with-gap.radio-col-blue:checked + label:after {
    background-color: #2196F3;
    border: 2px solid #2196F3;
}

[type="radio"].with-gap.radio-col-light-blue:checked + label:before {
    border: 2px solid #03A9F4;
}

[type="radio"].with-gap.radio-col-light-blue:checked + label:after {
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
}

[type="radio"].with-gap.radio-col-cyan:checked + label:before {
    border: 2px solid #00BCD4;
}

[type="radio"].with-gap.radio-col-cyan:checked + label:after {
    background-color: #00BCD4;
    border: 2px solid #00BCD4;
}

[type="radio"].with-gap.radio-col-teal:checked + label:before {
    border: 2px solid #009688;
}

[type="radio"].with-gap.radio-col-teal:checked + label:after {
    background-color: #009688;
    border: 2px solid #009688;
}

[type="radio"].with-gap.radio-col-green:checked + label:before {
    border: 2px solid #4CAF50;
}

[type="radio"].with-gap.radio-col-green:checked + label:after {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
}

[type="radio"].with-gap.radio-col-light-green:checked + label:before {
    border: 2px solid #8BC34A;
}

[type="radio"].with-gap.radio-col-light-green:checked + label:after {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
}

[type="radio"].with-gap.radio-col-lime:checked + label:before {
    border: 2px solid #CDDC39;
}

[type="radio"].with-gap.radio-col-lime:checked + label:after {
    background-color: #CDDC39;
    border: 2px solid #CDDC39;
}

[type="radio"].with-gap.radio-col-yellow:checked + label:before {
    border: 2px solid #ffe821;
}

[type="radio"].with-gap.radio-col-yellow:checked + label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821;
}

[type="radio"].with-gap.radio-col-amber:checked + label:before {
    border: 2px solid #FFC107;
}

[type="radio"].with-gap.radio-col-amber:checked + label:after {
    background-color: #FFC107;
    border: 2px solid #FFC107;
}

[type="radio"].with-gap.radio-col-orange:checked + label:before {
    border: 2px solid #FF9800;
}

[type="radio"].with-gap.radio-col-orange:checked + label:after {
    background-color: #FF9800;
    border: 2px solid #FF9800;
}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:before {
    border: 2px solid #FF5722;
}

[type="radio"].with-gap.radio-col-deep-orange:checked + label:after {
    background-color: #FF5722;
    border: 2px solid #FF5722;
}

[type="radio"].with-gap.radio-col-brown:checked + label:before {
    border: 2px solid #795548;
}

[type="radio"].with-gap.radio-col-brown:checked + label:after {
    background-color: #795548;
    border: 2px solid #795548;
}

[type="radio"].with-gap.radio-col-grey:checked + label:before {
    border: 2px solid #9E9E9E;
}

[type="radio"].with-gap.radio-col-grey:checked + label:after {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E;
}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:before {
    border: 2px solid #607D8B;
}

[type="radio"].with-gap.radio-col-blue-grey:checked + label:after {
    background-color: #607D8B;
    border: 2px solid #607D8B;
}

[type="radio"].with-gap.radio-col-black:checked + label:before {
    border: 2px solid #000000;
}

[type="radio"].with-gap.radio-col-black:checked + label:after {
    background-color: #000000;
    border: 2px solid #000000;
}

[type="radio"].with-gap.radio-col-white:checked + label:before {
    border: 2px solid #ffffff;
}

[type="radio"].with-gap.radio-col-white:checked + label:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

/* Switch ====================================== */
.switch label {
    font-weight: normal;
    font-size: 13px;
}

    .switch label .lever {
        margin: 0 14px;
    }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-red {
        background-color: rgba(244, 67, 54, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-red:after {
            background-color: #F44336;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-pink {
        background-color: rgba(233, 30, 99, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after {
            background-color: #E91E63;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-purple {
        background-color: rgba(156, 39, 176, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after {
            background-color: #9C27B0;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple {
        background-color: rgba(103, 58, 183, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after {
            background-color: #673AB7;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-indigo {
        background-color: rgba(63, 81, 181, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after {
            background-color: #3F51B5;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-blue {
        background-color: rgba(33, 150, 243, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after {
            background-color: #2196F3;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue {
        background-color: rgba(3, 169, 244, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after {
            background-color: #03A9F4;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-cyan {
        background-color: rgba(0, 188, 212, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after {
            background-color: #00BCD4;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-teal {
        background-color: rgba(0, 150, 136, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after {
            background-color: #009688;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-green {
        background-color: rgba(76, 175, 80, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-green:after {
            background-color: #4CAF50;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-light-green {
        background-color: rgba(139, 195, 74, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after {
            background-color: #8BC34A;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-lime {
        background-color: rgba(205, 220, 57, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-lime:after {
            background-color: #CDDC39;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-yellow {
        background-color: rgba(255, 232, 33, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after {
            background-color: #ffe821;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-amber {
        background-color: rgba(255, 193, 7, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-amber:after {
            background-color: #FFC107;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-orange {
        background-color: rgba(255, 152, 0, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after {
            background-color: #FF9800;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange {
        background-color: rgba(255, 87, 34, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after {
            background-color: #FF5722;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-brown {
        background-color: rgba(121, 85, 72, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-brown:after {
            background-color: #795548;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-grey {
        background-color: rgba(158, 158, 158, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-grey:after {
            background-color: #9E9E9E;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey {
        background-color: rgba(96, 125, 139, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after {
            background-color: #607D8B;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-black {
        background-color: rgba(0, 0, 0, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-black:after {
            background-color: #000000;
        }

    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
    }

    .switch label input[type=checkbox]:checked + .lever.switch-col-white {
        background-color: rgba(255, 255, 255, 0.5);
    }

        .switch label input[type=checkbox]:checked + .lever.switch-col-white:after {
            background-color: #ffffff;
        }

/* DateTime Picker ============================= */
.dtp div.dtp-date,
.dtp div.dtp-time {
    background: #007d72;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #009688;
}

.dtp .dtp-buttons .dtp-btn-ok {
    margin-left: 10px;
}

.dtp .dtp-buttons .dtp-btn-clear {
    margin-right: 10px !important;
}

.dtp .p10 > a {
    color: #fff;
}

.dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #ffffff;
}

.dtp table.dtp-picker-days tr td a.selected {
    background: #007d72;
    color: #fff;
}

/* Bootstrap Select ============================ */
.bootstrap-select {
    box-shadow: none !important;
    border-bottom: 1px solid #ddd !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active {
        outline: none !important;
    }

    .bootstrap-select .bs-searchbox,
    .bootstrap-select .bs-actionsbox,
    .bootstrap-select .bs-donebutton {
        padding: 0 0 5px 0;
        border-bottom: 1px solid #e9e9e9;
    }

        .bootstrap-select .bs-searchbox .form-control,
        .bootstrap-select .bs-actionsbox .form-control,
        .bootstrap-select .bs-donebutton .form-control {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -ms-box-shadow: none !important;
            box-shadow: none !important;
            border: none;
            margin-left: 30px;
        }

    .bootstrap-select .bs-searchbox {
        position: relative;
    }

        .bootstrap-select .bs-searchbox:after {
            content: '\E8B6';
            font-family: 'Material Icons';
            position: absolute;
            top: 0;
            left: 10px;
            font-size: 25px;
        }

    .bootstrap-select ul.dropdown-menu {
        margin-top: 0 !important;
    }

    .bootstrap-select .dropdown-menu li.selected a {
        background-color: #eee !important;
        color: #555 !important;
    }

    .bootstrap-select .dropdown-menu .active a {
        background-color: transparent;
        color: #333 !important;
    }

    .bootstrap-select .dropdown-menu .notify {
        background-color: #F44336 !important;
        color: #fff !important;
        border: none !important;
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
        margin-top: 9px;
    }

/* Tooltip & Popovers ========================== */
.tooltip {
    font-size: 13px;
}

    .tooltip .tooltip-inner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

.popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

    .popover .popover-title {
        font-weight: bold;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        background-color: #e9e9e9;
        border-bottom: 1px solid #ddd;
    }

    .popover .popover-content {
        font-size: 13px;
        color: #777;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

/* Nav Tabs ==================================== */
.nav-tabs {
    border-bottom: 2px solid #eee;
}

    .nav-tabs > li {
        position: relative;
        top: 3px;
        left: -2px;
    }

        .nav-tabs > li > a {
            border: none !important;
            color: #999 !important;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

            .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
                background-color: transparent !important;
            }

            .nav-tabs > li > a:before {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 0;
                border-bottom: 2px solid #2196F3;
                bottom: 2px;
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                -o-transform: scaleX(0);
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -moz-transition: 0.1s ease-in;
                -o-transition: 0.1s ease-in;
                -webkit-transition: 0.1s ease-in;
                transition: 0.1s ease-in;
            }

            .nav-tabs > li > a .material-icons {
                position: relative;
                top: 7px;
                margin-bottom: 8px;
            }

    .nav-tabs li.active a {
        color: #222 !important;
    }

        .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
            background-color: transparent !important;
        }

        .nav-tabs li.active a:before {
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

    .nav-tabs + .tab-content {
        padding: 15px 0;
    }

    .nav-tabs.tab-col-red > li > a:before {
        border-bottom: 2px solid #F44336;
    }

    .nav-tabs.tab-col-pink > li > a:before {
        border-bottom: 2px solid #E91E63;
    }

    .nav-tabs.tab-col-purple > li > a:before {
        border-bottom: 2px solid #9C27B0;
    }

    .nav-tabs.tab-col-deep-purple > li > a:before {
        border-bottom: 2px solid #673AB7;
    }

    .nav-tabs.tab-col-indigo > li > a:before {
        border-bottom: 2px solid #3F51B5;
    }

    .nav-tabs.tab-col-blue > li > a:before {
        border-bottom: 2px solid #2196F3;
    }

    .nav-tabs.tab-col-light-blue > li > a:before {
        border-bottom: 2px solid #03A9F4;
    }

    .nav-tabs.tab-col-cyan > li > a:before {
        border-bottom: 2px solid #00BCD4;
    }

    .nav-tabs.tab-col-teal > li > a:before {
        border-bottom: 2px solid #009688;
    }

    .nav-tabs.tab-col-green > li > a:before {
        border-bottom: 2px solid #4CAF50;
    }

    .nav-tabs.tab-col-light-green > li > a:before {
        border-bottom: 2px solid #8BC34A;
    }

    .nav-tabs.tab-col-lime > li > a:before {
        border-bottom: 2px solid #CDDC39;
    }

    .nav-tabs.tab-col-yellow > li > a:before {
        border-bottom: 2px solid #ffe821;
    }

    .nav-tabs.tab-col-amber > li > a:before {
        border-bottom: 2px solid #FFC107;
    }

    .nav-tabs.tab-col-orange > li > a:before {
        border-bottom: 2px solid #FF9800;
    }

    .nav-tabs.tab-col-deep-orange > li > a:before {
        border-bottom: 2px solid #FF5722;
    }

    .nav-tabs.tab-col-brown > li > a:before {
        border-bottom: 2px solid #795548;
    }

    .nav-tabs.tab-col-grey > li > a:before {
        border-bottom: 2px solid #9E9E9E;
    }

    .nav-tabs.tab-col-blue-grey > li > a:before {
        border-bottom: 2px solid #607D8B;
    }

    .nav-tabs.tab-col-black > li > a:before {
        border-bottom: 2px solid #000000;
    }

    .nav-tabs.tab-col-white > li > a:before {
        border-bottom: 2px solid #ffffff;
    }

/* Thumbnails ================================== */
.thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .thumbnail p:not(button) {
        color: #999999;
        font-size: 14px;
    }

    .thumbnail h3 {
        font-weight: bold;
        font-size: 17px;
    }

/* Modals ====================================== */
.modal .modal-header {
    border: none;
    padding: 25px 25px 5px 25px;
}

    .modal .modal-header .modal-title {
        font-weight: bold;
        font-size: 16px;
    }

.modal .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
    border: none;
}

    .modal .modal-content .modal-body {
        color: #777;
        padding: 15px 25px;
    }

.modal .modal-footer {
    border: none;
}

.modal-col-red {
    background-color: #F44336;
}

    .modal-col-red .modal-body,
    .modal-col-red .modal-title {
        color: #fff !important;
    }

    .modal-col-red .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-red .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-pink {
    background-color: #E91E63;
}

    .modal-col-pink .modal-body,
    .modal-col-pink .modal-title {
        color: #fff !important;
    }

    .modal-col-pink .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-pink .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-purple {
    background-color: #9C27B0;
}

    .modal-col-purple .modal-body,
    .modal-col-purple .modal-title {
        color: #fff !important;
    }

    .modal-col-purple .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-purple .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-deep-purple {
    background-color: #673AB7;
}

    .modal-col-deep-purple .modal-body,
    .modal-col-deep-purple .modal-title {
        color: #fff !important;
    }

    .modal-col-deep-purple .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-deep-purple .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-indigo {
    background-color: #3F51B5;
}

    .modal-col-indigo .modal-body,
    .modal-col-indigo .modal-title {
        color: #fff !important;
    }

    .modal-col-indigo .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-indigo .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-blue {
    background-color: #2196F3;
}

    .modal-col-blue .modal-body,
    .modal-col-blue .modal-title {
        color: #fff !important;
    }

    .modal-col-blue .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-blue .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-light-blue {
    background-color: #03A9F4;
}

    .modal-col-light-blue .modal-body,
    .modal-col-light-blue .modal-title {
        color: #fff !important;
    }

    .modal-col-light-blue .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-light-blue .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-cyan {
    background-color: #00BCD4;
}

    .modal-col-cyan .modal-body,
    .modal-col-cyan .modal-title {
        color: #fff !important;
    }

    .modal-col-cyan .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-cyan .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-teal {
    background-color: #009688;
}

    .modal-col-teal .modal-body,
    .modal-col-teal .modal-title {
        color: #fff !important;
    }

    .modal-col-teal .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-teal .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-green {
    background-color: #4CAF50;
}

    .modal-col-green .modal-body,
    .modal-col-green .modal-title {
        color: #fff !important;
    }

    .modal-col-green .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-green .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-light-green {
    background-color: #8BC34A;
}

    .modal-col-light-green .modal-body,
    .modal-col-light-green .modal-title {
        color: #fff !important;
    }

    .modal-col-light-green .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-light-green .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-lime {
    background-color: #CDDC39;
}

    .modal-col-lime .modal-body,
    .modal-col-lime .modal-title {
        color: #fff !important;
    }

    .modal-col-lime .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-lime .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-yellow {
    background-color: #ffe821;
}

    .modal-col-yellow .modal-body,
    .modal-col-yellow .modal-title {
        color: #fff !important;
    }

    .modal-col-yellow .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-yellow .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-amber {
    background-color: #FFC107;
}

    .modal-col-amber .modal-body,
    .modal-col-amber .modal-title {
        color: #fff !important;
    }

    .modal-col-amber .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-amber .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-orange {
    background-color: #FF9800;
}

    .modal-col-orange .modal-body,
    .modal-col-orange .modal-title {
        color: #fff !important;
    }

    .modal-col-orange .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-orange .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-deep-orange {
    background-color: #FF5722;
}

    .modal-col-deep-orange .modal-body,
    .modal-col-deep-orange .modal-title {
        color: #fff !important;
    }

    .modal-col-deep-orange .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-deep-orange .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-brown {
    background-color: #795548;
}

    .modal-col-brown .modal-body,
    .modal-col-brown .modal-title {
        color: #fff !important;
    }

    .modal-col-brown .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-brown .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-grey {
    background-color: #9E9E9E;
}

    .modal-col-grey .modal-body,
    .modal-col-grey .modal-title {
        color: #fff !important;
    }

    .modal-col-grey .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-grey .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-blue-grey {
    background-color: #607D8B;
}

    .modal-col-blue-grey .modal-body,
    .modal-col-blue-grey .modal-title {
        color: #fff !important;
    }

    .modal-col-blue-grey .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-blue-grey .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-black {
    background-color: #000000;
}

    .modal-col-black .modal-body,
    .modal-col-black .modal-title {
        color: #fff !important;
    }

    .modal-col-black .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-black .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

.modal-col-white {
    background-color: #ffffff;
}

    .modal-col-white .modal-body,
    .modal-col-white .modal-title {
        color: #fff !important;
    }

    .modal-col-white .modal-footer {
        background-color: rgba(0, 0, 0, 0.12);
    }

        .modal-col-white .modal-footer .btn-link {
            color: #fff !important;
        }

            .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus {
                background-color: rgba(0, 0, 0, 0.12);
            }

/* Labels ====================================== */
.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.label-primary {
    background-color: #1f91f3;
}

.label-success {
    background-color: #2b982b;
}

.label-info {
    background-color: #00b0e4;
}

.label-warning {
    background-color: #ff9600;
}

.label-danger {
    background-color: #fb483a;
}

/* Collapse ==================================== */
.collapse .well,
.collapse.in .well,
.collapsing .well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

/* Tables ====================================== */
.table tbody tr td, .table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.table tbody tr.primary td, .table tbody tr.primary th {
    background-color: #1f91f3;
    color: #fff;
}

.table tbody tr.success td, .table tbody tr.success th {
    background-color: #2b982b;
    color: #fff;
}

.table tbody tr.info td, .table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff;
}

.table tbody tr.warning td, .table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff;
}

.table tbody tr.danger td, .table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff;
}

.table thead tr th {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.table-bordered {
    border-top: 1px solid #eee;
}

    .table-bordered tbody tr td, .table-bordered tbody tr th {
        padding: 10px;
        border: 1px solid #eee;
    }

    .table-bordered thead tr th {
        padding: 10px;
        border: 1px solid #eee;
    }

/* Panel ======================================= */
.panel-group .panel-col-red {
    border: 1px solid #F44336;
}

    .panel-group .panel-col-red .panel-title {
        background-color: #F44336 !important;
        color: #fff;
    }

    .panel-group .panel-col-red .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-pink {
    border: 1px solid #E91E63;
}

    .panel-group .panel-col-pink .panel-title {
        background-color: #E91E63 !important;
        color: #fff;
    }

    .panel-group .panel-col-pink .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-purple {
    border: 1px solid #9C27B0;
}

    .panel-group .panel-col-purple .panel-title {
        background-color: #9C27B0 !important;
        color: #fff;
    }

    .panel-group .panel-col-purple .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-deep-purple {
    border: 1px solid #673AB7;
}

    .panel-group .panel-col-deep-purple .panel-title {
        background-color: #673AB7 !important;
        color: #fff;
    }

    .panel-group .panel-col-deep-purple .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-indigo {
    border: 1px solid #3F51B5;
}

    .panel-group .panel-col-indigo .panel-title {
        background-color: #3F51B5 !important;
        color: #fff;
    }

    .panel-group .panel-col-indigo .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-blue {
    border: 1px solid #2196F3;
}

    .panel-group .panel-col-blue .panel-title {
        background-color: #2196F3 !important;
        color: #fff;
    }

    .panel-group .panel-col-blue .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-light-blue {
    border: 1px solid #03A9F4;
}

    .panel-group .panel-col-light-blue .panel-title {
        background-color: #03A9F4 !important;
        color: #fff;
    }

    .panel-group .panel-col-light-blue .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-cyan {
    border: 1px solid #00BCD4;
}

    .panel-group .panel-col-cyan .panel-title {
        background-color: #00BCD4 !important;
        color: #fff;
    }

    .panel-group .panel-col-cyan .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-teal {
    border: 1px solid #009688;
}

    .panel-group .panel-col-teal .panel-title {
        background-color: #009688 !important;
        color: #fff;
    }

    .panel-group .panel-col-teal .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-green {
    border: 1px solid #4CAF50;
}

    .panel-group .panel-col-green .panel-title {
        background-color: #4CAF50 !important;
        color: #fff;
    }

    .panel-group .panel-col-green .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-light-green {
    border: 1px solid #8BC34A;
}

    .panel-group .panel-col-light-green .panel-title {
        background-color: #8BC34A !important;
        color: #fff;
    }

    .panel-group .panel-col-light-green .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-lime {
    border: 1px solid #CDDC39;
}

    .panel-group .panel-col-lime .panel-title {
        background-color: #CDDC39 !important;
        color: #fff;
    }

    .panel-group .panel-col-lime .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-yellow {
    border: 1px solid #ffe821;
}

    .panel-group .panel-col-yellow .panel-title {
        background-color: #ffe821 !important;
        color: #fff;
    }

    .panel-group .panel-col-yellow .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-amber {
    border: 1px solid #FFC107;
}

    .panel-group .panel-col-amber .panel-title {
        background-color: #FFC107 !important;
        color: #fff;
    }

    .panel-group .panel-col-amber .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-orange {
    border: 1px solid #FF9800;
}

    .panel-group .panel-col-orange .panel-title {
        background-color: #FF9800 !important;
        color: #fff;
    }

    .panel-group .panel-col-orange .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-deep-orange {
    border: 1px solid #FF5722;
}

    .panel-group .panel-col-deep-orange .panel-title {
        background-color: #FF5722 !important;
        color: #fff;
    }

    .panel-group .panel-col-deep-orange .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-brown {
    border: 1px solid #795548;
}

    .panel-group .panel-col-brown .panel-title {
        background-color: #795548 !important;
        color: #fff;
    }

    .panel-group .panel-col-brown .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-grey {
    border: 1px solid #9E9E9E;
}

    .panel-group .panel-col-grey .panel-title {
        background-color: #9E9E9E !important;
        color: #fff;
    }

    .panel-group .panel-col-grey .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-blue-grey {
    border: 1px solid #607D8B;
}

    .panel-group .panel-col-blue-grey .panel-title {
        background-color: #607D8B !important;
        color: #fff;
    }

    .panel-group .panel-col-blue-grey .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-black {
    border: 1px solid #000000;
}

    .panel-group .panel-col-black .panel-title {
        background-color: #000000 !important;
        color: #fff;
    }

    .panel-group .panel-col-black .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel-col-white {
    border: 1px solid #ffffff;
}

    .panel-group .panel-col-white .panel-title {
        background-color: #ffffff !important;
        color: #fff;
    }

    .panel-group .panel-col-white .panel-body {
        border-top-color: transparent !important;
    }

.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .panel-group .panel .panel-title .material-icons {
        float: left;
        line-height: 16px;
        margin-right: 8px;
    }

    .panel-group .panel .panel-heading {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

        .panel-group .panel .panel-heading a {
            display: block;
            padding: 10px 15px;
        }

            .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
                text-decoration: none;
            }

    .panel-group .panel .panel-body {
        color: #555;
    }

.panel-group .panel-primary {
    border: 1px solid #1f91f3;
}

    .panel-group .panel-primary .panel-title {
        background-color: #1f91f3;
    }

.panel-group .panel-success {
    border: 1px solid #2b982b;
}

    .panel-group .panel-success .panel-title {
        background-color: #2b982b;
        color: #fff;
    }

.panel-group .panel-warning {
    border: 1px solid #ff9600;
}

    .panel-group .panel-warning .panel-title {
        background-color: #ff9600;
        color: #fff;
    }

.panel-group .panel-danger {
    border: 1px solid #fb483a;
}

    .panel-group .panel-danger .panel-title {
        background-color: #fb483a;
        color: #fff;
    }

.full-body .panel-col-red .panel-body {
    border-top-color: #fff !important;
    background-color: #F44336;
    color: #fff;
}

.full-body .panel-col-pink .panel-body {
    border-top-color: #fff !important;
    background-color: #E91E63;
    color: #fff;
}

.full-body .panel-col-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #9C27B0;
    color: #fff;
}

.full-body .panel-col-deep-purple .panel-body {
    border-top-color: #fff !important;
    background-color: #673AB7;
    color: #fff;
}

.full-body .panel-col-indigo .panel-body {
    border-top-color: #fff !important;
    background-color: #3F51B5;
    color: #fff;
}

.full-body .panel-col-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #2196F3;
    color: #fff;
}

.full-body .panel-col-light-blue .panel-body {
    border-top-color: #fff !important;
    background-color: #03A9F4;
    color: #fff;
}

.full-body .panel-col-cyan .panel-body {
    border-top-color: #fff !important;
    background-color: #00BCD4;
    color: #fff;
}

.full-body .panel-col-teal .panel-body {
    border-top-color: #fff !important;
    background-color: #009688;
    color: #fff;
}

.full-body .panel-col-green .panel-body {
    border-top-color: #fff !important;
    background-color: #4CAF50;
    color: #fff;
}

.full-body .panel-col-light-green .panel-body {
    border-top-color: #fff !important;
    background-color: #8BC34A;
    color: #fff;
}

.full-body .panel-col-lime .panel-body {
    border-top-color: #fff !important;
    background-color: #CDDC39;
    color: #fff;
}

.full-body .panel-col-yellow .panel-body {
    border-top-color: #fff !important;
    background-color: #ffe821;
    color: #fff;
}

.full-body .panel-col-amber .panel-body {
    border-top-color: #fff !important;
    background-color: #FFC107;
    color: #fff;
}

.full-body .panel-col-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #FF9800;
    color: #fff;
}

.full-body .panel-col-deep-orange .panel-body {
    border-top-color: #fff !important;
    background-color: #FF5722;
    color: #fff;
}

.full-body .panel-col-brown .panel-body {
    border-top-color: #fff !important;
    background-color: #795548;
    color: #fff;
}

.full-body .panel-col-grey .panel-body {
    border-top-color: #fff !important;
    background-color: #9E9E9E;
    color: #fff;
}

.full-body .panel-col-blue-grey .panel-body {
    border-top-color: #fff !important;
    background-color: #607D8B;
    color: #fff;
}

.full-body .panel-col-black .panel-body {
    border-top-color: #fff !important;
    background-color: #000000;
    color: #fff;
}

.full-body .panel-col-white .panel-body {
    border-top-color: #fff !important;
    background-color: #ffffff;
    color: #fff;
}

.full-body .panel-primary .panel-body {
    border-top-color: #fff !important;
    background-color: #1f91f3;
    color: #fff;
}

.full-body .panel-success .panel-body {
    border-top-color: #fff !important;
    background-color: #2b982b;
    color: #fff;
}

.full-body .panel-warning .panel-body {
    border-top-color: #fff !important;
    background-color: #ff9600;
    color: #fff;
}

.full-body .panel-danger .panel-body {
    border-top-color: #fff !important;
    background-color: #fb483a;
    color: #fff;
}

/* Progress Bars =============================== */
.progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 22px;
}

    .progress .progress-bar {
        line-height: 23px;
        background-color: #1f91f3;
    }

    .progress .progress-bar-success {
        background-color: #2b982b;
    }

    .progress .progress-bar-info {
        background-color: #00b0e4;
    }

    .progress .progress-bar-warning {
        background-color: #ff9600;
    }

    .progress .progress-bar-danger {
        background-color: #fb483a;
    }

/* Ion Range Slider ============================ */
.irs .irs-min,
.irs .irs-max,
.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

/* Input Group ================================= */
.input-group {
    width: 100%;
    margin-bottom: 20px;
}

    .input-group .form-line {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        .input-group .form-line:after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            bottom: -2px;
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -moz-transition: 0.25s ease-in;
            -o-transition: 0.25s ease-in;
            -webkit-transition: 0.25s ease-in;
            transition: 0.25s ease-in;
            border-bottom: 2px solid #1f91f3;
        }

        .input-group .form-line + .input-group-addon {
            padding-right: 0;
            padding-left: 10px;
        }

    .input-group .help-info {
        float: right;
        font-size: 12px;
        margin-top: 5px;
        color: #999;
    }

    .input-group label.error {
        font-size: 12px;
        display: block;
        margin-top: 5px;
        font-weight: normal;
        color: #F44336;
    }

    .input-group .form-line.error:after {
        border-bottom: 2px solid #F44336;
    }

    .input-group .form-line.success:after {
        border-bottom: 2px solid #4CAF50;
    }

    .input-group .form-line.warning:after {
        border-bottom: 2px solid #FFC107;
    }

    .input-group .form-line.focused:after {
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .input-group .form-line.focused .form-label {
        bottom: 25px;
        left: 0;
        font-size: 12px;
    }

    .input-group .input-group-addon {
        border: none;
        background-color: transparent;
        padding-left: 0;
        font-weight: bold;
    }

        .input-group .input-group-addon .material-icons {
            font-size: 18px;
            color: #555;
        }

    .input-group input[type="text"],
    .input-group .form-control {
        border: none;
        box-shadow: none;
        padding-left: 0;
    }

        .input-group .form-control:focus {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -ms-box-shadow: none !important;
            box-shadow: none !important;
        }

    .input-group.input-group-sm .input-group-addon i {
        font-size: 14px;
    }

    .input-group.input-group-sm .form-control {
        font-size: 12px;
    }

    .input-group.input-group-lg .input-group-addon i {
        font-size: 26px;
    }

    .input-group.input-group-lg .form-control {
        font-size: 18px;
    }

.form-control-label {
    text-align: right;
}

    .form-control-label label {
        margin-top: 8px;
    }

.form-horizontal .form-group {
    margin-bottom: 0;
}

.form-group {
    width: 100%;
    margin-bottom: 25px;
}

    .form-group .form-control {
        width: 100%;
        border: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding-left: 0;
    }

    .form-group .help-info {
        float: right;
        font-size: 12px;
        margin-top: 5px;
        color: #999;
    }

    .form-group label.error {
        font-size: 12px;
        display: block;
        margin-top: 5px;
        font-weight: normal;
        color: #F44336;
    }

    .form-group .form-line {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

        .form-group .form-line:after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 0;
            bottom: -1px;
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -moz-transition: 0.25s ease-in;
            -o-transition: 0.25s ease-in;
            -webkit-transition: 0.25s ease-in;
            transition: 0.25s ease-in;
            border-bottom: 2px solid #1f91f3;
        }

        .form-group .form-line .form-label {
            font-weight: normal;
            color: #aaa;
            position: absolute;
            top: 10px;
            left: 0;
            cursor: text;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }

        .form-group .form-line.error:after {
            border-bottom: 2px solid #F44336;
        }

        .form-group .form-line.success:after {
            border-bottom: 2px solid #4CAF50;
        }

        .form-group .form-line.warning:after {
            border-bottom: 2px solid #FFC107;
        }

        .form-group .form-line.focused:after {
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        .form-group .form-line.focused .form-label {
            top: -10px;
            left: 0;
            font-size: 12px;
        }

.form-group-sm .form-label {
    font-size: 12px;
}

.form-group-sm .form-line.focused .form-label {
    bottom: 20px;
    font-size: 10px;
}

.form-group-lg .form-label {
    font-size: 18px;
}

.form-group-lg .form-line.focused .form-label {
    bottom: 35px;
    font-size: 12px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent;
}

/* Color Picker ================================ */
.colorpicker {
    z-index: 1;
}

    .colorpicker:before, .colorpicker:after {
        display: none !important;
    }

/* Dropzone ==================================== */
.dropzone {
    border: 2px solid transparent !important;
    background-color: #eee !important;
}

    .dropzone .dz-message .drag-icon-cph .material-icons {
        font-size: 80px;
        color: #777;
    }

.dz-drag-hover {
    border: 2px dashed #888 !important;
}

/* Breadcrumbs ================================= */
.breadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px;
    margin-bottom: 10px;
}

    .breadcrumb li a {
        color: #444;
        text-decoration: none;
    }

        .breadcrumb li a .material-icons {
            font-size: 18px;
            position: relative;
            top: 4px;
        }

    .breadcrumb li .material-icons {
        font-size: 18px;
        position: relative;
        top: 4px;
    }

    .breadcrumb > li + li:before {
        content: '>\00a0';
    }

.breadcrumb-col-red li a {
    color: #F44336 !important;
    font-weight: bold;
}

.breadcrumb-bg-red {
    background-color: #F44336 !important;
}

    .breadcrumb-bg-red li {
        color: #fff !important;
    }

        .breadcrumb-bg-red li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-red li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-red li + li:before {
            color: #fff;
        }

.breadcrumb-col-pink li a {
    color: #E91E63 !important;
    font-weight: bold;
}

.breadcrumb-bg-pink {
    background-color: #E91E63 !important;
}

    .breadcrumb-bg-pink li {
        color: #fff !important;
    }

        .breadcrumb-bg-pink li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-pink li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-pink li + li:before {
            color: #fff;
        }

.breadcrumb-col-purple li a {
    color: #9C27B0 !important;
    font-weight: bold;
}

.breadcrumb-bg-purple {
    background-color: #9C27B0 !important;
}

    .breadcrumb-bg-purple li {
        color: #fff !important;
    }

        .breadcrumb-bg-purple li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-purple li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-purple li + li:before {
            color: #fff;
        }

.breadcrumb-col-deep-purple li a {
    color: #673AB7 !important;
    font-weight: bold;
}

.breadcrumb-bg-deep-purple {
    background-color: #673AB7 !important;
}

    .breadcrumb-bg-deep-purple li {
        color: #fff !important;
    }

        .breadcrumb-bg-deep-purple li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-deep-purple li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-deep-purple li + li:before {
            color: #fff;
        }

.breadcrumb-col-indigo li a {
    color: #3F51B5 !important;
    font-weight: bold;
}

.breadcrumb-bg-indigo {
    background-color: #3F51B5 !important;
}

    .breadcrumb-bg-indigo li {
        color: #fff !important;
    }

        .breadcrumb-bg-indigo li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-indigo li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-indigo li + li:before {
            color: #fff;
        }

.breadcrumb-col-blue li a {
    color: #2196F3 !important;
    font-weight: bold;
}

.breadcrumb-bg-blue {
    background-color: #2196F3 !important;
}

    .breadcrumb-bg-blue li {
        color: #fff !important;
    }

        .breadcrumb-bg-blue li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-blue li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-blue li + li:before {
            color: #fff;
        }

.breadcrumb-col-light-blue li a {
    color: #03A9F4 !important;
    font-weight: bold;
}

.breadcrumb-bg-light-blue {
    background-color: #03A9F4 !important;
}

    .breadcrumb-bg-light-blue li {
        color: #fff !important;
    }

        .breadcrumb-bg-light-blue li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-light-blue li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-light-blue li + li:before {
            color: #fff;
        }

.breadcrumb-col-cyan li a {
    color: #00BCD4 !important;
    font-weight: bold;
}

.breadcrumb-bg-cyan {
    background-color: #00BCD4 !important;
}

    .breadcrumb-bg-cyan li {
        color: #fff !important;
    }

        .breadcrumb-bg-cyan li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-cyan li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-cyan li + li:before {
            color: #fff;
        }

.breadcrumb-col-teal li a {
    color: #009688 !important;
    font-weight: bold;
}

.breadcrumb-bg-teal {
    background-color: #009688 !important;
}

    .breadcrumb-bg-teal li {
        color: #fff !important;
    }

        .breadcrumb-bg-teal li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-teal li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-teal li + li:before {
            color: #fff;
        }

.breadcrumb-col-green li a {
    color: #4CAF50 !important;
    font-weight: bold;
}

.breadcrumb-bg-green {
    background-color: #4CAF50 !important;
}

    .breadcrumb-bg-green li {
        color: #fff !important;
    }

        .breadcrumb-bg-green li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-green li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-green li + li:before {
            color: #fff;
        }

.breadcrumb-col-light-green li a {
    color: #8BC34A !important;
    font-weight: bold;
}

.breadcrumb-bg-light-green {
    background-color: #8BC34A !important;
}

    .breadcrumb-bg-light-green li {
        color: #fff !important;
    }

        .breadcrumb-bg-light-green li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-light-green li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-light-green li + li:before {
            color: #fff;
        }

.breadcrumb-col-lime li a {
    color: #CDDC39 !important;
    font-weight: bold;
}

.breadcrumb-bg-lime {
    background-color: #CDDC39 !important;
}

    .breadcrumb-bg-lime li {
        color: #fff !important;
    }

        .breadcrumb-bg-lime li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-lime li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-lime li + li:before {
            color: #fff;
        }

.breadcrumb-col-yellow li a {
    color: #ffe821 !important;
    font-weight: bold;
}

.breadcrumb-bg-yellow {
    background-color: #ffe821 !important;
}

    .breadcrumb-bg-yellow li {
        color: #fff !important;
    }

        .breadcrumb-bg-yellow li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-yellow li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-yellow li + li:before {
            color: #fff;
        }

.breadcrumb-col-amber li a {
    color: #FFC107 !important;
    font-weight: bold;
}

.breadcrumb-bg-amber {
    background-color: #FFC107 !important;
}

    .breadcrumb-bg-amber li {
        color: #fff !important;
    }

        .breadcrumb-bg-amber li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-amber li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-amber li + li:before {
            color: #fff;
        }

.breadcrumb-col-orange li a {
    color: #FF9800 !important;
    font-weight: bold;
}

.breadcrumb-bg-orange {
    background-color: #FF9800 !important;
}

    .breadcrumb-bg-orange li {
        color: #fff !important;
    }

        .breadcrumb-bg-orange li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-orange li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-orange li + li:before {
            color: #fff;
        }

.breadcrumb-col-deep-orange li a {
    color: #FF5722 !important;
    font-weight: bold;
}

.breadcrumb-bg-deep-orange {
    background-color: #FF5722 !important;
}

    .breadcrumb-bg-deep-orange li {
        color: #fff !important;
    }

        .breadcrumb-bg-deep-orange li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-deep-orange li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-deep-orange li + li:before {
            color: #fff;
        }

.breadcrumb-col-brown li a {
    color: #795548 !important;
    font-weight: bold;
}

.breadcrumb-bg-brown {
    background-color: #795548 !important;
}

    .breadcrumb-bg-brown li {
        color: #fff !important;
    }

        .breadcrumb-bg-brown li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-brown li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-brown li + li:before {
            color: #fff;
        }

.breadcrumb-col-grey li a {
    color: #9E9E9E !important;
    font-weight: bold;
}

.breadcrumb-bg-grey {
    background-color: #9E9E9E !important;
}

    .breadcrumb-bg-grey li {
        color: #fff !important;
    }

        .breadcrumb-bg-grey li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-grey li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-grey li + li:before {
            color: #fff;
        }

.breadcrumb-col-blue-grey li a {
    color: #607D8B !important;
    font-weight: bold;
}

.breadcrumb-bg-blue-grey {
    background-color: #607D8B !important;
}

    .breadcrumb-bg-blue-grey li {
        color: #fff !important;
    }

        .breadcrumb-bg-blue-grey li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-blue-grey li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-blue-grey li + li:before {
            color: #fff;
        }

.breadcrumb-col-black li a {
    color: #000000 !important;
    font-weight: bold;
}

.breadcrumb-bg-black {
    background-color: #000000 !important;
}

    .breadcrumb-bg-black li {
        color: #fff !important;
    }

        .breadcrumb-bg-black li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-black li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-black li + li:before {
            color: #fff;
        }

.breadcrumb-col-white li a {
    color: #ffffff !important;
    font-weight: bold;
}

.breadcrumb-bg-white {
    background-color: #ffffff !important;
}

    .breadcrumb-bg-white li {
        color: #fff !important;
    }

        .breadcrumb-bg-white li a {
            color: #fff;
            font-weight: bold;
        }

            .breadcrumb-bg-white li a .material-icons {
                padding-bottom: 8px;
            }

        .breadcrumb-bg-white li + li:before {
            color: #fff;
        }

/* Badge | List Group Item ===================== */
.badge {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.list-group .active {
    background-color: #2196F3;
    border-color: #2196F3;
}

    .list-group .active:hover, .list-group .active:focus, .list-group .active:active {
        background-color: #2196F3;
        border-color: #2196F3;
    }

    .list-group .active .list-group-item-text {
        color: #dfe9f1;
        font-size: 13px;
    }

        .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
            color: #dfe9f1;
        }

.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
    color: #dfe9f1;
}

.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.list-group .list-group-item .list-group-item-heading {
    font-weight: bold;
    font-size: 17px;
}

.list-group .list-group-item-success {
    background-color: #2b982b;
    border: none;
    color: #fff;
}

    .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
        background-color: #2b982b;
        color: #fff;
        opacity: 0.8;
    }

.list-group .list-group-item-info {
    background-color: #00b0e4;
    border: none;
    color: #fff;
}

    .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
        background-color: #00b0e4;
        color: #fff;
        opacity: 0.8;
    }

.list-group .list-group-item-warning {
    background-color: #ff9600;
    border: none;
    color: #fff;
}

    .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
        background-color: #ff9600;
        color: #fff;
        opacity: 0.8;
    }

.list-group .list-group-item-danger {
    background-color: #fb483a;
    border: none;
    color: #fff;
}

    .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
        background-color: #fb483a;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-red {
    stroke: #F44336;
}

.list-group .list-group-bg-red {
    background-color: #F44336;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
        background-color: #F44336;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-pink {
    stroke: #E91E63;
}

.list-group .list-group-bg-pink {
    background-color: #E91E63;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
        background-color: #E91E63;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-purple {
    stroke: #9C27B0;
}

.list-group .list-group-bg-purple {
    background-color: #9C27B0;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
        background-color: #9C27B0;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-deep-purple {
    stroke: #673AB7;
}

.list-group .list-group-bg-deep-purple {
    background-color: #673AB7;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
        background-color: #673AB7;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-indigo {
    stroke: #3F51B5;
}

.list-group .list-group-bg-indigo {
    background-color: #3F51B5;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
        background-color: #3F51B5;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-blue {
    stroke: #2196F3;
}

.list-group .list-group-bg-blue {
    background-color: #2196F3;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
        background-color: #2196F3;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-light-blue {
    stroke: #03A9F4;
}

.list-group .list-group-bg-light-blue {
    background-color: #03A9F4;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
        background-color: #03A9F4;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-cyan {
    stroke: #00BCD4;
}

.list-group .list-group-bg-cyan {
    background-color: #00BCD4;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
        background-color: #00BCD4;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-teal {
    stroke: #009688;
}

.list-group .list-group-bg-teal {
    background-color: #009688;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
        background-color: #009688;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-green {
    stroke: #4CAF50;
}

.list-group .list-group-bg-green {
    background-color: #4CAF50;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
        background-color: #4CAF50;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-light-green {
    stroke: #8BC34A;
}

.list-group .list-group-bg-light-green {
    background-color: #8BC34A;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
        background-color: #8BC34A;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-lime {
    stroke: #CDDC39;
}

.list-group .list-group-bg-lime {
    background-color: #CDDC39;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
        background-color: #CDDC39;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-yellow {
    stroke: #ffe821;
}

.list-group .list-group-bg-yellow {
    background-color: #ffe821;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
        background-color: #ffe821;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-amber {
    stroke: #FFC107;
}

.list-group .list-group-bg-amber {
    background-color: #FFC107;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
        background-color: #FFC107;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-orange {
    stroke: #FF9800;
}

.list-group .list-group-bg-orange {
    background-color: #FF9800;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
        background-color: #FF9800;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-deep-orange {
    stroke: #FF5722;
}

.list-group .list-group-bg-deep-orange {
    background-color: #FF5722;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
        background-color: #FF5722;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-brown {
    stroke: #795548;
}

.list-group .list-group-bg-brown {
    background-color: #795548;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
        background-color: #795548;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-grey {
    stroke: #9E9E9E;
}

.list-group .list-group-bg-grey {
    background-color: #9E9E9E;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
        background-color: #9E9E9E;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-blue-grey {
    stroke: #607D8B;
}

.list-group .list-group-bg-blue-grey {
    background-color: #607D8B;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
        background-color: #607D8B;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-black {
    stroke: #000000;
}

.list-group .list-group-bg-black {
    background-color: #000000;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
        background-color: #000000;
        color: #fff;
        opacity: 0.8;
    }

.list-group .pl-white {
    stroke: #ffffff;
}

.list-group .list-group-bg-white {
    background-color: #ffffff;
    border: none;
    color: #fff;
}

    .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
        background-color: #ffffff;
        color: #fff;
        opacity: 0.8;
    }

/* Pagination & Pager ========================== */
.pager li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-weight: bold;
}

.pager li a:focus,
.pager li a:active {
    background-color: transparent;
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus,
.pagination .disabled a:active {
    color: #bbb;
}

.pagination li.active a {
    background-color: #2196F3;
}

.pagination li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .pagination li a:focus,
    .pagination li a:active {
        background-color: transparent;
        color: #555;
    }

.pagination > li > a {
    border: none;
    font-weight: bold;
    color: #555;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    width: auto;
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .pagination > li:first-child > a .material-icons,
    .pagination > li:last-child > a .material-icons {
        position: relative;
        bottom: 2px;
    }

.pagination-sm > li:first-child > a,
.pagination-sm > li:last-child > a {
    width: 28px;
    height: 28px;
}

    .pagination-sm > li:first-child > a .material-icons,
    .pagination-sm > li:last-child > a .material-icons {
        position: relative;
        top: -1px;
        left: -6px;
        font-size: 20px;
    }

.pagination-lg > li:first-child > a,
.pagination-lg > li:last-child > a {
    width: 44px;
    height: 44px;
}

    .pagination-lg > li:first-child > a .material-icons,
    .pagination-lg > li:last-child > a .material-icons {
        font-size: 30px;
        position: relative;
        top: -3px;
        left: -10px;
    }

/* Media Object ================================ */
.media {
    margin-bottom: 25px;
}

    .media .media-body {
        color: #777;
        font-size: 13px;
    }

        .media .media-body .media-heading {
            font-size: 16px;
            font-weight: bold;
            color: #333;
        }

/* Form Wizard ================================= */
.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .wizard a,
    .tabcontrol a {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .wizard ul > li, .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard > .steps .current-info,
    .tabcontrol > .steps .current-info,
    .wizard > .content > .title,
    .tabcontrol > .content > .title {
        position: absolute;
        left: -999em;
    }

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

    .wizard.vertical > .steps {
        float: left;
        width: 30%;
    }

        .wizard.vertical > .steps > ul > li {
            float: none;
            width: 100%;
        }

    .wizard.vertical > .content {
        float: left;
        margin: 0 0 0.5em 0;
        width: 70%;
    }

    .wizard.vertical > .actions {
        float: right;
        width: 100%;
    }

        .wizard.vertical > .actions > ul > li {
            margin: 0 0 0 1em;
        }

    .wizard > .steps .number {
        font-size: 1.429em;
    }

    .wizard > .steps > ul > li {
        width: 25%;
        float: left;
    }

    .wizard > .actions > ul > li {
        float: left;
    }

    .wizard > .steps a {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 1em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .wizard > .steps a:hover, .wizard > .steps a:active {
            display: block;
            width: auto;
            margin: 0 0.5em 0.5em;
            padding: 1em 1em;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .wizard > .steps .disabled a {
        background: #eee;
        color: #aaa;
        cursor: default;
    }

        .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
            background: #eee;
            color: #aaa;
            cursor: default;
        }

    .wizard > .steps .current a {
        background: #2184be;
        color: #fff;
        cursor: default;
    }

        .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
            background: #2184be;
            color: #fff;
            cursor: default;
        }

    .wizard > .steps .done a {
        background: #9dc8e2;
        color: #fff;
    }

        .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
            background: #9dc8e2;
            color: #fff;
        }

    .wizard > .steps .error a {
        background: #ff3111;
        color: #fff;
    }

        .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
            background: #ff3111;
            color: #fff;
        }

    .wizard > .content {
        border: 1px solid #ddd;
        display: block;
        margin: 0.5em;
        min-height: 35em;
        overflow: hidden;
        position: relative;
        width: auto;
    }

    .wizard > .actions {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
    }

        .wizard > .actions > ul {
            display: inline-block;
            text-align: right;
        }

            .wizard > .actions > ul > li {
                margin: 0 0.5em;
            }

        .wizard > .actions a {
            background: #009688;
            color: #fff;
            display: block;
            padding: 0.5em 1em;
            text-decoration: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

            .wizard > .actions a:hover, .wizard > .actions a:active {
                background: #009688;
                color: #fff;
                display: block;
                padding: 0.5em 1em;
                text-decoration: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                border-radius: 0;
            }

        .wizard > .actions .disabled a {
            background: #eee;
            color: #aaa;
        }

            .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
                background: #eee;
                color: #aaa;
            }

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .tabcontrol > .steps > ul {
            position: relative;
            margin: 6px 0 0 0;
            top: 1px;
            z-index: 1;
        }

            .tabcontrol > .steps > ul > li {
                float: left;
                margin: 5px 2px 0 0;
                padding: 1px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                .tabcontrol > .steps > ul > li:hover {
                    background: #edecec;
                    border: 1px solid #bbb;
                    padding: 0;
                }

                .tabcontrol > .steps > ul > li.current {
                    background: #fff;
                    border: 1px solid #bbb;
                    border-bottom: 0 none;
                    padding: 0 0 1px 0;
                    margin-top: 0;
                }

                    .tabcontrol > .steps > ul > li.current > a {
                        padding: 15px 30px 10px 30px;
                    }

                .tabcontrol > .steps > ul > li > a {
                    color: #5f5f5f;
                    display: inline-block;
                    border: 0 none;
                    margin: 0;
                    padding: 10px 30px;
                    text-decoration: none;
                }

                    .tabcontrol > .steps > ul > li > a:hover {
                        text-decoration: none;
                    }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

        .tabcontrol > .content > .body {
            float: left;
            position: absolute;
            width: 95%;
            height: 95%;
            padding: 2.5%;
        }

            .tabcontrol > .content > .body ul {
                list-style: disc !important;
            }

                .tabcontrol > .content > .body ul > li {
                    display: list-item;
                }

    .wizard .content {
        min-height: 245px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        overflow-y: auto;
    }

        .wizard .content .body {
            padding: 15px;
        }

    .wizard .steps a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

    .wizard .steps .done a {
        background-color: rgba(0, 150, 136, 0.6);
    }

        .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus {
            background-color: rgba(0, 150, 136, 0.5);
        }

    .wizard .steps .error a {
        background-color: #F44336 !important;
    }

    .wizard .steps .current a {
        background-color: #009688;
    }

        .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover {
            background-color: #009688;
        }

/* Waves ======================================= */
.waves-effect.waves-red .waves-ripple {
    background: rgba(244, 67, 54, 0.5);
}

.waves-effect.waves-pink .waves-ripple {
    background: rgba(233, 30, 99, 0.5);
}

.waves-effect.waves-purple .waves-ripple {
    background: rgba(156, 39, 176, 0.5);
}

.waves-effect.waves-deep-purple .waves-ripple {
    background: rgba(103, 58, 183, 0.5);
}

.waves-effect.waves-indigo .waves-ripple {
    background: rgba(63, 81, 181, 0.5);
}

.waves-effect.waves-blue .waves-ripple {
    background: rgba(33, 150, 243, 0.5);
}

.waves-effect.waves-light-blue .waves-ripple {
    background: rgba(3, 169, 244, 0.5);
}

.waves-effect.waves-cyan .waves-ripple {
    background: rgba(0, 188, 212, 0.5);
}

.waves-effect.waves-teal .waves-ripple {
    background: rgba(0, 150, 136, 0.5);
}

.waves-effect.waves-green .waves-ripple {
    background: rgba(76, 175, 80, 0.5);
}

.waves-effect.waves-light-green .waves-ripple {
    background: rgba(139, 195, 74, 0.5);
}

.waves-effect.waves-lime .waves-ripple {
    background: rgba(205, 220, 57, 0.5);
}

.waves-effect.waves-yellow .waves-ripple {
    background: rgba(255, 232, 33, 0.5);
}

.waves-effect.waves-amber .waves-ripple {
    background: rgba(255, 193, 7, 0.5);
}

.waves-effect.waves-orange .waves-ripple {
    background: rgba(255, 152, 0, 0.5);
}

.waves-effect.waves-deep-orange .waves-ripple {
    background: rgba(255, 87, 34, 0.5);
}

.waves-effect.waves-brown .waves-ripple {
    background: rgba(121, 85, 72, 0.5);
}

.waves-effect.waves-grey .waves-ripple {
    background: rgba(158, 158, 158, 0.5);
}

.waves-effect.waves-blue-grey .waves-ripple {
    background: rgba(96, 125, 139, 0.5);
}

.waves-effect.waves-black .waves-ripple {
    background: rgba(0, 0, 0, 0.5);
}

.waves-effect.waves-white .waves-ripple {
    background: rgba(255, 255, 255, 0.5);
}

/* Page Loader ================================= */
.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center;
}

    .page-loader-wrapper p {
        font-size: 13px;
        margin-top: 10px;
        font-weight: bold;
        color: #444;
    }

    .page-loader-wrapper .loader {
        position: relative;
        top: calc(50% - 30px);
    }

/* Preloaders ================================== */
.md-preloader .pl-red {
    stroke: #F44336;
}

.md-preloader .pl-pink {
    stroke: #E91E63;
}

.md-preloader .pl-purple {
    stroke: #9C27B0;
}

.md-preloader .pl-deep-purple {
    stroke: #673AB7;
}

.md-preloader .pl-indigo {
    stroke: #3F51B5;
}

.md-preloader .pl-blue {
    stroke: #2196F3;
}

.md-preloader .pl-light-blue {
    stroke: #03A9F4;
}

.md-preloader .pl-cyan {
    stroke: #00BCD4;
}

.md-preloader .pl-teal {
    stroke: #009688;
}

.md-preloader .pl-green {
    stroke: #4CAF50;
}

.md-preloader .pl-light-green {
    stroke: #8BC34A;
}

.md-preloader .pl-lime {
    stroke: #CDDC39;
}

.md-preloader .pl-yellow {
    stroke: #ffe821;
}

.md-preloader .pl-amber {
    stroke: #FFC107;
}

.md-preloader .pl-orange {
    stroke: #FF9800;
}

.md-preloader .pl-deep-orange {
    stroke: #FF5722;
}

.md-preloader .pl-brown {
    stroke: #795548;
}

.md-preloader .pl-grey {
    stroke: #9E9E9E;
}

.md-preloader .pl-blue-grey {
    stroke: #607D8B;
}

.md-preloader .pl-black {
    stroke: #000000;
}

.md-preloader .pl-white {
    stroke: #ffffff;
}

.preloader {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-animation: container-rotate 1568ms linear infinite;
    -moz-animation: container-rotate 1568ms linear infinite;
    -o-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
}

    .preloader.pl-size-xl {
        width: 75px;
        height: 75px;
    }

    .preloader.pl-size-l {
        width: 60px;
        height: 60px;
    }

    .preloader.pl-size-md {
        width: 50px;
        height: 50px;
    }

    .preloader.pl-size-sm {
        width: 40px;
        height: 40px;
    }

    .preloader.pl-size-xs {
        width: 25px;
        height: 25px;
    }

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #F44336;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

    .spinner-layer.pl-red {
        border-color: #F44336;
    }

    .spinner-layer.pl-pink {
        border-color: #E91E63;
    }

    .spinner-layer.pl-purple {
        border-color: #9C27B0;
    }

    .spinner-layer.pl-deep-purple {
        border-color: #673AB7;
    }

    .spinner-layer.pl-indigo {
        border-color: #3F51B5;
    }

    .spinner-layer.pl-blue {
        border-color: #2196F3;
    }

    .spinner-layer.pl-light-blue {
        border-color: #03A9F4;
    }

    .spinner-layer.pl-cyan {
        border-color: #00BCD4;
    }

    .spinner-layer.pl-teal {
        border-color: #009688;
    }

    .spinner-layer.pl-green {
        border-color: #4CAF50;
    }

    .spinner-layer.pl-light-green {
        border-color: #8BC34A;
    }

    .spinner-layer.pl-lime {
        border-color: #CDDC39;
    }

    .spinner-layer.pl-yellow {
        border-color: #ffe821;
    }

    .spinner-layer.pl-amber {
        border-color: #FFC107;
    }

    .spinner-layer.pl-orange {
        border-color: #FF9800;
    }

    .spinner-layer.pl-deep-orange {
        border-color: #FF5722;
    }

    .spinner-layer.pl-brown {
        border-color: #795548;
    }

    .spinner-layer.pl-grey {
        border-color: #9E9E9E;
    }

    .spinner-layer.pl-blue-grey {
        border-color: #607D8B;
    }

    .spinner-layer.pl-black {
        border-color: #000000;
    }

    .spinner-layer.pl-white {
        border-color: #ffffff;
    }

.right {
    float: right !important;
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .gap-patch.circle {
        width: 1000%;
        left: -450%;
    }

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

    .circle-clipper .circle {
        width: 200%;
        height: 100%;
        border-width: 3px;
        border-style: solid;
        border-color: inherit;
        border-bottom-color: transparent !important;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .circle-clipper.left .circle {
        left: 0;
        border-right-color: transparent !important;
        -webkit-transform: rotate(129deg);
        -moz-transform: rotate(129deg);
        -ms-transform: rotate(129deg);
        -o-transform: rotate(129deg);
        transform: rotate(129deg);
        -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    .circle-clipper.right .circle {
        left: -100%;
        border-left-color: transparent !important;
        -webkit-transform: rotate(-129deg);
        -moz-transform: rotate(-129deg);
        -ms-transform: rotate(-129deg);
        -o-transform: rotate(-129deg);
        transform: rotate(-129deg);
        -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
        animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg);
    }

    25% {
        transform: rotate(270deg);
    }

    37.5% {
        transform: rotate(405deg);
    }

    50% {
        transform: rotate(540deg);
    }

    62.5% {
        transform: rotate(675deg);
    }

    75% {
        transform: rotate(810deg);
    }

    87.5% {
        transform: rotate(945deg);
    }

    to {
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@-moz-keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

/* Navbars ===================================== */
.navbar {
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
}

    .navbar .navbar-brand {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .navbar .navbar-custom-right-menu {
        float: right;
    }

    .navbar .navbar-toggle {
        text-decoration: none;
        color: #fff;
        width: 20px;
        height: 20px;
        margin-top: -4px;
        margin-right: 17px;
    }

        .navbar .navbar-toggle:before {
            content: '\E8D5';
            font-family: 'Material Icons';
            font-size: 26px;
        }

    .navbar .navbar-collapse.in {
        overflow: visible;
    }

.ls-closed .sidebar {
    margin-left: -300px;
}

.ls-closed section.content {
    margin-left: 15px;
}

.ls-closed .bars:after, .ls-closed .bars:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 18px;
    left: 20px;
    margin-right: 10px;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ls-closed .bars:before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ls-closed .bars:after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ls-closed .navbar-brand {
    margin-left: 30px;
}

.overlay-open .bars:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.overlay-open .bars:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navbar-header {
    padding: 10px 7px;
}

    .navbar-header .bars {
        float: left;
        text-decoration: none;
    }

.navbar-nav > li > a {
    padding: 7px 7px 2px 7px;
    margin-top: 17px;
    margin-left: 5px;
}

.navbar-nav .dropdown-menu {
    margin-top: -40px !important;
}

.label-count {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:hover,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus {
    color: #fff;
}

.col-red .navbar .nav > li > a:hover,
.col-red .navbar .nav > li > a:focus,
.col-red .navbar .nav .open > a,
.col-red .navbar .nav .open > a:hover,
.col-red .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-red .navbar .nav > li > a {
    color: #fff;
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-red .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:hover,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus {
    color: #fff;
}

.col-pink .navbar .nav > li > a:hover,
.col-pink .navbar .nav > li > a:focus,
.col-pink .navbar .nav .open > a,
.col-pink .navbar .nav .open > a:hover,
.col-pink .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-pink .navbar .nav > li > a {
    color: #fff;
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-pink .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:hover,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus {
    color: #fff;
}

.col-purple .navbar .nav > li > a:hover,
.col-purple .navbar .nav > li > a:focus,
.col-purple .navbar .nav .open > a,
.col-purple .navbar .nav .open > a:hover,
.col-purple .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-purple .navbar .nav > li > a {
    color: #fff;
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-purple .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:hover,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus {
    color: #fff;
}

.col-deep-purple .navbar .nav > li > a:hover,
.col-deep-purple .navbar .nav > li > a:focus,
.col-deep-purple .navbar .nav .open > a,
.col-deep-purple .navbar .nav .open > a:hover,
.col-deep-purple .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-purple .navbar .nav > li > a {
    color: #fff;
}

.col-deep-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-deep-purple .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:hover,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus {
    color: #fff;
}

.col-indigo .navbar .nav > li > a:hover,
.col-indigo .navbar .nav > li > a:focus,
.col-indigo .navbar .nav .open > a,
.col-indigo .navbar .nav .open > a:hover,
.col-indigo .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-indigo .navbar .nav > li > a {
    color: #fff;
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-indigo .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:hover,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus {
    color: #fff;
}

.col-blue .navbar .nav > li > a:hover,
.col-blue .navbar .nav > li > a:focus,
.col-blue .navbar .nav .open > a,
.col-blue .navbar .nav .open > a:hover,
.col-blue .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-blue .navbar .nav > li > a {
    color: #fff;
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-blue .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:hover,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus {
    color: #fff;
}

.col-light-blue .navbar .nav > li > a:hover,
.col-light-blue .navbar .nav > li > a:focus,
.col-light-blue .navbar .nav .open > a,
.col-light-blue .navbar .nav .open > a:hover,
.col-light-blue .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-light-blue .navbar .nav > li > a {
    color: #fff;
}

.col-light-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-light-blue .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:hover,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus {
    color: #fff;
}

.col-cyan .navbar .nav > li > a:hover,
.col-cyan .navbar .nav > li > a:focus,
.col-cyan .navbar .nav .open > a,
.col-cyan .navbar .nav .open > a:hover,
.col-cyan .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-cyan .navbar .nav > li > a {
    color: #fff;
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-cyan .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:hover,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus {
    color: #fff;
}

.col-teal .navbar .nav > li > a:hover,
.col-teal .navbar .nav > li > a:focus,
.col-teal .navbar .nav .open > a,
.col-teal .navbar .nav .open > a:hover,
.col-teal .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-teal .navbar .nav > li > a {
    color: #fff;
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-teal .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:hover,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus {
    color: #fff;
}

.col-green .navbar .nav > li > a:hover,
.col-green .navbar .nav > li > a:focus,
.col-green .navbar .nav .open > a,
.col-green .navbar .nav .open > a:hover,
.col-green .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-green .navbar .nav > li > a {
    color: #fff;
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-green .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:hover,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus {
    color: #fff;
}

.col-light-green .navbar .nav > li > a:hover,
.col-light-green .navbar .nav > li > a:focus,
.col-light-green .navbar .nav .open > a,
.col-light-green .navbar .nav .open > a:hover,
.col-light-green .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-light-green .navbar .nav > li > a {
    color: #fff;
}

.col-light-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-light-green .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:hover,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus {
    color: #fff;
}

.col-lime .navbar .nav > li > a:hover,
.col-lime .navbar .nav > li > a:focus,
.col-lime .navbar .nav .open > a,
.col-lime .navbar .nav .open > a:hover,
.col-lime .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-lime .navbar .nav > li > a {
    color: #fff;
}

.col-lime .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-lime .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:hover,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus {
    color: #fff;
}

.col-yellow .navbar .nav > li > a:hover,
.col-yellow .navbar .nav > li > a:focus,
.col-yellow .navbar .nav .open > a,
.col-yellow .navbar .nav .open > a:hover,
.col-yellow .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-yellow .navbar .nav > li > a {
    color: #fff;
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-yellow .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:hover,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus {
    color: #fff;
}

.col-amber .navbar .nav > li > a:hover,
.col-amber .navbar .nav > li > a:focus,
.col-amber .navbar .nav .open > a,
.col-amber .navbar .nav .open > a:hover,
.col-amber .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-amber .navbar .nav > li > a {
    color: #fff;
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-amber .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:hover,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus {
    color: #fff;
}

.col-orange .navbar .nav > li > a:hover,
.col-orange .navbar .nav > li > a:focus,
.col-orange .navbar .nav .open > a,
.col-orange .navbar .nav .open > a:hover,
.col-orange .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-orange .navbar .nav > li > a {
    color: #fff;
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-orange .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:hover,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus {
    color: #fff;
}

.col-deep-orange .navbar .nav > li > a:hover,
.col-deep-orange .navbar .nav > li > a:focus,
.col-deep-orange .navbar .nav .open > a,
.col-deep-orange .navbar .nav .open > a:hover,
.col-deep-orange .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-orange .navbar .nav > li > a {
    color: #fff;
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-deep-orange .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:hover,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus {
    color: #fff;
}

.col-brown .navbar .nav > li > a:hover,
.col-brown .navbar .nav > li > a:focus,
.col-brown .navbar .nav .open > a,
.col-brown .navbar .nav .open > a:hover,
.col-brown .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-brown .navbar .nav > li > a {
    color: #fff;
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-brown .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:hover,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus {
    color: #fff;
}

.col-grey .navbar .nav > li > a:hover,
.col-grey .navbar .nav > li > a:focus,
.col-grey .navbar .nav .open > a,
.col-grey .navbar .nav .open > a:hover,
.col-grey .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-grey .navbar .nav > li > a {
    color: #fff;
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-grey .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:hover,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus {
    color: #fff;
}

.col-blue-grey .navbar .nav > li > a:hover,
.col-blue-grey .navbar .nav > li > a:focus,
.col-blue-grey .navbar .nav .open > a,
.col-blue-grey .navbar .nav .open > a:hover,
.col-blue-grey .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-blue-grey .navbar .nav > li > a {
    color: #fff;
}

.col-blue-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-blue-grey .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:hover,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus {
    color: #fff;
}

.col-black .navbar .nav > li > a:hover,
.col-black .navbar .nav > li > a:focus,
.col-black .navbar .nav .open > a,
.col-black .navbar .nav .open > a:hover,
.col-black .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-black .navbar .nav > li > a {
    color: #fff;
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-black .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:hover,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus {
    color: #fff;
}

.col-white .navbar .nav > li > a:hover,
.col-white .navbar .nav > li > a:focus,
.col-white .navbar .nav .open > a,
.col-white .navbar .nav .open > a:hover,
.col-white .navbar .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
}

.col-white .navbar .nav > li > a {
    color: #fff;
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px;
}

    .col-white .navbar .bars:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

/* Dropdown Menu =============================== */
.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-top: -35px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border: none;
}

    .dropdown-menu .divider {
        margin: 5px 0;
    }

    .dropdown-menu .header {
        font-size: 13px;
        font-weight: bold;
        min-width: 270px;
        border-bottom: 1px solid #eee;
        text-align: center;
        padding: 4px 0 6px 0;
    }

    .dropdown-menu ul.menu {
        padding-left: 0;
    }

        .dropdown-menu ul.menu.tasks h4 {
            color: #333;
            font-size: 13px;
            margin: 0 0 8px 0;
        }

            .dropdown-menu ul.menu.tasks h4 small {
                float: right;
                margin-top: 6px;
            }

        .dropdown-menu ul.menu.tasks .progress {
            height: 7px;
            margin-bottom: 7px;
        }

        .dropdown-menu ul.menu .icon-circle {
            width: 36px;
            height: 36px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            display: inline-block;
        }

            .dropdown-menu ul.menu .icon-circle i {
                font-size: 18px;
                line-height: 36px;
            }

        .dropdown-menu ul.menu li {
            border-bottom: 1px solid #eee;
        }

            .dropdown-menu ul.menu li:last-child {
                border-bottom: none;
            }

            .dropdown-menu ul.menu li a {
                padding: 7px 11px;
                text-decoration: none;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                -webkit-transition: 0.5s;
                transition: 0.5s;
            }

                .dropdown-menu ul.menu li a:hover {
                    background-color: #e9e9e9;
                }

        .dropdown-menu ul.menu .menu-info {
            display: inline-block;
            position: relative;
            top: 3px;
            left: 5px;
        }

            .dropdown-menu ul.menu .menu-info h4 {
                margin: 0;
                font-size: 13px;
                color: #333;
            }

            .dropdown-menu ul.menu .menu-info p {
                margin: 0;
                font-size: 11px;
                color: #aaa;
            }

                .dropdown-menu ul.menu .menu-info p .material-icons {
                    font-size: 13px;
                    color: #aaa;
                    position: relative;
                    top: 2px;
                }

    .dropdown-menu .footer a {
        text-align: center;
        border-top: 1px solid #eee;
        padding: 5px 0 5px 0;
        font-size: 12px;
        margin-bottom: -5px;
    }

        .dropdown-menu .footer a:hover {
            background-color: transparent;
        }

    .dropdown-menu > li > a {
        padding: 7px 18px;
        color: #666;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        font-size: 14px;
        line-height: 25px;
    }

        .dropdown-menu > li > a:hover {
            background-color: rgba(0, 0, 0, 0.075);
        }

        .dropdown-menu > li > a i.material-icons {
            float: left;
            margin-right: 7px;
            margin-top: 2px;
            font-size: 20px;
        }

.dropdown-animated {
    -webkit-animation-duration: .3s !important;
    -moz-animation-duration: .3s !important;
    -o-animation-duration: .3s !important;
    animation-duration: .3s !important;
}

/* Left Sidebar & Overlay ====================== */
.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 10;
}

.overlay-open .sidebar {
    margin-left: 0;
    z-index: 99999999;
}

.sidebar {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: "Roboto", sans-serif;
    background: #fdfdfd;
    width: 300px;
    overflow: hidden;
    display: inline-block;
    height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 11 !important;
}

    .sidebar .legal {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #eee;
        padding: 15px;
        overflow: hidden;
    }

        .sidebar .legal .copyright {
            font-size: 13px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .sidebar .legal .copyright a {
                font-weight: bold;
                text-decoration: none;
            }

        .sidebar .legal .version {
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top: 5px;
            font-size: 13px;
        }

    .sidebar .user-info {
        padding: 13px 15px 12px 15px;
        white-space: nowrap;
        position: relative;
        border-bottom: 1px solid #e9e9e9;
        background: url("../images/user-img-background.jpg") no-repeat no-repeat;
        height: 135px;
    }

        .sidebar .user-info .image {
            margin-right: 12px;
            display: inline-block;
        }

            .sidebar .user-info .image img {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                vertical-align: bottom !important;
            }

        .sidebar .user-info .info-container {
            cursor: default;
            display: block;
            position: relative;
            top: 25px;
        }

            .sidebar .user-info .info-container .name {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 14px;
                max-width: 200px;
                color: #fff;
            }

            .sidebar .user-info .info-container .email {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                max-width: 200px;
                color: #fff;
            }

            .sidebar .user-info .info-container .user-helper-dropdown {
                position: absolute;
                right: -3px;
                bottom: -12px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
                box-shadow: none;
                cursor: pointer;
                color: #fff;
            }

    .sidebar .menu {
        position: relative;
        overflow-y: auto;
        height: 90vh;
    }

        .sidebar .menu .list {
            list-style: none;
            padding-left: 0;
        }

            .sidebar .menu .list li.active > :first-child span {
                font-weight: bold;
            }

            .sidebar .menu .list .header {
                background: #eee;
                font-size: 12px;
                font-weight: 600;
                padding: 8px 16px;
            }

            .sidebar .menu .list i.material-icons {
                margin-top: 4px;
            }

            .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
                position: absolute;
                top: calc(50% - 14px);
                right: 17px;
                font-size: 19px;
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

            .sidebar .menu .list .menu-toggle:before {
                content: '+';
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .sidebar .menu .list .menu-toggle:after {
                content: '\2013';
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .sidebar .menu .list .menu-toggle.toggled:before {
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .sidebar .menu .list .menu-toggle.toggled:after {
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .sidebar .menu .list a {
                color: #747474;
                position: relative;
                display: inline-flex;
                vertical-align: middle;
                width: 100%;
                padding: 10px 13px;
            }

                .sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus {
                    text-decoration: none !important;
                }

                .sidebar .menu .list a small {
                    position: absolute;
                    top: calc(50% - 7.5px);
                    right: 15px;
                }

                .sidebar .menu .list a span {
                    margin: 7px 0 7px 12px;
                    color: #333;
                    font-weight: bold;
                    font-size: 14px;
                    overflow: hidden;
                }

            .sidebar .menu .list .ml-menu {
                list-style: none;
                display: none;
                padding-left: 0;
            }

                .sidebar .menu .list .ml-menu span {
                    font-weight: normal;
                    font-size: 14px;
                    margin: 3px 0 1px 6px;
                }

                .sidebar .menu .list .ml-menu li a {
                    padding-left: 55px;
                    padding-top: 7px;
                    padding-bottom: 7px;
                }

                .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
                    font-weight: 600;
                    margin-left: 5px;
                }

                    .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
                        content: '\E315';
                        font-family: 'Material Icons';
                        position: relative;
                        font-size: 21px;
                        height: 20px;
                        top: -5px;
                        right: 0px;
                    }

                .sidebar .menu .list .ml-menu li .ml-menu li a {
                    padding-left: 80px;
                }

                .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
                    padding-left: 95px;
                }

.right-sidebar {
    width: 280px;
    height: calc(100vh - 70px);
    position: fixed;
    right: -300px;
    top: 70px;
    background: #fdfdfd;
    z-index: 11 !important;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .right-sidebar.open {
        right: 0;
    }

    .right-sidebar .nav-tabs {
        font-weight: 600;
        font-size: 13px;
        width: 100%;
        margin-left: 2px;
    }

        .right-sidebar .nav-tabs li {
            text-align: center;
        }

            .right-sidebar .nav-tabs li > a {
                margin-right: 0;
            }

            .right-sidebar .nav-tabs li:first-child {
                width: 45%;
            }

            .right-sidebar .nav-tabs li:last-child {
                width: 55%;
            }

/* Bootstrap Notify ============================ */
.bootstrap-notify-container {
    max-width: 320px;
    text-align: center;
}

/* Jquery Nestable ============================= */
.dd-handle {
    background-color: #f9f9f9 !important;
}

    .dd-handle:hover {
        color: #2196F3;
    }

.nestable-dark-theme .dd-handle {
    background: #ccc !important;
    border: 1px solid #999 !important;
}

.dd3-handle {
    background: #999 !important;
}

.dd3-content:hover {
    color: #2196F3;
}

/* Login Page ================================== */
.login-page {
    background-color: #00BCD4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
}

    .login-page .login-box .msg {
        color: #555;
        margin-bottom: 30px;
        text-align: center;
    }

    .login-page .login-box a {
        font-size: 14px;
        text-decoration: none;
        color: #00BCD4;
    }

    .login-page .login-box .logo {
        margin-bottom: 20px;
    }

        .login-page .login-box .logo a {
            font-size: 36px;
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
        }

        .login-page .login-box .logo small {
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
            margin-top: -5px;
        }

/* Sign Up Page ================================ */
.signup-page {
    background-color: #00BCD4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
}

    .signup-page .signup-box .msg {
        color: #555;
        margin-bottom: 30px;
        text-align: center;
    }

    .signup-page .signup-box a {
        font-size: 14px;
        text-decoration: none;
        color: #00BCD4;
    }

    .signup-page .signup-box .logo {
        margin-bottom: 20px;
    }

        .signup-page .signup-box .logo a {
            font-size: 36px;
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
        }

        .signup-page .signup-box .logo small {
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
            margin-top: -5px;
        }

/* Forgot Password Page ======================== */
.fp-page {
    background-color: #00BCD4;
    padding-left: 0;
    max-width: 360px;
    margin: 5% auto;
    overflow-x: hidden;
}

    .fp-page .fp-box .msg {
        color: #555;
        margin-bottom: 30px;
        text-align: center;
    }

    .fp-page .fp-box a {
        font-size: 14px;
        text-decoration: none;
        color: #00BCD4;
    }

    .fp-page .fp-box .logo {
        margin-bottom: 20px;
    }

        .fp-page .fp-box .logo a {
            font-size: 36px;
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
        }

        .fp-page .fp-box .logo small {
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
            margin-top: -5px;
        }

/* 404 Not Found Page ========================== */
.four-zero-four {
    width: 100%;
    text-align: center;
    margin: 5% auto;
}

    .four-zero-four .four-zero-four-container .error-code {
        font-size: 160px;
    }

    .four-zero-four .four-zero-four-container .error-message {
        font-size: 26px;
        color: #333;
        font-weight: bold;
        margin-top: -40px;
    }

    .four-zero-four .four-zero-four-container .button-place {
        margin-top: 32px;
    }

/* 500 Server Error Page ======================= */
.five-zero-zero {
    width: 100%;
    text-align: center;
    margin: 5% auto;
}

    .five-zero-zero .five-zero-zero-container .error-code {
        font-size: 160px;
    }

    .five-zero-zero .five-zero-zero-container .error-message {
        font-size: 27px;
        color: #333;
        font-weight: bold;
        margin-top: -40px;
    }

    .five-zero-zero .five-zero-zero-container .button-place {
        margin-top: 32px;
    }

/* Maps ======================================== */
/* Google Maps */
.gmap {
    width: 100%;
    height: 400px;
}

/* jVector Map */
.jvector-map {
    width: 100%;
    height: 600px;
}

/* Charts ====================================== */
/* Morris */
.morris-hover.morris-default-style {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

/* Flot */
.flot-chart {
    width: 100%;
    height: 320px;
}

.panel-switch-btn {
    position: relative;
    right: 20px;
    z-index: 9;
}

    .panel-switch-btn label {
        font-weight: bold !important;
    }

.legendLabel {
    width: 85px !important;
    position: relative;
    left: 3px;
}

#multiple_axis_chart .legendLabel {
    width: 160px !important;
}

/* Sparkline */
.sparkline {
    text-align: center;
}

/* Searchbar =================================== */
.search-bar {
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 9999999;
    width: 100%;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

    .search-bar.open {
        top: 0;
    }

    .search-bar .search-icon {
        position: absolute;
        top: 20px;
        left: 14px;
    }

        .search-bar .search-icon .material-icons {
            font-size: 32px;
            color: #999;
        }

    .search-bar .close-search {
        position: absolute;
        cursor: pointer;
        font-size: 30px;
        top: 16px;
        right: 18px;
    }

        .search-bar .close-search .material-icons {
            color: #999;
            opacity: 1;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .search-bar .close-search .material-icons:hover {
                opacity: .5;
            }

    .search-bar input[type="text"] {
        width: 100%;
        font-size: 16px;
        padding: 25px 60px 23px 56px;
        border: none;
    }

/* Jquery DataTable ============================ */
.dataTables_wrapper {
    position: relative;
}

    .dataTables_wrapper select {
        border: none;
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

        .dataTables_wrapper select:active, .dataTables_wrapper select:focus {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
        }

    .dataTables_wrapper input[type="search"] {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        border: none;
        font-size: 12px;
        border-bottom: 1px solid #ddd;
    }

        .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active {
            border-bottom: 2px solid #1f91f3;
        }

    .dataTables_wrapper .dt-buttons {
        float: left;
    }

        .dataTables_wrapper .dt-buttons a.dt-button {
            background-color: #607D8B;
            color: #fff;
            padding: 7px 12px;
            margin-right: 5px;
            text-decoration: none;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            border: none;
            font-size: 13px;
            outline: none;
        }

            .dataTables_wrapper .dt-buttons a.dt-button:active {
                opacity: 0.8;
            }

.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 400px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: -100px;
    margin-left: -200px;
    z-index: 21;
}

    .dt-button-info h2 {
        color: #777;
    }

    .dt-button-info div {
        color: #777;
        margin-bottom: 20px;
    }

/* Light Gallery ================================ */
.lg-outer .lg-thumb-item,
.lg-outer .lg-toogle-thumb {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* For Internet Explorer 10 ===================== */
html.ie10 .sidebar .menu .list li {
    line-height: 30px;
}

html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px !important;
    line-height: 20px !important;
}

html.ie10 .sidebar .user-info .info-container {
    top: 15px;
}

html.ie10 .search-bar input[type="text"] {
    padding: 26px 60px 26px 56px;
}

html.ie10 .dropdown-menu ul.menu li a {
    margin-top: -22px;
}

html.ie10 .bs-searchbox .form-control {
    width: 90%;
}

/* For Internet Explorer 11 ===================== */
html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px !important;
    line-height: 20px !important;
}

html.ie11 .sidebar .user-info .info-container {
    top: 15px;
}

html.ie11 .search-bar input[type="text"] {
    padding: 26px 60px 26px 56px;
}

html.ie11 .dropdown-menu ul.menu li a {
    margin-top: -22px;
}

html.ie11 .bs-searchbox .form-control {
    width: 90%;
}

.swal-footer {
    text-align: center;
}


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

    .slide-android {
        width: 100% !important;
        left: 0 !important;
    }

    .navbar-brand .logo2 {
        display: none !important;
    }

    .navbar-brand .logo1 {
        margin: -24px -80px !important;
    }

    #jr-menu .border-white {
        margin-right: -95px;
        margin-left: 85px;
    }

    #jr-menu {
        margin-top: -12vh !important
    }

    .sugest-box-layanan {
        display: none
    }

    .carousel-inner {
        height: 65% !important;
        margin-top: 90px;
    }

    .container-fluid {
        margin-top: 30px !important;
        height: 200px;
    }
}

@media only screen and (max-width: 320px) {
    .slide-android {
        width: 100% !important;
        left: 0 !important;
    }

    .navbar-brand .logo2 {
        display: none !important;
    }

    .navbar-brand .logo1 {
        margin: -24px -80px !important;
    }

    #jr-menu .border-white {
        margin-right: -95px;
        margin-left: 85px;
    }

    #jr-menu {
        margin-top: -12vh !important
    }

    .sugest-box-layanan {
        display: none
    }

    .carousel-inner {
        height: 40% !important
    }

    .carousel-inner {
        height: 65% !important;
        margin-top: 90px;
    }
}

@media only screen and (max-width: 411px) {
    .slide-android {
        width: 100% !important;
        left: 0 !important;
    }

    .navbar-brand .logo2 {
        display: none !important;
    }

    .navbar-brand .logo1 {
        margin: -24px -80px !important;
    }

    #jr-menu .border-white {
        margin-right: -95px;
        margin-left: 85px;
    }

    #jr-menu {
        margin-top: -12vh !important
    }

    .sugest-box-layanan {
        display: none
    }

    .carousel-inner {
        height: 65% !important;
        margin-top: 90px;
    }

    .container-fluid {
        margin-top: 30px !important;
        height: 102px;
    }
}

@media only screen and (max-width: 414px) {
    .slide-android {
        width: 100% !important;
        left: 0 !important;
    }

    .navbar-brand .logo2 {
        display: none !important;
    }

    .navbar-brand .logo1 {
        margin: -24px -80px !important;
    }

    #jr-menu .border-white {
        margin-right: -95px;
        margin-left: 85px;
    }

    #jr-menu {
        margin-top: -12vh !important
    }

    .sugest-box-layanan {
        display: none
    }

    .carousel-inner {
        height: 65% !important;
        margin-top: 90px;
    }

    .container-fluid {
        margin-top: 30px !important;
        height: 102px;
    }
}

@media only screen and (max-width: 768px) {
    .text-android {
        font-size: 10px !important;
    }

    .slide-android {
        width: 100% !important;
        left: 0 !important;
    }

    .navbar-brand .logo2 {
        display: none !important;
    }

    .navbar-brand .logo1 {
        margin: -24px -80px !important;
    }

    #jr-menu .border-white {
        margin-right: -95px;
        margin-left: 85px;
    }

    #jr-menu {
        margin-top: -12vh !important
    }

    .sugest-box-layanan {
        display: none
    }

    .carousel-inner {
        height: 65% !important;
        margin-top: 90px;
    }

    .container-fluid {
        margin-top: 30px !important;
        height: 102px;
    }
}

.navbar-brand {
    padding: 0 !important;
    height: auto !important;
}

    .navbar-brand > img {
        display: inline-block !important;
    }

.card-img-overlay {
    background-color: rgba(248, 153, 37, 1);
    width: 80px;
    height: 40px;
    margin-left: 22px;
    margin-top: 30px;
    border-radius: 0px 5px 5px 0px;
    color: white;
    font-weight: bold;
}

.blog_ms_item {
    background-color: white !important;
}

.order_btn {
    background: #1187d1 !important;
    border-color: #1187d1 !important;
}

    .order_btn:hover {
        background: #00adef !important;
        border-color: #00adef !important;
    }

#tab-transparent-content-1 {
    font-size: 15px;
}

.tabMobile {
    color: #107ac8;
    fill: #107ac8;
}

.card-header {
    color: #107ac8;
    font-weight: bolder;
}

.isiAccordion {
    color: #107ac8;
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-toggle {
    height: 40px;
    padding-top: 7px;
    font-size: 15px;
}

/* Team */

.demo {
    background: #262526;
}

.our-team {
    padding: 20px 15px 30px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
}

    .our-team .pic {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 10px;
        margin-bottom: 25px;
        transition: all 0.5s ease 0s;
    }

    .our-team:hover .pic {
        background: #17bebb;
        border-radius: 50%;
    }

.pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.our-team .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2e282a;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}

.our-team .post {
    display: block;
    font-size: 15px;
    color: #17bebb;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.our-team .social {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .our-team .social li {
        display: inline-block;
        margin-right: 5px;
    }

        .our-team .social li a {
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            font-size: 15px;
            color: #17bebb;
            border: 1px solid #17bebb;
            transition: all 0.5s ease 0s;
        }

.our-team:hover .social li a {
    background: #17bebb;
    color: #fff;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.ListTitleBerita {
    font-size: 17px !important;
    line-height: normal;
    font-weight: bolder;
}

.badgeListBerita {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.shareMedia span {
    height: 40px;
    background: #E8EBF2;
    font-size: 14px;
    color: #005584;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 20px;
    display: inline-block;
    float: left;
}

.shareMedia a {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
}

.shareMedia .fb {
    background: #3B5998 url(../images/global/icon_facebook_white.png) no-repeat center center;
    background-size: 20%;
}

.shareMedia .twitter {
    background: #55ACEE url(../images/global/icon_twitter_white.png) no-repeat center center;
    background-size: 40%;
}

.shareMedia .gplus {
    background: #D34836 url(../images/global/icon_gplus_white.png) no-repeat center center;
    background-size: 50%;
}

.berita-terkait .list_berita li {
    margin-bottom: 10px !important;
}



.center-cropped {
    width: 100%;
    height: 210px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.center-cropped-news {
    width: 100%;
    height: 210px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.card-img-overlay-new {
    background-color: rgba(248, 153, 37, 1);
    width: 115px;
    height: 36px;
    margin-left: 22px;
    margin-top: 30px;
    border-radius: 0px 5px 5px 0px;
    color: white;
    font-weight: bold;
}

.gm-style .gm-style-iw {
    width: 383px !important;
    left: -137px !important;
    top: -65px !important;
}

.gm-style-iw-d {
    width: 300px !important;
}

.judulFAQ {
    font-size: 20px !important;
}

.judulLayanan {
    font-size: 3em;
    margin-top: 15px;
}

.judulContentLayanan {
    font-size: 2em;
}

.textLayanan {
    font-size: 1.7em;
}

.contactLink {
    color: #00adef;
}

.formNewsList {
    font-size: 15px;
    height: 40px !important;
}

.contactLink :hover {
    color: #f89925;
    text-decoration: none;
}

.social-link a {
    font-size: 18px;
    display: inline-block;
    background: #fff;
    color: #00adef;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 1px solid #00adef;
}


#contact .info i {
    color: #00adef;
}

.filter-option {
    padding-top: 10px !important;
}

.form-control {
    border: 1px solid !important;
    border-radius: 3px !important;
    padding-left: 3px !important;
}

.borderActive {
    background: url(../../../view-resources/Views/Profile/img/Rectangle.png) bottom right no-repeat !important;
}

@media (max-width: 600px) {
    .mapdiv{
        height:525px!important;
    }
    .sliderLayanan {
        height: 200px !important;
    }

    .imageLayanan {
        float: right !important;
        object-fit: cover !important;
        height: 100% !important;
        width: 200% !important;
    }

    .fixedsticky {
        position: relative !important;
        z-index: 1 !important;
    }

    .sidebar {
        background: #f3f3f3 !important;
        height: 100% !important;
        margin: -43px 0px 65px -15px !important;
        box-shadow: unset !important;
        padding: 20px 0px 0px 70px !important;
    }

    .fixedstickyList {
        position: static !important;
        z-index: 1 !important;
        margin-top: -20px !important;
    }

    .logosatu {
        height: 27px !important;
    }

    .logodua {
        height: 55px !important;
    }

    .navbar-logo {
        margin-left: -100px;
        margin-right: -80px;
    }

    #tab-content-news {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: -70px;
    }

    .section-berita {
        background: #e6e7e8;
        padding-bottom: 50px;
        padding-top: 15px !important;
    }

    .navbar {
        background-color: white;
    }

    .buttonMegaMenu {
        background-color: lightgrey !important;
        height: 46px !important;
    }

    .boxMobile {
        margin-top: 10px !important;
    }

    .menuMobile {
        width: 340px !important;
    }
}


.tabDepan {
    margin-right: -15px !important;
    padding-left: 0px !important;
}

.tabServiceSatu {
    width: 120% !important;
    margin-bottom: 30px !important;
}

.tabServiceDua {
    margin-left: 15px !important;
    max-width: 11em !important;
    min-height: 360px !important;
}

.fontSizeNavDepan {
    font-size: 12px !important;
}

.navLayoutLanguage {
    margin-top: -3px !important;
    font-size: 14px !important;
}

.miniHeaderLanguage {
    margin-right: 0px !important;
}

.headingFooter {
    padding-left: 20px !important;
    color: #00adef !important;
    font-size: 25px !important;
    font-weight: bold !important;
    font-family: inherit !important;
}
.contentFooter {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.contentSocialFooter {
    padding-left: 20px !important;
}
.ButtonOke {
    width: 80px !important;
    height: 25px !important;
    margin-left: -10px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding-top: 2px !important;
}
.ml-min25 {
    margin-left: -25px !important;
}

.ShortcutLinkLabel {
    font-size: 14px !important;
    margin-top: 5px !important;
}

.divButtonOke {
    margin-left: auto !important;
    margin-right: auto !important;
}
.KabarBox::after {
    border-left: 1px solid red !important;
}
.KabarTerbaru {
    font-size: 40px !important;
    padding-left: 30px !important;
}
.contentMelayani {
    font-weight: 300 !important;
}
.buttonHubungiKami {
    border-radius: 64px !important;
    border: 2px solid #fff !important;
    padding: 4px 28px !important;
}
.blog_ms_item_new {
    min-height: 450px !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important;
}
.noContent {
    margin-left: 18px !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #265f5f !important;
}
.card-img-overlay-new {
    font-size: 14px !important;
    padding-top: 10px !important;
}
.newsBawah {
    bottom: 60px !important;
    padding-right: 10px !important;
    position: absolute !important;
}
.iconSosmed {
    height: 40px !important;
}
.sectionDuaTitle {
    font-size: 30px !important;
    padding-left: 20px !important;
}
.sectionDuaContent {
    font-size: 45px !important;
    padding-left: 20px !important;
}
.lingkupJaminanContainer {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.lingkupJaminanContent {
    min-height: 190px !important;
    box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.2) !important;
}
.linkMenu {
    color: #f89925 !important;
}
.section-bg-container {
    background-image: linear-gradient(to bottom right, #00adef, #1dc8cc) !important;
    background-position: 0% 0% !important;
}
.img_loading_size {
    width: 23px !important;
    margin-right: 8px !important;
}
.hubungiKamiContainer {
    margin-left: 4% !important;
    padding-right: 20px !important;
}
.hubungiKamiTitle {
    font-size: 20px !important;
    font-weight: 600 !important;
}
.hubungiKamiContent {
    line-height: 2.3rem !important;
}
.childContentHubungiKami {
    font-size: 12px !important;
}
.mapMinHeight {
    min-height: 368px !important;
}
.bgSliderHubungiKami {
    background-color: rgba(0,173,239,0.5) !important;
    height: 500px !important;
}

.bgColorFAQ {
    background-image: linear-gradient(to bottom right, #00adef, #1dc8cc) !important;
    height: 500px !important
}
.faqContainer {
    margin-left: 4% !important;
    padding-right: 20px !important;
}
.faqTitle {
    font-size: 20px !important;
    font-weight: 600 !important;
}
.faqContent {
    line-height: 2.3rem!important;
}

.faqCell {
    padding: 10px 10px 10px 10px !important;
}

.bgTentangKami {
    background: #FAFCFF !important;
    width: 1076px !important;
    position: absolute !important;
    height: 605px !important;
    z-index: -1 !important;
    right: 0px !important;
}
.judulTentangKami {
    font-size: 18px !important;
    color: #F39910 !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
}

.TitleContent1TentangKami {
    font-size: 24px !important;
    color: #00A2E9 !important;
    font-weight: bold !important;
}

.Content1TentangKami {
    margin-top: 15px !important;
    font-size: 16px !important;
    line-height: 25px !important;
    font-weight: normal !important;
    text-align: justify !important;
}

.titleDirekturUtama {
    font-size: 14px !important;
    color: #332C2B !important;
    font-weight: normal !important;
}

.card-body-div {
    text-align: center !important;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25) !important;
    background: #F5F7FA !important;
}
.col-card-body-div {
    padding: 0 !important;
    margin-bottom: 20px !important;
    margin-right: -10px !important;
}

.profilPerusahaanTab {
    padding: 20px 0px 70px 0px !important;
    border-bottom: 2px solid #00A2E9 !important;
}
.profilPerusahaanTab2 {
    padding: 20px 0px 200px 0px !important;
    border-bottom: 2px solid #00A2E9 !important;
}

.modalContent {
    height: 245px !important;
    margin-top: 14px !important;
    border: 1px solid #999998 !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 25px !important;
    font-size: 15px !important;
    color: #332C2B !important;
    padding: 27px 37px 23px 36px !important;
}
.kegiatanUsahaTab {
    height: 284px !important;
    margin: 50px 0px 0px 0px !important;
    border-left: 2px solid #00A2E9 !important;
    padding-left: 30px !important;
}

.sejarahTab {
    background: #FAFCFF !important;
    width: 1076px !important;
    position: absolute !important;
    height: 237px !important;
    z-index: -1 !important;
    right: -160px !important;
    top: 50px !important;
}

.sejarahTitle {
    font-size: 18px !important;
    color: #F39910 !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
}

.timeline-year {
    margin: 0px 25px 0px 0px !important;
}

.timeline-year-end {
    position: absolute !important;
    bottom: 35px !important;
    right: -20px !important;
}

.paddingYear {
    padding: 30px 0px 0px 0px !important;
}

.titleYear {
    font-size: 16px !important;
    color: #F39910 !important;
    font-weight: bold !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
}
.leadershipTab {
    width: 1441px !important;
    position: absolute !important;
    height: 1468px !important;
    z-index: -1 !important;
    right: -95px !important;
}
.leadershipTitle {
    font-size: 20px !important;
    color: #F39910 !important;
    font-weight: bold !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    margin-top: 40px !important;
}

.leadershipTab {
    font-size: 18px !important;
    color: #00AFEF !important;
    font-weight: bold !important;
    line-height: 25px !important;
    margin-bottom: 0 !important;
    margin-top: 30px !important;
}
.leadershipDiv {
    padding: 0 !important;
    margin-top: 10px !important;
}

#tab1contentmobile > img {
    width: 100% !important;
    height: auto !important;
}