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

[Main Stylesheet]

Project     :   ColorHost - Responsive Web Hosting and WHMCS WordPress Theme
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-style.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-style.css".


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1. SECTION TITLE
    1.2. SECTION TITLE OPTIONS
    1.3. SECTION FOOTER
    1.4. BACKGROUND IMAGE
    1.5. BACKGROUND OVERLAY
    1.6. BACKGROUND COLORS
    1.7. BORDERS
    1.8. CUSTOM BUTTONS
    1.9. PRELOADER
    1.10. BACK TO TOP BUTTON
    1.11. PAGINATION

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. PAGE HEADER AREA
    3.1. PAGE HEADER TITLE
    3.2. PAGE HEADER BREADCRUMB

4. BANNER AREA
    4.1. BANNER SLIDER
    4.2. BANNER ITEM
    4.3. BANNER CONTENT
    4.4. BANNER SLIDER NAV

5. PRICING AREA
    5.1. PRICING SLIDER ITEM
    5.2. PRICING ITEM
    5.3. PRICING POPULAR TAG
    5.4. PRICING HEADER
    5.5. PRICING BODY
    5.6. PRICING FOOTER

6. PRICE DETAILS AREA
    6.1. PRICE DETAILS ITEM
    6.2. PRICE DETAILS HEAD
    6.3. PRICE DETAILS BODY
    6.4. PRICE DETAILS TABLE

7. VPS PRICING AREA
    7.1. VPS SLIDER

8. DOMAIN SEARCH AREA
    8.1. DOMAIN SEARCH FORM
    8.2. OPTIONS

9. EXTENSION PRICE AREA
    9.1. EXTENSION PRICE ITEM

10. SERVICES AREA
    10.1. SERVICE ITEM
    10.2. SERVICE ICON
    10.3. SERVICE CONTENT

11. FEATURES AREA
    11.1. FEATURES IMAGE
    11.2. FEATURES ITEMS
    11.3. FEATURES ITEM

12. COUNTER AREA
    12.1. COUNTER ITEM
    12.2. COUNTER NUMBER
    12.3. COUNTER TITLE

13. TESTIMONIAL AREA
    13.1. TESTIMONIAL SLIDER
    13.2. TESTIMONIAL CONTENT

14. BLOG AREA
    14.1. POST ITEM
    14.2. POST CONTENT
    14.3. POST TITLE
    14.4. POST META
    14.5. POST EXCEPT
    14.6. POST FULL CONTENT
    14.7. BLOG CONTENT
    14.8. BLOG SIDEBAR
    14.9. BLOG WIDGET
    14.10. BLOG WIDGET TITLE
    14.11. BLOG SEARCH WIDGET
    14.12. BLOG RECENT POSTS WIDGET
    14.13. BLOG LINKS WIDGET
    14.14. BLOG TAGS WIDGET
    14.15. POST COMMENTS TITLE
    14.16. POST COMMENTS
    14.17. POST COMMENT FORM

15. ABOUT DESCRIPTION AREA
    15.1. ABOUT DESCRIPTION IMAGE

16. TEAM AREA
    16.1. TEAM ITEM
    16.2. TEAM SOCIAL

17. FAQ AREA
    17.1. FAQ CATEGORIES
    17.2. FAQ CONTENT
    17.3. FAQ PANEL SIMPLE

18. LOGIN AREA
    18.1. LOGIN FORM

19. CONTACT AREA
    19.1. CONTACT FORM

20. MAP AREA

21. 404 AREA
    21.1. 404 CONTENT
    21.2. 404 SEARCH BAR

22. FOOTER AREA
    22.1. FOOTER WIDGETS
    22.2. FOOTER COPYRIGHT

23. WOOCOMMERCE

35. WHMCS STYLES

24. HELPER CLASSES
    24.1. RESET-GUTTER
    24.2. RESET-MARGIN
    24.3. RESET-PADDING
    24.4. VERTICAL-CENTERING
    24.5. COLUMN CENTERING

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

/*--------------------------------
    1. GENERAL STYLES
--------------------------------*/
html,
body {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #737373;
    word-wrap: break-word;
}

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

.wrapper {
    height: 100%;
}

body.page-template-template-whmcs .wrapper {
    height: auto;
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #737373;
    text-decoration: none;
    outline: 0;
}

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

abbr {
    text-decoration: none;
}

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

/* 1.1. SECTION TITLE */
.section--title {
    margin-bottom: 60px;
    text-align: center;
}

.section--title h2 {
    position: relative;
    margin: -9px 0 20px;
    padding-bottom: 25px;
    color: #303030;
    font-size: 60px;
    line-height: 68px;
}

.section--title h2:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    margin: 0 auto;
    background-color: #ff4718;
}

/* 1.2. SECTION TITLE OPTIONS */
.section--title.hide--border h2 {
    margin-bottom: -7px;
    padding-bottom: 0;
}

.section--title.hide--border h2:before {
    display: none;
}

/* 1.3. SECTION FOOTER */
.section--footer {
    margin-top: 60px;
}

.section--footer .btn--default {
    color: #303030;
    border-color: #303030;
}

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

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

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

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

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

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

/* 1.7. BORDERS */
.bd--bottom {
    border-bottom: 1px solid #e9e9e9;
}

.bd--top-bottom {
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}

/* 1.8. CUSTOM BUTTONS */
.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;
}

/* 1.9. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff4718;
    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);
    }
}

/* 1.10. 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.11. PAGINATION */
.pagination {
    display: block;
    margin: 0;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
}
.pagination > li {
    display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
    color: #303030;
    font-size: 14px;
    line-height: 20px;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:hover {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

/*--------------------------------
   2. HEADER AREA
--------------------------------*/
/* 2.1. HEADER NAVBAR */
#header .navbar{
    width: 100%;
    min-height: 0;
    padding-top: 10px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    font-family: 'Oswald', sans-serif;
    -webkit-transition-property: padding, background-color, box-shadow;
            transition-property: padding, 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: 999;
}
.scrolled #header .navbar.scrolled-position-fixed,
#header .navbar.position-fixed{
	position: fixed;
    top: 0;
    left: 0;
}
.admin-bar.scrolled #header .navbar,
.admin-bar #header .navbar.position-fixed {
	margin-top: 32px;
}
body.scrolled #header .navbar {
    padding-top: 0;
    background-color: #303030;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}
.scrolled .primary--logo .nonsticky-logo{
	display: none;
}

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

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

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

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

#header 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;
    font-size: 16px;
    -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,
#headerNav .nav > li.current-menu-ancestor > 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;
}

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

.banner--slider .owl-controls {
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-transition: bottom .25s ease-in-out;
            transition: bottom .25s ease-in-out;
}
.banner--slider {
    height: 100%;
}

.banner--slider .owl-wrapper-outer,
.banner--slider .owl-wrapper,
.banner--slider .owl-item {
    height: 100%;
}
body.scrolled .banner--slider.owl-pagination-2x .owl-controls {
    bottom: 128px;
}

.banner--slider .owl-page {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: border-color .25s ease;
            transition: background-color .25s ease;
}

.banner--slider .owl-page.active {
    background-color: #ff4718;
}


