/*

[Main Stylesheet]

Project: NYHost - Responsive HTML5 Technology, Web Hosting and WHMCS Template
Version: 1.6
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. SECTION TITLE
    1.2. COLORS
    1.3. BACKGROUND COLORS
    1.4. BACKGROUND IMAGE
    1.5. BACKGROUND OVERLAY
    1.6. BORDERS
    1.7. CUSTOM BUTTON
    1.8. PAGINATION
    1.9. FAKELOADER
    1.10. BACK TO TOP BUTTON

2. PROMO AREA

3. MENU AREA
    3.1. SECONDARY MENU
    3.2. SECONDARY MENU CUSTOM BUTTON
    
4. PAGE TITLE AREA

5. BANNER AREA

6. DOMAIN SEARCH AREA

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

8. FEATURES TAB AREA
    8.1. FEATURES TAB NAV
    8.2. FEATURES TAB ITEMS
    8.3. FEATURES TAB CONTENT

9. PRICING AREA
    9.1. PRICING SLIDER
    9.2. PRICING ITEM

10. PRICING TABLE AREA

11. VPS PRICING AREA
    11.1. VPS PRICING SLIDER
    11.2. VPS PRICING ITEM
    11.3. VPS PRICING TAG

12. DEDICATED PRICING AREA

13. DOMAIN PRICING AREA

14. SERVICES AREA
	14.1. SERVICES TAB
	14.2. SERVICES CONTENT

15. COUNTER AREA

16. TESTIMONIAL AREA

17. TEAM AREA

18. HISTORY AREA

19. GALLERY AREA
    19.1. GALLERY ITEM

20. SUBSCRIBE AREA

21. FAQ AREA

22. BLOG AREA

23. MAP AREA

24. CONTACT AREA
    24.1. CONTACT FORM
    24.2. CONTACT ACTIONS
    24.3. CONTACT SOCIAL LINKS

25. CONTACT INFO AREA
    25.1. CONTACT INFO ITEM

26. FOOTER AREA

27. COPYRGIHT AREA

28. ABOUT PAGE
    28.1. ABOUT DESCRIPTION

29. LOGIN PAGE

30. AFFILIATE PAGE

31. BLOG PAGE

32. BLOG DETAILS PAGE

33. 404 PAGE

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 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

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

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

/* 1.1. SECTION TITLE */
.section-title h2 {
    position: relative;
    margin-top: -7px;
    margin-bottom: 80px;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}

.section-title h2:before {
    content: ' ';
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 50px;
    height: 2px;
    background-color: #ff6600;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-title.text-left h2 {
    text-align: left;
}

.section-title.text-left h2:before {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.section-title span {
    color: #ff6600;
}

/* 1.2. COLORS */
.color-theme--child-span span {
    color: #ff6600;
}

/* 1.3. BACKGROUND COLORS */
.bg--lightgray {
    background-color: #f0f5f6;
}

.bg--theme-color {
    background-color: #ff6600;
}

.before-bg--theme-color:before {
    background-color: #ff6600;
}

.bg--secondary-color {
    background-color: #003884;
}
.before-bg-color--secondary:before {
    background-color: #003884;
}

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

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

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

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

/* 1.7. CUSTOM BUTTON */
a.btn {
    font-weight: 400;
}

a.btn-custom {
    background-color: #003884;
    border-radius: 30px;
    -webkit-transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
    transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
    text-transform: uppercase;
}

a.btn-custom.btn-lg {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 24px;
}

a.btn-custom:hover,
a.btn-custom:focus {
    color: #fff;
    background-color: #ff6600;
    box-shadow: none;
    outline: 0;
}

a.btn-custom-reverse {
    background-color: #ff6600;
    border-radius: 30px;
    -webkit-transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
    transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
    text-transform: uppercase;
}

a.btn-custom-reverse:hover,
a.btn-custom-reverse:focus {
    color: #fff;
    background-color: #003884;
    box-shadow: none;
}

a.btn-custom-reverse.btn-lg {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 24px;
}

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

/* 1.9. FAKELOADER */
#fakeLoader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ff6600 !important;
    z-index: 99999;
}

/* 1.10. BACK TO TOP BUTTON */
#backToTop {
    position: fixed;
    right: 15px;
    bottom: 50px;
    z-index: 999;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

body.scrolling #backToTop {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

body.isTawkMobile #backToTop {
    right: 22px;
    bottom: 80px;
}

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

/*------------------------------------*\
    2. PROMO AREA
\*------------------------------------*/
#promo {
    position: relative;
    margin-bottom: 0;
    padding: 15px 0;
    border: 0;
    border-radius: 0;
    text-align: center;
}
#promo button.close {
    float: none;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -3px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 100;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#promo button.close:hover,
#promo button.close:focus {
    outline: 0;
}
#promo p {
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
    vertical-align: middle;
}
#promo a.btn {
    margin: 0 15px;
    padding: 8px 30px;
    font-weight: 500;
    text-transform: uppercase;
}
#promo a.btn:hover {
    color: #333;
    background-color: #fff;
}

/*------------------------------------*\
    3. MENU AREA
\*------------------------------------*/
/* 3.1. SECONDARY MENU */
#menu.nextBanner #secondaryMenu-sticky-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}

#secondaryMenu {
    background-color: #fff;
    margin-bottom: 0;
    border-radius: 0;
    border-style: solid;
    border: 0;
    -webkit-transition: background-color 0.25s ease-in-out, box-shadow 0.25s;
    transition: background-color 0.25s ease-in-out, box-shadow 0.25s;
    z-index: 999;
}
#menu.nextBanner #secondaryMenu {
    background-color: transparent;
}
#menu.nextBanner .is-sticky #secondaryMenu {
    background-color: #fff;
}
.is-sticky #secondaryMenu {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
#secondaryMenu .navbar-toggle {
    margin: 26px 0;
    padding: 10px 15px;
    border-color: #ff6600;
    border-radius: 30px;
}
.is-sticky #secondaryMenu .navbar-toggle {
    margin: 20px 0 19px;
}
#secondaryMenu .navbar-toggle .icon-bar {
    background-color: #ff6600;
}
#menu.nextBanner .sticky-wrapper:not(.is-sticky) #secondaryMenu .navbar-toggle {
    border-color: #fff;
}
#menu.nextBanner
    .sticky-wrapper:not(.is-sticky)
    #secondaryMenu
    .navbar-toggle
    .icon-bar {
    background-color: #fff;
}

