/*

[Main Stylesheet]

Project: DomainWalls - Responsive Web Hosting and WHMCS Template
Version: 1.1
Author : themelooks.com

[Table of Contents]

1. GENERAL STYLES
    1.1. WRAPPER
    1.2. CUSTOM BUTTONS
    1.3. BACKGROUND IMAGE
    1.4. BACKGROUND COLORS
    1.5. SECTION TITLE
    1.6. SECTION FOOTER
    1.7. BACK TO TOP BUTTON
    1.8. PRELOADER

2. HEADER AREA
    2.1. HEADER NAVBAR
    2.2. HEADER LOGO
    2.3. HEADER NAVBAR TOGGLE
    2.4. HEADER NAV
    2.5. HEADER NAVBAR DARK

3. BANNER AREA
    3.1. BANNER SLIDER
    3.2. BANNER ITEM
    3.3. BANNER CONTENT

4. SERVICES AREA
    4.1. SERVICE ITEM
    4.2. SERVICE ICON
    4.3. SERVICE CONTENT

5. ABOUT DESCRIPTION AREA
    5.1. ABOUT DESCRIPTION IMAGE

6. DOMAIN SEARCH AREA
    6.1. SECTION TITLE
    6.2. DOMAIN SEARCH INPUT TEXT
    6.3. DOMAIN SEARCH INPUT RADIO
    6.4. DARK THEME

7. FEATURES AREA
    7.1. FEATURE ITEM
    7.2. FEATURE ICON
    7.3. FEATURE CONTENT

8. PRICING AREA
    8.1. PRICING ITEM
    8.2. PRICING BODY
    8.3. PRICING POPULAR TAG
    8.4. PRICING TAG
    8.5. PRICING DETAILS
    8.6. PRICING FOOTER

9. PRICING AREA 2
    9.1. PRICING 2 HEADER
    9.2. PRICING 2 TITLE
    9.3. PRICING 2 PRICE

10. PRICE DETAILS AREA
    10.1. PRICE DETAILS HEAD
    10.2. PRICE DETAILS BODY

11. PRICE DETAILS 2 AREA

12. DOMAIN EXTENSION AREA
    12.1. DOMAIN EXTENSION SLIDER
    12.2. DOMAIN EXTENSION CONTENT
    12.3. DOMAIN EXTENSION NAME

13. COUNTER AREA
    13.1. COUNTER ITEM
    13.2. COUNTER ICON
    13.3. COUNTER CONTENT
    13.4. COUNTER DARK

14. COUNTER AREA 2
    14.1. COUNTER 2 ITEM
    14.2. COUNTER 2 CONTENT
    14.3. COUNTER 2 DARK

15. TEAM AREA
    15.1. TEAM ITEM
    15.2. TEAM SOCIAL

16. FEEDBACK AREA

17. BLOG AREA
    17.1. BLOG POST
    17.2. BLOG POST IMAGE
    17.3. BLOG POST VIDEO
    17.4. BLOG POST AUDIO
    17.5. BLOG POST TITLE
    17.6. BLOG POST META
    17.7. BLOG POST CONTENT
    17.8. BLOG POST FOOTER
    17.9. BLOG POST COMMENTS
    17.10. BLOG POST COMMENT FORM
    17.11. BLOG POST PAGINATION
    17.11. BLOG WIDGET
    17.12. BLOG WIDGET TITLE
    17.13. BLOG SEARCH WIDGET
    17.14. BLOG RECENT POSTS WIDGET
    17.15. BLOG LINKS WIDGET
    17.16. BLOG TAGS WIDGET

18. CONTACT INFO AREA
    18.1. CONTACT INFO STICKY
    18.2. CONTACT INFO ITEM
    18.3. MAP + CONTACT INFO

19. CLIENTS AREA

20. FAQ AREA
    20.1. FAQ CATEGORIES
    20.2. FAQ CONTENT
    20.3. FAQ PANEL SIMPLE

21. LOGIN AREA

22. CONTACT AREA
    22.1. CONTACT ADDRESS
    22.2. CONTACT SOCIAL
    22.3. CONTACT FORM

23. MAP AREA

24. FOOTER AREA
    24.2. FOOTER WIDGET
    24.3. FOOTER ABOUT WIDGET
    24.4. FOOTER LINKS WIDGET
    24.5. FOOTER CONTACT WIDGET
    24.6. FOOTER COPYRIGHT

25. 404 AREA
    25.1. 404 TITLE
    25.2. 404 SEARCH BAR

26. PAGE HEADER AREA
    26.1. PAGE TITLE BREADCRUMB
    26.2. PAGE HEADER BREADCRUMB

27. DOMAIN PAGE
    27.1. DOMAIN SEARCH AREA

28. HELPER CLASSES
    28.1. RESET-GUTTER
    28.2. RESET-MARGIN
    28.3. RESET-PADDING
    28.4. VERTICAL-CENTERING

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html,
body {
    height: 100%;
}
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #737373;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
}
p:last-child {
    margin-bottom: 0;
}
.fa.fm {
    margin-right: 10px;
}

.highlight {
    background-color: #ff4719;
}

/* 1.1. WRAPPER */
.wrapper {
    height: 100%;
}

/* 1.2. CUSTOM BUTTONS */
.btn--primary {
    display: inline-block;
    padding: 9px 29px;
    color: #303030;
    background-color: transparent;
    border: 2px solid #ff4719;
    border-radius: 30px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 900;
    outline: 0;
}

a.btn--primary {
    color: #303030;
}

a.btn--text-white,
.btn--text-white {
    color: #fff;
}

.btn--ripple {
    position: relative;
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
    overflow: hidden;
    z-index: 0;
}
.btn--ripple-ink {
    display: block;
    position: absolute;
    background: #ff4719;
    border-radius: 100%;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.btn--ripple-animate {
    -webkit-animation: ripple 0.65s linear;
            animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(2.5);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
    }
}

