/*

[Main Stylesheet]

Project: GREENSSD - Multipurpose Technology, Hosting Business with WHMCS Template
Version: 1.7
Author : themelooks.com


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


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1. PADDINGS
    1.2. LINKS
    1.3. BUTTONS
    1.4. CARET
    1.5. BACKGROUND COLORS
    1.6. BACKGROUND IMAGES
    1.7. BACKGROUND OVERLAYS

2. COMPONENTS
    2.1. PRELOADER
    2.2. DROPDOWN MENU
    2.3. PAGER
    2.4. PAGINATION
    2.5. SECTION TITLE
    2.6. OWL NAV
    2.7. PRODUCT RATING
    2.8. PRODUCT QUANTITY
    2.9. COMMENT ITEMS
    2.10. COMMENT FORM
    2.11. COUNTDOWN TIMER
    2.12. BACK TO TOP BUTTON

3. WIDGETS
    3.1. WIDGET TITLE
    3.2. SEARCH WIDGET
    3.3. LINKS WIDGET
    3.4. NAV WIDGET
    3.5. SOCIAL WIDGET
    3.6. TAGS WIDGET
    3.7. CATEGORIES WIDGET
    3.8. TAGCLOUD WIDGET
    3.9. CART WIDGET
    3.10. PAYMENT INFO WIDGET
    3.11. RECENT POSTS WIDGET
    3.12. RECENT POSTS LIST WIDGET
    3.13. PORTFOLIO INFO WIDGET
    3.14. RELATED PROJECTS WIDGET
    3.15. DATACENTER TABS WIDGET

4. HEADER SECTION
    4.1. HEADER TOPBAR
    4.2. HEADER TOPBAR SOCIAL
    4.3. HEADER TOPBAR LOGO
    4.4. HEADER TOPBAR INFO
    4.5. HEADER NAVBAR WRAPPER
    4.6. HEADER NAVBAR
    4.7. HEADER NAV
    4.8. HEADER NAV LINKS
    4.9. HEADER NAV LINKS DROPDOWN

5. PAGE HEADER SECTION
    5.1. PAGE HEADER BREADCRUMB

6. PAGE WRAPPER SECTION
    6.1. PAGE CONTENT
    6.2. PAGE SIDEBAR

7. BANNER SECTION
    7.1. BANNER SLIDER
    7.2. BANNER ITEM
    7.3. BANNER OFFER
    7.4. BANNER CONTENT

8. STEPS SECTION
    8.1. STEP ITEMS
    8.2. STEP LINE
    8.3. STEP ITEM
    8.4. STEP ICON
    8.5. STEP CONTENT

9. DOMAIN SEARCH SECTION
    9.1. DOMAIN SEARCH TITLE
    9.2. DOMAIN SEARCH FORM
    9.3. DOMAIN SEARCH EXTENSIONS

10. SERVICES SECTION
    10.1. SERVICE ITEM

11. SERVICES TAB SECTION
    11.1. SERVICE TAB NAV
    11.2. SERVICE TABS

12. FEATURES SECTION
    12.1. FEATURE ITEM
    12.2. FEATURE VIDEO

13. PORTFOLIO SECTION
    13.1. PORTFOLIO FILTER NAV
    13.2. PORTFOLIO ITEMS

14. PRODUCTS SECTION
    14.1. PRODUCT ITEMS
    14.2. PRODUCT SINGLE

15. CART SECTION
    15.1. CART FORM

16. CHECKOUT SECTION
    16.1. CHECKOUT INFO
    16.2. CHECKOUT INFO FORM
    16.3. CHECKOUT FORM TITLE
    16.4. CHECKOUT BILLING INFO
    16.5. CHECKOUT ORDER INFO
    16.6. CHECKOUT SUBMIT BUTTON

17. PRICING SECTION
    17.1. PRICING NAV SWITCH
    17.2. PRICING TAB NAV
    17.3. PRICING ITEM
    17.4. PRICING HEADER
    17.5. PRICING PRICE
    17.6. PRICING FEATURES
    17.7. PRICING FOOTER
    17.8. PRICING OPTIONS

18. PRICING DETAILS SECTION

19. PRICING TABLE SECTION

20. VPS PRICING SECTION
    20.1. VPS PRICING WRAPPER
    20.2. VPS PRICING SLIDER
    20.3. VPS PRICING FEATURES

21. DOMAIN PRICING SECTION
    21.1. DOMAIN PRICING ITEM

22. BLOG SECTION
    22.1. POST ITEMS

23. COUNTER SECTION
    23.1. COUNTER ITEM
    23.2. COUNTER OPTIONS

24. TESTIMONIAL SECTION
    24.1. TESTIMONIAL SLIDER
    24.2. TESTIMONIAL ITEM
    24.3. TESTIMONIAL IMAGE
    24.4. TESTIMONIAL CONTENT

25. TEAM SECTION
    25.1. TEAM MEMBERS
    25.2. TEAM MEMBER

26. FAQ SECTION
    26.1. FAQ ITEMS
    26.2. FAQ TITLE
    26.3. FAQ CONTENT

27. DATACENTER SECTION

28. LOGIN SECTION
    28.1. LOGIN WRAPPER
    28.2. LOGIN CONTENT
    28.3. LOGIN FORM

29. CONTACT SECTION
    29.1. CONTACT INFO
    29.2. CONTACT FORM
    29.3. CONTACT FORM STATUS

30. BRANDS SECTION
    30.1. BRAND ITEM
    30.2. BRAND IMAGE

31. 404 SECTION

32. CALL TO ACTION SECTION
    32.1. CALL TO ACTION TITLE
    32.2. SUBSCRIBE FORM

33. FOOTER SECTION
    33.1. FOOTER TITLE
    33.2. FOOTER WIDGETS
    33.3. FOOTER MENU
    33.4. FOOTER COPYRIGHT

34. HELPER CLASSES
    34.1. RESET-GUTTER
    34.2. RESET-MARGIN
    34.3. RESET-PADDING
    34.4. VERTICAL-CENTERING

*/

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

body {
    color: #555;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    word-wrap: break-word;
}

p:last-child {
    margin-bottom: 0; /* RESET MARGIN OF LAST P TAG */
}

img { /* RESPONSIVE IMAGES */
    max-width: 100%;
    height: auto;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "Raleway", sans-serif;
}

textarea {
    resize: vertical;
}

::-moz-selection {
    color: #fff;
    background-color: #82b440;
}
::selection {
    color: #fff;
    background-color: #82b440;
}

.wrapper {
    height: 100%;
}

.nav li a:hover,
.nav li a:focus,
.nav li.open a,
.nav li.open a:hover,
.nav li.open a:focus {
    background-color: transparent; /* RESET NAV HOVER AND FOCUS BACKGROUND COLOR */
}

.fm {
    margin-right: 8px;
}
.flm {
    margin-left: 8px;
}

.form-control:focus {
    border-color: #82b440;
}

/* 1.1. PADDINGS */
.pd--80-0 {
    padding: 80px 0;
}
.pd--100-0 {
    padding: 100px 0;
}

.pd--50-0-0 {
    padding: 50px 0 0;
}
.pd--100-0-40 {
    padding: 100px 0 40px;
}
.pd--100-0-70 {
    padding: 100px 0 70px;
}

.pt--80 {
    padding-top: 80px;
}
.pt--100 {
    padding-top: 100px;
}

.pb--40 {
    padding-bottom: 40px;
}
.pb--70 {
    padding-bottom: 70px;
}
.pb--100 {
    padding-bottom: 100px;
}

/* 1.2. LINKS */
a, .btn-link {
    -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;
}
a {
    color: inherit;
}
.btn-link {
    display: inline-block;
    color: #222;
    border-bottom: 1px solid #999;
}
a:hover, .btn-link:hover,
a:focus, .btn-link:focus {
    color: #82b440;
}
.btn-link:hover,
.btn-link:focus {
    border-color: #82b440;
}

a, .btn-link,
a:link, .btn-link:link,
a:visited, .btn-link:visited,
a:hover, .btn-link:hover,
a:active, .btn-link:active {
    text-decoration: none;
    outline: 0;
}

/* 1.3. BUTTONS */
.btn {
    padding: 9px 30px 11px;
    background-color: transparent;
    border-color: #999;
    border-radius: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    -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;
}

.btn.active,
.btn:active {
    box-shadow: none; /* RESET BUTTON BOX SHADOW */
}
.btn:focus,
.btn.focus,
.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn.focus {
    outline: 0; /* RESET BUTTON OUTLINE */
}

.btn-sm {
    padding: 6px 20px;
    font-size: 13px;
    line-height: 17px;
}

.btn-default {
    color: #222;
}
.btn-default.white {
    color: #fff;
    border-color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #82b440;
    border-color: #82b440;
}

/* 1.4. CARET */
.btn .caret {
    margin-left: 15px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* 1.5. BACKGROUND COLORS */
.bg--color-theme {
    color: #fff;
    background-color: #82b440;
}
.bg--color-lightgray {
    background-color: #ededed;
}

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

.bg--img-right {
    background-size: auto;
    background-position: top right;
}

/* 1.7. BACKGROUND OVERLAYS */
.bg--overlay {
    position: relative;
    color: #fff;
    z-index: 0;
}
.bg--overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}

.bg--overlay-off:before {
    display: none;
}

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

/* 2.2. DROPDOWN MENU */
.dropdown-menu {
    padding: 8px 0 10px;
    border-width: 2px;
    border-color: #ccc;
    border-radius: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .10);
}
.dropdown-menu > li > a {
    color: #555;
    line-height: 24px;
    font-weight: 400;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #82b440;
    background-color: transparent;
}

/* 2.3. PAGER */
.pager {
    margin: 0;
    color: #222;
}
.pager li > a {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.pager li > a:hover,
.pager li > a:focus {
    background-color: transparent;
}
.pager li.previous > a,
.pager li.previous > span {
    float: right;
}
.pager li.previous:before {
    content: "/";
    float: right;
    margin: 0 8px;
}

.pager-mt {
    margin-top: 53px;
}

/* 2.4. PAGINATION */
.pagination {
    margin: -6px 0 0;
    font-size: 0;
    line-height: 0;
}
.pagination > li {
    display: inline-block;
    margin-top: 6px;
}
.pagination > li + li {
    margin-left: 5px;
}
.pagination > li > a,
.pagination > li > span {
    padding: 9px 12px;
    color: #222;
    border-color: #999;
    font-size: 14px;
    line-height: 20px;
}
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > a:focus,
.pagination > li.disabled > span,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > span:focus {
    color: #ccc;
    border-color: #999;
}
.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: #82b440;
    border-color: #82b440;
}
.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;
}
.pagination > li > a.prev,
.pagination > li > a.next {
    border: 0;
    background-color: transparent;
}
.pagination > li > a.prev:hover,
.pagination > li > a.prev:focus,
.pagination > li > a.next:hover,
.pagination > li > a.next:focus {
    background-color: transparent;
}
.pagination > li > a.prev {
    padding-left: 0;
}
.pagination > li > a.next {
    padding-right: 0;
}
.pagination > li:not(.disabled) > a.prev:hover,
.pagination > li:not(.disabled) > a.next:hover,
.pagination > li:not(.disabled) > a.prev:focus,
.pagination > li:not(.disabled) > a.next:focus {
    color: #82b440;
}