#secondaryMenu a.navbar-brand {
    display: block;
    padding: 0;
    margin-left: 0;
    color: #8bc34a;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

#menu.nextBanner .sticky-wrapper:not(.is-sticky) #secondaryMenu a.navbar-brand {
    color: #fff;
}

#secondaryNavbar {
    display: block;
}
.secondary-menu-links li {
    position: relative;
}
.secondary-menu-links li a {
    display: block;
    font-weight: 400;
    padding: 28px 15px 24px;
    color: #333;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s ease-in-out, border 0.25s,
        padding-bottom 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out, border 0.25s,
        padding-bottom 0.25s ease-in-out;
}
#menu.nextBanner .secondary-menu-links > li > a {
    color: #fff;
    padding-bottom: 10px;
}
#menu.nextBanner .is-sticky .secondary-menu-links > li > a {
    color: #333;
    padding-bottom: 28px;
}
.secondary-menu-links li a i {
    display: block;
    margin: 0 auto 3px;
    font-size: 20px;
}
.secondary-menu-links li a:hover,
.secondary-menu-links li a:focus,
.secondary-menu-links .open > a,
.secondary-menu-links .open > a:hover,
.secondary-menu-links .open > a:focus,
.secondary-menu-links li.active > a,
.secondary-menu-links li.active > a:hover {
    background-color: transparent;
    border-color: #ff6600;
}
#menu.nextBanner .secondary-menu-links > li > a:hover,
#menu.nextBanner .secondary-menu-links > li > a:focus,
#menu.nextBanner .secondary-menu-links > .show > a,
#menu.nextBanner .secondary-menu-links > .show > a:hover,
#menu.nextBanner .secondary-menu-links > .show > a:focus,
#menu.nextBanner .secondary-menu-links > li.active > a,
#menu.nextBanner .secondary-menu-links > li.active > a:hover {
    border-color: transparent;
    text-decoration: line-through;
}
#menu.nextBanner .is-sticky .secondary-menu-links li a:hover,
#menu.nextBanner .is-sticky .secondary-menu-links li a:focus,
#menu.nextBanner .is-sticky .secondary-menu-links .show > a,
#menu.nextBanner .is-sticky .secondary-menu-links .show > a:hover,
#menu.nextBanner .is-sticky .secondary-menu-links .show > a:focus,
#menu.nextBanner .is-sticky .secondary-menu-links li.active > a,
#menu.nextBanner .is-sticky .secondary-menu-links li.active > a:hover {
    border-color: #ff6600;
    text-decoration: none;
}

.secondary-menu-links li .dropdown-menu {
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    margin-top: 0;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
    min-width: 180px;
}
.secondary-menu-links li:hover > .dropdown-menu {
    display: block;
}
.secondary-menu-links li .dropdown-menu li a {
    padding: 10px 15px;
}
.secondary-menu-links li .dropdown-menu li a,
.secondary-menu-links li .dropdown-menu li.active a,
.secondary-menu-links li .dropdown-menu li a:hover,
.secondary-menu-links li .dropdown-menu li a:focus {
    color: #333;
}

/* 3.2. SECONDARY MENU CUSTOM BUTTON */
.secondary-menu--custom-btn {
    margin-left: 30px;
}
.secondary-menu--custom-btn a {
    padding: 11px 15px 10px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
#menu.nextBanner
    .sticky-wrapper:not(.is-sticky)
    .secondary-menu--custom-btn
    .btn-custom-reverse {
    color: #fff;
    background-color: #003884;
}
#menu.nextBanner
    .sticky-wrapper:not(.is-sticky)
    .secondary-menu--custom-btn
    .btn-custom-reverse:hover,
#menu.nextBanner
    .sticky-wrapper:not(.is-sticky)
    .secondary-menu--custom-btn
    .btn-custom-reverse:focus {
    color: #333;
    background-color: #fff;
}

/*------------------------------------*\
    4. PAGE TITLE AREA
\*------------------------------------*/
#pageTitle {
    background-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e3e3e3;
}

#pageTitle .section-title h2 {
    margin: 26px 0;
    font-size: 28px;
    line-height: 32px;
    text-align: left;
    word-wrap: break-word;
}

#pageTitle .section-title h2:before {
    display: none;
}

#pageTitle .breadcrumb {
    margin: 30px 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    text-align: right;
}

#pageTitle .breadcrumb li + li:before {
    content: '\f105';
    font-family: 'FontAwesome';
}

#pageTitle .breadcrumb li:nth-child(2):before {
    display: none;
}

#pageTitle .breadcrumb li.active {
    font-weight: 500;
}

#pageTitle .breadcrumb li a {
    color: #333;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

#pageTitle .breadcrumb li.active,
#pageTitle .breadcrumb li a:hover {
    color: #333;
}

/*------------------------------------*\
    5. BANNER AREA
\*------------------------------------*/
#banner {
    position: relative;
}

#banner .ytplayer-container {
    position: absolute;
    top: 0;
    z-index: -2;
}

.banner-item {
    padding: 160px 0;
    color: #fff;
}

.banner-item > .container,
.banner-item > .container > .row,
.banner-item > .container > .row > div {
    height: 100%;
}

.banner-item[data-bg-video]:before {
    opacity: 0.9;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
}

.banner-item-content h1 {
    margin-top: 0;
    margin-bottom: 16px;
}

.banner-item-content h1 span {
    display: block;
    font-size: 48px;
    font-weight: 800;
}

.banner-item-content p {
    margin-bottom: 24px;
    font-weight: 400;
}

.banner-item-content .btn:hover {
    color: #303030;
    background-color: #fff;
}

.owl-item.active .banner-item-content h1 {
    -webkit-animation: fadeInUp 1s ease-out 0s;
    animation: fadeInUp 1s ease-out 0s;
}
.owl-item.active .banner-item-content a.btn {
    -webkit-animation: fadeInDown 1s ease-out 0s;
    animation: fadeInDown 1s ease-out 0s;
}

.banner-slider .owl-pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 23px;
    text-align: center;
}
.banner-slider .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-transition: width 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
    transition: width 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.banner-slider .owl-page.active {
    width: 20px;
    background-color: #303030;
}

