/*==========================================
   Table Of Contents
============================================

Kit Name: Eden UI
Kit URI: http://scripteden.com/
Description: 100+ elements
Version: 1.0
Author: Md Shaifuddin
Author URI: http://scripteden.com

CSS STRUCTURE:

1. elements
    - buttons
    - inputs
    - collapse tab
        - collapse panel 
        - tab panel 
    - info box

2. navigations
    - default nav
    - middle header
    - small menu
    - navigation 1
    - navigation 2
    - navigation 3
    - navigation 4
    - navigation 5
    - navigation 6
    - navigation 7
    - navigation 8
    - navigation 9
    - navigation 10
    - navigation 11
    - navigation 12

3. footers
    - footer 1
    - footer 2
    - footer 3
    - footer 4
    - footer 5
    - footer 6

4. headers
    - header 1
    - header 2
    - header 3
    - header 4
    - header 5
    - header 6
    - header 7
    - header 8
    - header 9
    - header 10

5. content sections
    - content sections 1
    - content sections 2
    - content sections 3
    - content sections 4
    - content sections 5
    - content sections 6
    - content sections 7
    - content sections 8
    - content sections 9
    - content sections 10
    - content sections 11
    - content sections 12
    - content sections 13
    - content sections 14
    - content sections 15
    - content sections 16
    - content sections 17
    - content sections 18
    - content sections 19
    - content sections 20

6. forms
    - form 1
    - form 2
    - form 3
    - form 4
    - form 5
    - form 6
    - form 7
    - form 8

===========================================
==========================================*/
/* elements
=======================*/

section, header {
    margin-bottom: 0 !important;
}

.elements {
    background-color: #fff;
}

/* butons */

.ebtn {
    background-color: #38a5e0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 10px 40px 10px 0;
    min-width: 200px;
    padding: 20px 25px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    word-spacing: 3px;
}

    .ebtn:hover {
        color: #fff;
        text-decoration: none;
        opacity: 0.9;
    }

    .ebtn.primary-ebtn {
        background-color: #38A5E0;
    }

    .ebtn.warning-ebtn {
        background-color: #ffbc42;
    }

    .ebtn.default-ebtn {
        background-color: #666666;
    }

    .ebtn.danger-ebtn {
        background-color: #ef476f;
    }

    .ebtn.success-ebtn {
        background-color: #01BF86;
    }

    .ebtn.inverse-ebtn {
        background-color: #333333;
    }

    .ebtn.info-ebtn {
        background-color: #15beed;
    }

    .ebtn.disabled-ebtn {
        background-color: #aaaaaa;
    }

/* input s */

.inputs .form-control {
    background-color: transparent;
    border: 2px solid rgb(225, 225, 227);
    border-radius: 2px;
    box-shadow: none;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    height: 52px;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 14px 20px;
    word-spacing: 2px;
}

    .inputs .form-control:focus {
        box-shadow: none;
        background-color: transparent;
        border-color: normal;
    }

    .inputs .form-control::-moz-placeholder {
        opacity: 1;
        font-weight: 400;
        font-family: Montserrat;
    }

.inputs .primary-einput {
    border-color: #38A5E0;
    color: #38A5E0;
}

.inputs .warning-einput {
    border-color: #ffbc42;
    color: #ffbc42;
}

.inputs .default-einput {
    border-color: #666666;
    color: #666666;
}

.inputs .danger-einput {
    border-color: #ef476f;
    color: #ef476f;
}

.inputs .success-einput {
    border-color: #01BF86;
    color: #01BF86;
}

.inputs .inverse-einput {
    border-color: #333333;
    color: #333333;
}

.inputs .info-einput {
    border-color: #15beed;
    color: #15beed;
}

.inputs .disabled-einput {
    border-color: #aaaaaa;
    color: #aaaaaa;
}

.inputs .primary-einput.form-control::-moz-placeholder {
    color: #38A5E0;
}

.inputs .warning-einput.form-control::-moz-placeholder {
    color: #ffbc42;
}

.inputs .default-einput.form-control::-moz-placeholder {
    color: #666666;
}

.inputs .danger-einput.form-control::-moz-placeholder {
    color: #ef476f;
}

.inputs .success-einput.form-control::-moz-placeholder {
    color: #01BF86;
}

.inputs .inverse-einput.form-control::-moz-placeholder {
    color: #333333;
}

.inputs .info-einput.form-control::-moz-placeholder {
    color: #15beed;
}

.inputs .disabled-einput.form-control::-moz-placeholder {
    color: #aaaaaa;
}

/* collapse panel */

.collapse-panel p {
    margin-bottom: 30px;
}

.collapse-panel .list-unstyled {
    margin-bottom: 30px;
}

    .collapse-panel .list-unstyled > li {
        color: #38A5E0;
        font-size: 15px;
        font-style: italic;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .collapse-panel .list-unstyled > li > i {
            font-size: 18px;
            margin-right: 15px;
        }

.collapse-panel .panel-group .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.collapse-panel .panel.panel-default {
    margin-bottom: 15px;
    margin-top: 0;
    border-color: #eee;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.06);
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
}

.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #eee !important;
}

.collapse-panel .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 48px;
    padding: 15px 20px 15px 65px;
    position: relative;
}

.collapse-panel .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 25px 30px;
    border-top-color: #eee;
}

.collapse-panel .panel-body p {
    color: #888;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 20px;
}

    .collapse-panel .panel-body p:last-child {
        margin-bottom: 10px;
    }

.collapse-panel .panel-title a {
    text-decoration: none;
    color: #777777;
}

.collapse-panel .panel-title {
    font-family: Raleway;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    word-spacing: 3px;
}

.collapse-panel .question {
    background: #38A5E0;
    color: #ffffff;
    font-size: 20px;
    margin-left: -16px;
    margin-right: 15px;
    margin-top: -14px;
    padding-top: 15px;
    text-align: center;
}

.collapse-panel .panel-title a {
    height: 48px;
    padding-left: 0;
}

    .collapse-panel .panel-title a[aria-expanded="true"] {
        color: #38A5E0;
    }

        .collapse-panel .panel-title a[aria-expanded="true"]:before,
        .collapse-panel .panel-title a[aria-expanded="false"]:before {
            font-family: 'FontAwesome';
            position: absolute;
            font-size: 12px;
            margin-left: -66px;
            ;
            margin-right: 50px;
            margin-top: -16px;
            padding-top: 18px;
            text-align: center;
            width: 50px;
            height: 50px;
        }

        .collapse-panel .panel-title a[aria-expanded="true"]:before {
            content: "\f054";
            background: #38A5E0;
            color: #ffffff;
        }

    .collapse-panel .panel-title a[aria-expanded="false"]::before {
        content: "\f078";
        background-color: #e6e8ed;
        color: #999999;
    }

/* tab panel */

.tab-panel .nav {
    margin-bottom: 30px;
}

.tab-panel .nav {
    margin-bottom: 10px;
}

.tab-panel .tab-content {
    background-color: transparent;
    border: 1px solid #eee;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.06);
    min-height: 320px;
    padding: 32px 36px 40px;
}

.tab-panel .nav-pills > li.active > a,
.tab-panel .nav-pills > li.active > a:focus,
.tab-panel .nav-pills > li.active > a:hover {
    background-color: #38a5e0;
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 35px;
    text-transform: capitalize;
}

    .tab-panel .nav-pills > li.active > a::before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 8px;
        height: 8px;
        top: 22px;
        left: 16px;
        border-radius: 30px;
    }

.tab-panel .nav > li > a {
    background-color: #e6e8ed;
    border-radius: 0;
    color: #777;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-right: 6px;
    padding: 16px 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
}

.tab-panel .nav-pills > li > a:hover {
    color: #fff;
    background-color: #38A5E0;
}

.tab-panel h1 {
    color: #38a5e0;
    font-family: Raleway;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: 1px;
    word-spacing: 2px;
}

.tab-panel h2 {
    color: #38a5e0;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 43px;
}

.tab-panel img {
    margin-bottom: 15px;
}

.tab-panel p {
    color: #888;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 20px;
}

    .tab-panel p:last-child {
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
        margin-bottom: 0;
    }

.tab-panel strong {
    color: #666;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.8;
}

/* counter1 */

.counter1 .info-color {
    background-color: #38A5E0;
}

.counter1 .info-area {
    border-right: 1px solid #fff;
}

    .counter1 .info-area > div {
        color: #fff;
        padding: 20px 5px;
    }

    .counter1 .info-area h4 {
        border-right: 1px solid rgba(255, 255, 255, 0.6);
        display: inline;
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 2px;
        padding-right: 12px;
    }

    .counter1 .info-area h3 {
        display: inline;
        font-family: Raleway;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1.3px;
        text-transform: uppercase;
    }

        .counter1 .info-area h3 .lnr {
            margin-right: 10px;
            font-size: 21px;
        }

/* counter 2 */

.counter2 .info-color {
    background-color: #01BF86;
    padding: 50px;
}

.counter2 .info-area {
    border-right: 1px solid #fff;
}

    .counter2 .info-area:last-child {
        border-right: 0px;
    }

    .counter2 .info-area > div {
        color: #fff;
    }

    .counter2 .info-area i {
        font-size: 45px;
        margin-right: 8px;
    }

    .counter2 .info-area h4 {
        display: inline;
        font-family: "Roboto Slab", serif;
        font-size: 45px;
        font-weight: 800;
        line-height: 0;
    }

    .counter2 .info-area h3 {
        display: block;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 600;
        margin: 20px 0 0;
        text-transform: uppercase;
        letter-spacing: 6px;
    }

        .counter2 .info-area h3 .lnr {
            margin-right: 10px;
            font-size: 21px;
        }

/* Default Navigation
/// Default Navigation (default nav, middle header and small menu) of navigation has to has in the css file to show navigation ///
=======================*/
/* default nav */

.default-menu.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    min-height: 70px;
    background-color: #fff;
    border-bottom: 2px solid #38A5E0;
}

.default-menu.navbar-default .navbar-brand.default-logo {
    cursor: pointer;
    font-family: Raleway;
    font-size: 22px;
    font-weight: 800;
    height: 70px;
    letter-spacing: 1px;
    line-height: 39px;
    margin-left: -15px;
    padding: 17px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

    .default-menu.navbar-default .navbar-brand.default-logo .icon-logo {
        background-color: #38a5e0;
        border-radius: 50px;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 35px;
        margin-right: 13px;
        padding-top: 9px;
        text-align: center;
        width: 35px;
    }

.default-menu.navbar .navbar-collapse {
    border-color: rgba(153, 153, 153, 0.1) !important;
}

.default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #444;
}

.default-menu.navbar-default .navbar-toggle {
    border-radius: 0;
    border-width: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: transparent;
}

.default-menu.navbar-default .navbar-nav > li > a {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 40px;
    padding: 15px 20px;
    text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.2);
}

.default-menu.navbar-default .navbar-nav > li:last-child > a {
    padding-right: 0;
}

.default-menu.navbar-default .navbar-nav > li > a i {
    position: relative;
}

.default-menu.navbar-default .navbar-nav > li > a {
}

    .default-menu.navbar-default .navbar-nav > li > a:active,
    .default-menu.navbar-default .navbar-nav > li > a:focus,
    .default-menu.navbar-default .navbar-nav > li > a:hover {
        color: #38A5E0;
    }

.default-menu.navbar-default .navbar-nav > .active > a,
.default-menu.navbar-default .navbar-nav > .active > a:focus,
.default-menu.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #38A5E0;
}

.default-menu.navbar-default .navbar-nav > .open > a,
.default-menu.navbar-default .navbar-nav > .open > a:focus,
.default-menu.navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #38A5E0;
}

.default-menu.navbar-default .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #262626;
    min-width: 200px;
    padding: 0;
    border-bottom: 2px solid #38A5E0;
}

.default-menu .dropdown-menu > li > a {
    color: #999;
    font-weight: 400;
    line-height: 1.42857;
    padding: 15px 20px;
    font-size: 11px;
    text-transform: uppercase;
    left: 0.3px;
    word-spacing: 3px;
    font-weight: 600;
}

.default-menu.navbar-default .dropdown-menu > li > a:focus,
.default-menu.navbar-default .dropdown-menu > li > a:hover {
    background-color: #333333;
    color: #fff;
    text-decoration: none;
}

.default-menu.navbar-default .navbar-nav.navbar-left {
    margin-left: -15px;
}

/* menu cart */

.default-menu.navbar-default .cart {
    min-width: 300px;
    padding: 20px;
}

.default-menu.navbar-default .cart-number {
    background-color: #38a5e0;
    border-radius: 50%;
    color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    padding-top: 4px;
    position: absolute;
    right: -11px;
    text-align: center;
    top: -14px;
    width: 20px;
}

