/*==========================================
   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: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 40px 10px 0;
    min-width: 200px;
    padding: 20px 25px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    word-spacing: 1px;
}

.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 {
    background-color: #E6F7F4;
}

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

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

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

.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: #38a5e0;
    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: #222;
    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: #222;
    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: #222;
    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: #fff;
}

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

.navigation6 .default-menu.navbar {
    background-color: #222;
    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: #222;
    border-bottom: 0;
    margin-top: 0;
}

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

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

.navigation7 .default-menu.navbar {
    background-color: #222;
    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: #222;
    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: #222;
    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: #222;
    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: #333;
    border-top: 0;
    border-bottom: 1px solid transparent;
    margin-top: 0;
}

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

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

.navigation10 .default-menu.navbar {
    background-color: #222;
    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 20px;
}

.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: #222;
    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: #fff;
}

.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: #222;
    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: #222;
    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: #fff;
}

.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: #222;
    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: #222;
    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: #222;
    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: #222;
    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/header1.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: #222;
}

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

.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;
}

.single-content p {
    font-size: 14px !important;
    font-weight: 500 !important;
}


/*	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: #999;
    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 #222;
    box-shadow: none;
    border-radius: 4px;
    margin: 0 2px;
    text-indent: -9999px;
    margin-bottom: 8px;
}

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

.content-section8 .btn-success.button {
    background: #222 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: #999;
    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: 80px 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: #999;
    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: 80px 0;
}

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

.section-para {
    color: #666;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    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: 40px;
}

.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 img {
    filter: drop-shadow(0 0 2px #000);
}

.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;
}

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

.section-titles .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;
}

/* faq */
.faq {
    padding: 100px 0;
}

/* 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 .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/header1.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: 41px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 60px;
    margin-bottom: 30px;
    max-width: 863px;
    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;
}

.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 {
    color: #fff;
    float: left;
    font-size: 30px;
    margin-right: 10px;
}

.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;
    opacity: .9;
}

.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: #fff;
    font-weight: 700;
    text-decoration: line-through;
    opacity: 1;
}

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

.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: #9e5cc8;
    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: #999;
    line-height: 2;
    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 .section-para,
.pricing-plan4 .section-title {
    color: #fff;
}

.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 {
    padding: 60px 0;
}

.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
=======================*/
/**/

/* Template Customize =======================*/