.banner-slider .owl-prev,
.banner-slider .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 44px;
    margin-top: -24px;
    padding: 8px 0;
    color: #003884;
    background-color: #fff;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: left 0.25s ease-in-out, right 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    transition: left 0.25s ease-in-out, right 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    overflow: hidden;
}
.banner-slider .owl-next {
    left: auto;
    right: 0;
}
.banner-slider:hover .owl-prev {
    left: 15px;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.banner-slider:hover .owl-next {
    right: 15px;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.banner-item-img {
    position: relative;
    text-align: right;
}

/*------------------------------------*\
    6. DOMAIN SEARCH AREA
\*------------------------------------*/
.domain-search--wrapper {
    position: relative;
    margin-top: -80px;
    border: 15px solid #fff;
    border-radius: 300px;
    box-shadow: 0 22px 40px rgba(71, 71, 71, 0.33);
    -webkit-transition: margin 0.55s ease-in-out;
    transition: margin 0.55s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.domain-search--wrapper .content {
    margin: 0;
}

#domainSearch .left-content {
    padding: 45px 45px 58px;
    color: #fff;
}

#domainSearch .left-content h2 {
    color: inherit;
    font-size: 45px;
    font-weight: 900;
    margin: 0;
    padding: 6px 0 12px;
}

#domainSearch .left-content p {
    font-size: 21px;
    font-weight: 300;
    margin: 0;
}

#domainSearchForm .form-control {
    width: 100%;
    border: none;
}

#domainSearchForm input[type='text'].form-control {
    font-size: 18px;
    height: 55px;
    padding: 5px 20px 3px;
    border-radius: 30px 0 0 30px;
}

#domainSearchForm select.form-control {
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    box-shadow: none;
    border-left: 1px solid #e9e9e9;
    border-radius: 0;
    line-height: 51px;
}

#domainSearchForm button[type='submit'] {
    float: left;
    width: 100%;
    height: 55px;
    color: #fff;
    background-color: #ff6600;
    border: 0;
    border-radius: 0 30px 30px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: color 0.25s, background-color 0.25s;
    transition: color 0.25s, background-color 0.25s;
    cursor: pointer;
}

#domainSearchForm button[type='submit']:focus,
#domainSearchForm button[type='submit']:hover {
    box-shadow: none;
    outline: 0;
}

#domainSearch .right-content {
    padding: 60px;
}

#domainSearch .right-content .domain-ext {
    margin: 20px -10px 0;
}

#domainSearch .right-content .domain-ext > div {
    border-right: 1px dotted #fff;
}
#domainSearch .right-content .domain-ext > div:last-child {
    border: 0;
}

#domainSearch .right-content a.extension {
    display: block;
    font-weight: 500;
}

#domainSearch .right-content a.extension span {
    display: block;
}

#domainSearch .right-content a.extension span.name {
    font-size: 22px;
}

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

/* 7.1. FEATURE ITEM */
.feature--item {
    padding: 22px 15px 30px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    text-align: center;
}

/* 7.2. FEATURE ICON */
.feature--icon {
    display: table;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    font-size: 36px;
    line-height: 40px;
}

.feature--icon .fa {
    display: table-cell;
    vertical-align: middle;
}

/* 7.3. FEATURE CONTENT */
.feature--content h4 {
    font-weight: 700;
    margin: 15px 0;
}

.feature--content p {
    margin-bottom: 0;
}

.feature--content a.btn {
    margin-top: 20px;
    padding: 10px 15px 8px;
    font-size: 12px;
}

/*------------------------------------*\
    8. FEATURES TAB AREA
\*------------------------------------*/
#featuresTab {
    padding: 80px 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}

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

.features-tab--nav ul {
    margin: -10px -2px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.features-tab--nav ul li {
    margin: 10px 2px 0;
}

.features-tab--nav ul li a {
    display: block;
    text-align: left;
}

.features-tab--nav ul li.active a {
    background-color: #ff6600;
}

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

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

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

.features-tab--content h3 {
    margin: 0 0 24px;
    font-size: 36px;
    line-height: 40px;
}

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

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

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

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

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

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

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

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

/* 9.1. PRICING SLIDER */
.pricing--slider .owl-buttons {
    position: absolute;
    top: 50%;
    left: -22px;
    right: -22px;
    margin-top: -22px;
}
.pricing--slider .owl-buttons:before,
.pricing--slider .owl-buttons:after {
    content: ' ';
    display: table;
}
.pricing--slider .owl-buttons:before,
.pricing--slider .owl-buttons:after {
    clear: both;
}

.pricing--slider .owl-prev,
.pricing--slider .owl-next {
    display: block;
    color: #fff;
    width: 44px;
    padding: 8px 0;
    background-color: #003884;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: margin 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
    transition: margin 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
}
.pricing--slider .owl-prev {
    float: left;
}
.pricing--slider .owl-next {
    float: right;
}

.pricing--slider:hover .owl-prev,
.pricing--slider:hover .owl-next {
    margin-left: 15px;
    margin-right: 15px;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.pricing--slider .owl-prev:hover,
.pricing--slider .owl-next:hover {
    background-color: #ff6600;
}

/* 9.2. PRICING ITEM */
.pricing--item {
    padding: 0 15px 2px;
}

.pricing--content {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
    text-align: center;
}

.pt-head {
    position: relative;
    margin-bottom: 8px;
    padding: 40px 0;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    z-index: 0;
}
.pt-head:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 217px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: -1;
}

.pt-head-empty {
    background-color: transparent;
}

.pt-head .caption {
    display: inline-block;
    margin-bottom: 0;
    padding: 24px 0 7px;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    letter-spacing: 0.12em;
    text-align: center;
}

.pt-price-tag {
    margin-top: 5px;
    padding-bottom: 9px;
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
}

.pt-price-tag span {
    font-size: 24px;
    font-weight: 500;
}

.pt-plan {
    padding: 20px 0 18px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.pt-features {
    text-align: center;
}

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

.pt-features ul li {
    color: #737373;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.pt-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.pt-footer a.btn-custom {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*------------------------------------*\
    10. PRICING TABLE AREA
\*------------------------------------*/
.pricing-table {
    padding: 80px 0;
}

.pricing-table .pricing-table-item:first-child {
    font-weight: 700;
}

.pricing-table .pricing--content {
    border-top: 1px solid #e9e9e9;
}

.pricing-table-item .pt-features li strong {
    display: none;
}

.pricing-table .pt-footer a.btn-custom {
    padding-left: 20px;
    padding-right: 20px;
}

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

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

#vpsPricing.bg--img .section-title h2:before {
    background-color: #fff;
}

/* 11.1. VPS PRICING SLIDER */
.vps-slider-holder {
    padding: 40px 60px;
    background-color: #003884;
}

.vps-ruler {
    background: url('img/ruler.png') center top;
    display: table;
    height: 10px;
    margin: 0 auto 25px;
    width: 100%;
    opacity: 0.2;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    filter: alpha(opacity=20);
}

#vpsSlider {
    height: 6px;
    border: none;
    border-radius: 0;
}

#vpsSlider .ui-slider-range {
    background-color: #ff6600;
    border-radius: 0;
}