/*--------------------------------
   3. PAGE HEADER AREA
--------------------------------*/
#pageHeader {
    padding: 90px 0 113px;
    text-align: center;
	background-color: #ff4718;
}

/* 3.1. PAGE HEADER TITLE */
.page-header--title h2 {
    position: relative;
    margin: 0;
    padding-bottom: 25px;
    color: #fff;
    font-size: 60px;
    line-height: 68px;
	text-transform: uppercase;
}

.page-header--title h2:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    margin: 0 auto;
    background-color: #ff4718;
}

/* 3.2. PAGE HEADER BREADCRUMB */
.page-header--breadcrumb ul {
    margin-top: 25px;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
}

.page-header--breadcrumb ul > li,
.page-header--breadcrumb ul > li:before {
    color: #fff;
}
.page-header--breadcrumb.woo-breadcrumbs ul li {
	color: #ff4718;
}

.page-header--breadcrumb ul > li > a {
    color: #fff;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}

.page-header--breadcrumb ul > li.active,
.page-header--breadcrumb ul > li > a:hover {
    color: #ff4718;
}

#pageHeader .woocommerce-breadcrumb {
    margin-top: 25px;
    color: #fff;
    text-transform: uppercase;
}

#pageHeader .woocommerce-breadcrumb a {
    color: #fff;
    transition: color .25s;
}

#pageHeader .woocommerce-breadcrumb a:hover {
    color: #ff4718;
}
.woocommerce .sku_wrapper {
    display: block;
}
.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}
.woocommerce-product-details__short-description + .cart {
    margin-top: 13px;
}

.product .cart .label {
    color: inherit;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
}

.product .cart .label label {
    padding: 6px 0;
    margin-bottom: 0;
}

.product .cart .label label:after {
    content: ":";
}

.product .cart .value select {
    padding: 8px 10px;
    border: 1px solid #eee;
    cursor: pointer;
    outline: 0;
}

.product .cart .single_variation {
    margin-bottom: 18px;
}
/*--------------------------------
   4. BANNER AREA
--------------------------------*/
#banner {
    position: relative;
    height: 100%;
}

#banner > #tubular-container,
#banner > #tubular-shield {
    top: 0;
    left: 0;
    z-index: -2;
}

/* 4.1. BANNER SLIDER */
.banner--slider {
    height: 100%;
}

.banner--slider .owl-wrapper-outer,
.banner--slider .owl-wrapper,
.banner--slider .owl-item {
    height: 100%;
}

/* 4.2. BANNER ITEM */
.banner--item {
    height: 100%;
}

/* 4.3. BANNER CONTENT */
.banner--content {
    color: #fff;
    text-align: center;
}

.banner--content h2 {
    margin: 0 0 15px;
    font-size: 60px;
    line-height: 68px;
    font-weight: 700;
}

.banner--content h3 {
    font-family: 'Roboto', sans-serif;
    margin: 15px 0;
    font-size: 30px;
    line-height: 38px;
    font-weight: 300;
}

.banner--content .btn--default {
    margin-top: 12px;
}

/* 4.4. BANNER SLIDER NAV */
.banner--slider-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'Oswald', sans-serif;
    z-index: 0;
	text-align: center;
}

.banner--slider-nav ul > li {
	display: inline-block;
    width: 33.33333333%;
    padding: 24px 10px 26px;
    color: #303030;
    background-color: #fff;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    text-align: center;
    -webkit-transition: color .25s ease, border-color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, border-color .25s ease, background-color .25s ease-in-out;
    cursor: pointer;
}

.banner--slider-nav ul > li:hover,
.banner--slider-nav ul > li.active {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

.banner--slider-nav ul > li:before,
.banner--slider-nav ul > li:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    display: none;
    border-style: solid;
    z-index: -1;
}

.banner--slider-nav.has--bs ul > li:before,
.banner--slider-nav.has--ps ul > li:after {
    display: block;
}

.banner--slider-nav ul > li:before {
    top: 0;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ff4718 transparent;
    -webkit-transition: top .25s ease-in-out;
            transition: top .25s ease-in-out;
}

.banner--slider-nav ul > li:after {
    bottom: 0;
    border-width: 15px 15px 0 15px;
    border-color: #ff4718 transparent transparent transparent;
    -webkit-transition: bottom .25s ease-in-out;
            transition: bottom .25s ease-in-out;
}

.banner--slider-nav ul > li:hover:before,
.banner--slider-nav ul > li.active:before {
    top: -15px;
}

body.scrolled .banner--slider-nav.has--bs.has--ps ul > li:hover:before,
body.scrolled .banner--slider-nav.has--bs.has--ps ul > li.active:before {
    top: 0;
}

body.scrolled .banner--slider-nav.has--bs.has--ps ul > li:hover:after,
body.scrolled .banner--slider-nav.has--bs.has--ps ul > li.active:after {
    bottom: -15px;
}

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

.pricing--wrapper {
    padding-top: 45px;
    overflow: hidden;
}
/* 5.1. PRICING SLIDER NAV */
.pricing--slider-nav {
    position: relative;
    margin-bottom: 60px;
    font-family: 'Oswald', sans-serif;
    z-index: 0;
}

.pricing--slider-nav ul > li {
    float: left;
    width: 33.33333333%;
    padding: 24px 10px 26px;
    color: #303030;
    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #e9e9e9;
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    text-align: center;
    -webkit-transition: color .25s ease, border-color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, border-color .25s ease, background-color .25s ease-in-out;
    cursor: pointer;
}

.pricing--slider-nav ul > li:last-child {
    border-width: 1px;
}

.pricing--slider-nav ul > li:hover,
.pricing--slider-nav ul > li.active {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

.pricing--slider-nav ul > li:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ff4718 transparent transparent transparent;
    -webkit-transition: bottom .25s ease-in-out;
            transition: bottom .25s ease-in-out;
    z-index: -1;
}

.pricing--slider-nav ul > li:hover:after,
.pricing--slider-nav ul > li.active:after {
    bottom: -15px;
}

/* 5.2. PRICING SLIDER ITEM */
.pricing--slider-item {
    padding-top: 45px;
}

/* 5.2. PRICING ITEM */
.pricing--item {
    padding: 40px;
    background-color: #fff;
    border-right: 1px solid #e9e9e9;
    -webkit-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out;
    text-align: center;
    z-index: 0;
}

.pricing--item:hover,
.pricing--item.popular {
    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);
    z-index: 1;
}
.pricing--item:hover{
    z-index: 2;
}

.pricing--item:last-child {
    border-right: none;
}

