/*---------------------------------------------
Template name: CryptoCloud
Version: 1
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 {
    color: #fff;
    text-shadow: none;
}
::selection {
    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;
    transition: all 0.2s;
}
input[type=text]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
    border: 1px solid #1b435d;
    outline: none;
    box-shadow: none !important;
}

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

p {
    line-height: 1.8;
}

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

a {
    color: #ff895d;
    -webkit-transition: all .2s;
            transition: all .2s;
}
a:hover {
    color: #e05521;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

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

body {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #1b435d;
    background: #fff;
    position: relative;
    overflow-x: hidden;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

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;
    box-shadow: none;
}
.btn-primary:hover {
    background-color: #3a769e;
    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;
    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;
    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;
    margin-top: 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;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.bypostauthor {
  text-decoration: none;
}

.blog--sidebar .gallery-caption{
    margin-top: 9px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 15px;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


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

.section-title {
    text-align: center;
    padding-bottom: 60px;
}
.section-title h2 {
    margin-top: -9px;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 25px;
    z-index: 0;
    position: relative;
}
.section-title h2 svg {
    fill: none;
    stroke: #ff895d;
    stroke-width: 5px;
    width: 117px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 3px;
}
.section-title span {
    font-family: "Work Sans", sans-serif;
    color: #90a0aa;
    display: block;
    max-width: 720px;
    margin: auto;
    line-height: 1.8;
}

/*=============================================
    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;
    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 h2 {
    margin: 0;
    padding-bottom: 17px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}
.header-container .logo img {
    padding-top: 9px;
    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;
    transition: all .2s ease;
    font-weight: 500;
}
.header-menu > ul > li:hover > a {
    background: #96ccef;
}
.sticking .header-menu > ul > li:hover > a {
    color: #fff;
}
.header-menu > ul > li > a > i{
    font-size: 12px;
}
.header-menu > ul > li.current-menu-ancestor > a,
.header-menu > ul > li.current-menu-item > a {
    background: #fff;
    color: #7fc3ec;
}
.sticking .header-menu > ul > li.current-menu-ancestor > a,
.sticking .header-menu > ul > li.current-menu-item > a {
    background: #96ccef;
    color: #fff;
}
.header-menu ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -webkit-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;
    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;
    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.current-menu-item > a,
.header-menu ul ul li.current-menu-ancestor > a {
    color: #ff895d;
}
.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.current-menu-ancestor > a,
.header-style-two .header-menu > ul > li.current_page_item > a,
.header-style-three .header-menu > ul > li.current-menu-ancestor > a,
.header-style-three .header-menu > ul > li.current_page_item > 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: #3a769e;
    color: #fff;
}

/* 3.3: Sticky-header */
.sticking {
    background-color: #fff !important;
    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;
    height:50px !important;
    width: auto !important;
    padding-top: 0px !important;
}
img.non-sticky-logo {
    height: 62px !important;
    padding-top: 0px !important;
    width: auto !important;
}
.sticking .header-menu > ul > li > a,
.header-style-three .header-menu > ul > li > a{
    color: #1b435d;
}
.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.current-menu-ancestor > a,
.sticking.header-style-three .header-menu > ul > li.current-menu-ancestor > a{
    background: transparent;
    color: #ff895d;
}
.sticking .register-button a{
    background: #ff895d;
    color: #fff;
}
.sticking .register-button a:hover{
    background: #3a769e;
}
.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: #3a769e;
}

/*=============================================
    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: 20px;
}
.main-banner .banner-content h2 {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 25px;
}
.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;
    display: inline-block;
}
.main-banner .banner-content ul {
    margin-top: 35px;
    margin-bottom: 0;
}
.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;
}
.bg--overlay {
    position: relative;
    background-color: transparent !important;
}
.bg--overlay:before {
    content: "";
    position: absolute;
    background: #1b435d;
    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 #3a769e;
}

/* 4.1: Slider pagination */
.home-slider-pagination {
    bottom: 25px !important;
}
.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;
    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;
    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;
    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;
    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;
    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.pull-left {
    position: relative;
    top: 10px;
    left: 60px;
}
.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;
    position: relative;
}
#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;
    display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    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;
    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;
    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: 0.5px;
    margin: auto;
    z-index: 1;
    opacity: 0;
    -webkit-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;
    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;
    line-height: 1.4;
}
.vps-pricing-feature .progress {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #ff895d;
    -webkit-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: 50px;
    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;
    transition: all 0.2s ease-in-out;
    margin-top: 20px;
}
.single-feature:hover,
.single-feature.active {
    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;
    font-size: 30px;
    text-align: center;
}
.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: #3a769e;
}

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

