/*---------------------------------------------
Template name: CryptoCloud
Version: 1.4
Author: ThemeLooks
Author url: http://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 Content]

01: General CSS 
    1.1: Default CSS
    1.2: Buttons
    1.3: Default classes
    1.4: Padding
02: Section title
03: Header
    3.1: Logo
    3.2: Header menu
    3.3: Sticky-header
04: Slider
    4.1: Slider pagination
    4.2: Slider navigation
    4.3: Scroll button
05: Server plan
    5.1: Vps pricing slider
    5.2: Vps pricing plans
    5.3: Pricing nav switch
    5.4: Vps pricing feature
    5.5: Vps tab content
06: Features
    6.1: Single feature
07: Cloud hosting plans
08: Review slider
    8.1: Review slider pagination
09: Assistance
10: Why us
    10.1: Single reason
11: Home video
12: Data centers
    12.1: Data centers Map
13: Latest news
14: Footer
    14.1: Single footer
    14.2: Footer form
    14.3: Footer contact info
    14.4: Footer social icons
    14.5: Single footer post
    14.6: Footer links
15: Back to top button
16: Page title
17: About us
    17.1: Tab images
18: Team members
    18.1: Member hover info
    18.2: Team member navigation
19: Blog
    19.1: Pagination
20: Sidebar widgets
    20.1: Search
    20.2: Sidebar list
    20.3: Popular post
    20.4: Tags
    21.5: Sidebar social icons
21: Single post
    21.1: Share
    21.2: Author
    21.3: Post navigation
    21.4: Zigzag border
    21.5: Post comments
    21.6: Comment form
22: Domain
    22.1: Domain search form
    22.2: Domain names
23: Contact page
24: Others
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

::-moz-selection {
    background: #1b435d;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #1b435d;
    color: #fff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #90a0aa !important;
    opacity: 1 !important;
}
::-moz-placeholder {
    color: #90a0aa !important;
    opacity: 1 !important;
}

input[type=text],
input[type=email],
select,
textarea {
    resize: none;
    border: 1px solid #1b435d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
input[type=text]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
    border: 1px solid #1b435d;
    outline: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

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

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

a {
    color: #ff895d;
}
a:hover {
    color: #e05521;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #1b435d;
    background: #fff;
    position: relative;
}

img[width="0"][height="0"] {
    width: auto !important;
    height: auto !important;
}

/* 1.2: Buttons */
.btn{
    font-size: 14px;
    border-radius: 50px;
    padding: 8.5px 27px;
}
.btn-primary,
.btn-primary:focus, 
.btn-primary.focus,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    color: #fff;
    background-color: #ff895d;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-primary:hover {
    background-color: #ffa381;
    border-color: transparent;
}

.btn-secondary,
.btn-secondary:focus, 
.btn-secondary.focus,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    background-color: #1b435d;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-secondary:hover {
    background-color: #295774;
    border-color: transparent;
}