/* 2.5. SECTION TITLE */
.section--title .h2 {
    display: inline-block;
    position: relative;
    margin: -13px 0 80px;
    padding-bottom: 8px;
    color: #222;
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
}
.section--title .h2:before,
.section--title .h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.section--title .h2:before {
    width: 100%;
    height: 1px;
    background-color: #ccc;
}
.section--title .h2:after {
    width: 60px;
    height: 2px;
    margin: 0 auto;
    background-color: #82b440;
}

/* 2.6. OWL NAV */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    padding: 31px 0;
    background-color: rgba(255, 255, 255, 0.20);
    font-size: 18px;
    line-height: 18px;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    text-align: center;
}
.owl-nav .owl-next {
    left: auto;
    right: -1px;
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background-color: #fff;
}

/* 2.7. PRODUCT RATING */
.product--rating ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999;
    font-size: 0;
    line-height: 0;
}
.product--rating ul li {
    display: inline-block;
}
.product--rating ul li + li {
    margin-left: 15px;
}
.product--rating ul li .fa {
    font-size: 14px;
    line-height: 18px;
}

/* 2.8. PRODUCT QUANTITY */
.product--quantity {
    font-size: 0;
    line-height: 0;
}
.product--quantity .form-control {
    display: inline-block;
    height: 31px;
    margin-top: 6px;
    margin-right: 15px;
    padding: 4px 4px 4px 0;
    width: 70px;
    color: #222;
    border-color: #999;
    box-shadow: none;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    outline: 0;
}

/* 2.9. COMMENT ITEMS */
.comment--items {
    margin-top: 40px;
}
.comment--items .page--content-title.h4 {
    margin-bottom: 30px;
}
.comment--items ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.comment--items ul ul {
    padding-left: 80px;
}
.comment--items ul li {
    margin-top: 20px;
}

.comment--item {
    padding: 20px 20px 16px;
    color: #999;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

.comment--meta-img {
    float: left;
    margin-right: 20px;
}
.comment--meta-info {
    float: left;
    margin-top: -1px;
    font-weight: 300;
    overflow: hidden;
}
.comment--meta-info .name.h5 {
    margin: 0 0 5px;
}
.comment--meta-reply {
    float: right;
    margin-top: -7px;
}

.comment--content {
    margin-top: 7px;
    font-style: italic;
}
.comment--content a {
    font-style: normal;
    font-weight: 600;
}

/* 2.10. COMMENT FORM */
.comment--form {
    margin-top: 57px;
}
.comment--form .page--content-title.h4 {
    margin-bottom: 40px;
}
.comment--form label {
    display: block;
    margin-top: -1px;
    margin-bottom: 13px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.comment--form .form-control {
    height: 40px;
    padding: 9px 25px;
    color: #222;
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
    outline: linen;
}
.comment--form textarea.form-control {
    height: auto;
    min-height: 120px;
}
.comment--form footer .btn {
    float: left;
}
.comment--form footer {
    margin-top: 20px;
}
.comment--form footer .help-block {
    float: right;
    margin-top: -7px;
}

/* 2.11. COUNTDOWN TIMER */
.countdown--timer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #222;
    font-size: 0;
    line-height: 0;
}
.countdown--timer ul li {
    display: inline-block;
    margin: 0 30px;
}
.countdown--timer ul li strong {
    display: inline-block;
    margin-bottom: 7px;
    padding-bottom: 3px;
    border-bottom: 1px solid #999;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
}
.countdown--timer ul li span {
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

/* 2.12. BACK TO TOP BUTTON */
#backToTop {
    position: fixed;
    right: 10px;
    bottom: 55px;
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
body.isScrolling #backToTop {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
body.isTawkMobile #backToTop {
    right: 25px;
    bottom: 83px;
}
#backToTop .btn {
    padding: 6px 12px 9px;
    font-size: 22px;
    line-height: 22px;
}

/*------------------------------------*\
    3. WIDGETS
\*------------------------------------*/
.widget + .widget {
    margin-top: 60px;
}

/* 3.1. WIDGET TITLE */
.widget--title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

/* 3.2. SEARCH WIDGET */
.search--widget .form-control {
    height: 40px;
    padding: 9px 0 9px 25px;
    color: #222;
    border-right: 0;
    border-color: #999;
    border-radius: 20px;
    box-shadow: none;
    outline: 0;
}
.search--widget .input-group-addon {
    padding: 0 20px;
    background-color: transparent;
    border-radius: 0 20px 20px 0;
    border-color: #999;
}
.search--widget .input-group-addon button {
    color: #222;
    background-color: transparent;
    border: none;
    outline: 0;
}