.default-menu.navbar-default .cart > li {
    border-bottom: 1px dotted #333;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .default-menu.navbar-default .cart > li:last-child {
        border-bottom: none;
    }

    .default-menu.navbar-default .cart > li > p > .btn {
        background-color: transparent;
        border: 1px solid #444;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-top: 8px;
        padding: 13px 20px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

        .default-menu.navbar-default .cart > li > p > .btn:hover {
            background-color: #38A5E0;
            border-color: #38A5E0;
        }

    .default-menu.navbar-default .cart > li > p {
        color: #ccc;
        display: inline;
        font-family: Raleway;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .default-menu.navbar-default .cart > li > i {
        color: #999;
        padding-top: 40px;
    }

        .default-menu.navbar-default .cart > li > i:hover {
            color: #38A5E0;
            cursor: pointer;
        }

    .default-menu.navbar-default .cart > li > span {
        color: #38a5e0;
        display: block;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        word-spacing: 2px;
    }

    .default-menu.navbar-default .cart > li > small {
        color: #ddd;
        display: block;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .default-menu.navbar-default .cart > li strong {
        color: #fff;
        display: block;
        font-family: Raleway;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.3px;
        margin-bottom: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    .default-menu.navbar-default .cart > li > img {
        float: left;
        display: inline-block;
        max-width: 80px;
        padding-right: 20px;
    }

/* end menu cart */
/* nav search */

.default-menu .dropdown-menu.list-search {
    border-bottom: 0;
    margin-top: 0 !important;
    border-bottom: 2px solid #38A5E0;
}

.default-menu.navbar-default .nav-search .form-group i {
    color: #999;
    font-size: 14px;
    left: 1px;
    position: absolute;
    top: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
}

    .default-menu.navbar-default .nav-search .form-group i:hover {
        color: #38A5E0;
    }

.default-menu.navbar-default .nav-search .form-group {
    position: relative;
}

.default-menu.navbar-default .nav-search .form-control::-moz-placeholder {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.default-menu.navbar-default .nav-search .form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    width: 220px;
    background-color: transparent;
    color: #999;
    padding-left: 22px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

/* end menu cart */
/* media quaries */

@media screen and (max-width: 768px) {
    .default-menu.navbar-default .dropdown-menu {
        border-top: 1px dotted #333;
        border-bottom: 1px dotted #333;
    }

    .default-menu.navbar-default .navbar-nav > li > a {
        line-height: 12px;
    }

    .default-menu.navbar-default .navbar-nav > li .nav-search {
        border-color: #f6f6f6;
        border: 0 solid transparent;
        margin-bottom: 0;
        margin-top: 0;
    }

    .default-menu.navbar-default .nav-search .form-control {
        text-align: center;
        width: 100%;
        padding-left: 40px;
        padding-right: 20px;
    }

    .default-menu.navbar-default .nav-search .form-group i {
        color: #999;
        font-size: 12px;
        left: 20px;
    }

    .default-menu.navbar-default .navbar-brand.default-logo {
        margin-left: 0;
    }

    .default-menu.navbar-default .navbar-nav > li:last-child > a {
        padding-left: 20px !important;
    }

    .default-menu.navbar-default .navbar-nav > li:first-child > a {
        padding-left: 20px !important;
    }
}

/* end default nav */
/* middle header */

.middle-header {
    max-height: 60px;
    background-color: #ffffff;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

    .middle-header .middle-logo > .site-logo {
        font-size: 22px;
        line-height: 40px;
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        height: 70px;
        margin-left: -15px;
        padding: 15px;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .middle-header .middle-logo > .site-logo {
        cursor: pointer;
        font-family: Raleway;
        font-size: 22px;
        font-weight: 800;
        height: 70px;
        letter-spacing: 1px;
        line-height: 39px;
        margin-left: -15px;
        padding: 17px 15px;
        text-decoration: none;
        text-transform: uppercase;
    }

        .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 11px;
        }

        .middle-header .middle-logo > .site-logo .icon-logo {
            background-color: #ffffff;
            border-radius: 50px;
            color: #fff;
            float: left;
            font-size: 18px;
            height: 35px;
            margin-right: 13px;
            padding-top: 7px;
            text-align: center;
            width: 35px;
        }

    .middle-header .middle-logo > .site-logo {
        color: #666;
        line-height: 59px;
    }

    .middle-header .middle-social-icon {
        line-height: 59px;
        margin-bottom: 0;
        margin-left: 0;
    }

        .middle-header .middle-social-icon > li {
            padding: 0 6px;
        }

            .middle-header .middle-social-icon > li > .fa {
                font-size: 13px;
                cursor: pointer;
            }

            .middle-header .middle-social-icon > li:first-child {
                padding-left: 0;
            }

            .middle-header .middle-social-icon > li:last-child {
                padding-right: 0;
            }

            .middle-header .middle-social-icon > li > i:hover {
                color: #01BF86;
            }

            .middle-header .middle-social-icon > li:nth-child(1) i {
                color: #3b5998;
            }

            .middle-header .middle-social-icon > li:nth-child(2) i {
                color: #38A5E0;
            }

            .middle-header .middle-social-icon > li:nth-child(3) i {
                color: #d34836;
            }

            .middle-header .middle-social-icon > li:nth-child(4) i {
                color: #C73B6F;
            }

            .middle-header .middle-social-icon > li:nth-child(5) i {
                color: #35465c;
            }

            .middle-header .middle-social-icon > li:nth-child(6) i {
                color: #0077B5;
            }

            .middle-header .middle-social-icon > li:nth-child(7) i {
                color: #c8232c;
            }

@media screen and (max-width: 768px) {
    .middle-header .middle-social-icon > li {
        padding: 0 5px;
    }
}

/* end middle header */
/*  small menu */

.small-menu {
    background-color: #ffffff;
    min-height: 40px;
    border-bottom: 1px solid #f6f6f6;
    font-family: 'Roboto', sans-serif;
}

    .small-menu .small-menu .list-inline {
        margin: 8px 0;
    }

    .small-menu .social-link,
    .small-menu .info-link {
        margin: 9px 0;
    }

        .small-menu .social-link > li,
        .small-menu .info-link > li {
            font-size: 11px;
            padding-right: 12px;
            padding-left: 0;
            cursor: pointer;
        }

            .small-menu .social-link > li > span,
            .small-menu .info-link > li > span {
                color: #888;
                display: inline-block;
                font-family: Montserrat;
                font-weight: 400;
                letter-spacing: 1.2px;
                margin-left: 6px;
                text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.3);
                text-transform: uppercase;
                word-spacing: 2px;
            }

    .small-menu .list-inline li:last-child {
        padding-right: 0 !important;
    }

    .small-menu .social-link > li:first-child span {
        text-transform: lowercase;
    }

    .small-menu .social-link > li > i.fa,
    .small-menu .info-link > li > i.fa {
        color: #01BF86;
        float: left;
        margin-top: 2px;
        font-size: 11px;
    }

    .small-menu .social-link > li:nth-child(1) > i.fa {
        color: #01BF86;
    }

    .small-menu .social-link > li:nth-child(2) > i.fa {
        color: #3b5998;
    }

    .small-menu .social-link > li:nth-child(3) > i.fa {
        color: #38A5E0;
    }

    .small-menu .social-link > li:nth-child(4) > i.fa {
        color: #d34836;
    }

    .small-menu .social-link > li:nth-child(5) > i.fa {
        color: #C73B6F;
    }

/* end small menu */
/* End Navigation Default */
/* Navigations
=======================*/
/* Navigation 1 */

.default-menu.nav1 {
    border-bottom: 0;
}

    .default-menu.nav1 .navbar-nav > li > a:before,
    .default-menu.nav1 .navbar-nav > li > a:after {
        color: transparent;
        font-size: 13px;
        position: absolute;
        transition: all 0.5s ease-in-out;
        margin-top: -1px;
    }

    .default-menu.nav1 .navbar-nav > li > a:before {
        content: '[';
        left: -10px;
    }

    .default-menu.nav1 .navbar-nav > li > a:after {
        content: ']';
        right: -10px;
    }

    .default-menu.nav1 .navbar-nav > li > a:hover:after,
    .default-menu.nav1 .navbar-nav > li > a:hover:before {
        color: #38A5E0;
    }

    .default-menu.nav1 .navbar-nav > li > a:hover:before {
        left: 8px;
    }

    .default-menu.nav1 .navbar-nav > li > a:hover:after {
        right: 8px;
    }

.default-menu.navbar-default .navbar-nav > li:last-child > a:after,
.default-menu.navbar-default .navbar-nav > li:last-child > a:before {
    content: '';
}

.default-menu.nav1 .dropdown-menu {
    margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
    .default-menu.nav1 .navbar-nav > li > a:hover:after,
    .default-menu.nav1 .navbar-nav > li > a:hover:before {
        color: transparent;
    }
}

/* Navigation 2 */

.navigation2 .small-menu {
    background-color: #333;
    border-bottom: 1px solid transparent;
}

    .navigation2 .small-menu .social-link > li > span,
    .navigation2 .small-menu .info-link > li > span {
        color: #f9f9f9;
    }

        .navigation2 .small-menu .social-link > li > span:hover,
        .navigation2 .small-menu .info-link > li > span:hover {
            color: #eee;
        }

.navigation2 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
}

    .navigation2 .default-menu.navbar .navbar-collapse {
        border-color: rgba(153, 153, 153, 0.1) !important;
    }

.navigation2 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation2 .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navigation2 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation2 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

/* Navigation 3 */

.navigation3 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
}

    .navigation3 .default-menu.navbar .navbar-collapse {
        border-color: rgba(153, 153, 153, 0.1) !important;
    }

.navigation3 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation3 .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navigation3 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation3 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

/* Navigation 4 */

.navigation4 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
}

.navigation5 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #555;
}

.navigation5 .default-menu.navbar-default .navbar-toggle {
    border-radius: 0;
    border-width: 0;
    margin-top: 9px;
    margin-bottom: 0;
    background-color: transparent;
}

.navigation4 .default-menu.navbar .navbar-collapse {
    border-color: rgba(153, 153, 153, 0.1) !important;
}

.navigation4 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation4 .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navigation4 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation4 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

/* Navigation 5 */

.navigation5 .middle-header .middle-logo > .site-logo .icon-logo {
    line-height: 22px;
    margin-top: 10px;
}

.navigation5 .default-menu.navbar {
    border-bottom: 0;
    min-height: 50px;
}

.navigation5 .default-menu.navbar-default .navbar-nav > li > a {
    padding: 5px 20px;
}

.navigation5 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation5 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 6 */

.navigation6 .middle-header {
    background-color: #333;
    border-bottom: 1px solid transparent;
    margin-top: 0;
}

    .navigation6 .middle-header .middle-logo > .site-logo {
        color: #222;
    }

        .navigation6 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

.navigation6 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation6 .default-menu.navbar .navbar-collapse {
        border-color: #111 !important;
    }

.navigation6 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation6 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation6 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 20px;
}

.navigation6 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation6 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation6 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation6 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation6 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 7 */

.navigation7 .middle-header {
    background-color: #800000;
    border-bottom: 0;
    margin-top: 0;
}

    .navigation7 .middle-header .middle-logo > .site-logo {
        color: #222;
    }

        .navigation7 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

.navigation7 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation7 .default-menu.navbar .navbar-collapse {
        border-color: rgba(153, 153, 153, 0.1) !important;
    }

.navigation7 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation7 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation7 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 20px;
}

.navigation7 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation7 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation7 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation7 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation7 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 8 */

.navigation8 .middle-header {
    background-color: #800000;
    border-bottom: 0;
    margin-top: 0;
}

    .navigation8 .middle-header .middle-logo > .site-logo {
        color: #fff;
    }

        .navigation8 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

.navigation8 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation8 .default-menu.navbar .navbar-collapse {
        border-color: rgba(153, 153, 153, 0.1) !important;
    }

.navigation8 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation8 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation8 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 20px;
}

.navigation8 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation8 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation8 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation8 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation8 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 9 */

.navigation9 .small-menu .social-link > li > i.fa,
.navigation9 .small-menu .info-link > li > i.fa {
    color: #01BF86 !important;
}

.navigation9 .middle-header {
    border-top: 0;
}

    .navigation9 .middle-header .middle-logo > .site-logo .icon-logo {
        line-height: 22px;
        margin-top: 10px;
    }

.navigation9 .default-menu.navbar {
    border-bottom: 0;
    min-height: 50px;
}

.navigation9 .default-menu.navbar-default .navbar-nav > li > a {
    padding: 5px 20px;
}

.navigation9 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation9 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 10 */

.navigation10 .small-menu {
    background-color: #800000;
    border-bottom: 1px solid transparent;
}

    .navigation10 .small-menu .social-link > li > span,
    .navigation10 .small-menu .info-link > li > span {
        color: #f9f9f9;
    }

        .navigation10 .small-menu .social-link > li > span:hover,
        .navigation10 .small-menu .info-link > li > span:hover {
            color: #eee;
        }

    .navigation10 .small-menu .social-link > li > i.fa,
    .navigation10 .small-menu .info-link > li > i.fa {
        color: #01BF86 !important;
    }

.navigation10 .middle-header {
    background-color: #ffffff;
    border-top: 0;
    border-bottom: 1px solid transparent;
    margin-top: 0;
}

    .navigation10 .middle-header .middle-logo > .site-logo {
        color: #222;
    }

        .navigation10 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

.navigation10 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation10 .default-menu.navbar .navbar-collapse {
        border-color: #111 !important;
    }

.navigation10 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation10 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation10 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 15px;
}

.navigation10 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation10 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation10 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation10 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation10 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 11 */

.navigation11 .small-menu {
    background-color: #800000;
    border-bottom: 1px solid transparent;
}

    .navigation11 .small-menu .social-link > li > span,
    .navigation11 .small-menu .info-link > li > span {
        color: #f9f9f9;
    }

        .navigation11 .small-menu .social-link > li > span:hover,
        .navigation11 .small-menu .info-link > li > span:hover {
            color: #eee;
        }

    .navigation11 .small-menu .social-link > li > i.fa,
    .navigation11 .small-menu .info-link > li > i.fa {
        color: #01BF86 !important;
    }

.navigation11 .middle-header {
    background-color: #333;
    border-top: 0;
    border-bottom: 1px solid transparent;
    margin-top: 0;
}

    .navigation11 .middle-header .middle-logo > .site-logo {
        color: #222;
    }

        .navigation11 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

    .navigation11 .middle-header .middle-social-icon > li > i {
        color: #fff !important;
    }

.navigation11 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation11 .default-menu.navbar .navbar-collapse {
        border-color: #111 !important;
    }

.navigation11 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation11 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation11 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 20px;
}

.navigation11 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation11 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation11 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation11 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation11 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* Navigation 12 */

.navigation12 .small-menu {
    background-color: #800000;
    border-bottom: 1px solid transparent;
}

    .navigation12 .small-menu .social-link > li > span,
    .navigation12 .small-menu .info-link > li > span {
        color: #f9f9f9;
    }

        .navigation12 .small-menu .social-link > li > span:hover,
        .navigation12 .small-menu .info-link > li > span:hover {
            color: #eee;
        }

    .navigation12 .small-menu .social-link > li > i.fa,
    .navigation12 .small-menu .info-link > li > i.fa {
        color: #01BF86 !important;
    }

.navigation12 .middle-header {
    background-color: #333;
    border-top: 0;
    border-bottom: 1px solid transparent;
    margin-top: 0;
}

    .navigation12 .middle-header .middle-logo > .site-logo {
        color: #222;
    }

        .navigation12 .middle-header .middle-logo > .site-logo .icon-logo {
            line-height: 22px;
            margin-top: 10px;
        }

    .navigation12 .middle-header .middle-social-icon > li > i {
        color: #fff !important;
    }

.navigation12 .default-menu.navbar {
    background-color: #800000;
    border-bottom: 0;
    min-height: 50px;
}

    .navigation12 .default-menu.navbar .navbar-collapse {
        border-color: #111 !important;
    }

.navigation12 .default-menu.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navigation12 .default-menu.navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}

.navigation12 .default-menu.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 5px 20px;
}

.navigation12 .default-menu.navbar-default .navbar-nav > li.active > a {
    color: #38A5E0;
}

.navigation12 .default-menu.navbar-default .navbar-brand.default-logo {
    color: #fff;
}

    .navigation12 .default-menu.navbar-default .navbar-brand.default-logo:hover {
        color: #fff;
    }

.navigation12 .navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .navigation12 .default-menu.navbar-default .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

/* footers
=======================*/
/*	footer 1 */

.footer1 {
    padding-top: 0px;
}

    .footer1 .navbar-brand img {
        width: 75px;
    }

        .footer1 .navbar-brand img.small {
            width: 30px;
        }

    .footer1 .footer-logo {
        background-color: #38a5e0;
        border-radius: 37px;
        color: #fff;
        font-size: 25px;
        height: 50px;
        margin: 0 auto 12px;
        padding-top: 12px;
        width: 50px;
    }

    .footer1 .dark {
        background-color: #800000;
        padding: 60px 0px 50px;
        font-weight: 200;
        color: #CBD0D3;
    }

        .footer1 .dark h2 {
            color: #ecf0f1;
            font-family: Raleway;
            font-size: 30px;
            font-weight: 800;
            letter-spacing: 1px;
            margin-bottom: 25px;
            margin-top: 0;
        }

        .footer1 .dark span {
            font-size: 11px;
            font-weight: 500;
            color: #ccc;
            text-transform: uppercase;
            font-family: 'Roboto', serif;
        }

        .footer1 .dark .list-inline {
            border-top: 1px solid #333;
        }

            .footer1 .dark .list-inline li i {
                font-size: 15px;
                margin-right: 1px;
                margin-top: 30px;
                color: #38A5E0;
            }

            .footer1 .dark .list-inline li:nth-child(1) i {
                color: #3b5998;
            }

            .footer1 .dark .list-inline li:nth-child(2) i {
                color: #38A5E0;
            }

            .footer1 .dark .list-inline li:nth-child(3) i {
                color: #d34836;
            }

            .footer1 .dark .list-inline li:nth-child(4) i {
                color: #C73B6F;
            }

/*	footer 2 */

.footer2 {
    padding-top: 0px;
}

    .footer2 .navbar-brand img.small {
        width: 30px;
    }

    .footer2 h2 > i.footer-logo {
        font-size: 30px;
        color: #fff;
        margin-right: 8px;
    }

    .footer2 .dark {
        background-color: #800000;
        padding: 20px 0px;
        font-weight: 200;
        color: #CBD0D3;
    }

        .footer2 .dark h2 {
            color: #ecf0f1;
            font-family: Raleway;
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 1px;
            line-height: 1.8;
            margin-bottom: 0;
            margin-top: 0;
        }

        .footer2 .dark span {
            color: #eee;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1.2px;
        }

        .footer2 .dark .list-inline {
            margin-bottom: 0;
        }

            .footer2 .dark .list-inline li.pull-right {
                margin-top: -14px;
            }

            .footer2 .dark .list-inline ul li i {
                font-size: 13px;
                margin-right: 1px;
                margin-top: 30px;
                color: #38A5E0;
            }

            .footer2 .dark .list-inline ul li:nth-child(1) i {
                color: #3b5998;
            }

            .footer2 .dark .list-inline ul li:nth-child(2) i {
                color: #38A5E0;
            }

            .footer2 .dark .list-inline ul li:nth-child(3) i {
                color: #d34836;
            }

            .footer2 .dark .list-inline ul li:nth-child(4) i {
                color: #C73B6F;
            }

/*	footer 3 */

.footer3 .dark {
    background-color: #fff;
    padding: 20px 0px;
    font-weight: 200;
    color: #CBD0D3;
}

.footer3 .navbar-brand img.small {
    width: 30px;
}

.footer3 h2 > i.footer-logo {
    background-color: #38a5e0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    height: 34px;
    line-height: 1.6;
    margin-right: 8px;
    padding-top: 5px;
    width: 34px;
}

.footer3 .dark h2 {
    color: #444;
    font-family: 'Roboto', serif;
    font-size: 22px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
}

.footer3 .dark h2 {
    color: #444;
    font-family: Raleway;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 0;
    margin-top: 0;
}

.footer3 .dark span {
    color: #777;
    display: inline-block;
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1.2px;
    margin-top: 12px;
}

.footer3 .dark .list-inline {
    margin-bottom: 0;
}

    .footer3 .dark .list-inline li i {
        font-size: 15px;
        margin-right: 1px;
        margin-top: 12px;
        color: #38A5E0;
    }

    .footer3 .dark .list-inline li:nth-child(1) i {
        color: #3b5998;
    }

    .footer3 .dark .list-inline li:nth-child(2) i {
        color: #38A5E0;
    }

    .footer3 .dark .list-inline li:nth-child(3) i {
        color: #d34836;
    }

    .footer3 .dark .list-inline li:nth-child(4) i {
        color: #C73B6F;
    }

/*	footer 4 */

.footer4 {
    padding-top: 0px;
}

    .footer4 .navbar-brand img.small {
        width: 30px;
    }

    .footer4 h2 > i.footer-logo {
        font-size: 30px;
        color: #fff;
        margin-right: 8px;
    }

    .footer4 .dark {
        background-color: #800000;
        padding: 20px 0px;
        font-weight: 200;
        color: #CBD0D3;
    }

        .footer4 .dark h2 {
            color: #fff;
            font-family: Raleway;
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 1px;
            line-height: 1.8;
            margin-bottom: 0;
            margin-top: 0;
        }

        .footer4 .dark span {
            color: #eee;
            display: inline-block;
            font-family: Montserrat;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: 1.1px;
            margin-top: 12px;
            word-spacing: 3px;
        }

        .footer4 .dark .list-inline {
            margin-bottom: 0;
        }

            .footer4 .dark .list-inline li.pull-right {
                margin-top: 12px;
            }

                .footer4 .dark .list-inline li.pull-right ul.list-inline li {
                    font-family: Montserrat;
                    font-size: 11px;
                    font-weight: 500;
                    letter-spacing: 1.2px;
                    text-transform: uppercase;
                }

/*	footer 5 */

.footer5 {
    padding-top: 0px;
}

    .footer5 .navbar-brand img.small {
        width: 30px;
    }

    .footer5 h2 > i.footer-logo {
        font-size: 30px;
        color: #fff;
        margin-right: 12px;
    }

    .footer5 .dark {
        background-color: #38A5E0;
        padding: 20px 0px;
    }

        .footer5 .dark h2 {
            color: #fff;
            font-family: Raleway;
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 1px;
            line-height: 1.8;
            margin-bottom: 0;
            margin-top: 0;
        }

        .footer5 .dark span {
            font-size: 11px;
            font-weight: 500;
            color: #eee;
            font-family: 'Roboto', sans-serif;
            margin-top: 12px;
            display: inline-block;
            text-transform: uppercase;
        }

        .footer5 .dark span {
            color: #eee;
            display: inline-block;
            font-family: Montserrat;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: 1.1px;
            margin-top: 12px;
            word-spacing: 3px;
        }

        .footer5 .dark .list-inline {
            margin-bottom: 0;
        }

            .footer5 .dark .list-inline li.pull-right {
                margin-top: 12px;
            }

                .footer5 .dark .list-inline li.pull-right ul.list-inline li {
                    color: #fff;
                    font-family: Montserrat;
                    font-size: 11px;
                    font-weight: 500;
                    letter-spacing: 1.2px;
                    text-transform: uppercase;
                }