/* 1.3. BACKGROUND IMAGE */
.bg--img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 1.4. BACKGROUND COLORS */
.bg--whitesmoke {
    background-color: #f8f8f8;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}
.bg--midnight {
    background-color: #232c3b;
}

/* 1.5. SECTION TITLE */
.section--title {
    margin-top: -8px;
    margin-bottom: 80px;
    text-align: center;
}

.section--title h2 {
    position: relative;
    margin: 0 0 15px;
    color: #232c3b;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    z-index: 0;
}

.section--title h2:before {
    content: "\f132";
    position: absolute;
    left: 0;
    right: 0;
    color: #f4f4f4;
    font-family: "FontAwesome";
    font-size: 80px;
    z-index: -1;
}

.section--title h2 span {
    color: #ff4719;
}

.section--title.block h2 span {
    display: block;
}

/* 1.6. SECTION FOOTER */
.section--footer {
    margin-top: 60px;
    text-align: center;
}

/* 1.7. BACK TO TOP BUTTON */
#backToTop {
    position: fixed;
    right: 30px;
    bottom: 40px;
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out;
}
#backToTop.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
body.isTawkMobile #backToTop {
    right: 20px;
    bottom: 75px;
}
#backToTop a {
    width: 50px;
    padding: 8px 0 10px;
    color: #303030;
    background-color: #fff;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}

/* 1.8. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232c3b;
    z-index: 9999999999;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 3.75em;
    height: 4.25em;
    margin-left: -1.875em;
    margin-top: -2.125em;
    -webkit-transform-origin: center center;
        transform-origin: center center;
    -webkit-transform: rotateY(180deg) rotateZ(-60deg);
            transform: rotateY(180deg) rotateZ(-60deg);
    font-size: 20px;
}

.preloader .slice {
    border-top: 1.125em solid transparent;
    border-right: none;
    border-bottom: 1em solid transparent;
    border-left: 1.875em solid #ff4719;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    border-radius: 3px 3px 0 0;
}

.preloader.loading {
    -webkit-animation: 2s preload-flip steps(2) infinite both;
            animation: 2s preload-flip steps(2) infinite both;
}
.preloader.loading .slice:nth-child(1) {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-1 linear infinite both;
            animation: 2s preload-cycle-1 linear infinite both;
}
.preloader.loading .slice:nth-child(2) {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-2 linear infinite both;
            animation: 2s preload-cycle-2 linear infinite both;
}
.preloader.loading .slice:nth-child(3) {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-3 linear infinite both;
            animation: 2s preload-cycle-3 linear infinite both;
}
.preloader.loading .slice:nth-child(4) {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-4 linear infinite both;
            animation: 2s preload-cycle-4 linear infinite both;
}
.preloader.loading .slice:nth-child(5) {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-5 linear infinite both;
            animation: 2s preload-cycle-5 linear infinite both;
}
.preloader.loading .slice:nth-child(6) {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    -webkit-animation: 2s preload-cycle-6 linear infinite both;
            animation: 2s preload-cycle-6 linear infinite both;
}

@-webkit-keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    10%,
    75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    80%,
    100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    10%,
    75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    80%,
    100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    15%,
    70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    75%,
    100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    15%,
    70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    75%,
    100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    20%,
    65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    70%,
    100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    20%,
    65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    70%,
    100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
    60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    65%,
    100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
    60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    65%,
    100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
    55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    60%,
    100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
    55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    60%,
    100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
    50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    55%,
    100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}
@keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
    50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #ff4719;
    }
    55%,
    100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
                transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
                transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(-60deg);
                transform: rotateY(360deg) rotateZ(-60deg);
    }
}
@keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
                transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(-60deg);
                transform: rotateY(360deg) rotateZ(-60deg);
    }
}

/*------------------------------------*\
    2. HEADER AREA
\*------------------------------------*/
/* 2.1. HEADER NAVBAR */
.header--navbar {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    -webkit-transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease;
            transition: padding 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease;
}
#header.sticky .header--navbar {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}
#header.sticky .header--navbar a {
    color: #232c3b;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}

/* 2.2. HEADER LOGO */
.header--logo {
    height: auto;
    font-size: 22px;
    line-height: 30px;
    font-weight: 900;
}
.header--logo span {
    color: #ff4719;
}

/* 2.3. HEADER NAVBAR TOGGLE */
.header--navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    -webkit-transition: background-color .25s;
            transition: background-color .25s;
}

/* 2.4. HEADER NAV */
#headerNav .nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
#headerNav .nav > li > a:hover,
#headerNav .nav > li > a:focus,
#headerNav .nav > .open > a,
#headerNav .nav > .open > a:hover,
#headerNav .nav > .open > a:focus {
    background-color: transparent;
}
#headerNav .nav > li > a:hover,
#headerNav .nav > li.active > a,
#headerNav .nav > .dropdown.open > a {
    color: #ff4719;
}
#headerNav .nav > li.active > a {
    font-weight: 900;
}
#headerNav .nav > .dropdown > a > .caret {
    margin-left: 5px;
}
#headerNav .nav > .dropdown > .dropdown-menu > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: color 0.25s ease, background-color 0.25s ease-in-out;
            transition: color 0.25s ease, background-color 0.25s ease-in-out;
}
#headerNav .nav > .dropdown > .dropdown-menu > li > a:hover,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:focus,
#headerNav .nav > .dropdown > .dropdown-menu > li.active > a {
    color: #fff;
    background-color: #ff4719;
}
.header--login-btn {
    float: right;
    margin-top: 10px;
    margin-left: 30px;
}
.header--login-btn .btn--primary {
    color: #fff;
}

