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

[Main Stylesheet]

Project     :   CanadaHost - Responsive HTML5 Web Hosting and WHMCS Template
Version     :   1.1
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

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 NAV
    5.2. PRICING SLIDER ITEM
    5.3. PRICING ITEM
    5.4. PRICING POPULAR TAG
    5.5. PRICING HEADER
    5.6. PRICING BODY
    5.7. 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. SERVICES AREA
    9.1. SERVICE ITEM
    9.2. SERVICE ICON
    9.3. SERVICE CONTENT

10. FEATURES AREA
    10.1. FEATURES TAB NAV
    10.2. FEATURES TAB ITEMS
    10.3. FEATURES TAB CONTENT

11. COUNTER AREA
    11.1. COUNTER ITEM
    11.2. COUNTER ICON
    11.3. COUNTER NUMBER
    11.4. COUNTER TITLE

12. TESTIMONIAL AREA
    12.1. TESTIMONIAL NAV TABS
    12.2. TESTIMONIAL TRIANGLE
    12.3. TESTIMONIAL TABS
    12.4. TESTIMONIAL TABS CONTENT

13. BLOG AREA
    13.1. POST ITEM
    13.2. POST CONTENT
    13.3. POST TITLE
    13.4. POST META
    13.5. POST EXCEPT
    13.6. POST FULL CONTENT
    13.7. BLOG CONTENT
    13.8. BLOG SIDEBAR
    13.9. BLOG WIDGET
    13.10. BLOG WIDGET TITLE
    13.11. BLOG SEARCH WIDGET
    13.12. BLOG RECENT POSTS WIDGET
    13.13. BLOG LINKS WIDGET
    13.14. BLOG TAGS WIDGET
    13.15. POST COMMENTS TITLE
    13.16. POST COMMENTS
    13.17. POST COMMENT FORM

14. ABOUT DESCRIPTION AREA
    14.1. ABOUT DESCRIPTION IMAGE

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

16. FAQ AREA
    16.1. FAQ CATEGORIES
    16.2. FAQ CONTENT
    16.3. FAQ PANEL SIMPLE

17. LOGIN AREA
    17.1. LOGIN FORM

18. CONTACT AREA
    18.1. CONTACT FORM

19. MAP AREA

20. 404 AREA
    20.1. 404 CONTENT
    20.2. 404 SEARCH BAR

21. SUBSCRIBE AREA
    21.1. SUBSCRIBE STICKY
    21.2. SECTION TITLE
    21.3. SUBSCRIBE CONTENT
    21.4. SUBSCRIBE FORM

22. FOOTER AREA
    22.1. FOOTER WIDGET
    22.2. FOOTER ABOUT WIDGET
    22.3. FOOTER LINKS WIDGET
    22.4. FOOTER CONTACT WIDGET
    22.5. FOOTER COPYRIGHT

23. HELPER CLASSES
    23.1. RESET-GUTTER
    23.2. RESET-MARGIN
    23.3. RESET-PADDING
    23.4. VERTICAL-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;
}

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

.wrapper {
    height: 100%;
}

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

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

.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;
    word-wrap: break-word;
}

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

/* 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--overlay {
    position: relative;
    z-index: 0;
}

.bg--overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: -1;
}

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

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

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

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

.btn--default.hover:hover,
a.btn--default.hover:hover {
    color: #fff;
    background-color: #ed1b24;
    border-color: #ed1b24;
}

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

/* 1.9. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ed1b24;
    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;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

body.isTawkMobile #backToTop {
    right: 21px;
    bottom: 85px;
}

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

/*--------------------------------
   2. HEADER AREA
--------------------------------*/
/* 2.1. HEADER NAVBAR */
#header .navbar {
    position: fixed;
    top: 0;
    left: 0;
    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;
}

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

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */
#header .navbar-toggle {
    margin-bottom: 0;
    background-color: #ed1b24;
    border-color: #ed1b24;
    border-radius: 0;
    -webkit-transition: border-color .25s, background-color .25s ease-in-out;
            transition: border-color .25s, background-color .25s ease-in-out;
}
#header .navbar-toggle.collapsed {
    background-color: transparent;
    border-color: #fff;
}

#header .navbar-toggle .icon-bar {
    background-color: #fff;
}

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

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

#header a.navbar-brand h1 span {
    color: #ed1b24;
}

/* 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: #ed1b24;
}

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

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

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

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

/* 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 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: #ed1b24;
}

/*--------------------------------
   4. BANNER AREA
--------------------------------*/
#banner {
    position: relative;
    height: 100%;
    min-height: 710px;
}