/* 3.3. LINKS WIDGET */
.links--widget ul {
    float: left;
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.links--widget ul li {
    margin-bottom: 6px;
}
.links--widget ul li:last-child {
    margin-bottom: 0;
}
.links--widget ul li a .fa {
    font-size: 8px;
    color: #555;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.links--widget ul li a:hover .fa,
.links--widget ul li a:focus .fa {
    color: #82b440;
}

/* 3.4. NAV WIDGET */
.nav--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav--widget ul li {
    color: #222;
}
.nav--widget ul li + li {
    margin-top: 5px;
}
.nav--widget ul li a {
    display: block;
    position: relative;
    padding: 9px 30px 11px 20px;
    background-color: #ededed;
    border-left: 3px solid transparent;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out,padding .25s ease-in-out;
    transition: color .25s, border-color .25s, background-color .25s ease-in-out,padding .25s ease-in-out;
    z-index: 0;
}
.nav--widget ul li a:focus {
    color: #222;
}
.nav--widget ul li a:hover,
.nav--widget ul li.active a {
    padding-left: 25px;
    color: #fff;
    background-color: #82b440;
    border-color: #000;
}
.nav--widget ul li a:before {
    content: "\f0da";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15px;
    color: #fff;
    font-family: "FontAwesome";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: right .25s ease-in-out, opacity .25s ease-in-out;
    transition: right .25s ease-in-out, opacity .25s ease-in-out;
}
.nav--widget ul li a:hover:before,
.nav--widget ul li.active a:before {
    right: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 3.5. SOCIAL WIDGET */
.social--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social--widget ul:before,
.social--widget ul:after {
    content: " ";
    display: table;
}
.social--widget ul:before,
.social--widget ul:after {
    clear: both;
}
.social--widget li {
    float: left;
}
.social--widget li span {
    margin-right: 7.5px;
}
.social--widget li a {
    margin: 0 7.5px;
}

/* 3.6. TAGS WIDGET */
.tags--widget ul {
    margin: -7px -7.5px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}
.tags--widget ul li {
    display: inline-block;
}
.tags--widget ul li span,
.tags--widget ul li a {
    display: block;
    margin: 7px 7.5px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 26px;
}
.tags--widget ul li span {
    margin-right: 22px;
    color: #222;
    border-bottom: 0;
    font-family: "Raleway", sans-serif;
}
.tags--widget ul li a:hover,
.tags--widget ul li a:focus {
    border-color: #82b440;
}

/* 3.7. CATEGORIES WIDGET */
.categories--widget {
    margin-top: 30px;
    padding: 30px 20px;
    border: 1px solid #eee;
}
.categories--widget select {
    padding: 4px 15px;
    border: 1px solid #eee;
    width: 100%;
    outline: 0;
}

/* 3.8. TAGCLOUD WIDGET */
.tagcloud--widget {
    margin-top: -5px;
    font-size: 0;
    line-height: 0;
}
.tagcloud--widget a {
    display: inline-block;
    margin-top: 20px;
    margin-right: 10px;
    padding: 3px 10px;
    color: #fff;
    background-color: #82b440;
    border-radius: 20px;
    font-size: 12px;
    line-height: 24px;
}
.tagcloud--widget a:hover,
.tagcloud--widget a:focus {
    color: #fff;
}

/* 3.10. PAYMENT INFO WIDGET */
.payment-info--widget img {
    margin-bottom: 30px;
}
.payment-info--widget img:last-child {
    margin-bottom: 0;
}

.payment-info--widget ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.payment-info--widget ul:before,
.payment-info--widget ul:after {
    content: " ";
    display: table;
}
.payment-info--widget ul:before,
.payment-info--widget ul:after {
    clear: both;
}
.payment-info--widget ul li {
    float: left;
    margin-right: 30px;
}
.payment-info--widget ul li + li {
    margin-right: 0;
}

/* 3.9. CART WIDGET */
.cart--widget {
    margin-top: 30px;
    padding: 30px 20px;
    border: 1px solid #eee;
}
.cart--widget ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.cart--widget ul li {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.cart--widget ul li:before,
.cart--widget ul li:after {
    content: " ";
    display: table;
}
.cart--widget ul li:before,
.cart--widget ul li:after {
    clear: both;
}
.cart--widget ul li .remove {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -22px;
}
.cart--widget ul li .img {
    float: left;
    margin-right: 15px;
}
.cart--widget ul li .info {
    overflow: hidden;
}
.cart--widget ul li .info .h6 {
    margin: 0 0 9px;
}
.cart--widget ul li .info p {
    font-size: 12px;
    line-height: 22px;
}

.cart--widget .subtotal {
    margin-top: 23px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
}

.cart--widget .btn-group {
    margin-top: 22px;
}
.cart--widget .btn-group .btn {
    padding-left: 5px;
    padding-right: 5px;
}
.cart--widget .btn-group .btn + .btn {
    border-left: 0;
}

/* 3.11. RECENT POSTS WIDGET */
.recent-posts--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.recent-posts--widget ul li + li {
    margin-top: 22px;
}
.recent-posts--widget ul li a:before,
.recent-posts--widget ul li a:after {
    content: " ";
    display: table;
}
.recent-posts--widget ul li a:before,
.recent-posts--widget ul li a:after {
    clear: both;
}

.recent-posts--widget .img {
    float: left;
    display: block;
    position: relative;
    margin-right: 15px;
}
.recent-posts--widget .img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #82b440;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.recent-posts--widget li:hover .img:before {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.recent-posts--widget .img .figcaption {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.recent-posts--widget li:hover .img .figcaption {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.recent-posts--widget .img .fa {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -9px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}

.recent-posts--widget .info {
    color: #999;
    font-size: 13px;
    overflow: hidden;
}
.recent-posts--widget .info .h5 {
    margin: -4px 0 14px;
    color: #555;
    line-height: 22px;
    font-weight: normal;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.recent-posts--widget li:hover .info .h5 {
    color: #82b440;
}
.recent-posts--widget .info p {
    margin-bottom: 0;
}

/* 3.12. RECENT POSTS LIST WIDGET */
.recent-posts-list--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.recent-posts-list--widget ul li {
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
}
.recent-posts-list--widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.recent-posts-list--widget ul li .icon {
    float: left;
    font-size: 8px;
}
.recent-posts-list--widget ul li .content {
    overflow: hidden;
}
.recent-posts-list--widget ul li .content .date {
    margin-top: 2px;
    color: #82b440;
}

/* 3.13. PORTFOLIO INFO WIDGET */
.portfolio-info--widget .table {
    margin-bottom: 0;
}
.portfolio-info--widget th {
    color: #222;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    white-space: nowrap;
}
.portfolio-info--widget td {
    color: #999;
}
.portfolio-info--widget .table > tbody > tr > th,
.portfolio-info--widget .table > tbody > tr > td {
    padding-top: 16px;
    padding-bottom: 16px;
    border: 0;
}
.portfolio-info--widget .table > tbody > tr:first-child > th,
.portfolio-info--widget .table > tbody > tr:first-child > td {
    padding-top: 0;
}
.portfolio-info--widget .table > tbody > tr:last-child > th,
.portfolio-info--widget .table > tbody > tr:last-child > td {
    padding-bottom: 0;
}
.portfolio-info--widget .table > tbody > tr > th {
    padding-left: 0;
}
.portfolio-info--widget .table > tbody > tr > td {
    padding-right: 0;
}
.portfolio-info--widget .social--widget {
    margin: 0 -7.5px;
}
.portfolio-info--widget .table + .btn {
    margin-top: 25px;
}

/* 3.14. RELATED PROJECTS WIDGET */
.related-projects--widget .portfolio--item {
    margin-bottom: 30px;
}
.related-projects--widget .portfolio--item:last-child {
    margin-bottom: 0;
}

/* 3.15. DATACENTER TABS WIDGET */
.datacenter-tabs--widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.datacenter-tabs--widget ul li + li {
    margin-top: 30px;
}
.datacenter-tabs--widget ul li .img {
    float: left;
    margin-right: 30px;
}
.datacenter-tabs--widget ul li .info {
    color: #999;
    -webkit-transition: color .25s;
    transition: color .25s;
    overflow: hidden;
}
.datacenter-tabs--widget ul li .info .h4 {
    margin: 0 0 6px;
    color: #222;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.datacenter-tabs--widget ul li.active .info,
.datacenter-tabs--widget ul li.active .info .h4 {
    color: #82b440;
}

/*------------------------------------*\
    4. HEADER SECTION
\*------------------------------------*/
#header {
    position: relative;
}

/* 4.1. HEADER TOPBAR */
.header--topbar {
    text-align: center;
}

.header--topbar > .container,
.header--topbar > .container > .pull-left,
.header--topbar > .container > .pull-right {
    height: 100%;
}

.header--topbar .nav > li {
    float: left;
}
.header--topbar .nav > li > a {
    padding: 4px 7.5px;
}

/* 4.2. HEADER TOPBAR SOCIAL */
.header--topbar-social {
    margin-left: 7.5px;
    color: #999;
}
.header--topbar-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header--topbar .nav > li > a {
    padding: 3px 7.5px 4px;
}

/* 4.3. HEADER TOPBAR LOGO */
.header--topbar-logo {
    display: inline-block;
    padding: 15px 0;
}

/* 4.4. HEADER TOPBAR INFO */
.header--topbar-info .nav > li > a.btn {
    margin-left: 7.5px;
    padding: 6px 15px;
}

/* 4.5. HEADER NAVBAR WRAPPER */
.header--navbar-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999;
}
.header--navbar-wrapper:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1140px;
    height: 100%;
    min-height: 72px;
    margin: 0 auto;
    background-color: #82b440;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10);
    -webkit-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out;
    z-index: 1;
}
.is-sticky .header--navbar-wrapper:before {
    width: 100%;
    border-radius: 0;
}

/* 4.6. HEADER NAVBAR */
.header--navbar {
    padding: 16px 5px;
    margin-bottom: 0;
    border: 0;
    border-radius: 2px;
    z-index: 999;
}

/* 4.7. HEADER NAV */
.header--nav {
    padding-left: 25px;
    padding-right: 25px;
}

/* 4.8. HEADER NAV LINKS */
.header--nav-links > li > a {
    margin: 4px 0;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
}
.header--nav-links > li > a:hover,
.header--nav-links > li > a:focus {
    background-color: #fff;
}
.header--nav-links > li.active > a,
.header--nav-links > li.open > a,
.header--nav-links > li.open > a:hover,
.header--nav-links > li.open > a:focus {
    color: #82b440;
    background-color: #fff;
}

.header--nav-links.cart > li > a {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 31px;
    padding-right: 14px;
    color: #fff;
    background-color: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0;
}
.header--nav-links.cart > li > a .fa {
    margin-right: 5px;
}

/* 4.9. HEADER NAV LINKS DROPDOWN */
.header--nav-links > li.dropdown > a:before,
.header--nav-links > li.dropdown > a:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.header--nav-links > li.dropdown > a:before {
    top: 41px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    z-index: 2;
}
.header--nav-links > li.dropdown > a:after {
    top: 47px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #82b440 transparent transparent transparent;
    z-index: 1;
}
.header--nav-links > li.dropdown.open > a:before,
.header--nav-links > li.dropdown.open > a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header--nav-links > .dropdown > .dropdown-menu {
    margin-top: 11px;
    padding-top: 18px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .10);
    z-index: 0;
}
.header--nav-links > .dropdown > .dropdown-menu > li.active > a,
.header--nav-links > .dropdown > .dropdown-menu > li.active > a:hover,
.header--nav-links > .dropdown > .dropdown-menu > li.active > a:focus {
    color: #82b440;
}

.header--nav-links > .dropdown.megamenu {
    position: static;
}
.header--nav-links > .dropdown.megamenu > .dropdown-menu {
    right: 0;
    margin-top: -5px;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #555;
}
.header--nav-links > .dropdown.megamenu > .dropdown-menu.bg--overlay {
    position: absolute;
}
.header--nav-links > .dropdown.megamenu .nav {
    float: left;
    margin-top: 11px;
}
.header--nav-links > .dropdown.megamenu .nav > .dropdown-header {
    margin: 0 15px 8px 15px;
    padding: 0 0 8px;
    color: #82b440;
    border-bottom: 1px solid #999;
    font-size: 14px;
    line-height: 24px;
}
.header--nav-links > .dropdown.megamenu .nav > li + .dropdown-header {
    margin-top: 17px;
}
.header--nav-links > .dropdown.megamenu .nav > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
}
.header--nav-links > .dropdown.megamenu .nav > li.active > a {
    color: #82b440;
}

/*------------------------------------*\
    5. PAGE HEADER SECTION
\*------------------------------------*/
#pageHeader {
    color: #222;
}
#pageHeader:before {
    background-color: #fff;
}

/* X.X. PAGE HEADER TITLE */
.page-header--title .h1 {
    margin: 0;
    font-weight: 600;
}

/* 5.1. PAGE HEADER BREADCRUMB */
.page-header--breadcrumb ul {
    margin: 5px 0 0;
    padding: 0;
    background-color: transparent;
    font-size: 18px;
    line-height: 30px;
}
.page-header--breadcrumb ul li.active {
    color: #82b440;
}

/*------------------------------------*\
    6. PAGE WRAPPER SECTION
\*------------------------------------*/
/* 6.1. PAGE CONTENT */
.page--content {
    margin-bottom: 60px;
}

.page--content h1, .page--content .h1,
.page--content h2, .page--content .h2,
.page--content h3, .page--content .h3,
.page--content h4, .page--content .h4,
.page--content h5, .page--content .h5,
.page--content h6, .page--content .h6 {
    color: #222;
}

.page--content h1, .page--content .h1,
.page--content h2, .page--content .h2,
.page--content h3, .page--content .h3,
.page--content h4, .page--content .h4,
.page--content h5, .page--content .h5,
.page--content h6, .page--content .h6 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.page--content h1:first-child, .page--content .h1:first-child,
.page--content h2:first-child, .page--content .h2:first-child,
.page--content h3:first-child, .page--content .h3:first-child,
.page--content h4:first-child, .page--content .h4:first-child,
.page--content h5:first-child, .page--content .h5:first-child,
.page--content h6:first-child, .page--content .h6:first-child {
    margin-top: 0;
}

.page--content p {
    margin-bottom: 16px;
}
.page--content p:last-child {
    margin-bottom: 0;
}

.page--content img.alignleft {
    float: left;
    margin-right: 30px;
}
.page--content img.alignright {
    float: right;
    margin-left: 30px;
}
.page--content img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.page--content span.img {
    display: block;
    position: relative;
    margin-bottom: 10px;
    z-index: 0;
}
.page--content span.img.alignright {
    display: block;
    position: relative;
    z-index: 0;
}
.page--content span.img:before {
    content: " ";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    border: 1px dashed #82b440;
    z-index: -1;
}
.page--content span.img.alignright:before {
    left: auto;
    right: 10px;
}
.page--content span.img.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.page--content span.img.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

.page--content blockquote {
    padding: 0 40px;
    color: #999;
    border: 0;
    font-size: 14px;
    line-height: 26px;
}
.page--content blockquote p:before {
    content: "\f10d";
    margin-right: 8px;
    font-family: "FontAwesome";
    font-size: 30px;
}

.page--content ul:last-child {
    margin-bottom: 0;
}

.page--content .video-popup-btn {
    position: relative;
}
.page--content .video-popup-btn.pull-left {
    margin-right: 30px;
}
.page--content .video-popup-btn span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    margin-top: -61px;
    color: #fff;
    text-align: center;
}
.page--content .video-popup-btn span .fa {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 8px auto 0;
    padding: 25px 0;
    color: #82b440;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 18px;
    z-index: 0;
}
.page--content .video-popup-btn span .fa:after {
    content: " ";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
}

.ssl-certificate-single .page--content ul {
    padding-left: 0;
    list-style: none;
    color: #222;
    font-size: 18px;
    line-height: 30px;
}
.ssl-certificate-single .page--content ul li {
    margin-bottom: 9px;
}
.ssl-certificate-single .page--content ul li:before {
    content: "\f046";
    margin-right: 10px;
    font-family: "FontAwesome";
}
.ssl-certificate-single .page--content ul li:last-child {
    margin-bottom: 0;
}
.ssl-certificate-single .page--content ul li span {
    color: #82b440;
}