/* 2.5. HEADER NAVBAR DARK */
.header--navbar.dark {
    background-color: #232c3b;
}

/*------------------------------------*\
    3. BANNER AREA
\*------------------------------------*/
#banner {
    height: 100%;
    color: #fff;
    background-color: #232c3b;
}

/* 3.1. BANNER SLIDER */
.banner--slider,
.banner--slider .owl-wrapper-outer,
.banner--slider .owl-wrapper,
.banner--slider .owl-item {
    height: 100%;
}

/* 3.1. BANNER SLIDER CONTENT */
.banner--slider .owl-controls {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0px;
}

.banner--slider .owl-page {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin: 20px 5px;
    border: 2px solid #ff4719;
}

.banner--slider .owl-page span {
    width: 6px;
    height: 6px;
    display: block;
    background-color: #ff4719;
    border-radius: 50%;
    margin: 2px 0 0 2px;
    -webkit-transition-duration: .28s;
            transition-duration: .28s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
            transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-property: -webkit-transform, -webkit-transform;
            transition-property: transform, -webkit-transform;
    -webkit-transform: scale3d(0,0,0);
            transform: scale3d(0,0,0);
}

.banner--slider .owl-page.active span {
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
}

/* 3.2. BANNER ITEM */
.banner--item,
.banner--item > .container,
.banner--item > .container > .row,
.banner--item > .container > .row > div {
    height: 100%;
}

.banner--item {
    position: relative;
    z-index: 0;
}

.banner--item:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232c3b;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 0;
}

.banner--item.bg--video .container {
    position: relative;
}

.banner--item #tubular-container,
.banner--item #tubular-shield {
    z-index: -1;
}

/* 3.3. BANNER CONTENT */
.banner--content h2 {
    margin: 0 0 12px;
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
    text-transform: capitalize;
}

.banner--content h4 {
    margin: -3px 0 0;
    font-size: 24px;
    line-height: 28px;
}

.banner--content .btn--primary {
    margin-top: 21px;
}

/*------------------------------------*\
    4. SERVICES AREA
\*------------------------------------*/
#services {
    padding: 80px 0 47px;
}

/* 4.1. SERVICE ITEM */
.service--item {
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
}

/* 4.2. SERVICE ICON */
.service--icon {
    margin-bottom: 20px;
}

/* 4.3. SERVICE CONTENT */
.service--content h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}
.service--content h3 span {
    color: #ff4719;
}

/*------------------------------------*\
    5. ABOUT DESCRIPTION AREA
\*------------------------------------*/
#aboutDesc {
    padding: 80px 0;
}
#aboutDesc > .container > .row > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/* 5.1. ABOUT DESCRIPTION IMAGE */
.about-desc--img img {
    width: 100%;
}

/*------------------------------------*\
    6. DOMAIN SEARCH AREA
\*------------------------------------*/
#domainSearch {
    padding: 80px 0;
}

/* 6.1. SECTION TITLE */
#domainSearch .section--title {
    margin-top: 0;
    margin-bottom: 30px;
    border: none;
}
#domainSearch .section--title h2 {
    padding-top: 0;
    color: #fff;
}
#domainSearch .section--title h2:before {
    color: #737373;
}

/* 6.2. DOMAIN SEARCH INPUT TEXT */
.domain-search--form {
    text-align: center;
}
.domain-search--form ::-webkit-input-placeholder {
    color: #fff;
}
.domain-search--form ::-moz-placeholder {
    color: #fff;
}
.domain-search--form :-ms-input-placeholder {
    color: #fff;
}
.domain-search--form :-moz-placeholder {
    color: #fff;
}
.domain-search--form .input--text {
    position: relative;
}
.domain-search--form .input--text input {
    padding: 0;
    background-color: transparent;
    color: #fff;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #fff;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.domain-search--form .input--text .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
}
.domain-search--form .input--text input:focus + .highlight,
.domain-search--form .input--text input.error + .highlight {
    width: 100%;
}

/* 6.3. DOMAIN SEARCH INPUT RADIO */
.domain-search--form .input--radio {
    margin-top: 15px;
    margin-bottom: 25px;
}
.domain-search--form .input--radio .radio-inline {
    display: table-cell;
    width: 1%;
    margin: 0;
}
.domain-search--form .input--radio .radio-inline input {
    margin-top: 8px;
    visibility: hidden;
}
.domain-search--form .input--radio .radio-inline span {
    position: relative;
    color: #fff;
}
.domain-search--form .input--radio .radio-inline span:before {
    content: " ";
    position: absolute;
    top: 4px;
    left: -20px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: border-color 0.25s ease, background-color 0.25s ease-in-out;
            transition: border-color 0.25s ease, background-color 0.25s ease-in-out;
}
.domain-search--form .input--radio .radio-inline input:checked + span:before {
    background-color: #ff4719;
    border-color: #ff4719;
}

/* 6.4. DARK THEME */
#domainSearch.bg--midnight .section--title h2,
.bg--midnight .domain-search--form,
.bg--midnight .domain-search--form .input--text input {
    color: #fff;
}
.bg--midnight .domain-search--form .input--text input,
.bg--midnight .domain-search--form .input--radio .radio-inline span:before {
    border-color: #fff;
}

/*------------------------------------*\
    7. FEATURES AREA
\*------------------------------------*/
#features {
    padding: 77px 0;
}

/* 7.1. FEATURE ITEM */
.feature--item {
    padding: 30px 15px;
    border: 1px solid #e9e9e9;
    text-align: center;
}

/* 7.2. FEATURE ICON */
.feature--icon {
    margin-bottom: 25px;
}

/* 7.3. FEATURE CONTENT */
.feature--content h2 {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}
.feature--content h2 span {
    color: #ff4719;
}