.single-ch-plan {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 15px;
}
.single-ch-plan:hover {
    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);
        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;
}
.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";
    top: 0;
    margin: auto;
    font-size: 30px;
    color: #ff895d;
    display: block;
    text-align: center;
}
.home-review-slider.text-center:before {
    left: 0;
    right: 0;
}
.home-review-slider.text-left:before {
    left: 0;
}
.home-review-slider.text-right:before {
    right: 0;
}
.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 {
    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";
    top: 0;
    font-size: 30px;
    color: #ff895d;
}

.home-review-slider.text-left .swiper-slide:before {
    left: 0;
}
.home-review-slider.text-right .swiper-slide:before {
    right: 0;
}
.home-review-slider.text-left .swiper-slide:before {
    left: 0;
    right: 0;
}

/* Review slider pagination */
.review-swiper-pagination {
    position: relative;
    bottom: -6px;
}
.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;
    display: block;
}
.expert-button {
    text-align: right;
}
.order-last + div .expert-button {
    text-align: left;
}

/*=============================================
    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;
    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;
    top: 15px;
    margin: auto;
}
.single-reason .icon {
    height: 63px;
    font-size: 40px;
    line-height: 63px;
}
.single-reason.text-center h3:before {
    left: 0;
    right: 0;
}
.single-reason.text-left h3:before {
    left: 0;
}
.single-reason.text-right h3:before {
    right: 0;
}
.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: 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: 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: linear-gradient(to bottom, #f4fbff 50%, #fff 50%);
}
.home-video div > img {
    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;
}
.home-video .video-info a {
    font-size: 30px;
}

.mfp-iframe-scaler iframe {
    box-shadow: none;
}

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

.data-centers .section-title {
    padding-bottom: 45px;
}
.data-centers .section-title.text-left h2 svg {
    margin: 0;
}
.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;
    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 15px;
    border-bottom: 1px solid #e0f3ff;
    margin-bottom: 24px;
    margin-top: 5px;
}
.single-post-view .post-details:first-child {
    margin-top: 0;
    padding-top: 0;
}
.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: 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 svg {
    fill: none;
    stroke: #aebcc5;
    stroke-width: 5px;
    width: 60px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

/* 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;
    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;
    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 i{
    margin-right: 8px;
}
.copyright p {
    padding: 30px 0;
    text-align: center;
}
.copyright a {
    font-weight: 600;
    color: #ff895d !important;
}
.copyright a:hover {
    color: #ff6e39 !important;
}

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

.back-to-top {
    position: fixed;
    right: 25px;
    bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-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;
    transition: all 0.2s;
}
.back-to-top a:hover {
    background: #3a769e;
    color: #fff;
}

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

.page-title {
    padding-top: 65px;
    padding-bottom: 80px;
    position: relative;
}
.page-title h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.page-title ul li {
    font-weight: bold;
}
.page-title ul.list-inline > li + li:before {
    content: '/';
    margin-right: 10px;
    color: #fff;
    font-weight: normal;
    position: relative;
    top: 1px;
}
.page-title li a{
    font-family: "Work Sans", sans-serif;
    color: #fff;
    font-weight: normal;
}
.page-title li a:hover{
    color: #ff895d;
}
.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;
    margin-top: -9px;
}
.about-us > ul {
    border-bottom: 1px solid #e0f3ff;
    margin-bottom: 30px;
}
.about-us > ul li a {
    display: block;
    color: #1b435d;
    font-weight: 500;
    padding: 12px 15px;
    margin: 0 15px;
    position: relative;
    -webkit-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;
    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;
}
.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;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 30px;
}
.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;
    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;
    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;
}
.single-latest-news.sticky > ul:first-child,
.single-latest-news.sticky > ul:first-child + h2 {
    background-color: #1b435d;
}
.single-latest-news.sticky ul li a,
.single-latest-news.sticky h2 a {
    color: #fff;
}
.single-latest-news.sticky ul li a:hover,
.single-latest-news.sticky h2 a:hover {
    color: #ff895d;
}

/* 19.1: Pagination */
.pagination {
    margin-top: 55px;
}
.pagination li {
    color: #ccc;
    cursor: default;
}
.pagination li + li,
.post-nav ul 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,
.page-numbers li.active a,
.page-numbers li a:hover{
    color: #ff895d;
}
.pagination li:first-child i,
.page-numbers li:first-child i {
    margin-right: 10px;
}
.pagination li:last-child i,
.page-numbers li:last-child i {
    margin-left: 10px;
}
.pagination li span.mr--5 {
    display: none;
}
.blog-page--pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-nav ul li {
    display: inline-block;
}

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

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