/*	footer 6 */

.footer6 .dark {
    background-color: #fff;
    padding: 50px 0px;
    font-weight: 200;
    color: #CBD0D3;
}

.footer6 .navbar-brand img.small {
    width: 30px;
}

.footer6 h2 > i.footer-logo {
    font-size: 22px;
    line-height: 1.6;
    margin-right: 8px;
    width: 34px;
    height: 34px;
    background-color: #38A5E0;
    color: #fff;
    border-radius: 2px;
}

.footer6 .dark h2 {
    color: #444;
    font-family: Raleway;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 0;
    margin-top: 0;
}

.footer6 .dark span {
    color: #666;
    display: inline-block;
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 400;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer6 .dark .list-inline {
    margin-bottom: 0;
}

    .footer6 .dark .list-inline li i {
        font-size: 15px;
        margin-right: 1px;
        margin-top: 25px;
        color: #38A5E0;
    }

    .footer6 .dark .list-inline li:nth-child(1) i {
        color: #3b5998;
    }

    .footer6 .dark .list-inline li:nth-child(2) i {
        color: #38A5E0;
    }

    .footer6 .dark .list-inline li:nth-child(3) i {
        color: #d34836;
    }

    .footer6 .dark .list-inline li:nth-child(4) i {
        color: #C73B6F;
    }

/* Headers
=======================*/
/* Header 1 */

.header1 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header1 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Raleway;
    font-size: 25px;
    font-weight: 800;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header1 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header1 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header1 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header1 .navbar-default .navbar-collapse,
.header1 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header1 .navbar-default .navbar-toggle:hover,
.header1 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header1 .navbar-default .navbar-nav > .active > a,
.header1 .navbar-default .navbar-nav > .active > a:hover,
.header1 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header1 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header1 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header1 .navbar-default .navbar-brand:hover,
.header1 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header1 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header1 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 2px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header1 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 1 content */

.header1 {
    background: url('../images/LakeBackGround.JPG') no-repeat scroll center top / cover;
}

    .header1 .intro {
        height: 100vh;
        padding-bottom: 30px;
        min-height: 900px;
    }

        .header1 .intro .tag-line {
            color: #fff;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 2px;
            margin-bottom: 25px;
        }

    .header1 h1 {
        color: #fff;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 800;
        letter-spacing: 10px;
        line-height: 1.2;
        margin: 0 auto 40px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
    }

    .header1 p {
        color: #f8f8f8;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 25px;
        max-width: 700px;
        text-align: center;
        line-height: 1.6;
    }

    .header1 .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 2px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 2px;
        min-width: 185px;
        padding: 20px 35px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

/*	header 2 */

.header2 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header2 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header2 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header2 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header2 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header2 .navbar-default .navbar-collapse,
.header2 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header2 .navbar-default .navbar-toggle:hover,
.header2 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header2 .navbar-default .navbar-nav > .active > a,
.header2 .navbar-default .navbar-nav > .active > a:hover,
.header2 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
}

.header2 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #fff;
}

.header2 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header2 .navbar-default .navbar-brand:hover,
.header2 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header2 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header2 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header2 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 2 content */

.header2 {
    background: url('../images/header12.jpg') no-repeat scroll right top / cover;
}

    .header2 .intro {
        min-height: 900px;
        padding-bottom: 30px;
    }

    .header2 h1 {
        color: #fff;
        font-family: Timmana;
        font-size: 38px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 20px;
        margin-top: 5px;
        max-width: 500px;
        position: relative;
        text-transform: capitalize;
    }

    .header2 p {
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1.4px;
        line-height: 2;
        margin-bottom: 45px;
        max-width: 420px;
    }

    .header2 .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 2px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 2px;
        min-width: 185px;
        padding: 20px 35px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

/* header 3 */

.header3 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header3 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header3 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header3 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header3 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header3 .navbar-default .navbar-collapse,
.header3 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header3 .navbar-default .navbar-toggle:hover,
.header3 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header3 .navbar-default .navbar-nav > .active > a,
.header3 .navbar-default .navbar-nav > .active > a:hover,
.header3 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header3 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header3 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header3 .navbar-default .navbar-brand:hover,
.header3 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header3 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header3 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header3 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 3 content */

.header3 {
    background: url('../images/header10.jpg') no-repeat scroll right top / cover;
}

    .header3 .intro {
        min-height: 900px;
    }

    .header3 h1 {
        color: #fff;
        font-family: Raleway;
        font-size: 33px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 35px;
        margin-top: 5px;
        max-width: 450px;
        position: relative;
        text-transform: capitalize;
        word-spacing: 3px;
    }

    .header3 p {
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1.4px;
        line-height: 2;
        margin-bottom: 45px;
        max-width: 420px;
    }

    .header3 .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 2px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 2px;
        min-width: 185px;
        padding: 20px 35px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .header3 .wrap-content {
        padding-top: 140px;
        margin-bottom: 30px;
    }

    .header3 img {
        height: 500px;
        margin: 0px auto 30px;
    }

/* header 4 */

.header4 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header4 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header4 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header4 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header4 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header4 .navbar-default .navbar-collapse,
.header4 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header4 .navbar-default .navbar-toggle:hover,
.header4 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header4 .navbar-default .navbar-nav > .active > a,
.header4 .navbar-default .navbar-nav > .active > a:hover,
.header4 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header4 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header4 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header4 .navbar-default .navbar-brand:hover,
.header4 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header4 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header4 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header4 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 4 content */

.header4 {
    background: url('../images/header4.jpg') no-repeat scroll right top / cover;
}

    .header4 .intro {
        min-height: 100vh;
    }

    .header4 h1 {
        color: #fff;
        font-family: Timmana;
        font-size: 38px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 20px;
        margin-top: 5px;
        max-width: 500px;
        position: relative;
        text-transform: capitalize;
    }

    .header4 p {
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1.4px;
        line-height: 2;
        margin-bottom: 45px;
        max-width: 420px;
    }

    .header4 .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 2px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 2px;
        min-width: 185px;
        padding: 20px 35px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .header4 .wrap-content {
        padding-top: 100px;
        margin-bottom: 30px;
    }

    .header4 img {
        height: 500px;
        margin: 20px auto 30px;
    }

/* heros 5 */

.header5 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header5 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header5 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header5 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header5 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header5 .navbar-default .navbar-collapse,
.header5 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header5 .navbar-default .navbar-toggle:hover,
.header5 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header5 .navbar-default .navbar-nav > .active > a,
.header5 .navbar-default .navbar-nav > .active > a:hover,
.header5 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header5 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header5 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header5 .navbar-default .navbar-brand:hover,
.header5 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header5 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header5 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header5 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 5 content */

.header5 {
    min-height: 850px;
}

    .header5 .intro {
        min-height: 100vh;
        padding: 50px;
    }

        .header5 .intro .tag-line {
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 16px;
            letter-spacing: 1px;
            color: #fff;
        }

    .header5 .logo {
        color: #fff;
        font-size: 40px;
        padding-top: 10px;
    }

.hexa:hover span > .logo {
    color: #666;
}

.header5 h1 {
    color: #fff;
    font-family: Raleway;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: 6px;
    line-height: 1.2;
    margin: 0 auto 30px;
    max-width: 700px;
    position: relative;
    text-transform: uppercase;
}

.header5 p {
    color: #fff;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.4px;
    line-height: 2;
    margin-bottom: 45px;
    max-width: 500px;
    margin: 0 auto 45px;
}

.header5 .button {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    color: #666;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 4px 10px;
    min-width: 150px;
    padding: 17px 30px;
    text-transform: uppercase;
    word-spacing: 3px;
}

.header5 .btn-success.button {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}

/* hexagon */