.affiliate-page .page--content img {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10);
}

.coming-soon-page {
    min-height: 100%;
    background-position: center bottom;
}
.coming-soon-page.bg--overlay:before {
    background-color: #fff;
}
.coming-soon-page .page--content {
    margin-bottom: 0;
    color: #555;
}
.coming-soon-page .page--content .h1 {
    margin: 24px 0 47px;
    font-weight: 600;
}
.coming-soon-page .page--content p {
    font-size: 16px;
    line-height: 28px;
}
.coming-soon-page .page--content p a {
    font-weight: 600;
}

.coming-soon-page .countdown--timer {
    margin-bottom: 43px;
}

.coming-soon-page .search--widget {
    margin-top: 55px;
}
.coming-soon-page .search--widget ::-webkit-input-placeholder {
    color: #222;
}
.coming-soon-page .search--widget ::-moz-placeholder {
    color: #222;
}
.coming-soon-page .search--widget :-ms-input-placeholder {
    color: #222;
}
.coming-soon-page .search--widget :-moz-placeholder {
    color: #222;
}
.coming-soon-page .search--widget .form-control {
    padding-right: 25px;
    background-color: transparent;
    text-overflow: ellipsis;
}
.coming-soon-page .search--widget .input-group-addon {
    padding-left: 0;
    padding-right: 0;
}
.coming-soon-page .search--widget .input-group-addon .btn {
    margin: -1px -2px;
    color: #fff;
    background-color: #82b440;
    border: 1px solid #82b440;
    border-radius: 0 20px 20px 0;
}

.coming-soon-page .social--widget ul {
    display: inline-block;
    margin-top: 54px;
    margin-bottom: 19px;
}

/* 6.2. PAGE SIDEBAR */
.page--sidebar {
    margin-bottom: 60px;
}

/* 6.1. PAGE CONTENT TITLE */
.page--content-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/*------------------------------------*\
    7. BANNER SECTION
\*------------------------------------*/
/* 7.1. BANNER SLIDER */
.banner--slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.banner--slider .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0.5px;
    margin: 0 10px;
    border: 2px solid transparent;
    border-radius: 50%;
    -webkit-transition: padding .25s, border-color .50s;
    transition: padding .25s, border-color .50s;
}
.banner--slider .owl-dots .owl-dot.active {
    padding: 5px;
    border-color: #fff;
}
.banner--slider .owl-dots .owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a0a0a0;
    border-radius: 50%;
}

/* 7.2. BANNER ITEM */
.banner--item {
    padding: 100px 0;
}

/* 7.3. BANNER OFFER */
.banner--offer {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 144px;
    margin: 10px;
    padding: 15px;
    color: #222;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    z-index: 0;
}
.banner--offer:before {
    content: " ";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1;
}
.banner--offer strong {
    display: block;
    color: #82b440;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
}

.banner--offer.large {
    top: 30%;
    left: 35%;
    width: 150px;
    font-size: 18px;
    line-height: 30px;
}
.banner--offer.large strong {
    font-size: 46px;
    line-height: 60px;
}

/* 7.4. BANNER CONTENT */
.banner--content {
    font-size: 16px;
    line-height: 28px;
}

.banner--content .h2 {
    margin: 0 0 38px;
    font-size: 54px;
    line-height: 68px;
    font-weight: bold;
}
.banner--content .h2 strong {
    color: #82b440;
}
.bg--overlay .banner--content .h2 strong {
    color: #fff;
}

.banner--content .h3 {
    margin: 0 0 38px;
    font-size: 48px;
    line-height: 60px;
    font-weight: 300;
}
.banner--content .h3 strong {
    color: #82b440;
}
.bg--overlay .banner--content .h3 strong {
    color: #fff;
}
.banner--content .h3 strong {
    display: block;
}

.banner--content .h4 {
    margin-top: 20px;
    margin-bottom: 34px;
    font-size: 24px;
    line-height: 26px;
}

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

/*------------------------------------*\
    8. STEPS SECTION
\*------------------------------------*/
#steps {
    overflow: hidden;
}

/* 8.1. STEP ITEMS */
.step--items {
    position: relative;
}

/* 8.2. STEP LINE */
.step--line {
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    height: 2px;
    margin: 0 15px;
}
.step--line:before,
.step--line:after {
    content: " ";
    position: absolute;
    right: 0;
    height: 1px;
    background-size: 10px 2px, 100% 2px;
    background-image: -webkit-linear-gradient(left, transparent 60%, #fff 60%), -webkit-linear-gradient(left, #ccc, #82b440);
    background-image: linear-gradient(to right, transparent 60%, #fff 60%), linear-gradient(to right, #ccc, #82b440);
}
.step--line:before {
    top: 0;
    left: 3px;
}
.step--line:after {
    top: 1px;
    left: 0;
}

/* 8.3. STEP ITEM */
.step--item {
    margin-bottom: 53px;
}
.step--line ~ .step--item:before,
.step--line ~ .step--item:after {
    content: " ";
    position: absolute;
    top: 41px;
    left: -15px;
    width: 82px;
    height: 27px;
    background-color: #fff;
    background-image: url(img/steps-img/icon-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
}
.step--line ~ .step--item:nth-child(2):before {
    background-image: url(img/steps-img/icon-rocket.png);
}
.step--line ~ .step--item:after {
    display: none;
}
.step--line ~ .step--item:last-child:after {
    display: block;
    left: auto;
    right: -15px;
    background-image: url(img/steps-img/icon-rocket-colored.png);
}

/* 8.4. STEP ICON */
.step--icon {
    display: inline-block;
    position: relative;
    width: 110px;
    height: 110px;
    margin-bottom: 16px;
    background-color: #f6f6f6;
    border-radius: 50%;
    z-index: 0;
}
.step--icon:before {
    content: " ";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10);
    z-index: -1;
}

.step--icon .fa {
    color: #82b440;
    font-size: 36px;
    line-height: 48px;
}

/* 8.5. STEP CONTENT */
.step--content .h3 {
    margin: 0 0 12px;
    color: #222;
    font-size: 20px;
    line-height: 32px;
}

/*------------------------------------*\
    9. DOMAIN SEARCH SECTION
\*------------------------------------*/
/* 9.1. DOMAIN SEARCH TITLE */
.domain-search--title .h2 {
    margin: -9px 0 0;
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
}
.bg--overlay .domain-search--title .h2 {
    color: #fff;
}
.domain-search--title .h3 {
    margin: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}
.domain-search--title .h3 span {
    color: #82b440;
}

/* 9.2. DOMAIN SEARCH FORM */
.domain-search--form {
    margin-top: 35px;
    padding-right: 10px;
}
.domain-search--form form {
    position: relative;
    padding: 50px 20px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    z-index: 0;
}
.domain-search--form form:before,
.domain-search--form form:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    z-index: -1;
}
.domain-search--form form:before {
    top: 10px;
    left: 10px;
    border: 1px dashed #82b440;
}
.domain-search--form form:after {
    top: 0;
    left: 0;
    background-color: #fff;
}

.domain-search--form .inline-block {
    display: inline-block;
    vertical-align: middle;
}

.domain-search--form .input-group {
    max-width: 380px;
    margin: 0 auto;
}
.domain-search--form .input-group-addon {
    padding-top: 9px;
    padding-bottom: 8px;
    background-color: #ededed;
    border-color: #ededed;
}
.domain-search--form .input-group-addon:first-child {
    color: #999;
    border-radius: 20px 0 0 20px;
    font-style: italic;
}
.domain-search--form .input-group-addon:last-child {
    padding-top: 8px;
    padding-bottom: 9px;
    border-radius: 0 20px 20px 0;
}
.domain-search--form .input-group .form-control {
    height: 40px;
    padding: 9px 15px;
    color: #222;
    border-color: #ededed;
    box-shadow: none;
    font-style: italic;
}
.domain-search--form .input-group-addon select {
    padding-right: 7px;
    color: #222;
    background-color: transparent;
    border: 0;
    font-weight: 600;
    outline: 0;
}

.domain-search--form form button[type="submit"] {
    margin-left: 20px;
}

/* 9.3. DOMAIN SEARCH EXTENSIONS */
.domain-search--exts {
    margin-top: 50px;
}

.domain-search--ext {
    position: relative;
    padding: 0 6px;
    text-align: center;
}
.domain-search--ext:before {
    content: " ";
    position: absolute;
    top: 5px;
    right: 1px;
    bottom: 5px;
    width: 1px;
    background-color: #fff;
}
.owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active .domain-search--ext:before {
    display: none;
}
.domain-search--ext .h4 {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/*------------------------------------*\
    10. SERVICES SECTION
\*------------------------------------*/
/* 10.1. SERVICE ITEM */
.service--item {
    margin-bottom: 60px;
    padding: 21px 15px 30px;
    border: 1px solid #eee;
    -webkit-transition: border-color .25s, box-shadow .25s ease-in-out;
    transition: border-color .25s, box-shadow .25s ease-in-out;
    text-align: center;
}
.service--item:hover,
.service--item.active {
    border-color: transparent;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.10);
}

.service--item .fa {
    color: #222;
    font-size: 48px;
    line-height: 60px;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.service--item:hover .fa,
.service--item.active .fa {
    color: #82b440;
}

.service--item .h4 {
    margin: 15px 0 17px;
    color: #82b440;
    font-size: 20px;
}

.service--item .btn-link {
    margin-top: 9px;
}
.service--item:hover .btn-link,
.service--item.active .btn-link {
    color: #82b440;
    border-color: #82b440;
}

/*------------------------------------*\
    11. SERVICES TAB SECTION
\*------------------------------------*/
#servicesTab {
    z-index: 0;
}

/* 11.1. SERVICE TAB NAV */
.service-tab--nav {
    margin-top: 30px;
}
.service-tab--nav ul {
    margin: 0;
    padding: 35px;
    list-style: none;
}

.service-tab--nav ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #222;
    text-align: center;
}

.service-tab--nav ul li > div {
    padding: 30px 15px;
    border: 1px solid #999;
    -webkit-transition: background-color .25s ease-in-out, border-color .25s;
    transition: background-color .25s ease-in-out, border-color .25s;
}
.service-tab--nav ul li:hover > div,
.service-tab--nav ul li.active > div {
    color: #fff;
    background-color: #82b440;
    border-color: #82b440;
}