.pricing--item.popular {
    margin-top: -45px;
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

/* 5.3. PRICING POPULAR TAG */
.pricing--popular-tag {
    display: inline-block;
    margin-bottom: 30px;
    padding: 9px 30px;
    color: #ff4718;
    background-color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    line-height: 44px;
}

/* 5.4. PRICING HEADER */
.pricing--header h2 {
    margin: -4px 0 0;
    color: #303030;
    font-size: 36px;
    line-height: 40px;
}

.pricing--item.popular .pricing--header h2 {
    color: #fff;
}

/* 5.5. PRICING BODY */
.pricing--body {
    padding-left: 30px;
    padding-right: 30px;
}

.pricing--body h3 {
    margin: 0;
    padding: 18px 0 15px;
    color: #303030;
    font-size: 16px;
    line-height: 20px;
}

.pricing--item.popular .pricing--body h3 {
    color: #fff;
}

.pricing--body h3 strong {
    display: block;
    margin-top: 5px;
    color: #ff4718;
    font-size: 48px;
    line-height: 56px;
}

.pricing--item.popular .pricing--body h3 strong {
    color: #fff;
}

/* 5.6. PRICING FOOTER */
.pricing--footer {
    margin-top: 26px;
}

.pricing--footer .btn--default {
    color: #303030;
    border-color: #303030;
}

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

/*--------------------------------
   6. PRICE DETAILS AREA
--------------------------------*/
.price--details {
    padding: 80px 0;
}

/* 6.1. PRICE DETAILS ITEM */
.price-details--item .heading {
    color: #303030;
    min-height: 74px;
    padding: 20px 0;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}
.price-details--item .heading p {
    font-family: 'Oswald', sans-serif;
	font-size: 24px;
    line-height: 32px;
	color: #303030;
}

/* 6.2. 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;
    font-family: 'Oswald', sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.price-details--item.head .content li:nth-child(even) {
    background-color: #f8f8f8;
}

/* 6.3. PRICE DETAILS BODY */
.price-details--item.body .heading {
    margin-left: -1px;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
}

.price-details--item.body:last-child .heading {
    border-right: 1px solid #e9e9e9;
}

.price-details--item.body .content li {
    border: 0;
    padding: 10px 20px;
    background-color: #fff;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    overflow: hidden;
}

.price-details--item.body .content li:nth-child(even) {
    background-color: #f8f8f8;
}

.price-details--item.body .content li strong {
    display: none;
}

.price-details--item.body .content .action-btn {
    padding: 20px 0;
    background-color: #fff;
    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;
}

.price-details--item .btn--default {
    color: #303030;
    border-color: #303030;
}

/* 6.4. PRICE DETAILS TABLE */
.price-details--table table {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

.price-details--table.text-left table {
    text-align: left;
}

.price-details--table table th {
    text-align: center;
}

.price-details--table.text-left table th {
    text-align: left;
}

.price-details--table thead {
    color: #fff;
    background-color: #303030;
    font-family: 'Oswald', sans-serif;
}

.price-details--table thead th {
    padding: 15px;
}

.price-details--table tbody {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #e9e9e9;
}

.price-details--table tbody tr {
    border-bottom: 1px dotted #e9e9e9;
}

.price-details--table tbody tr:last-child {
    border-bottom: none;
}

.price-details--table tbody td {
    padding: 20px 15px;
}

.price-details--table tbody td:first-child {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

.price-details--table tbody td .btn--default {
    min-width: 106px;
    color: #303030;
    border-color: #303030;
}

.price-details--table tbody td strong {
    display: none;
}

/*--------------------------------
   7. VPS PRICING AREA
--------------------------------*/
#vpsPricing {
    padding: 80px 0;
}

#header + #vpsPricing {
	padding-top: 154px;
	padding-bottom: 150px;
}

#vpsPricing .section--title h2 {
    color: #fff;
}

/* 7.1. VPS SLIDER */
.vps-pricing--slider-holder {
    position: relative;
    padding: 40px 60px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
}

.vps-pricing--slider-holder .pips {
    position: absolute;
    left: 60px;
    right: 60px;
    height: 10px;
    overflow: hidden;
}

.vps-pricing--slider-holder .pip {
    position: absolute;
    top: 2px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
}

.vps-pricing--slider-holder .pip:first-child {
    margin-left: -5px;
}

.vps-pricing--slider {
    height: 10px;
    background-color: #303030;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.vps-pricing--slider .ui-slider-range {
    background-color: #303030;
    border-radius: 20px;
}

.vps-pricing--slider .ui-slider-handle {
    position: relative;
    left: 33.3333%;
    top: -9px;
    width: auto;
    height: auto;
    margin-left: -7px;
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
}

.vps-pricing--slider .ui-slider-handle:before {
    content: " ";
    position: absolute;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
}

.vps-pricing--slider .ui-slider-handle:before {
    top: -30px;
    border-width: 10px 10px 0 10px;
    border-color: #ff4718 transparent transparent transparent;
}

.vps-pricing--slider .ui-slider-handle i.fa {
    position: relative;
    color: #ff4718;
    font-size: 24px;
    line-height: 26px;
    z-index: 0;
}

.vps-pricing--slider .fa-map-marker:after {
    content: " ";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    z-index: -1;
}

.vps-pricing--slider .ui-slider-handle i.fa-circle:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    margin: -2px 0 0 -3px;
    background-color: #fff;
    border-radius: 50%;
}

.vps-pricing--slider .ui-slider-handle em {
    display: block;
    position: absolute;
    top: -70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80px;
    padding: 8px 0;
    color: #fff;
    background-color: #ff4718;
    border-radius: 50px;
    font-style: normal;
    text-align: center;
}

.vps-pricing--features {
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
}

.vps-pricing--feature {
    padding-top: 20px;
    padding-bottom: 18px;
    color: #303030;
    border-right: 1px solid #e9e9e9;
}

.vps-pricing--features > .row > div:nth-last-child(2) {
    border-right: none;
}

.vps-pricing--feature i.fa {
    display: block;
    float: left;
    height: 100%;
    margin-left: 18px;
    color: #ff4718;
    font-size: 40px;
    line-height: 44px;
}

.vps-pricing--feature-name,
.vps-pricing--feature-value {
    display: block;
    margin-left: 75px;
}

.vps-pricing--feature-name {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.vps-pricing--action-btn {
    margin-top: 20px;
    text-align: right;
}

.vps-pricing--action-btn .btn--default {
    margin-right: 15px;
    color: #303030;
    background-color: transparent;
    border-color: #303030;
}

/*--------------------------------
   8. DOMAIN SEARCH AREA
--------------------------------*/
#domainSearch.bg--img .section--title,
#domainSearch.bg--img .section--title h2 {
    color: #fff;
}
.ds--wrapper {
    padding: 80px 15px 0;
    background: #ffffff;
    background: -webkit-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom,  #ffffff 0%, #f0f0f0 100%);
    -webkit-transition: transform .25s ease-in-out;
            transition: transform .25s ease-in-out;
}

body.scrolled .ds--wrapper {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
}

.no-ds--wrapper {
    padding: 80px 0;
}

#header + #domainSearch .no-ds--wrapper {
    padding: 149px 0 151px;
}

/* 8.1. DOMAIN SEARCH FORM */
.ds--form-input {
    position: relative;
}