/*------------------------------------*\
    8. PRICING AREA
\*------------------------------------*/
#pricing {
    padding: 80px 0;
}

/* 8.1. PRICING ITEM */
.pricing--item {
    margin-top: 40px;
    padding-bottom: 47px;
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    text-align: center;
    -webkit-transition: box-shadow .25s ease;
            transition: box-shadow .25s ease;
}
.pricing--item:hover {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
}
#pricing.bg--whitesmoke .pricing--item {
    background-color: #fff;
}
.pricing--item.popular {
    position: relative;
    margin-top: 0;
    color: #fff;
    background-color: #232c3b;
    border: none;
    z-index: 1;
}
.pricing--item.popular:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -15px;
    right: -15px;
    bottom: 0;
    background-color: #232c3b;
    z-index: -1;
}

/* 8.2. PRICING BODY */
.pricing--body {
    padding-top: 50px;
}
.pricing--item.popular .pricing--body {
    padding-top: 30px;
}

/* 8.3. PRICING POPULAR TAG */
.pricing--popular-tag {
    display: inline-block;
    padding: 15px 30px;
    margin: 24px 0;
    background-color: #ff4719;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
}

/* 8.4. PRICING TAG */
.pricing--tag {
    margin-bottom: 5px;
}
.pricing--tag p strong {
    display: block;
    margin-top: 5px;
    color: #ff4719;
    font-size: 48px;
    line-height: 56px;
}

/* 8.5. PRICING DETAILS */
.pricing--details {
    padding: 0 35px;
}
.pricing--details h2 {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 38px;
}
.pricing--details h2 strong {
    color: #ff4719;
    font-weight: inherit;
}

/* 8.6. PRICING FOOTER */
.pricing--footer {
    margin-top: 45px;
}

.pricing--item.popular .pricing--footer .btn--primary {
    color: #fff;
}

/*------------------------------------*\
    9. PRICING AREA 2
\*------------------------------------*/
#pricing2 {
    padding: 80px 0;
}

/* 9.1. PRICING 2 HEADER */
.pricing-2--header {
    position: relative;
    padding: 50px 15px 40px;
    background-color: #f0f0f0;
    border-top: 2px solid #ff4719;
    text-align: center;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
    z-index: 0;
}
.pricing-2--header:hover {
    color: #fff;
}
.pricing-2--header:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #ff4719;
    -webkit-transition: height 0.25s ease-in-out;
            transition: height 0.25s ease-in-out;
    z-index: -1;
}
.pricing-2--header:hover:before {
    height: 100%;
}

/* 9.2. PRICING 2 TITLE */
.pricing-2--title {
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

/* 9.3. PRICING 2 PRICE */
.pricing-2--price {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}

/*------------------------------------*\
    10. PRICE DETAILS AREA
\*------------------------------------*/
#priceDetails {
    padding: 80px 0;
}
.bg--whitesmoke .price-details--item.body .content {
    background-color: #fff;
}

/* 10.1. PRICE DETAILS HEAD */
.price-details--item.head .content,
.price-details--item.body .content {
    border-top: 1px solid #e9e9e9;
}
.price-details--item.head .content ul,
.price-details--item.body .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.price-details--item.head .content li {
    padding: 10px 20px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #e9e9e9;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.price-details--item.head .content li:nth-child(odd) {
    background-color: #f0f0f0;
}

/* 10.2. PRICE DETAILS BODY */
.price-details--item.body .content li {
    border: 0;
    padding: 10px 20px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}
.price-details--item.body .content li:nth-child(odd) {
    background-color: #f0f0f0;
}
.price-details--item.body .content .action-btn {
    padding: 20px 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #e9e9e9;
    text-align: center;
}
.price-details--item.body:nth-child(2) .content .action-btn {
    border-left: 1px solid #e9e9e9;
}

/*------------------------------------*\
    11. PRICE DETAILS 2 AREA
\*------------------------------------*/
#priceDetails2 {
    padding: 80px 0;
}
#priceDetails2.no--bd {
    border: none;
}
.price-details-2--content table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.price-details-2--content table thead {
    background-color: #232c3b;
    color: #fff;
}
.price-details-2--content table thead th {
    padding: 15px;
}
.price-details-2--content table tr {
    border: 1px solid #ddd;
    padding: 5px;
}
.price-details-2--content table th,
.price-details-2--content table td {
    padding: 10px 15px;
}
.price-details-2--content table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.price-details-2--content.text-center table th {
    text-align: center;
}
.price-details-2--content table tbody td {
    background-color: #fff;
}
.price-details-2--content table tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}
.price-details-2--content.title--bold table tbody td:first-child {
    font-weight: 900;
}
.price-details-2--content table tbody td .btn--primary {
    white-space: nowrap;
}

/*------------------------------------*\
    12. DOMAIN EXTENSION AREA
\*------------------------------------*/
#domainExt {
    padding: 80px 0;
    background-color: #e9e9e9;
}

/* 12.1. DOMAIN EXTENSION SLIDER */
#domainExt .bx-wrapper {
    margin-bottom: 0;
}
#domainExt .bx-viewport {
    background-color: transparent;
    border: none;
}

/* 12.2. DOMAIN EXTENSION CONTENT */
.domain-ext--content {
    position: relative;
    padding: 5px 15px 15px;
    background-color: #fff;
    border-top: 2px solid #ff4719;
    text-align: center;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
    z-index: 0;
}
.domain-ext--content:hover {
    color: #fff;
}
.domain-ext--content:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #ff4719;
    -webkit-transition: height 0.25s ease;
            transition: height 0.25s ease;
    z-index: -1;
}
.domain-ext--content:hover:before {
    height: 100%;
}