/* 20.1: Search */
.search-form {
    position: relative;
    margin-bottom: 30px;
}
.search-form input,
.widget_product_search input[type=search] {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    height: 50px;
    background: #f4fbff;
    border: none;
    border-radius: 0;
    padding: 0 30px;
    width: 100%;
}
.search-form input:focus{
    border: 0;
    background: #e9f7ff;
}
.search-form button,
.widget_product_search button {
    border: 0;
    background: transparent;
    color: #1b435d;
    position: absolute;
    right: 25px;
    top: 14px;
    cursor: pointer;
}
.widget_product_search button {
    text-indent: -9999px;
}
.widget_product_search button:before {
    content: '\f002';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: 0;
    font-family: 'FontAwesome';
}
.widget_product_search form {
    position: relative;
}

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

.widget_recent_comments ul,
.widget_rss ul,
.widget_recent_entries ul {
    list-style: none;
    padding-left: 0;
}
.widget_recent_comments ul li {
    color: #90a0aa;
    padding-left: 15px;
}
.widget_recent_comments ul li + li,
.widget_rss ul li + li,
.widget_recent_entries ul li + li {
    margin-top: 10px;
}
.widget_recent_comments ul li span {
    display: block;
    position: relative;
    left: -15px;
}
.widget_recent_entries ul li span {
    display: block;
    color: #90a0aa;
}
.widget_rss ul li {
    color: #90a0aa;
    line-height: 1.8;
}
.widget_recent_comments ul li a {
    color: #90a0aa;
}
.widget_recent_comments ul li a:hover {
    color: #ff895d;
}
.widget_recent_comments ul li > a,
.widget_recent_entries ul li > a,
.widget_rss ul li > a {
    color: #667178;
}
.widget_recent_comments ul li a:hover,
.widget_rss ul li a:hover,
.widget_recent_entries ul li a:hover {
    color: #ff895d;
}

.widget_search form {
    margin-bottom: 0;
}

/* 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;
    transition: all .2s
}

.tag-list li a:hover {
    background: #daf2ff;
}

.single-sidebar .tagcloud {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.single-sidebar .tagcloud a {
    font-family: "Work sans", sans-serif;
    font-size: 12px !important;
    color: #708790;
    background: #f4fbff;
    display: inline-block;
    padding: 6px 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: 5px;
}
.single-sidebar .tagcloud a:hover {
    background: #daf2ff;
}

/* 21.5: Sidebar social icons */
.sidebar-social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-social-icons li {
    display: inline-block;
}
.sidebar-social-icons li + li {
    margin-left: 7px;
}
.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;
    transition: all .2s;
}
.sidebar-social-icons li a:hover {
    color: #fff;
    background: #ff895d;
    border-color: #ff895d;
}
.single-footer .single-sidebar-content {
    padding: 0;
}
.single-footer .sidebar-social-icons li a{
    color: #e1f3ff;
}

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

.single-post-content {
    color: #90a0aa;
    font-family: "Work sans", sans-serif;
}
.single-post-content h1:first-child {
    font-weight: 600;
    font-size: 24px;
    color: #ff895d;
    margin-bottom: 20px;
    margin-top: 0;
}
.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    font-family: inherit;
    color: #1b435d;
}
.single-post-content p.quote {
    font-size: 18px;
    color: #708790;
    background: #f4fbff;
    padding: 35px 30px;
    margin: 25px 0;
    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;
}
@media (min-width: 768px) {
	.share-wrap .share {
		margin-bottom: 10px;
	}
}
.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;
    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;
    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: 60px;
    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 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 a i {
    margin-right: 10px;
}
.post-nav ul li:last-child a i {
    margin-left: 10px;
}

.related-post,
.post-comments,
.comment-respond:not(.contact-page-form) {
    border-top: 1px solid #e0f3ff;
    padding-top: 55px;
    margin-top: 55px;
}

