/*------------------------------------------------------------------

[ColorHost Theme Stylesheet]

Project     :   ColorHost - Responsive HTML5 Web Hosting and WHMCS Template
Version     :   2.3
Author      :   themelooks
Author URL  :   https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[TABLE OF CONTENTS]

1. GENERAL
    1.1. BACKGROUND COLORS
    1.2. BACKGROUND IMAGE
    1.3. BACKGROUND OVERLAY
    1.4. BUTTONS
    1.5. LABELS
    1.6. FORM CONTROLS
    1.7. PAGINATION
    1.8. BACK TO TOP BUTTON
    1.9. PRELOADER

2. HEADER AREA
    2.1. HEADER NAVBAR
    2.2. HEADER NAVBAR TOGGLE BUTTON
    2.3. HEADER NAVBAR BRAND
    2.4. HEADER NAV
    2.5. HEADER CUSTOM BUTTON

3. WHMCS STYLES

4. FOOTER WIDGETS

5. FOOTER

6. MEDIA QUERIES
    6.1. LARGE DEVICES, WIDE SCREENS
    6.2. MEDIUM DEVICES, DESKTOPS
    6.3. SMALL DEVICES, TABLETS
    6.4. SMALL DEVICES, SMARTPHONES
    6.5. CUSTOM, IPHONE RETINA

-------------------------------------------------------------------*/

/*--------------------------------
    1. GENERAL
--------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

h1 .btn, h2 .btn, h4 .btn, h5 .btn, h6 .btn {
    font-family: 'Roboto', sans-serif;
}

p:last-child {
    margin-bottom: 0;
}

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

.popover {
    border-radius: 4px;
}

.fa.fm {
    margin-right: 10px;
}

/* 1.1. BACKGROUND COLORS */
.bg--lightgrey {
    background-color: #f0f0f0;
}

.bg--lightergrey {
    background-color: #f8f8f8;
}

.bg--vermilion {
    background-color: #ff4718;
}

.bg--dark {
    background-color: #303030;
}

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

/* 1.3. BACKGROUND OVERLAY */
.bg--overlay {
    position: relative;
    z-index: 0;
}

.bg--overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(2, 18, 78, 0.6) 0%, rgba(255, 71, 24, 0.6) 100%);
    background: linear-gradient(to right, rgba(2, 18, 78, 0.6) 0%, rgba(255, 71, 24, 0.6) 100%);
    z-index: -1;
}

/* X.X. LINKS */
a.link--hover {
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
a.link--hover:hover,
a.link--hover:hover {
    color: #ff4718;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: #ff4718;
    text-decoration: none;
}

/* 1.4. BUTTONS */
.btn {
    border-radius: 0;
}

.btn:hover,
.btn:focus,
.btn:active:focus {
    box-shadow: none;
    outline: 0;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.btn--default,
a.btn--default {
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    font-family: 'Oswald', sans-serif;
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
    outline: 0;
}

.btn--default.hover:hover,
a.btn--default.hover:hover {
    color: #ff4718;
    border-color: #ff4718;
}

.btn--primary,
a.btn--primary {
    background-color: #ff4718;
    border-color: #ff4718;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

.btn-warning, .btn-info, .btn-success {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    border-radius: 50px;
    -webkit-transition: color .25s ease, border .25s ease;
            transition: color .25s ease, border .25s ease;
}
.btn-warning:hover, .btn-info:hover, .btn-success:hover,
.btn-warning:focus, .btn-info:focus, .btn-success:focus,
.btn-warning:active:hover, .btn-info:active:hover, .btn-success:active:hover,
.btn-warning:active:focus, .btn-info:active:focus, .btn-success:active:focus {
    color: #ff4718;
    background-color: transparent;
    border-color: #ff4718;
}

.input-group-btn input.btn-success {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 2px 10px;
    border-radius: 50px;
}

/* 1.5. LABELS */
.label {
    padding-bottom: .2em;
}

a.label-warning {
    padding-left: 10px;
    padding-right: 10px;
    color: #303030;
    background-color: transparent;
    border: 1px solid #303030;
    border-radius: 50px;
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
}

a.label-warning:hover,
a.label-warning:focus {
    color: #ff4718;
    background-color: transparent;
    border: 1px solid #ff4718;
}

a.label-warning[href]:focus,
a.label-warning[href]:hover {
    background-color: transparent;
}

/* 1.6. FORM CONTROLS */
.form-control {
    border-radius: 0;
}

.form-control,
.form-control:focus {
    box-shadow: none;
    outline: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    border-radius: 0;
}

input[type=checkbox], input[type=radio] {
    margin-top: 1px;
}

/* 1.7. PAGINATION */
.pagination,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #303030;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #303030;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

/* 1.8. BACK TO TOP BUTTON */
#backToTop {
    position: fixed;
    right: 30px;
    bottom: 45px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
       opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    z-index: 999;
}

body.scrolled #backToTop {
    opacity: 1;
}

#backToTop a {
    display: block;
    min-width: 50px;
    padding: 8px 0 10px;
    color: #fff;
    background-color: #737373;
    border-radius: 50%;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

/* 1.9. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

.preloader--spinners {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: preloaderRotate 2s infinite linear;
            animation: preloaderRotate 2s infinite linear
}

.preloader--spinner {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: preloaderBounce 2s infinite ease-in-out;
            animation: preloaderBounce 2s infinite ease-in-out
}

.preloader--spinner-2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
            animation-delay: -1s
}

@-webkit-keyframes preloaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes preloaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes preloaderBounce {
    0%, 100% {
        -webkit-transform: scale(0);
    }

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

@keyframes preloaderBounce {
    0%,100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

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

/*--------------------------------
   2. HEADER AREA
--------------------------------*/
/* 2.1. HEADER NAVBAR */
#headerNavbar .navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 0;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    background-color: #303030;
    font-family: 'Oswald', sans-serif;
    -webkit-transition-property: background-color, box-shadow;
            transition-property: background-color, box-shadow;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    z-index: 9999;
}