/* 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,
.banner--item > .container,
.banner--item > .container > .row,
.banner--item > .container > .row > div {
    height: 100%;
}

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

.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 CONTROLS */
.banner--slider .owl-prev,
.banner--slider .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 50px;
    padding: 8px 0 10px;
    margin-top: -22.5px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out, opacity .25s ease-in-out;
            transition: color .25s, border-color .25s, background-color .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out, opacity .25s ease-in-out;
}
.banner--slider .owl-prev:hover,
.banner--slider .owl-next:hover {
    color: #fff;
    background-color: #ed1b24;
    border-color: #ed1b24;
}

.banner--slider .owl-next {
    left: auto;
    right: 0;
}

.banner--slider:hover .owl-prev {
    left: 80px;
    opacity: 1;
}

.banner--slider:hover .owl-next {
    right: 80px;
    opacity: 1;
}

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

.pricing--slider-nav ul > li {
    position: relative;
    float: left;
    width: 33.33333333%;
    padding: 24px 0 26px;
    color: #303030;
    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;
    z-index: 0;
}

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

.pricing--slider-nav ul > li:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
    z-index: -1;
}

.pricing--slider-nav ul > li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    z-index: -2;
}

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

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

.pricing--slider-nav ul > li > span {
    margin-left: 8px;
}

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

/* 5.3. PRICING ITEM */
.pricing--item {
    padding: 40px;
    background-color: #f0f0f0;
    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: #ed1b24;
    border-color: #ed1b24;
}

#pricing.bg--lightgrey .pricing--item {
    background-color: #fff;
}
#pricing.bg--lightgrey .pricing--item.popular {
    background-color: #ed1b24;
}

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

/* 5.5. 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.6. 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: #ed1b24;
    font-size: 48px;
    line-height: 56px;
}

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

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

/* 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 {
    white-space: nowrap;
    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: 218px 0 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: #ed1b24 transparent transparent transparent;
}

.vps-pricing--slider .ui-slider-handle i.fa {
    position: relative;
    color: #ed1b24;
    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: #ed1b24;
    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: #ed1b24;
    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 {
    padding: 80px 0;
}

#domainSearch.bg--img .section--title,
#domainSearch.bg--img .section--title h2 {
    color: #fff;
}

/* 8.1. DOMAIN SEARCH FORM */
.ds--form ::-webkit-input-placeholder {
    color: #fff;
}
.ds--form ::-moz-placeholder {
    color: #fff;
}
.ds--form :-ms-input-placeholder {
    color: #fff;
}
.ds--form :-moz-placeholder {
    color: #fff;
}

.ds--form-input {
    position: relative;
}

.ds--form-input .text--input {
    width: 100%;
    min-height: 56px;
    padding: 15px 20px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    outline: 0;
    -webkit-transition: border-color .25s;
            transition: border-color .25s;
}
.ds--form-input .text--input.error {
    border-color: #ed1b24;
}

.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: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
}

.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 #fff;
    border-radius: 50%;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}

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

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

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

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

/* 9.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, border-color .25s, background-color .25s ease-in-out;
            transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

.service--item:hover .service--icon {
    color: #fff;
    background-color: #ed1b24;
    border-color: #ed1b24;
}

/* 9.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: #ed1b24;
}

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

/* 10.1. FEATURES TAB NAV */
.features-tab--nav {
    margin-bottom: 60px;
}

.features-tab--nav li {
    position: relative;
    z-index: 0;
}

.features-tab--nav li .btn--default {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #303030;
    background-color: #fff;
    border-width: 0 1px 0 0;
    border-color: #f0f0f0;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}

.features-tab--nav li .btn--default:hover,
.features-tab--nav li .btn--default:focus,
.features-tab--nav li.active .btn--default {
    color: #fff;
    background-color: #ed1b24;
}

.features-tab--nav li:last-child .btn--default {
    border-right: 0;
}

.features-tab--nav ul li:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: -15px auto 0;
    border-style: solid;
    border-width: 15px;
    border-color: transparent;
    -webkit-transition: margin .25s ease-in-out,border-color .25s;
            transition: margin .25s ease-in-out,border-color .25s;
    z-index: -1;
}

.features-tab--nav ul li:hover:before,
.features-tab--nav ul li.active:before {
    margin-top: 0;
    border-top-color: #ed1b24;
}