/* 1.3: Default classes */
.custom-btn {
    color: #fff;
    display: inline-block;
    background: #ff895d;
    border: 0;
    border-radius: 100px;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.custom-btn:hover {
    color: #fff;
    background: #1b435d;
}
.custom-btn-reverse {
    background: #1b435d;
}
.custom-btn-reverse:hover {
    background: #ff895d;
}

.bg-primary {
    background-color: #7fc3ec !important;
}
.bg-secondary {
    background-color: #1b435d !important;
}
.bg-dark {
    background-color: #d5eeff !important;
}
.bg-light {
    background-color: #f4fbff !important;
}

.text-light {
    color: #f4fbff !important;
}

ul.list-inline > li {
    display: inline-block;
}
ul.list-inline > li:not(:last-child) {
    margin-right: 15px;
}

blockquote,
.blockquote {
    font-size: 18px;
    color: #708390;
    font-family: "Work Sans", sans-serif;
    border-left: 3px solid #e0f3ff;
    padding-left: 15px;
    margin-bottom: 25px;
}

.no-outlines *,
.no-outlines button,
.no-outlines button:focus,
.no-outlines a,
.no-outlines a:focus {
    outline: none !important;
}

/* 1.4: Padding */
.pb-120 {
    padding-bottom: 120px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-70 {
    padding-bottom: 70px;
}

/*=============================================
    02: Section title 
==============================================*/

.section-title {
    text-align: center;
    padding-bottom: 60px;
}
.section-title h2 {
    margin-top: -6px;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 25px;
    z-index: 0;
    position: relative;
}
.section-title h2:before,
.section-title h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 120px;
    height: 19px;
    margin: 0 auto;
    display: block;
    background-size: 12px 22px;
}
.section-title.text-left h2:before,
.section-title.text-left h2:after {
    margin: 0;
}
.section-title h2:before {
    bottom: -11px;
    background-image: -webkit-linear-gradient(135deg, transparent 16px, #ff895d 0), 
    -webkit-linear-gradient(45deg, transparent 16px, #ff895d 0);
    background-image: -o-linear-gradient(135deg, transparent 16px, #ff895d 0), 
    -o-linear-gradient(45deg, transparent 16px, #ff895d 0);
    background-image: linear-gradient(-45deg, transparent 16px, #ff895d 0), 
    linear-gradient(45deg, transparent 16px, #ff895d 0);
}
.section-title h2:after {
    bottom: -8px;
    background-image: -webkit-linear-gradient(135deg, transparent 16px, #fff 0), 
    -webkit-linear-gradient(45deg, transparent 16px, #fff 0);
    background-image: -o-linear-gradient(135deg, transparent 16px, #fff 0), 
    -o-linear-gradient(45deg, transparent 16px, #fff 0);
    background-image: linear-gradient(-45deg, transparent 16px, #fff 0), 
    linear-gradient(45deg, transparent 16px, #fff 0);
}
.section-title span {
    font-family: "Work Sans", sans-serif;
    color: #90a0aa;
    display: block;
    max-width: 720px;
    margin: auto;
}
.bg-light .section-title h2:after{
    background-image: -webkit-linear-gradient(135deg, transparent 16px, #f4fbff 0), 
    -webkit-linear-gradient(45deg, transparent 16px, #f4fbff 0);
    background-image: -o-linear-gradient(135deg, transparent 16px, #f4fbff 0), 
    -o-linear-gradient(45deg, transparent 16px, #f4fbff 0);
    background-image: linear-gradient(-45deg, transparent 16px, #f4fbff 0), 
    linear-gradient(45deg, transparent 16px, #f4fbff 0);
}
.bg-dark .section-title h2:after{
    background-image: -webkit-linear-gradient(135deg, transparent 16px, #d5eeff 0), 
    -webkit-linear-gradient(45deg, transparent 16px, #d5eeff 0);
    background-image: -o-linear-gradient(135deg, transparent 16px, #d5eeff 0), 
    -o-linear-gradient(45deg, transparent 16px, #d5eeff 0);
    background-image: linear-gradient(-45deg, transparent 16px, #d5eeff 0), 
    linear-gradient(45deg, transparent 16px, #d5eeff 0);
}

/*=============================================
    03. header
==============================================*/
header.header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.header-container {
    padding-top: 35px;
    padding-bottom: 17px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    z-index: 99;
}
.header-style-three {
    padding-top: 27px;
    padding-bottom: 9px;
}
.top-spacing {
    padding-top: 110px;
}

/* 3.1: Logo */
.header-container .logo {
    padding-top: 9px;
}
.header-container .logo img {
    display: inline-block;
}
.header-container .logo img + img {
    display: none;
}

/* 3.2: Header menu */
.header-menu, .header-menu ul, 
.header-menu ul li, 
.header-menu ul li a, 
.header-menu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}
.header-menu #menu-button {
    display: none;
}
.header-menu > ul {
    text-align: right;
    margin-top: 7px;
}
.header-menu > ul ul {
    text-align: left;
    z-index: 99999;
}
.header-menu > ul > li {
    display: inline-block;
    padding-bottom: 25px;
}
.header-menu > ul > li + li {
    margin-left: 10px;
}
.header-menu > ul > li > a {
    padding: 6px 14px;
    border-radius: 100px;
    color: #fff;
    background: transparent;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 500;
}
.header-menu > ul > li > a > i{
    font-size: 12px;
}
.header-menu > ul > li:hover > a, 
.header-menu > ul > li > a:hover {
    background: #96ccef;
}
.header-menu > ul > li.active > a{
    background: #fff;
    color: #78bbe6;
}
.header-menu > ul > li.has-sub > a {
}
.header-menu ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -webkit-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
.header-menu > ul > li > ul {
    top: 91px;
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-menu > ul > li > ul:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.header-menu > ul > li:hover > ul {
    left: auto;
    top: 40px;
    opacity: 1;
}
.header-menu.align-right > ul > li:hover > ul {
    right: 0;
}
.header-menu ul ul ul {
    top: 40px;    
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-menu ul ul ul:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 7px;
    width: 0;
    height: 0;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    z-index: 99;
}
.header-menu ul ul ul:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    z-index: -1;
}
.header-menu ul ul ul li {
    background: #fff;
}
.header-menu ul ul ul li:first-child{
    padding-top: 10px;
}
.header-menu ul ul ul li:last-child{
    padding-bottom: 10px;
}
.header-menu ul ul > li:hover > ul {
    top: 0;
    left: 188px;
    opacity: 1;
}
.header-menu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px;
    opacity: 1;
}
.header-menu ul ul li a {
    width: 180px;
    padding: 5px 20px;
    color: #757575;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}
.header-menu ul ul li a i{
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 18px;
}
.header-menu ul ul li:hover > a, 
.header-menu ul ul li > a:hover, 
.header-menu ul ul li.active > a {
    color: #ff895d;
}
.header-menu ul ul li:first-child > a {}
.header-menu ul ul li:last-child > a {}
.register-button {
    text-align: right;
}
.register-button a{
    color: #ff895d;
    background: #fff;
}
.register-button a:hover{
    color: #ff895d;
    background: rgba(255,255,255,0.9);
}
.header-style-two .header-menu > ul > li:hover > a, 
.header-style-two .header-menu > ul > li > a:hover,
.header-style-three .header-menu > ul > li:hover > a, 
.header-style-three .header-menu > ul > li > a:hover  {
    background: transparent;
    color: #ff895d;
}
.header-style-two .header-menu > ul > li.active > a, 
.header-style-three .header-menu > ul > li.active > a{
    background: transparent;
    color: #ff895d;
}
.header-style-two .register-button a{
    background: #fff;
    color: #1b435d;
}
.header-style-two .register-button a:hover{
    background: rgba(255,255,255,0.9);
    color: #1b435d;
}
.header-style-three .register-button a{
    background: #ff895d;
    color: #fff;
}
.header-style-three .register-button a:hover{
    background: #ffa381;
    color: #fff;
}

/* 3.3: Sticky-header */
.sticking {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    padding-top: 18px;
    padding-bottom: 0;
}
.sticking .logo img {
    display: none;
}
.sticking .logo img + img {
    display: inline-block;
}
.sticking .header-menu > ul > li > a, 
.header-style-three .header-menu > ul > li > a{
    color: #1b435d;
}
.sticking .header-menu > ul > li:hover > a{ color: #fff; }
.sticking .header-menu > ul > li.active > a{
    color: #fff;
    background: #78bbe6;
}
.sticking.header-style-two .header-menu > ul > li:hover > a, 
.sticking.header-style-three .header-menu > ul > li:hover > a,
.sticking.header-style-two .header-menu > ul > li.active > a, 
.sticking.header-style-three .header-menu > ul > li.active > a{
    background: transparent;
    color: #ff895d;
}
.sticking .register-button a{
    background: #ff895d;
    color: #fff;
}
.sticking .register-button a:hover{
    background: #ffa381;
}
.sticking.header-style-two .register-button a, 
.sticking.header-style-three .register-button a{
    background: #ff895d;
    color: #fff;
}
.sticking.header-style-two .register-button a:hover, 
.sticking.header-style-three .register-button a:hover{
    background: #ffa381;
}

/*=============================================
    04: Slider
==============================================*/

.main-banner {
    position: relative;
}
.main-banner .banner-content {
    height: 650px;
}
.main-banner .banner-content span {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: block;
    margin-bottom: 5px;
}
.main-banner .banner-content h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 900;
    margin-bottom: 15px;
}
.main-banner-style-two .banner-content h2,
.main-banner-style-three .banner-content h2 {
    font-weight: 700;
}
.main-banner .banner-content p {
    font-size: 20px;
    font-family: "Work Sans", sans-serif;
    max-width: 800px;
    margin: auto;
}
.main-banner .banner-content ul {
    margin-top: 25px;
}
.main-banner-style-two {
    background: no-repeat center top transparent;
}
.main-banner-style-two .banner-content {
    height: 670px;
}
.main-banner-style-three {
    background: no-repeat center center;
}
.main-banner-style-three:before {
    content: "";
    position: absolute;
    background: rgba(122, 182, 222, 0.9);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.main-banner-style-two .banner-content ul li:first-child a,
.main-banner-style-three .banner-content ul li:first-child a {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.main-banner-style-two .banner-content ul li:first-child a:hover,
.main-banner-style-three .banner-content ul li:first-child a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #1b435d;
}
.main-banner-style-two .banner-content ul li:last-child a,
.main-banner-style-three .banner-content ul li:last-child a {
    border: 1px solid #ff895d;
}
.main-banner-style-two .banner-content ul li:last-child a:hover,
.main-banner-style-three .banner-content ul li:last-child a:hover {
    border: 1px solid #ffa381;
}

/* 4.1: Slider pagination */
.home-slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 0;
    background: transparent;
    opacity: 1;
}
.home-slider-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

/* 4.2: Slider navigation */
.home-slider-nav {
    position: absolute;
    height: 100px;
    width: 50px;
    top: 50%;
    z-index: 99999;
    cursor: pointer;
    margin-top: -50px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.home-slider-nav:before {
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.home-slider-nav span {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.home-slider-nav:hover {
    height: 140px;
    width: 70px;
    margin-top: -70px;
}
.home-slider-nav:hover:before {
    width: 140px;
    height: 140px;
}
.home-slider-prev {
    left: 0;
}
.home-slider-prev:before {
    left: -50px;
}
.home-slider-prev span {
    right: -60px;
    pointer-events: none;
}
.home-slider-prev span i {
    margin-right: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.home-slider-prev:hover:before {
    left: -70px;
}
.home-slider-prev:hover span {
    right: 20px;
    color: #1b435d;
}
.home-slider-prev:hover span i {
    margin-right: 0;
    opacity: 0;
}
.home-slider-next {
    right: 0;
}
.home-slider-next:before {
    right: -50px;
}
.home-slider-next span {
    left: -60px;
    pointer-events: none;
}
.home-slider-next span i {
    margin-left: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.home-slider-next:hover:before {
    right: -70px;
}
.home-slider-next:hover span {
    left: 20px;
    color: #1b435d;
}
.home-slider-next:hover span i {
    margin-left: 0;
    opacity: 0;
}

/* 4.3: Scroll button */
.scroll-down {
    width: 100%;
    max-width: 1170px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    bottom: 15px;
    z-index: 1;
}
.scroll-down p {
    width: 125px;
    text-align: center;
    margin: auto;
    cursor: pointer;
}
.scroll-down p span {
    font-size: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.main-banner-style-two .scroll-down {
    bottom: 0;
}
.main-banner-style-two .scroll-down p {
    width: 250px;
    margin: 0;
    color: #1b435d;
}
.main-banner-style-two .scroll-down p i {
    color: #ff895d;
}
.scrollBounce {
    -webkit-animation: scrollBounce 2s infinite;
    animation: scrollBounce 2s infinite;
}
@-webkit-keyframes scrollBounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
}
@keyframes scrollBounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
}

/*=============================================
    05: Server plan
==============================================*/

.pricing-slider-wrap {
    padding: 30px;
    background: #d5eeff;
}

/* 5.1: Vps pricing slider */
#vps-pricing-slider {
    padding-bottom: 15px;
    height: 25px;
    border: none;
    cursor: pointer;
    margin: 30px 0;
    background: transparent;
}
#vps-pricing-slider:before {
    content: "";
    position: absolute;
    background: url(../img/bar.png) repeat-x center 0;
    width: 99%;
    height: 10px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#vps-pricing-slider:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: #1b435d;
    left: 0;
    bottom: 0;
}
#vps-pricing-slider .ui-slider-range,
#vps-pricing-slider .ui-slider-handle {
    opacity: 0;
}

/* 5.2: Vps pricing plans */
.vps-pricing-plans {
    list-style: none;
    padding-left: 0;
    position: relative;
}
.vps-pricing-plans:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: #fff;
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    z-index: 1;
}
.vps-pricing-plans li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}
.vps-pricing-plans li span {
    position: relative;
    font-weight: 600;
    color: #fff;
    top: -22px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    padding: 2px;
    background-color: #ff895d; 
}
.vps-pricing-plans li:before {
    content: "\f041";
    font-family: "FontAwesome";
    font-size: 43px;
    line-height: 43px;
    color: #ff895d;
    position: absolute;
    width: 30px;
    height: 43px;
    left: 0;
    right: 0;
    top: -30px;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.vps-pricing-plans li:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 4px;
    background: url(../img/white-bar.png) no-repeat center center;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.vps-pricing-plans li.active span,
.vps-pricing-plans li.active:before,
.vps-pricing-plans li.active:after {
    opacity: 1;
}

/* 5.3: Pricing nav switch */
.pricing-nav-switch ul li a {
    padding: 10px 28px;
    background: #84c3ec;
    min-width: 115px;
}
.pricing-nav-switch ul li a.active {
    background: #ff895d;
}
.pricing-nav-switch ul li a:hover {
    background: #1b435d;
}
.pricing-nav-switch ul li:first-child a {
    border-radius: 50px 0 0 50px;
}
.pricing-nav-switch ul li:last-child a {
    border-radius: 0 50px 50px 0;
}
.vps-pricing-features {
    margin-left: -10px;
}

/* 5.4: Vps pricing feature */
.vps-pricing-feature {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    width: calc((100% - 50px) / 5);
    height: 90px;
    text-align: center;
    padding: 15px 15px 5px 15px;
    background: #d5eeff;
    border-bottom: 2px solid #1b435d;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.vps-pricing-feature h4 {
    font-size: 12px;
    color: #708790;
}
.vps-pricing-feature p {
    font-weight: 600;
    margin: 0;
}
.vps-pricing-feature .progress {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #ff895d;
    -webkit-transition: width 0.25s linear;
    -o-transition: width 0.25s linear;
    transition: width 0.25s linear;
}

/* 5.5: Vps tab content */
.vps-tab-content {
    background: #d5eeff;
    height: 100%;
    width: 100%;
    display: table;
    padding: 0 15px;
}
.vps-tab-content > .active{
    display: table-cell;
    vertical-align: middle;
}
.vps-tab-content h3 {
    font-size: 18px;
    font-weight: 600;
}
.vps-tab-content p span.price {
    font-size: 60px;
    font-weight: 600;
    display: block;
    margin-top: 40px;
    line-height: 65px;
}
.vps-tab-content p span.time {
    font-size: 12px;
    color: #708790;
    letter-spacing: 3px;
}
.vps-tab-content p + p {
    font-family: "Work Sans", sans-serif;
    color: #90a0aa;
    margin-bottom: 30px;
}

/*=============================================
    06: Features
==============================================*/

/* 6.1: Single feature */
.single-feature {
    padding: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 20px;
}
.single-feature:hover,
.single-feature.active {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.single-feature h3 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 25px;
}
.single-feature > span {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #d5eeff;
    border-radius: 100%;
    line-height: 80px;
}
.single-feature p {
    font-family: "Work Sans", sans-serif;
    color: #708390;
    margin-bottom: 25px;
}

.single-feature:hover .btn-secondary,
.single-feature.active .btn-secondary {
    background-color: #ff895d;
}
.single-feature:hover .btn-secondary:hover,
.single-feature.active .btn-secondary:hover {
    background-color: #ffa381;
}

/*=============================================
    07: Cloud hosting plans
==============================================*/

.single-ch-plan {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 15px;
}
.single-ch-plan:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.single-ch-plan:hover h3 {
    color: #ff895d;
}
.single-ch-plan h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 26px 0;
}
.single-ch-plan p {
    background: #d5eeff;
    padding: 10px 0;
    margin-bottom: 25px;
}
.single-ch-plan p span.price {
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    display: block;
}
.single-ch-plan p span.price sup {
    font-size: 18px;
    top: -20px;
    left: -5px;
}
.single-ch-plan p span.time {
    font-size: 12px;
    color: #708790;
    letter-spacing: 5px;
}
.single-ch-plan a:hover {
    background: #ff895d;
}
.single-ch-plan ul {
    padding: 0 15px;
    list-style: none;
    margin-bottom: 25px;
}
.single-ch-plan ul li {
    color: #708790;
    font-family: "Work Sans", sans-serif;
    margin: 12px 0;
}
.single-ch-plan ul li i {
    color: #84c3ec;
    font-size: 8px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.single-ch-plan ul li i.fa-times {
    color: #ff895d;
}
.single-ch-plan span.standard-plan {
    position: absolute;
    height: 30px;
    width: 65px;
    line-height: 30px;
    color: #fff;
    background: #ff895d;
    font-size: 12px;
    left: -2px;
    top: 17px;
    border-radius: 50px 0 0 50px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
.single-ch-plan span.standard-plan-style-two {
    position: absolute;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 5px;
    color: #fff;
    width: 170px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: #ff895d;
}
.single-ch-plan-style-two h2 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 25px;
    margin-bottom: 0;
}
.single-ch-plan-style-two h2 + span {
    font-size: 12px;
    color: #708790;
    display: block;
    margin-bottom: 25px;
}
.single-ch-plan-style-two ul {
    background: #f4fbff;
    padding: 20px 15px;
}
.single-ch-plan-style-two p {
    background: transparent;
    padding: 0;
}
.single-ch-plan-style-two p span.price {
    color: #ff895d;
    display: inline-block;
}
.single-ch-plan-style-two p span.time {
    font-size: 12px;
    color: #1b435d;
    letter-spacing: 0;
}

/*=============================================
    08: Review slider
==============================================*/

.home-review-slider {
    padding-top: 60px;
}
.home-review-slider:before {
    content: '\f10e';
    position: absolute;
    font-family: "FontAwesome";
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    font-size: 30px;
    color: #ff895d;
    display: block;
    text-align: center;
}
.home-review-slider .swiper-slide h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
.home-review-slider .swiper-slide h3 span {
    color: #90a0aa;
    font-weight: normal;
    display: inline-block;
}
.home-review-slider p {
    font-size: 18px;
    line-height: 30px;
    color: #708790;
    font-family: "Work Sans", sans-serif;
    margin-bottom: 20px;
}
.home-review-slider-two {
    padding-top: 0;
}
.home-review-slider-two:before {
    content: "";
}
.home-review-slider-two .swiper-slide {
    padding-top: 60px;
}
.home-review-slider-two .swiper-slide:before {
    content: '\f10d';
    position: absolute;
    font-family: "FontAwesome";
    left: 0;
    top: 0;
    font-size: 30px;
    color: #ff895d;
}

/* Review slider pagination */
.review-swiper-pagination {
    position: inherit;
}
.review-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #ff895d;
    background: transparent;
    opacity: 1;
    margin: 0 5px;
}
.review-swiper-pagination .swiper-pagination-bullet-active {
    background: #ff895d;
}

/*=============================================
    09: Assistance
==============================================*/

.assistance {
    padding: 75px 0;
}
.assistant-title h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}
.assistant-title span {
    font-size: 24px;
    font-weight: 600;
}
.expert-button {
    text-align: right;
}

/*=============================================
    10: Why us
==============================================*/

/* 10.1: Single reason */
.single-reason span {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 1px solid #e0f3ff;
    border-radius: 100%;
    line-height: 78px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.single-reason span img {
    max-width: 32px;
}
.single-reason span img + img{
    display: none;
}
.single-reason:hover span {
    background: #1b435d;
}
.single-reason:hover span img {
    display: none;
}
.single-reason:hover span img + img {
    display: inline-block;
}
.single-reason h3 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-top: 45px;
    margin-bottom: 25px;
}
.single-reason h3:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: #ff895d;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}
.single-reason p {
    font-family: "Work Sans", sans-serif;
    color: #708390;
}

/*=============================================
    11: Home video
==============================================*/

.home-video {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d5eeff), color-stop(50%, #f4fbff));
    background: -webkit-linear-gradient(top, #d5eeff 50%, #f4fbff 50%);
    background: -o-linear-gradient(top, #d5eeff 50%, #f4fbff 50%);
    background: linear-gradient(to bottom, #d5eeff 50%, #f4fbff 50%);
    position: relative;
}
.home-video-style-two {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #f4fbff));
    background: -webkit-linear-gradient(top, #fff 50%, #f4fbff 50%);
    background: -o-linear-gradient(top, #fff 50%, #f4fbff 50%);
    background: linear-gradient(to bottom, #fff 50%, #f4fbff 50%);
}
.home-video-style-three {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f4fbff), color-stop(50%, #fff));
    background: -webkit-linear-gradient(top, #f4fbff 50%, #fff 50%);
    background: -o-linear-gradient(top, #f4fbff 50%, #fff 50%);
    background: linear-gradient(to bottom, #f4fbff 50%, #fff 50%);
}
.home-video div > img {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.home-video .video-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100px;
    margin: auto;
}
.home-video .video-info h2 {
    color: #fff;
    font-size: 24px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}

/*=============================================
    12: Data centers
==============================================*/

.data-centers .section-title {
    padding-bottom: 45px;
}
.dc-amount {
    margin-bottom: 20px;
}
.dc-amount li {
    font-weight: 500;
    padding: 7px 0;
}
.dc-amount li span {
    color: #ff895d;
    display: inline-block;
}

/* 12.1: Data centers Map */
.data-centers #vmap {
    width: 100%;
    height: 340px;
}
.jqvmap-pin {
    cursor: pointer;
}
.jqvmap-pin i {
    color: #ff895d;
    font-size: 28px;
    position: relative;
}
.jqvmap-pin i:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
}
.jqvmap-pin p {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -101px;
    right: -100px;
    top: -30px;
    margin: auto;
    text-align: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1;
}
.jqvmap-pin p span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #1b435d;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 20px;
    position: relative;
}
.jqvmap-pin p span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid #1b435d;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto;
}
.jqvmap-pin:hover p {
    opacity: 1;
    visibility: visible;
    top: -25px;
}

/*=============================================
    13: Latest news
==============================================*/

.single-latest-news {
    margin-bottom: 20px;
}
.single-latest-news h2 {
    margin-bottom: 0;
}
.post-details {
    padding: 10px 0;
    border-bottom: 1px solid #e0f3ff;
}
.post-details li {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    color: #90a0aa;
    position: relative;
}
.post-details li:not(:last-child) {
    padding-right: 10px;
}
.post-details li:not(:last-child):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #e0f3ff;
    right: -5px;
    top: 6px;
}
.post-details li i {
    font-size: 12px;
    margin-right: 8px;
}
.post-details li a {
    color: #708790;
}
.post-details li a:hover {
    color: #1b435d;
}
.single-latest-news h2 a {
    font-size: 23px;
    font-weight: 600;
    line-height: 33px;
    color: #1b435d;
    display: inline-block;
}
.single-latest-news h2 a:hover {
    color: #ff895d;
}
.blog-link {
    margin-top: 15px;
}

/*=============================================
    14: Footer
==============================================*/

.top-footer {
    padding: 50px 0 40px 0;
}
.footer a { color: #e0f3ff }
.footer a:hover { color: #fff; }

/* 14.1: Single footer */
.single-footer h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 30px;
}
.single-footer h2:before,
.single-footer h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    max-width: 60px;
    height: 10px;
    background-size: 6px 18px;
}
.single-footer h2:before {
    bottom: -10px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #aebcc5 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #aebcc5 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #aebcc5 0), 
    -o-linear-gradient(45deg, transparent 14px, #aebcc5 0);
    background-image: linear-gradient(-45deg, transparent 14px, #aebcc5 0), 
    linear-gradient(45deg, transparent 14px, #aebcc5 0);
}
.single-footer h2:after {
    bottom: -8px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #1b435d 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #1b435d 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #1b435d 0), 
    -o-linear-gradient(45deg, transparent 14px, #1b435d 0);
    background-image: linear-gradient(-45deg, transparent 14px, #1b435d 0), 
    linear-gradient(45deg, transparent 14px, #1b435d 0);
}

/* 14.2: Footer form */
.single-footer form {
    position: relative;
    margin-top: 25px;
}
.single-footer form input {
    height: 50px;
    border: 1px solid transparent !important;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.03);
    font-family: "Work Sans", sans-serif;
    padding: 0 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
}
.single-footer form input:focus {
    background: rgba(61, 95, 117, 0.5);
    color: #fff;
}
.single-footer button{
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 24px;
}

/* 14.3: Footer contact info */
.footer-contact-info {
    list-style: none;
    padding: 0;
}
.footer-contact-info li {
    font-family: "Work Sans", sans-serif;
    padding: 7px 0 7px 23px;
    position: relative;
}
.footer-contact-info li i{
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
    line-height: 35px;
    top: 0;
}

/* 14.4: Footer social icons */
.footer-social-icons {
    padding: 0;
}
.footer-social-icons li {
    display: inline-block;
    list-style: none;
}
.footer-social-icons li:not(:last-child) {
    margin-right: 10px;
}
.footer-social-icons li a {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #3c5e75;
    border-radius: 100%;
    display: block;
    text-align: center;
    background: transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer-social-icons li a:hover {
    color: #ff895d;
    background: #fff;
    border-color: #fff;
}

/* 14.5: Single footer post */
.single-footer-post:last-child {
    margin-top: 20px;
}
.single-footer-post a {
    margin-bottom: 5px;
    line-height: 24px;
    display: inline-block;
}
.single-footer-post span {
    font-size: 12px;
}
.single-footer-post span i {
    font-size: 10px;
    margin-right: 7px;
    position: relative;
    top: -2px;
}

/* 14.6: Footer links */
.footer-links {
    padding: 0;
    list-style: none;
}
.footer-links li {
    padding: 6.5px 0;
}
.footer-links li a {}
.footer-links li a i{
    margin-right: 8px;
}
.copyright {
    border-top: 1px solid #3d5f75;
    border-bottom: 1px solid #3d5f75;
}
.copyright p {
    padding: 30px 0;
    text-align: center;
}
.copyright a {
    font-weight: 600;
    color: #ff895d;
}
.copyright a:hover {
    color: #ff895d;
}

/*=============================================
    15: Back to top button
==============================================*/

.back-to-top {
    position: fixed;
    right: 25px;
    bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.back-to-top.show {
    bottom: 25px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.back-to-top a {
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #ff895d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.back-to-top a:hover {
    background: #ffa381;
    color: #fff;
}

/*=============================================
    16: Page title
==============================================*/

.page-title {
    padding-top: 65px;
    padding-bottom: 80px;
}
.page-title h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.page-title ul.list-inline > li:not(:last-child) {
    margin-right: 10px;
}
.page-title ul.list-inline > li:nth-child(2n) {
    position: relative;
    bottom: -2px;
}
.page-title li a{
    font-family: "Work Sans", sans-serif;
    color: #fff;
}
.page-title li a i{
    font-size: 12px;
    margin-right: 5px;
}

/*=============================================
    17: About us
==============================================*/

.about-us h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
}
.about-us > ul {
    border-bottom: 1px solid #e0f3ff;
    margin-bottom: 30px;
}
.about-us > ul li {}
.about-us > ul li a {
    display: block;
    color: #1b435d;
    font-weight: 500;
    padding: 12px 15px;
    margin: 0 15px;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.about-us > ul li a:hover,
.about-us > ul li a.active{
    color: #ff895d;
}
.about-us > ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-bottom: 0px solid #e0f3ff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.about-us > ul li a:hover:before,
.about-us > ul li a.active:before {
    border-bottom: 5px solid #e0f3ff;
}
.about-us p {
    font-family: "Work Sans", sans-serif;
    color: #90a0aa;
    line-height: 24px;
}
.about-us a.read-more {
    color: #1b435d;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}
.about-us a.read-more:hover {
    color: #ff895d;
}
.about-us a.read-more span {
    position: absolute;
    display: inline-block;
    color: #ff895d;
    font-size: 37px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.tab-long-content {
    display: none;
}
.tab-long-content a.read-more span {
    margin-top: -2px;
}

/* 17.1: Tab images */
.double-bg {
    position: relative;
}
.double-bg img {
    max-width: calc(100% - 60px);
}
.double-bg:before {
    content: '';
    position: absolute;
    width: 370px;
    height: 470px;
    bottom: 0;
    right: 30px;
    background: #84c3ec;
    z-index: -1;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
}
.double-bg:after {
    content: '';
    position: absolute;
    width: 370px;
    height: 470px;
    bottom: 30px;
    right: 0;
    background: #1b435d;
    z-index: -2;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
}

/*=============================================
    18: Team members
==============================================*/

.team-members-slider .container {
    overflow: hidden;
}
.team-members {
    margin-bottom: -30px;
}
.team-members .container {
    overflow: initial;
}
.team-member-slider {
    overflow: initial;
    padding-bottom: 10px;
}
.single-member {
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
}
.team-members .single-member {
    margin-bottom: 30px;
}
.team-members .single-member img {
    width: 100%;
}
.member-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    padding: 12px 15px;
    height: 66px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.single-member:hover .member-info {
    bottom: -66px;
}
.member-info h3{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.member-info span {
    display: block;
    font-size: 12px;
    color: #708790;
    font-family: "Work Sans", sans-serif;
}

/* 18.1: Member hover info */
.member-hover-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -66px;
    left: 0;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 0;
}
.member-hover-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ff895d;
    opacity: .9;
    z-index: -1;
}
.single-member:hover .member-hover-wrap {
    top: 0;
    opacity: 1;
}
.member-hover {
    color: #fff;
    padding: 0 15px;
}
.member-hover h3 {
    font-size: 14px;
}
.member-hover span {
    font-size: 12px;
    font-family: "Work Sans", sans-serif;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 15px;
    margin-bottom: 8px;
}
.member-hover p {
    font-family: "Work Sans", sans-serif;
    line-height: 24px;
}
.member-hover ul {
    margin-bottom: 0;
}
.member-hover ul li a{
    color: #fff;
}
.member-hover ul li a:hover{
    color: #e0f3ff;
}

/* 18.2: Team member navigation */
.team-nav {
    padding: 0;
    list-style: none;
    margin-top: 15px;
    margin-bottom: 0;
}
.team-nav li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.team-nav li.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.team-nav li:nth-child(2) {
    margin: 0 5.5px;
}
.team-nav li a{
    color: #1b435d;
    letter-spacing: 1px;
}
.team-nav li a:hover {
    color: #ff895d;
}
.team-nav li a i {
    margin: 0 10px;
}

/*=============================================
    19: Blog
==============================================*/

.blog {
    border-bottom: 1px solid #e0f3ff;
}
.blog .single-latest-news {
    margin-bottom: 50px;
}
.single-latest-news > ul:first-child {
    margin-bottom: 0;
    padding: 25px 15px 15px;
    background-color: #f4fbff;
    border-bottom: 1px solid #e0f3ff;
}
.single-latest-news > ul:first-child + h2 {
    padding: 10px 15px 20px;
    background-color: #f4fbff;
}

/* 19.1: Pagination */
.pagination {
    margin-top: 55px;
}
.pagination li + li {
    margin-left: 30px;
}
.pagination li a {
    color: #1b435d;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.pagination li.active a,
.pagination li a:hover {
    color: #ff895d;
}
.pagination li:first-child a i {
    margin-right: 10px;
}
.pagination li:last-child a i {
    margin-left: 10px;
}

/*=============================================
    20: Sidebar widgets
==============================================*/

.single-sidebar {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05);
            box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.single-sidebar:not(:last-child) {
    margin-bottom: 30px;
}
.single-sidebar h2 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #e0f3ff;
    padding: 20px 30px;
}
.single-sidebar-content {
    padding: 20px 30px;
}

/* 20.1: Search */
.search-form {
    position: relative;
    margin-bottom: 30px;
}
.search-form input{
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    height: 50px;
    background: #f4fbff;
    border: none;
    border-radius: 0;
    padding: 0 30px;
}
.search-form input:focus{
    border: 0;
    background: #e9f7ff;
}
.search-form button{
    border: 0;
    background: transparent;
    color: #1b435d;
    position: absolute;
    right: 25px;
    top: 14px;
    cursor: pointer;
}

/* 20.2: Sidebar list */
.sidebar-list {
    padding: 0;
    margin-bottom: 0;
}
.sidebar-list li {
    list-style: none;
    position: relative;
    padding: 6.5px 20px;
}
.sidebar-list li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 3px solid #84c3ec;
    border-radius: 100%;
    left: 0;
    top: 14px;
}
.sidebar-list li a {
    font-family: "Work sans", sans-serif;
    color: #90a0aa;
}
.sidebar-list li a:hover {
    color: #ff895d;
}

/* 20.3: Popular post */
.single-popular-post:after {
    content: '';
    display: block;
    clear: both;
}
.single-popular-post:not(:last-child) {
    margin-bottom: 20px;
}
.single-popular-post img {
    float: left;
    margin-right: 15px;
    padding-top: 5px;
}
.single-popular-post-info {
    overflow: hidden;
}
.single-popular-post-info h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: 500;
}
.single-popular-post-info a {
    display: inline-block;
    color: #708790;
}
.single-popular-post-info a:hover {
    color: #ff895d;
}
.single-popular-post-info span {
    font-size: 12px;
    color: #90a0aa;
}
.single-popular-post-info span i {
    font-size: 10px;
    margin-right: 8px;
}

/* 20.4: Tags */
.tag-list {
    padding: 0;
    list-style: none;
    margin-left: -6px;
    margin-bottom: 0;
}
.tag-list li {
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 10px;
}
.tag-list li a {
    font-family: "Work sans", sans-serif;
    font-size: 12px;
    color: #708790;
    background: #f4fbff;
    display: block;
    padding: 6px 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.tag-list li a:hover {
    background: #daf2ff;
}

/* 21.5: Sidebar social icons */
.sidebar-social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.sidebar-social-icons li {
    display: inline-block;
}
.sidebar-social-icons li + li {
    margin-left: 19px;
}
.sidebar-social-icons li a {
    font-size: 12px;
    color: #90a0aa;
    display: block;
    border: 1px solid #e1f3ff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.sidebar-social-icons li a:hover {
    color: #fff;
    background: #ff895d;
    border-color: #ff895d;
}

/*=============================================
    21: Single post
==============================================*/

.single-post-content {}
.single-post-content h1 {
    font-weight: 600;
    font-size: 24px;
    color: #ff895d;
    margin-bottom: 20px;
}
.single-post-content h2 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}
.single-post-content p {
    font-family: "Work sans", sans-serif;
    color: #90a0aa;
}
.single-post-content p.quote {
    font-size: 18px;
    color: #708790;
    background: #f4fbff;
    padding: 35px 30px;
    width: calc(100% - 40px);
    margin: 25px auto;
    position: relative;
}
.single-post-content p.quote:before {
    content: '\f10e';
    position: absolute;
    font-family: "FontAwesome";
    right: 30px;
    bottom: 20px;
    font-size: 24px;
    color: #90a0aa;
}

/* 21.1: Share */
.share-wrap {
    border: 1px solid #e0f3ff;
    padding: 14px 14px 4px;
    margin-top: 25px;
    overflow: hidden;
}
.share-wrap .share {
    margin-top: 3px;
    position: relative;
    width: 70px;
    text-align: right;
}
.share-wrap .share p {
    margin: 0;
}
.share-wrap .share p span {
    margin-right: 10px;
    font-family: "Work sans", sans-serif;
    position: absolute;
    right: 12px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.share-wrap .share:hover p span {
    right: -20px;
    opacity: 0;
}
.share-icons {
    position: absolute;
    margin: 0;
    padding: 0;
    right: -100px;
    top: 0;
    width: 160px;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
}
.share-wrap .share:hover .share-icons {
    right: 35px;
    opacity: 1;
    visibility: visible;
}
.share-icons li {
    display: inline-block;
}
.share-icons li + li {
    margin-left: 10px;
}
.share-icons li a {
    font-size: 12px;
    color: #90a0aa;
}
.share-icons li a:hover {
    color: #ff895d;
}

/* 21.2: Author */
.post-author {
    border: 1px solid #e0f3ff;
    margin-top: 30px;
    padding: 25px 30px;
}
.author-image {
    margin-right: 30px;
    padding-top: 10px;
}
.author-image img {
    border-radius: 100%;
}
.author-info {
    overflow: hidden;
}
.author-info p:first-child {
    font-size: 12px;
    color: #90a0aa;
}
.author-info p:first-child span {
    font-weight: 600;
    color: #1b435d;
}
.author-info p:not(:first-child) {
    font-family: "Work sans", sans-serif;
    color: #708790;
}
.author-info ul {
    margin-bottom: 0;
}
.author-info ul li:not(:last-child) {
    margin-right: 12px;
}
.author-info ul li a {
    color: #90a0aa;
    font-size: 12px;
}
.author-info ul li a:hover {
    color: #ff895d;
}

/* 21.3: Post navigation */
.post-nav {
    margin-top: 55px;
}
.post-nav ul li {
    width: 50%;
}
.post-nav ul li a{
   font-size: 12px;
   font-weight: 500;
   color: #90a0aa;
   text-transform: uppercase;
}
.post-nav ul li a:hover{
   color: #1b435d;
}
.post-nav ul li:first-child {
    text-align: left;
}
.post-nav ul li:first-child a i {
    margin-right: 10px;
}
.post-nav ul li:last-child {
    text-align: right;
}
.post-nav ul li:last-child a i {
    margin-left: 10px;
}

.related-post,
.post-comments,
.post-comment-form {
    border-top: 1px solid #e0f3ff;
    padding-top: 55px;
    margin-top: 55px;
}

/* 21.4: Zigzag border */
.zigzag-border {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 40px;
    position: relative;
}
.zigzag-border:before,
.zigzag-border:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    max-width: 60px;
    height: 10px;
    background-size: 6px 18px;
}
.zigzag-border:before {
    bottom: -10px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #ffb296 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #ffb296 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #ffb296 0), 
    -o-linear-gradient(45deg, transparent 14px, #ffb296 0);
    background-image: linear-gradient(-45deg, transparent 14px, #ffb296 0), 
    linear-gradient(45deg, transparent 14px, #ffb296 0);
}
.zigzag-border:after {
    bottom: -8px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #fff 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #fff 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #fff 0), 
    -o-linear-gradient(45deg, transparent 14px, #fff 0);
    background-image: linear-gradient(-45deg, transparent 14px, #fff 0), 
    linear-gradient(45deg, transparent 14px, #fff 0);
}

/* 21.5: Post comments */
.main-comment:not(:first-child) {
    border-top: 1px solid #e0f3ff;
    padding-top: 35px;
    margin-top: 30px;
}
.single-comment a {
    font-family: "Work sans", sans-serif;
    font-size: 12px;
    color: #708790;
    position: absolute;
    right: 0;
    top: 0;
    background: #f4fbff;
    display: inline-block;
    padding: 6px 10px;
}
.comment-author {
    margin-right: 15px;
}
.comment-author img {
    border-radius: 100%;
}
.comment-content {
    overflow: hidden;
    position: relative;
}
.comment-content h4 {
    font-size: 12px;
    font-weight: 600;
}
.comment-content h4 span {
    color: #90a0aa;
    font-weight: normal;
}
.comment-content p {
    font-family: "Work sans", sans-serif;
    color: #708790;
    line-height: 24px;
    max-width: calc(100% - 70px);
    margin-bottom: 0;
}
.comment-reply {
    margin-left: 65px;
    border-top: 1px solid #e0f3ff;
    padding-top: 35px;
    margin-top: 30px;
}

/* 21.6: Comment form */
.comment-form .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.comment-form .row > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
    border: 1px solid #e0f3ff;
    background: #f4fbff;
    font-family: "Work sans", sans-serif;
    font-size: 14px;
    border-radius: 0;
    margin-bottom: 15px;
}
.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus,
.comment-form textarea:focus {
    background: #e9f7ff;
    border: 1px solid #e0f3ff;
}
.comment-form textarea {
    padding: 15px;
    min-height: 120px;
}
.comment-form input[type=text],
.comment-form input[type=email] {
    height: 40px;
    padding: 0 15px;
}
.comment-form button {
    margin-top: 15px;
}

/*=============================================
    22: Domain
==============================================*/

.domain-search {
    padding-bottom: 35px;
}
.domain-search h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 25px 0;
}

/* 22.1: Domain search form */
.domain-search .form-group {
    position: relative;
    margin-bottom: 25px;
}
.domain-search input[type=text] {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    height: 52px;
    padding: 0 30px;
    border-radius: 100px;
    border-color: transparent;
}
.domain-search input[type=submit] {
    position: absolute;
    top: 6px;
    right: 6px;
    min-width: 120px;
}
.domain-search ul {}
.domain-search ul li {
    font-family: "Work Sans", sans-serif;
}
.domain-search ul li input {
    opacity: 0;
    visibility: hidden;
}
.domain-search ul li label {
    position: relative;
}
.domain-search ul li label:before {
    content: '\f10c';
    position: absolute;
    font-family: "FontAwesome";
    left: -10px;
    top: 7px;
    font-size: 6px;
}
.domain-search ul li input:checked + label:before {
    content: '\f192';
}

/* 22.2: Domain names */
.domain-names > ul {
    border: 1px solid #e0f3ff;
    margin: 0;
}
.domain-names > ul > li {
    padding: 10px;
}
.domain-names > ul > li:nth-child(2n) {
    background: #f4fbff;
}
.domain-names ul ul {
    display: table;
    padding: 0;
    width: 100%;
}
.domain-names ul ul li {
    display: table-cell;
    vertical-align: middle;
}
.domain-names ul ul li:nth-child(1) {
    font-size: 18px;
    padding-left: 20px;
    max-width: 338px;
    word-wrap: break-word;
}
.domain-names ul ul li:nth-child(1) span {
    font-weight: 700;
}
.domain-names ul ul li:nth-child(2) {
    font-size: 36px;
    font-weight: 600;
    color: #ff895d;
    width: 150px;
    text-align: right;
    padding-right: 30px;
}
.domain-names ul ul li:nth-child(2) sup {
    font-size: 18px;
    top: -12px;
    right: 5px;
}
.domain-names ul ul li:nth-child(2) sub {
    font-size: 12px;
    color: #708790;
    font-weight: normal;
    bottom: 0;
}
.domain-names ul ul li:nth-child(3) {
    width: 60px;
}
.domain-names ul ul li:nth-child(3) a {
    width: 60px;
    height: 60px;
    display: block;
    font-size: 18px;
    color: #1b435d;
    border: 1px solid #e0f3ff;
    text-align: center;
    line-height: 58px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.domain-names ul ul li:nth-child(3) a:hover {
    color: #fff;
    background: #1b435d;
}

/*=============================================
    23: Contact page
==============================================*/
.map {
    width: 100%;
    margin-bottom: 60px;
    border: 1px solid rgba(0,0,0,0.05);
}
.contact-info {
    font-family: "Work Sans", sans-serif;
}
.contact-info a {
    color: #90a0aa;
}
.contact-info a:hover {
    color: #1b435d;
}
.contact-info p {
    color: #90a0aa;
}
.contact-info .footer-contact-info {
    color: #90a0aa;
    border-top: 1px solid #e0f3ff;
    margin-top: 30px;
    padding-top: 15px;
}
.contact-info .footer-social-icons a {
    color: #90a0aa;
    border-color: #e2f4ff;
}
.contact-info .footer-social-icons a:hover {
    color: #fff;
    border-color: #ff895d;
    background: #ff895d;
}

/*=============================================
    24: Others
==============================================*/

#fakeLoader {
    background-color: #1b435d !important;
}
.not-found {
    padding-top: 125px;
}
.not-found h2 {
    font-size: 100px;
    font-weight: 700;
}
.not-found p {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}

[data-animate] {
    visibility: hidden;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
[data-animate].animated {
    visibility: visible;
}