.ds--form-input ::-webkit-input-placeholder { color: #303030; }
.ds--form-input ::-moz-placeholder { color: #303030; }
.ds--form-input :-ms-input-placeholder { color: #303030; }
.ds--form-input :-moz-placeholder { color: #303030; }

#domainSearch.bg--img .ds--form-input ::-webkit-input-placeholder { color: #fff; }
#domainSearch.bg--img .ds--form-input ::-moz-placeholder { color: #fff; }
#domainSearch.bg--img .ds--form-input :-ms-input-placeholder { color: #fff; }
#domainSearch.bg--img .ds--form-input :-moz-placeholder { color: #fff; }

.ds--form-input .text--input {
    width: 100%;
    min-height: 56px;
    padding: 15px 20px;
    color: #303030;
    background-color: transparent;
    border: 1px solid #303030;
    border-radius: 50px;
    outline: 0;
}

#domainSearch.bg--img .ds--form-input .text--input {
    color: #fff;
    border-color: #fff;
}

.ds--form-input .btn--default {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    padding-left: 60px;
    padding-right: 60px;
}

.ds--form-ext {
    margin-top: 22px;
    margin-bottom: -7px;
}

.ds--form-ext label {
    display: table-cell;
    width: 1%;
    margin-bottom: 0;
    color: #303030;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
}

#domainSearch.bg--img .ds--form-ext label {
    color: #fff;
}

.ds--form-ext label input {
    display: none;
}

.ds--form-ext label span {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.ds--form-ext label span:before {
    content: " ";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #303030;
    border-radius: 50%;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}

#domainSearch.bg--img .ds--form-ext label span:before {
    border-color: #fff;
}

.ds--form-ext label input:checked + span:before {
    background-color: #fff;
}

/* 8.2. OPTIONS */
#domainSearch.ds--lg {
    padding: 217px 0 151px;
}

/*--------------------------------
   9. EXTENSION PRICE AREA
--------------------------------*/
#extPrice {
    padding: 50px 0;
}

/* 9.1. EXTENSION PRICE ITEM */
.ext-price--item {
    padding-top: 15px;
    padding-bottom: 20px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 28px;
    line-height: 36px;
    text-align: center;
}

.ext-price--item:last-child {
    border-right: none;
}

.ext-price--item span,
.ext-price--item strong {
    display: block;
}

.ext-price--item span {
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ext-price--item strong {
    padding-top: 9px;
    font-family: 'Oswald', sans-serif;
}

.ext-price--item strong em {
    font-style: normal;
}

/*--------------------------------
   10. SERVICES AREA
--------------------------------*/
#services {
    padding: 80px 0 20px;
}

/* 10.1. SERVICE ITEM */
.service--item {
    margin-bottom: 60px;
    text-align: center;
}

/* 10.2. SERVICE ICON */
.service--icon {
    display: inline-block;
    min-width: 86px;
    min-height: 86px;
    margin-bottom: 15px;
    padding: 23px 10px;
    color: #303030;
    border: 1px solid #303030;
    font-size: 38px;
    line-height: 0;
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
}
.service--icon.circle-border {
	border-radius: 50%;
}
.service--icon.no-border {
	border: none !important;
}

.service--item:hover .service--icon {
    color: #ff4718;
    border-color: #ff4718;
}

/* 10.3. SERVICE CONTENT */
.service--content {
    padding: 0 20px;
}

.service--content h3 {
    margin: 0 0 9px;
    color: #303030;
    font-size: 28px;
    line-height: 36px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}

.service--item:hover .service--content h3 {
    color: #ff4718;
}

.service--button {
    margin-top: 18px;
}

/*--------------------------------
   11. FEATURES AREA
--------------------------------*/
#features {
    padding: 80px 0;
}

/* 11.1. FEATURES IMAGE */
.features--img img {
    display: block;
    width: 100%;
}

/* 11.2. FEATURES ITEMS */
.features--items {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 11.3. FEATURES ITEM */
.features--item {
    position: relative;
    margin-bottom: 30px;
}

.features--item:last-child {
    margin-bottom: 0;
}

.features--item.dot:before,
.features--item.dot:after {
    content: " ";
    position: absolute;
    background-color: #ff4718;
}

.features--item.dot:before {
    top: 5px;
    left: -155px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.features--item.dot:after {
    top: 16px;
    right: 100%;
    width: 120px;
    height: 3px;
    margin-right: 20px;
}

.features--item.dot--1:before {
    left: -28%;
}

.features--item.dot--1:after {
    width: 22%;
}

.features--item.dot--2:before {
    left: -56%;
}

.features--item.dot--2:after {
    width: 51%;
}

.features--item.dot--3:before {
    left: -85%;
}

.features--item.dot--3:after {
    width: 80%;
}

.features--item h3 {
    margin: 0 0 10px;
    color: #303030;
    font-size: 28px;
    line-height: 36px;
}

/*--------------------------------
   12. COUNTER AREA
--------------------------------*/
#counter {
    padding: 80px 0 20px;
}

/* 12.1. COUNTER ITEM */
.counter--item {
    margin-bottom: 60px;
    color: #fff;
    text-align: center;
}

/* 12.2. COUNTER NUMBER */
.counter--num {
    position: relative;
    margin-top: -9px;
    margin-bottom: 19px;
    padding-bottom: 19px;
    font-family: 'Oswald', sans-serif;
    font-size: 66px;
    line-height: 74px;
}

.counter--num:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 1px;
    margin: 0 auto;
    background-color: #ff4718;
}

/* 12.3. COUNTER TITLE */
p.counter--title {
    margin-bottom: -4px;
}

/*--------------------------------
   13. TESTIMONIAL AREA
--------------------------------*/
#testimonial {
    padding: 80px 0;
}

/* 13.1. TESTIMONIAL SLIDER */
.testimonial--slider .owl-controls {
    margin-bottom: 50px;
}