.post-comments > ul {
    padding: 0;
    list-style: none;
}
/* 21.4: Zigzag border */
.zigzag-border {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 40px;
    position: relative;
}
.zigzag-border svg {
    fill: none;
    stroke: #ff895d;
    stroke-width: 5px;
    width: 60px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

/* 21.5: Post comments */
.post-comments .children {
    margin-left: 65px;
    padding: 0;
    list-style: none;
}
.single-comment {
    border-top: 1px solid #e0f3ff;
    padding-top: 35px;
    margin-top: 30px;
}
.single-comment h4 + 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%;
    width: 50px;
}
.comment-content {
    overflow: hidden;
    position: relative;
}
.comment-content h4:first-child {
    font-size: 12px;
    font-weight: 600;
}
.comment-content h4 a {
    color: #1b435d;
}
.comment-content h4 a:hover {
    color: #ff895d;
}
.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-respond .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.comment-respond .row > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.comment-respond input[type=text],
.comment-respond input[type=email],
.comment-respond textarea {
    border: 1px solid #e0f3ff;
    background: #f4fbff;
    font-family: "Work sans", sans-serif;
    font-size: 14px;
    border-radius: 0;
    margin-bottom: 15px;
}
.comment-respond input[type=text]:focus,
.comment-respond input[type=email]:focus,
.comment-respond textarea:focus {
    background: #e9f7ff;
    border: 1px solid #e0f3ff;
}
.comment-respond textarea {
    padding: 15px;
    min-height: 120px;
}
.comment-respond input[type=text],
.comment-respond input[type=email] {
    height: 40px;
    padding: 0 15px;
}
.comment-respond button {
    margin-top: 15px;
}
#cancel-comment-reply-link {
    color: red;
    float: right;
}


/*=============================================
    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 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;
    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 .page-contact-info {
    color: #90a0aa;
    border-top: 1px solid #e0f3ff;
    margin-top: 30px;
    padding-top: 15px;
}
.contact-info .page-contact-info li {
    padding-top: 7px;
    padding-bottom: 7px;
}
.contact-info .page-contact-info i {
    margin-right: 10px;
    width: 15px;
    text-align: center;
}
.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;
}
.contact-info.text-right .zigzag-border svg {
    left :inherit;
    right: 0;
}
.contact-info.text-center .zigzag-border svg {
    left :0;
    right: 0;
    margin: auto;
}

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

.wpgdprc-checkbox input[type=checkbox],
.wpcf7-list-item input[type=checkbox] {
    display: inline;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
}
span.wpcf7-list-item {
    margin: 0;
}

/*CUSTOM CSS*/
.single-sidebar-content .single-popular-post img{
    height: 70px;
}

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

#respond {
    position: relative;
}

#adminbarfix {top:32px;}

.header-container .order-last .logo{
    text-align: right;
}

.header-container .order-first .register-button{
    text-align: left;
}

.menupos .header-menu > ul{
    text-align: left!important;
}

.sticking .register-button a:hover {
    color: #fff;
}

.textwidget form select{
    width: 100%;
}

.error404 header.header {
    background-color: #1b435d;
}

#postCommentForm .form-submit {
    margin: 0;
}

.footer_newsletter .alert {
    margin-top: 12px;
}

/*=============================================
    Woocommerce
==============================================*/
.woocommerce .product img{
    width: 100%;
}
.woocommerce .products .product{
    margin-bottom: 50px;
}
.woocommerce .products .product .woocommerce-loop-category__title, .woocommerce .products .product .woocommerce-loop-product__title, .woocommerce .products .product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
}
.woocommerce .products .product .price {
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}
.woocommerce .cart_list a,
.woocommerce .product_list_widget  a {
    color: #1b435d;
    font-weight: 500;
}

.woocommerce .cart_list a:hover,
.woocommerce .product_list_widget a:hover {
    color: #ff895d;
}

.woocommerce .cart_list, .woocommerce .product_list_widget {
    margin-bottom: 5px;
}

.product_list_widget .star-rating {
    margin: 5px 0;
}
.product_list_widget .reviewer {
    font-size: 90%;
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #ff895d;
    color: #fff;
    font-weight: normal;
    border-radius: 50px;
}

.woocommerce .widget_shopping_cart .buttons a:hover,
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #3a769e;
    color: #fff;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    padding-left: 20px !important;
}

.widget_layered_nav_filters a {
    color: #1b435d;
    font-size: 14px;
}

.widget_layered_nav_filters a:hover {
    color: #e05521;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #e05521;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #ff895d;
    border-width: 0;
}

