/*

[Main Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.5
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks


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


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1 HEADINGS
    1.2 LINKS
    1.3 NAV LINKS
    1.4 BUTTONS
    1.5 FORM CONTROLS
    1.6 INPUT GROUPS

2. HELPER CLASSES
    2.1 FLOATS
    2.2 MARGINS
    2.3 PADDINGS
    2.4 TEXT COLORS
    2.5 BACKGROUND IMAGE
    2.6 BACKGROUND OVERLAY
    2.7 BACKGROUND COLORS
    2.8 SECTION DIVIDER
    2.9 GUTTERS
    2.10 VERTICAL CENTERING

3. COMPONENTS
    3.1 SECTION TITLE
    3.2 DROPDOWN MENU
    3.3 UI SPINNER
    3.4 OWL DOTS
    3.5 OWL NAV
    3.6 PAGINATION
    3.7 CONTENT INNER
    3.8 COMMENT LIST
    3.9 COMMENT RESPOND
    3.10 PRELOADER

4. WIDGETS
    4.1 WIDGET TITLE
    4.2 SEARCH WIDGET
    4.3 ABOUT WIDGET
    4.4 LINKS WIDGET
    4.5 NAV WIDGET
    4.6 NEWSLETTER WIDGET
    4.7 TAB NAV WIDGET
    4.8 CART WIDGET WIDGET
    4.9 PORTFOLIO INFO WIDGET
    4.10 PORTFOLIO RELATED WIDGET
    4.11 RECENT POSTS WIDGET
    4.12 TAGCLOUD

5. HEADER SECTION
    5.1 HEADER TOPBAR
    5.2 HEADER NAVBAR

6. PAGE HEADER SECTION
    6.1 PAGE HEADER BREADCRUMB
    6.2 PAGE HEADER TITLE

7. PAGE CONTENT SECTION
    7.1 PAGE CONTENT INNER

8. BANNER SECTION
    8.1 BANNER SLIDER
    8.2 BANNER CONTENT

9. DOMAIN SEARCH SECTION
    9.1 DOMAIN SEARCH FORM GROUP
    9.2 DOMAIN SEARCH FORM EXTRAS

10. SERVICES SECTION
    10.1 SERVICE ITEM
    10.2 SERVICE DETAILS

11. PRICING SECTION
    11.1 PRICING NAV
    11.2 PRICING SLIDER
    11.3 PRICING ITEM
    11.4 PRICING TABLE

12. VPS PRICING SECTION
    12.1 VPS PRICING SLIDER
    12.2 VPS PRICING FEATURES
    12.3 VPS PRICING PRICE
    12.4 VPS PRICING ACTION

13. FEATURES SECTION
    13.1 FEATURES ITEM

14. PORTFOLIO SECTION
    14.1 PORTFOLIO FILTER MENU
    14.2 PORTFOLIO ITEM
    14.3 PORTFOLIO DETAILS

15. PRODUCTS SECTION
    15.1 PRODUCT ITEM
    15.2 PRODUCT IMAGE GALLERY
    15.3 PRODUCT SUMMERY
    15.4 PRODUCT DETAILS NAV
    15.5 RELATED PRODUCTS

16. CART SECTION
    16.1 CART ITEMS
    16.2 COUPON CODE
    16.3 CART TOTAL

17. CHECKOUT SECTION
    17.1 CHECKOUT INFO
    17.2 CHECKOUT TITLE
    17.3 CHECKOUT FORM

18. TEAM SECTION
    18.1 TEAM MEMBERS

19. TESTIMONIAL SECTION
    19.1 TESTIMONIAL SLIDER
    19.2 TESTIMONIAL ITEM

20. COUNTER SECTION
    20.1 COUNTER ITEM

21. AFFILIATE SECTION
    21.1 AFFILIATE INFO ITEMS
    21.2 AFFILIATE PRICING ITEM

22. FAQ SECTION
    22.1 FAQ ITEMS

23. CALL TO ACTION
    23.1 CALL TO ACTION CONTENT

24. BLOG SECTION
    24.1 POST ITEM

25. CONTACT SECTION
    25.1 CONTACT INFO ITEM
    25.2 CONTACT FORM

26. CLIENTS SECTION
    26.1 CLIENT BRAND

27. FOOTER SECTION
    27.1 FOOTER COPYRIGHT

28. COMING SOON SECTION
    28.1 COMING SOON CONTENT
    29.1 404 CONTENT

29. 404 SECTION
    29.1 404 CONTENT

30. LOGIN FORM

31. COOKIE NOFITY

32. BACK TO TOP BUTTON

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
body {
    color: #696969;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 23px;
    font-weight: 300;
    word-wrap: break-word;
}

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

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

img,
.nav > li > a > img {
    /* RESPONSIVE IMAGES */
    max-width: 100%;
    height: auto;
}

::-moz-selection {
    color: #fff;
    background-color: #00aeed;
}

::selection {
    color: #fff;
    background-color: #00aeed;
}

.del {
    text-decoration: line-through;
}