.testimonial--slider .owl-controls .owl-pagination {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

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

.testimonial--slider .owl-controls .owl-page.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.testimonial--slider .owl-controls .owl-page img {
    display: block;
    max-width: 100%;
    border-radius: 50%;
}

/* 13.2. TESTIMONIAL CONTENT */
.testimonial--content {
    color: #303030;
    text-align: center;
}

.testimonial--content blockquote {
    margin-top: -6px;
    margin-bottom: 0;
    padding: 0;
    border: none;
    font-size: 36px;
    line-height: 44px;
    font-weight: 300;
}

.testimonial--citation {
    margin-top: 30px;
}

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

.post--item.sticky {
    position: relative;
    padding: 30px;
    z-index: 0;
}

.post--item.sticky:before {
    content: " ";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: auto;
    height: auto;
    border: 2px dotted #ff4718;
    z-index: -1;
}

.post--item.sticky > .post--content-border:before {
    content: " ";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background-color: #ff4718;
    opacity: 0.05;
    z-index: -1;
}

/* 14.1. POST ITEM */
.post--item {
    margin-bottom: 60px;
}

.post--img {
    font-size: 0;
    line-height: 0;
}

/* 14.2. POST CONTENT */
.post--content-border {
    border: 1px solid #e2e2e2;
    background-color: #fff;
}

.post--content blockquote {
    margin-bottom: 10px;
    background-color: #f8f8f8;
    font-weight: 300;
    font-style: italic;
}

.post--content blockquote:last-child {
    margin-bottom: 0;
}

/* 14.3. POST TITLE */
.post--title h2 {
    color: #303030;
    margin: 0;
    padding: 25px 0 24px;
    font-size: 28px;
    line-height: 36px;
}

.post--content-border .post--title h2 {
    padding-left: 15px;
    padding-right: 15px;
}

.post--title h2 a {
    display: block;
    color: #303030;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}

.post--title h2 a:hover {
    color: #ff4718;
}

/* 14.4. POST META */
.post--meta {
    padding: 10px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e2e2e2;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.post--content-border .post--meta {
    padding-left: 16px;
    padding-right: 16px;
}

.post--meta a {
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}

.post--meta a:hover {
    color: #ff4718;
}

.post--meta a + a:before {
    content: "/";
    margin: 0 8px;
    color: #737373;
    font-weight: 300;
}

/* 14.5. POST EXCEPT */
.post--except {
    padding: 25px 15px 28px;
}

.post--except-footer {
    position: relative;
    padding: 11px 15px 10px;
    border-top: 1px solid #e2e2e2;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

.post--except-footer:before,
.post--except-footer:after {
    content: ' ';
    display: table;
}

.post--except-footer:after {
    clear: both;
}

.post--except-footer a {
    display: block;
    -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out;
}

.post--except-footer a:hover {
    color: #ff4718;
}

.post--except-footer a.more {
    float: left;
}

.post--except-footer a.comments {
    float: right;
}

.post--except-footer a i.fa {
    margin-right: 5px;
    vertical-align: top;
    line-height: 20px;
}

/* 14.6. POST FULL CONTENT */
.post--full-content {
    padding: 25px 0 28px;
}

.post--full-content:before,
.post--full-content:after,
.page--content-inner:before,
.page--content-inner:after,
.comment-text:before,
.comment-text:after {
    content: " ";
    display: table;
}

.post--full-content:after,
.page--content-inner:after,
.comment-text:after {
    clear: both;
}

.post--full-content a,
.page--content-inner a,
.comment-text a {
    color: #ff4718;
}

.post--full-content table,
.page--content-inner table,
.comment-text table {
    width: 100%;
}

.post--full-content table tr th,
.post--full-content table tr td,
.page--content-inner table tr th,
.page--content-inner table tr td,
.comment-text table tr th,
.comment-text table tr td {
    padding: 8px 15px;
    border: 1px solid #eee;
}

.post--full-content table tr th,
.page--content-inner table tr th,
.comment-text table tr th {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.post--full-content dd,
.page--content-inner dd,
.comment-text dd {
    margin-left: 15px;
}

.post--full-content dd + dt,
.page--content-inner dd + dt,
.comment-text dd + dt {
    margin-top: 8px;
}

.post--full-content address,
.page--content-inner address,
.comment-text address {
    font-style: italic;
}

.post--full-content acronym,
.page--content-inner acronym,
.comment-text acronym {
    border-bottom: 1px dotted #777;
    text-decoration: none;
}

.post--except .page-links .page-links-title,
.post--full-content .page-links .page-links-title {
    padding: 0;
    margin: 0;
    color: #222;
    border: 0;
    font-weight: 500;
}

.post--except .page-links span + a,
.post--except .page-links span + span,
.post--full-content .page-links span + a,
.post--full-content .page-links span + span {
    display: inline-block;
    padding: 0 5px;
    margin: 0 2px;
    color: #333;
    border: 1px solid #eee;
    -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
            transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

.post--except .page-links span + a:hover,
.post--except .page-links span + span,
.post--full-content .page-links span + a:hover,
.post--full-content .page-links span + span {
    color: #fff;
    background-color: #ff4718;
    border-color: #ff4718;
}

.post--full-content p {
    position: relative;
    z-index: 0;
}

.post--full-content label {
    margin-bottom: 0;
}

.post--full-content label input {
    margin-left: 10px;
    padding: 8px 15px;
    background-color: #f8f8f8;
    border: 0;
    outline: 0;
}

.post--full-content input[type='submit'] {
    padding: 8px 15px;
    color: #fff;
    background-color: #ff4718;
    border: 0;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    outline: 0;
}

.post--full-content .gallery-columns-3 .gallery-item {
    width: 33.33333333% !important;
}

.post--full-content .gallery {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.post--full-content .gallery-item {
    padding-left: 15px;
    padding-right: 15px;
}

.post--full-content .gallery-icon img {
    width: 100%;
    border: 0 !important;
}

.post--full-content .gallery-caption {
    color: #777;
    margin-top: 10px;
    padding-left: 0;
    text-align: left;
}

.single-format-chat .post--full-content p {
    padding: 5px 15px;
    background-color: #f9f9f9;
}

.single-format-chat .post--full-content p:nth-child(2n) {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.post--full-content-footer {
    padding: 25px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e2e2e2;
}

.post--full-content-footer h4 {
    float: left;
    margin: 0 15px 0 0;
    color: #303030;
    font-size: 16px;
    line-height: 24px;
}

.post--full-content-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.post--full-content-footer ul li {
    float: left;
}

.post--full-content-footer ul li + li {
    margin-left: 15px;
}

.post--full-content-footer ul li a {
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}

.post--full-content-footer ul li a:hover {
    color: #ff4718;
}

.post--full-content-footer .tags ul li:after {
    content: ",";
}

.post--full-content-footer .tags ul li:last-child:after {
    content: "";
}

.post--full-content-footer .tags + .social {
    margin-top: 20px;
}

.post--full-content-footer .social ul li + li {
    margin-left: 20px;
}

/* 14.7. BLOG CONTENT */
.blog--content {
    padding-bottom: 60px;
}

.blog--content .post--item:last-child {
    margin-bottom: 0;
}

/* 14.8. BLOG SIDEBAR */
.blog--sidebar {
    padding-bottom: 60px;
}

/* 14.9. BLOG WIDGET */
.blog--widget {
    margin-bottom: 60px;
}

.blog--widget:last-child {
    margin-bottom: 0;
}

.blog--widget li.recentcomments + li {
    margin-top: 12px;
}

.blog--widget li.recentcomments a:before {
    display: none;
}

.blog--widget select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    outline: 0;
}

.blog--widget .calendar_wrap table {
    width: 100%;
    background-color: #f9f9f9;
    text-align: center;
    border: 1px solid #eee;
}

.blog--widget .calendar_wrap caption {
    color: #222;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-bottom-width: 0;
    font-weight: bold;
    text-align: center;
}

.blog--widget .calendar_wrap table th {
    text-align: center;
}

.blog--widget .calendar_wrap table th,
.blog--widget .calendar_wrap table tbody td {
    border: 1px solid #eee;
}

.blog--widget .calendar_wrap table a {
    color: #ff4718;
}

.blog--widget .calendar_wrap table #next {
    padding: 5px 20px 5px 0;
    text-align: right;
}

.blog--widget .calendar_wrap table #prev {
    padding: 5px 0 5px 20px;
    text-align: left;
}

.blog--widget .rssSummary + cite {
    display: block;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.blog--widget .tagcloud {
    font-size: 0;
    line-height: 0;
}

.blog--widget .tagcloud a {
    margin-right: 15px;
    font-size: 14px !important;
    line-height: 24px;
    transition: color .25s;
}

.blog--widget .tagcloud a:hover {
    color: #ff4718;
}

/* 14.10. BLOG WIDGET TITLE */
.blog-widget--title h3 {
    position: relative;
    margin: -5px 0 25px;
    padding-bottom: 12px;
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

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

/* 14.11. 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 #303030;
    height: auto;
    padding: 8px 0;
}

.blog--search-widget .input--text .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #ff4718;
    -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--text input.valid + .highlight {
    background-color: #5cb85c;
}

.blog--search-widget .input-group-addon {
    padding: 0;
    background-color: transparent;
    border: none;
}

.blog--search-widget .btn--default {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
}

/* 14.12. 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;
    color: #303030;
    line-height: 26px;
    font-weight: 900;
}

.blog--recent-posts-widget ul li h4 a {
    color: #303030;
    -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: #ff4718;
}

.blog--recent-posts-widget .time {
    padding: 5px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

/* 14.13. BLOG LINKS WIDGET */
.blog--links-widget ul {
    margin: -10px 0 0;
    padding: 0;
    list-style: none;
}

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

.blog--links-widget ul li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 0;
}

.blog--links-widget ul li a {
    display: inline-block;
    color: #303030;
    -webkit-transition: color .25s ease, border-color .25s ease;
            transition: color .25s ease, border-color .25s ease;
}

.blog--links-widget ul li a:hover {
    color: #ff4718;
}

.blog--links-widget ul li a:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px dotted #303030;
    z-index: -1;
}

.blog--links-widget ul li a:hover:before {
    border-color: #ff4718;
}

.blog--links-widget ul li {
    position: relative;
    z-index: 0;
}

.blog--links-widget ul li ul {
    margin-top: 5px;
	margin-bottom: -10px;
    padding-left: 0;
    border-top: 1px dotted #222;
}

.blog--links-widget ul li ul > li {
    padding-left: 20px;
}

.blog--links-widget ul li a:hover + ul {
    border-color: #ff4718;
}

/* 14.14. BLOG TAGS WIDGET */
.blog--tags-widget .blog-widget--title h3 {
    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: #ff4718;
}

.page--content-inner + .post--comment-form {
    margin-top: 80px;
}

/* 14.15. POST COMMENTS TITLE */
.page--content-inner + .post--comments-title {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

.post--comments-title h3,
.post--comment-form-title h3 {
    position: relative;
    margin: -5px 0 30px;
    padding-bottom: 12px;
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.post--comments-title h3:before,
.post--comment-form-title h3:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #ff4718;
}

/* 14.16. POST COMMENTS */
.post--comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.post--comments ul ul {
    padding-left: 30px;
}

.post--comment {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.post--comment-img {
    display: table-cell;
    vertical-align: middle;
}

.post--comment-meta {
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.pingback .post--comment-meta {
	padding-left: 0px;
}
.post--comment-meta a {
    color: #737373;
    font-weight: 400;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}

.post--comment-meta a:hover,
.post--comment-meta a:focus {
    color: #ff4718;
}

.post--comment-body {
    padding: 15px 0;
}

.post--comment-footer .btn--default {
    padding: 8px 20px;
    color: #303030;
    background-color: transparent;
    border-color: #303030;
    font-size: 14px;
    line-height: 22px;
}
#respond .post--comment-form-group {
	margin-bottom: 30px;
}

/* 14.17. POST COMMENT FORM */
.post--comment-form-title {
    margin-top: -31px;
    padding-top: 30px;
    border-top: 1px solid #e9e9e9;
}

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

.post--comment-form-group .input--text {
    position: relative;
}

.post--comment-form-group .input--text .highlight {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff4718;
    -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;
}

.post--comment-form-group input:focus + .highlight,
.post--comment-form-group textarea:focus + .highlight,
.post--comment-form-group input.error + .highlight,
.post--comment-form-group textarea.error + .highlight {
    width: 100%;
}

.post--comment-form-group input.valid + .highlight,
.post--comment-form-group textarea.valid + .highlight {
    background-color: #5cb85c;
}

.post--comment-form-group .btn--default {
    color: #303030;
    background-color: transparent;
    border-color: #303030;
}

/*--------------------------------
   15. ABOUT DESCRIPTION AREA
--------------------------------*/
#aboutDesc {
    padding: 80px 0;
}

#aboutDesc .row-vc > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

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

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

/* 16.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: #303030;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}

.team--item:hover .team--name a {
    color: #ff4718;
}

.team--role {
    margin: 0;
    color: #737373;
    font-weight: 400;
    text-align: center;
}

/* 16.2. TEAM SOCIAL */
.team--social-links {
    margin-top: 10px;
    margin-bottom: -7px;
    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: #ff4718;
    background-color: transparent;
}

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

/* 17.1. FAQ CATEGORIES */
.faq--categories h3 {
    position: relative;
    margin: -5px 0 0;
    color: #303030;
    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: #ff4718;
}

.faq--categories ul {
    margin-top: 25px;
}

.faq--categories ul li a {
    margin-top: 6px;
    color: #303030;
    background-color: #e9e9e9;
    font-family: 'Oswald', sans-serif;
    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: #ff4718;
}

/* 17.2. FAQ CONTENT */
.faq--content .panel-group {
    margin-bottom: 0;
}

.faq--content .accordion .panel {
    border-radius: 0;
    box-shadow: none;
}

.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: 5px;
    color: #fff;
}

.faq--content .accordion .panel-heading a.collapsed i.fa-minus:before {
    content: "\f067";
}

/* 17.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-top: -5px;
    margin-bottom: 10px;
    color: #303030;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    text-transform: capitalize;
}

.faq--panel-simple .panel-body {
    padding: 0;
}

/*--------------------------------
   18. LOGIN AREA
--------------------------------*/
#login {
    padding: 80px 0;
}

/* 18.1. LOGIN FORM */
.login--form {
    max-width: 380px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border-radius: 4px;
    font-family: 'Oswald', sans-serif;
    font-size: 0;
    line-height: 0;
}

.login--form .form-group {
    position: relative;
}

.login--form label {
    font-size: 16px;
    line-height: 24px;
}

.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;
    font-family: 'Roboto', sans-serif;
}

.login--form input.form-control:focus {
    border-color: #ccc;
}

.login--form .form-group .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #ff4718;
    -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 .form-group input.valid + .highlight {
    background-color: #5cb85c;
}

.login--form .btn--default {
    margin-top: 15px;
    margin-right: 15px;
    color: #737373;
    background-color: transparent;
    border-color: #737373;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
}

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

/* 19.1. CONTACT FORM */
.contact--form {
    text-align: center;
}

.contact--form-status .alert {
    padding: 15px 30px;
    border-radius: 50px;
}

.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 .form-control,
.contact--form p {
    margin-bottom: 0;
}

.contact--form .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #ff4718;
    -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%;
}

.contact--form input.valid + .highlight,
.contact--form textarea.valid + .highlight {
    background-color: #5cb85c;
}

.contact--form .btn--default {
    min-width: 100px;
    color: #303030;
    background-color: transparent;
    border-color: #303030;
}

/*--------------------------------
    20. Map Area
--------------------------------*/
#map {
    position: relative;
    min-height: 400px;
    z-index: 0;
}

#map:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*--------------------------------
   21. 404 AREA
--------------------------------*/
#fof {
    position: relative;
    height: 100%;
	background-color: #8e3f2b;
}
/* 21.1. 404 CONTENT */
.f0f--content h2 {
    font-size: 120px;
    line-height: 148px;
}