body.scrolled #headerNavbar .navbar {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */
#headerNavbar .navbar-toggle {
    margin-bottom: 0;
    border-color: #ff4718;
    border-radius: 50px;
    -webkit-transition: border-color .25s ease;
            transition: border-color .25s ease;
}
#headerNavbar .navbar-toggle.collapsed {
    border-color: #fff;
}

#headerNavbar .navbar-toggle .icon-bar {
    background-color: #ff4718;
    -webkit-transition: background-color .25s ease;
            transition: background-color .25s ease;
}
#headerNavbar .navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
}

/* 2.3. HEADER NAVBAR BRAND */
#headerNavbar a.navbar-brand {
    height: auto;
    padding-top: 12px;
    padding-bottom: 11px;
    color: #fff;
    font-size: 26px;
    line-height: 34px;
}

#headerNavbar a.navbar-brand h1 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
}

#headerNavbar a.navbar-brand h1 span {
    color: #ff4718;
}

/* 2.4. HEADER NAV */
#headerNav .nav {
    font-family: 'Roboto', sans-serif;
}

#headerNav .nav > li > a {
    margin-left: 5px;
    padding: 18px 10px;
    color: #fff;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-color .25s ease, padding .25s ease-in-out;
            transition: border-color .25s ease, padding .25s ease-in-out;
}

#headerNav .nav > li > a:hover,
#headerNav .nav > li.open > a,
#headerNav .nav > li.active > a {
    border-bottom-color: #fff;
}

#headerNav .nav > li > a:hover,
#headerNav .nav > li > a:focus,
#headerNav .nav > li.open > a,
#headerNav .nav > li.open > a:hover,
#headerNav .nav > li.open > a:focus {
    background-color: transparent;
}

#headerNav .nav > li > a > .caret {
    margin-left: 8px;
}

#headerNav .nav > .dropdown > .dropdown-menu {
    margin: 0;
    border: none;
    border-radius: 0;
}

#headerNav .nav > .dropdown > .dropdown-menu > li > a {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
            transition: color .25s ease-in-out, background-color .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: #ff4718;
}

/* 2.5. HEADER CUSTOM BUTTON */
.header--custom-btn {
    float: right;
    margin-top: 8px;
    margin-left: 35px;
}

.header--custom-btn.btn--default {
    padding-top: 8px;
    padding-bottom: 8px;
}

#headerNavbar .navbar-header .header--custom-btn {
    display: none;
}

/*--------------------------------
    3. WHMCS STYLES
--------------------------------*/
input.btn[value="Register"] {
	border-radius: 100px;
}

#top-nav a.quick-nav {
    padding-top: 4px;
    padding-bottom: 4px;
}
#top-nav a.quick-nav:hover,
#top-nav a.quick-nav[aria-describedby] {
    color: #ff4718;
}

.login-popover .input-group-btn .btn-primary {
    margin-left: 0;
    box-shadow: none;
    outline: 0;
}

.clientalert {
    padding-top: 10px;
    padding-bottom: 10px;
}
.clientalert .btn-xs {
    font-family: inherit;
}

.admin-masquerade-notice {
    margin-top: 32px;
    margin-bottom: 5px;
    border-radius: 0;
}
.admin-masquerade-notice a {
    text-decoration: underline;
}