/* 12.3. DOMAIN EXTENSION NAME */
.domain-ext--name {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 30px;
    line-height: 38px;
    font-weight: 900;
}
.domain-ext--name:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    margin: 0 auto;
    background-color: #ff4719;
    -webkit-transition: background-color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out;
}
.domain-ext--content:hover .domain-ext--name:before {
    background-color: #fff;
}

/*------------------------------------*\
    13. COUNTER AREA
\*------------------------------------*/
#counter {
    padding: 77px 0 47px;
}

#counter.bg--img {
    color: #fff;
    background-size: auto;
    background-repeat: repeat;
}

/* 13.1. COUNTER ITEM */
.counter--item-h {
    margin-bottom: 30px;
}

.counter--item {
    overflow: hidden;
}

/* 13.2. COUNTER ICON */
.counter--icon {
    float: left;
    margin-right: 30px;
}

/* 13.3. COUNTER CONTENT */
.counter--num {
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
}

/* 13.4. COUNTER DARK */
#counter.bg--midnight {
    color: #fff;
}

/*------------------------------------*\
    14. COUNTER AREA 2
\*------------------------------------*/
#counter2 {
    padding: 77px 0 47px;
    color: #fff;
    background-size: auto;
    background-repeat: repeat;
}

/* 14.1. COUNTER 2 ITEM */
.counter-2--item {
    margin-bottom: 30px;
    overflow: hidden;
}

/* 14.2. COUNTER 2 CONTENT */
.counter-2--content {
    text-align: center;
}
.counter-2--num {
    margin-bottom: 10px;
    padding-bottom: 11px;
    border-bottom: 1px solid #ff4719;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
}

/* 14.3. COUNTER 2 DARK */
#counter2.bg--midnight {
    color: #fff;
}

/*------------------------------------*\
    15. TEAM AREA
\*------------------------------------*/
#team {
    padding: 80px 0 50px;
}

/* 15.1. TEAM ITEM */
.team--item {
    margin-bottom: 30px;
}

.team--name {
    margin: 0;
    padding: 20px 0 10px;
    font-weight: 900;
    text-align: center;
}
.team--name a {
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.team--item:hover .team--name a {
    color: #ff4719;
}
.team--role {
    color: #737373;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

/* 15.2. TEAM SOCIAL */
.team--social-links {
    margin-top: 10px;
    text-align: center;
}
.team--social-links ul {
    display: inline-block;
    font-size: 0;
    float: none;
}
.team--social-links ul li a {
    font-size: 15px;
    color: #acacac;
    padding: 0px 15px;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.team--social-links ul li a:hover,
.team--social-links ul li a:focus {
    color: #ff4719;
    background-color: transparent;
}

/*------------------------------------*\
    16. FEEDBACK AREA
\*------------------------------------*/
#feedback {
    position: relative;
    padding: 80px 0;
    z-index: 0;
}
#feedback.bg--img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232c3b;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}

#feedback.bg--img .section--title h2,
#feedback.bg--img .section--title p {
    color: #fff;
}
#feedback.bg--img .section--title h2:before {
    color: #737373;
}

.feedback--slider .owl-controls {
    margin-bottom: 50px;
}
.feedback--slider .owl-controls .owl-pagination {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.feedback--slider .owl-controls .owl-page {
    display: inline-block;
    max-width: 100px;
    margin: 0 5px;
    opacity: 0.5;
    -webkit-transition: opacity .25s ease-in-out;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            transition: opacity .25s ease-in-out;
}
.feedback--slider .owl-controls .owl-page.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.feedback--slider .owl-controls .owl-page img {
    display: block;
    max-width: 100%;
    border-radius: 50%;
}

.feedback--content {
    text-align: center;
}
#feedback.bg--img .feedback--content {
    color: #fff;
}
.feedback--content blockquote {
    margin-bottom: 0;
    padding: 0;
    border: none;
    font-weight: 300;
}
.feedback--citation {
    margin-top: 30px;
    font-weight: 700;
}

/*------------------------------------*\
    17. BLOG AREA
\*------------------------------------*/
#blog {
    padding: 80px 0;
}

/* 17.1. BLOG POST */
.blog--post {
    margin-bottom: 30px;
}
.blog--post:last-child {
    margin-bottom: 0;
}

/* 17.2. BLOG POST IMAGE */
.blog--post-img img {
    display: block;
    width: 100%;
}

/* 17.3. BLOG POST VIDEO */
.blog--post-video video {
    max-width: 100%;
    background-color: #000;
}

/* 17.4. BLOG POST AUDIO */
.blog--post-audio audio {
    width: 100%;
}