#vpsSlider .ui-slider-handle {
    top: -9px;
    width: 25px;
    height: 25px;
    margin-left: -10px;
    background-color: #fff;
    border-color: #e9e9e9;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
}

#vpsSlider .ui-slider-handle:after {
    content: ' ';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 9px;
    height: 9px;
    background-color: #ff6600;
    border-radius: 50%;
}

#vpsSlider .ui-slider-handle em {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100px;
    margin-left: -39px;
    margin-bottom: 15px;
    padding: 5px 0;
    color: #fff;
    background-color: #ff6600;
    border-radius: 30px;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

#vpsSlider .ui-slider-handle em:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #ff6600 transparent transparent;
}

/* 11.2. VPS PRICING ITEM */
.vps-pricing--item {
    margin-top: 30px;
    text-align: center;
}

.vps-pricing--content {
    color: #303030;
    background-color: rgba(255, 255, 255, 0.9);
}

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

.vps-pricing--name,
.vps-pricing--value {
    margin-bottom: 0;
}

.vps-pricing--name {
    position: relative;
    padding: 16px 0 14px;
    background-color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.vps-pricing--name:before {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: rgba(255, 255, 255, 0.9) transparent transparent;
}

.vps-pricing--value {
    padding: 23px 0;
    font-size: 20px;
}

/* 11.3. VPS PRICING TAG */
.vps-pricing--tag {
    padding-top: 30px;
}

.vps-pricing--tag-content {
    height: 100%;
    margin: 0;
    padding: 0 15px;
    color: #303030;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 22px;
    font-weight: 300;
    text-align: center;
}

.vps-pricing--tag-content p {
    margin-bottom: 0;
}

.vps-pricing--tag-content span {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
}

.vps-pricing--tag-content small {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
}

#vpsPricing .action {
    margin-top: 45px;
    text-align: center;
}

#vpsPricing .action a {
    margin: 15px 10px 0;
    width: 150px;
}

#vpsPricing .action a.btn-custom:hover,
#vpsPricing .action a.btn-custom:focus,
#vpsPricing .action a.btn-custom-reverse {
    color: #333;
    background-color: #fff;
}

#vpsPricing .action a.btn-custom-reverse:hover,
#vpsPricing .action a.btn-custom-reverse:focus {
    color: #fff;
    background-color: #003884;
}

/*------------------------------------*\
    12. DEDICATED PRICING AREA
\*------------------------------------*/
#dedicatedPricing {
    padding: 80px 0;
}

#dedicatedPricing table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
}

#dedicatedPricing table thead {
    background-color: #ff6600;
    color: #fff;
}

#dedicatedPricing table thead th {
    padding: 15px 10px;
}

#dedicatedPricing table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

#dedicatedPricing table th,
#dedicatedPricing table td {
    padding: 10px;
}

#dedicatedPricing table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

#dedicatedPricing table tbody tr {
    background-color: #fff;
}

#dedicatedPricing table tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}

#dedicatedPricing table td .labelText {
    display: none;
}

#dedicatedPricing table tbody .btn-custom {
    padding-top: 8px;
}

/*------------------------------------*\
    13. DOMAIN PRICING AREA
\*------------------------------------*/
#domainPricing {
    padding: 80px 0;
}

#domainPricing table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

#domainPricing table thead {
    background-color: #ff6600;
    color: #fff;
}

#domainPricing table thead th {
    padding: 15px 0;
}

#domainPricing table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

#domainPricing table th,
#domainPricing table td {
    padding: 10px;
    text-align: center;
}

#domainPricing table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

#domainPricing table tbody td {
    background-color: #fff;
}

#domainPricing table tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}

#domainPricing table tbody td:first-child {
    font-weight: 700;
    font-size: 18px;
}

#domainPricing table tbody td .labelText {
    display: none;
}

#domainPricing table tbody .btn-custom {
    padding-top: 8px;
}

/*------------------------------------*\
    14. SERVICES AREA
\*------------------------------------*/
#services {
    padding: 80px 0;
    overflow: hidden;
}

#services .even {
    margin: 80px 0;
    padding: 80px 0;
}

/* 14.1. SERVICES TAB */
.services-tab--nav {
    margin-bottom: 60px;
}