/* 21.2. 404 SEARCH BAR */
.f0f--search-bar {
    max-width: 320px;
    margin: 0 auto;
}

.f0f--search-bar .input--text {
    position: relative;
}

.f0f--search-bar .form-control {
    margin-top: 40px;
    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;
    background-color: #ff4718;
    -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 input.valid + .highlight {
    background-color: #5cb85c;
}

.f0f--search-bar .btn--default {
    background-color: transparent;
    min-width: 120px;
    margin: 10px 5px 0;
    vertical-align: middle;
}

/*--------------------------------
   22. FOOTER AREA
--------------------------------*/
#footer {
    color: #fff;
}

/* 22.1. FOOTER WIDGETS */
.footer--widgets {
    padding-top: 50px;
}

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

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

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

.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;
    border-bottom-width: 0;
}

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

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

.footer--copyright a {
    color: #ff4718;
    font-family: 'Oswald', sans-serif;
}

/*--------------------------------
   23. WOOCOMMERCE
--------------------------------*/
/* WooCommerce: Title */
.page-title {
    margin: 0 0 5px;
    font-size: 26px;
    line-height: 36px;
}

/* WooCommerce: Result Count */
.woocommerce-result-count {
    line-height: 35px;
}

/* WooCommerce: OrderBy */
select.orderby {
    padding: 6px 15px;
    border: 1px solid #ccc;
    cursor: pointer;
    outline: 0;
}