.table:last-child {
    margin-bottom: 0;
}

.fa-phone:before {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* 1.1 HEADINGS */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
}

/* 1.2 LINKS */
a {
    color: #00aeed;
    -webkit-transition-property: color, border-color, background-color,
        box-shadow;
    transition-property: color, border-color, background-color, box-shadow;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

a:hover,
a:focus {
    color: #00aeed;
}

.btn-link {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    -webkit-transition: color 0.3s, border-color 0.25s,
        background-color 0.25s ease-in-out;
    transition: color 0.3s, border-color 0.25s,
        background-color 0.25s ease-in-out;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.active {
    color: #00aeed;
}

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

/* 1.3 NAV LINKS */
.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 */
}

.nav li a {
    color: inherit;
}

.nav li a:focus,
.nav li.active > a:focus,
.nav li.open > a:focus {
    color: inherit;
}

.nav li a:hover,
.nav li.active > a,
.nav li.active > a:hover,
.nav li.active > a:focus,
.nav li.open > a,
.nav li.open > a:hover,
.nav li.open > a:focus {
    color: #00aeed;
}

.nav > li {
    float: left;
}

.nav > li > a {
    display: inline-block;
}

/* 1.4 BUTTONS */
.btn {
    padding: 8px 25px;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    border-radius: 20px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: 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-top: 3px;
    padding-bottom: 3px;
}

.btn-lg {
    padding: 13px 35px;
    border-radius: 25px;
}

.btn-default,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus {
    color: #00aeed;
    background-color: transparent;
    border-color: #00aeed;
}

.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: #00aeed;
    border-color: #00aeed;
}

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