.navbar-main {
    font-family: inherit;
    border-radius: 0;
}
.navbar-main .navbar-toggle {
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-color: #fff;
    border-radius: 50px;
}
.navbar-main .navbar-toggle:hover,
.navbar-main .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-main .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-main .navbar-nav > li > a {
    padding-bottom: 6px;
    border-bottom: 3px solid transparent;
    -webkit-transition: border-color .25s ease;
            transition: border-color .25s ease;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.navbar-main .nav > .dropdown > .dropdown-menu {
    border: none;
    border-radius: 0;
}
.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {
    background-color: #ff4718;
}

@media screen and (max-width: 991px) {
    #main-menu .nav + .nav {
        margin-top: 0;
        padding-bottom: 10px;
    }
    
    .navbar-main .nav > .dropdown > .dropdown-menu {
        position: relative;
        width: 100%;
        box-shadow: none;
    }
    
    .navbar-main .navbar-nav > li > a {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #main-menu .nav + .nav {
        margin-top: -10px;
        padding-bottom: 0;
    }
    
    .navbar-main .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    
    .navbar-main .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

section#home-banner {
    padding: 100px 0;
}
section#home-banner h2 {
    margin: -4px 0 22px;
}
#home-banner .input-group {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 50px;
}
#home-banner .form-control {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: transparent;
    border: none;
    border-radius: 50px;
}
#home-banner .input-group-btn {
    border-radius: 50px;
    overflow: hidden;
}
#home-banner .btn {
    height: auto;
    padding: 10px 30px;
    color: #fff;
    background-color: #ff4718;
    border-color: transparent;
}
#home-banner .btn + .btn {
    margin-left: 1px;
    margin-right: -1px;
}

@media screen and (max-width: 480px) {
    #home-banner .btn {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        line-height: 24px;
    }
}

.home-shortcuts .lead {
    padding: 28px 0;
    font-size: 20px;
    line-height: 28px;
}
.home-shortcuts li {
    width: 25%;
    padding-top: 20px;
    padding-bottom: 13px;
    border-color: #fff;
}
.home-shortcuts li:first-child {
    border-color: #fff;
}
.home-shortcuts li p {
    margin-top: 3px;
}
.home-shortcuts li span {
    display: inline;
}

@media screen and (max-width: 767px) {
    .home-shortcuts li {
        width: 100%;
    }
}

section#main-body {
    margin-top: 80px;
    margin-bottom: 80px;
}
section#main-body.reset-min-height {
    min-height: 0;
}

div.header-lined h1 {
    margin-top: -4px;
    padding: 0 0 12px;
    color: #ff4718;
}

div.header-lined .breadcrumb {
    border-radius: 0;
}
.header-lined .breadcrumb li.active {
    color: #ff4718;
}

.sidebar .panel,
.sidebar .panel .panel-heading {
    border-radius: 0;
}
.sidebar:last-child .panel {
    margin-bottom: 0;
}
.sidebar a.list-group-item i.icon-rss {
    color: #ff4718;
}
.sidebar a.list-group-item.active,
.sidebar a.list-group-item.active:hover,
.sidebar a.list-group-item.active:focus,
.product-selection-sidebar a.list-group-item.active,
.product-selection-sidebar a.list-group-item.active:hover,
.product-selection-sidebar a.list-group-item.active:focus {
    background-color: #ff4718;
    border-color: #ff4718;
}

.main-content:last-child {
    margin-bottom: 0;
}
#main-body.reset-min-height .main-content {
    min-height: 0;
}

@media screen and (max-width: 992px) {
    .main-content {
        min-height: 0;
    }
}

.listtable {
    overflow: auto;
}

.dataTables_wrapper {
    border-radius: 0;
}
.dataTables_wrapper .dataTables_info {
    background-color: #ff4718;
    border-radius: 0;
}

.status-customer-reply {
    background-color: #ff4718;
}

div.header-lined-order h1 {
    background-color: #ff4718;
}
div.header-lined-order h1:after {
    border-top-color: #ff4718;
}

.logincontainer {
    margin: 0 auto;
}
.logincontainer .btn {
    padding: 10px 20px;
    border-radius: 50px;
}
.logincontainer input[type=checkbox] {
    margin-top: 5px;
}

.whmcs-credit-text {
    margin-top: 20px;
}

#order-standard_cart .domain-checker-container .input-group-box {
    padding: 0 4px 0 0;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    overflow: hidden;
}
#order-standard_cart .domain-checker-container .input-group-lg > .form-control {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
#order-standard_cart .domain-checker-container .domain-check-availability {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 50px;
}

#order-standard_cart .header-lined h1 {
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 10px 0;
    color: #fff;
    background-color: #ff4718;
    border-bottom: none;
    border-radius: 0;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}
#order-standard_cart .header-lined h1:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #ff4718;
    margin-left: -10px;
}

#order-standard_cart div.view-cart-items-header {
    background-color: #ff4718;
}
#order-standard_cart div.view-cart-items {
    border-color: #ff4718;
}

#order-standard_cart div.order-summary {
    background-color: #ff4718;
    border-color: #ff4718;
}