.service-tab--nav ul li .fa {
    font-size: 48px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.service-tab--nav ul li .h3 {
    margin: 13px 0 17px;
    font-size: 20px;
    line-height: 32px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.service-tab--nav ul li:hover a,
.service-tab--nav ul li.active a {
    color: #fff;
    border-color: #fff;
}

/* 11.2. SERVICE TABS */
.service--tabs {
    margin-top: 30px;
    margin-bottom: 30px;
}
.service--tabs:before {
    content: " ";
    position: absolute;
    top: -30px;
    left: -100px;
    right: 0;
    bottom: -30px;
    border: 1px dashed #82b440;
    z-index: -1;
}

.service--tabs .tab-pane .title {
    display: inline-block;
    margin: 25px 0 22px;
    padding-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #999;
}

.service--tabs .tab-pane p {
    margin: 12px 0 16px;
}
.service--tabs .tab-pane p:last-child {
    margin-bottom: 0;
}

.service--tabs .tab-pane ul {
    padding: 0;
    list-style: none;
}
.service--tabs .tab-pane ul li {
    margin-bottom: 6px;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.service--tabs .tab-pane ul li:hover {
    color: #92b440;
}
.service--tabs .tab-pane ul li:last-child {
    margin-bottom: 0;
}
.service--tabs .tab-pane ul li .fa {
    margin-right: 10px;
    color: #999;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.service--tabs .tab-pane ul li:hover .fa {
    color: #92b440;
}

/*------------------------------------*\
    12. FEATURES SECTION
\*------------------------------------*/
/* 12.1. FEATURE ITEM */
.feature--item {
    position: relative;
    margin-bottom: 53px;
    padding-left: 62px;
    color: #999;
}

.feature--item i {
    position: absolute;
    top: -5px;
    left: 15px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
}

.feature--item .h4 {
    margin: -3px 0 18px;
    color: #222;
}

/* 12.2. FEATURE VIDEO */
.feature--video {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.feature--video.bg--overlay:before {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.feature--video .h1 {
    margin: -12px 0 68px;
    font-weight: bold;
}

.feature--video-play-btn {
    display: block;
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto 21px;
    padding: 42px 0;
    color: #82b440;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    z-index: 0;
}
.feature--video-play-btn:before {
    content: " ";
    position: absolute;
    top: 19px;
    left: 19px;
    right: 19px;
    bottom: 19px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
}

.feature--video p:last-child {
    margin-bottom: -8px;
}

/*------------------------------------*\
    13. PORTFOLIO SECTION
\*------------------------------------*/
/* 13.1. PORTFOLIO FILTER NAV */
.portfolio--filter-nav {
    margin-bottom: 80px;
}
.portfolio--filter-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.portfolio--filter-nav ul li {
    display: inline-block;
}
.portfolio--filter-nav ul li a {
    border-radius: 0;
}
.portfolio--filter-nav ul li ~ li a {
    border-left: 0;
}
.portfolio--filter-nav ul li:first-child a {
    border-radius: 20px 0 0 20px;
}
.portfolio--filter-nav ul li:last-child a {
    border-radius: 0 20px 20px 0;
}
.portfolio--filter-nav ul li.active a {
    color: #fff;
    background-color: #82b440;
    border-color: #82b440;
}

.portfolio--filter-nav.triangle--on ul li a {
    position: relative;
    z-index: 0;
}
.portfolio--filter-nav.triangle--on ul li a:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0px auto 0;
    border-style: solid;
    border-width: 7.5px 7.5px 0 7.5px;
    border-color: transparent transparent transparent transparent;
}
.portfolio--filter-nav.triangle--on ul li.active a:before {
    border-top-color: #82b440;
}

/* 13.2. PORTFOLIO ITEMS */
.portfolio--item {
    margin-bottom: 60px;
}
.portfolio--item-img {
    position: relative;
    z-index: 0;
}
.portfolio--item-img img {
    width: 100%;
}
.portfolio--item-img i.fa,
.portfolio--item-img:before,
.portfolio--item-img:after {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.portfolio--item-img:before,
.portfolio--item-img:after {
    content: " ";
}
.portfolio--item-img i.fa {
    top: 50%;
    left: 0;
    width: 100%;
    margin: -12px auto 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.portfolio--item:hover .portfolio--item-img i.fa,
.portfolio--item:hover .portfolio--item-img:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio--item-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #82b440;
}
.portfolio--item:hover .portfolio--item-img:before {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.portfolio--item-img:after {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
}

.portfolio--item-info {
    color: #999;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.portfolio--item:hover .portfolio--item-info {
    color: #82b440;
}
.portfolio--item-info .h4 {
    margin: 7px 0 3px;
    color: #222;
    line-height: 30px;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.portfolio--item:hover .portfolio--item-info .h4 {
    color: #82b440;
}

/*------------------------------------*\
    14. PRODUCTS SECTION
\*------------------------------------*/
/* 14.1. PRODUCT ITEMS */
.product--items {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.product--item {
    margin-bottom: 60px;
}

.product--item-img {
    position: relative;
    overflow: hidden;
}
.product--item-img img {
    width: 100%;
}
.product--item-img .figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.product--item:hover .product--item-img .figcaption {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product--item-img .figcaption:before {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.product--item-img .figcaption .btn-groups {
    font-size: 0;
    line-height: 0;
}
.product--item-img .figcaption .btn-groups .btn {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    color: #222;
    background-color: #fff;
    border-color: #fff;
    border-radius: 4px;
}
.product--item-img .figcaption .btn-groups .btn + .btn {
    margin-left: 10px;
}
.product--item-img .figcaption .btn.active {
    margin-top: 10px;
}

.product--item-onsale {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 114px;
    margin-top: -56px;
    margin-left: -56px;
    padding-top: 82px;
    padding-bottom: 8px;
    color: #fff;
    background-color: #82b440;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    z-index: 0;
}
.product--item-onsale:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.product--item-info {
    margin-top: 27px;
    color: #222;
    font-weight: 600;
}
.product--item-info .h4 {
    margin: 0;
}
.product--item:hover .product--item-info .h4 a {
    color: #82b440;
}
.product--item-info .price {
    margin-top: 10px;
}
.product--item-info .price del {
    margin-left: 10px;
    color: #555;
    font-weight: normal;
}

.product--item .product--rating {
    margin-top: 11px;
}

/* 14.2. PRODUCT SINGLE */
.product--single-gallery .thumbnails {
    margin-top: 20px;
    padding: 0 35px;
}
.product--single-gallery .thumbnails .owl-nav {
    color: #999;
}
.product--single-gallery .thumbnails .owl-nav .owl-prev,
.product--single-gallery .thumbnails .owl-nav .owl-next {
    width: 32px;
    margin-top: -50px;
    background-color: transparent;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.product--single-gallery .thumbnails .owl-nav .owl-prev {
    text-align: right;
}
.product--single-gallery .thumbnails .owl-nav .owl-next {
    right: 0;
}
.product--single-gallery .thumbnails .owl-nav .owl-prev:before {
    content: "Prev";
    display: block;
}
.product--single-gallery .thumbnails .owl-nav .owl-prev .fa:before {
    content: "\f177";
}
.product--single-gallery .thumbnails .owl-nav .owl-next:before {
    content: "Next";
    display: block;
}
.product--single-gallery .thumbnails .owl-nav .owl-next .fa:before {
    content: "\f178";
}

.product--summery .title {
    margin-top: -3px;
}

.product--summery .product--rating {
    margin: 25px 0 20px;
}

.product--summery .subtitle {
    color: #999;
}
.product--summery .subtitle strong {
    color: #222;
    font-weight: 600;
}
.product--summery .subtitle span {
    color: #82b440;
}
.product--summery .price {
    margin-top: 14px;
    color: #999;
    font-size: 18px;
    line-height: 30px;
}
.product--summery .price strong {
    color: #222;
    font-weight: 600;
}
.product--summery .price del {
    margin-left: 10px;
}

.product--summery .btn-groups {
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}
.product--summery .btn-groups .btn {
    padding-left: 12.5px;
    padding-right: 12.5px;
    border-radius: 4px;
}
.product--summery .btn-groups .btn + .btn {
    margin-left: 10px;
}

.product--summery .social--widget {
    margin-top: 24px;
    color: #999;
}
.product--summery .social--widget li span {
    color: #222;
    font-weight: 600;
}

.product--details {
    margin-top: 60px;
}

.product--details-tab-nav {
    padding-bottom: 11px;
    border-bottom: 1px solid #eee;
}
.product--details-tab-nav ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.product--details-tab-nav ul:before,
.product--details-tab-nav ul:after {
    content: " ";
    display: table;
}
.product--details-tab-nav ul:before,
.product--details-tab-nav ul:after {
    clear: both;
}
.product--details-tab-nav ul li {
    float: left;
    color: #222;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.product--details-tab-nav ul li + li {
    margin-left: 20px;
}
.product--details-tab-nav ul li + li:before {
    content: "|";
    margin-right: 20px;
    color: #999;
}
.product--details-tab-nav ul li.active a {
    color: #82b440;
}

.product--details .tab-content {
    margin-top: 24px;
}

.product--details .table {
    margin-top: 23px;
}
.product--details .table:first-child {
    margin-top: 0;
}
.product--details .table:last-child {
    margin-bottom: 0;
}
.product--details .table tr th,
.product--details .table tr td {
    padding: 10px 30px;
    color: #999;
}
.product--details .table tr th {
    color: #222;
    font-weight: 500;
}

.review--items-title {
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
    line-height: 30px;
}
.review--items-title.h4 {
    margin-bottom: 0;
}

.review--item {
    margin-top: 30px;
    padding: 20px 20px 16px 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}
.review--item + .review--item {
    margin-top: 20px;
}

.review--item-title {
    color: #999;
}
.review--item-title .img {
    float: left;
    margin-right: 20px;
}
.review--item-title .info {
    float: left;
    overflow: hidden;
}
.review--item-title .info .h5 {
    margin-bottom: 5px;
}
.review--item-title .product--rating {
    float: right;
}

.review--item-content {
    color: #999;
    font-style: italic;
}

.review--form {
    margin-top: 22px;
}

.review--form .product--rating {
    margin-top: 24px;
    margin-bottom: 15px;
}
.review--form .product--rating label {
    margin-bottom: 11px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.review--form .product--rating .br-widget a {
    margin-right: 16px;
}
.review--form .product--rating .br-widget a:last-child {
    margin-right: 0;
}
.review--form .product--rating .br-widget a:after {
    color: #999;
    font-size: 14px;
    -webkit-transition: color .25s;
    transition: color .25s;
}
.review--form .product--rating .br-widget a.br-selected:after {
    color: #82b440;
}
.review--form .product--rating .br-widget a[data-rating-value="0"] {
    display: none;
}

.review--form .form-group label {
    display: block;
    margin-top: -1px;
    margin-bottom: 13px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.review--form .form-group .form-control {
    height: 40px;
    padding: 9px 20px;
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}
.review--form .form-group textarea.form-control {
    height: auto;
    min-height: 120px;
}

.review--form footer {
    margin-top: 20px;
}
.review--form footer .help-block {
    float: right;
    margin-top: -6px;
}

.products--related {
    margin-top: 97px;
}

.products--related .h4 {
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.products--related .product--item {
    margin-bottom: 0;
}

/*------------------------------------*\
    15. CART SECTION
\*------------------------------------*/
/* 15.1. CART FORM */
.cart--form .table {
    margin-top: -8px;
    margin-bottom: 0;
}
.cart--form .table th {
    color: #222;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
}
.cart--form .table th:first-child {
    text-align: left;
}
.cart--form .table td {
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
}
.cart--form .table td:first-child {
    text-align: left;
}
.cart--form .table tr th,
.cart--form .table tr td {
    padding: 30px 0;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #eee;
}
.cart--form .table tr th {
    padding-top: 0;
    padding-bottom: 6px;
}
.cart--form .table .product--quantity .form-control {
    margin: 0;
}

.cart--form footer {
    margin-top: 30px;
}
.cart--form footer .input-group {
    max-width: 360px;
}
.cart--form footer .input-group .form-control {
    height: 40px;
    padding: 9px 30px 11px;
    color: #222;
    background-color: #f9f9f9;
    border: 0;
    border-radius: 20px;
    box-shadow: none;
    outline: 0;
}
.cart--form footer .input-group-btn .btn {
    margin-left: 20px;
    border-radius: 20px;
}

.cart--total .h4 {
    margin: 0;
    padding-bottom: 12px;
    color: #222;
    border-bottom: 1px solid #eee;
}

.cart--total .table {
    margin-top: 30px;
    margin-bottom: 30px;
}
.cart--total .table tr th,
.cart--total .table tr td {
    padding: 10px 20px;
    border-color: #eee;
}
.cart--total .table tr th {
    font-weight: 600;
}
.cart--total .table tr td {
    text-align: right;
}

/*------------------------------------*\
    16. CHECKOUT SECTION
\*------------------------------------*/
/* 16.1. CHECKOUT INFO */
.checkout--info > p {
    margin-bottom: 0;
    padding: 22px 30px;
    border: 1px solid #eee;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.checkout--info > p a {
    color: #222;
}
.checkout--info > p a:hover {
    color: #82b440;
}


.checkout--info + .checkout--info {
    margin-top: 20px;
}

/* 16.2. CHECKOUT INFO FORM */
.checkout--info-form {
    display: none;
    margin-top: 30px;
    padding: 23px 30px 30px;
    color: #999;
    border: 1px solid #eee;
}
.checkout--info-form .form-group {
    margin: 10px 0 0;
}
.checkout--info-form .form-group label {
    margin-bottom: 13px;
    color: #555;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.checkout--info-form .form-group label span {
    color: #ff0000;
}
.checkout--info-form .form-group input {
    height: 40px;
    padding: 9px 20px;
    color: #222;
    border-color: #eee;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
}

.checkout--info-form .submit-btn-group {
    margin-top: 30px;
    font-size: 0;
    line-height: 0;
}
.checkout--info-form .submit-btn-group .checkbox {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
}
.checkout--info-form .submit-btn-group .checkbox input {
    display: none;
}
.checkout--info-form .submit-btn-group .checkbox label {
    padding-top: 0;
}
.checkout--info-form .submit-btn-group .checkbox label span:before,
.checkout--info-form .submit-btn-group .checkbox label input + span:after {
    content: " ";
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.checkout--info-form .submit-btn-group .checkbox label span:before {
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    border: 1px solid #eee;
}
.checkout--info-form .submit-btn-group .checkbox label input + span:after {
    left: 3px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}
.checkout--info-form .submit-btn-group .checkbox label input:checked + span:after {
    background-color: #000;
}
.checkout--info-form .help-block {
    margin-top: 23px;
}

.checkout--info-form .input-group {
    margin-top: 7px;
}
.checkout--info-form .input-group .form-control {
    height: 40px;
    padding: 9px 20px;
    color: #222;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    border-radius: 20px;
    box-shadow: none;
    outline: 0;
}
.checkout--info-form .input-group-btn .btn {
    margin-left: 20px;
    border-radius: 20px;
}

/* 16.3. CHECKOUT FORM TITLE */
.checkout--form-title {
    margin: 0;
    padding-bottom: 17px;
    color: #222;
    border-bottom: 1px solid #eee;
}

/* 16.4. CHECKOUT BILLING INFO */
.checkout--billing-info {
    margin-bottom: 60px;
}

.checkout--billing-info .form-group {
    margin-top: 24px;
    margin-bottom: 0;
}
.checkout--billing-info .form-group label {
    display: block;
    margin-bottom: 0;
    font-weight: normal;
}
.checkout--billing-info .form-group label + label {
    margin-top: 20px;
}
.checkout--billing-info .form-group label span {
    display: block;
    margin-bottom: 13px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.checkout--billing-info .form-group label span em {
    color: #ff0000;
    font-style: normal;
}
.checkout--billing-info .form-group .form-control {
    height: 40px;
    padding: 8px 20px 10px;
    color: #222;
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    outline: 0;
}
.checkout--billing-info .form-group textarea.form-control {
    height: auto;
    min-height: 100px;
}

.checkout--billing-info .checkbox {
    margin-top: 13px;
}
.checkout--billing-info .checkbox input {
    margin-top: 6px;
}

.checkout--billing-info .checkbox.h4 {
    margin: 50px 0 30px;
}
.checkout--billing-info .checkbox.h4 label {
    font-weight: 500;
}
.checkout--billing-info .checkbox.h4 input {
    margin-top: 3px;
}

/* 16.5. CHECKOUT ORDER INFO */
.checkout--order-info {
    margin-bottom: 60px;
}

.checkout--order-info .table {
    margin-top: 30px;
    margin-bottom: 0;
    border-color: #eee;
}

.checkout--order-info .table thead tr th,
.checkout--order-info .table tbody tr td {
    padding: 11px 20px;
    border-color: #eee;
}

.checkout--order-info .table thead tr th {
    border-bottom: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.checkout--order-info .panel-group {
    padding: 11px 14px 14px;
    margin-top: 30px;
    margin-bottom: 0;
    border: 1px solid #eee;
}

.checkout--order-info .panel {
    box-shadow: none;
}
.checkout--order-info .panel + .panel {
    margin-top: 0;
}

.checkout--order-info .panel-title label {
    cursor: pointer;
}
.checkout--order-info .panel + .panel .panel-title label {
    margin-bottom: 1px;
}
.checkout--order-info .panel-title input {
    display: none;
}
.checkout--order-info .panel-title span {
    display: block;
    position: relative;
    padding-left: 20px;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}
.checkout--order-info .panel-title span:before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #eee;
    border-radius: 50%;
}
.checkout--order-info .panel-title span:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 3px;
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}
.checkout--order-info .panel-title input:checked + span:after {
    background-color: #000;
}
.checkout--order-info .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}
.checkout--order-info .panel-body {
    color: #999;
}
.checkout--order-info .panel-body blockquote {
    position: relative;
    margin-bottom: 0;
    padding: 12px 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 26px;
    z-index: 0;
}
.checkout--order-info .panel-body blockquote:before,
.checkout--order-info .panel-body blockquote:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}
.checkout--order-info .panel-body blockquote:before {
    top: -27px;
    left: 16px;
    border-width: 14px 9px;
    border-bottom-color: #f9f9f9;
    z-index: 1;
}
.checkout--order-info .panel-body blockquote:after {
    top: -30px;
    left: 15px;
    border-width: 15px 10px;
    border-bottom-color: #eee;
    z-index: 0;
}

/* 16.6. CHECKOUT SUBMIT BUTTON */
.checkout--submit-btn {
    padding: 30px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #eee;
}

/*------------------------------------*\
    17. PRICING SECTION
\*------------------------------------*/
/* 17.1. PRICING NAV SWITCH */
.pricing--nav-switch {
    position: relative;
    margin-bottom: 40px;
    z-index: 0;
}
.pricing--nav-switch .item--bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #82b440;
    border-radius: 20px;
    -webkit-transition: left .55s ease-in-out, width .55s ease-in-out;
    transition: left .55s ease-in-out, width .55s ease-in-out;
    z-index: -1;
}
.pricing--nav-switch ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.pricing--nav-switch ul li {
    display: inline-block;
    border: 1px solid #999;
    border-radius: 20px;
}
.pricing--nav-switch ul li:first-child {
    border-right: 0;
    border-radius: 20px 0 0 20px;
}
.pricing--nav-switch ul li:last-child {
    border-left: 0;
    border-radius: 0 20px 20px 0;
}
.pricing--nav-switch ul li a {
    background-color: transparent;
    border-color: transparent;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
}
.pricing--nav-switch ul li a:hover,
.pricing--nav-switch ul li a:focus,
.pricing--nav-switch ul li a:active,
.pricing--nav-switch ul li a:active:hover,
.pricing--nav-switch ul li a:active:focus {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}
.pricing--nav-switch ul li.active a {
    color: #fff;
}

/* 17.2. PRICING TAB NAV */
.pricing--tab-nav {
    margin-bottom: 60px;
}
.pricing--tab-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.pricing--tab-nav ul li {
    display: inline-block;
}
.pricing--tab-nav ul li a {
    border-radius: 0;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
}
.pricing--tab-nav ul li ~ li a {
    border-left: 0;
}
.pricing--tab-nav ul li:first-child a {
    border-radius: 20px 0 0 20px;
}
.pricing--tab-nav ul li:last-child a {
    border-radius: 0 20px 20px 0;
}
.pricing--tab-nav ul li.active a {
    color: #fff;
    background-color: #82b440;
    border-color: #82b440;
}

.pricing--tab-nav.triangle--on ul li a {
    position: relative;
    z-index: 0;
}
.pricing--tab-nav.triangle--on ul li a:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0px auto 0;
    border-style: solid;
    border-width: 7.5px 7.5px 0 7.5px;
    border-color: transparent transparent transparent transparent;
}
.pricing--tab-nav.triangle--on ul li.active a:before {
    border-top-color: #82b440;
}

/* 17.3. PRICING ITEM */
.pricing--item {
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    text-align: center;
}
.pricing--item:hover,
.pricing--item.active {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.12);
}

/* 17.4. PRICING HEADER */
.pricing--header {
    position: relative;
    padding: 22px 20px;
    border-radius: 2px 2px 0 0;
}
.pricing--header:before {
    content: " ";
    position: absolute;
    left: 45px;
    bottom: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #82b440 transparent transparent transparent;
}

.pricing--header .h4 {
    margin: 0;
    font-weight: bold;
}

/* 17.5. PRICING PRICE */
.pricing--price {
    padding: 36px 25px 23px;
}

.pricing--price .h4 {
    margin: 0;
    line-height: 31px;
}
.pricing--price .h4 strong {
    display: block;
    color: #82b440;
}

.pricing--price .caption-text {
    margin-bottom: 2px;
    color: #222;
}

.pricing--price .price-text {
    margin-bottom: 1px;
    color: #222;
}
.pricing--price .price-text strong {
    color: #82b440;
    font-size: 30px;
    line-height: 42px;
}
.pricing--price .price-text strong sup {
    font-weight: normal;
    font-size: 55%;
}

.pricing--price .btn {
    margin-top: 13px;
}

/* 17.6. PRICING FEATURES */
.pricing--features ul {
    border-top: 1px solid #eaeaea;
}
.pricing--features ul li {
    padding: 8px 15px;
    border-bottom: 1px solid #eaeaea;
}
.pricing--features ul li:nth-child(odd) {
    background-color: #f9f9f9;
}
.pricing--features ul li strong {
    display: block;
    font-weight: 600;
}
.pricing--features ul li span {
    color: #82b440;
}

/* 17.7. PRICING FOOTER */
.pricing--footer {
    padding: 30px 15px;
}

/* 17.8. PRICING OPTIONS */
.pricing-items-border .pricing--price,
.pricing-items-border .pricing--features,
.pricing-items-border .pricing--footer {
    border-style: solid;
    border-width: 0 1px;
    border-color: #eaeaea;
}
.pricing-items-border .pricing--footer {
    border-bottom-width: 1px;
}

/*------------------------------------*\
    18. PRICING DETAILS SECTION
\*------------------------------------*/
#pricingDetails .pricing--item {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #eee;
    border-radius: 0;
}
#pricingDetails .pricing--item:hover,
#pricingDetails .pricing--item.active {
    box-shadow: none;
}

#pricingDetails .pricing--header {
    border-radius: 0;
}

#pricingDetails .pricing--item.first-child {
    border-left-width: 1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
#pricingDetails .pricing--item.first-child .pricing--header {
    border-top-left-radius: 2px;
}

#pricingDetails .col-md-3:last-child .pricing--item {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
#pricingDetails .col-md-3:last-child .pricing--header {
    border-top-right-radius: 2px;
}

/*------------------------------------*\
    19. PRICING TABLE SECTION
\*------------------------------------*/
.pricing--table {
    margin-bottom: 0;
    color: #999;
    border-color: #eee;
}
.pricing--table thead tr th {
    padding: 12px 15px;
    color: #222;
    border-bottom: 0;
    border-color: #eee;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.pricing--table.text-center thead tr th {
    text-align: center;
}
.pricing--table tbody tr td {
    padding: 15px 15px;
    border-color: #eee;
}

/*------------------------------------*\
    20. VPS PRICING SECTION
\*------------------------------------*/
/* 20.1. VPS PRICING WRAPPER */
.vps-pricing--wrapper .heading {
    margin: 0 0 40px;
    color: #222;
    font-weight: normal;
    text-align: center;
}

/* 20.2. VPS PRICING SLIDER */
.vps-pricing--slider.ui-widget {
    border-style: dashed;
    border-color: #82b440;
    border-radius: 0;
}
.vps-pricing--slider .ui-widget-header {
    background-color: transparent;
}
.vps-pricing--slider .ui-slider-handle {
    display: none;
}

.vps-pricing--plans {
    margin-top: 60px;
}
.vps-pricing--plans li {
    padding: 10px 0;
    border-right: 2px solid #eee;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.vps-pricing--plans li:last-child {
    border-right: 0;
}
.vps-pricing--plans li.active {
    color: #82b440;
}
.vps-pricing--plans li:before {
    content: " ";
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: -21px auto 0;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.vps-pricing--plans li.active:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.vps-pricing--plans li:after {
    content: " ";
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    width: 12px;
    height: 12px;
    margin: -12px auto 0;
    background-color: #82b440;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.vps-pricing--plans li.active:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 20.3. VPS PRICING FEATURES */
.vps-pricing--feature .pricing--item {
    margin-bottom: 30px;
}
.vps-pricing--feature .pricing--item:hover {
    box-shadow: none;
}

.vps-pricing--feature .pricing--header {
    padding: 15px;
}
.vps-pricing--feature .pricing--header:before {
    bottom: -10px;
    border-width: 10px 12.5px 0 12.5px;
}
.vps-pricing--feature .pricing--header .h5 {
    margin: 0;
    font-weight: bold;
}

.vps-pricing--feature .pricing--price {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #eaeaea;
}

/*------------------------------------*\
    21. DOMAIN PRICING SECTION
\*------------------------------------*/
#domainPricing .pricing--tab-nav {
    margin-bottom: 80px;
}

/* 21.1. DOMAIN PRICING ITEM */
.domain-pricing--item {
    margin-bottom: 30px;
    padding: 6px 10px 13px;
    color: #999;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
}
.domain-pricing--item .title {
    margin-bottom: 0;
    color: #82b440;
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
}
.domain-pricing--item .subtitle {
    margin-bottom: 1px;
    color: #222;
}

/*------------------------------------*\
    22. BLOG SECTION
\*------------------------------------*/
/* 22.1. POST ITEMS */
.post--items .post--item {
    margin-bottom: 80px;
}
.post--item.sticky {
    width: 100%;
}

.post--header .post--title {
    margin: -8px 0 3px;
    font-size: 24px;
    line-height: 36px;
}
.post--header .post--meta {
    color: #999;
}

.post--img {
    margin-top: 26px;
}

.post--summery,
.post--content {
    margin-top: 23px;
}

.post--content blockquote {
    position: relative;
    margin: 30px 20px 50px;
    padding: 30px 30px 22px;
    z-index: 0;
}
.post--content blockquote:before,
.post--content blockquote:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
}
.post--content blockquote:before {
    top: 0;
    left: 0;
    background-color: #f9f9f9;
    z-index: -1;
}
.post--content blockquote:after {
    top: 10px;
    left: 10px;
    border: 1px dashed #82b440;
    z-index: -2;
}
.post--content blockquote footer {
    position: relative;
    padding-left: 60px;
    margin-top: -9px;
    color: #222;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
}
.post--content blockquote footer:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: #82b440;
}

.post--action {
    margin-top: 30px;
}

.post--footer {
    margin-top: 30px;
    padding: 13px 0;
    color: #999;
    border-style: solid;
    border-width: 1px 0;
    border-color: #eee;
}
.post--footer .tags--widget {
    margin-top: -5px;
}

/*------------------------------------*\
    23. COUNTER SECTION
\*------------------------------------*/
#counter.bg--overlay:before {
    background-color: #fff;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* 23.1. COUNTER ITEM */
.counter--item {
    margin-bottom: 53px;
    color: #000;
    text-align: center;
}

.counter--item p {
    margin: -14px 0 2px;
    font-size: 48px;
    line-height: 60px;
}

.counter--item .h3 {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 30px;
}

.counter--item .fa {
    font-size: 30px;
    line-height: 42px;
}

/* 23.2. COUNTER OPTIONS */
#counter.counter-box.bg--overlay:before {
    background-color: #000;
    opacity: 0.40;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.counter-box .counter--item {
    position: relative;
    margin-top: 14px;
    margin-right: 10px;
    margin-bottom: 70px;
    padding: 40px 0 35px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    z-index: 0;
}
.counter-box .counter--item:before,
.counter-box .counter--item:after {
    content: " ";
    position: absolute;
    border-radius: 2px;
}
.counter-box .counter--item:before {
    top: 10px;
    right: -10px;
    width: 10px;
    height: 100%;
    border-top: 1px dashed #fff;
    border-right: 1px dashed #fff;
}
.counter-box .counter--item:after {
    left: 10px;
    bottom: -10px;
    width: 100%;
    height: 10px;
    border-left: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
}

/*------------------------------------*\
    24. TESTIMONIAL SECTION
\*------------------------------------*/
#testimonial {
    z-index: 0;
}

/* 24.1. TESTIMONIAL SLIDER */
.testimonial--slider .owl-dots {
    margin-top: 50px;
    margin-bottom: -10px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.testimonial--slider .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0.5px;
    margin: 0 10px;
    border: 2px solid transparent;
    border-radius: 50%;
    -webkit-transition: padding .25s, border-color .50s;
    transition: padding .25s, border-color .50s;
}
.testimonial--slider .owl-dots .owl-dot.active {
    padding: 5px;
    border-color: #fff;
}
.testimonial--slider .owl-dots .owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a0a0a0;
    border-radius: 50%;
}

/* 24.2. TESTIMONIAL ITEM */
.testimonial--item {
    padding-right: 10px;
}

/* 24.3. TESTIMONIAL IMAGE */
.testimonial--img {
    position: relative;
    padding-left: 25px;
    z-index: 0;
}
.testimonial--img:before {
    content: " ";
    position: absolute;
    top: 60%;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    z-index: -1;
}

.testimonial--img figure {
    position: relative;
    width: 90px;
    height: 90px;
    margin-top: 5px;
    padding: 7.5px;
    border-radius: 50%;
    z-index: 0;
}
.testimonial--img figure:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
}
.testimonial--img figure:after {
    content: " ";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-top: 1px dashed #82b440;
    border-radius: 50%;
}

.owl-item .testimonial--img img {
    width: auto;
}

/* 24.4. TESTIMONIAL CONTENT */
.testimonial--content {
    position: relative;
    margin-bottom: 10px;
    padding: 24px 30px 23px;
    background-color: #fff;
    border-radius: 2px;
}
.testimonial--content:before {
    content: " ";
    position: absolute;
    top: -25px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border: 1px dashed #82b440;
    z-index: -1;
}
.testimonial--img .testimonial--content {
    border-radius: 0 0 2px 2px;
}

.testimonial--content blockquote {
    margin-bottom: 16px;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 26px;
}

.testimonial--content blockquote .fa {
    color: #eee;
    font-size: 30px;
}

.testimonial--content .h4 {
    margin: 0 0 3px;
    color: #222;
    text-align: right;
}
.testimonial--content .subtitle {
    color: #999;
    font-family: "Raleway", sans-serif;
    text-align: right;
}

/*------------------------------------*\
    25. TEAM SECTION
\*------------------------------------*/
/* 25.1. TEAM MEMBERS */
.team--members .owl-dots {
    margin-top: 50px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.team--members .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 10px;
    border: 2px solid transparent;
    border-radius: 50%;
    -webkit-transition: padding .25s, border-color .50s;
    transition: padding .25s, border-color .50s;
}
.team--members .owl-dots .owl-dot.active {
    padding: 5px;
    border-color: #a0a0a0;
}
.team--members .owl-dots .owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a0a0a0;
    border-radius: 50%;
}