.bg--c-main .btn-primary,
.bg--c-main .btn-primary.disabled:hover,
.bg--c-main .btn-primary.disabled:focus,
.bg--c-main .btn-primary.disabled.focus,
.bg--c-main .btn-primary[disabled]:hover,
.bg--c-main .btn-primary[disabled]:focus,
.bg--c-main .btn-primary[disabled].focus {
    border-color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.nav li a.btn-primary:hover,
.nav li a.btn-primary:focus,
.nav li.active > a.btn-primary,
.nav li.open > a.btn-primary {
    color: #00aeed;
    background-color: #fff;
    border-color: #fff;
}

/* 1.5 FORM CONTROLS */
.form-group {
    margin-bottom: 10px;
}

.form-control {
    height: 40px;
    padding: 7px 25px;
    border-radius: 0;
    box-shadow: none;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    outline: 0;
}

.form-control:focus {
    border-color: #00aeed;
    box-shadow: none;
}

textarea.form-control {
    height: auto;
    min-height: 100px;
    resize: vertical;
}

select.form-control {
    cursor: pointer;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 1.6 INPUT GROUPS */
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

/*------------------------------------*\
    2. HELPER CLASSES
\*------------------------------------*/
/* 2.1 FLOATS */
.float--left {
    float: left;
}

.float--right {
    float: right;
}

.float--none {
    float: none;
}

/* 2.2 MARGINS */
.ml--5 {
    margin-left: 5px;
}
.ml--8 {
    margin-left: 8px;
}
.ml--15 {
    margin-left: 15px;
}

.mr--5 {
    margin-right: 5px;
}
.mr--8 {
    margin-right: 8px;
}
.mr--15 {
    margin-right: 15px;
}

/* 2.3 PADDINGS */
.pt--10 {
    padding-top: 10px;
}
.pt--20 {
    padding-top: 20px;
}
.pt--30 {
    padding-top: 30px;
}
.pt--40 {
    padding-top: 40px;
}
.pt--50 {
    padding-top: 50px;
}
.pt--60 {
    padding-top: 60px;
}
.pt--70 {
    padding-top: 70px;
}
.pt--80 {
    padding-top: 80px;
}
.pt--90 {
    padding-top: 90px;
}
.pt--100 {
    padding-top: 100px;
}
.pt--130 {
    padding-top: 130px;
}
.pt--150 {
    padding-top: 150px;
}

.pb--10 {
    padding-bottom: 10px;
}
.pb--20 {
    padding-bottom: 20px;
}
.pb--30 {
    padding-bottom: 30px;
}
.pb--40 {
    padding-bottom: 40px;
}
.pb--50 {
    padding-bottom: 50px;
}
.pb--60 {
    padding-bottom: 60px;
}
.pb--70 {
    padding-bottom: 70px;
}
.pb--80 {
    padding-bottom: 80px;
}
.pb--90 {
    padding-bottom: 90px;
}
.pb--100 {
    padding-bottom: 100px;
}
.pb--130 {
    padding-bottom: 130px;
}
.pb--150 {
    padding-bottom: 150px;
}

.p--80 {
    padding: 80px;
}

/* 2.4 TEXT COLORS */
.text-c--main {
    color: #00aeed;
}

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

/* 2.6 BACKGROUND OVERLAY */
.bg--overlay {
    position: relative;
    color: #eee;
    z-index: 0;
}

.bg--overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #060707;
    opacity: 0.5;

    z-index: -1;
}

.bg--overlay-90:before {
    opacity: 0.9;
}

/* 2.7 BACKGROUND COLORS */
.bg--c-main,
.bg--c-main--b:before,
.bg--c-main--a:after {
    color: #fff;
    background-color: #00aeed;
}

.bg--c-lighterblue,
.bg--c-lighterblue--b:before,
.bg--c-lighterblue--a:after {
    background-color: #f8fbff;
}

.bg--c-darkgray,
.bg--c-darkgray--b:before,
.bg--c-darkgray--a:after {
    color: #eee;
    background-color: #393939;
}

/* 2.8 SECTION DIVIDER */
.section--divider-top {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.section--divider-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* 2.9 GUTTERS */
.gutter--0 {
    margin-left: 0;
    margin-right: 0;
}

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

.gutter--10 {
    margin-left: -5px;
    margin-right: -5px;
}

.gutter--10 > [class*='col-'] {
    padding-left: 5px;
    padding-right: 5px;
}

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

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

/*------------------------------------*\
    3. COMPONENTS
\*------------------------------------*/
/* 3.1 SECTION TITLE */
.section--title .h1 {
    margin-top: 4px;
    color: #393939;
    font-weight: 300;
}

.bg--overlay .section--title .h1 {
    color: #fff;
}

.section--title p {
    margin-top: 7px;
    margin-bottom: 3px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
}

/* 3.2 DROPDOWN MENU */
.dropdown-menu {
    margin-top: 21px;
    padding: 15px 0;
    border-width: 0;
    border-radius: 0;
}

.dropdown-menu:before {
    content: ' ';
    position: absolute;
    top: -10px;
    left: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #ffffff transparent;
}

.dropdown-menu .dropdown-menu {
    top: -14px;
    left: 100%;
    margin-top: 0;
    margin-left: 21px;
    box-shadow: -3px 6px 12px rgba(0, 0, 0, 0.15);
}

.dropdown-menu .dropdown-menu:before {
    top: 27px;
    left: -12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropdown-menu > li + li {
    margin-top: -1px;
}

.dropdown-menu > li > a {
    position: relative;
    display: block;
    padding: 3px 12px;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #393939;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e5e5e5;
    font-family: 'Raleway', sans-serif;
    font-size: 11px;
    line-height: 21px;
    font-weight: 600;
    -webkit-transition-property: color, border-color, background-color, padding;
    transition-property: color, border-color, background-color, padding;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.open > a,
.dropdown-menu > li.open > a:hover,
.dropdown-menu > li.open > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
    padding-left: 30px;
    color: #fff !important;
    background-color: #00aeed;
    border-color: #00aeed;
}

.dropdown-menu .dropdown-toggle:before {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -11px;
    font-family: 'FontAwesome';
    font-size: 11px;
    line-height: 21px;
}

/* 3.3 UI SPINNER */
.ui-spinner {
    width: 70px;
    margin: 16px 0;
    background-color: transparent;
    overflow: visible;
}

.ui-spinner.ui-widget {
    border-width: 0;
}

.ui-spinner-input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 4px 0;
    color: #00aeed;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
    outline: 0;
}

.ui-spinner .ui-spinner-input {
    font-size: 16px;
    line-height: 26px;
}

.ui-spinner-button {
    top: -16px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.ui-spinner-button:before {
    content: '\f106';
    display: block;
    color: #999;
    width: 30px;
    margin: 0 auto;
    background-color: #f8f8f8;
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 16px;
}

.ui-spinner-down {
    top: auto;
    bottom: -16px;
}

.ui-spinner-down:before {
    content: '\f107';
}

/* 3.4 OWL DOTS */
.owl-dots {
    position: absolute;
    left: 0;
    right: -4px;
    bottom: 30px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px 5px 0;
    background-color: #00aeed;
    border-radius: 50%;
    opacity: 0.6;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.owl-dot.active {
    opacity: 1;
}

/* 3.5 OWL NAV */
.owl-nav > div {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    margin-top: -20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid transparent;
    border-radius: 50%;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    -webkit-transition-property: color, background, border-color, box-shadow;
    transition-property: color, background, border-color, box-shadow;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 1;
}

.owl-nav > div:hover {
    color: #00aeed;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.owl-nav > div.owl-next {
    left: auto;
    right: 10px;
}

/* 3.6 PAGINATION */
.pagination {
    margin: -15px 0 0;
    padding: 0;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
}

.pagination > li {
    display: inline-block;
    margin: 15px 1px 0;
}

.pagination > li > a {
    float: none;
    display: block;
    min-width: 40px;
    padding: 0 2px;
    background-color: transparent;
    border-width: 0;
    color: #393939;
    font-size: 13px;
    line-height: 40px;
    border-radius: 50%;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li:not(.prev):not(.next) > a:active,
.pagination > li:not(.prev):not(.next) > a:active:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus {
    color: #00aeed;
    background-color: transparent;
}

.pagination > li > a:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    border-radius: 50%;
    opacity: 0.1;

    z-index: -1;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius: 50%;
}

.pagination > li.prev > a,
.pagination > li.next > a {
    font-size: 16px;
}

.pagination > li.prev {
    margin-right: 20px;
}

.pagination > li.next {
    margin-left: 20px;
}

.pagination > li.prev > a,
.pagination > li.next > a,
.pagination > li.prev > a:active,
.pagination > li.next > a:active,
.pagination > li.prev > a:active:focus,
.pagination > li.next > a:active:focus {
    color: #fff;
}

/* 3.7 CONTENT INNER */
.content--inner:before,
.content--inner:after {
    content: ' ';
    display: table;
}

.content--inner:after {
    clear: both;
}

.content--inner table {
    width: 100%;
    color: #999;
}

.content--inner p + table {
    margin-top: 26px;
}

.content--inner table th,
.content--inner table td {
    padding: 8px 20px;
    border: 1px solid #eee;
    font-weight: 400;
}

.content--inner table th {
    color: #393939;
}

.content--inner figure {
    position: relative;
    padding: 20px 0 0 20px;
    z-index: 0;
}

.content--inner p + figure,
.content--inner figure + p {
    margin-top: 18px;
}

.content--inner figure:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 20px;
    border: 1px dotted #000;
    opacity: 0.15;

    z-index: -1;
}

.content--inner blockquote {
    position: relative;
    margin-bottom: 0;
    padding: 33px 0 36px;
    color: #393939;
    border-style: dotted;
    border-width: 1px 0;
    border-color: rgba(0, 0, 0, 0.15);
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    z-index: 0;
}

.content--inner blockquote:before {
    content: '\f10d';
    position: absolute;
    left: 10%;
    color: #eee;
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 40px;
    z-index: -1;
}

.content--inner p + blockquote,
.content--inner blockquote + p {
    margin-top: 20px;
}

.content--inner blockquote p {
    max-width: 440px;
    margin: 0 auto;
}

/* 3.8 COMMENT LIST */
.comment--list {
    position: relative;
    z-index: 0;
}

.comment--respond + .comment--list {
    margin-top: 54px;
}

.post--items + .comment--list {
    margin-top: 20px;
    padding-top: 55px;
}

.post--items + .comment--list:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.comment--list .title {
    margin-bottom: 13px;
}

.comment--list .title .h4 {
    margin-top: -1px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.comment--items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment--items .comment--items {
    margin-top: 10px;
    margin-left: 100px;
}

.comment--items li + li {
    margin-top: 10px;
}

.comment--item {
    position: relative;
    padding: 30px 30px 30px 40px;
    z-index: 0;
}

.comment--item .img {
    float: left;
    margin-right: 30px;
}

.comment--item .info {
    overflow: hidden;
}

.comment--item .info .header {
    margin-top: 5px;
}

.comment--item .info:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.comment--item .info--left {
    float: left;
}

.comment--item .header .name {
    margin-bottom: 0;
    color: #393939;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.comment--item .header .datetime {
    margin-top: -2px;
    margin-bottom: 0;
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: 300;
}

.comment--item .header .datetime span {
    margin-right: 10px;
}

.comment--item .info--rating,
.comment--item .info--reply {
    float: right;
}

.comment--item .info--rating .nav {
    margin: 0 -4px;
    color: #393939;
    font-size: 0;
    line-height: 0;
    opacity: 0.3;
}

.comment--item .info--rating .nav > li {
    margin: 0 4px;
    font-size: 14px;
    line-height: 24px;
}

.comment--item .info--reply {
    color: #999;
}

/* 3.9 COMMENT RESPOND */
.comment--respond {
    position: relative;
    z-index: 0;
}

.comment--list + .comment--respond {
    margin-top: 37px;
}

.post--items + .comment--respond {
    margin-top: 20px;
    padding-top: 55px;
}

.post--items + .comment--respond:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.comment--respond .title {
    margin-bottom: 30px;
}

.comment--respond .title .h4 {
    margin-top: -1px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.comment--respond .form--inner {
    position: relative;
    padding: 34px 60px 11px;
    z-index: 0;
}

.post--items + .comment--respond .form--inner {
    background-color: #f8f8f8;
}

.comment--respond .form--inner:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.post--items + .comment--respond .form--inner:before {
    opacity: 0;
}

.comment--respond .rating {
    margin-top: 0;
    margin-bottom: 22px;
}

.comment--respond .rating label {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
    color: #393939;
    font-size: 14px;
    font-weight: 300;
    vertical-align: top;
}

.comment--respond .rating .br-wrapper {
    display: inline-block;
}

.comment--respond .rating .br-widget a {
    display: inline-block;
    margin-right: 9px;
}

.comment--respond .rating .br-widget a:last-child {
    margin-right: 0;
}

.comment--respond .rating .br-widget a:after {
    color: #999;
    font-size: 14px;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.comment--respond .rating .br-widget a[data-rating-value='0'] {
    display: none;
}

.comment--respond .rating .br-widget a.br-selected:after {
    color: #00aeed;
}

.comment--respond .form-group {
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
}

.comment--respond .form-group:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.comment--respond .form-control {
    background-color: transparent;
    border-width: 0;
}

.comment--respond textarea.form-control {
    min-height: 130px;
    background-color: #f8f8f8;
    border-color: transparent;
}

.post--items + .comment--respond .form-control {
    background-color: #fff;
    border-width: 1px;
    border-color: #eee;
}

.post--items + .comment--respond .form-control:focus {
    border-color: #00aeed;
}

.comment--respond .btn {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
}

/* 3.10 PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00aeed;
    z-index: 99999;
}

.preloader--spinners {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.preloader--spinner {
    display: inline-block;
}

.preloader--spinner:before,
.preloader--spinner:after {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: prelodaerStretch 0.95s infinite ease-in-out;
    animation: prelodaerStretch 0.95s infinite ease-in-out;
}

.preloader--spinner:after {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.preloader--spinner + .preloader--spinner:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.preloader--spinner + .preloader--spinner:after {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

@-webkit-keyframes prelodaerStretch {
    0%,
    40%,
    100% {
        -webkit-transform: translateY(-10px);
    }
    20% {
        -webkit-transform: translateY(-20px);
    }
}

@keyframes prelodaerStretch {
    0%,
    40%,
    100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
    20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }
}

/*------------------------------------*\
    4. WIDGETS
\*------------------------------------*/
.widget + .widget {
    margin-top: 30px;
}

.sidebar .widget + .widget {
    margin-top: 60px;
}

.footer--widgets .widget + .widget {
    margin-top: 37px;
}

/* 4.1 WIDGET TITLE */
.widget--title {
    margin-top: 7px;
    margin-bottom: 22px;
    color: #eee;
    font-weight: 500;
}

.sidebar .widget--title {
    position: relative;
    margin-top: -7px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.sidebar .widget--title:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #00aeed;
    opacity: 0.1;
}

/* 4.2 SEARCH WIDGET */
.search--widget .form-control {
    border-color: #00aeed;
}

.search--widget .input-group-btn .btn {
    border-radius: 0;
}

.search--widget .input-group-btn .btn:before {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 0 0;
    border-color: #00122b transparent transparent transparent;
}

/* 4.3 ABOUT WIDGET */
.about--widget {
    font-size: 14px;
    line-height: 24px;
}

.about--widget .logo {
    margin-bottom: 10px;
}

.about--widget address {
    margin-bottom: 31px;
}

.about--widget dl {
    margin-bottom: 0;
}

.about--widget dl + dl {
    margin-top: 24px;
}

.about--widget dl dt {
    margin-bottom: 12px;
    color: #eee;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

.about--widget dl dt .fa {
    min-width: 14px;
    margin-right: 10px;
}

.about--widget dl dd p {
    margin-bottom: 0;
}

.about--widget dl dd p + p {
    margin-top: 5px;
}

.about--widget dl dd span {
    color: #696969;
}

/* 4.4 LINKS WIDGET */
.links--widget .nav > li {
    float: none;
}

.links--widget .nav > li + li {
    margin-top: 6px;
}

.links--widget .nav > li > a {
    padding: 0;
}

/* 4.5 NAV WIDGET */
.nav--widget .nav {
    font-size: 0;
    line-height: 0;
    font-weight: 400;
}

.nav--widget .nav > li {
    float: none;
}

.nav--widget .nav > li + li {
    margin-top: 10px;
}

.nav--widget .nav > li > a {
    display: block;
    padding: 8px 0;
}

.nav--widget .nav > li > a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    right: 60px;
    border-bottom: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.nav--widget .nav > li > a > span {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
}

.nav--widget .nav > li > a > span.text {
    padding-right: 20px;
    background-color: #fff;
}

.nav--widget .nav > li > a > span.count {
    position: absolute;
    top: 50%;
    right: 0;
    min-width: 40px;
    margin-top: -20px;
    color: #00aeed;
    border-radius: 50%;
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    z-index: 0;
}

.nav--widget .nav > li > a:hover > span.count {
    color: #fff;
}

.nav--widget .nav > li > a > span.count:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00aeed;
    border-radius: 50%;
    opacity: 0.1;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.nav--widget .nav > li > a:hover > span.count:before {
    opacity: 1;
}

/* 4.6 NEWSLETTER WIDGET */
.newsletter--widget .desc {
    margin-bottom: 16px;
}

.newsletter--widget form .form-control {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.newsletter--widget form .btn {
    margin-top: 15px;
    padding: 6px 20px 5px;
}

/* 4.7 TAB NAV WIDGET */
.tab-nav--widget .nav {
    color: #393939;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

.tab-nav--widget .nav > li {
    float: none;
}

.tab-nav--widget .nav > li + li {
    margin-top: 1px;
}

.tab-nav--widget .nav > li > a {
    display: block;
    position: relative;
    margin-right: 27px;
    padding: 17px 20px;
    font-size: 16px;
    line-height: 26px;
    -webkit-transition-property: margin, color, background-color;
    transition-property: margin, color, background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 0;
}

.tab-nav--widget .nav > li > a:hover,
.tab-nav--widget .nav > li.active > a {
    margin-left: 10px;
    margin-right: 17px;
    color: #fff !important;
    background-color: #00aeed;
}

.tab-nav--widget .nav > li > a:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.tab-nav--widget .nav > li > a:after {
    content: ' ';
    position: absolute;
    top: 10px;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px;
    border-color: transparent transparent transparent #00aeed;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.tab-nav--widget .nav > li > a:hover:after,
.tab-nav--widget .nav > li.active > a:after {
    opacity: 1;
}

.tab-nav--widget .nav > li > a .icon {
    display: inline-block;
    min-width: 28px;
    margin-right: 10px;
    text-align: center;
}

.tab-nav--widget .nav > li > a .icon img + img,
.tab-nav--widget .nav > li > a:hover .icon img,
.tab-nav--widget .nav > li.active > a .icon img {
    display: none;
}

.tab-nav--widget .nav > li > a:hover .icon img + img,
.tab-nav--widget .nav > li.active > a .icon img + img {
    display: inline-block;
}

/* 4.8 CART WIDGET WIDGET */
.cart--widget a {
    display: block;
}

.cart--widget .icon {
    float: left;
    margin-right: 20px;
}

.cart--widget .icon .fa {
    display: block;
    min-width: 95px;
    padding: 15px 0;
    color: #00aeed;
    background-color: #f8f8f8;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    -webkit-transition: color 0.3s ease-in-out,
        background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.cart--widget a:hover .icon .fa {
    color: #fff;
    background-color: #00aeed;
}

.cart--widget .info {
    text-align: right;
    overflow: hidden;
}

.cart--widget .info .h4 {
    margin-top: 9px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.cart--widget a:hover .info .h4 {
    color: #00aeed;
}

.cart--widget .info .nav {
    margin: 11px -7.5px 0;
    color: #999;
    font-size: 0;
    line-height: 0;
}

.cart--widget .info .nav > li {
    float: none;
    display: inline-block;
    margin: 0 7.5px;
    font-size: 12px;
    line-height: 22px;
}

/* 4.9 PORTFOLIO INFO WIDGET */
.portfolio-info--widget {
    position: relative;
    padding: 37px 30px;
    z-index: 0;
}

.portfolio-info--widget:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.portfolio-info--widget .table {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.portfolio-info--widget .table tr th,
.portfolio-info--widget .table tr td {
    padding: 0;
    border-width: 0;
}

.portfolio-info--widget .table tr th {
    position: relative;
    padding-right: 10px;
    color: #393939;
    font-weight: 400;
    white-space: nowrap;
    z-index: 0;
}

.portfolio-info--widget .table tr th:after {
    content: ':';
    position: absolute;
    right: 0;
}

.portfolio-info--widget .table tr + tr th,
.portfolio-info--widget .table tr + tr td {
    padding-top: 17px;
}

.portfolio-info--widget .table tr td {
    padding-left: 10px;
}

.portfolio-info--widget .table tr td .tags {
    color: #696969;
}

.portfolio-info--widget .table tr td .tags > li:after {
    content: '|';
    margin: 0 10px;
}

.portfolio-info--widget .table tr td .tags > li:last-child:after {
    display: none;
}

.portfolio-info--widget .table tr td .tags > li > a {
    padding: 0;
}

.portfolio-info--widget .table tr td .social {
    color: #ccc;
}

.portfolio-info--widget .table tr td .social > li {
    margin-right: 20px;
}

.portfolio-info--widget .table tr td .social > li > a {
    padding: 0;
}

/* 4.10 PORTFOLIO RELATED WIDGET */
.portfolio--related-widget {
    position: relative;
    padding: 35px 30px 31px;
    z-index: 0;
}

.portfolio--related-widget > .title {
    margin-bottom: 12px;
    color: #393939;
    font-size: 16px;
    line-height: 26px;
}

.portfolio--related-widget:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00aeed;
    opacity: 0.1;

    z-index: -1;
}

.portfolio--related-widget .portfolio--item .caption--text {
    left: 50px;
    right: 50px;
    bottom: 46px;
}

.portfolio--related-widget .portfolio--item .caption--text .h4 {
    font-size: 16px;
    line-height: 24px;
}

/* 4.11 RECENT POSTS WIDGET */
.recent-posts--widget .nav > li + li {
    margin-top: 10px;
}

.recent-posts--widget .nav > li > .info {
    overflow: hidden;
}

.recent-posts--widget .nav > li > .info .title {
    margin-top: 13px;
    margin-bottom: 0;
    color: #393939;
    font-size: 14px;
    line-height: 24px;
}

.recent-posts--widget .nav > li > .info .date {
    margin-bottom: 0;
    color: #999;
    font-size: 12px;
    line-height: 22px;
}

.recent-posts--widget .nav > li > .info .title + .date {
    margin-top: 4px;
}

/* 4.12 TAGCLOUD */
.tagcloud {
    margin-top: -10px;
    font-size: 0;
    line-height: 0;
}

.post--item .tagcloud {
    margin-top: 43px;
}

.tagcloud a {
    display: inline-block;
    position: relative;
    padding: 4px 18px;
    margin-top: 10px;
    margin-right: 10px;
    color: #393939;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    z-index: 0;
}

.tagcloud a:hover,
.tagcloud a:focus {
    color: #fff;
}

.tagcloud a:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00aeed;
    border-radius: 20px;
    opacity: 0.1;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.tagcloud a:hover:before,
.tagcloud a:focus:before {
    opacity: 1;
}

/*------------------------------------*\
    5. HEADER SECTION
\*------------------------------------*/
.header--section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

/* 5.1 HEADER TOPBAR */
.header--topbar {
    padding: 20px 0;
    color: #eee;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color:#002c3c;
}

.header--topbar .social {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.header--topbar .social > li > a {
    padding: 3px 7.5px;
    font-size: 14px;
    line-height: 24px;
}

.header--topbar .links {
    margin-left: -15px;
    margin-right: -15px;
}

.header--topbar .links > li > a {
    padding: 3px 15px;
}

.header--topbar .links > li > a > .fa {
    font-size: 14px;
}

.header--topbar .links > li > .dropdown-menu {
    left: -22px;
}

.header--topbar .button {
    margin-left: 30px;
}

.header--topbar .button > li > a {
    padding: 3px 25px;
    text-transform: none;
}

/* 5.2 HEADER NAVBAR */
.header--navbar {
    padding-top: 13px;
    margin-bottom: 0;
    color: #fff;
    border-width: 0;
    border-radius: 0;
    -webkit-transition-property: padding, background-color, box-shadow;
    transition-property: padding, background-color, box-shadow;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background-color: #f6f6f6;
}

.is-sticky .header--navbar {
    left: 0;
    right: 0;
    padding-bottom: 13px;
    background-color: #222;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

.header--navbar:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1140px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 1;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.is-sticky .header--navbar:before {
    opacity: 0;
}

.header--navbar:after {
    clear: none;
}

.header--navbar .navbar-toggle {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    padding: 9px 15px;
    border-color: #fff;
    border-radius: 24px;
}

.header--navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.header--navbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.header--navbar .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.header--cart-btn {
    margin-left: 40px;
}

header.header .header--cart-btn a {
    padding: 9px 0;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
}

.header--cart-btn a:hover,
.header--cart-btn a:focus {
    color: #fff;
}

.header--cart-btn a .fa {
    vertical-align: middle;
}

.header--cart-btn a span {
    display: inline-block;
    position: relative;
    min-width: 30px;
    margin-left: 10px;
    background-color: #00aeed;
    border-radius: 50%;
    text-align: center;
    z-index: 0;
}

.header--cart-btn a span:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.header--cart-btn a:hover span:before {
    opacity: 0.3;
}

.header--navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.header--nav-links {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

header.header .header--nav-links > li > a {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
}

.header--nav-links > .dropdown > .dropdown-menu {
    margin-top: 17px;
}

.header--nav-links > .dropdown > a:after,
.dropdown-menu .dropdown-toggle:before {
    content: '\f107';
    margin-left: 5px;
    font-family: 'Font Awesome\ 5 Pro';
    border: none;
    vertical-align: 0;
}

.dropdown-menu .dropdown-toggle:after {
    display: none;
}

/*------------------------------------*\
    6. PAGE HEADER SECTION
\*------------------------------------*/
/* 6.1 PAGE HEADER BREADCRUMB */
.page--header-breadcrumb .breadcrumb {
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.page--header-breadcrumb .breadcrumb li + li:before {
    color: inherit;
}

.page--header-breadcrumb .breadcrumb li span {
    color: #00aeed;
}

/* 6.2 PAGE HEADER TITLE */
.page--header-title .h1 {
    margin-bottom: 3px;
    font-weight: 300;
}

.page--header-breadcrumb + .page--header-title {
    margin-top: 17px;
}

/*------------------------------------*\
    7. PAGE CONTENT SECTION
\*------------------------------------*/
/* 7.1 PAGE CONTENT INNER */
.page--content-inner .title .h1 {
    margin-bottom: 4px;
    color: #393939;
    font-weight: 300;
}

.page--content-inner .sub-title {
    position: relative;
    margin-bottom: 37px;
    padding-bottom: 19px;
    z-index: 0;
}

.page--content-inner .sub-title .h3 {
    font-size: 21px;
    line-height: 31px;
    font-weight: 300;
}

.page--content-inner .sub-title:before {
    content: ' ';
    position: absolute;
    left: 1px;
    right: 0;
    bottom: 0;
    max-width: 150px;
    height: 2px;
    background-color: #00aeed;
}

.page--content-inner .desc + .desc {
    margin-top: 33px;
}

.page--content-inner .desc h4 {
    margin: 15px 0;
    color: #393939;
}

/*------------------------------------*\
    8. BANNER SECTION
\*------------------------------------*/
.banner--section {
    overflow: hidden;
}

/* 8.1 BANNER SLIDER */
.banner--slider,
.banner--slider .owl-stage-outer,
.banner--slider .owl-stage,
.banner--slider .owl-item,
.banner--item {
    height: 100%;
}

.banner--item.bg--overlay:before {
    background: -webkit-linear-gradient(
        left,
        rgba(0, 20, 46, 1) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    background: linear-gradient(
        to right,
        rgba(0, 20, 46, 1) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00142e', endColorstr='#00000000',GradientType=1 );
    opacity: 1;
}

/* 8.2 BANNER CONTENT */
.banner--content {
    font-family: 'Raleway', sans-serif;
}

.banner--content .title .h1 {
    margin-top: 6px;
    font-size: 72px;
    line-height: 82px;
    font-weight: 100;
}

.banner--content .desc {
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
}

.banner--content .action {
    margin-top: 23px;
    font-size: 0;
    line-height: 0;
}

.banner--content .action .btn {
    margin: 10px 10px 0;
}

.banner--content .action .btn-default {
    color: #fff;
}

/*------------------------------------*\
    9. DOMAIN SEARCH SECTION
\*------------------------------------*/
/* 9.1 DOMAIN SEARCH FORM GROUP */
.domain-search--form .input-group-addon {
    padding: 0;
    background-color: transparent;
    border-width: 0;
    font-size: 0;
    line-height: 0;
}

.domain-search--form ::-webkit-input-placeholder {
    color: #acacac;
}
.domain-search--form ::-moz-placeholder {
    color: #acacac;
}
.domain-search--form :-ms-input-placeholder {
    color: #acacac;
}
.domain-search--form :-moz-placeholder {
    color: #acacac;
}

.domain-search--form .input-group input.form-control {
    height: 50px;
    padding: 12px 30px;
    color: #222;
    border-color: #00aeed;
    text-align: left;
}

.domain-search--form .input-group select {
    display: inline-block;
    min-width: 115px;
    min-height: 50px;
    padding: 15px 15px 14px;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
}

.domain-search--form .input-group select option {
    color: #222;
    background-color: #fff;
}

.domain-search--form .input-group button.btn {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
    z-index: 0;
}

.domain-search--form .input-group button.btn:before {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 25px 0 0;
    border-color: #393939 transparent transparent transparent;
    z-index: -1;
}

/* 9.2 DOMAIN SEARCH FORM EXTRAS */
.domain-search--form .extras {
    margin-left: -15px;
    margin-right: -15px;
    margin: 30px -15px 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.domain-search--form .extras .nav > li {
    float: none;
    display: inline-block;
    margin: 4px 15px 3px;
}

.domain-search--form .extras span {
    display: block;
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    z-index: 0;
}

.domain-search--form .extras span:before {
    content: '\f058';
    display: inline-block;
    margin-right: 10px;
    color: #00aeed;
    font-family: 'FontAwesome';
}

/*------------------------------------*\
    10. SERVICES SECTION
\*------------------------------------*/
/* 10.1 SERVICE ITEM */
.service--item {
    position: relative;
    padding: 80px 40px;
    -webkit-transition: color 0.3s ease-in-out,
        background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    z-index: 0;
}

.service--item:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.service--item.style--2 {
    padding: 80px 30px;
    border: 1px solid #00aeed;
}

.service--item.style--2:hover {
    color: #696969;
    background-color: transparent;
}

.service--item.style--2:hover:before {
    background-color: transparent;
    box-shadow: 0 5px 10px #00aeed;
    opacity: 0.1;
}

.services--slider .owl-item.active + .owl-item .service--item:before {
    opacity: 0.05;
}

.services--slider
    .owl-item.active
    + .owl-item
    + .owl-item
    .service--item:before {
    opacity: 0.08;
}

.services--slider
    .owl-item.active
    + .owl-item
    + .owl-item
    + .owl-item
    .service--item:before {
    opacity: 0.15;
}

.service--item .icon {
    margin-bottom: 27px;
}

.service--item .icon img {
    width: auto;
    margin: 0 auto;
}

.service--item .icon img + img,
.service--item.style--2:hover .icon img {
    display: none;
}

.service--item.style--2:hover .icon img + img {
    display: block;
}

.service--item .desc {
    max-width: 280px;
    margin: 11px auto 0;
}

.service--item .action {
    margin-top: 26px;
}

.service--item .action .btn-primary {
    background-color: transparent;
    border-color: #fff;
}

.service--item .action .btn-primary:hover,
.service--item .action .btn-primary:focus {
    background-color: #fff;
}

.service--item.style--2:hover .action .btn-primary {
    color: #fff;
    background-color: #00aeed;
    border-color: #00aeed;
}

/* 10.2 SERVICE DETAILS */
.services--content .img {
    position: relative;
    padding: 30px 30px 0;
    z-index: 0;
}

.services--content .desc + .img,
.services--content .img + .desc {
    margin-top: 23px;
}

.services--content .img:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    border: 1px solid #eee;%0