select.orderby:focus {
    border-color: #ff4718;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    margin-bottom: 20px;
}

.woocommerce-ordering select {
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}

.woocommerce-ordering select:focus {
    box-shadow: none;
    outline: 0;
}

/* WooCommerce: Products */
div.products div.product {
    margin-bottom: 60px;
    text-align: center;
}

a.woocommerce-loop-product__link {
    display: block;
    margin-bottom: 15px;
	color: #202736;
}

a.woocommerce-loop-product__link:hover > h2 {
	color: #ff4718;
}

.woocommerce-loop-product__title {
    margin: 0;
    font-size: 22px;
    line-height: 32px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

img + .woocommerce-loop-product__title {
    margin-top: 14px;
}

.woocommerce .products .star-rating {
    margin-left: auto;
    margin-right: auto;
}

.woocommerce .products h2 + .star-rating {
    margin-top: 11px;
}

.price ins {
    text-decoration: none;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #222;
}

.woocommerce .products .price {
    display: block;
}

.woocommerce .products .star-rating + .price {
    margin-top: 15px;
}

/* WooCommerce: Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt {
    color: #fff;
    background-color: #ff4718;
    border-radius: 50px;
	-webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
	transition: color .25s, border-color .25s, background-color .25s ease-in-out;
	text-transform: capitalize;
	outline: 0;
}

.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	color: #fff;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce input.button.alt:hover {
    color: #fff;
    background-color: #ff4718;
}

/* WooCommerce: Added Cart Button */
.woocommerce a.added_to_cart {
    display: block;
    padding-top: 10px;
    color: #222;
	-webkit-transition: color .25s;
	transition: color .25s;
}

.woocommerce a.added_to_cart:hover {
    color: #ff4718;
}

/* WooCommerce: Sale Tag */
.woocommerce span.onsale {
    background-color: #ff4718;
    line-height: 38px;
}

/* WooCommerce: Pagination */
.woocommerce-pagination {
    font-size: 0;
    line-height: 0;
}

.woocommerce .woocommerce-pagination > .page-numbers {
    margin: 0;
    border: 0;
}

.woocommerce-pagination > .page-numbers > li {
    font-size: 14px;
    line-height: 24px;
}

.woocommerce .woocommerce-pagination > .page-numbers > li {
    border: 0;
}

.woocommerce-pagination > .page-numbers > li > span,
.woocommerce-pagination > .page-numbers > li > a {
    display: block;
    color: #222;
    border: 1px solid #ddd;
	-webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
	transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

.woocommerce-pagination > .page-numbers > li + li > span,
.woocommerce-pagination > .page-numbers > li + li > a {
	border-left-width: 0;
}

.woocommerce .woocommerce-pagination > .page-numbers > li > span:hover,
.woocommerce .woocommerce-pagination > .page-numbers > li > a:hover,
.woocommerce .woocommerce-pagination > .page-numbers > li > span.current {
    color: #fff !important;
    background-color: #ff4718;
    border-color: #ff4718;
}

/* WooCommerce: Message, Info */
.woocommerce-message,
.woocommerce-info {
    border-color: #ff4718;
}

.woocommerce-message:before,
.woocommerce-info:before {
    color: #ff4718;
}

.woocommerce-info a {
    color: #1e85be;
}

.woocommerce-message a.button {
    margin-top: -7px;
    margin-bottom: -10px;
}

/* WooCommerce: Product Images */
.woocommerce div.product div.images .flex-control-thumbs {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin-top: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/* WooCommerce: Product Summery */
a.woocommerce-review-link {
    color: inherit;
}

a.woocommerce-review-link:hover {
    color: #ff4718;
}

.woocommerce-product-details__short-description a {
    color: #ff4718;
}

.woocommerce .quantity .qty {
    padding: 5px 2px;
    border: 1px solid #eee;
    outline: 0;
}

.product_meta a {
    color: #222;
}

.product_meta a:hover {
    color: #ff4718;
}

/* WooCommerce: Tabs Panel */
.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 53px;
    padding-bottom: 40px;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    left: -5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    right: -5px;
}

h2.woocommerce-Reviews-title {
    margin: 0 0 21px;
    font-size: 26px;
    line-height: 36px;
    text-transform: capitalize;
}

.woocommerce p.stars a {
    color: #777;
}

.woocommerce-Reviews input,
.woocommerce-Reviews textarea {
    width: 100%;
    height: 36px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    outline: 0;
}

.woocommerce-Reviews input:hover,
.woocommerce-Reviews textarea:hover {
	border-color: #ff4718;
}

.woocommerce-Reviews textarea {
    height: auto;
    min-height: 150px;
}

.woocommerce-Reviews input[type="submit"] {
    width: auto;
}

/* WooCommerce: Upsells and Related */
.upsells.products {
    margin-bottom: 52px;
    border-bottom: 1px solid #ddd;
}

.related.products {
    margin-bottom: -40px;
}

.upsells.products > h2,
.related.products > h2 {
    margin: 0 0 21px;
    font-size: 26px;
    line-height: 36px;
    text-transform: capitalize;
}

/* WooCommerce: Cart Page */
.woocommerce a.remove {
    padding-left: 1px;
    line-height: 20px;
    -webkit-transition: color .25s, background-color .25s ease-in-out;
    transition: color .25s, background-color .25s ease-in-out;
}

.woocommerce table.shop_table {
    border-radius: 0;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    min-width: 180px;
    padding: 7px 10px 8px;
}

.woocommerce table.shop_table .product-name a {
    color: #ff4718;
}

/* WooCommerce: Checkout Page */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border-radius: 0;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    height: 36px;
    padding: 7px 10px 8px;
    border: 1px solid #ddd;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #ff4718;
}

.woocommerce form .form-row textarea {
    height: auto;
    min-height: 150px;
}

.woocommerce-form-login input[type="submit"] {
    margin-right: 8px;
}

.woocommerce form .form-row .woocommerce-form__label-for-checkbox {
    vertical-align: middle;
}

.select2-container--default .select2-selection--single {
    height: auto;
    padding: 4px 5px 2px;
    border: 1px solid #ddd;
    border-radius: 0;
	outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.woocommerce-account-fields .checkbox {
    padding-left: 18px;
}

.woocommerce-account-fields .checkbox input {
    top: 5px;
    left: 0;
}

/* My Account Page */
.woocommerce-MyAccount-navigation > ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation > ul > li + li {
    margin-top: 5px;
}

.woocommerce-MyAccount-navigation > ul > li > a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background-color: #202736;
    font-weight: 500;
    transition: background-color .25s ease-in-out;
}

.woocommerce-MyAccount-navigation > ul > li:hover > a,
.woocommerce-MyAccount-navigation > ul > li.is-active > a {
    background-color: #ff4718;
}

/* WooCommerce: Rating Widget */
.star-rating {
    color: #ff4718;
}

.blog--widget .wc-layered-nav-rating a {
    display: block;
    line-height: 14px;
    text-align: right;
    overflow: hidden;
}

.blog--widget .wc-layered-nav-rating a span {
    float: left;
}

/* WooCommerce: Price Slider Widget */
.price_slider {
    margin-bottom: 15px;
    border-radius: 0;
}

.price_slider .ui-slider-handle {
    width: 4px;
    margin-top: 1px;
    margin-left: -1px;
    background-color: #ff4718;
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
}

.price_slider_amount .price_label {
    margin-top: 10px;
}

/* WooCommerce: Search Widget */
.woocommerce-product-search .search-field {
    width: 100%;
    padding: 7px 10px 6px;
    border: 1px solid #eee;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    outline: 0;
}

.woocommerce-product-search .search-field:focus {
    border-color: #ff4718;
}

.woocommerce-product-search input[type='submit'] {
    margin-top: 15px;
    padding: 6px 15px;
    color: #fff;
    background-color: #ff4718;
    border-width: 0;
    outline: 0;
}

/* WooCommerce: Product List Widget */
.blog--widget ul.product_list_widget > li {
    padding: 0;
}

.blog--widget ul.product_list_widget > li a:before {
    display: none;
}

.blog--widget ul.product_list_widget > li + li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.blog--widget ul.product_list_widget > li a {
    font-size: 14px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.blog--widget ul.product_list_widget > li img {
    width: 60px;
}

.blog--widget ul.product_list_widget > li .star-rating {
    margin: 5px 0;
    font-size: 12px;
}

.blog--widget ul.product_list_widget > li ins {
	text-decoration: none;
}

.blog--widget ul.cart_list.product_list_widget > li .remove {
    position: absolute;
    top: 22px;
    left: auto;
    right: 0;
    padding-left: 1px;
    line-height: 14px;
    -webkit-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
}

.blog--widget ul.cart_list.product_list_widget > li img {
    margin-right: 30px;
}

.woocommerce-mini-cart__buttons a.button {
    margin-right: 20px;
}

/*--------------------------------
   35. WHMCS STYLES
--------------------------------*/
#clrhtWhmcsPage #header a.logo-text {
    display: none;
}

#clrhtWhmcsPage .top-nav {
    margin-bottom: 0;
}