.products-wrap .page-title {
    padding: 0;
    font-size: 30px;
}

.woocommerce-ordering select {
    height: 40px;
    border: 1px solid #e0f3ff;
    padding: 0 10px;
    min-width: 250px;
    max-width: 100%;
}

.woocommerce-result-count {
    padding-top: 10px;
}

li.type-product a h2 {
    color: #1b435d;
}

li.type-product a:hover h2 {
    color: #e05521;
}

.woocommerce div.product .product_title {
    font-size: 30px;
}

.woocommerce span.onsale {
    background-color: #ff895d;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #e05521;
    margin-bottom: 15px;
    display: block;
}

.woocommerce-product-details__short-description {
    margin-bottom: 20px;;
}

.woocommerce div.product form.cart .variations select {
    height: 30px;
    border: 1px solid #e0f3ff;
}

.woocommerce .quantity .qty {
    height: 34px;
    border: 1px solid #e0f3ff;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e0f3ff !important;
    border-radius: 0 !important;
    height: 40px !important;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 60px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ff895d;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #3a769e;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #ff895d;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    max-width: inherit;
    padding: 0;
}

.woocommerce form .form-row {
    display: block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row span.select2-selection.select2-selection--single,
.woocommerce form .form-row textarea {
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #e0f3ff;
    background: #f4fbff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
    color: #ff895d;
}
.woocommerce ul.cart_list li .star-rating:hover, .woocommerce ul.product_list_widget li .star-rating:hover{
    color: #e05521;
}

.woocommerce form .form-row textarea {
    padding: 10px;
    min-height: 100px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    background: #e9f7ff;
}

.woocommerce span.onsale {
    width: 3.236em;
    height: 3.236em;
    padding: 0;
}

.product_meta > span {
    display: block;
}

.product_meta > span + span {
    margin-top: 9px;
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
    border: none;
}
.woocommerce nav.woocommerce-pagination  li + li {
    margin-left: 10px;
}

.woocommerce nav.woocommerce-pagination a:focus,
.woocommerce nav.woocommerce-pagination a:hover,
.woocommerce nav.woocommerce-pagination span.current {
    background: transparent!important;
    color: #ff895d!important;
}
.woocommerce nav.woocommerce-pagination a {
    color: #1b435d;
}

.woocommerce-Reviews .woocommerce-Reviews-title {
    margin-bottom: 13px;
    color: #1b435d;
    font-size: 18px;
    font-weight: 600;
}

.woocommerce-Reviews .comment-reply-title {
    display: block;
    margin-bottom: 5px;
    color: #1b435d;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

.woocommerce-Reviews .commentlist {
    padding: 0;
}

.related.products {
    margin-bottom: -45px;
    margin-top: 15px;
}

.woocommerce-Reviews p input[type=text],
.woocommerce-Reviews p input[type=email] {
    width: 100%;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 15px 0 0;
}

.woocommerce div.product div.images {
    margin-bottom: 60px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    min-width: 130px;
    margin: 0 10px 0 0;
}

.woocommerce .products .product .price ins {
    text-decoration: none;
    color: #1b435d;
}

.woocommerce .products .product .price del {
    color: #1b435d;
    margin-right: 10px;
}

.woocommerce .products .product .price {
    color: #1b435d;
}

.woocommerce .cart_list ins, .woocommerce .product_list_widget ins {
    text-decoration: none;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    text-decoration: none;
}

.woocommerce-MyAccount-navigation{
    padding-left: 0;
    list-style: none;
}
.woocommerce-MyAccount-navigation {
    padding: 10px 0;
}
.woocommerce-MyAccount-navigation div:first-child {
    padding-top: 0;
}
.woocommerce-MyAccount-navigation div:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.woocommerce-MyAccount-navigation a {
    color: #1b435d;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
    color: #ff895d;
}

.woocommerce-MyAccount-content legend,
.woocommerce-MyAccount-content h3 {
    font-size: 18px;
    font-weight: 500;
}
.woocommerce div.product div.summary {
    margin-bottom: 60px;
}

/*=============================================
    Common CSS for WP
==============================================*/

/* Gallery widget */
.gallery-size-thumbnail {
        display: -ms-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: -15px;
}
.gallery-size-thumbnail figure {
    -ms-flex: 0 0 33.333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}
.gallery-columns-5 figure {}
.gallery-size-thumbnail figure figcaption {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 6px;
}
.gallery-item {
    padding: 0 5px;
}

/* Calendar Widget */
.calendar_wrap table {
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
}
.calendar_wrap table > caption {
    padding-top: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-align: center;
    caption-side: inherit;
}
.calendar_wrap table>tbody>tr>td,
.calendar_wrap table>tbody>tr>th,
.calendar_wrap table>tfoot>tr>td,
.calendar_wrap table>tfoot>tr>th,
.calendar_wrap table>thead>tr>td,
.calendar_wrap table>thead>tr>th {
    border: 1px solid #ddd;
}
.calendar_wrap table>thead>tr>td,
.calendar_wrap table>thead>tr>th {
    border-bottom-width: 2px;
    text-align: center;
    color: #000;
}

/* Post Content */
.single-post-content:after,
.page.type-page:after {
    content: ' ';
    display: table;
    clear: both;
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    margin-top: 0.5em;
}

.single-post-content ul,
.single-post-content ol {
    padding-left: 20px;
}

.single-post-content table,
.comment--item table,
.content.type-page table {
    border: 1px solid #ddd;
    width: 100%;
}

.single-post-content table>tbody>tr>td,
.single-post-content table>tbody>tr>th,
.comment-content table>tbody>tr>td,
.comment-content table>tbody>tr>th,
.content.type-page table>tbody>tr>td,
.content.type-page table>tbody>tr>th {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.single-post-content table>thead>tr>td,
.single-post-content table>thead>tr>th,
.comment-content table>thead>tr>td,
.comment-content table>thead>tr>th ,
.content.type-page table>thead>tr>td,
.content.type-page table>thead>tr>th {
    color: #1b435d;
    border: 1px solid #ddd;
    border-bottom-width: 0;
    padding: 5px 10px;
}

.single-post-content address,
.comment-content address,
.content.type-page address {
    font-style: italic;
}

code {
    padding: 2px 4px;
    background-color: #f9f2f4;
    border-radius: 4px;
}

pre {
    padding: 9.5px;
    margin: 0 0 10px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

dt, dd {
    line-height: inherit;
}
dt {
    color: #1b435d;
}
dd {
    margin: 0 1.5em 1.5em;
}

.single-sidebar select {
    width: 100%;
    border: 1px solid #e0f3ff;
    height: 40px;
    padding: 0 15px
}

/* Page Links */
.page-links {
    clear: both;
    margin-top: 30px;
}
.page-links span:not(.page-links-title) {
    display: inline-block;
    padding: 0px 5px;
    border: 1px solid rgba(0,0,0,0.1);
}
.page-links > span:not(.page-links-title) {
    background: #1b435d;
    border-color: #1b435d;
    color: #fff;
}
.page-links a,
.page-links span + span {
    margin: 0 5px;
    display: inline-block;
}
.page-links a:hover {
    background-color: #1b435d;
    color: #fff;
}
.page-links a:hover span {
    border-color: #1b435d;
}

/* Post password form */
.post-password-form input[type=password] {
    border: 1px solid #1b435d;
    height: 36px;
    padding: 0 15px;
    margin-left: 10px;
}
.post-password-form input[type=submit] {
    border: 1px solid #1b435d;
    background: #1b435d;
    color: #fff;
    height: 36px;
    padding: 0 20px;
    vertical-align: top;
    margin-left: -4px;
}

.single-post-content.format-chat p {
    margin: 0;
    background: #f0f0f0;
    font-size: 90%;
    padding: 5px 10px;
    color: #525252;
}
.single-post-content.format-chat p:nth-child(even) {
    background: #fbfbfb;
}

.no-comments {
    margin-top: 15px;
}

.builder-page-wrapper > .vc_row {
    margin-left: 0;
    margin-right: 0;
}
.builder-page-wrapper > .vc_row > .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
.animated {
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

body.logged-in.admin-bar {
    margin-top: -32px !important;
}

@media screen and (max-width: 782px){
    body.logged-in.admin-bar {
        margin-top: -46px !important;
    }
    .header-container.header-style-two.sticking {
        margin-top: -32px;
    }
}
.woocommerce span.onsale {
    height: 50px;
    width: 40px;
    border-radius: 0;
    left: 15px;
    top: 0;
    background-color: transparent;
}

.woocommerce span.onsale:after {
    content: '';
    top: 0;
    width: 100%;
    border-top: 30px solid #ff895d;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ff895d;
    border-right: 20px solid #ff895d;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
}