.services-tab--nav ul {
    margin: -10px -2px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.services-tab--nav ul li {
    display: inline-block;
    position: relative;
    margin: 10px 0 0;
    z-index: 0;
}

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

.services-tab--nav ul li.active:before {
    margin-top: 0;
    border-top-color: #ff6600;
}

.services-tab--nav ul li a {
    display: block;
    border-radius: 0;
    text-align: left;
}

.services-tab--nav ul li:first-child a {
    border-radius: 30px 0 0 30px;
}
.services-tab--nav ul li:last-child a {
    border-radius: 0 30px 30px 0;
}

.services-tab--nav ul li.active a {
    background-color: #ff6600;
}

.services-tab--item > .container {
    padding: 40px 25px;
    background-color: #fff;
}
.services-tab--item > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

/* 14.2. SERVICES CONTENT */
.service-item-content h2 {
    margin: 0 0 17px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #ff6600;
    word-wrap: break-word;
}

.service-item-content h2 span {
    display: block;
    color: #003884;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    text-indent: 1px;
}

.service-item-content p {
    margin-bottom: 17px;
}

.service-item-content p:last-child {
    margin-bottom: 0;
}

.service-item-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-item-content ul:before,
.service-item-content ul:after {
    content: ' ';
    display: table;
}

.service-item-content ul:before,
.service-item-content ul:after {
    clear: both;
}

.service-item-content ul li {
    float: left;
    width: 50%;
}

.service-item-content ul li .fa {
    margin-right: 8px;
    color: #ff6600;
}

.service-item-content .price {
    margin-top: 24px;
}

/*------------------------------------*\
    15. COUNTER AREA
\*------------------------------------*/
.counter {
    padding: 80px 0;
    background-color: #ff6600;
    text-align: center;
}

.counter-icon i.fa {
    position: relative;
    margin-bottom: 14px;
    padding: 20px 0 44px;
    border-bottom: 1px solid #ff6600;
    color: #ff6600;
    font-size: 56px;
    line-height: 0;
    z-index: 0;
}
.counter.bg--overlay .counter-icon i.fa {
    color: #fff;
    border-color: #fff;
}

.counter-text {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
}

.counter-number {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.counter-number-holder {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}

.counter-number-holder .counter-number {
    font-size: 42px;
}

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

#testimonial .section-title h2 {
    margin-bottom: 76px;
}

.testimonial-item {
    max-width: 750px;
    margin: 0 auto;
}

.recommender-comment p {
    font-weight: 400;
    text-align: center;
}

.recommender-comment p:last-child {
    margin-bottom: 0;
}

.recommender-img {
    width: 98px;
    margin: 21px auto 23px;
}
.recommender-img img {
    margin: 0 auto;
    border-radius: 50%;
}

.recommender-info {
    margin-top: 14px;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

.testimonial-slider .owl-buttons {
    position: absolute;
    top: 50%;
    left: -22px;
    right: -22px;
    margin-top: -22px;
}
.testimonial-slider .owl-buttons:before,
.testimonial-slider .owl-buttons:after {
    content: ' ';
    display: table;
}
.testimonial-slider .owl-buttons:before,
.testimonial-slider .owl-buttons:after {
    clear: both;
}

.testimonial-slider .owl-prev,
.testimonial-slider .owl-next {
    display: block;
    color: #fff;
    width: 44px;
    padding: 8px 0;
    background-color: #003884;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -webkit-transition: margin 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
    transition: margin 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
}
.testimonial-slider .owl-prev {
    float: left;
}
.testimonial-slider .owl-next {
    float: right;
}

.testimonial-slider:hover .owl-prev,
.testimonial-slider:hover .owl-next {
    margin-left: 15px;
    margin-right: 15px;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.testimonial-slider .owl-prev:hover,
.testimonial-slider .owl-next:hover {
    background-color: #ff6600;
}

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

.team-item {
    text-align: center;
}

.team-info h2 {
    margin: 20px 0 5px;
    color: #003884;
    font-size: 20px;
    font-weight: 700;
}

.team-info p {
    margin: 0;
    color: #737373;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.team-img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.team-img:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.team-img:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-social-links {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%) scale(0);
    transform: translate(0, -50%) scale(0);
    width: 100%;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.team-img:hover .team-social-links {
    -webkit-transform: translate(0, -50%) scale(1);
    transform: translate(0, -50%) scale(1);
}

.team-social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
}

.team-social-links ul li {
    display: inline-block;
    margin: 0 2px;
}

.team-social-links ul li a {
    display: block;
    width: 35px;
    padding: 5px 0;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.team-social-links ul li a:hover {
    background-color: #ff6600;
    border-color: #ff6600;
}

/*------------------------------------*\
    18. HISTORY AREA
\*------------------------------------*/
#history {
    padding: 80px 0 40px;
}

.timeline {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    font-weight: 300;
    overflow: hidden;
}

.timeline:before {
    top: 0;
    bottom: 20px;
    position: absolute;
    content: ' ';
    width: 2px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    float: left;
    position: relative;
    width: 50%;
    margin-bottom: 30px;
}

.timeline > li:before,
.timeline > li:after {
    content: ' ';
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: ' ';
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}

.timeline > li:nth-child(odd) > .timeline-panel {
    margin-right: 30px;
}

.timeline > li:nth-child(even) > .timeline-panel {
    margin-left: 30px;
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: ' ';
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: ' ';
}

.timeline > li > .timeline-badge {
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    top: 33px;
    right: -12px;
    color: #fff;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    padding: 10px 15px;
    margin-bottom: 0;
}

.timeline-footer {
    padding: 5px 15px;
    background-color: #ff6600;
    color: #fff;
    font-weight: 700;
}

.timeline-footer p {
    margin-bottom: 0;
}

.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}

.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}

.timeline > li:nth-child(2) {
    margin-top: 60px;
}

.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}

.timeline .no-float {
    float: none !important;
}

/*------------------------------------*\
    19. GALLERY AREA
\*------------------------------------*/
#gallery {
    padding: 80px 0 50px;
}

/* X.X. GALLERY FILTER MENU */
.gallery--filter-menu {
    margin-bottom: 60px;
}

.gallery--filter-menu ul {
    margin: -10px -2px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.gallery--filter-menu ul li {
    display: inline-block;
    margin: 10px 0 0;
}

.gallery--filter-menu ul li a {
    border-radius: 0;
}

.gallery--filter-menu ul li:first-child a {
    border-radius: 30px 0 0 30px;
}
.gallery--filter-menu ul li:last-child a {
    border-radius: 0 30px 30px 0;
}

.gallery--filter-menu ul li.active a {
    background-color: #ff6600;
}

/* 19.1. GALLERY ITEM */
.gallery--item {
    margin-bottom: 30px;
}

.gallery--img a {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.gallery--img a:before {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #303030;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    -webkit-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
}

.gallery--img a:hover:before,
.gallery--img a.active:before {
    top: 0;
}

.gallery--img a:after {
    content: '+';
    position: absolute;
    top: 150%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    font-size: 42px;
    line-height: 42px;
    font-weight: 100;
    text-align: center;
    -webkit-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
}

.gallery--img a:hover:after,
.gallery--img a.active:after {
    top: 50%;
}

.gallery--img img {
    display: block;
    width: 100%;
}

/*------------------------------------*\
    20. SUBSCRIBE AREA
\*------------------------------------*/
#subscribe {
    padding: 80px 0;
    background-color: #003884;
    text-align: center;
}

#subscribe .section-title h2 {
    margin-bottom: 23px;
    color: #fff;
}