/* 10.2. FEATURES TAB ITEMS */
.features-tab--item {
    padding: 80px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
}

/* 10.3. FEATURES TAB CONTENT */
.features-tab--content a {
    color: #303030;
    -webkit-transition: color .25s;
            transition: color .25s;
}

.features-tab--content a:hover {
    color: #288feb;
}

.features-tab--content h3 {
    margin: 0 0 24px;
    color: #303030;
    font-size: 36px;
    line-height: 40px;
    word-wrap: break-word;
}

.features-tab--content p {
    margin-bottom: 24px;
}

.features-tab--content p:last-child {
    margin-bottom: 0;
}

.features-tab--content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.features-tab--content ul:before,
.features-tab--content ul:after {
    content: " ";
    display: table;
}

.features-tab--content ul:before,
.features-tab--content ul:after {
    clear: both;
}

.features-tab--content ul li {
    float: left;
    width: 50%;
}

.features-tab--content ul li .fa {
    margin-right: 8px;
    color: #ed1b24;
}

/*--------------------------------
   11. COUNTER AREA
--------------------------------*/
#counter {
    padding: 68px 0 13px;
    word-wrap: break-word;
}

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

/* 11.2. COUNTER ICON */
.counter--icon {
    margin-bottom: 10px;
    font-size: 66px;
    line-height: 74px;
}

/* 11.3. COUNTER NUMBER */
.counter--num {
    position: relative;
    margin-top: 9px;
    font-family: 'Oswald', sans-serif;
    font-size: 56px;
    line-height: 64px;
}

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

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

/* 12.1. TESTIMONIAL NAV TABS */
.testimonial--nav-tabs {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.testimonial--nav-tabs .nav-tabs {
    display: inline-block;
    border: none;
    font-size: 0;
}
.testimonial--nav-tabs .nav-tabs li {
    width: 25%;
    margin-bottom: 0;
    padding: 0 10px;
}
.testimonial--nav-tabs .nav-tabs li:last-child {
    margin-right: 0;
}
.testimonial--nav-tabs .nav-tabs li a {
    margin: 0;
    padding: 0;
    border: none;
}
.testimonial--nav-tabs .nav-tabs li a:hover,
.testimonial--nav-tabs .nav-tabs li a:focus,
.testimonial--nav-tabs .nav-tabs li.active a {
    border: none;
}

.testimonial--nav-tabs .nav-tabs > li > a > img {
    max-width: 100%;
}

/* 12.2. TESTIMONIAL TRIANGLE */
.testimonial--triangle {
    position: absolute;
    bottom: -38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #f8f8f8 transparent;
    -webkit-transition: left 0.25s ease-in-out;
            transition: left 0.25s ease-in-out;
}

/* 16.3. FEEDBACK TABS */
.testimonial--tabs {
    margin-top: 30px;
}

/* 12.4. TESTIMONIAL TABS CONTENT */
.testimonial--tabs .tab-content {
    padding: 30px;
    color: #303030;
    background-color: #f8f8f8;
    box-shadow: 0px 0 1px 0px #e9e9e9;
}
.testimonial--tabs .tab-content blockquote {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 36px;
    line-height: 44px;
    font-weight: 300;
}

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

/* 13.1. POST ITEM */
.post--item {
    margin-bottom: 60px;
    text-align: center;
}

.post--details .post--item {
    text-align: left;
}

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

/* 13.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: #ed1b24;
}

/* 13.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: #ed1b24;
}

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

/* 13.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: #ed1b24;
}

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

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

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

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

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

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

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

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

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

/* 13.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: #ed1b24;
}

/* 13.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: 7px 0;
}

.blog--search-widget .input--text .highlight {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #ed1b24;
    -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 0 0 15px;
    background-color: transparent;
    border: none;
}

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

/* 13.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: #ed1b24;
}

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

/* 13.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 a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #303030;
    border-bottom: 1px dotted #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: #ed1b24;
    border-color: #ed1b24;
}

/* 13.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: #ed1b24;
}

/* 13.15. POST COMMENTS TITLE */
.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: #ed1b24;
}

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

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

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