/* 17.5. BLOG POST TITLE */
.blog--post-title {
    padding: 22px 0 28px;
}
.blog--post-title h2 {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    word-wrap: break-word;
}
.blog--post-title h2 a {
    display: block;
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--post-title h2 a:hover,
.blog--post-title h2 a:focus {
    color: #ff4719;
}

/* 17.6. BLOG POST META */
.blog--post-meta {
    padding: 10px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}
.blog--post-meta .separator {
    margin: 0 8px;
}
.blog--post-meta a {
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--post-meta a:hover,
.blog--post-meta a:focus {
    color: #ff4719;
}

/* 17.7. BLOG POST CONTENT */
.blog--post-content {
    padding-top: 25px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e9e9e9;
}
.blog--post-content blockquote {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
    background-color: #f8f8f8;
}
.blog--post-content .read--more {
    margin-top: 13px;
}

/* 17.8. BLOG POST FOOTER */
.blog--post-footer {
    padding: 25px 0;
    border-bottom: 1px solid #e9e9e9;
}
.blog--post-footer a {
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--post-footer a:hover,
.blog--post-footer a:focus {
    color: #ff4719;
}
.blog--post-footer .tags + .cats,
.blog--post-footer .cats + .tags {
    margin-top: 20px;
}
.blog--post-footer .cats a,
.blog--post-footer .tags a {
    margin-left: 10px;
}
.blog--post-footer .author {
    margin-top: 27px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}
.blog--post-footer .author a {
    margin-left: 12px;
}
.blog--post-footer .share {
    margin-top: 42px;
    text-align: right;
}
.blog--post-footer .share ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.blog--post-footer .share li {
    display: inline-block;
    margin-left: 4px;
}
.blog--post-footer .share li a {
    display: block;
    color: #232c3b;
    width: 40px;
    padding: 8px 0;
    border-width: 1px;
    text-align: center;
}

/* 17.9. BLOG POST COMMENTS */
.blog--post-comments-title {
    margin-top: -1px;
    padding: 23px 0 0;
    border-top: 1px solid #e9e9e9;
}
.blog--post-comments-title h3 {
    position: relative;
    margin: 0;
    padding-bottom: 8px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 900;
}
.blog--post-comments-title h3:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background-color: #ff4719;
}
.blog--post-comment {
    padding: 30px 0;
    border-bottom: 1px solid #e9e9e9;
}
.blog--post-comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog--post-comments ul ul {
    padding-left: 30px;
}
.blog--post-comment-img {
    display: table-cell;
    vertical-align: middle;
}
.blog--post-comment-meta {
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}
.blog--post-comment-meta a {
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--post-comment-meta a:hover,
.blog--post-comment-meta a:focus {
    color: #ff4719;
}
.blog--post-comment-body {
    padding: 15px 0;
}
.blog--post-comment-footer .btn--primary {
    display: block;
    float: left;
}

/* 17.10. BLOG POST COMMENT FORM */
.blog--post-comment-form {
    margin-top: -1px;
    border-top: 1px solid #e9e9e9;
}
.blog--post-comment-form .title {
    padding: 23px 0 30px;
}
.blog--post-comment-form .title h3 {
    position: relative;
    margin: 0;
    padding-bottom: 8px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 900;
}
.blog--post-comment-form .title h3:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background-color: #ff4719;
}
.blog--post-comment-form-group .form-control {
    margin-bottom: 30px;
    padding: 0;
    border-width: 0 0 1px;
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    outline: 0;
}
.blog--post-comment-form-group .input--text {
    position: relative;
}
.blog--post-comment-form-group .input--text .highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
}
.blog--post-comment-form-group input:focus + .highlight,
.blog--post-comment-form-group textarea:focus + .highlight,
.blog--post-comment-form-group input.error + .highlight,
.blog--post-comment-form-group textarea.error + .highlight {
    width: 100%;
}

/* 17.11. BLOG POST PAGINATION */
.blog--post-pagination .pagination {
    display: block;
    margin: 0;
    font-size: 0;
    border-radius: 0;
    overflow: hidden;
}
.blog--post-pagination .pagination li {
    display: inline-block;
    vertical-align: top;
}
.blog--post-pagination .pagination > li > a {
    display: block;
    float: none;
    color: #737373;
    border-radius: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    -webkit-transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
            transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}
.blog--post-pagination .pagination > li > a:hover,
.blog--post-pagination .pagination > li > a:focus,
.blog--post-pagination .pagination > li.active > a {
    color: #fff;
    background-color: #ff4719;
    border-color: #ff4719;
}
.blog--post-pagination .pagination > li:first-child > a,
.blog--post-pagination .pagination > li:first-child > span {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.blog--post-pagination .pagination > li:last-child > a,
.blog--post-pagination .pagination > li:last-child > span {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* 17.11. BLOG WIDGET */
.blog--widget {
    margin-bottom: 60px;
}
.blog--widget:last-child {
    margin-bottom: 0;
}

/* 17.12. BLOG WIDGET TITLE */
.blog--widget-title {
    position: relative;
    margin: -5px 0 25px;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
}
.blog--widget-title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background-color: #ff4719;
}

/* 17.13. BLOG SEARCH WIDGET */
.blog--search-widget .input--text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 0;
}
.blog--search-widget .input--text input {
    float: none;
    display: block;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
    padding: 8px 0;
}
.blog--search-widget .input--text .highlight {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
    z-index: 3;
}
.blog--search-widget .input--text input:focus + .highlight,
.blog--search-widget .input--text input.error + .highlight {
    width: 100%;
}
.blog--search-widget .input-group-addon {
    padding: 0;
    background-color: transparent;
    border: none;
}

/* 17.14. BLOG RECENT POSTS WIDGET */
.blog--recent-posts-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog--recent-posts-widget ul li {
    margin-bottom: 25px;
}
.blog--recent-posts-widget ul li:last-child {
    margin-bottom: 0;
}
.blog--recent-posts-widget ul li h4 {
    margin: 0 0 10px;
    line-height: 26px;
    font-weight: 900;
}
.blog--recent-posts-widget ul li h4 a {
    color: #737373;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--recent-posts-widget ul li h4 a:hover,
.blog--recent-posts-widget ul li h4 a:focus {
    color: #ff4719;
}
.blog--recent-posts-widget .time {
    padding: 5px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}

/* 17.15. BLOG LINKS WIDGET */
.blog--links-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog--links-widget ul li {
    margin-bottom: 10px;
}
.blog--links-widget ul li:last-child {
    margin-bottom: 0;
}
.blog--links-widget ul li a {
    display: block;
    padding-bottom: 5px;
    color: #737373;
    border-bottom: 1px dotted #e9e9e9;
    -webkit-transition: color 0.25s ease, border-color 0.25s ease;
            transition: color 0.25s ease, border-color 0.25s ease;
}
.blog--links-widget ul li a:hover,
.blog--links-widget ul li a:focus {
    color: #ff4719;
    border-color: #ff4719;
}
.blog--links-widget ul ul {
    padding-left: 30px;
}

/* 17.16. BLOG TAGS WIDGET */
.blog--tags-widget .blog--widget-title {
    margin-bottom: 15px;
}
.blog--tags-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}
.blog--tags-widget ul li {
    display: inline-block;
    padding: 10px 25px 0 0;
    cursor: pointer;
}
.blog--tags-widget ul li a {
    display: block;
    color: #737373;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.blog--tags-widget ul li a:hover,
.blog--tags-widget ul li a:focus {
    color: #ff4719;
}

/*------------------------------------*\
    18. CONTACT INFO AREA
\*------------------------------------*/
#contactInfo {
    position: relative;
}

/* 18.1. CONTACT INFO STICKY */
.contact-info--sticky {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* 18.2. CONTACT INFO ITEM */
.contact-info--item a {
    position: relative;
    display: block;
    padding: 30px 10px;
    background-color: #ff4719;
    text-align: center;
}
.contact-info--item a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}
.contact-info--item a:hover:before {
    background-color: #fff;
}

.contact-info--item a .fa {
    margin-right: 8px;
}

/* 18.3. MAP + CONTACT INFO */
#map + #contactInfo {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

/*------------------------------------*\
    19. CLIENTS AREA
\*------------------------------------*/
#clients {
    padding: 80px 0;
}