#subscribe .section-title h2:before {
    display: none;
}

#subscribe p {
    color: #fff;
    margin-top: 11px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
}

#subscribeForm .input-box {
    width: 382px;
    padding: 8px 0 8px 12px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: none;
    outline: 0;
}

#subscribeForm .input-box.error {
    border-color: #a94442;
}

#subscribeForm .input-box.valid {
    border-color: #3c763d;
}

#subscribeForm .submit-button {
    display: block;
    margin: 30px auto 0;
    padding: 12px 20px;
    color: #fff;
    background-color: #003884;
    border: 0;
    border-radius: 30px;
    font-weight: 400;
    -webkit-transition: color 0.25s, background-color 0.25s ease-in-out;
    transition: color 0.25s, background-color 0.25s ease-in-out;
    outline: 0;
    text-transform: uppercase;
}

#subscribeForm .submit-button:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

/*------------------------------------*\
    21. FAQ AREA
\*------------------------------------*/
#faq {
    padding: 80px 0;
}
.faq-categories h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
}
.faq-categories h3:before {
    position: absolute;
    content: ' ';
    width: 40px;
    height: 2px;
    bottom: 0;
}
.faq-categories ul {
    margin-top: 25px;
}
.faq-categories ul li a {
    position: relative;
    margin-top: 6px;
    padding: 12px 20px;
    color: #fff;
    background-color: #003884;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color 0.25s, background-color 0.25s;
    transition: color 0.25s, background-color 0.25s;
}
.faq-categories ul li a:hover,
.faq-categories ul li.active a {
    color: #fff;
    background-color: #ff6600;
}
.faq-content .panel-group {
    margin-bottom: 0;
}
.accordion .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.accordion .panel-heading {
    padding: 0;
    border: 0;
}
.accordion .panel-heading a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background-color: #ff6600;
}
.accordion .panel-heading a.collapsed {
    background-color: #003884;
}
.accordion .panel-heading a h4 {
    font-weight: 500;
    overflow: hidden;
}
.accordion .panel-heading a h4 i.fa-minus {
    float: right;
    color: #fff;
}
.accordion .panel-heading a.collapsed h4 i.fa-minus {
    color: #ff6600;
}
.accordion .panel-heading a.collapsed i.fa-minus:before {
    content: '\f067';
}

.accordion .panel-collapse {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #e9e9e9;
}

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

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

.blog-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.blog-item-img + .blog-item-content,
.blog-page-post-video + .blog-item-content {
    padding-top: 16px;
}

.blog-item-img img {
    width: 100%;
}

.blog-item-content a {
    color: #303030;
    -webkit-transition: color 0.25s, background-color 0.25s ease-in-out,
        border 0.25s;
    transition: color 0.25s, background-color 0.25s ease-in-out, border 0.25s;
}

.blog-item-content a:hover {
    color: #ff6600;
}

.blog-item-content .btn-custom {
    padding-top: 8px;
}

.blog-item-content .btn-custom,
.blog-item-content .btn-custom:hover,
.blog-item-content .btn-custom-reverse,
.blog-item-content .btn-custom-reverse:hover {
    color: #fff;
}

.blog-item-content h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.blog-item-content h2 a {
    color: #003884;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

.blog-item-content .metadata {
    color: #737373;
    margin: 15px 0 10px;
    font-size: 12px;
}

.blog-item-content .metadata .fa {
    margin-right: 5px;
}

.blog-item-content .metadata a {
    color: inherit;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.blog-item-content .metadata a:hover {
    color: inherit;
    border-color: #e9e9e9;
}

.blog-item-content .metadata .separator {
    margin: 0 8px 0 7px;
}

.blog-item:hover .blog-item-content h2 a {
    color: #ff6600;
}

.blog-item-content p {
    margin-bottom: 12px;
}

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

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

#contact:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #f0f0f0;
    border-left: 1px solid #e9e9e9;
}

/* 24.1. CONTACT FORM */
#contactForm {
    padding-left: 50px;
}

#contactForm .contact-form-status {
    border-radius: 0;
}

#contactForm label {
    font-weight: 400;
}

#contactForm input.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
}

#contactForm textarea.form-control {
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    margin-top: 15px;
}

#contactForm input.error,
#contactForm textarea.error {
    border-color: #ff6600;
}

#contactForm input.valid,
#contactForm textarea.valid {
    border-color: #ff6600;
}

#contactForm .submit-button {
    border-radius: 0;
    padding: 10px 30px 8px;
    border-radius: 30px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #ff6600;
    color: #fff;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    outline: 0;
}

#contactForm .submit-button:hover,
#contactForm .submit-button:focus {
    background-color: #003884;
}

.contact-address h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
}

.contact-address h2:before {
    position: absolute;
    content: ' ';
    width: 40px;
    height: 2px;
    background-color: #ff6600;
    bottom: 0px;
}

.contact-address address {
    margin-top: 30px;
}

.contact-address address p {
    margin-bottom: 30px;
    color: #737373;
    font-weight: 400;
    font-size: 16px;
}

.contact-address address p:last-child {
    margin-bottom: 0;
}

.contact-address address p i.fa {
    font-size: 20px;
    border: 1px solid #737373;
    width: 35px;
    padding: 5px 0;
    margin-right: 10px;
    text-align: center;
}

/* 24.2. CONTACT ACTIONS */
#contactActions {
    padding: 80px 0;
    text-align: center;
}