.feature-hex,
.feature-hex:before,
.feature-hex:after {
    background-color: transparent;
    border-style: solid;
    border-color: #fff;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
    height: 57px;
    width: 100px;
    line-height: 16px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.feature-hex {
    float: left;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-right: 10px;
}

    .feature-hex:after,
    .feature-hex:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        z-index: -1;
    }

    .feature-hex:before {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .feature-hex:after {
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

.hexa:hover .feature-hex,
.hexa:hover .feature-hex:before,
.hexa:hover .feature-hex:after {
    background-color: #fff;
    border-color: #fff;
}

.hexa {
    display: block;
    height: 65px;
    left: 50%;
    margin-bottom: 50px;
    margin-left: -50px;
    position: relative;
    width: 100%;
}

/* heros 6 */

.header6 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header6 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header6 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header6 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header6 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header6 .navbar-default .navbar-collapse,
.header6 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header6 .navbar-default .navbar-toggle:hover,
.header6 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header6 .navbar-default .navbar-nav > .active > a,
.header6 .navbar-default .navbar-nav > .active > a:hover,
.header6 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header6 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header6 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header6 .navbar-default .navbar-brand:hover,
.header6 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header6 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header6 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header6 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 6 content */

.header6 {
    background: url('../images/header1.jpg') no-repeat scroll center top / cover;
}

    .header6 .intro {
        padding-top: 100px;
        min-height: 500px;
        overflow: hidden;
    }

        .header6 .intro .tag-line {
            font-family: 'Roboto Slab', serif;
            font-weight: 400;
            margin-bottom: 10px;
            font-size: 15px;
            letter-spacing: 1px;
            color: #fff;
        }

    .header6 h1 {
        color: #fff;
        font-family: Montserrat;
        font-size: 37px;
        font-weight: 700;
        letter-spacing: 4px;
        line-height: 1.2;
        margin: 0 auto 23px;
        max-width: 700px;
        position: relative;
        text-transform: uppercase;
    }

    .header6 p {
        color: #f8f8f8;
        font-family: Raleway;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1.5px;
        line-height: 1.3;
        margin-bottom: 45px;
        margin-left: auto;
        margin-right: auto;
        max-width: 550px;
    }

    .header6 .button {
        border: 0 none;
        border-radius: 4px;
        box-shadow: none;
        color: #fff;
        margin: 0 5px 5px;
        min-height: 55px;
        min-width: 179px;
        padding: 11px 0;
        text-indent: -9999px;
    }

    .header6 .btn-info.button {
        background: url('../images/btn-appstore-2.png') no-repeat scroll center top / cover;
        background-color: #800000;
    }

    .header6 .btn-success.button {
        background: url('../images/btn-googleplay-2.png') no-repeat scroll center top / cover;
        background-color: #800000;
    }

    .header6 .wrap-iphone img {
        position: relative;
        margin-bottom: -15px;
        margin-top: 60px;
    }

/*	header 7 */

.header7 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header7 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header7 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header7 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header7 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header7 .navbar-default .navbar-collapse,
.header7 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header7 .navbar-default .navbar-toggle:hover,
.header7 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header7 .navbar-default .navbar-nav > .active > a,
.header7 .navbar-default .navbar-nav > .active > a:hover,
.header7 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header7 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header7 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header7 .navbar-default .navbar-brand:hover,
.header7 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header7 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header7 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header7 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header 7 content */

.header7 {
    position: relative;
    background-color: #38A5E0;
    background: url('../images/header15.jpg') no-repeat scroll center top / cover;
}

    .header7 .intro {
        height: 1000px;
        padding-bottom: 70px;
        padding-top: 70px;
    }

    /* login reg */

    .header7 .login-reg {
        background: rgba(26, 41, 128, 0.7);
        background: -webkit-linear-gradient(to right, rgba(26, 41, 128, 0.7), rgba(27, 155, 153, 0.7));
        background: linear-gradient(to right, rgba(26, 41, 128, 0.7), rgba(27, 155, 153, 0.7));
    }

    .header7 .login-reg {
        border-top: 2px solid #fff;
        padding: 55px 50px;
        max-width: 455px;
        margin: 0 auto;
    }

        .header7 .login-reg h3 {
            color: #eee;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 800;
            letter-spacing: 2px;
            margin-bottom: 18px;
            margin-top: 0;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        }

        .header7 .login-reg p {
            color: #ddd;
            font-weight: 300;
            margin-bottom: 30px;
            font-size: 15px;
        }

        .header7 .login-reg p {
            color: #f8f8f8;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 1.5px;
            line-height: 1.3;
            margin-bottom: 45px;
            margin-left: auto;
            margin-right: auto;
            max-width: 550px;
            text-align: center;
        }

        .header7 .login-reg h3.pull-stop::after {
            border-color: #38A5E0;
            bottom: 5px;
        }

        .header7 .login-reg .form-control {
            background-color: rgba(225, 225, 227, 0.1);
            border: 1px solid transparent;
            border-radius: 2px;
            box-shadow: none;
            color: #fff;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            height: 55px;
            letter-spacing: 1.3px;
            margin-bottom: 30px;
        }

            .header7 .login-reg .form-control:focus {
                border-color: transparent;
                box-shadow: none;
                background-color: rgba(225, 225, 227, 0.2);
            }

            .header7 .login-reg .form-control::-moz-placeholder {
                color: #ddd;
                opacity: 1;
                font-family: Montserrat;
            }

        .header7 .login-reg .sign-tag p {
            color: #eee;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 0;
            margin-top: 25px;
            text-align: center;
            letter-spacing: 1.5px;
        }

        .header7 .login-reg .sign-tag a {
            color: #38A5E0;
            text-transform: uppercase;
            font-weight: 600;
        }

        .header7 .login-reg .button {
            background-color: #38a5e0;
            border: 0 none;
            border-radius: 2px;
            box-shadow: none;
            color: #fff;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 500;
            height: 55px;
            letter-spacing: 1.5px;
            margin: 0;
            padding: 11px 0;
            text-transform: uppercase;
        }

    .header7 .feature-hex,
    .header7 .feature-hex:before,
    .header7 .feature-hex:after {
        background-color: #fff;
        border-width: 0;
    }

    .header7 .hexa {
        display: block;
        height: 65px;
        left: 50%;
        margin-bottom: 50px;
        margin-left: -50px;
        margin-top: -88px;
        position: relative;
        top: -50%;
        width: 100%;
    }

        .header7 .hexa .logo {
            color: #333;
            font-size: 37px;
            padding-top: 10px;
        }

/* header 8 */

.header8 {
    position: relative;
    background-color: #38A5E0;
    background: url('../images/header7.jpg') no-repeat scroll center top / cover;
}

    .header8 .intro {
        min-height: 100vh;
        background-color: rgba(1, 191, 134, 0.75);
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .header8 .email {
        color: #fff;
        line-height: 0;
        font-size: 100px;
        margin-bottom: 20px;
    }

    .header8 .tag-line {
        color: #f8f8f8;
        letter-spacing: 10px;
        margin-bottom: 0;
        margin-top: 30px;
        text-transform: uppercase;
        word-spacing: 5px;
        font-family: 'Roboto Slab', serif !important;
        font-weight: 300;
        font-size: 17px;
    }

    .header8 h1 {
        color: #fff;
        font-family: Montserrat;
        font-size: 35px;
        font-weight: 600;
        letter-spacing: 1.5px;
        line-height: 1.2;
        margin: 0 auto 40px;
        position: relative;
        text-transform: capitalize;
        word-spacing: 3px;
    }

    /* end header */
    /* subscribe */

    .header8 .subscribe .form-control {
        background-color: rgba(225, 225, 227, 0.3);
        border: 1px solid transparent;
        border-radius: 50px;
        box-shadow: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: 52px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        padding: 10px 30px;
    }

        .header8 .subscribe .form-control:focus {
            border-color: #39b3d7;
            box-shadow: none;
            background-color: rgba(225, 225, 227, 0.3);
        }

        .header8 .subscribe .form-control::-moz-placeholder {
            color: #eee;
            opacity: 1;
            font-weight: 400;
            font-family: Montserrat;
        }

    .header8 .subscribe .sign-tag {
        display: inline-block;
    }

        .header8 .subscribe .sign-tag p {
            color: #eee;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 1px;
            margin-bottom: 0;
            margin-top: 25px;
            text-transform: lowercase;
        }

        .header8 .subscribe .sign-tag a {
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
        }

    .header8 .subscribe .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 50px;
        box-shadow: none;
        color: #666;
        display: inline-block;
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
        height: 52px;
        letter-spacing: 1.4px;
        margin: 0 2px 10px;
        min-width: 165px;
        padding: 12px 10px;
        text-transform: uppercase;
    }

/* end subscribe */
/* media queries */

@media (min-width: 768px) {
    .header8 .subscribe input {
        min-width: 400px;
    }
}

@media only screen and ( max-width: 991px) {
    .header8 h1 {
        font-weight: 700;
        font-size: 35px;
    }

    .header8 .subscribe .button {
        margin-left: 0;
        margin-top: 0;
    }

    .header8.email {
        color: #fff;
        font-size: 50px;
        margin-bottom: 15px;
    }
}

/* header 9 */

.header9 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header9 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header9 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header9 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header9 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header9 .navbar-default .navbar-collapse,
.header9 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header9 .navbar-default .navbar-toggle:hover,
.header9 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header9 .navbar-default .navbar-nav > .active > a,
.header9 .navbar-default .navbar-nav > .active > a:hover,
.header9 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header9 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header9 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header9 .navbar-default .navbar-brand:hover,
.header9 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header9 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header9 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header9 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header content 9 */

.header9 {
    background: url('../images/header15.jpg') no-repeat scroll center top / cover;
}

    .header9 .intro {
        padding-top: 100px;
    }

    .header9 .iphone-wrap {
        max-height: 535px;
    }

        .header9 .iphone-wrap img {
            max-width: 300px;
        }

    .header9 .intro h1 {
        color: #fff;
        font-family: Montserrat;
        font-size: 60px;
        font-weight: 700;
        letter-spacing: 3px;
        line-height: 1;
        margin-bottom: 30px;
        margin-top: 80px;
        position: relative;
    }

    .header9 p {
        color: #fff;
        font-size: 13px;
        line-height: 2;
        font-weight: 300;
        margin-bottom: 25px;
        max-width: 340px;
    }

    .header9 .intro p {
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1.4px;
        line-height: 2;
        margin-bottom: 45px;
        max-width: 420px;
    }

    .header9 .button {
        background-color: #fff;
        border: 2px solid transparent;
        border-radius: 50px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 0 10px;
        min-width: 150px;
        padding: 17px 30px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .header9 .new-highlight {
        background-color: #fff;
    }

    .header9 .new-tag {
        padding: 30px 0;
        width: 100%;
    }

        .header9 .new-tag P {
            color: #444;
            font-family: "Playfair Display", serif;
            font-size: 14px;
            font-style: italic;
            font-weight: 400;
            letter-spacing: 1.2px;
            margin-bottom: 0;
            max-width: none;
        }

            .header9 .new-tag P > span {
                background-color: #38a5e0;
                color: #fff;
                font-family: Montserrat;
                font-size: 12px;
                font-weight: 500;
                margin-right: 15px;
                padding: 6px 19px;
                text-transform: uppercase;
            }

@media (max-width: 991px) {
    .header9 .intro h1 {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .header9 .intro {
        padding-bottom: 90px;
        padding-top: 50px;
    }

        .header9 .intro h1 {
            margin-top: 0;
            font-size: 45px;
        }

        .header9 .intro p {
            margin-bottom: 30px;
        }

    .header9 .iphone-wrap img {
        margin-top: 30px;
        max-width: 225px;
    }
}

/* header 10 */

.header10 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header10 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header10 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header10 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header10 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    border-width: 1px;
    margin-bottom: 13px;
    margin-top: 13px;
    padding: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 1px;
    width: 18px;
}

.header10 .navbar-default .navbar-collapse,
.header10 .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.header10 .navbar-default .navbar-toggle:hover,
.header10 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header10 .navbar-default .navbar-nav > .active > a,
.header10 .navbar-default .navbar-nav > .active > a:hover,
.header10 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header10 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header10 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header10 .navbar-default .navbar-brand:hover,
.header10 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header10 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header10 .navbar-nav > li > a.nav-button {
    background-color: #38a5e0;
    border-radius: 3px;
    border-top: 0 none;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 30px;
}

    .header10 .navbar-nav > li > a.nav-button:hover {
        background-color: #fff;
        color: #666;
    }

/* end navbar */
/* header content 10 */

.header10 {
    background: url('../images/header4.jpg') no-repeat scroll center top / cover;
}

    .header10 .intro {
        padding: 70px 0;
        min-height: 550px;
    }

        .header10 .intro .header-content {
            padding: 0 30px;
            margin-bottom: 30px;
            margin-top: 145px;
        }

        .header10 .intro h1 {
            color: #fff;
            font-family: Montserrat;
            font-size: 50px;
            font-weight: 700;
            letter-spacing: 2px;
            line-height: 1.3;
            margin-bottom: 30px;
            margin-top: 0;
            position: relative;
        }

        .header10 .intro p {
            color: #fff;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 1.4px;
            line-height: 2;
            margin-bottom: 45px;
            max-width: 420px;
        }

    .header10 .button {
        background-color: #fff;
        border: 2px solid transparent;
        border-radius: 50px;
        box-shadow: none;
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 0 10px;
        min-width: 150px;
        padding: 17px 30px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

@media (max-width: 767px) {
    .header10 .intro .header-content {
        padding: 0 15px;
        margin-bottom: 30px;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .header10 .intro .header-content {
        padding: 0 15px;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .header10 .intro h1 {
        font-size: 40px;
    }
}

/* Contents
=======================*/
/* Content section 1 */

.content-section1 {
    padding: 50px 0;
    padding-bottom: 20px;
    background-color: #fff;
}

    .content-section1 .single-content {
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px;
    }

        .content-section1 .single-content i {
            border-radius: 50%;
            color: #fff;
            font-size: 25px;
            height: 75px;
            padding-top: 25px;
            text-align: center;
            width: 75px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .content-section1 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 20px;
            letter-spacing: 1.3px;
        }

        .content-section1 .single-content p {
            color: #666;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
        }

/*	content section 2 */

.content-section2 {
    padding: 50px 0;
    background-color: #fff;
}

    .content-section2 .single-content {
        display: inline-block;
        padding: 20px 30px;
        max-width: 350px;
    }

        .content-section2 .single-content i {
            border-radius: 50%;
            color: #fff;
            font-size: 22px;
            height: 50px;
            margin-right: 10px;
            margin-bottom: 5px;
            padding-top: 15px;
            text-align: center;
            -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            width: 50px;
        }

        .content-section2 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
        }

        .content-section2 .single-content p {
            color: #666;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
        }

/* Content section 3 */

.content-section3 {
    padding: 50px 0;
    background-color: #fff;
}

    .content-section3 .single-content {
        max-width: 375px;
        margin-bottom: 30px;
        margin-top: 120px;
    }

        .content-section3 .single-content i {
            border-radius: 50%;
            color: #fff;
            font-size: 25px;
            height: 75px;
            padding-top: 25px;
            text-align: center;
            width: 75px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .content-section3 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
        }

    .content-section3 .content-iphone img {
        height: 500px;
    }

    .content-section3 .single-content p {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 0;
    }

/* Content section 4 */

.content-section4 {
    padding: 50px 0;
    background-color: #fff;
}

    .content-section4 .single-content {
        max-width: 375px;
        margin-top: 120px;
    }

        .content-section4 .single-content i {
            border-radius: 50%;
            color: #fff;
            font-size: 25px;
            height: 75px;
            padding-top: 25px;
            text-align: center;
            width: 75px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .content-section4 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
        }

    .content-section4 .content-iphone img {
        height: 500px;
        margin: 0 auto;
    }

    .content-section4 .single-content p {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 0;
    }

/* Content section 5 */

.content-section5 {
    position: relative;
}

    .content-section5 .intro {
        padding: 50px 0;
        background-color: rgba(1, 191, 134, 0.75);
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .content-section5 h1 {
        color: #fff;
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 1.2;
        margin: 0 auto 30px;
        position: relative;
        text-transform: uppercase;
    }

    /* subscribe */

    .content-section5 .subscribe .form-control {
        background-color: rgba(225, 225, 227, 0.3);
        border: 1px solid transparent;
        border-radius: 50px;
        box-shadow: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: 52px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        padding: 10px 30px;
    }

        .content-section5 .subscribe .form-control:focus {
            border-color: #39b3d7;
            box-shadow: none;
            background-color: rgba(225, 225, 227, 0.3);
        }

        .content-section5 .subscribe .form-control::-moz-placeholder {
            color: #eee;
            opacity: 1;
            font-weight: 400;
        }

    .content-section5 .subscribe .button {
        background-color: #fff;
        border: 0 none;
        border-radius: 50px;
        box-shadow: none;
        color: #666;
        display: inline-block;
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
        height: 52px;
        letter-spacing: 1.4px;
        margin: 0 2px 10px;
        min-width: 165px;
        padding: 12px 10px;
        text-transform: uppercase;
    }

/* end subscribe */
/* media queries */

@media (min-width: 768px) {
    .content-section5 .subscribe input {
        min-width: 400px;
    }
}

@media only screen and ( max-width: 991px) {
    .content-section5 h1 {
        font-weight: 700;
        font-size: 35px;
    }

    .content-section5 .subscribe .button {
        width: 100%;
        margin-left: 0;
    }

    .content-section5.email {
        color: #fff;
        font-size: 50px;
        margin-bottom: 10px;
    }
}

/* Content section 6 */

.content-section6 {
    padding: 50px 0;
    background-color: #fff;
}

    .content-section6 .single-content {
        max-width: 340px;
        margin-top: 120px;
    }

        .content-section6 .single-content h3 {
            color: #333;
            font-family: Montserrat;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 40px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 5px;
        }

    .content-section6 .content-iphone img {
        margin: 0 auto;
    }

    .content-section6 .single-content p {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 0;
    }

    .content-section6 .single-content .list-inline {
        margin: 20px 0;
    }

    .content-section6 .single-content i {
        font-size: 12px;
        cursor: pointer;
    }

    .content-section6 .single-content li:nth-child(1) i {
        color: #3b5998;
    }

    .content-section6 .single-content li:nth-child(2) i {
        color: #38A5E0;
    }

    .content-section6 .single-content li:nth-child(3) i {
        color: #d34836;
    }

    .content-section6 .single-content li:nth-child(4) i {
        color: #C73B6F;
    }

/* Content section 7 */

.content-section7 {
    padding: 70px 0 50px;
    background-color: #fff;
}

    .content-section7 .single-content {
        margin-bottom: 30px;
        max-width: 340px;
        margin-top: 120px;
    }

        .content-section7 .single-content h3 {
            color: #fff;
            font-family: Montserrat;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 40px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 5px;
        }

    .content-section7 .content-iphone img {
        margin: 0 auto;
    }

    .content-section7 .single-content p {
        color: #fff;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 0;
    }

    .content-section7 .single-content .list-inline {
        margin: 20px 0;
    }

/* content section 8 */

.content-section8 .intro {
    padding: 70px 0;
    overflow: hidden;
}

.content-section8 h1 {
    color: #fff;
    font-family: Montserrat;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 auto 20px;
    max-width: 500px;
    position: relative;
    word-spacing: 3px;
}

.content-section8 p {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.9;
    margin: 0 auto 40px;
    max-width: 450px;
}

.content-section8 .button {
    color: #fff;
    padding: 11px 0;
    min-width: 150px;
    min-height: 46px;
    border: 1px solid #800000;
    box-shadow: none;
    border-radius: 4px;
    margin: 0 2px;
    text-indent: -9999px;
    margin-bottom: 8px;
}

.content-section8 .btn-info.button {
    background: #800000 url('../images/btn-appstore-2.png') no-repeat scroll center top / cover;
}

.content-section8 .btn-success.button {
    background: #800000 url('../images/btn-googleplay-2.png') no-repeat scroll center top / cover;
}

/* Content section 9 */

.content-section9 {
    background-color: #fff;
}

    .content-section9 .single-content {
        margin: 110px auto 50px;
        max-width: 400px;
    }

        .content-section9 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
        }

    .content-section9 .content-iphone {
        position: relative;
    }

        .content-section9 .content-iphone .play {
            position: absolute;
            border-radius: 50%;
            background-color: red;
            width: 50px;
            height: 50px;
            text-align: center;
            color: #fff;
            padding-top: 15px;
            font-size: 20px;
            padding-left: 5px;
            right: -25px;
            top: 50%;
            margin-top: -25px;
        }

    .content-section9 .single-content p {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 0;
    }

/*	content section 10 */

.content-section10 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

    .content-section10 .single-leader-wrapper {
        margin-bottom: 40px;
    }

    .content-section10 .single-leader .leader-overflow {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .content-section10 .small-tag {
        color: #f9f9f9;
        border-color: #eeeeee;
    }

    .content-section10 .section-title {
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        margin-bottom: 30px;
        letter-spacing: 1.5px;
        word-spacing: 3px;
    }

    .content-section10 .section-para {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 60px;
    }

    .content-section10 .center-divider {
        color: #ffffff;
    }

        .content-section10 .center-divider::after {
            border-color: #ffffff;
        }

    .content-section10 .single-leader {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .content-section10 .single-leader img {
            width: 100%;
        }

        .content-section10 .single-leader .leader-overflow > div {
            color: #666;
            font-family: 'Roboto', serif;
            font-size: 14px;
            font-weight: 400;
        }

        .content-section10 .single-leader .leader-overflow > div {
            color: #666;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1px;
            line-height: 1.8;
        }

        .content-section10 .single-leader .leader-overflow strong {
            color: #333;
            display: block;
            font-family: Montserrat;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 1.1px;
            margin-bottom: 10px;
        }

        .content-section10 .single-leader .leader-overflow {
            background-color: #fff;
            bottom: -78px;
            color: #999999;
            left: 0;
            text-align: left;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
            padding: 22px 20px 22px;
            position: absolute;
            right: 0;
            z-index: 2;
        }

    .content-section10 .leader-overflow:before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 20px;
        height: 20px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px;
    }

    .content-section10 .leader-detail {
        padding: 0 15px;
    }

        .content-section10 .leader-detail > p {
            color: #666;
            margin-bottom: 15px;
        }

    .content-section10 .single-leader-wrapper:hover .single-leader .leader-overflow {
        bottom: 0;
        color: #999999;
    }

    .content-section10 .button {
        background-color: #38a5e0;
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 1px;
        margin: 15px 5px 10px;
        min-width: 100px;
        padding: 11px 20px;
    }

/*	content section 11 */

.content-section11 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

    .content-section11 .single-leader-wrapper {
        margin-bottom: 30px;
    }

    .content-section11 .single-leader .leader-overflow {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .content-section11 .small-tag {
        color: #f9f9f9;
        border-color: #eeeeee;
    }

    .content-section11 .section-title {
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 30px;
        word-spacing: 3px;
    }

    .content-section11 .section-para {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 60px;
    }

    .content-section11 .single-leader {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    }

        .content-section11 .single-leader img {
            width: 100%;
        }

        .content-section11 .single-leader .leader-overflow > div {
            color: #666;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1.3px;
        }

        .content-section11 .single-leader .leader-overflow strong {
            color: #333;
            display: block;
            font-family: Montserrat;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 1.1px;
            margin-bottom: 10px;
        }

        .content-section11 .single-leader .leader-overflow {
            background-color: #f7f8f9;
            bottom: -5px;
            color: #999999;
            left: 0;
            padding: 25px 10px;
            position: absolute;
            right: 0;
            z-index: 2;
        }

    .content-section11 .leader-detail {
        padding: 0 15px;
    }

        .content-section11 .leader-detail > p {
            color: #666;
        }

    .content-section11 .leader-links {
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 0;
    }

        .content-section11 .leader-links i {
            color: #777;
            cursor: pointer;
        }

        .content-section11 .leader-links li:nth-child(1) i {
            color: #3b5998;
        }

        .content-section11 .leader-links li:nth-child(2) i {
            color: #38A5E0;
        }

        .content-section11 .leader-links li:nth-child(3) i {
            color: #d34836;
        }

        .content-section11 .leader-links li:nth-child(4) i {
            color: #C73B6F;
        }

/*	content section 12 */

.content-section12 {
    padding: 50px 0;
    padding-bottom: 20px;
    background-color: #f9f9f9;
}

    .content-section12 .single-content {
        position: relative;
        display: inline-block;
        margin-bottom: 30px;
        padding: 0 20px;
        background-color: transparent;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

        .content-section12 .single-content i {
            font-size: 18px;
            margin-bottom: 5px;
            margin-top: 2px;
            margin-right: 10px;
            position: relative;
            z-index: 2;
            width: 40px;
            height: 40px;
            background-color: #38A5E0;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            padding-top: 11px;
        }

        .content-section12 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
            margin-top: 0;
        }

        .content-section12 .single-content p {
            color: #666;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
        }

/*	content section 13 */

.content-section13 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

    .content-section13 .section-title {
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 30px;
        word-spacing: 3px;
    }

    .content-section13 .section-para {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 60px;
    }

    .content-section13 .single-leader-wrapper {
        background: url('../images/blur.jpg') no-repeat scroll center bottom / cover;
        min-height: 300px;
        position: relative;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }

    .content-section13 img {
        width: 85px;
        padding: 3px;
        margin: 40px 0 30px;
        border: 2px solid #fff;
    }

    .content-section13 .single-leader .leader-overflow {
        background-color: #fff;
        bottom: 0;
        color: #999999;
        left: 0;
        padding: 22px 20px 22px;
        position: absolute;
        right: 0;
        z-index: 2;
    }

        .content-section13 .single-leader .leader-overflow strong {
            color: #333;
            display: block;
            font-family: Montserrat;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 1.1px;
            margin-bottom: 10px;
        }

        .content-section13 .single-leader .leader-overflow > div > i {
            background-color: #38a5e0;
            bottom: 0;
            color: #fff;
            content: "";
            cursor: pointer;
            font-size: 12px;
            padding: 10px 20px;
            position: absolute;
            right: 0;
        }

        .content-section13 .single-leader .leader-overflow > div {
            color: #666;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1.3px;
        }

    .content-section13 .leader-links li i {
        color: #fff;
        font-size: 11px;
        cursor: pointer;
    }

/*	content section 14 */

.content-section14 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

    .content-section14 .products {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }

    .content-section14 .single-product {
        position: relative;
        overflow: hidden;
    }

        .content-section14 .single-product img {
            width: 100%;
        }

    .content-section14 .product-overflow .list-inline {
        margin: 0;
    }

        .content-section14 .product-overflow .list-inline li {
            padding-left: 2px;
            padding-right: 2px;
        }

    .content-section14 .single-product:hover .product-overflow i {
        margin-top: 0;
    }

    .content-section14 .product-overflow i:hover {
        background-color: #38A5E0;
        color: #fff;
        cursor: pointer;
        margin-top: 0;
    }

    .content-section14 .product-overflow i {
        background-color: #fff;
        width: 40px;
        height: 40px;
        padding-top: 13px;
        color: #555;
        margin-top: 50px;
        transition: all 0.5s ease 0s;
    }

    .content-section14 .ribbon-left {
        background-color: #ef476f;
        color: #fff;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 500;
        left: 20px;
        letter-spacing: 1.5px;
        padding: 6px 0;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 20px;
        width: 70px;
        z-index: 5;
    }

        .content-section14 .ribbon-left::after {
            border-right: 11px solid transparent;
            border-top: 32px solid #ef476f;
            content: "";
            display: inline-block;
            position: absolute;
            right: -11px;
            top: 0;
            z-index: 5;
        }

    .content-section14 .product-text {
        background-color: #fff;
        padding: 20px;
        z-index: 2;
    }

        .content-section14 .product-text strong {
            color: #666;
            display: block;
            font-family: Raleway;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 10px;
            word-spacing: 2px;
        }

        .content-section14 .product-text span {
            display: block;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 1px;
            color: #38A5E0;
            font-family: 'Roboto Slab', serif;
        }

        .content-section14 .product-text span {
            color: #38A5E0;
            display: block;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .content-section14 .product-text .list-inline i {
            color: #ffbc42;
            font-size: 10px;
        }

        .content-section14 .product-text .list-inline > li {
            margin-top: 5px;
            padding-left: 0;
            padding-right: 0;
        }

    .content-section14 .product-overflow {
        position: absolute;
        text-align: center;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0);
        z-index: 2;
    }

    .content-section14 .single-product:hover .product-overflow {
        opacity: 1;
    }

    .content-section14 .single-product:hover:before {
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .content-section14 .single-product:hover:after {
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .content-section14 .single-product:before {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgba(0, 0, 0, 0.3);
        top: 0;
        height: 0;
        content: '';
        position: absolute;
        right: 0;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 0;
        z-index: 0;
    }

    .content-section14 .single-product::after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 0;
        z-index: 0;
    }

/* content-section 15 */

.content-section15 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

    .content-section15 .recent-porduct {
        display: inline-block;
        background-color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    }

    .content-section15 .rec-prod-img {
        position: relative;
    }

        .content-section15 .rec-prod-img.media-left,
        .content-section15 .media > .rec-prod-img.pull-left {
            padding-right: 0;
        }

    .content-section15 .rec-overflow {
        position: absolute;
        top: 0;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    .content-section15 .recent-porduct:hover .rec-overflow {
        background-color: rgba(0, 0, 0, 0.7);
    }

        .content-section15 .recent-porduct:hover .rec-overflow i {
            opacity: 1;
        }

    .content-section15 .rec-overflow i {
        font-size: 18px;
        opacity: 0;
    }

    .content-section15 .rec-prod-img img {
        width: 100px;
    }

    .content-section15 .rec-prod-cont {
        padding: 20px 30px 10px;
    }

        .content-section15 .rec-prod-cont span {
            color: #888;
            display: block;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1px;
            display: block;
            margin-bottom: 5px;
        }

        .content-section15 .rec-prod-cont > div {
            color: #666;
            display: block;
            font-family: Raleway;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 10px;
            word-spacing: 2px;
        }

        .content-section15 .rec-prod-cont .list-inline {
            margin-top: 5px;
            margin-bottom: 15px;
        }

            .content-section15 .rec-prod-cont .list-inline li {
                padding: 0px;
                color: #FFBE0B;
                font-size: 10px;
            }

        .content-section15 .rec-prod-cont strong {
            color: #01bf86;
            display: block;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
        }

/* .content-section16 */

.content-section16 {
    background-color: transparent;
    padding: 10rem 0;
    background: url(../images/highlight1.jpg) scroll no-repeat center top / cover;
}

    .content-section16 .highlight-text {
        color: #fff;
        max-width: 800px;
        text-align: center;
    }

        .content-section16 .highlight-text h1 {
            font-family: Montserrat;
            font-size: 30px;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 1.7;
            word-spacing: 2px;
        }

            .content-section16 .highlight-text h1 span {
                color: #38a5e0;
                font-family: Raleway;
                font-weight: 800;
            }

/* Content Section 17 */

.content-section17 {
    background-color: transparent;
    min-height: 400px;
    background: url(../images/no-blur.jpg) scroll no-repeat center -150px / cover;
}

    .content-section17 .supporter-name img {
        border: 1px solid #bbb;
        border-radius: 0;
        margin-right: 20px;
        padding: 5px;
        width: 50px;
    }

    .content-section17 .supporter-name {
        color: #fff;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 1.5;
        margin-bottom: 30px;
        text-transform: uppercase;
        word-spacing: 2px;
        letter-spacing: 1.5px;
    }

    .content-section17 .carousel.slide {
        padding: 10rem 0;
    }

    .content-section17 span {
        color: #01bf86;
        font-family: Raleway;
        font-size: 13px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .content-section17 p {
        color: #eee;
        font-family: Raleway;
        font-size: 20px;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 2;
        word-spacing: 1.5px;
    }

    .content-section17 .carousel-indicators {
        bottom: 0;
    }

        .content-section17 .carousel-indicators li {
            background-color: #fff;
            border-radius: 2px;
            height: 16px;
            margin: 0 10px 0 0;
            width: 12px;
        }

        .content-section17 .carousel-indicators .active {
            background-color: #fff;
            height: 12px;
            margin: 0;
            width: 16px;
            border-color: #01BF86;
            background-color: #01BF86;
            margin-right: 10px;
        }

    .content-section17 .carousel-inner {
        overflow: visible;
    }

    .content-section17 .carousel-slide {
        position: absolute;
        top: 55%;
        opacity: 1;
    }

    .content-section17 a span {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 2px;
        color: #666;
        display: inline-block;
        height: 35px;
        position: relative;
        transform: rotate(45deg);
        width: 35px;
    }

        .content-section17 a span:hover {
            background-color: #01BF86;
            border-collapse: #fff;
            outline-color: transparent;
            color: #fff;
        }

    .content-section17 .prev-slide .fa,
    .content-section17 .next-slide .fa {
        font-size: 20px;
        position: absolute;
        text-align: center;
        transform: rotate(-45deg);
    }

    .content-section17 .prev-slide {
        left: -10%;
    }

    .content-section17 .next-slide {
        right: -10%;
    }

    .content-section17 .prev-slide .fa {
        padding: 0 12px 55px 15px;
    }

    .content-section17 .next-slide .fa {
        padding: 0 12px 60px 20px;
    }

    /* Bootstrap carousel Animation */

    .content-section17 .carousel-fade .carousel-inner .item {
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .content-section17 .carousel-fade .carousel-inner .item,
    .content-section17 .carousel-fade .carousel-inner .active.left,
    .content-section17 .carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }

    .content-section17 .carousel-fade .carousel-inner .active,
    .content-section17 .carousel-fade .carousel-inner .next.left,
    .content-section17 .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

        .content-section17 .carousel-fade .carousel-inner .next,
        .content-section17 .carousel-fade .carousel-inner .prev,
        .content-section17 .carousel-fade .carousel-inner .active.left,
        .content-section17 .carousel-fade .carousel-inner .active.right {
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .content-section17 .carousel-fade .carousel-control {
        z-index: 2;
    }

/* .content-section18 */

.content-section18 {
    background-color: transparent;
    padding: 10rem 0;
    background: url(../images/people4.jpg) scroll no-repeat center top / cover;
}

    .content-section18 .highlight-text {
        color: #fff;
        max-width: 900px;
        text-align: center;
    }

        .content-section18 .highlight-text h1 {
            font-family: Raleway;
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 1px;
            line-height: 1.7;
            text-transform: uppercase;
            word-spacing: 2px;
            color: #fff;
        }

        .content-section18 .highlight-text .fixed-price {
            color: #fff;
            font-family: Montserrat;
            font-size: 60px;
            font-weight: 200;
        }

        .content-section18 .highlight-text h3 {
            color: #fff;
            font-family: "Playfair Display", serif;
            font-size: 18px;
            font-style: italic;
            font-weight: 200;
            letter-spacing: 1.2px;
            margin-bottom: 60px;
            text-transform: lowercase;
        }

    .content-section18 .button i {
        margin-right: 10px;
    }

    .content-section18 .button {
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        margin: 0 2px 8px;
        min-width: 130px;
        padding: 15px 35px;
        text-transform: uppercase;
    }

        .content-section18 .button:hover {
            background-color: #fff;
            color: #333;
        }

/*	content section 19 */

.content-section19 {
    padding: 80px 0;
    background-color: #fff;
}

    .content-section19 .mn-top {
        margin-top: 90px;
    }

    .content-section19 .single-content {
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
        padding: 0;
        background-color: transparent;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

        .content-section19 .single-content i {
            background-color: #38a5e0;
            border-radius: 30px;
            color: #fff;
            font-size: 18px;
            height: 45px;
            margin-bottom: 5px;
            margin-right: 10px;
            margin-top: 1px;
            padding-top: 13px;
            position: relative;
            text-align: center;
            width: 45px;
            z-index: 2;
        }

        .content-section19 .single-content h3 {
            color: #444;
            font-family: Raleway;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 20px;
            margin-top: 0;
        }

        .content-section19 .single-content p {
            color: #666;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
        }

/*	content section 20 */

.content-section20 {
    padding: 80px 0;
    padding-bottom: 0;
    background-color: #fff;
}

.screenshot-wrap {
    max-height: 470px;
    overflow: hidden;
}

.content-section20 .mn-top {
    margin-top: 150px;
}

.content-section20 .section-title {
    color: #333;
    font-family: Raleway;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 30px;
    word-spacing: 3px;
}

.content-section20 .section-para {
    color: #666;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.9;
    margin-bottom: 60px;
}

.content-section20 .single-content {
    margin-bottom: 30px;
}

    .content-section20 .single-content img {
        margin-bottom: -30px;
    }

    .content-section20 .single-content h3 {
        color: #444;
        font-family: Raleway;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 1.3px;
        margin-bottom: 40px;
        margin-top: 0;
        position: relative;
    }

    .content-section20 .single-content p {
        color: #666;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 1.9;
        margin-bottom: 30px;
    }

.content-section20 .button {
    color: #444;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 25px;
    min-width: 120px;
    border: 0;
    box-shadow: none;
    border-radius: 30px;
    margin: 0 2px;
    margin-bottom: 8px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    border: 1px solid #fff;
}

    .content-section20 .button:hover {
        background-color: #333;
        color: #fff;
    }

.content-section20 .button {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 50px;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    color: #666;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 0 10px;
    min-width: 130px;
    padding: 16px 24px;
    text-transform: uppercase;
    word-spacing: 3px;
}

.content-section20 .btn-link {
    color: #38a5e0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.1px;
    text-decoration: underline;
}

.content-section20 .button i {
    margin-right: 6px;
}

/* forms
=======================*/
/*	form 1 */

.form1 {
    overflow: visible;
    padding: 50px 0;
    background-color: #fff;
}

    .form1 .row .contact-overlay {
        margin-right: 15px;
        margin-left: 15px;
        overflow: auto;
    }

    .form1 .section-title {
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 40px;
        position: relative;
        word-spacing: 3px;
    }

    .form1 .form-group {
        margin-bottom: 22px;
    }

    .form1 .form-control {
        background-color: transparent;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 2px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
        color: #999;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: auto;
        letter-spacing: 1px;
        padding: 20px 18px;
        width: 100%;
        word-spacing: 1px;
    }

    .form1 .textarea {
        min-height: 140px !important;
        width: 100% !important;
    }

    .form1 .form-control:focus {
        border-width: 1px;
        border-color: #eee;
    }

    .form1 .form-control::-webkit-placeholder,
    .form1 .form-control::-moz-placeholder,
    .form1 .form-control::-ms-placeholder,
    .form1 .form-control::-o-placeholder {
        color: #999999;
        font-size: 12px;
        font-weight: bold;
        opacity: 1;
        letter-spacing: 0.5px;
        text-transform: capitalize;
    }

    .form1 .form-group .btn {
        background-color: #333;
        border: 2px solid transparent;
        border-radius: 2px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
        color: #fff;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 0 10px;
        min-width: 180px;
        padding: 18px 24px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .form1 .list-unstyled > li {
        margin-bottom: 15px;
    }

        .form1 .list-unstyled > li > span {
            color: #666;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 1.1px;
        }

        .form1 .list-unstyled > li > i {
            color: #777;
            display: inline-block;
            font-size: 12px;
            margin-right: 11px;
            text-align: center;
        }

    .form1 .social-links li:nth-child(4) i {
        color: #3b5998;
    }

    .form1 .social-links li:nth-child(5) i {
        color: #38A5E0;
    }

    .form1 .social-links li:nth-child(6) i {
        color: #d34836;
    }

    .form1 .social-links {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 20px;
    }

        .form1 .social-links li i {
            cursor: pointer;
            font-size: 13px;
        }

        .form1 .social-links li:nth-child(3) i {
            color: #3b5998;
        }

        .form1 .social-links li:nth-child(4) i {
            color: #38A5E0;
        }

        .form1 .social-links li:nth-child(5) i {
            color: #d34836;
        }

        .form1 .social-links li:nth-child(6) i {
            color: #C73B6F;
        }

    .form1 .list-unstyled > li.contact-info {
        color: #444;
        font-family: Montserrat;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 25px;
        margin-top: 80px;
    }

    .form1 .list-inline > li.addr-title {
        color: #444;
        font-family: Montserrat;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 25px;
        margin-top: 0;
    }

/*	form 2 */

.form2 {
    overflow: visible;
    padding: 50px 0;
    background-color: #fff;
}

    .form2 .row .contact-overlay {
        margin-right: 15px;
        margin-left: 15px;
        overflow: auto;
    }

    .form2 .section-title {
        position: relative;
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 40px;
        word-spacing: 3px;
    }

    .form2 .border-bottom:before {
        left: 50%;
        margin-left: -17.5px;
    }

    .form2 .section-para {
        color: #666;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 1.9;
        margin-bottom: 60px;
    }

    .form2 .form-group {
        margin-bottom: 22px;
    }

    .form2 .form-control {
        background-color: transparent;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 2px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
        color: #999;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: auto;
        letter-spacing: 1px;
        padding: 20px 18px;
        width: 100%;
        word-spacing: 1px;
    }

    .form2 .textarea {
        min-height: 140px !important;
        width: 100% !important;
    }

    .form2 .form-control:focus {
        border-width: 1px;
        border-color: #eee;
    }

    .form2 .form-control::-webkit-placeholder,
    .form2 .form-control::-moz-placeholder,
    .form2 .form-control::-ms-placeholder,
    .form2 .form-control::-o-placeholder {
        color: #aaa;
        font-size: 12px;
        font-weight: 400;
        opacity: 1;
        letter-spacing: 1px;
        text-transform: capitalize;
    }

    .form2 .form-group .btn {
        background-color: #333;
        border: 2px solid transparent;
        border-radius: 2px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
        color: #fff;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 0 10px;
        min-width: 180px;
        padding: 18px 24px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .form2 .social-links {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 20px;
    }

        .form2 .social-links li i {
            cursor: pointer;
            font-size: 13px;
        }

        .form2 .social-links li:nth-child(1) i {
            color: #3b5998;
        }

        .form2 .social-links li:nth-child(2) i {
            color: #38A5E0;
        }

        .form2 .social-links li:nth-child(3) i {
            color: #d34836;
        }

        .form2 .social-links li:nth-child(4) i {
            color: #C73B6F;
        }

    .form2 .contact-info {
        font-weight: 400;
        font-size: 17px;
        color: #444;
        font-family: 'Roboto', sans-serif;
        margin-top: 80px;
    }

    .form2 .addr-title {
        font-weight: 400;
        font-size: 17px;
        color: #444;
        font-family: 'Roboto', sans-serif;
    }

/*	form 3 */

.form3 {
    overflow: visible;
    padding: 50px 0;
    background-color: #fff;
}

    .form3 .row .contact-overlay {
        margin-right: 15px;
        margin-left: 15px;
        overflow: auto;
    }

    .form3 .section-title {
        color: #333;
        font-family: Raleway;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 40px;
        word-spacing: 3px;
    }

    .form3 .border-bottom:before {
        left: 50%;
        margin-left: -17.5px;
    }

    .form3 .section-para {
        margin-bottom: 50px;
        line-height: 30px;
    }

    .form3 img .iphone-wrap {
        position: relative;
    }

    .form3 .iphone-wrap .icon-tag {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 106px;
        margin-left: -53px;
        height: 40px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding: 7px 24px;
        font-family: 'Roboto Slab', serif;
        font-weight: 600;
        letter-spacing: 2px;
        border-radius: 30px;
        margin-top: -20px;
    }

    .form3 img {
        margin-top: 20px;
    }

    .form3 .form-group {
        color: #666;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 1px;
        margin-bottom: 22px;
    }

    .form3 .form-control {
        background-color: transparent;
        background-image: none;
        border-color: #eee;
        border-radius: 0;
        border-style: solid;
        border-width: 0 0 1px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.01);
        color: #777777;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        height: auto;
        letter-spacing: 1px;
        padding: 18px 0;
        text-transform: capitalize;
        width: 100%;
        word-spacing: 1px;
    }

    .form3 input[type="checkbox"],
    .form3 input[type="radio"] {
        margin: 4px 0 0;
        margin-right: 10px;
        color: red;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-transition: box-shadow 0;
        box-shadow: none;
    }

    .form3 .textarea {
        min-height: 140px !important;
        width: 100% !important;
    }

    .form3 .form-control:focus {
        border-bottom-width: 1px;
        border-color: #eee;
    }

    .form3 .form-control::-webkit-placeholder,
    .form3 .form-control::-moz-placeholder,
    .form3 .form-control::-ms-placeholder,
    .form3 .form-control::-o-placeholder {
        color: #999999;
        font-size: 12px;
        font-weight: bold;
        opacity: 1;
        letter-spacing: 0.5px;
        text-transform: capitalize;
    }

    .form3 .form-group .btn {
        background-color: #333;
        border: 2px solid transparent;
        border-radius: 2px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
        color: #fff;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0 0 10px;
        min-width: 180px;
        padding: 18px 24px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

/* form 4 */

.form4 {
    position: relative;
    background: url('../images/header14.jpg') no-repeat scroll left top / cover;
}

    .form4 .form-intro {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .form4 .form-logo {
        background-color: #fff;
        border-radius: 50px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.3);
        color: #38A5E0;
        font-size: 28px;
        height: 65px;
        margin: -32px auto 22px;
        padding-top: 13px;
        width: 65px;
    }

    /* login reg */

    .form4 .login-reg {
        background-color: #fff;
        padding: 0 50px 50px;
        margin-top: 50px;
    }

        .form4 .login-reg h3 {
            color: #555;
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 40px;
            margin-top: 0;
            position: relative;
            text-transform: uppercase;
            word-spacing: 3px;
        }

    .form4 .form-control {
        background-color: transparent;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 2px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
        color: #999;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: auto;
        letter-spacing: 1px;
        padding: 20px 18px;
        width: 100%;
        word-spacing: 1px;
    }

    .form4 .login-reg .form-control:focus {
        border-color: #eee;
        background-color: transparent;
    }

    .form4 .login-reg .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form4 .login-reg .sign-tag p {
        color: #999;
        font-family: Raleway;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0;
        margin-top: 25px;
    }

    .form4 .login-reg .sign-tag a {
        color: #38A5E0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .form4 .login-reg .button {
        border: 0 none;
        box-shadow: none;
        color: #fff;
        font-size: 13px;
        margin: 0 2px;
        padding: 11px 0;
        background-color: #38A5E0;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        width: 165px;
        border-radius: 30px;
    }

    .form4 .login-reg .button {
        background-color: #333;
        border: 2px solid transparent;
        border-radius: 50px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
        color: #fff;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 15px 0 10px;
        min-width: 180px;
        padding: 18px 24px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

/* form 5 */

.form5 {
    position: relative;
    background: url('../images/header4.jpg') no-repeat scroll center top / cover;
}

    .form5 .form-intro {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .form5 .form-logo {
        background-color: #fff;
        border-radius: 50px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.3);
        color: #38A5E0;
        font-size: 28px;
        height: 65px;
        margin: -32px auto 22px;
        padding-top: 13px;
        width: 65px;
    }

    /* login reg */

    .form5 .login-reg {
        background-color: #fff;
        padding: 0 50px 50px;
        margin-top: 50px;
    }

        .form5 .login-reg h3 {
            color: #555;
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 40px;
            margin-top: 0;
            position: relative;
            text-transform: uppercase;
            word-spacing: 3px;
        }

    .form5 .form-control {
        background-color: transparent;
        background-image: none;
        border-bottom: 1px solid #eee;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 2px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
        color: #999;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 400;
        height: auto;
        letter-spacing: 1px;
        padding: 20px 18px;
        width: 100%;
        word-spacing: 1px;
    }

    .form5 .login-reg .form-control:focus {
        border-width: 2px;
        border-color: #38A5E0;
        box-shadow: none;
        background-color: transparent;
    }

    .form5 .login-reg .form-control::-moz-placeholder {
        color: #aaa;
        opacity: 1;
    }

    .form5 .login-reg .sign-tag p {
        color: #999;
        font-family: Raleway;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0;
        margin-top: 25px;
    }

    .form5 .login-reg .sign-tag a {
        color: #38A5E0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .form5 .login-reg .button {
        background-color: #333;
        border: 2px solid transparent;
        border-radius: 50px;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
        color: #fff;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 15px 0 10px;
        min-width: 180px;
        padding: 18px 24px;
        text-transform: uppercase;
        word-spacing: 3px;
    }

    .form5 .or {
        color: #777;
        font-family: Montserrat;
        font-size: 11px;
        margin: 28px 0 12px;
        position: relative;
    }

        .form5 .or:before {
            content: '';
            width: 35%;
            height: 1px;
            bottom: 9px;
            right: 25px;
            position: absolute;
            background-color: rgba(225, 225, 227, 0.7);
        }

.or:after {
    content: '';
    width: 35%;
    height: 1px;
    bottom: 9px;
    left: 25px;
    position: absolute;
    background-color: rgba(225, 225, 227, 0.7);
}

.form5 .login-reg .sign-in-link .button {
    width: 122px;
    padding: 8px 0;
    margin-bottom: 8px;
    font-weight: 500;
}

.form5 .login-reg .facebook.button,
.form5 .login-reg .twitter.button {
    background-color: #333;
    border: medium none;
    border-radius: 50px;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
    color: #fff;
    font-family: Montserrat;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    min-width: 120px;
    padding: 15px;
    text-transform: uppercase;
    word-spacing: 3px;
}

.form5 .login-reg .sign-in-link .btn-info.button {
    background-color: #3b5998;
}

.form5 .login-reg .sign-in-link .btn-success.button {
    background-color: #38A5E0;
}

/* form 6 */

.form6 {
    position: relative;
    background: url('../images/header5.png') no-repeat scroll center top / cover;
}

    .form6 .form-intro {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .form6 .form-logo {
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.3);
        color: #38a5e0;
        font-size: 28px;
        height: 65px;
        margin: -32px auto 40px;
        padding-top: 13px;
        width: 65px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .form6 .form-logo i {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    /* login reg */

    .form6 .login-reg {
        background-color: #fff;
        padding: 0 50px 50px;
        margin-top: 50px;
    }

        .form6 .login-reg h3 {
            color: #555;
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 40px;
            margin-top: 0;
            position: relative;
            text-transform: uppercase;
            word-spacing: 3px;
        }

        .form6 .login-reg .form-control {
            background-color: transparent;
            background-image: none;
            border-color: #eee;
            border-radius: 2px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
            color: #aaa;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            height: auto;
            letter-spacing: 1px;
            padding: 20px 18px;
            width: 100%;
            word-spacing: 1px;
        }

            .form6 .login-reg .form-control:focus {
                border-color: #eee;
                box-shadow: none;
                background-color: transparent;
            }

            .form6 .login-reg .form-control::-moz-placeholder {
                color: #aaa;
                opacity: 1;
            }

        .form6 .login-reg .terms-tag p {
            color: #999;
            font-family: Raleway;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 30px;
            margin-top: 0;
            text-indent: 2px;
        }

        .form6 .login-reg .sign-tag p {
            color: #999;
            font-family: Raleway;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 0;
            margin-top: 25px;
        }

        .form6 .login-reg .terms-tag a,
        .form6 .login-reg .sign-tag a {
            color: #38A5E0;
        }

        .form6 .login-reg .button {
            background-color: #333;
            border: 2px solid transparent;
            border-radius: 50px;
            box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
            color: #fff;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 2px;
            margin: 10px 0 10px;
            min-width: 180px;
            padding: 18px 24px;
            text-transform: uppercase;
            word-spacing: 3px;
        }

/* form 7 */

.form7 {
    position: relative;
    background: url('../images/header12.jpg') no-repeat scroll center top / cover;
}

    .form7 .form-intro {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .form7 .form-logo {
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.3);
        color: #38a5e0;
        font-size: 28px;
        height: 65px;
        margin: -32px auto 40px;
        padding-top: 13px;
        width: 65px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .form7 .form-logo i {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    /* login reg */

    .form7 .login-reg {
        background-color: #fff;
        padding: 0 50px 50px;
        margin-top: 50px;
    }

        .form7 .login-reg h3 {
            color: #555;
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 40px;
            margin-top: 0;
            position: relative;
            text-transform: uppercase;
            word-spacing: 3px;
        }

        .form7 .login-reg .form-control {
            background-color: transparent;
            background-image: none;
            border-color: #eee;
            border-radius: 50px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
            color: #aaa;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            height: auto;
            letter-spacing: 1px;
            padding: 20px 30px;
            width: 100%;
            word-spacing: 1px;
        }

            .form7 .login-reg .form-control:focus {
                border-color: #eee;
                box-shadow: none;
                background-color: transparent;
            }

            .form7 .login-reg .form-control::-moz-placeholder {
                color: #aaa;
                opacity: 1;
            }

        .form7 .login-reg .button {
            background-color: #333;
            border: 2px solid transparent;
            border-radius: 50px;
            box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
            color: #fff;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 2px;
            margin: 10px 0 10px;
            min-width: 180px;
            padding: 18px 24px;
            text-transform: uppercase;
            word-spacing: 3px;
        }

/* form 8 */

.form8 {
    position: relative;
    background: url('../images/header12.jpg') no-repeat scroll center top / cover;
}

    .form8 .form-intro {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .form8 .form-logo {
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.3);
        color: #38a5e0;
        font-size: 28px;
        height: 65px;
        margin: -32px auto 40px;
        padding-top: 13px;
        width: 65px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .form8 .form-logo i {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    /* login reg */

    .form8 .login-reg {
        background-color: #fff;
        padding: 0 50px 50px;
        margin-top: 50px;
    }

        .form8 .login-reg h3 {
            color: #555;
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 40px;
            margin-top: 0;
            position: relative;
            text-transform: uppercase;
            word-spacing: 3px;
        }

        .form8 .login-reg .form-control {
            background-color: transparent;
            background-image: none;
            border-color: #eee;
            border-radius: 50px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
            color: #aaa;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            height: auto;
            letter-spacing: 1px;
            padding: 20px 30px;
            width: 100%;
            word-spacing: 1px;
        }

            .form8 .login-reg .form-control:focus {
                border-color: #eee;
                box-shadow: none;
                background-color: transparent;
            }

            .form8 .login-reg .form-control::-moz-placeholder {
                color: #aaa;
                opacity: 1;
            }

        .form8 .login-reg .button {
            background-color: #333;
            border: 2px solid transparent;
            border-radius: 50px;
            box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
            color: #fff;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 2px;
            margin: 10px 0 10px;
            min-width: 180px;
            padding: 18px 24px;
            text-transform: uppercase;
            word-spacing: 3px;
        }

/* header 11 */

.header11 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header11 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header11 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header11 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header11 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header11 .navbar-default .navbar-collapse,
.header11 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header11 .navbar-default .navbar-toggle:hover,
.header11 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header11 .navbar-default .navbar-nav > .active > a,
.header11 .navbar-default .navbar-nav > .active > a:hover,
.header11 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header11 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header11 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header11 .navbar-default .navbar-brand:hover,
.header11 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header11 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header11 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 11 */

.header11 {
    position: relative;
    background: url('../images/background2_500.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header11:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .header11 .intro {
        padding: 70px 0;
        /*min-height: 900px;*/
        z-index: 1000;
    }

        .header11 .intro .header-content {
            padding: 0 30px;
            margin-bottom: 30px;
            margin-top: 80px;
        }

        .header11 .intro h1 {
            color: #fff;
            font-family: Raleway;
            font-size: 60px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 60px;
            margin-bottom: 30px;
            position: relative;
            z-index: 1000;
        }

        .header11 .intro .button i {
            background-color: #38a5e0;
            border-radius: 30px;
            float: left;
            font-size: 18px;
            height: 24px;
            margin-right: 5px;
            padding-left: 4px;
            padding-top: 4px;
            width: 24px;
        }

        .header11 .intro .button {
            background-color: transparent;
            border: 1px solid #f9f9f9;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: Montserrat;
            font-size: 17px;
            font-weight: 500;
            margin: 0 2px;
            min-width: 185px;
            padding: 14px 30px;
            position: relative;
            word-spacing: 2px;
            z-index: 1000;
            letter-spacing: 1.0px;
        }

/* header 12 */

.header12 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header12 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header12 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header12 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header12 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header12 .navbar-default .navbar-collapse,
.header12 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header12 .navbar-default .navbar-toggle:hover,
.header12 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header12 .navbar-default .navbar-nav > .active > a,
.header12 .navbar-default .navbar-nav > .active > a:hover,
.header12 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header12 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

min .header12 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header12 .navbar-default .navbar-brand:hover,
.header12 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header12 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header12 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 12 */

.header12 {
    position: relative;
    background: url('../images/header4.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header12:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .header12 .intro {
        padding: 70px 0;
        min-height: 900px;
        z-index: 1000;
    }

        .header12 .intro .header-content {
            padding: 0 30px;
            margin-bottom: 30px;
            margin-top: 80px;
        }

        .header12 .intro h1 {
            color: #fff;
            font-family: Montserrat;
            font-size: 52px;
            font-weight: 700;
            letter-spacing: 3px;
            line-height: 72px;
            margin-bottom: 40px;
            max-width: 800px;
            position: relative;
            z-index: 1000;
        }

        .header12 .intro p {
            color: #f9f9f9;
            font-family: "Playfair Display", serif;
            font-size: 17px;
            font-style: italic;
            line-height: 30px;
            margin: 0 auto 40px;
            max-width: 400px;
            position: relative;
            z-index: 1000;
        }

        .header12 .intro .button i {
            background-color: #38a5e0;
            border-radius: 30px;
            float: left;
            font-size: 18px;
            height: 24px;
            margin-right: 5px;
            padding-left: 4px;
            padding-top: 4px;
            width: 24px;
        }

    /* form */

    .header12 .login-reg {
        background-color: transparent;
        position: relative;
        z-index: 1000;
    }

        .header12 .login-reg .form-control {
            background-color: rgba(116, 116, 116, 0.3);
            border: 1px solid transparent;
            border-radius: 2px;
            box-shadow: none;
            color: #ccc;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 400;
            height: 48px;
            letter-spacing: 1px;
            margin-bottom: 20px;
            position: relative;
            z-index: 1000;
        }

            .header12 .login-reg .form-control:focus {
                box-shadow: none;
                background-color: rgba(116, 116, 116, 0.3);
            }

            .header12 .login-reg .form-control::-moz-placeholder {
                color: #ccc;
                opacity: 1;
            }

        .header12 .login-reg .sign-tag p {
            color: #aaa;
            font-weight: 500;
            font-size: 12px;
            margin-bottom: 0;
            margin-top: 25px;
            text-indent: 2px;
            font-family: 'Roboto Slab', serif;
        }

        .header12 .login-reg .terms-tag a,
        .header12 .login-reg .sign-tag a {
            color: #38A5E0;
        }

        .header12 .login-reg .button {
            background-color: #38a5e0;
            border: 0 none;
            border-radius: 2px;
            box-shadow: none;
            color: #fff;
            font-family: Montserrat;
            font-size: 12px;
            font-weight: 500;
            height: auto;
            letter-spacing: 1px;
            margin: 0 2px;
            padding: 15px 0;
            text-transform: uppercase;
            word-spacing: 3px;
        }

/* header 13 */

.header13 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header13 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header13 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header13 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header13 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header13 .navbar-default .navbar-collapse,
.header13 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header13 .navbar-default .navbar-toggle:hover,
.header13 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header13 .navbar-default .navbar-nav > .active > a,
.header13 .navbar-default .navbar-nav > .active > a:hover,
.header13 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header13 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header13 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header13 .navbar-default .navbar-brand:hover,
.header13 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header13 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header13 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 13 */

.header13 {
    position: relative;
    background: url('../images/header15.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header13:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .header13 .intro {
        padding: 70px 0;
        min-height: 900px;
        z-index: 1000;
    }

        .header13 .intro .header-content {
            margin-bottom: 30px;
            margin-top: 80px;
        }

        .header13 .intro h1 {
            color: #fff;
            font-family: Raleway;
            font-size: 60px;
            font-weight: 200;
            letter-spacing: 2px;
            line-height: 75px;
            margin-bottom: 40px;
            max-width: 800px;
            position: relative;
            word-spacing: 2px;
            z-index: 1000;
        }

            .header13 .intro h1 span {
                font-family: Montserrat;
                font-weight: 500;
                letter-spacing: 1px;
            }

        .header13 .intro p {
            color: #f9f9f9;
            font-family: Raleway;
            font-size: 17px;
            letter-spacing: 1px;
            line-height: 30px;
            margin: 0 auto 45px;
            max-width: 500px;
            position: relative;
            z-index: 1000;
            font-weight: 400;
        }

        .header13 .intro .button i {
            background-color: #38a5e0;
            border-radius: 30px;
            float: left;
            font-size: 18px;
            height: 24px;
            margin-right: 5px;
            padding-left: 4px;
            padding-top: 4px;
            width: 24px;
        }

    /* form */

    .header13 .login-reg {
        background-color: transparent;
        position: relative;
        z-index: 1000;
    }

        .header13 .login-reg .form-group {
            margin: 20px 3px 20px;
            margin-top: 0;
        }

        .header13 .login-reg .form-control {
            background-color: rgba(116, 116, 116, 0.3);
            border: 1px solid transparent;
            border-radius: 30px;
            box-shadow: none;
            color: #ccc;
            font-family: Montserrat;
            font-size: 12px;
            height: 48px;
            letter-spacing: 1px;
            margin-bottom: 20px;
            min-width: 275px;
            padding: 0 25px;
            position: relative;
            z-index: 1000;
        }

            .header13 .login-reg .form-control:focus {
                box-shadow: none;
                background-color: rgba(116, 116, 116, 0.3);
            }

            .header13 .login-reg .form-control::-moz-placeholder {
                color: #ccc;
                opacity: 1;
            }

        .header13 .login-reg .sign-tag p {
            color: #aaa;
            font-weight: 500;
            font-size: 12px;
            margin-bottom: 0;
            margin-top: 25px;
            text-indent: 2px;
            font-family: 'Roboto Slab', serif;
        }

        .header13 .login-reg .terms-tag a,
        .header13 .login-reg .sign-tag a {
            color: #38A5E0;
        }

        .header13 .login-reg .button {
            background-color: #38a5e0;
            border: 0 none;
            border-radius: 30px;
            box-shadow: none;
            color: #fff;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 500;
            height: 48px;
            letter-spacing: 1px;
            margin: 0 0 20px;
            padding: 11px 0;
            text-transform: uppercase;
            width: 140px;
            word-spacing: 2px;
        }

/* header 14 */

.header14 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header14 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header14 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header14 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header14 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header14 .navbar-default .navbar-collapse,
.header14 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header14 .navbar-default .navbar-toggle:hover,
.header14 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header14 .navbar-default .navbar-nav > .active > a,
.header14 .navbar-default .navbar-nav > .active > a:hover,
.header14 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header14 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header14 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header14 .navbar-default .navbar-brand:hover,
.header14 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header14 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header14 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 14 */

.header14 {
    position: relative;
    background: url('../images/background/bg3.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header14:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .header14 .intro {
        padding: 70px 0;
        min-height: 900px;
        z-index: 1000;
    }

        .header14 .intro .header-content {
            padding: 0 30px;
            margin-bottom: 30px;
            margin-top: 80px;
        }

        .header14 .intro h1 {
            color: #fff;
            font-family: Montserrat;
            font-size: 42px;
            font-weight: 700;
            letter-spacing: 2px;
            line-height: 60px;
            margin-bottom: 30px;
            position: relative;
            word-spacing: 2px;
            z-index: 1000;
        }

        .header14 .intro p {
            color: #f9f9f9;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 30px;
            margin: 0 auto 45px;
            max-width: 500px;
            position: relative;
            z-index: 1000;
        }

        .header14 .intro .video-img {
            display: inline-block;
            position: relative;
            margin-bottom: 30px;
        }

            .header14 .intro .video-img > img {
                width: 330px;
                border-radius: 4px;
                position: relative;
                z-index: 1000;
            }

        .header14 .intro .image-overlay i {
            cursor: pointer;
            background-color: #38a5e0;
            border-radius: 50px;
            color: #fff;
            font-size: 35px;
            height: 50px;
            margin: 0 auto;
            padding-left: 9px;
            padding-top: 8px;
            text-align: center;
            width: 50px;
        }

        .header14 .intro .image-overlay {
            position: absolute;
            top: 0;
            z-index: 1000;
            margin: 0 auto;
            width: 100%;
            top: 50%;
            margin-top: -25px;
        }

        .header14 .intro .button {
            background-color: #38a5e0;
            border: 1px solid transparent;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 0 2px;
            min-width: 185px;
            padding: 16px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 1px;
            z-index: 1000;
        }

/* header 15 */

.header15 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header15 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header15 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header15 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header15 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header15 .navbar-default .navbar-collapse,
.header15 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header15 .navbar-default .navbar-toggle:hover,
.header15 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header15 .navbar-default .navbar-nav > .active > a,
.header15 .navbar-default .navbar-nav > .active > a:hover,
.header15 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header15 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header15 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header15 .navbar-default .navbar-brand:hover,
.header15 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header15 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header15 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 15 */

.header15 {
    position: relative;
    background: url('../images/background/bg2.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header15:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .header15 .intro {
        padding: 70px 0;
        min-height: 900px;
        z-index: 1000;
    }

        .header15 .intro .header-content {
            padding: 0 30px;
            margin-bottom: 30px;
            margin-top: 80px;
        }

        .header15 .intro .svg-logo img {
            margin-bottom: 50px;
            position: relative;
            width: 230px;
            z-index: 1000;
        }

        .header15 .intro h1 {
            color: #fff;
            font-family: Raleway;
            font-size: 60px;
            font-weight: 800;
            letter-spacing: 2px;
            line-height: 60px;
            margin-bottom: 30px;
            max-width: 800px;
            position: relative;
            z-index: 1000;
        }

        .header15 .intro p {
            color: #f9f9f9;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 30px;
            margin: 0 auto 45px;
            max-width: 500px;
            position: relative;
            z-index: 1000;
        }

        .header15 .intro .button {
            background-color: #38a5e0;
            border: 1px solid transparent;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 0 2px;
            min-width: 185px;
            padding: 16px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 1px;
            z-index: 1000;
        }

/*	header 16 */

.header16 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header16 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header16 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header16 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header16 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header16 .navbar-default .navbar-collapse,
.header16 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header16 .navbar-default .navbar-toggle:hover,
.header16 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header16 .navbar-default .navbar-nav > .active > a,
.header16 .navbar-default .navbar-nav > .active > a:hover,
.header16 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header16 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header16 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header16 .navbar-default .navbar-brand:hover,
.header16 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header16 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header16 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 16 */

.header16 {
    position: relative;
    background: url('../images/background/bg4.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header16:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .header16 .intro {
        padding: 70px 0 0;
        min-height: 900px;
        z-index: 1000;
    }

        .header16 .intro .header-content {
            margin-bottom: 80px;
            margin-top: 80px;
        }

        .header16 .intro .svg-logo img {
            margin-bottom: 50px;
            position: relative;
            width: 164px;
            z-index: 1000;
        }

        .header16 .intro h1 {
            color: #fff;
            font-family: Montserrat;
            font-size: 45px;
            font-weight: 700;
            letter-spacing: 2px;
            line-height: 60px;
            margin-bottom: 30px;
            position: relative;
            word-spacing: 2px;
            z-index: 1000;
        }

        .header16 .intro p {
            color: #f9f9f9;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 30px;
            margin: 0 0 45px;
            max-width: 500px;
            position: relative;
            z-index: 1000;
        }

        .header16 .intro .button {
            background-color: transparent;
            border: 2px solid #fff;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 0 2px;
            min-width: 185px;
            padding: 16px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 1px;
            z-index: 1000;
        }

    /* features */

    .header16 .features {
        padding: 15px 0 20px;
        padding-bottom: 0;
        background-color: transparent;
        position: relative;
        z-index: 1000;
    }

    .header16 .single-content {
        display: inline-block;
        padding-bottom: 50px;
    }

        .header16 .single-content i {
            border-radius: 2px;
            color: #fff;
            font-size: 16px;
            height: 40px;
            margin-bottom: 5px;
            margin-right: 10px;
            padding-top: 13px;
            text-align: center;
            transition: all 0.4s ease 0s;
            width: 40px;
        }

        .header16 .single-content h3 {
            color: #fff;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 15px;
            margin-top: 0;
        }

        .header16 .single-content p {
            color: #fff;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
        }

/*	header 17 */

.header17 .navbar {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 90px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 2;
}

.header17 .navbar-default .navbar-brand {
    color: #fff;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 1.5px;
    line-height: 31px;
    padding: 14px 15px;
    text-transform: uppercase;
}

    .header17 .navbar-default .navbar-brand i {
        background-color: #38a5e0;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 6px;
    }

.header17 .navbar-nav > li > a {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.header17 .navbar-default .navbar-toggle {
    border-color: #fff;
    border-width: 2px;
    border-radius: 3px;
}

.header17 .navbar-default .navbar-collapse,
.header17 .navbar-default .navbar-form {
    border-color: #4e4e4e;
    box-shadow: none;
}

.header17 .navbar-default .navbar-toggle:hover,
.header17 .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #38a5e0;
}

.header17 .navbar-default .navbar-nav > .active > a,
.header17 .navbar-default .navbar-nav > .active > a:hover,
.header17 .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #38a5e0;
    font-weight: 700;
}

.header17 .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #38a5e0;
}

.header17 .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

.header17 .navbar-default .navbar-brand:hover,
.header17 .navbar-default .navbar-brand:focus {
    color: #fff;
}

.header17 .navbar-nav > li > a:hover.nav-button {
    border: 0;
    background-color: #fff;
}

.header17 .navbar-nav > li > a.nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 15px;
    border-top: 0;
}

/* end navbar */
/* header content 17 */

.header17 {
    position: relative;
    background: url('../images/header4.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .header17:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .header17 .intro {
        padding: 70px 0 0;
        min-height: 775px;
        z-index: 1000;
    }

        .header17 .intro .header-content {
            margin-top: 55px;
        }

        .header17 .intro .svg-logo img {
            margin-bottom: 50px;
            position: relative;
            z-index: 1000;
            margin-top: 37px;
        }

        .header17 .intro h1 {
            color: #fff;
            display: inline-block;
            font-family: Raleway;
            font-size: 45px;
            font-weight: 400;
            letter-spacing: 2px;
            line-height: 65px;
            margin-bottom: 30px;
            margin-top: 0;
            position: relative;
            z-index: 1000;
        }

        .header17 .intro p {
            color: #f9f9f9;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 30px;
            margin: 0 auto 45px;
            max-width: 500px;
            position: relative;
            z-index: 1000;
        }

        .header17 .intro .button {
            background-color: #38a5e0;
            border: 1px solid transparent;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 0 2px;
            min-width: 185px;
            padding: 16px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 1px;
            z-index: 1000;
        }

    /* features */

    .header17 .features {
        background-color: rgba(225, 225, 225, 0.3);
        padding: 50px 0;
        padding-bottom: 0;
        position: relative;
        z-index: 1000;
    }

    .header17 .single-content {
        padding-bottom: 50px;
    }

        .header17 .single-content i {
            border-radius: 50px;
            color: #fff;
            font-size: 16px;
            height: 40px;
            margin-bottom: 5px;
            margin-right: 10px;
            padding-top: 13px;
            text-align: center;
            transition: all 0.4s ease 0s;
            width: 40px;
        }

        .header17 .single-content h3 {
            color: #fff;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 1.3px;
            margin-bottom: 15px;
            margin-top: 0;
        }

        .header17 .single-content p {
            color: #fff;
            font-family: Montserrat;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0.5px;
            line-height: 1.9;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 328px;
        }

/* feature 1 */

.feature1 {
    position: relative;
    background-color: #fff;
    bbackground: url('../images/header4.jpg') no-repeat scroll center top / cover;
    z-index: 1;
    color: #333;
}

    .feature1:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
    }

    .feature1 .feature-content {
        padding: 70px 0 0;
        z-index: 1000;
    }

    .feature1 .feature-intro {
        margin-bottom: 60px;
    }

    .feature1 .feature-content .video-img {
        position: relative;
        margin-top: 30px;
    }

        .feature1 .feature-content .video-img img {
            border-radius: 4px;
            position: relative;
            width: 330px;
            z-index: 1000;
        }

    .feature1 .feature-content .image-overlay {
        margin: -25px auto 0;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 1000;
        left: 50%;
        margin-left: -25px;
    }

        .feature1 .feature-content .image-overlay i {
            background-color: #38A5E0;
            border-radius: 50px;
            color: #fff;
            cursor: pointer;
            font-size: 35px;
            height: 50px;
            margin: 0 auto;
            padding-left: 9px;
            padding-top: 8px;
            text-align: center;
            width: 50px;
        }

    .feature1 .feature-content h1 {
        color: #333;
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-size: 45px;
        font-weight: 800;
        line-height: 60px;
        margin-bottom: 25px;
        margin-top: 0;
        position: relative;
        z-index: 1000;
    }

    .feature1 .feature-content p {
        color: #666;
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 45px;
        max-width: 450px;
        position: relative;
        z-index: 1000;
        font-style: italic;
        font-weight: 400;
    }

    .feature1 .feature-content .button {
        background-color: #38a5e0;
        border: 1px solid transparent;
        border-radius: 30px;
        box-shadow: none;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 700;
        margin: 0 2px;
        min-width: 150px;
        padding: 14px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

    /* features  content */

    .feature1 .features {
        border-top: 1px solid rgba(225, 225, 225, 0.5);
        padding: 50px 0 0;
        position: relative;
        z-index: 1000;
    }

    .feature1 .single-content {
        padding-bottom: 50px;
    }

        .feature1 .single-content h3 {
            color: #333;
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            font-weight: 400;
            margin: 0 auto 15px;
        }

        .feature1 .single-content p {
            font-style: normal;
            font-family: "Roboto Slab", serif;
            color: #666;
            font-size: 13px;
            line-height: 1.7;
            margin-bottom: 0;
            font-weight: 400;
            max-width: 290px;
        }

/* feature 2 */

.feature2 {
    position: relative;
    background: url('../images/blur.jpg') no-repeat scroll center top / cover;
    z-index: 1;
}

    .feature2:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
    }

    .feature2 .feature-content {
        padding: 70px 0 25px;
        z-index: 1000;
    }

    .feature2 .feature-intro {
        margin-bottom: 60px;
    }

    .feature2 .feature-content .video-icon i {
        background-color: #01bf86;
        border-radius: 50px;
        color: #fff;
        cursor: pointer;
        font-size: 35px;
        height: 65px;
        margin: 0 auto;
        padding-left: 9px;
        padding-top: 16px;
        position: relative;
        text-align: center;
        width: 65px;
        z-index: 1000;
    }

    .feature2 .feature-content h1 {
        color: #fff;
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-size: 45px;
        font-weight: 800;
        line-height: 60px;
        margin-bottom: 25px;
        margin-top: 0;
        position: relative;
        z-index: 1000;
    }

    .feature2 .feature-content p {
        color: #f9f9f9;
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 45px;
        max-width: 450px;
        position: relative;
        z-index: 1000;
        font-style: italic;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
    }

    .feature2 .feature-content .button {
        background-color: #38a5e0;
        border: 1px solid transparent;
        border-radius: 30px;
        box-shadow: none;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 700;
        margin: 0 2px;
        min-width: 150px;
        padding: 14px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

    /* features content */

    .feature2 .features {
        padding: 50px 0 0;
        position: relative;
        z-index: 1000;
    }

    .feature2 .feature-border {
        position: relative;
    }

        .feature2 .feature-border:before {
            content: '';
            top: 50px;
            position: absolute;
            width: 1px;
            height: 100px;
            background-color: rgba(225, 225, 225, 0.5);
        }

        .feature2 .feature-border:after {
            content: '';
            top: 50px;
            position: absolute;
            width: 1px;
            right: 0;
            height: 100px;
            background-color: rgba(225, 225, 225, 0.5);
        }

    .feature2 .single-content {
        padding-bottom: 50px;
    }

        .feature2 .single-content .feature-icon i {
            border-radius: 50px;
            color: #fff;
            font-size: 30px;
            margin-bottom: 18px;
            margin-right: 10px;
            padding-top: 13px;
            text-align: center;
            transition: all 0.4s ease 0s;
        }

        .feature2 .single-content h3 {
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            font-weight: 400;
            margin: 0 auto 15px;
        }

        .feature2 .single-content p {
            color: #f9f9f9;
            font-family: "Roboto Slab", serif;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.7;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 290px;
        }

/* feature 3 */

.feature3 {
    background-color: #fff;
    padding: 85px 0;
}

    .feature3 .single-content {
        max-width: 340px;
        margin: 40px auto;
    }

        .feature3 .single-content h3 {
            color: #333;
            font-family: "Roboto", sans-serif;
            font-size: 45px;
            font-weight: 800;
            line-height: 55px;
            margin-bottom: 20px;
            position: relative;
        }

    .feature3 .content-iphone {
        position: relative;
    }

        .feature3 .content-iphone .play {
            position: absolute;
            border-radius: 50%;
            background-color: red;
            width: 50px;
            height: 50px;
            text-align: center;
            color: #fff;
            padding-top: 15px;
            font-size: 20px;
            padding-left: 5px;
            right: -25px;
            top: 50%;
            margin-top: -25px;
        }

    .feature3 .single-content .list-unstyled {
        margin: 30px 0;
    }

        .feature3 .single-content .list-unstyled li {
            color: #666;
            font-family: "Roboto", serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 30px;
            margin: 12px 0;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .feature3 .single-content .list-unstyled li i {
                border: 2px solid #01bf86;
                border-radius: 50px;
                font-size: 16px;
                height: 35px;
                margin-right: 10px;
                padding-left: 3px;
                padding-right: 0;
                padding-top: 7px;
                text-align: center;
                width: 35px;
            }

            .feature3 .single-content .list-unstyled li:first-child i {
                border-color: #38A5E0;
            }

            .feature3 .single-content .list-unstyled li:last-child i {
                border-color: #ef476f;
            }

    .feature3 .single-content p {
        color: #666;
        font-family: "Playfair Display", serif;
        font-size: 16px;
        font-style: italic;
        line-height: 1.7;
        margin-bottom: 0;
    }

/* feature 4 */

.feature4 {
    background-color: #fff;
}

    .feature4 .single-content {
        max-width: 340px;
        margin: 70px auto 50px;
    }

        .feature4 .single-content h3 {
            color: #333;
            font-family: "Roboto", sans-serif;
            font-size: 45px;
            font-weight: 800;
            line-height: 1.4;
            margin-bottom: 20px;
            position: relative;
        }

    .feature4 .content-iphone {
        position: relative;
    }

        .feature4 .content-iphone .play {
            position: absolute;
            border-radius: 50%;
            background-color: red;
            width: 50px;
            height: 50px;
            text-align: center;
            color: #fff;
            padding-top: 15px;
            font-size: 20px;
            padding-left: 5px;
            right: -25px;
            top: 50%;
            margin-top: -25px;
        }

    .feature4 .single-content p {
        color: #666;
        line-height: 1.7;
        margin-bottom: 0;
        font-family: 'Playfair Display', serif;
        font-size: 15px;
        font-style: italic;
        margin-bottom: 30px;
    }

    .feature4 .single-content .button {
        background-color: #333;
        border: 1px solid transparent;
        border-radius: 30px;
        box-shadow: none;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 700;
        margin: 0 2px;
        min-width: 135px;
        padding: 12px 25px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

    .feature4 .single-content .button {
        box-shadow: 2px 6.9px 16px rgba(0, 0, 0, 0.4) !important;
    }

/* counter 1 */

.counter2 .info-color {
    background-color: #01BF86;
    padding: 50px;
}

.counter2 .info-area {
    border-right: 1px solid #fff;
}

    .counter2 .info-area:last-child {
        border-right: 0px;
    }

    .counter2 .info-area > div {
        color: #fff;
    }

    .counter2 .info-area i {
        font-size: 45px;
        margin-right: 8px;
    }

    .counter2 .info-area h4 {
        display: inline;
        font-family: "Roboto Slab", serif;
        font-size: 45px;
        font-weight: 800;
        line-height: 0;
    }

    .counter2 .info-area h3 {
        display: block;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 600;
        margin: 20px 0 0;
        text-transform: uppercase;
        letter-spacing: 6px;
    }

        .counter2 .info-area h3 .lnr {
            margin-right: 10px;
            font-size: 21px;
        }

/* content-section 21 */

.content-section21 {
    background-color: #fff;
    padding: 50px 0;
}

    .content-section21 div > img {
        margin-bottom: 30px;
    }

    .content-section21 .quote {
        color: #333;
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-weight: 300;
        line-height: 52px;
        margin-bottom: 70px;
        font-size: 32px;
    }

/* pricing Tables */
/* pricing plan 1 */

.pricing-plan1 {
    background-color: #1B1A1C;
    padding: 80px 0;
}

    .pricing-plan1 .single-plan {
        background-color: #1f1f1f;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
        list-style-type: none;
        margin: 20px auto;
        max-width: 325px;
        min-height: 550px;
        padding: 2rem;
        transition: all 0.3s ease 0s;
    }

        .pricing-plan1 .single-plan:hover {
            background-color: #141315;
            box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
        }

        .pricing-plan1 .single-plan .plan-title {
            color: #fff;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 600;
            letter-spacing: 2px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        }

            .pricing-plan1 .single-plan .plan-title::before {
                background-color: #1B1A1C;
                bottom: -1px;
                content: "";
                height: 3px;
                left: 50%;
                border-radius: 2px;
                margin-left: -85px;
                position: absolute;
                width: 170px;
            }

        .pricing-plan1 .single-plan li {
            color: #fff;
            letter-spacing: 1px;
            padding: 12px;
        }

        .pricing-plan1 .single-plan .plan-price {
            color: #ef476f;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 500;
            letter-spacing: 1px;
            padding-top: 45px;
            text-align: center;
        }

        .pricing-plan1 .single-plan .plan-tag {
            font-family: "Raleway", sans-serif;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            padding-bottom: 45px;
            text-align: center;
            text-transform: capitalize;
        }

        .pricing-plan1 .single-plan i {
            color: #ef476f;
            padding-right: 10px;
            font-size: 10px;
        }

        .pricing-plan1 .single-plan .btn-info.button {
            background-color: #ef476f;
            border: 1px solid transparent;
            border-radius: 4px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 1.5px;
            margin-top: 30px;
            padding: 13px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 2px;
            z-index: 1000;
        }

@media screen and (max-width: 415px) {
    .pricing-plan4 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }

    .pricing-plan1 .single-plan {
        padding: 20px 8px;
    }
}

/* pricing plan 2 */

.pricing-plan2 {
    background-color: #141315;
    padding: 80px 0;
}

    .pricing-plan2 .single-plan {
        min-height: 595px;
        background-color: transparent;
        list-style-type: none;
        margin: 20px 0;
        padding: 2rem;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid #1f1f1f;
    }

    .pricing-plan2 .plans .plan-item {
        margin: -2px !important;
        padding: 0;
        min-width: 325px;
    }

    .pricing-plan2 .single-plan:hover {
        background-color: #1f1f1f;
    }

    .pricing-plan2 .single-plan .plan-title {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 2px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
    }

    .pricing-plan2 .single-plan > li {
        color: #fff;
        letter-spacing: 1px;
        padding: 12px;
    }

    .pricing-plan2 .single-plan .plan-price span {
        position: relative;
        background-color: #111;
        border-radius: 50%;
        display: inline-block;
        height: 110px;
        letter-spacing: 0;
        padding-top: 43px;
        width: 110px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -o-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
    }

    .pricing-plan2 .single-plan .plan-price span {
        background-color: #111;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 50%;
        display: inline-block;
        height: 110px;
        letter-spacing: 0;
        padding-top: 43px;
        position: relative;
        width: 110px;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -o-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
    }

        .pricing-plan2 .single-plan .plan-price span::before {
            background-color: rgb(255, 255, 225, 0.3);
            border: 2px solid transparent;
            border-radius: 50%;
            content: "";
            height: 115%;
            left: -7.5px;
            position: absolute;
            top: -7.5px;
            width: 115%;
            z-index: -1;
        }

    .pricing-plan2 .single-plan .plan-price {
        color: #fff;
        position: relative;
        z-index: 500;
        font-family: "Montserrat", sans-serif;
        font-size: 19px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 18px 0;
        text-align: center;
    }

    .pricing-plan2 .single-plan .plan-tag {
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
        padding-bottom: 45px;
        text-align: center;
        text-transform: capitalize;
    }

    .pricing-plan2 .single-plan i {
        color: #38A5E0;
        padding-right: 10px;
    }

    .pricing-plan2 .single-plan .btn-info.button {
        border: 2px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        -o-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6) inset;
        border-radius: 30px;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.5px;
        margin-top: 30px;
        margin-bottom: 12px;
        padding: 15px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

@media screen and (max-width: 415px) {
    .pricing-plan2 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }
}

/* pricing plan 3 */

.pricing-plan3 {
    background-color: #fff;
    padding: 80px 0;
}

    .pricing-plan3 .single-plan {
        background-color: #f8f9fb;
        list-style-type: none;
        margin: 20px auto;
        max-width: 325px;
        min-height: 565px;
        padding: 2rem;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .pricing-plan3 .single-plan:hover::before {
            background-color: #38A5E0;
            border-radius: 2px;
            top: 0;
            content: "";
            height: 3px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        .pricing-plan3 .single-plan .plan-title {
            color: #666;
            font-family: "Montserrat", sans-serif;
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 2px;
            margin: 20px 12px 0;
            padding: 0 0 18px;
            position: relative;
            text-align: left;
            text-transform: capitalize;
        }

            .pricing-plan3 .single-plan .plan-title::before {
                background-color: #DCDFE3;
                bottom: -1px;
                content: "";
                height: 2px;
                left: 0;
                border-radius: 2px;
                position: absolute;
                width: 100%;
            }

        .pricing-plan3 .single-plan li {
            color: #666;
            letter-spacing: 1px;
            padding: 12px;
            text-align: right;
        }

        .pricing-plan3 .single-plan .plan-price {
            color: #38A5E0;
            font-family: "Montserrat", sans-serif;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: 1px;
            padding-top: 45px;
            text-align: left;
        }

        .pricing-plan3 .single-plan .plan-tag {
            color: #777;
            font-family: "Montserrat", sans-serif;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 12px 12px 45px;
            padding: 0;
            position: relative;
            text-align: left;
        }

            .pricing-plan3 .single-plan .plan-tag::before {
                background-color: #dcdfe3;
                border-radius: 2px;
                bottom: -20px;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                width: 100%;
            }

        .pricing-plan3 .single-plan i {
            color: #DCDFE3;
            font-size: 10px;
            padding-left: 10px;
        }

        .pricing-plan3 .single-plan .btn-info.button {
            background-color: #38A5E0;
            border: 1px solid transparent;
            border-radius: 30px;
            box-shadow: none;
            color: #f9f9f9;
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 2px;
            margin-top: 30px;
            padding: 15px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 2px;
            z-index: 1000;
        }

/* pricing plan 4 */

.pricing-plan4 {
    background-color: #141315;
    padding: 80px 0;
}

    .pricing-plan4 .single-plan {
        min-height: 595px;
        background-color: transparent;
        list-style-type: none;
        margin: 10px 0;
        padding: 2rem;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .pricing-plan4 .plans .plan-item.plan-center {
        border-left: 1px solid #1f1f1f;
        border-right: 1px solid #1f1f1f;
    }

    .pricing-plan4 .plans .plan-item {
        margin: -2px !important;
        padding: 0;
        min-width: 325px;
    }

    .pricing-plan4 .single-plan > li.plan-icon {
        color: #fff;
        font-size: 40px;
        letter-spacing: 1px;
        padding: 15px 12px 15px;
    }

    .pricing-plan4 .single-plan:hover li.plan-icon {
        color: #01BF86;
    }

    .pricing-plan4 .single-plan .plan-title {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 2px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
    }

    .pricing-plan4 .single-plan > li {
        color: #fff;
        letter-spacing: 1px;
        padding: 12px;
    }

    .pricing-plan4 .single-plan .plan-price {
        height: 38px;
        overflow: hidden;
        position: relative;
        padding: 0 12px;
        margin-bottom: 25px;
    }

        .pricing-plan4 .single-plan .plan-price .price-lay {
            color: #fff;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 600;
            left: 0;
            letter-spacing: 4px;
            opacity: 1;
            position: absolute;
            text-align: center;
            top: 0;
            transition: all 0.3s ease 0s;
            width: 100%;
        }

        .pricing-plan4 .single-plan .plan-price .price-overlay {
            display: inline-block;
            left: 0;
            position: absolute;
            text-align: center;
            top: 35px;
            width: 100%;
            color: #01BF86;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 600;
            letter-spacing: 4px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            opacity: 1;
        }

    .pricing-plan4 .single-plan:hover .plan-price .price-lay {
        top: -32px;
    }

    .pricing-plan4 .single-plan:hover .plan-price .price-overlay {
        top: 0;
    }

    .pricing-plan4 .single-plan .plan-price sub {
        color: #bbb;
        font-family: "Raleway", sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 2px;
        margin-left: 8px;
    }

    .pricing-plan4 .single-plan .plan-tag {
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 35px;
        padding-top: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .pricing-plan4 .single-plan .btn-info.button {
        background-color: #01BF86;
        border-radius: 30px;
        box-shadow: none;
        border: none;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.5px;
        margin-top: 45px;
        min-width: 185px;
        padding: 18px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

@media screen and (max-width: 415px) {
    .pricing-plan4 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }

    .pricing-plan4 .single-plan {
        padding: 0;
    }
}

/* pricing plan 5 */

.pricing-plan5 {
    background-color: #141315;
    padding: 80px 0;
}

    .pricing-plan5 .single-plan.plan-scale {
        -webkit-transform: scale(1.02, 1.10);
        -moz-transform: scale(1.02, 1.10);
        -ms-transform: scale(1.02, 1.10);
        -o-transform: scale(1.02, 1.10);
        transform: scale(1.02, 1.10);
        position: relative;
    }

    .pricing-plan5 .single-plan {
        background-color: #fff;
        border: 1px solid #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
        list-style-type: none;
        margin: 20px 0;
        min-height: 500px;
        padding: 0;
        transition: all 0.3s ease 0s;
    }

    .pricing-plan5 .plans .plan-item {
        margin: -2px !important;
        padding: 0;
        min-width: 325px;
    }

    .pricing-plan5 .single-plan:hover {
        bbox-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
    }

    .pricing-plan5 .single-plan .plan-title {
        color: #555;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-top: 35px;
        position: relative;
        text-align: center;
    }

    .pricing-plan5 .single-plan > li {
        color: #666;
        letter-spacing: 1px;
        margin: 0 auto;
        max-width: 230px;
        padding: 7px 0;
    }

    .pricing-plan5 .single-plan .plan-price {
        color: #38A5E0;
        font-family: "Montserrat", sans-serif;
        font-size: 65px;
        font-weight: 700;
        letter-spacing: 3px;
        margin: 18px auto 10px;
        text-align: center;
    }

        .pricing-plan5 .single-plan .plan-price sup {
            color: #38a5e0;
            display: inline;
            font-size: 25px;
            font-weight: 700;
            margin-right: 2px;
        }

        .pricing-plan5 .single-plan .plan-price sub {
            color: #ceded6;
            font-size: 13px;
            font-weight: 500;
            text-transform: capitalize;
        }

    .pricing-plan5 .single-plan .plan-tag {
        color: #38a5e0;
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1px;
        padding-bottom: 0;
        padding-top: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .pricing-plan5 .single-plan li > i {
        color: #ceded6;
        padding-right: 10px;
        font-size: 11px;
    }

    .pricing-plan5 .single-plan .btn-info.button {
        background-color: #38a5e0;
        border: medium none;
        border-radius: 4px;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.5px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        max-width: 230px;
        padding: 18px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

@media screen and (max-width: 415px) {
    .pricing-plan5 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }
}

/* pricing plan 6 */

.pricing-plan6 {
    background-color: #141315;
    padding: 80px 0;
}

    .pricing-plan6 .single-plan {
        min-height: 595px;
        background-color: transparent;
        list-style-type: none;
        margin: 0;
        padding: 2rem;
        z-index: 499;
        position: relative;
    }

    .pricing-plan6 .plans .single-plan {
        border: 1px solid #1f1f1f;
    }

    .pricing-plan6 .plans .plan-item {
        border: 4px solid transparent;
        -webkit-transition: 0.1s;
        transition: 0.1s;
    }

        .pricing-plan6 .plans .plan-item:hover {
            border: 4px solid #FFBC42;
            z-index: 500;
            position: relative;
        }

    .pricing-plan6 .plans .plan-item {
        margin: 10px -6px !important;
        padding: 0;
        min-width: 325px;
    }

    .pricing-plan6 .single-plan > li.plan-icon {
        color: #FFBC42;
        font-size: 40px;
        letter-spacing: 1px;
        padding: 15px 12px 15px;
    }

    .pricing-plan6 .single-plan .plan-title {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 2px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
    }

    .pricing-plan6 .single-plan > li {
        color: #fff;
        letter-spacing: 1px;
        padding: 12px;
    }

    .pricing-plan6 .single-plan .plan-price {
        height: 38px;
        overflow: hidden;
        position: relative;
        padding: 0 12px;
        margin-bottom: 25px;
    }

        .pricing-plan6 .single-plan .plan-price .price-lay {
            color: #FFBC42;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 600;
            left: 0;
            letter-spacing: 4px;
            opacity: 1;
            position: absolute;
            text-align: center;
            top: 0;
            transition: all 0.3s ease 0s;
            width: 100%;
        }

        .pricing-plan6 .single-plan .plan-price sub {
            color: #bbb;
            font-family: "Raleway", sans-serif;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 2px;
            margin-left: 8px;
        }

    .pricing-plan6 .single-plan .plan-tag {
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        padding-bottom: 35px;
        padding-top: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .pricing-plan6 .single-plan .btn-info.button {
        background-color: #FFBC42;
        border-radius: 30px;
        box-shadow: none;
        border: none;
        color: #f9f9f9;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.5px;
        margin-top: 45px;
        min-width: 185px;
        padding: 18px 30px;
        position: relative;
        text-transform: uppercase;
        word-spacing: 2px;
        z-index: 1000;
    }

@media screen and (max-width: 415px) {
    .pricing-plan6 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }

    .pricing-plan6 .single-plan {
        padding: 0;
    }
}

/* pricing plan 7 */

.pricing-plan7 {
    background-color: #38A5E0;
    padding: 80px 0;
}

    .pricing-plan7 .single-plan {
        background-color: rgba(225, 225, 225, 0.05);
        border: 1px solid rgba(225, 225, 225, 0.2);
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
        list-style-type: none;
        margin: 20px auto;
        max-width: 325px;
        min-height: 595px;
        padding: 2rem;
        transition: all 0.3s ease 0s;
    }

        .pricing-plan7 .single-plan:hover {
            background-color: rgba(225, 225, 225, 0.2);
            box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
        }

        .pricing-plan7 .single-plan .plan-title {
            color: #fff;
            font-family: "Montserrat", sans-serif;
            font-size: 25px;
            font-weight: 600;
            letter-spacing: 2px;
            padding-top: 25px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        }

            .pricing-plan7 .single-plan .plan-title::before {
                background-color: #fff;
                border-radius: 2px;
                bottom: -14px;
                content: "";
                height: 1px;
                left: 50%;
                margin-left: -35px;
                position: absolute;
                width: 70px;
            }

        .pricing-plan7 .single-plan li {
            color: #fff;
            letter-spacing: 1px;
            padding: 12px;
        }

        .pricing-plan7 .single-plan .plan-price sup {
            font-size: 35px;
            font-weight: 500;
            margin-right: 3px;
        }

        .pricing-plan7 .single-plan .plan-price sub {
            font-family: "Montserrat", sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-left: 5px;
        }

        .pricing-plan7 .single-plan .plan-price {
            color: #fff;
            font-family: "Roboto Slab", serif;
            font-size: 55px;
            font-weight: 900;
            letter-spacing: 0;
            padding-top: 30px;
            text-align: center;
        }

        .pricing-plan7 .single-plan .plan-tag {
            font-family: "Raleway", sans-serif;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 1.7;
            padding-bottom: 0;
            padding-top: 40px;
            text-align: center;
            text-transform: capitalize;
        }

        .pricing-plan7 .single-plan i {
            color: #fff;
            padding-right: 10px;
            font-size: 10px;
        }

        .pricing-plan7 .single-plan .btn-info.button {
            background-color: rgba(255, 255, 255, 0.90);
            border: 1px solid transparent;
            border-radius: 4px;
            box-shadow: none;
            color: #38A5E0;
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 1.5px;
            margin-top: 15px;
            padding: 18px 30px;
            position: relative;
            text-transform: uppercase;
            word-spacing: 2px;
            z-index: 1000;
        }

            .pricing-plan7 .single-plan .btn-info.button:hover {
                background-color: #fff;
            }

@media screen and (max-width: 415px) {
    .pricing-plan4 .plans .plan-item {
        max-width: 325px;
        min-width: inherit;
    }

    .pricing-plan7 .single-plan {
        padding: 20px 8px;
    }
}

/* pricing plan 8 */

.pricing-plan8 .pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 3em;
}

.pricing-plan8 .pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 330px;
    flex: 0 1 330px;
}

.pricing-plan8 .pricing-action {
    color: inherit;
    border: none;
    background: none;
}

    .pricing-plan8 .pricing-action:focus {
        outline: none;
    }

.pricing-plan8 .pricing-feature-list {
    text-align: left;
}

.pricing-plan8 .pricing-palden .pricing-item {
    font-family: 'Open Sans', sans-serif;
    cursor: default;
    color: #84697c;
    background: #fff;
    box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
    border-radius: 20px 20px 10px 10px;
    margin: 1em;
}

@media screen and (min-width: 66.25em) {
    .pricing-plan8 .pricing-palden .pricing-item {
        margin: 1em -0.5em;
    }

    .pricing-plan8 .pricing-palden .pricing__item--featured {
        margin: 0;
        z-index: 10;
        box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
    }
}

.pricing-plan8 .pricing-palden .pricing-deco {
    border-radius: 10px 10px 0 0;
    background: rgba(76, 70, 101, 0.99);
    padding: 4em 0 9em;
    position: relative;
}

.pricing-plan8 .pricing-palden .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
}

.pricing-plan8 .pricing-palden .pricing-title {
    font-size: 0.75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
}

.pricing-plan8 .pricing-palden .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.pricing-plan8 .pricing-palden .pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.pricing-plan8 .pricing-palden .pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.pricing-plan8 .pricing-palden .icon {
    font-size: 2.5em;
}

.pricing-plan8 .pricing-palden .pricing-price {
    font-size: 5em;
    font-weight: bold;
    padding: 0;
    color: #fff;
    margin: 0 0 50px 0;
    line-height: 0.75;
}

.pricing-plan8 .pricing-palden .pricing-currency {
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: top;
}

.pricing-plan8 .pricing-palden .pricing-period {
    font-size: 0.15em;
    padding: 0 0 0 0.5em;
    font-style: italic;
}

.pricing-plan8 .pricing-palden .pricing__sentence {
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 0.5em;
}

.pricing-plan8 .pricing-palden .pricing-feature-list {
    margin: 0;
    padding: 0.25em 0 2.5em;
    list-style: none;
    text-align: center;
}

.pricing-plan8 .pricing-palden .pricing-feature {
    padding: 1em 0;
}

.pricing-plan8 .pricing-palden .pricing-action {
    font-weight: bold;
    margin: auto 3em 2em 3em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #4d4766;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .pricing-plan8 .pricing-palden .pricing-action:hover,
    .pricing-palden .pricing-action:focus {
        background-color: #100A13;
    }

.pricing-plan8 .pricing-palden .pricing-item--featured .pricing-deco {
    padding: 5em 0 8.885em 0;
}

/* forms
=======================*/
/**/