#order-standard_cart .suggested-domains .panel-heading {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

#order-standard_cart .addon-products .panel-addon-selected {
    border-color: #ff4718;
}
#order-standard_cart .addon-products .panel-addon-selected .panel-price {
    background-color: #ff4718;
}
#order-standard_cart .addon-products .panel-addon .panel-add {
    background-color: #ff4718;
}
#order-standard_cart .addon-products .panel-addon-selected div.panel-add {
    background-color: #ebccd1;
}

#order-standard_cart .empty-cart button.btn {
    background-color: #ff4718;
    text-decoration: none;
}

#order-standard_cart .btn-checkout {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}
#order-standard_cart .order-summary a.btn-continue-shopping {
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
#order-standard_cart .order-summary a.btn-continue-shopping:hover {
    color: #ff4718;
}

#order-standard_cart .domain-promo-box .btn-primary {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    border-radius: 50px;
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
}
#order-standard_cart .domain-promo-box .btn-primary:hover {
    color: #ff4718;
    border-color: #ff4718;
}

/*--------------------------------
    4. FOOTER WIDGETS
--------------------------------*/
.footer--widgets {
    padding-top: 50px;
    color: #fff;
}

.footer--widget {
    padding-bottom: 50px;
}

.footer--widget h4 {
    position: relative;
    margin: -5px 0 25px;
    padding-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.footer--widget h4:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #ff4718;
}

.footer--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer--widget ul ul {
    padding-left: 20px;
}

.footer--widget ul li a {
    display: block;
    padding-bottom: 10px;
    color: #fff;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}

.footer--widget ul li a:hover {
    color: #ff4718;
    text-decoration: none;
}

.fw--about a.more {
    color: #ff4718;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}
.fw--about a.more:hover {
    text-decoration: none;
}

.fw--about-social {
    margin-top: 15px;
}

.fw--about-social ul {
    position: relative;
    margin: 0 -15px;
}

.fw--about-social ul:before,
.fw--about-social ul:after {
    content: " ";
    display: table;
}

.fw--about-social ul:after {
    clear: both;
}

.fw--about-social ul li {
    float: left;
}

.fw--about-social ul li a {
    display: block;
    padding: 0 15px;
}

.fw--links ul {
    margin-top: -10px;
}

.fw--links li a {
    padding-top: 10px;
    border-bottom: 1px dotted #fff;
}

.fw--links li a:hover {
    border-color: #ff4718;
}

.footer--widget.fw--links li a {
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
}

/*--------------------------------
    5. FOOTER
--------------------------------*/
#footer {
    padding: 25px 0;
    background-color: #222;
    text-align: center;
}

section#footer p {
    margin: 0;
    border: none;
    color: #fff;
    font-size: inherit;
    line-height: inherit;
}

#footer p span {
    color: #ff4718;
    font-weight: 700;
}

/*------------------------------------*\
    6. MEDIA QUERIES
\*------------------------------------*/
/* 6.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1199px) {
}

/* 6.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HEADER NAVBAR AREA */
    #headerNavbar .navbar-toggle {
        display: block;
        margin-left: 15px;
        margin-bottom: 0;
        padding: 13px 20px;
        border-radius: 50px;
    }
    
    #headerNavbar .navbar-header {
        float: none;
        margin-right: -15px;
    }
    
    .header--custom-btn.btn--default {
        display: none;
    }
    
    #headerNavbar .navbar-header .header--custom-btn {
        display: block;
    }
    
    .header--custom-btn {
        margin-left: 0;
    }
    
    #headerNav {
        max-height: 320px;
        padding-left: 0;
        padding-right: 0;
        background-color: #303030;
        overflow: auto !important;
    }
    #headerNav.collapse {
        display: none !important;
    }
    #headerNav.collapse.in {
        display: block !important;
    }
    
    #headerNav .nav {
        float: none !important;
        margin-top: 7.5px;
        margin-bottom: 7.5px;
        margin-right: 0;
    }
    
    #headerNav .nav > li {
        float: none;
    }
    
    #headerNav .nav > li > a {
        margin-left: 0;
        padding: 20px 15px;
    }
    
    #headerNav .nav > .dropdown > .dropdown-menu {
        position: static;
        float: none;
    }
    
    /* BACK TO TOP */
    #backToTop {
        display: none;
    }
}

/* 6.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* HEADER NAVBAR AREA */
    #headerNav {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #headerNav .nav {
        margin-right: -15px;
    }
    
    #headerNav .nav > .dropdown > .dropdown-menu {
        background-color: #fff;
    }
    
    /* MAIN MENU */
    .navbar-main .navbar-toggle {
        margin-right: 15px;
    }
}

/* 6.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
}

/* 6.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 380px) {
    /* HEADER NAVBAR AREA */
    #headerNavbar .navbar-header .header--custom-btn {
        display: none;
    }
}