.ca-icon i.fa {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    color: #ff6600;
    background-color: #fff;
    font-size: 26px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.ca-icon i.fa:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ca-text {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
}

.ca-holder p {
    color: #fff;
}

.ca-holder a.btn {
    width: 140px;
    padding: 8px 0;
    background-color: #ff6600;
    font-weight: 500;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color 0.25s, color 0.25s;
    transition: background-color 0.25s, color 0.25s;
}

.ca-holder a.btn:hover,
.ca-holder a.btn:focus {
    color: #ff6600;
    background-color: #fff;
    box-shadow: none;
    outline: 0;
}

/* 24.3. CONTACT SOCIAL LINKS */
.contact-social-links {
    margin-top: 20px;
}

.contact-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.contact-social-links li {
    display: inline-block;
    margin-right: 4px;
}

.contact-social-links li a {
    display: block;
    width: 35px;
    padding: 5px 0 4px;
    margin: 18px 0;
    color: #003884;
    border: 1px solid #003884;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
    transition: color 0.25s, background-color 0.25s ease-in-out,
        border-color 0.25s;
}

.contact-social-links li a:hover {
    color: #fff;
    background: #ff6600;
    border: 1px solid #ff6600;
}

/*------------------------------------*\
    25. CONTACT INFO AREA
\*------------------------------------*/
#contactInfo {
    position: relative;
    color: #fff;
    text-align: center;
    overflow: hidden;
    z-index: 0;
}
#contactInfo:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* 25.1. CONTACT INFO ITEM */
.contact-info--item a {
    position: relative;
    display: block;
    padding: 30px 0;
    overflow: hidden;
    color: #fff;
}

.contact-info--item:first-child a {
    border-radius: 50px 0 0 50px;
}
.contact-info--item:last-child a {
    border-radius: 0 50px 50px 0;
}

.contact-info--item a:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.2;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}

.contact-info--item a:hover:before {
    background-color: #fff;
}

.contact-info--item a:hover {
    color: #fff;
}

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

/*------------------------------------*\
    26. FOOTER AREA
\*------------------------------------*/
#footer {
    padding: 50px 0 10px;
    overflow: hidden;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: -4px 0 0;
    position: relative;
    padding-bottom: 10px;
}

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

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

.footer-widget ul li {
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 4px;
}

.footer-widget ul li a {
    color: #ccc;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    border-bottom: 1px dotted #ccc;
    display: block;
    margin: 2px 0;
    padding-bottom: 5px;
}

.footer-widget a:hover {
    color: #fff;
}

.footer--about {
    color: #ccc;
}
.footer--about-brand {
    display: block;
    margin: -5px 0 15px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
}

.footer--about-content .btn {
    padding: 10px 20px 8px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.footer--about-content .btn-custom-reverse:hover,
.footer--about-content .btn-custom-reverse:focus {
    color: #333;
    background-color: #fff;
}

.footer--subscribe-widget {
    margin: 20px 0 26px;
}

.footer--subscribe-widget .form-control {
    height: auto;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #fff;
    border-radius: 30px;
    box-shadow: none;
    text-align: center;
}

.footer--subscribe-widget .form-control.error {
    border-color: #ff5252;
}

.footer--subscribe-widget .btn {
    width: 100%;
    padding: 10px 20px 8px;
    color: #fff;
    background-color: #ff6600;
    border-radius: 30px;
    box-shadow: none;
    font-size: 14px;
    line-height: 18px;
}

.footer--subscribe-widget .btn:hover,
.footer--subscribe-widget .btn:focus {
    outline: 0;
}

.footer--social-widget p {
    color: #fff;
    margin-bottom: 7px;
}

.footer--social-widget ul {
    margin: -6px -5px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.footer--social-widget ul li {
    display: inline-block;
    padding: 6px 5px 0;
}

.footer--social-widget ul li a {
    display: block;
    width: 35px;
    padding: 9px 0;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s;
    transition: background-color 0.25s ease-in-out, border-color 0.25s;
    text-align: center;
}

.footer--social-widget ul li a:hover {
    background-color: #ff6600;
    border-color: #ff6600;
}

/*------------------------------------*\
    27. COPYRGIHT AREA
\*------------------------------------*/
#copyright {
    padding: 20px 0 18px;
    color: #fff;
    background-color: #191e29;
    text-align: center;
}
#copyright p {
    margin-bottom: 0;
}
#copyright p.left {
    float: left;
}
#copyright p.right {
    float: right;
    font-weight: 700;
    text-transform: uppercase;
}
#copyright p a {
    display: inline-block;
    margin-top: 5px;
    color: #ff6600;
    font-weight: 700;
}
#copyright img {
    margin-left: 20px;
    height: 24px;
}

/*------------------------------------*\
    28. ABOUT PAGE
\*------------------------------------*/
/* 28.1. ABOUT DESCRIPTION */
.about-description {
    padding: 80px 0;
}

.about-desc-content a {
    color: #303030;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

.about-desc-content a:hover {
    color: #ff6600;
}

.about-desc-content p:last-child {
    margin-bottom: 0;
}

/*------------------------------------*\
    29. LOGIN PAGE
\*------------------------------------*/


#loginForm {
    padding: 30px;
    background-color: #f0f0f0;
    max-width: 360px;
    margin: 0 auto;
}

#loginForm p.help-block {
    font-weight: 400;
    font-size: 14px;
    margin: 25px 0 20px;
}

#loginForm p.help-block a {
    color: #003884;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

#loginForm p.help-block a:hover {
    color: #ff6600;
}

#loginForm p.help-block a i.fa {
    margin-right: 5px;
}

#loginForm label {
    font-weight: 400;
}

#loginForm input.form-control {
    box-shadow: none;
    border-radius: 0;
}

#loginForm input.error {
    border-color: #ff6600;
}

#loginForm .submit-button {
    border-radius: 0;
    padding: 10px 0;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #ff6600;
    color: #fff;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    outline: 0;
}

#loginForm .submit-button:hover {
    background-color: #003884;
}

/*------------------------------------*\
    30. AFFILIATE PAGE
\*------------------------------------*/
.aCounter {
    padding: 80px 0 30px;
    background-color: #ff6600;
    text-align: center;
}

.aCounter-holder {
    margin-bottom: 50px;
}