/* 13.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: #ed1b24;
    -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;
}

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

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

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

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

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

.team--name {
    margin: 0;
    padding: 20px 0 10px;
    font-weight: 900;
    text-align: center;
}

.team--name a {
    color: #303030;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}

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

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

/* 15.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: #ed1b24;
    background-color: transparent;
}

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

/* 16.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: #ed1b24;
}

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

.faq--categories ul li a {
    color: #303030;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #e9e9e9;
    font-family: 'Oswald', sans-serif;
    font-weight: 900;
    -webkit-transition: color 0.25s, border-color .25s;
            transition: color 0.25s, border-color .25s;
}

.faq--categories ul li a:hover,
.faq--categories ul li.active a {
    color: #ed1b24;
    background-color: transparent;
    border-right-color: #ed1b24;
}

.faq--categories ul li:last-child a {
    border-bottom: 0;
}

/* 16.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: #ed1b24;
    text-transform: capitalize;
	-webkit-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
}

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

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

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

/* 17.1. LOGIN FORM */
.login--form {
    max-width: 380px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #e9e9e9;
    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: #ed1b24;
    -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;
}

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

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

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

.contact--form label {
    font-weight: 400;
}

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

.contact--form .form-control {
    margin-bottom: 30px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
    padding: 8px 0;
}

.contact--form textarea.form-control {
    min-height: 172px;
    resize: none;
}

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

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

/*--------------------------------
   20. 404 AREA
--------------------------------*/
/* 20.1. 404 CONTENT */
.f0f--content {
    text-align: center;
}
.f0f--content h2 {
    font-size: 120px;
    line-height: 148px;
}

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

.f0f--search-bar ::-webkit-input-placeholder {
    color: #fff;
}
.f0f--search-bar ::-moz-placeholder {
    color: #fff;
}
.f0f--search-bar :-ms-input-placeholder {
    color: #fff;
}
.f0f--search-bar :-moz-placeholder {
    color: #fff;
}

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

/*--------------------------------
   21. SUBSCRIBE AREA
--------------------------------*/
#subscribe {
    position: relative;
}

/* 21.1. SUBSCRIBE STICKY */
.subscribe--sticky {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* 21.2. SECTION TITLE */
#subscribe .section--title {
    margin-bottom: 0;
    text-align: left;
}
#subscribe .section--title h2 {
    margin: 0;
    padding: 0;
    font-size: 32px;
    line-height: 40px;
}
#subscribe .section--title h2:before {
    display: none;
}
#subscribe .section--title h2 span {
    display: block;
    color: #ed1b24;
}

/* 21.3. SUBSCRIBE CONTENT */
.subscribe--content {
    padding: 60px;
    background-size: auto;
    background-repeat: repeat;
}

/* 21.4. SUBSCRIBE FORM */
.subscribe--form {
    position: relative;
    margin-top: 12px;
    overflow: hidden;
}
.subscribe--form ::-webkit-input-placeholder {
    color: #303030;
}
.subscribe--form ::-moz-placeholder {
    color: #303030;
}
.subscribe--form :-ms-input-placeholder {
    color: #303030;
}
.subscribe--form :-moz-placeholder {
    color: #303030;
}
.subscribe--form .input--text {
    position: relative;
}
.subscribe--form .input--text input {
    width: 100%;
    min-height: 56px;
    padding: 15px 20px;
    color: #303030;
    background-color: transparent;
    border: 1px solid #303030;
    outline: 0;
    -webkit-transition: border-color .25s;
            transition: border-color .25s;
}
.subscribe--form .input--text input.error {
    border-color: #ed1b24;
}
.subscribe--form .btn--default {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    padding-left: 60px;
    padding-right: 60px;
}

/*--------------------------------
   22. FOOTER AREA
--------------------------------*/
#footer {
    position: relative;
    background-color: #303030;
    z-index: -1;
}
#footer .container {
    position: relative;
}

/* 22.1. FOOTER WIDGET */
.footer--widget {
    margin-top: 148px;
    margin-bottom: 45px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.footer--widget:last-child {
    margin-bottom: 0;
}

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

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

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

/* 22.4. FOOTER CONTACT WIDGET */
.footer--contact .btn--primary {
    margin-top: 0;
    font-weight: normal;
    text-transform: none;
}
.footer--contact .btn-block {
    display: block;
}
.footer--contact .btn-block + .btn-block {
    margin-top: 8px;
}
.footer--contact-social .nav > li > a {
    padding: 10px;
    color: #fff;
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.footer--contact-social .nav > li > a:hover,
.footer--contact-social .nav > li > a:focus {
    color: #ed1b24;
    background-color: transparent;
}

/* 22.5. FOOTER COPYRIGHT */
.footer--copyright {
    padding: 20px 0;
    color: #fff;
    background-color: #222;
}
.footer--copyright a {
    color: #ed1b24;
    font-weight: 900;
}

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

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

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

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

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

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