/* 25.2. TEAM MEMBER */
.team--member {
    text-align: center;
}

.team--member-content {
    position: absolute;
    top: auto;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 99px;
    padding: 28px 20px 23px;
    -webkit-transition: height .55s ease-in-out, padding-top .25s ease-in-out;
    transition: height .55s ease-in-out, padding-top .25s ease-in-out;
    overflow: hidden;
    z-index: 0;
}
.team--member:hover .team--member-content {
    padding-top: 38px;
    height: 100%;
}
.team--member-content:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    -webkit-transition: top .25s ease-in-out, opacity .25s ease-in-out;
    transition: top .25s ease-in-out, opacity .25s ease-in-out;
    z-index: -1;
}
.team--member:hover .team--member-content:before {
    top: 20px;
    opacity: 0.92;
}
.team--member-content .h4 {
    margin: 0 0 5px;
    color: #222;
    font-weight: 600;
}
.team--member-content .h4 + p + p {
    margin-top: 17px;
}
.team--member-content .social--widget {
    margin-top: 20px;
    color: #999;
}
.team--member-content .social--widget li {
    float: none;
    display: inline-block;
}
.team--member-content .social--widget li:first-child {
    display: block;
    color: #222;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

/*------------------------------------*\
    26. FAQ SECTION
\*------------------------------------*/
/* 26.1. FAQ ITEMS */
.faq--items {
    margin-bottom: 0;
}

.faq--item {
    border: 0;
    box-shadow: none;
}
.faq--item.panel {
    border-radius: 0;
}
.faq--item.panel + .faq--item.panel {
    margin-top: 15px;
}
.faq--item .panel-heading {
    padding: 0;
    border-radius: 0;
}
.faq--item .panel-title {
    font-size: 18px;
}
.page--content .faq--item .panel-title {
    margin-bottom: 0;
}
.faq--item .panel-title a {
    display: block;
    position: relative;
    padding: 14px 35px 17px 22px;
    color: #fff;
    border-left: 3px solid #000;
}
.faq--item .panel-title a:before {
    content: "\f103";
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -9px;
    font-family: "FontAwesome";
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
.faq--item .panel-title a.collapsed {
    color: #222;
    background-color: #ddd;
    border-color: transparent;
}
.faq--item .panel-title a.collapsed:before {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.faq--item .panel-body {
    padding: 20px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
.faq--item .panel-heading + .panel-collapse .panel-body {
    border: 0;
}
.faq--item .panel-body a {
    color: #82b440;
}
.faq--item .panel-body blockquote {
    margin-bottom: 15px;
    padding: 0 0 0 15px;
    border-left-width: 1px;
    font-size: 14px;
    line-height: 26px;
}
.faq--item .panel-body ol {
    list-style-type: decimal-leading-zero;
}
.faq--item .panel-body ul:last-child,
.faq--item .panel-body ol:last-child {
    margin-bottom: 0;
}
.faq--item .panel-body li {
    color: #999;
}

/*------------------------------------*\
    27. DATACENTER SECTION
\*------------------------------------*/
#datacenter .datacenter-tabs--widget {
    margin-top: 86px;
}

/*------------------------------------*\
    28. LOGIN SECTION
\*------------------------------------*/
/* 28.1. LOGIN WRAPPER */
.login--wrapper {
    position: relative;
    padding: 0 15px;
    border-radius: 4px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.10);
}
.login--wrapper:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 50%;
    bottom: 35px;
    width: 1px;
    background-color: #eee;
}

/* 28.2. LOGIN CONTENT */
.login--content {
    color: #999;
}

.login--text .h1 {
    margin: 25px 0 16px;
    color: #222;
    font-weight: bold;
}

.login--content .social--widget {
    display: inline-block;
    margin-top: 17px;
}

/* 28.3. LOGIN FORM */
.login--form .input-group {
    width: 100%;
    z-index: 0;
}
.login--form .input-group-addon:before,
.login--form .input-group-addon:after {
    content: " ";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    z-index: 4;
}
.login--form .input-group-addon:before {
    right: -7px;
    margin-top: -7px;
    border-width: 7px 0 7px 7px;
    border-left-color: #eee;
}
.login--form .input-group-addon:after {
    right: -6px;
    margin-top: -5px;
    border-width: 5px 0 5px 7px;
    border-left-color: #fff;
}
.login--form .input-group-addon {
    position: relative;
    min-width: 50px;
    color: #ccc;
    background-color: transparent;
    border-color: #eee;
    border-radius: 20px 0 0 20px;
    text-align: center;
}

.login--form .form-control {
    height: 40px;
    padding: 9px 20px;
    color: #222;
    border-color: #eee;
    border-radius: 0 20px 20px 0;
    box-shadow: none;
    outline: 0;
}

.login--form .checkbox {
    margin: 0;
    color: #999;
}
.login--form .checkbox label {
    position: relative;
    padding-left: 25px;
}
.login--form .checkbox input {
    display: none;
}
.login--form .checkbox span:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    color: #ccc;
    border: 1px solid #eee;
    font-family: "FontAwesome", sans-serif;
    font-size: 8px;
    line-height: 13px;
    text-align: center;
    -webkit-transition: color .25s, border-color .25s;
    transition: color .25s, border-color .25s;
}
.login--form .checkbox input:checked + span:before {
    content: "\f00c";
    color: #82b440;
    border-color: #82b440;
}