/*------------------------------------*\
    20. FAQ AREA
\*------------------------------------*/
#faq {
    padding: 80px 0;
}

/* 20.1. FAQ CATEGORIES */
.faq--categories h3 {
    position: relative;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    padding-bottom: 10px;
}
.faq--categories h3:before {
    content: " ";
    position: absolute;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background-color: #ff4719;
}
.faq--categories ul {
    margin-top: 25px;
}
.faq--categories ul li a {
    margin-top: 6px;
    color: #737373;
    background-color: #e9e9e9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    -webkit-transition: color 0.25s ease, background-color 0.25s ease-in-out;
            transition: color 0.25s ease, background-color 0.25s ease-in-out;
}
.faq--categories ul li a:hover,
.faq--categories ul li.active a {
    color: #fff;
    background-color: #ff4719;
}

/* 20.2. FAQ CONTENT */
.faq--content .panel-group {
    margin-bottom: 0;
}
.faq--content .accordion .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 22px;
}
.faq--content .accordion .panel-heading {
    padding: 0;
}
.faq--content .accordion .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background-color: #ff4719;
    text-transform: capitalize;
}
.faq--content .accordion .panel-heading a.collapsed {
    background-color: #232c3b;
}
.faq--content .accordion .panel-heading a h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 900;
    overflow: hidden;
}
.faq--content .accordion .panel-heading a h4 i.fa-minus {
    float: right;
    margin-top: 4px;
    color: #fff;
}
.faq--content .accordion .panel-heading a.collapsed i.fa-minus:before {
    content: "\f067";
}
.faq--content .panel-collapse {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #e9e9e9;
}

/* 20.3. FAQ PANEL SIMPLE */
.faq--panel-simple {
    padding-bottom: 30px;
    border: none;
}
.faq--panel-simple:last-child {
    padding-bottom: 0;
}
.faq--panel-simple .panel-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    text-transform: capitalize;
}
.faq--panel-simple .panel-body {
    padding: 0;
}

/*------------------------------------*\
    21. LOGIN AREA
\*------------------------------------*/
#login {
    padding: 80px 0;
}
.login--form {
    padding: 30px;
    background-color: #f0f0f0;
    max-width: 380px;
    margin: 0 auto;
}
.login--form p.help-block {
    font-weight: 400;
    font-size: 14px;
    margin: 25px 0 5px;
}
.login--form p.help-block {
    margin-top: 20px;
}
.login--form p.help-block label {
    margin-bottom: 0;
}
.login--form p.help-block input[type="checkbox"] {
    margin-top: 0;
    margin-right: 8px;
}
.login--form .form-group {
    position: relative;
}
.login--form input.form-control {
    box-shadow: none;
    border-radius: 0;
    height: auto;
    min-height: 38px;
    background-color: transparent;
    border-width: 0 0 1px;
    padding-left: 0;
}
.login--form input.form-control:focus {
    border-color: #ccc;
}
.login--form .form-group .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.login--form .form-group input:focus + .highlight,
.login--form .form-group input.error + .highlight {
    width: 100%;
}

.login--form .btn--primary {
    margin-top: 15px;
}

.login--form .btn--ripple {
    vertical-align: middle;
}

/*------------------------------------*\
    22. CONTACT AREA
\*------------------------------------*/
#contact {
    padding: 80px 0;
}

/* 22.1. CONTACT ADDRESS */
.contact--address h2 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 15px;
    color: #737373;
    font-size: 26px;
    line-height: 34px;
    font-weight: 900;
    text-transform: uppercase;
}
.contact--address h2:before {
    position: absolute;
    content: " ";
    width: 40px;
    height: 2px;
    background-color: #ff4719;
    bottom: 0px;
}
.contact--address h2 span {
    color: #ff4719;
}
.contact--address address {
    margin-top: 30px;
}
.contact--address address p {
    margin-bottom: 20px;
    color: #737373;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
}
.contact--address address p:last-child {
    margin-bottom: 0;
}
.contact--address address p img {
    float: left;
    display: block;
    max-width: 60px;
    margin-right: 15px;
}
.contact--address address p span {
    display: block;
    margin-top: -2px;
}

/* 22.2. CONTACT SOCIAL */
.contact--social-links {
    margin-top: 26px;
}
.contact--social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.contact--social-links li {
    display: inline-block;
    margin-right: 4px;
}
.contact--social-links li a {
    display: block;
    width: 40px;
    padding: 7px 0;
    text-align: center;
}