#clrhtWhmcsPage .top-nav .primary-action .btn {
    background-color: #ff4718;
    border-width: 0;
    border-radius: 0;
}

#clrhtWhmcsPage .top-nav .primary-action .btn:hover {
    color: #fff;
    background-color: #222;
}

#clrhtWhmcsPage nav.navbar-main {
    background-color: #ff4718;
}

#clrhtWhmcsPage .navbar-main .navbar-collapse {
    border-width: 0;
}

#clrhtWhmcsPage #home-banner {
    padding: 75px 0 80px;
}

#clrhtWhmcsPage #home-banner h2 {
    padding-bottom: 30px;
}

#clrhtWhmcsPage #home-banner .btn.search {
    color: #fff;
    background-color: #ff4718;
}

#clrhtWhmcsPage #home-banner .btn.transfer {
    color: #fff;
    background-color: #222;
}

#clrhtWhmcsPage div.home-shortcuts {
    background-color: #ff4718;
}

#clrhtWhmcsPage .home-shortcuts p.lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 28px;
}

#clrhtWhmcsPage .home-shortcuts ul > li {
    padding-top: 17px;
    padding-bottom: 15px;
    border-color: #fff;
}

#clrhtWhmcsPage .home-shortcuts ul > li:first-child {
    border-color: #fff;
}

#clrhtWhmcsPage .home-shortcuts ul > li p {
    margin-top: 10px;
}

.language-popover {
    max-width: 450px;
    width: 100%;
    background-color: rgba(20, 20, 20, .98);
    background-image: url("../img/worldmap.png");
    background-repeat: no-repeat;
    font-size: .8em
}

.language-popover.popover.bottom > .arrow:after {
    border-bottom-color: rgba(20, 20, 20, .97)
}

.language-popover .popover-content ul {
    margin: 6px 0 14px 0;
    padding: 0;
    max-width: 400px;
    list-style-type: none;
    overflow: hidden
}

.language-popover .popover-content li {
    float: left;
    display: inline;
    padding: 0 20px 0 40px;
    width: 33.333%;
    line-height: 2em
}

.language-popover .popover-content li a {
    color: #f2f2f2
}

@media (max-width: 480px) {
    .language-popover {
        max-width:250px;
        background-position: -50px 0
    }

    .language-popover .popover-content li {
        padding: 0 20px;
        width: 50%
    }
}

#clrhtWhmcsPage #main-body a:not(.btn):not(.label):not(.list-group-item) {
    color: #ff4718;
}

#clrhtWhmcsPage .header-lined h1 {
    padding-bottom: 19px;
}

#clrhtWhmcsPage #footer {
    display: none;
}

/*--------------------------------
   24. HELPER CLASSES
--------------------------------*/
/* 24.1. RESET-GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}

.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

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

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

/* 24.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;
}

/* 24.5. COLUMN CENTERING */
.col--center > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
	margin-bottom: 0;
}

.wp-caption img + p.wp-caption-text,		
.wp-caption a + p.wp-caption-text {
	margin-top: 5px;
}
	
.wp-caption a + p + p.wp-caption-text {
	margin-top: -5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Bypostauthor CSS */
.commentlist .bypostauthor {
    background: #e7f8fb;
}

.commentlist li ul.children li.bypostauthor {
    background: #e7f8fb;
}
.gallery-caption {
    color: #ff0000;
}

.footer--widget.fw--links li a:before {
    content: "\f105";
    margin-right: 5px;
	font-family: fontawesome;
}
.footer--widget.fw--links .fw--about-social li a:before {
	content: "";
	margin-right: 0px;
}