.login--form .help-block {
    margin: 25px 0;
    font-size: 12px;
}
.login--form .help-block .btn-link {
    color: #82b440;
    border-color: #82b440;
}

.login--form footer {
    text-align: center;
}
.login--form footer .btn.active {
    padding-left: 60px;
    padding-right: 60px;
}
.login--form footer .or {
    display: inline-block;
    padding: 8px 0;
}

/*------------------------------------*\
    29. CONTACT SECTION
\*------------------------------------*/
/* 29.1. CONTACT INFO */
.contact--info {
    color: #999;
    text-align: center;
}

.contact--info-item {
    margin-bottom: 60px;
}
.contact--info-item .h3 {
    margin: -3px 0 18px;
    color: #222;
}
.contact--info-item p {
    margin-bottom: 0;
}
.contact--info-item p span {
    color: #82b440;
}

/* 29.2. CONTACT FORM */
.contact--form {
    position: relative;
}
.contact--form-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.contact--form form {
    padding: 60px 30px;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.contact--form .form-group {
    margin-bottom: 30px;
}
.contact--form .form-group:last-child {
    margin-bottom: 0;
}
.contact--form label {
    display: block;
    margin-top: -6px;
    margin-bottom: 13px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}
.contact--form .form-control {
    height: 40px;
    padding: 8px 20px 10px;
    color: #222;
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
}
.contact--form textarea {
    min-height: 170px;
}

/* 29.3. CONTACT FORM STATUS */
.contact--form-status .alert {
    margin-bottom: 30px;
    padding: 15px 20px;
    border-radius: 0;
}

/*------------------------------------*\
    30. BRANDS SECTION
\*------------------------------------*/
/* 30.1. BRAND ITEM */
.brand--item {
    margin-bottom: 30px;
}

/* 30.2. BRAND IMAGE */
.brand--img {
    padding: 15px;
    border: 1px solid #eaeaea;
    -webkit-transition: border-color .25s, box-shadow .25s ease-in-out;
    transition: border-color .25s, box-shadow .25s ease-in-out;
}
.brand--img:hover {
    border-color: #82b440;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10);
}

.brand--img img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.brand--img:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*------------------------------------*\
    31. 404 SECTION
\*------------------------------------*/
.f0f--content {
    margin-bottom: 40px;
}
.f0f--content:last-child {
    margin-bottom: 0;
}

.f0f--content .h1 {
    margin: -15px 0 60px;
    color: #222;
    font-size: 72px;
    line-height: 84px;
    font-weight: bold;
}

.f0f--content p {
    margin: 35px 0 0;
    font-size: 24px;
    line-height: 36px;
}

.f0f--content p a {
    color: #82b440;
}

/*------------------------------------*\
    32. CALL TO ACTION SECTION
\*------------------------------------*/
/* 32.1. CALL TO ACTION TITLE */
.call-to-action--content {
    padding: 50px 30px 50px 15px;
}
.call-to-action--content:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: -webkit-linear-gradient(top, transparent -10%, #eeeeee 50%, transparent 110%);
    background: linear-gradient(to bottom, transparent -10%, #eeeeee 50%, transparent 110%);
}

.call-to-action--title {
    margin: -3px 0 40px;
    color: #222;
    font-weight: 600;
}

/* 32.2. SUBSCRIBE FORM */
.subscribe--form {
    padding: 50px 15px 50px 30px;
}
.subscribe--form .form-control {
    height: 40px;
    padding: 10px 0 9px;
    color: #222;
    border-width: 0 0 1px;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}
.subscribe--form .input-group-addon {
    padding: 0 0 0 30px;
    background-color: transparent;
    border: 0;
}

/*------------------------------------*\
    33. FOOTER SECTION
\*------------------------------------*/
/* 33.1. FOOTER TITLE */
.footer--title {
    display: table;
    margin-bottom: 40px;
}
.footer--title .text {
    display: table-cell;
    vertical-align: bottom;
}
.footer--title .h4 {
    margin: 0;
    color: #222;
}

/* 33.2. FOOTER WIDGETS */
.footer--widget {
    margin-bottom: 50px;
    color: #999;
}

.footer--widget .about--widget a {
    margin-top: 8px;
}

.footer--widget .social--widget {
    margin-top: 14px;
}

/* 33.3. FOOTER MENU */
.footer--menu-wrapper {
    position: relative;
    margin: 0 -15px;
    border-style: solid;
    border-width: 0 150px;
    border-color: #ededed;
}
.footer--menu-wrapper:before,
.footer--menu-wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}
.footer--menu-wrapper:before {
    left: -80px;
    border-width: 53px 80px 0 0;
    border-color: transparent #82b440 transparent transparent;
}
.footer--menu-wrapper:after {
    right: -80px;
    border-width: 0 80px 53px 0;
    border-color: transparent transparent #82b440 transparent;
}

.footer--menu ul {
    margin: 0;
    padding: 27px 0 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.footer--menu ul li {
    display: inline-block;
}
.footer--menu ul li a {
    padding: 0 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 26px;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.footer--menu ul li a:hover,
.footer--menu ul li a:focus {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.footer--menu ul li:last-child a {
    border-right: 0;
}

/* 33.4. FOOTER COPYRIGHT */
.footer--copyright {
    padding: 9px 0 23px;
    text-align: center;
}
.footer--copyright a {
    color: #fff;
    font-weight: bold;
}
.footer--copyright a:hover,
.footer--copyright a:focus {
    color: #fff;
}

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

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

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

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