/* 22.3. CONTACT FORM */
.contact--form {
    padding-left: 50px;
    font-weight: 400;
}
.contact--form label {
    font-weight: 400;
}
.contact--form .form-group {
    position: relative;
}
.contact--form .form-control {
    margin-bottom: 30px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
    padding: 8px 0;
}
.contact--form textarea.form-control {
    min-height: 172px;
    resize: none;
}
.contact--form .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
}
.contact--form input:focus + .highlight,
.contact--form textarea:focus + .highlight,
.contact--form input.error + .highlight,
.contact--form textarea.error + .highlight {
    width: 100%;
}

/*------------------------------------*\
    23. MAP AREA
\*------------------------------------*/
#map {
    min-height: 400px;
}

/*------------------------------------*\
    24. FOOTER AREA
\*------------------------------------*/
#footer {
    position: relative;
    padding-top: 97px;
    background-color: #232c3b;
    z-index: -1;
}
#footer .container {
    position: relative;
}

/* 24.2. FOOTER WIDGET */
.footer--widget {
    margin-bottom: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.footer--widget h2 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 5px;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
}
.footer--widget h2:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background-color: #ff4719;
}

/* 24.3. FOOTER ABOUT WIDGET */
.footer--about a {
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.footer--about a:hover,
.footer--about a:focus {
    color: #ff4719;
}

/* 24.4. FOOTER LINKS WIDGET */
.footer--links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer--links ul li {
    margin-bottom: 8px;
}
.footer--links ul li:last-child {
    margin-bottom: 0;
}
.footer--links ul li a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff;
    -webkit-transition: color 0.25s ease, border-color 0.25s ease;
            transition: color 0.25s ease, border-color 0.25s ease;
}
.footer--links ul li a:hover,
.footer--links ul li a:focus {
    color: #ff4719;
    border-color: #ff4719;
}

/* 24.5. FOOTER SUBSCRIBE WIDGET */
.subscribe--widget .form-control {
    height: auto;
    padding: 8px 0;
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: #fff;
    box-shadow: none;
    text-align: center;
}
.subscribe--widget .input--text {
    position: relative;
}
.subscribe--widget .input--text .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
}
.subscribe--widget .input--text input:focus + .highlight,
.subscribe--widget .input--text input.error + .highlight {
    width: 100%;
}
.subscribe--widget .btn--primary {
    margin-top: 15px;
}

.footer--social {
    margin-top: 15px;
}
.footer--social .nav {
    float: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.footer--social .nav > li {
    float: none;
    display: inline-block;
}
.footer--social .nav > li > a {
    width: 30px;
    margin: 15px 3px 0;
    padding: 5px 2px 5px 0;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: color 0.25s, border-color .25s;
            transition: color 0.25s, border-color .25s;
}
.footer--social .nav > li > a:hover,
.footer--social .nav > li > a:focus {
    color: #ff4719;
    background-color: transparent;
    border-color: #ff4719;
}

/* 24.6. FOOTER COPYRIGHT */
.footer--copyright {
    margin-top: 30px;
    padding: 20px 0;
    color: #fff;
    background-color: #151a23;
}
.footer--copyright a {
    color: #ff4719;
    font-weight: 900;
}

/*------------------------------------*\
    25. 404 AREA
\*------------------------------------*/
#f0f {
    height: 100%;
    color: #fff;
    background-color: #232c3b;
    text-align: center;
}
#f0f > .container,
#f0f > .container > .row,
#f0f > .container > .row > div {
    height: 100%;
}

/* 25.1. 404 TITLE */
#f0f .title {
    margin: 0;
}
#f0f .title h2 {
    margin: 0;
    padding: 0;
    font-size: 120px;
    line-height: 128px;
    font-weight: 900;
}
#f0f .title h2:before {
    display: none;
}

#f0f .description p {
    margin: 20px 0 30px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

/* 25.2. 404 SEARCH BAR */
.f0f--search-bar .input--text {
    position: relative;
}
.f0f--search-bar .form-control {
    margin-bottom: 40px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    height: auto;
    padding: 8px 0;
}
.f0f--search-bar .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
            transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;
}
.f0f--search-bar input:focus + .highlight,
.f0f--search-bar input.error + .highlight {
    width: 100%;
}
.f0f--search-bar .btn--primary {
    min-width: 120px;
    margin: 10px 5px 0;
    vertical-align: middle;
}

/*------------------------------------*\
    26. PAGE HEADER AREA
\*------------------------------------*/
#pageHeader {
    margin-top: 90px;
    padding-top: 80px;
}

/* 26.1. PAGE TITLE BREADCRUMB */
#pageHeader .section--title {
    margin-bottom: 0;
}

/* 26.2. PAGE HEADER BREADCRUMB */
.page-header--breadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 400;
}
.page-header--breadcrumb .breadcrumb li a {
    color: #232c3b;
    -webkit-transition: color 0.25s ease-in;
            transition: color 0.25s ease-in;
}
.page-header--breadcrumb .breadcrumb li a:hover,
.page-header--breadcrumb .breadcrumb > .active {
    color: #ff4719;
}

/*------------------------------------*\
    27. DOMAIN PAGE
\*------------------------------------*/
/* 27.1. DOMAIN SEARCH AREA */
#domainSearch.page {
    padding: 115px 0 80px;
}

/*------------------------------------*\
    28. HELPER CLASSES
\*------------------------------------*/
/* 28.1. RESET-GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/* 28.2. RESET-MARGIN */
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}

/* 28.3. RESET-PADDING */
.reset-padding {
    padding-right: 0;
    padding-left: 0;
}

/* 28.4. VERTICAL-CENTERING */
.vc-parent {
    width: 100%;
    height: 100%;
    display: table;
}
.vc-child {
    display: table-cell;
    vertical-align: middle;
}
.vc-child-bottom {
    display: table-cell;
    vertical-align: bottom;
}