.aCounter-icon i.fa {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    color: #ff6600;
    background-color: #fff;
    font-size: 26px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.aCounter-icon i.fa:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.aCounter-text {
    margin-bottom: 32px;
    padding-bottom: 23px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 500;
}

.aCounter-number-holder {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.aCounter-number-holder .counter-number {
    font-size: 36px;
}

.pricing-affiliate .pricing-table-item {
    padding-bottom: 17px;
    border: 1px solid #e9e9e9;
}

.affiliate-signup-btn-holder {
    text-align: center;
    margin-top: 60px;
}

.affiliate-signup-btn-holder a {
    width: 140px;
    padding: 10px 0;
    text-transform: uppercase;
}

/*------------------------------------*\
    31. BLOG PAGE
\*------------------------------------*/
#blog.page hr {
    margin: 40px 0 60px;
}
.blog-page-post-video.local {
    background-color: #090709;
}
.blog-page-post-audio audio {
    width: 100%;
    margin-bottom: 10px;
}

.widget.search .form-control {
    padding: 10px 12px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #f8f8f8;
    height: auto;
}
.widget.search .input-group-addon {
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: #003884;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}
.widget.search .input-group-addon:hover,
.widget.search .input-group-addon:focus {
    background-color: #ff6600;
}
.widget.search .input-group-addon button {
    padding: 12px 14px;
    background-color: transparent;
    border: 0;
    outline: 0;
}

.widget {
    padding-bottom: 50px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 50px;
}
.widget:last-child {
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: none;
}

.widget-title {
    color: #003884;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.widget-title:before {
    position: absolute;
    content: ' ';
    width: 40px;
    height: 2px;
    background-color: #ff6600;
    bottom: 0px;
}

.widget.recent-items .footer-thumb .row-holder {
    margin: 15px 0 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}
.widget.recent-items .footer-thumb .row-holder:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.widget.recent-items .left-col img {
    border-color: #e9e9e9;
}
.widget.recent-items a.footer-thumb-link {
    display: block;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.widget.recent-items a.footer-thumb-link:hover {
    color: #ff6600;
}
.widget.recent-items .footer-thumb-text {
    color: #999;
}
.widget.recent-items span.footer-thumb-date {
    color: #666;
    font-weight: 300;
}

.widget.categories ul,
.archives ul,
.tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.categories li,
.widget.tags li,
.archives li {
    position: relative;
    padding: 16px 0 0;
    cursor: pointer;
}
.widget.tags li {
    display: inline-block;
    padding: 20px 25px 0 0;
}
.widget.recent-items .footer-thumb .row-holder .left-col img {
    margin-bottom: 15px;
    margin-top: 20px;
}
.widget.categories li a,
.widget.tags li a,
.widget.archives li a {
    color: #666;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.widget.categories li:hover a,
.widget.tags li:hover a,
.widget.archives li:hover a {
    color: #ff6600;
}

/*------------------------------------*\
    32. BLOG DETAILS PAGE
\*------------------------------------*/
.blog-item.full-post .post-category-text {
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 0;
    font-weight: 700;
}
.blog-item.full-post .category-link {
    color: #737373;
    font-weight: 500;
    margin-left: 10px;
}
.blog-item.full-post:hover a.btn-custom {
    background-color: transparent;
}
.blog-item.full-post:hover a.btn-custom:hover {
    background-color: transparent;
    color: #ff6600;
}
.blog-item.full-post .tags li {
    display: inline-block;
}
.blog-item.full-post .tags li a {
    color: #003884;
    background-color: transparent;
    font-weight: 500;
    text-transform: lowercase;
    padding: 15px 15px 15px 0;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.blog-item.full-post .tags li strong {
    margin-right: 15px;
}
.blog-item.full-post .post-author-metadata {
    background-color: #e9e9e9;
    margin-top: 20px;
    margin-bottom: 30px;
}
.blog-item.full-post .post-author-metadata a {
    color: #003884;
    margin-left: 15px;
    font-weight: 500;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.blog-item.full-post .post-author-metadata a:hover {
    color: #ff6600;
}

.post-social-links {
    margin-top: 20px;
}
.post-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: right;
}
.post-social-links li {
    display: inline-block;
    margin: 0 2px;
}
.post-social-links li a {
    display: block;
    width: 35px;
    margin: 18px 0;
    padding: 5px 0 4px;
    color: #003884;
    border: 1px solid #003884;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color 0.25s, border 0.25s, background 0.25s;
    transition: color 0.25s, border 0.25s, background 0.25s;
}
.post-social-links li a:hover {
    color: #fff;
    background: #ff6600;
    border: 1px solid #ff6600;
}

.post-comments {
    margin-top: 20px;
}
.post-comments-title {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.post-comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
.post-comments ul li {
    margin: 25px 0;
}
.comment-thumb a {
    overflow: hidden;
    color: #ff6600;
    font-weight: 500;
}
.comment-thumb {
    margin-bottom: 15px;
    overflow: hidden;
}
.comment-meta {
    margin-top: 15px;
    margin-left: 15px;
}
a.comment-reply {
    margin-top: 10px;
    color: #fff;
    background-color: #ff6600;
    border-radius: 30px;
}
a.comment-reply:hover {
    color: #fff;
}
.single-comment {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 25px;
}
.comment-text a {
    color: #303030;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.comment-text a:hover {
    color: #ff6600;
}

.post-comment-form {
    padding-top: 50px;
    margin-top: -26px;
}
.post-comment-form-group .form-control {
    border-radius: 0;
    margin-top: 20px;
    box-shadow: none;
    resize: none;
}
.post-comment-form-group .form-control.submit-btn {
    width: auto;
    height: auto;
    padding: 10px 40px;
    color: #fff;
    background: #ff6600;
    border-color: #ff6600;
    border-radius: 30px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
.post-comment-form-group .form-control.submit-btn:hover {
    background: #003884;
    border-color: #003884;
    color: #fff;
}
.post-comment-form-group .form-control.error {
    border-color: #ff6600;
}

/*------------------------------------*\
    33. 404 PAGE
\*------------------------------------*/
#f0f {
    height: 100%;
    text-align: center;
}

#f0f > .container,
#f0f > .container > .row,
#f0f > .container > .row > div {
    height: 100%;
}

#f0f .section-title h2 {
    margin: 0 0 50px;
    color: #fff;
    font-size: 120px;
}

#f0f .section-title h2:before {
    display: none;
}

#f0f .description p {
    color: #fff;
    margin: 70px 0 30px;
    font-size: 20px;
    font-weight: 500;
}

#f0f .description .widget.search {
    padding-bottom: 0;
    border-bottom: 0;
}
#f0f .description .widget.search .input-group-addon:hover,
#f0f .description .widget.search .input-group-addon:focus {
    background-color: #003884;
}

#f0f a.btn {
    padding: 10px 30px;
}

#f0f .btn-custom:hover,
#f0f .btn-custom:focus {
    color: #333;
    background-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;
}

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

#mainNavbar > ul > li > a {
    color: #fff;
}