/* =================================

Template Name : Nexthost

Description   : Web Hosting and Domain HTML5 Template

Author        : Youtoview

Version       : 1.1

==================================== */





@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400&family=Open+Sans:wght@400;600;700&display=swap");



*,

::after,

::before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

* {

    outline: 0 !important;

}

html {

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: transparent;

}

article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

    display: block;

}

body {

    margin: 0;

    font-family: "Open Sans", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: calc(26 / 16);

    color: #666;

    text-align: left;

    background-color: #fff;

    -webkit-font-smoothing: antialiased;

    overflow-x: hidden !important;

}

[tabindex="-1"]:focus {

    outline: 0 !important;

}

hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    overflow: visible;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0;

    margin: 0;

    font-weight: 700;

    line-height: calc(57 / 48);

    font-family: Lato, sans-serif;

    color: #111;

}

h1 {

    font-size: 48px;

}

h2 {

    font-size: 42px;

}

h3 {

    font-size: 24px;

}

h4 {

    font-size: 18px;

}

h5 {

    font-size: 16px;

}

h6 {

    font-size: 14px;

}

p {

    margin-top: 0;

    margin-bottom: 20px;

}

p:last-child {

    margin-bottom: 0;

}

abbr[data-original-title],

abbr[title] {

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

    cursor: help;

    border-bottom: 0;

    -webkit-text-decoration-skip-ink: none;

    text-decoration-skip-ink: none;

}

address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit;

}

dl,

ol,

ul {

    margin-top: 0;

    margin-bottom: 1rem;

}

ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0;

}

dt {

    font-weight: 700;

}

dd {

    margin-bottom: 0.5rem;

    margin-left: 0;

}

b,

strong {

    font-weight: bolder;

}

small {

    font-size: 80%;

}

sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline;

}

sub {

    bottom: -0.25em;

}

sup {

    top: -0.5em;

}

a {

    color: #111;

    text-decoration: none;

    background-color: transparent;

}

a:hover {

    color: #00c3ff;

}

a:not([href]):not([tabindex]) {

    color: inherit;

    text-decoration: none;

}

a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none;

}

a:not([href]):not([tabindex]):focus {

    outline: 0;

}

code,

kbd,

pre,

samp {

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-size: 1em;

    background-color: #e3e7e8;

}

pre {

    margin-top: 0;

    margin-bottom: 1rem;

    overflow: auto;

}

figure {

    margin: 0 0 1rem;

}

img {

    vertical-align: middle;

    border-style: none;

}

svg {

    overflow: hidden;

    vertical-align: middle;

}

table {

    border-collapse: collapse;

}

caption {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    color: #6c757d;

    text-align: left;

    caption-side: bottom;

}

th {

    text-align: inherit;

}

label {

    display: inline-block;

    margin-bottom: 0.5rem;

}

button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

button,

input {

    overflow: visible;

}

button,

select {

    text-transform: none;

}

select {

    word-wrap: normal;

    display: block;

}

[type="button"],

[type="reset"],

[type="submit"],

button {

    -webkit-appearance: button;

}

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled),

button:not(:disabled) {

    cursor: pointer;

}

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner,

button::-moz-focus-inner {

    padding: 0;

    border-style: none;

}

input[type="checkbox"],

input[type="radio"] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

}

input[type="date"],

input[type="datetime-local"],

input[type="month"],

input[type="time"] {

    -webkit-appearance: listbox;

}

textarea {

    overflow: auto;

    resize: vertical;

}

fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0;

}

legend {

    display: block;

    width: 100%;

    max-width: 100%;

    padding: 0;

    margin-bottom: 0.5rem;

    font-size: 1.5rem;

    line-height: inherit;

    color: inherit;

    white-space: normal;

}

progress {

    vertical-align: baseline;

}

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

[type="search"] {

    outline-offset: -2px;

    -webkit-appearance: none;

}

[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

[type="checkbox"] {

    margin-right: 5px;

}

::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button;

}

output {

    display: inline-block;

}

summary {

    display: list-item;

    cursor: pointer;

}

template {

    display: none;

}

[hidden] {

    display: none !important;

}

input::-webkit-inner-spin-button,

input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type="number"] {

    -moz-appearance: textfield;

}

input:-webkit-autofill,

input:-webkit-autofill:active,

input:-webkit-autofill:focus,

input:-webkit-autofill:hover {

    -webkit-transition: background-color 5000s ease-in-out 0s;

    transition: background-color 5000s ease-in-out 0s;

}

::-moz-selection {

    text-shadow: none;

    color: #fff;

    background-color: #00c3ff !important;

}

::selection {

    text-shadow: none;

    color: #fff;

    background-color: #00c3ff !important;

}

::-webkit-input-placeholder {

    color: #b3b3b3 !important;

    opacity: 1;

}

::-moz-placeholder {

    color: #b3b3b3 !important;

    opacity: 1;

}

:-ms-input-placeholder {

    color: #b3b3b3 !important;

    opacity: 1;

}

::-ms-input-placeholder {

    color: #b3b3b3 !important;

    opacity: 1;

}

::placeholder {

    color: #b3b3b3 !important;

    opacity: 1;

}

iframe {

    max-width: 100%;

}

button:focus,

input:focus,

select:focus,

textarea:focus {

    outline: 0 !important;

}

button,

input[type="submit"] {

    border: none;

    background-color: transparent;

    cursor: pointer;

    -webkit-appearance: button;

    -moz-appearance: button;

}

textarea {

    resize: none;

}

img {

    max-width: 100%;

    height: auto;

}

table {

    width: 100%;

    max-width: 100%;

    text-align: center;

}

table td,

table th {

    padding: 20px 15px;

    border: 1px solid #eaeaea;

}

table thead th {

    font-weight: 400;

    color: #111;

}

table tbody td,

table tbody th {

    color: #666;

}

pre {

    border: 1px solid;

    border-radius: 4px;

    font-size: 16px;

    line-height: 1.6;

    margin-bottom: 1.6em;

    max-width: 100%;

    overflow: auto;

    padding: 0.8em 1.6em;

}

code {

    font-size: inherit;

    margin: 0;

}

kbd {

    font-weight: 700;

    color: #111;

}

ins {

    background-color: transparent;

    text-decoration: none;

}

q {

    font-style: italic;

    text-decoration: underline;

}

mark {

    background-color: #fcf8e3;

}

hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #e6e6e6;

}

small {

    font-size: 80%;

    font-weight: 400;

}

.pt-120 {

    padding-top: 120px;

}

@media only screen and (max-width: 991px) {

    .pt-120 {

        padding-top: 60px;

    }

}

.pt-90 {

    padding-top: 90px;

}

@media only screen and (max-width: 991px) {

    .pt-90 {

        padding-top: 30px;

    }

}

.pt-80 {

    padding-top: 80px;

}

@media only screen and (max-width: 991px) {

    .pt-80 {

        padding-top: 20px;

    }

}

.pt-70 {

    padding-top: 70px;

}

@media only screen and (max-width: 991px) {

    .pt-70 {

        padding-top: 10px;

    }

}

.pt-60 {

    padding-top: 60px;

}

@media only screen and (max-width: 991px) {

    .pt-60 {

        padding-top: 0;

    }

}

.pt-50 {

    padding-top: 50px;

}

@media only screen and (max-width: 991px) {

    .pt-50 {

        padding-top: 0;

    }

}

.pt-40 {

    padding-top: 40px;

}

@media only screen and (max-width: 991px) {

    .pt-40 {

        padding-top: 0;

    }

}

.pb-120 {

    padding-bottom: 120px;

}

@media only screen and (max-width: 991px) {

    .pb-120 {

        padding-bottom: 60px;

    }

}

.pb-90 {

    padding-bottom: 90px;

}

@media only screen and (max-width: 991px) {

    .pb-90 {

        padding-bottom: 30px;

    }

}

.pb-80 {

    padding-bottom: 80px;

}

@media only screen and (max-width: 991px) {

    .pb-80 {

        padding-bottom: 20px;

    }

}

.pb-70 {

    padding-bottom: 70px;

}

@media only screen and (max-width: 991px) {

    .pb-70 {

        padding-bottom: 10px;

    }

}

.pb-60 {

    padding-bottom: 60px;

}

@media only screen and (max-width: 991px) {

    .pb-60 {

        padding-bottom: 0;

    }

}

.pb-50 {

    padding-bottom: 50px;

}

@media only screen and (max-width: 991px) {

    .pb-50 {

        padding-bottom: 0;

    }

}

.pb-40 {

    padding-bottom: 40px;

}

@media only screen and (max-width: 991px) {

    .pb-40 {

        padding-bottom: 0;

    }

}

.mt-60 {

    margin-top: 60px;

}

.mt-50 {

    margin-top: 50px;

}

.mt-40 {

    margin-top: 40px;

}

.mt-30 {

    margin-top: 30px;

}

.mb-60 {

    margin-bottom: 60px;

}

.mb-50 {

    margin-bottom: 50px;

}

.mb-40 {

    margin-bottom: 40px;

}

.mb-30 {

    margin-bottom: 30px;

}

.pt-215 {

    padding-top: 215px;

}

@media only screen and (max-width: 991px) {

    .pt-215 {

        padding-top: 155px;

    }

}

.pb-215 {

    padding-bottom: 215px;

}

@media only screen and (max-width: 991px) {

    .pb-215 {

        padding-bottom: 155px;

    }

}

.full-page-search .input-wrapper .input-icon i,

.text-color {

    color: #666;

}

.text-color-bg {

    background-color: #666;

}

.text-color-bo {

    border-color: #666 !important;

}

.title-color {

    color: #111;

}

.title-color-bg {

    background-color: #111;

}

.title-color-bo {

    border-color: #111 !important;

}

.border-color {

    color: #e8e8e8;

}

.border-color-bg {

    background-color: #e8e8e8;

}

.border-color-bo {

    border-color: #e8e8e8 !important;

}

.white {

    color: #fff;

}

.header-main.sticky,

.offcanvas-wrapper,

.white-bg {

    background-color: #fff;

}

.white-bo {

    border-color: #fff !important;

}

.black {

    color: #000;

}

.black-bg {

    background-color: #000;

}

.black-bo {

    border-color: #000 !important;

}

.c1,

.header-main ul.nav ul li a.current-menu-children,

.header-main ul.nav ul li a:hover {

    color: #00c3ff;

}

.c1-bg,

.header-main ul.nav ul li a:after {

    background-color: #00c3ff;

}

.c1-bo {

    border-color: #00c3ff !important;

}

.c2 {

    color: #03a87c;

}

.c2-bg {

    background-color: #03a87c;

}

.c2-bo {

    border-color: #03a87c !important;

}

.btn,

.control-panel-accordion .accordion-button,

.domain-price-list li,

.faq-accordion .accordion-header .accordion-button,

.full-page-search,

.hosting-price > nav .nav > button .dot,

.hosting-price > nav .nav > button .dot:after,

.hosting-specification-nav button,

.hosting-specification-nav button:after,

.nav-pricing li button,

.offcanvas-overlay,

.owl-carousel .owl-nav button,

.pricing-toogle .toggler,

.single-post-item,

.single-service.box-style,

.single-service.style--five .service-content h4,

.video-btn .svg-wrap,

.video-btn .svg-wrap:after,

a,

i,

svg,

svg g,

svg path {

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

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.data_center_location-map .l_info .info-box,

.single-price-wrap .single-price-bg-shape,

.single-service:after {

    -webkit-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.control-panel-content-wrap ul,

.domain-price-list,

.feature-list,

.header-main ul,

.hz-price-box ul,

.info-list,

.single-post-item .post-content .post-meta,

.single-post-item .post-content .post-meta-bottom,

.single-price .price-body ul,

.ts-list,

.widget ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.section-title.style--three h5,

.single-funfact h3,

.single-post-item.style--three .post-content .post-meta li a,

.single-post-item.style--two .post-content .post-meta li a,

.single-price .price-head h2 span {

    font-weight: 400;

}

.widget.widget_tag_cloud .tagcloud a {

    font-weight: 500;

}

.btn,

.comment-content a,

.data_center_location-map .l_info .info-box h5,

.header.style--five .header-main ul.nav > li > a,

.header.style--three .header-main ul.nav > li > a,

.header.style--two .header-main ul.nav > li > a,

.hosting-price > nav .nav > button span:not(.dot),

.hz-price-box ul li,

.info-list li a,

.nav-pricing li button,

.newsletter-form .theme-input-group .btn,

.price span,

.price sup,

.price-bottom-content a,

.pricing-toogle .toggler,

.private-server-table thead th,

.provider-tab .nav button,

.section-title h5,

.single-post-item .post-content .post-meta li a,

.single-post-item .post-content .post-meta-bottom li a,

.single-post-item.style--three .btn-inline,

.single-post-item.style--two .btn-inline,

.single-price .pricing-area .discount p,

.single-price .pricing-area .discount span,

.single-price .pricing-area .price-content .price-amount sup,

.single-price .pricing-area .price-content p,

.single-price.style--two .price-body ul li,

.single-team .team-content p,

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info h4,

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info p,

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info h4,

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info p,

.testimonial-carousel.style--two .single-testimonial .testimonial-content h3,

.video-btn,

.widget.widget_about .contact-list li a,

.widget.widget_nav_menu ul li a span,

.widget.widget_recent_entries.style--two ul li .posted-on,

table tbody th {

    font-weight: 600;

}

.hz-price-box .price,

.pricing-table .price-head .plan,

.pricing-table .price-head h3,

.single-testimonial .quote-text:after,

.single-testimonial .quote-text:before,

.widget.widget_nav_menu ul li.title {

    font-weight: 700;

}

.control-panel-content .content h3,

.hosting-banner-content h2,

.page-title h2,

.price,

.price-left-content h2,

.single-price .price-head h2,

.single-testimonial .meta-info h5 {

    font-weight: 900;

}

.banner-content h1 .typed-wrap,

.blog-sidebar .widget.widget_recent_entries ul li .post-title a:hover,

.btn.header-btn:hover,

.btn:hover,

.comment-content a:hover i,

.footer-bottom-content p a,

.header-main.sticky .btn.header-btn,
.header-main.sticky ul.nav > li > a.current-menu-parent,

.header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button:after,

.header-main.sticky ul.nav > li > a:hover,

.header-main.sticky ul.nav > li > a:hover ~ .submenu-button:after,

.hosting-specification-nav button.active,

.page-title ul li a:hover,

.post-details .entry-header .entry-meta li a:hover,

.post-navigation .nav-link .nav-title:hover,

.price,

.price-bottom-content a,

.section-title.style--three h5,

.single-post-item .post-content .post-meta a,

.single-post-item.style--two .btn-inline:hover,

.single-post-item.style--two .post-content .post-meta li a:hover,

.single-price .pricing-area .discount span,

.single-price .pricing-area .price-content .price-amount,

.single-price-wrap.style--three .btn.btn-border,

.single-service.style--five .service-content h4:hover,

.single-service.style--four a:hover,

.single-team .team-content p,

.social-links a,

.socials a:hover i,

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info h4,

.widget.widget_about .contact-list li span,

.widget.widget_about .contact-list li:hover a,

.widget.widget_about .contact-list li:hover i,

.widget.widget_categories ul li a:hover,

.widget.widget_contact_info .contact-list li i,

.widget.widget_nav_menu.text-white ul li a:hover,

.widget.widget_recent_entries ul li .post-title a:hover,

.widget.widget_recent_entries ul li .posted-on,

.widget.widget_recent_entries.style--four ul li .posted-on:hover,

.widget.widget_recent_entries.text-white ul li .post-title a:hover,

.widget.widget_social_links .socials a:hover,

.widget.widget_tag_cloud .tagcloud a:hover {

    color: #00c3ff;

}

.back-to-top,

.btn,

.btn-circle:hover,

.btn.btn-white:hover,

.btn:hover svg,

.data_center_location-map .l_info .circle-ball,

.data_center_location-map .l_info .circle-ball:after,

.header-main.sticky .btn.header-btn:hover,

.hosting-specification-nav button:after,

.pricing-toogle .switch,

.provider-tab .nav button.active,

.single-price-wrap.style--three .btn.btn-border:hover,

.social-links a:hover,

.testimonial-carousel.style--three.v2 .single-testimonial-wrap:after,

.ts-content h3:after,

.typed::after,

.widget.widget_nav_menu ul li a span {

    background-color: #0364FF;

}

.banner.style--two .banner-btn-group .btn-green:hover,

.banner.style--two .banner-btn-group .btn-orange:hover,

.banner.style--two .banner-content h1,

.cta-content h2 span,

.footer-bottom.style--two .footer-bottom-content p a,

.section-title h2 span,

.single-service.style--two a:hover,

.socials.style--two a:hover i,

.widget.widget_about.style--two .contact-list li a,

.widget.widget_about.style--two .contact-list li i,

.widget.widget_about.style--two .contact-list li span,

.widget.widget_about.style--two .contact-list li:hover a,

.widget.widget_about.style--two .contact-list li:hover i,

.widget.widget_nav_menu.style--two ul li a:hover,

.widget.widget_recent_entries.style--two ul li .post-title a:hover,

.widget.widget_recent_entries.style--two ul li .posted-on {

    color: #03a87c;

}

.back-to-top.home2,

.btn.btn-border:hover,

.btn.btn-green,

.btn.btn-orange:hover,

.data_center_location-map.style--two .l_info .circle-ball,

.data_center_location-map.style--two .l_info .circle-ball:after,

.data_center_location-map.style--two .l_info .info-box,

.header.style--two .header-main .btn.header-btn,

.nav-pricing li button.active,

.single-price-wrap .single-price-bg-shape,

.widget.widget_nav_menu.style--two ul li a span {

    background-color: #03a87c;

}

.banner-content.text-white h1,

.banner-content.text-white p,

.banner.style--three .banner-btn-group .btn,

.btn,

.btn.btn-border:hover,

.btn.btn-green,

.btn.btn-green:hover,

.btn.btn-orange,

.btn.btn-orange.btn-border:hover,

.btn.btn-orange:hover,

.btn.btn-style3:hover,

.btn.btn-style4,

.btn.btn-style4.btn-border:hover,

.btn.btn-white:hover,

.btn.hover-style-two:hover,

.content-404 h3,

.cta-content.text-white h2,

.data_center_location-map.style--four .l_info .info-box,

.data_center_location-map.style--four .l_info .info-box h5,

.data_center_location-map.style--three .l_info .info-box,

.data_center_location-map.style--three .l_info .info-box h5,

.data_center_location-map.style--two .l_info .info-box,

.data_center_location-map.style--two .l_info .info-box h5,

.header-main .submenu-button,

.header-main ul.nav > li > a,

.header-main.sticky .btn.header-btn:hover,

.header.style--five .submenu-button,

.header.style--three .header-main .btn.header-btn,

.header.style--three .submenu-button,

.header.style--two .header-main.sticky .btn.header-btn,

.hosting-banner-content *,

.info-list li a,

.nav-pricing li button.active,

.nav-pricing.style--two li button.active,

.owl-carousel .owl-nav button:hover i,

.owl-carousel.testimonial-carousel.style--two .owl-nav button:hover i,

.page-title h2,

.page-title ul li,

.page-title ul li a,

.page-title ul li:not(:last-child):after,

.private-server-table thead th,

.provider-tab .nav button.active,

.section-title.text-white h2,

.section-title.text-white h3,

.section-title.text-white h4,

.section-title.text-white h5,

.section-title.text-white h6,

.section-title.text-white p,

.single-price .price,

.single-price-wrap.style--three .btn.btn-border:hover,

.single-service.text-white *,

.single-service.text-white h4,

.social-links a:hover i,

.testimonial-title.text-white h2,

.video-btn,

.widget.text-white .widget-title,

.widget.widget_about.text-white a,

.widget.widget_about.text-white p,

.widget.widget_nav_menu ul li a span,

.widget.widget_nav_menu.text-white ul li a,

.widget.widget_newsletter .newsletter-content input:focus,

.widget.widget_newsletter .newsletter-content label,

.widget.widget_recent_entries.style--four ul li .posted-on,

.widget.widget_recent_entries.text-white ul li .post-title a {

    color: #fff;

}

#menu-button span,

#menu-button span:after,

#menu-button span:before,

.banner.style--four .banner-btn-group .btn.btn-style4:hover,

.banner.style--three .banner-btn-group .btn:hover,

.banner.style--two .banner-btn-group .btn-green:hover,

.banner.style--two .banner-btn-group .btn-orange:hover,

.btn svg,

.btn.btn-white,

.btn.header-btn:hover,

.btn.hover-style-two:hover svg,

.btn:hover,

.contact-form-wrap,

.data_center_location-map .l_info .info-box,

.domain-price-list li,

.domain-search-form .input-group,

.domain-search-wrap,

.featured-item,

.footer-bottom .container:after,

.funfact,

.header-main ul.nav > li > a.current-menu-parent:after,

.header-main ul.nav > li > a:hover:after,

.header.style--three .header-main .btn.header-btn:hover,

.hosting-price > nav .nav > button .dot,

.hosting-specification-nav button,

.nav-pricing,

.newsletter-form .input-group,

.owl-carousel button.owl-dot,

.pricing-table td,

.pricing-table th,

.single-choose-us.style--three,

.single-choose-us.style--two,

.single-post-item,

.single-price,

.single-team .team-content,

.single-testimonial,

.testimonial-carousel.style--three .single-testimonial-wrap:after,

.video-btn .svg-wrap,

.video-btn .svg-wrap:after {

    background-color: #fff;

}

.post-details .entry-header .entry-meta li a,

.post-navigation .nav-link .nav-title,

.section-title h4,

.widget.widget_categories ul li a {

    color: #666;

}

blockquote cite:after {

    background-color: #666;

}

.banner.style--two .banner-content p,

.btn.btn-border,

.btn.btn-white,

.entry-footer .social-share p strong,

.faq-accordion .accordion-header .accordion-button:not(.collapsed),

.form-control,

.header-main.sticky ul.nav > li > a,

.header.style--two .header-main ul.nav > li > a,

.header.style--two .submenu-button,

.hz-price-box .price,

.post-details .entry-categories ul li:first-child,

.post-details .entry-header .entry-meta li span,

.post-details .entry-tags ul li:first-child,

.pricing-table .price-head .plan,

.pricing-table .price-head h3,

.pricing-toogle .toggler,

.provider-tab .nav button,

.single-price.style--two .price-body ul li span,

.single-specification .specification-content p,

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info p,

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info p,

.ts-content p,

.ts-list li,

.widget.widget_nav_menu.style--two ul li.title,

.widget.widget_tag_cloud .tagcloud a {

    color: #111;

}

.btn-circle,

.btn.hover-style-two:hover,

.header-main.sticky .offcanvas-trigger span,

.offcanvas-overlay {

    background-color: #111;

}

.domain-price-list li,

.hosting-specification-nav button,

.post-details .entry-header .entry-meta li span,

.price,

.pricing-table .price-head .plan,

.pricing-table .price-head h3,

.section-title.style--three h5,

.widget.widget_newsletter .newsletter-content label,

table {

    font-family:  sans-serif;

}

.data_center_location-map .l_info .info-box h5,

.price span,

.price sup,

.private-server-table td,

.private-server-table th,

.section-title h5,

.single-funfact h2,

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info h4,

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info h4,

.testimonial-carousel.style--two .single-testimonial .testimonial-content h3 {

    font-family: "Open Sans", sans-serif;

}

.btn svg,

.btn-circle,

.hosting-price > nav .nav > button .dot,

.hosting-price > nav .nav > button .dot:after,

.owl-carousel .owl-nav button,

.pricing-toogle .switch,

.single-funfact:after,

.social-links a,

.testimonial-carousel.style--three .single-testimonial .testimonial-img img,

.video-btn .svg-wrap:after {

    border-radius: 50%;

}

.btn.btn-style3,

.control-panel-accordion.style--two .accordion-button,

.data_center_location-map .l_info .info-box,

.hz-price-box .hz-price-box-inner,

.provider-tab .nav button,

.question-form .form-control,

.single-team .team-content {

    border-radius: 5px;

}

.contact-box,

.contact-form-wrap,

.domain-search-wrap,

.funfact,

.map-wrap .map,

.single-choose-us,

.single-service.box-style,

.single-team .team-img img,

.testimonial-carousel.style--three .single-testimonial,

.testimonial-carousel.style--three .single-testimonial-wrap:after,

.testimonial-carousel.style--two .single-testimonial {

    border-radius: 10px;

}

.btn,

.btn.btn-style4,

.domain-search-form .input-group,

.nav-pricing,

.nav-pricing li button,

.newsletter-form .input-group,

.newsletter-form .theme-input-group,

.widget.widget_nav_menu ul li a span {

    border-radius: 50px;

}

.banner.style--three .banner-btn-group .btn:hover,

.banner.style--two .banner-btn-group .btn-green:hover,

.banner.style--two .banner-btn-group .btn-orange:hover,

.data_center_location-map .l_info .info-box,

.domain-search-wrap,

.funfact,

.header-main.sticky,

.single-post-item,

.single-price,

.testimonial-carousel {

    -webkit-box-shadow: 0 0 30px rgba(24, 104, 222, 0.1);

    box-shadow: 0 0 30px rgba(24, 104, 222, 0.1);

}

.featured-item,

.hosting-specification-nav button,

.single-team .team-content {

    -webkit-box-shadow: 5px 5px 60px rgba(0, 0, 0, 0.05);

    box-shadow: 5px 5px 60px rgba(0, 0, 0, 0.05);

}

.single-choose-us.style--three,

.single-choose-us.style--two,

.single-price.style--two {

    -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 90px rgba(0, 0, 0, 0.05);

}

.ov-hidden {

    overflow: hidden;

}

.ovx-hidden {

    overflow-x: hidden;

}

.media {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}

.media-body {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.section-bg {

    background-color: #fef6f8;

}

.overlay {

    position: relative;

    z-index: 1;

}

.overlay:after {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    z-index: -1;

    content: "";

    background-color: #fbe6ea;

    opacity: 0.9;

}

.home2-section-bg {

    background-color: #f9f8ff;

}

.home3-section-bg {

    background-color: #f7fafe;

}

.home4-section-bg {

    background: -o-linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

    background: -o-linear-gradient(135deg, #123fc0 0, #1145d9 100%);

    background: linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

}

.gm-pb-style--two {

    padding-bottom: 215px;

}

@media only screen and (max-width: 991px) {

    .gm-pb-style--two {

        padding-bottom: 155px;

    }

}

.meet-hostpack-img img {

    margin-top: -40px;

}

.owl-carousel .owl-nav {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 45px;

}

.owl-carousel .owl-nav button {

    width: 40px;

    height: 40px;

    background-color: #fff !important;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

}

.owl-carousel .owl-nav button:not(:last-child) {

    margin-right: 10px;

}

.owl-carousel .owl-nav button svg path {

    fill: #00c3ff;

}

.owl-carousel .owl-nav button:hover {

    background-color: #00c3ff !important;

}

.owl-carousel .owl-nav button:hover svg path {

    fill: #fff;

}

.owl-carousel.testimonial-carousel .owl-nav {

    left: -44.5%;

    top: 87%;

}

@media only screen and (max-width: 1199px) {

    .owl-carousel.testimonial-carousel .owl-nav {

        display: none;

    }

}

.owl-carousel.testimonial-carousel.style--two .owl-nav {

    left: auto;

    right: 0;

    top: auto;

    bottom: 0;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}

@media only screen and (max-width: 991px) {

    .owl-carousel.testimonial-carousel.style--two .owl-nav {

        display: none;

    }

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button {

    width: 40px;

    height: 40px;

    border-radius: 5px;

    color: #fff;

    background-color: #00c3ff !important;

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button:not(:last-child) {

    margin-right: 0;

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button svg path {

    fill: #fff;

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button.owl-prev {

    margin-right: 10px;

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button:hover {

    background-color: #00c3ff !important;

}

.owl-carousel.testimonial-carousel.style--two .owl-nav button:hover svg path {

    fill: #fff;

}

.owl-carousel .owl-dots {

    left: 50%;

    top: auto;

    bottom: -57px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    position: absolute;

}

.owl-carousel button.owl-dot {

    width: 20px;

    height: 6px;

    border-radius: 50px;

    position: relative;

}

.owl-carousel button.owl-dot:not(:last-child) {

    margin-right: 10px;

}

.owl-carousel button.owl-dot.active {

    background-color: #007bfc;

}

.owl-carousel.team-carousel .owl-dots {

    bottom: 0;

}

.owl-carousel.team-carousel button.owl-dot {

    width: 7px;

    height: 7px;

    background-color: rgba(0, 195, 255, 0.3);

    border: none;

}

.owl-carousel.team-carousel button.owl-dot:not(:last-child) {

    margin-right: 20px;

}

.owl-carousel.team-carousel button.owl-dot.active {

    width: 12px;

    height: 12px;

    background-color: #00c3ff;

}

.owl-carousel.v2 .owl-dots {

    bottom: -43px;

}

.owl-carousel.dot-style--two button.owl-dot {

    width: 7px;

    height: 7px;

    background-color: rgba(0, 195, 255, 0.3);

    border: none;

}

.owl-carousel.dot-style--two button.owl-dot:not(:last-child) {

    margin-right: 20px;

}

.owl-carousel.dot-style--two button.owl-dot.active {

    width: 12px;

    height: 12px;

    background-color: #00c3ff;

}

.hide {

    display: none;

}

.card {

    border: none;

}

.bg-img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

}

.bg-img.bg-left {

    background-position: left;

}

.domain-search-info{

    margin-top: 40px;

}

.domain-price-single{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding-top: 8px;

    margin-bottom: 20px;

    height: 90px;

    border-radius: 10px;

    -webkit-box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.domain-price-single img {

    margin-bottom: 10px;

}

.domain-price-single strong {

    display: block;

    color: #70799f;

}

.feature-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.feature-list li:not(:last-child) {

    margin-bottom: 40px;

}

.feature-list li .icon {

    margin-right: 30px;

}

.feature-list li .f-icon {

    color: #0364FF;

    font-size: 20px;

    margin-right: 10px;

}

.about-area .feature-list li:not(:last-child) {

    margin-bottom: 10px;

}

.feature-list li .content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.info-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.info-list li:not(:last-child) {

    margin-right: 30px;

}

.info-list li a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

}

.info-list li a i,

.info-list li a svg {

    margin-right: 5px;

}

.ts-list li:not(:last-child) {

    margin-bottom: 16px;

}

.form-response span {

    display: block;

    padding: 20px;

}

.video-btn {

    font-size: 14px;

    text-transform: uppercase;

    line-height: 1;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.video-btn .svg-wrap {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 20px;

    position: relative;

}

.video-btn .svg-wrap:after {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    content: "";

    -webkit-animation: ripple 2s linear infinite;

    animation: ripple 2s linear infinite;

}

.video-btn .svg-wrap svg {

    position: relative;

    z-index: 2;

}

.video-btn .svg-wrap:hover {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}

.video-btn.style--two svg path {

    fill: #0364ff;

}

.video-btn:hover {

    color: #fff;

}

.video-btn:hover i {

    color: #5551ef;

}

blockquote {

    max-width: 570px;

    margin: 37px auto;

}

blockquote p {

    margin-bottom: 15px !important;

    font-style: italic;

    margin: 0 auto;

    text-decoration: underline;

}

blockquote cite {

    font-style: normal;

    font-size: 14px;

    position: relative;

    padding-left: 20px;

    line-height: 1;

}

blockquote cite:after {

    position: absolute;

    content: "";

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 2px;

    width: 10px;

}

@media only screen and (max-width: 575px) {

    br {

        display: none;

    }

}

.domain-search-wrap {

    padding: 70px 50px 50px 50px;

    margin-top: -130px;

    position: relative;

    z-index: 2;

}

@media only screen and (max-width: 479px) {

    .domain-search-wrap {

        padding: 40px 15px 20px;

    }

}

.domain-search-wrap .domain-price-list {

    margin-top: 45px;

}

.domain-search-wrap3{

    margin-top: -150px;

}

.install-img img {

    margin-left: -9%;

    margin-right: -9%;

    margin-top: -12%;

    margin-bottom: -12%;

    max-width: initial;

}

@media only screen and (max-width: 1199px) {

    .install-img img {

        max-width: 118%;

    }

}

.funfact {

    padding: 50px 15px 15px;

    margin-bottom: -95px;

    position: relative;

    z-index: 1;

}

.funfact.style--two {

    margin-top: -95px;

    margin-bottom: 0;

}

.single-funfact {

    position: relative;

    margin-bottom: 40px;

}

.single-funfact h2 {

    font-size: 40px;

    color: #0364FF;

    margin-bottom: 14px;

}

.single-funfact h2 span:not(.counter) {

    position: relative;

}

.single-funfact h2 span:not(.counter):after {

    content: "+";

    position: absolute;

    font-size: 20px;

    top: 2px;

    width: 10px;

    height: 10px;

}

.single-funfact h3 {

    font-size: 21px;

}

.single-funfact:after {

    position: absolute;

    content: "";

    right: -10px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    background-color: #0364FF;

    width: 8px;

    height: 8px;

}

@media only screen and (max-width: 991px) {

    .single-funfact:after {

        display: none;

    }

}

.single-funfact.style2:after {

    right: -18px;

    background-color: #ff9538;

}

.single-funfact.style2 h2 {

    color: #ff9538;

}

.single-funfact.style3:after {

    right: -26px;

    background-color: #1ae5be;

}

.single-funfact.style3 h2 {

    color: #1ae5be;

}

.single-funfact.style4:after {

    display: none;

}

.single-funfact.style4 h2 {

    color: #00c3ff;

}

.single-funfact i{

    color: #0364FF;

    font-size: 40px;

    margin-bottom: 30px;

}

.single-funfact.style2 i {

    color: #ff9538;

}

.single-funfact.style3 i {

    color: #1ae5be;

}

.single-funfact.style4 i {

    color: #00c3ff;

}

.logo-carousel.owl-carousel img {

    width: auto;

    display: inline;

}

.ts-content:not(:last-child) {

    margin-bottom: 54px;

}

.ts-content:first-child {

    margin-top: -3px;

}

.ts-content .ts-list {

    margin-top: 37px;

}

.ts-content h3 {

    padding-left: 20px;

    margin-bottom: 23px;

    position: relative;

}

.ts-content h3:after {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    position: absolute;

    content: "";

}

.ts-content p:not(:last-child) {

    margin-bottom: 26px;

}

@media only screen and (min-width: 992px) {

    .gutter-50 {

        margin-left: -25px;

        margin-right: -25px;

    }

    .gutter-50 > [class*="col-"] {

        padding-left: 25px;

        padding-right: 25px;

    }

}

.hp-container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

@media (min-width: 1330px) {

    .hp-container {

        padding-right: 50px;

        padding-left: 50px;

    }

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}

@-webkit-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}

@-webkit-keyframes fadeOut {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}

@keyframes fadeOut {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}

@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -40px, 0);

        transform: translate3d(0, -40px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}

@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -40px, 0);

        transform: translate3d(0, -40px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}

@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 40px, 0);

        transform: translate3d(0, 40px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes matrix {

    0% {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

    25% {

        -webkit-transform: matrix(1, 0, 0, 1, 15, 20);

        transform: matrix(1, 0, 0, 1, 15, 20);

    }

    50% {

        -webkit-transform: matrix(1, 0, 0, 1, -5, 25);

        transform: matrix(1, 0, 0, 1, -5, 25);

    }

    75% {

        -webkit-transform: matrix(1, 0, 0, 1, -15, 15);

        transform: matrix(1, 0, 0, 1, -15, 15);

    }

    100% {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

}

@keyframes matrix {

    0% {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

    25% {

        -webkit-transform: matrix(1, 0, 0, 1, 15, 20);

        transform: matrix(1, 0, 0, 1, 15, 20);

    }

    50% {

        -webkit-transform: matrix(1, 0, 0, 1, -5, 25);

        transform: matrix(1, 0, 0, 1, -5, 25);

    }

    75% {

        -webkit-transform: matrix(1, 0, 0, 1, -15, 15);

        transform: matrix(1, 0, 0, 1, -15, 15);

    }

    100% {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

}

@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}

.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

}

@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

}

@-webkit-keyframes inner-circles-loader {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    50% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}

@keyframes inner-circles-loader {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    50% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}

@-webkit-keyframes ripple {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.6;

    }

    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0;

    }

}

@keyframes ripple {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.6;

    }

    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0;

    }

}

@-webkit-keyframes ripple2 {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.8;

    }

    100% {

        -webkit-transform: scale(3);

        transform: scale(3);

        opacity: 0;

    }

}

@keyframes ripple2 {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.8;

    }

    100% {

        -webkit-transform: scale(3);

        transform: scale(3);

        opacity: 0;

    }

}

@keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-webkit-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-webkit-keyframes levitate {

    from {

        -webkit-transform: translate(0, 15);

        transform: translate(0, 15);

    }

    50% {

        -webkit-transform: translate(0, -15px);

        transform: translate(0, -15px);

    }

    to {

        -webkit-transform: translate(0, 15);

        transform: translate(0, 15);

    }

}

@keyframes levitate {

    from {

        -webkit-transform: translate(0, 15);

        transform: translate(0, 15);

    }

    50% {

        -webkit-transform: translate(0, -15px);

        transform: translate(0, -15px);

    }

    to {

        -webkit-transform: translate(0, 15);

        transform: translate(0, 15);

    }

}

.socials {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.socials a {

    font-size: 18px;

}

.socials a:not(:last-child) {

    margin-right: 24px;

}

.socials.style--two a i {

    color: rgba(0, 0, 0, 0.2);

}

.social-links a {

    border: 2px solid #0364FF;

    width: 35px;

    height: 35px;

    color: #0364FF;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.social-links a:hover{

    background: #0364FF;

    color: #fff;

}

.social-links a:not(:last-child) {

    margin-right: 10px;

}

.form-control {

    border: none;

    border-bottom: 1px solid #e8e8e8;

    height: 50px;

    border-radius: 0;

    font-size: 14px;

    padding: 10px 15px;

    margin-bottom: 30px;

}

.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

textarea.form-control {

    height: 170px;

}

.newsletter-form .theme-input-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    max-width: 540px;

    overflow: hidden;

    margin: 0 auto;

}

.newsletter-form .theme-input-group .form-control {

    margin-bottom: 0;

    height: 60px;

}

.newsletter-form .theme-input-group .btn {

    border-radius: 0;

    padding: 10px 28px;

}

.search-form.style--two .input-wrapper {

    border: 2px solid #0364FF;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.search-form.style--two .input-wrapper input {

    margin-bottom: 0;

    border: none;

    background-color: transparent;

}

.search-form.style--two .input-wrapper .input-icon {

    padding: 15px 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 0;

    height: 50px;

}

.search-form.style--two .input-wrapper .input-icon:hover i {

    color: #0364FF;

}

.domain-search-form .input-group,

.newsletter-form .input-group {

    border: 2px solid #0364ff;

    padding: 7px;

    margin: 0 auto;

    border-radius: 14px;

}

.domain-search-form .input-group .form-control,

.newsletter-form .input-group .form-control {

    margin-bottom: 0;

    border: 0;

    padding: 14px 10px 10px 14px;

    margin-right: 10px;

    border-radius: 50px !important;

}

@media only screen and (max-width: 479px) {

    .domain-search-form .input-group .form-control,

    .newsletter-form .input-group .form-control {

        height: 40px;

    }

}

.domain-search-form .input-group .btn,

.newsletter-form .input-group .btn {

    border-radius: 12px !important;

}

@media only screen and (max-width: 479px) {

    .domain-search-form .input-group .btn,

    .newsletter-form .input-group .btn {

        padding: 0 !important;

        background-color: transparent;

    }

    .domain-search-form .input-group .btn span,

    .newsletter-form .input-group .btn span {

        display: none;

    }

    .domain-search-form .input-group .btn svg,

    .newsletter-form .input-group .btn svg {

        background-color: #00c3ff;

    }

    .newsletter-form .input-group .btn i{

        color: #0364ff;

        padding: 0 10px;

    }

    .domain-search-form .input-group .btn svg path,

    .newsletter-form .input-group .btn svg path {

        fill: #fff;

    }

}

.domain-search-form .input-group .btn.btn-style4 span,

.newsletter-form .input-group .btn.btn-style4 span {

    margin-left: 4px;

}



.domain-search2 .domain-search-form .input-group{

    border-color: #03a87c;

}

.domain-search2 .domain-search-form .btn.btn-style4{

    background: #03a87c;

    border-color: #03a87c;

}

.domain-search2 .domain-search-form .btn.btn-style4:hover{

    background: transparent;

    color: #03a87c;

}

@media only screen and (max-width: 479px) {

    .domain-search-form .input-group .btn.btn-style4,

    .newsletter-form .input-group .btn.btn-style4 {

        background-color: #0364ff;

        padding: 12px 24px !important;

    }

}

.newsletter-form .input-group {

    max-width: 660px;

}

.question-form .form-control {

    height: 56px;

    padding: 15px 25px;

    margin-bottom: 25px;

    border-radius: 10px;

    border: 2px solid #fff;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 3%);

    transition: all .5s ease-in-out;

}

.question-form .form-control:focus{

    border-color: #0364FF;

}

.question-form textarea.form-control {

    height: 150px;

}



.login-form{

    padding: 50px;

    border-radius: 10px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.login-form .login-header{

    text-align: center;

    margin-bottom: 50px;

}

.login-form .login-header h3{

    color: #0364FF;

    margin-bottom: 5px;

    font-weight: 800;

}

.login-form .login-header p{

    font-size: 20px;

}

.login-form .login-footer{

    margin-top: 40px;

}

.login-form .login-footer p{

    text-align: center;

}

.login-form .login-footer a{

    color: #0364FF;

    transition: .5s;

}

.login-form .login-footer a:hover{

    color: #dd4b39;

}

.login-form .form-group .form-control{

    border: 1px solid #e8e8e8;

    border-radius: 8px !important;

    padding-left: 45px;

    transition: .5s;

}

.login-form .form-group .form-control:focus{

    border-color: #0364FF;

}

.login-form .form-group .input-group .input-icon{

    position: absolute;

    z-index: 4;

    display: block;

    top: 0;

    bottom: 0;

    left: 0;

}

.login-form .form-group .input-group .input-icon span {

    padding: 16px;

    position: absolute;

    color: #9AC1FF;

}

.login-form .form-check-input{

    box-shadow: none;

}

.login-form .forgot-pass{

    color: #0364FF;

    transition: .5s;

}

.login-form .forgot-pass:hover{

    color: #dd4b39;

}

.login-form .login-btn{

   width: 100%;

   background: #0364FF;

   color: #fff;

   padding: 12px 0;

   border-radius: 8px;

   font-weight: 600;

   font-size: 15px;

   box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

   transition: .5s;

}

.login-form .login-btn:hover{

   background: #007BFC;

   color: #fff;

}

.login-form .form-check-label a{

    color: #0364FF;

    transition: .5s;

}

.login-form .form-check-label a:hover{

    color: #dd4b39;

}

.other-login-signup {

    text-align: center;

    overflow: hidden;

}

.other-login-signup .or-login-signup {

    text-align: center;

    display: inline-block;

    position: relative;

    padding: 0 25px;

    z-index: 1;

}

.other-login-signup .or-login-signup:before {

    display: inline-block;

    content: "";

    height: 1px;

    width: 100%;

    background-color: #e5e9f2;

    left: 100%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    position: absolute;

    z-index: 1;

}

.other-login-signup .or-login-signup:after {

    display: inline-block;

    content: "";

    height: 1px;

    width: 100%;

    background-color: #e5e9f2;

    right: 100%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    position: absolute;

    z-index: 1;

}

.social-login{

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}

.social-login a{

    padding: 8px 18px;

    border-radius: 7px;
    margin: 0 4px;

    transition: .5s;

}

.social-login a i{

    margin-right: 6px;

}

.social-login .btn-f{

    background-color: #4064ac;

    border-color: #4064ac;

    color: #fff;

}

.social-login .btn-g{

    background-color: #dd4b39;

    border-color: #dd4b39;

    color: #fff;

}

.social-login .btn-t{

    background-color: #00a7e6;

    border-color: #00a7e6;

    color: #fff;

}

.social-login a:hover{

    opacity: .8;

}

@media only screen and (max-width: 991px) {

    .login-form {

        padding: 40px 20px;

    }

}



.btn {

    font-size: 14px;

    text-transform: uppercase;

    z-index: 1;

    line-height: 1;

    padding: 5px;

    padding-left: 30px;

    border-width: 2px;

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: 0;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    white-space: nowrap;

}

.btn i,

.btn img,

.btn svg {

    margin-left: 15px;

}

.btn svg {

    width: 40px;

    height: 40px;

    padding: 12px;

}

.btn:hover svg path {

    fill: #fff;

}

.btn:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.btn.hover-style-two{

    padding: 12px 20px;

}

.btn.hover-style-two:hover{

    background-color: #f67a3c;

}

.btn.header-btn {

    padding: 13px 28px;

    text-transform: uppercase;

    font-size: 13px;

    border: 2px solid #fff;

    background-color: transparent;

}

.btn.btn-lg {

    padding: 20px 40px;

}

.btn.btn-white svg g {

    stroke: #111;

}

.btn.btn-white svg path {

    fill: #111;

    stroke: transparent;

}

.btn.btn-white:hover svg g {

    stroke: #fff;

}

.btn.btn-white:hover svg path {

    fill: #fff;

    stroke: transparent;

}

.btn.btn-sm {

    font-size: 12px;

    padding: 4px;

    padding-left: 24px;

}

.btn.btn-sm svg {

    width: 35px;

    height: 35px;

}

.btn.btn-sm span {

    top: 1px;

}

.btn.btn-border {

    background-color: transparent;

    border-color: #03a87c;

    text-transform: capitalize;

    font-size: 14px;

    padding: 14px 30px 15px;

}

.btn.btn-border:hover {

    border-color: #03a87c;

}

.btn.btn-green {

    border-color: #03a87c;

    text-transform: capitalize;

    font-size: 17px;

    padding: 18px 36px 19px;

}

.btn.btn-green:hover {

    background-color: #f76d00;

    border-color: #f76d00;

}

.btn.btn-orange {

    background-color: #f76d00;

    border-color: #f76d00;

    text-transform: capitalize;

    font-size: 17px;

    padding: 18px 36px 19px;

}

.btn.btn-orange:hover {

    border-color: #03a87c;

}

.btn.btn-orange.btn-border {

    background-color: transparent;

    border-color: #f76d00;

    color: #f76d00;

}

.btn.btn-orange.btn-border:hover {

    background-color: #f76d00;

    border-color: #f76d00;

}

.btn.btn-orange {

    background-color: #f76d00;

    border-color: #f76d00;

    text-transform: capitalize;

    font-size: 17px;

    padding: 18px 36px 19px;

}

.btn.btn-orange:hover {

    border-color: #03a87c;

}

.btn.btn-style3 {

    background-color: transparent;

    border-color: #00c3ff;

    color: #00c3ff;

    padding: 18px 38px;

    border-radius: 8px;

}

.btn.btn-style3:hover {

    background-color: #00c3ff;

    border-color: #00c3ff;

}

.btn.btn-style4 {

    background-color: #0364ff;

    border-color: #0364ff;

    padding: 18px 38px;

}

.btn.btn-style4:hover {

    background-color: transparent;

    border-color: #0364ff;

    color: #0364ff;

}

.btn.btn-style4.btn-border {

    background-color: transparent;

    border-color: #0364ff;

    color: #0364ff;

}

.btn.btn-style4.btn-border:hover {

    background-color: #0364ff;

    border-color: #0364ff;

}

.btn-circle {

    width: 45px;

    height: 45px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 5px;

}

.btn-inline {

    color: #818181;

}

.btn-inline i,

.btn-inline svg {

    margin-left: 5px;

}

.btn-inline:hover svg path {

    fill: #00c3ff;

}

.btn-inline.icon-left i,

.btn-inline.icon-left svg {

    margin-left: 0;

    margin-right: 5px;

}

.widget:not(:last-child) {

    margin-bottom: 45px;

}

.widget .widget-title {

    margin-bottom: 30px;

    line-height: 1.2;

    font-size: 28px;

}

.widget.widget_newsletter .newsletter-content button {

    margin-top: 16px;

    padding: 16px 32px;

}

.widget.widget_newsletter .newsletter-content input {

    background-color: rgba(255, 255, 255, 0.09);

    border: none;

    height: 50px;

}

.widget.widget_newsletter .newsletter-content input::-webkit-input-placeholder {

    color: #fff !important;

    opacity: 0.3;

}

.widget.widget_newsletter .newsletter-content input::-moz-placeholder {

    color: #fff !important;

    opacity: 0.3;

}

.widget.widget_newsletter .newsletter-content input:-ms-input-placeholder {

    color: #fff !important;

    opacity: 0.3;

}

.widget.widget_newsletter .newsletter-content input::-ms-input-placeholder {

    color: #fff !important;

    opacity: 0.3;

}

.widget.widget_newsletter .newsletter-content input::placeholder {

    color: #fff !important;

    opacity: 0.3;

}

.widget.widget_newsletter .newsletter-content label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0;

    margin-top: 16px;

    font-size: 16px;

}

.widget.widget_newsletter .newsletter-content label input[type="checkbox"] {

    margin-right: 10px;

    height: auto;

    position: relative;

    top: -1px;

}

.widget.widget_newsletter.style--two .theme-input-group {

    position: relative;

    overflow: inherit;

    margin: 0;

}

.widget.widget_newsletter.style--two .theme-input-group .form-control {

    border: 1px solid #eee;

    margin-bottom: 0;

    padding: 5px 20px;

    padding-right: 35px;

    height: 45px;

}

.widget.widget_newsletter.style--two .theme-input-group button {

    position: absolute;

    right: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.widget.widget_recent_entries ul {

    background-color: #fcfbff;

    padding: 30px 30px 32px;

    border-radius: 15px;

}

.widget.widget_recent_entries ul li:not(:last-child) {

    margin-bottom: 26px;

}

.widget.widget_recent_entries ul li .posted-on {

    display: block;

    font-size: 14px;

    margin-bottom: 7px;

    text-transform: uppercase;

}

.widget.widget_recent_entries ul li .posted-on i{

    margin-right: 10px;

}

.widget.widget_recent_entries ul li .post-title {

    line-height: 1.529;

    font-size: 17px;

}

.widget.widget_recent_entries.text-white ul {

    background-color: rgba(13, 35, 82, 0.3);

}

.widget.widget_recent_entries.style--two ul li .posted-on {

    font-size: 12px;

}

.widget.widget_recent_entries.style--three ul {

    background-color: rgba(0, 51, 197, 0.3);

}

.widget.widget_recent_entries.style--four ul {

    background-color: rgba(252, 251, 255, 0.05);

}

.widget.widget_tag_cloud .tagcloud {

    margin: 0 -6px -6px 0;

}

.widget.widget_tag_cloud .tagcloud a {

    display: inline-block;

    padding: 5px 10px;

    background-color: #f9f9f9;

    margin: 0 3px 6px 0;

    border-radius: 8px;

    font-size: 15px;

}

.widget.widget_tag_cloud .tagcloud a:hover{

    color: #fff;

    background: #0364FF;

}

.widget.widget_nav_menu ul li:not(:last-child) {

    margin-bottom: 10px;

}

.widget.widget_nav_menu ul li a {

    text-transform: capitalize;

    display: block;

}

.widget.widget_nav_menu ul li a span {

    text-transform: uppercase;

    line-height: 1;

    padding: 2px 10px;

    font-size: 12px;

    margin-left: 5px;

    position: relative;

    top: -1px;

}

.widget.widget_nav_menu ul li a span.update {

    background-color: #ff433c;

}

.widget.widget_nav_menu ul li a span.style2 {

    background-color: #0032c4;

}

.widget.widget_nav_menu ul li.title {

    font-size: 18px;

    margin-bottom: 20px;

}

.widget.widget_nav_menu.style--two ul li a span.update {

    background-color: #f76d00;

}

.widget.widget_categories ul li:not(:last-child) {

    margin-bottom: 18px;

}

.widget.widget_categories ul li a {

    position: relative;

}

.widget.widget_about .footer-logo {

    display: block;

    margin-bottom: 20px;

}

.widget.widget_about p:not(:last-child) {

    margin-bottom: 25px;

}

.widget.widget_about .contact-list {

    margin-bottom: 27px;

}

.widget.widget_about .contact-list li {

    position: relative;

}

.widget.widget_about .contact-list li a {

    font-size: 18px;

}

.widget.widget_about .contact-list li:not(:last-child) {

    margin-bottom: 10px;

}

.widget.widget_about .contact-list li i {

    margin-right: 10px;

    position: relative;

    top: 3px;

    font-size: 25px;

}

.widget.widget_about .accept-cards {

    margin-bottom: 30px;

}

.widget.widget_about .accept-cards img{

    width: 60%;

}

.widget.widget_about .socials {

    margin-bottom: 21px;

}

.widget.widget_about .copyright {

    font-size: 13px;

}

.widget.widget_contact_info p {

    margin-bottom: 27px;

}

.widget.widget_contact_info .contact-list li {

    padding-left: 20px;

    position: relative;

}

.widget.widget_contact_info .contact-list li i {

    position: absolute;

    left: 0;

    top: 8px;

    font-size: 14px;

}

.widget.widget_contact ul li {

    padding-left: 30px;

    position: relative;

}

.widget.widget_contact ul li:not(:last-child) {

    margin-bottom: 14px;

}

.widget.widget_contact ul li i {

    position: absolute;

    left: 0;

    top: 5px;

}

.blog-sidebar .widget{

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    padding: 25px;

    border-radius: 10px;

}

.blog-sidebar .widget.widget_recent_entries ul {

    background-color: transparent;

    padding: 0;

}

.blog-sidebar .widget.widget_recent_entries ul li:not(:last-child) {

    margin-bottom: 26px;

}

.blog-sidebar .widget.widget_recent_entries ul li .post-title {

    font-size: 18px;

}

.blog-sidebar .widget.widget_categories a span {

   float: right;

}

.blog-sidebar .widget.widget_categories a i {

    color: #0364FF;

    margin-right: 5px;

 }

.blog-sidebar .widget.widget_categories a:hover{

    color: #0364FF;

}

.blog-sidebar .post-recent-single {

    display: flex;

    align-items: center;

}

.blog-sidebar .post-recent-single img{

    width: 100px;

    height: 80px;

    margin-right: 20px;

    border-radius: 10px;

}

.blog-sidebar .post-recent-single .posted-on{

   color: #0364FF !important;

}

.blog-sidebar .post-recent-single .post-title a:hover{

   color: #0364FF !important;

}

.section-title {

    position: relative;

    margin-bottom: 67px;

}

@media only screen and (max-width: 991px) {

    .section-title {

        margin-bottom: 47px;

    }

}

.section-title.style--two {

    margin-bottom: 39px;

}

.section-title.style--two h2 {

    margin-bottom: 29px;

}

.section-title.style--two p:not(:last-child) {

    margin-bottom: 42px;

}

.section-title.feature-title h2 {

    font-size: 42px;

}

.section-title.feature-title2 h2 {

    margin-bottom: 28px;

}

.section-title.feature-title2 p:not(:last-child) {

    margin-bottom: 26px;

}

.section-title.feature-title2 .btn {

    margin-top: 16px;

}

.section-title.style--three {

    margin-bottom: 0;

}

.section-title.style--three h5 {

    margin-bottom: 29px;

}

.section-title.style--three h5.mb-n1 {

    margin-bottom: 25px;

}

.section-title.style--three h2 {

    margin-bottom: 29px;

}

.section-title.style--three p:not(:last-child) {

    margin-bottom: 42px;

}

@media only screen and (max-width: 991px) {

    .section-title.style--three {

        margin-bottom: 60px;

    }

}

.section-title.price-plan {

    margin-bottom: 46px;

}

.section-title.border-bottom {

    padding-bottom: 27px;

    border-color: rgba(0, 195, 255, 0.2);

    margin-bottom: 24px;

}

.section-title.c4 h5 {

    color: #0364ff;

}

@media only screen and (max-width: 767px) {

    .section-title br {

        display: none;

    }

}

.section-title h5 {

    text-transform: uppercase;

    margin-bottom: 24px;

    margin-top: -2px;

}

.section-title h4 {

    font-size: 21px;

    margin-bottom: 20px;

}

.section-title h2 {

    margin-top: -9px;

    margin-bottom: 25px;

    font-weight: 900;

    font-size: 48px;

    letter-spacing: -1px;

}

@media only screen and (max-width: 479px) {

    .section-title h2 {

        font-size: 36px;

    }

}



.pagination{

    margin-top: 50px;

}

.pagination li:not(:last-child) {

    margin-right: 15px;

}

.pagination li{

    list-style: none;

}

.pagination li a,

.pagination li span {

    width: 40px;

    height: 40px;

    line-height: 10px;

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 16px;

    border: 2px solid #0364FF;

    border-radius: 10px;

    color: #0364FF;

}

.pagination li a:hover{

    background: #0364FF;

    color: #fff;

}

.pagination li .page-numbers:hover{

    background: #0364FF;

    color: #fff;

}

.pagination li span.current{

    background: #0364FF;

    color: #fff;

}

.pagination li.nav-btn a.disabled {

    cursor: not-allowed;

    opacity: 0.5;

}

.back-to-top {

    position: fixed;

    opacity: 0;

    visibility: hidden;

    cursor: pointer;

    width: 45px;

    height: 45px;

    -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);

    font-size: 16px;

    color: #fff !important;

    border-radius: 10px;

    display: inline-block;

    text-align: center;

    line-height: 45px;

    bottom: 10%;

    right: 4%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    transition: 0.3s ease-in;

}

.back-to-top.home4 {

    background-color: #007bfc;

}

.back-to-top.show {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    visibility: visible;

    z-index: 999;

}

.back-to-top:hover {

    opacity: 0.6;

}

.preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 99999;

    background: #1142CE;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.pre-color-green{

    background: #03a87c;

}

.loader-line{

    background-color: #fff;

    width: 6px;

    height: 20px;

    margin: 0px 5px;

    border: none;

    animation: loader 0.8s infinite linear;

    border-radius: 20px;

}



.loader-line-1{

    animation-delay: 0.60s;

}

.loader-line-2{

    animation-delay: 0.30s;

}

.loader-line-3{

    animation-delay: 0s;

    }

.loader-line-4{

    animation-delay: 0.30s;

}

.loader-line-5{

    animation-delay: 0.60s;

}



@keyframes loader{

    0%{

        height: 20px;

    }

    25%{

        height: 40px;

    }

    50%{

        height: 70px;

    }

    75%{

        height: 20px;

    }

    100%{

        height: 20px;

    }

}







.page-title-wrap {

    padding-top: 180px;

    padding-bottom: 100px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.page-title {

    padding-top: 5px;

}

.page-title h2 {

    margin-bottom: 22px;

    font-size: 55px;

}

.page-title ul li {

    font-size: 17px;

    position: relative;

    z-index: 1;

    line-height: 1;

}

.page-title ul li:not(:last-child) {

    padding-right: 15px;

    margin-right: 15px;

}

.page-title ul li:not(:last-child):after {

    right: -5px;

    position: absolute;

    content: "\f101";

    font-family: "Font Awesome 5 Pro";

    top: 0;

    width: 10px;

    height: 10px;

}

.page-title-img img {

    max-width: initial;

}

.header-top {

    background-color: transparent;

    padding: 10px 0  12px 0;

    position: relative;

    z-index: 2;

}

.header-top::after {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    z-index: -1;

    background-color: rgba(0, 0, 0, 0.2);

    content: "";

}

@media only screen and (max-width: 767px) {

    .header-top {

        padding-top: 10px;

    }

}

@media only screen and (max-width: 991px) {

    .header-top .info-bar {

        margin-bottom: 5px;

    }

}

@media only screen and (max-width: 479px) {

    .header-top .info-bar ul {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .header-top .info-bar ul li {

        padding-right: 0;

        margin-right: 0;

    }

    .header-top .info-bar ul li:after {

        display: none;

    }

}

.header-main {

    min-height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: transparent;

    width: 100%;

    z-index: 9;

    position: absolute;

    margin-top: 10px;

}

.header-main.fixed-top {

    position: fixed;

}

.header-main.sticky {

    margin-top: 0;

}

.header-main.sticky ul.nav > li > a.current-menu-parent:after,

.header-main.sticky ul.nav > li > a:hover:after {

    display: none;

}

.header-main.sticky .logo .sticky-logo {

    display: block;

}

.header-main.sticky .logo .main-logo {

    display: none;

}

.header-main.sticky #menu-button span {

    background-color: #111;

}

.header-main.sticky #menu-button span:after,

.header-main.sticky #menu-button span:before {

    background-color: #111;

}

.header-main.sticky .submenu-button {

    color: #111;

}

.header-main.sticky .search-toggle-btn svg path {

    fill: #00c3ff;

}

.header-main.sticky .btn.header-btn {

    border-color: #00c3ff;

}

.header-main .logo .sticky-logo {

    display: none;

}

.header-main .logo {

    max-width: 240px;

}

@media only screen and (max-width: 1199px) {

    .header-main .logo {

        max-width: 180px;

    }

    .header-main .logo svg {

        max-width: 180px;

    }

}

.header-main .submenu-button {

    position: absolute;

    right: 12px;

    top: 24px;

    height: 5px;

    width: 5px;

    font-size: 10px;

    z-index: 9999;

    -webkit-transition: 0.2s ease-in-out;

    -o-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}

.header-main .submenu-button:after {

    font-family: "Font Awesome 5 Pro";

    content: "\f107";

    line-height: 5px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-weight: 500;

    font-size: 15px;

}



@media only screen and (max-width: 991px) {

    .header-main .submenu-button {

        right: 0;

        top: 10px;

        height: 30px;

        width: 30px;

        color: #111;

        font-size: 14px;

    }

    .header-main .submenu-button:after {

        line-height: 30px;

    }

    .header-main .submenu-button.submenu-opened:after {

        content: "\f106";

        color: #0364ff;

    }

    .header-main .nav-wrap-inner {

        background-color: #fff;

        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);

        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);

        width: calc(100% - 30px);

        position: absolute;

        left: 15px;

        top: 110%;

        z-index: 9;

        max-height: 400px;

        overflow-y: auto;

    }

}

@media only screen and (max-width: 991px) {

    .header-main ul.nav {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        padding: 14px 20px;

        padding-right: 0;

    }

    .header-main ul.nav > li {

        width: 100%;

    }

}

.header-main ul.nav > li > a {

    line-height: 50px;

    position: relative;

    display: block;

    font-size: 17px;

}

@media only screen and (max-width: 991px) {

    .header-main ul.nav > li > a {

        color: #111;

    }

}

.header-main ul.nav > li > a.current-menu-parent:after,

.header-main ul.nav > li > a:hover:after {

    width: 20px;

    height: 2px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    position: absolute;

    bottom: 0;

    content: "";

}

.header-main ul.nav li:hover > ul {

    top: 100%;

}

.header-main ul.nav ul {

    position: absolute;

    left: 0;

    top: -2000px;

    opacity: 0;

    visibility: hidden;

    background-color: #fff;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 200px;

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    transition: -webkit-transform 0.3s ease-out;

    -o-transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

    z-index: 9;

    border-radius: 8px;

    padding: 0;

    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);

    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);

}

.header-main ul.nav .sub-menu-lg{

    min-width: 300px;

}

.header-main ul.nav .sub-menu-lg i{

    margin-right: 20px;

    color: #0364FF;

    font-size: 28px;

    width: 30px;

    height: 30px;

}

.header-main ul.nav .sub-menu-lg p{

    font-size: 13px;

    color: #8392a5;

}

.header-main ul.nav .sub-menu-lg li{

    padding: 16px 20px;

}

@media only screen and (max-width: 991px) {

    .header-main ul.nav ul {

        position: static;

        -webkit-box-shadow: 0 0 0 transparent;

        box-shadow: 0 0 0 transparent;

        width: 100%;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .header-main ul.nav ul li {

        margin-left: 20px;

    }

    .header-main ul.nav ul li a:after,

    .header-main ul.nav ul li a:before {

        display: none;

    }

}

.header-main ul.nav ul li {

    padding: 8px 20px;

}

@media only screen and (max-width: 991px) {

    .header-main ul.nav ul li {

        padding-left: 0;

        padding-right: 0;

    }

}

.header-main ul.nav ul li a {

    display: block;

}

.header-main ul.nav ul li a:after {

    position: absolute;

    left: 0;

    content: "";

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.header-main ul.nav ul li:not(:last-child) a:after {

    bottom: 0;

    height: 1px;

    width: 100%;

    opacity: 0.1;

}

.header-main ul.nav ul li:hover > ul {

    top: 0;

}

.header-main ul.nav ul ul {

    left: 100%;

}

.header-main ul.nav ul.open {

    visibility: visible;

    opacity: 1;

}

.header-main ul li {

    position: relative;

    padding: 0 25px;

}

@media only screen and (max-width: 1400px) {

    .header-main ul li {

        padding: 0 17px;

    }

    .header-main .submenu-button:after{

        margin-left: 10px;

    }

}

@media only screen and (max-width: 1199px) {

    .header-main ul li {

        padding: 0 14px;

    }

    .btn.header-btn{

        padding: 10px 16px;

    }

    .header-main .submenu-button:after{

        margin-left: 12px;

    }

}

@media only screen and (max-width: 991px) {

    .header-main ul li {

        padding: 0;

    }

}

.header-main ul li a {

    text-transform: capitalize;

}

.header-main ul li:hover > ul {

    opacity: 1;

    visibility: visible;

    top: 100%;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.header-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.header-right > div:not(:last-child) {

    margin-right: 20px;

}

.offcanvas-trigger {

    cursor: pointer;

}

.full-page-search {

    position: fixed;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, .9);

    z-index: 9999;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

}

.full-page-search.show {

    opacity: 1;

    visibility: visible;

}

.full-page-search .search-close-btn {

    position: absolute;

    right: 15%;

    top: 15%;

    font-size: 20px;

}

.full-page-search .input-wrapper {

    position: relative;

    border-bottom: 2px solid #ddd;

    margin-bottom: 30px;

}

.full-page-search .input-wrapper input {

    width: 100%;

    font-size: 15px;

    background-color: transparent;

    border: 0;

    padding-left: 50px;

    padding-bottom: 15px;

    color: #fff;

}

.full-page-search .input-wrapper .input-icon {

    position: absolute;

    left: 10px;

    top: 4px;

}

.offcanvas-wrapper {

    overflow-x: hidden;

    overflow-y: auto;

    max-width: 400px;

    width: 100%;

    right: 0;

    left: auto;

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    z-index: 1031;

}

.offcanvas-wrapper.show {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}

.offcanvas-wrapper .offcanvas-close {

    cursor: pointer;

    z-index: 999;

    top: 30px;

    right: 30px;

}

.offcanvas-wrapper .widget:not(:last-child) {

    padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 1px solid rgba(57, 62, 92, 0.09);

}

.offcanvas-wrapper .widget .widget-title {

    margin-bottom: 15px;

    position: relative;

}

.offcanvas-wrapper .widget.widget_contact ul li a:hover {

    color: #03a87c;

}

.offcanvas-wrapper .widget.widget_social_links .socials a:hover i {

    color: #03a87c;

}

.offcanvas-wrapper .widget p:last-child {

    margin-bottom: 0 !important;

}

.offcanvas-wrapper .offcanvas-content {

    padding: 40px;

}

.offcanvas-wrapper .offcanvas-content .widget_logo svg {

    max-width: 180px;

}

.offcanvas-wrapper.style--two .widget.widget_contact ul li a:hover {

    color: #00c3ff;

}

.offcanvas-wrapper.style--two .widget.widget_social_links .socials a:hover i {

    color: #00c3ff;

}

.offcanvas-overlay {

    opacity: 0;

    visibility: hidden;

}

.offcanvas-overlay.show {

    opacity: 0.9;

    visibility: visible;

}

.offcanvas-wrapper .socials a{

    color: #00a7e6;

}

.offcanvas-wrapper .icon i{

    color: #00a7e6;

}

.offcanvas_menu2 .socials a{

    color: #03A87C;

}

.offcanvas_menu2 .icon i{

    color: #03A87C;

}

#menu-button {

    display: none;

    height: 25px;

    width: 25px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    top: -2px;

    margin-right: 20px;

}

@media only screen and (max-width: 991px) {

    #menu-button {

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;

    }

}

@media only screen and (max-width: 575px) {

    #menu-button {

        margin-right: 0;

    }

}

#menu-button span {

    position: relative;

    display: block;

    width: 25px;

    height: 2px;

}

#menu-button span:after,

#menu-button span:before {

    position: absolute;

    content: "";

    display: block;

    width: 25px;

    height: 2px;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    -o-transition: transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

#menu-button span:before {

    top: -7px;

}

#menu-button span:after {

    top: 7px;

}

#menu-button.menu-opened span {

    background-color: transparent !important;

}

#menu-button.menu-opened span:before {

    -webkit-transform: translateY(7px) rotate(45deg);

    -ms-transform: translateY(7px) rotate(45deg);

    transform: translateY(7px) rotate(45deg);

}

#menu-button.menu-opened span:after {

    -webkit-transform: translateY(-7px) rotate(-45deg);

    -ms-transform: translateY(-7px) rotate(-45deg);

    transform: translateY(-7px) rotate(-45deg);

}

.header.style--two .header-main ul.nav > li > a {

    font-size: 17px !important;

}

.header.style--two .header-main ul.nav > li > a:after {

    display: none;

}

.header.style--two .header-main ul.nav > li > a.current-menu-parent,

.header.style--two .header-main ul.nav > li > a:hover {

    color: #03a87c;

}

.header.style--two .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--two .header-main ul.nav > li > a:hover ~ .submenu-button {

    color: #03a87c;

}

.header.style--two .header-main ul.nav > li {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.header.style--two .header-main ul.nav li {

    padding: 8px 22px;

}

.header.style--two .header-main ul.nav li a {

    font-size: 16px;

    text-transform: uppercase;

}

.header.style--two .header-main ul.nav li a.current-menu-children{

    color: #111;

}

.header.style--two .header-main ul.nav li a:hover {

    color: #03a87c;

}

.header.style--two .header-main ul.nav li a.current-menu-children ~ .submenu-button{

    color: #111;

    margin-top: -5px;

}

.header.style--two .header-main ul.nav li a:hover ~ .submenu-button {

    color: #03a87c;

}

@media only screen and (max-width: 1199px) {

    .header.style--two .header-main ul.nav li {

        padding: 8px 18px;

    }

    .header.style--two .header-main ul.nav li .submenu-button {

        right: 10px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--two .header-main ul.nav li {

        padding: 8px 0;

    }

}

.header.style--two .header-main .btn.header-btn {

    padding: 13px 24px 14px;

}

.header.style--two .header-main .btn.header-btn:hover {

    background-color: #f76d00;

}

.header.style--two .header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button:after,

.header.style--two .header-main.sticky ul.nav > li > a:hover ~ .submenu-button:after {

    color: #03a87c;

}

.header.style--two .header-main.sticky .btn.header-btn {

    border-color: #03a87c;

}

.header.style--two .header-main.sticky .btn.header-btn:hover {

    background-color: #f76d00;

    border-color: #f76d00;

}

@media only screen and (max-width: 1199px) {

    .header.style--two .header-main .logo {

        max-width: 135px;

    }

    .header.style--two .header-main .logo svg {

        max-width: 135px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--two .header-main .logo {

        max-width: 180px;

    }

    .header.style--two .header-main .logo svg {

        max-width: 180px;

    }

}

.header.style--two .submenu-button {

    right: 12px;

    top: 23px;

}

@media only screen and (max-width: 991px) {

    .header.style--two .submenu-button {

        top: 10px;

    }

}

.header.style--two .submenu-button:after {

    content: "\f0d7";

}

.header.style--two .search-toggle-btn svg path {

    fill: #111;

}

.header.style--two #menu-button span {

    background-color: #111;

}

.header.style--two #menu-button span:after,

.header.style--two #menu-button span:before {

    background-color: #111;

}

.header.style--two ul.nav .sub-menu-lg li {

    padding: 20px 30px;

}

.header.style--two ul.nav .sub-menu-lg li i{

    color: #03a87c;

}

.header.style--two ul.nav .sub-menu-lg p {

    font-size: 12px;

    color: #8392a5;

}

.header.style--three {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}

.header.style--three .header-main {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.header.style--three .header-main ul.nav > li > a {

    font-size: 17px !important;

}

@media only screen and (min-width: 992px) {

    .header.style--three .header-main ul.nav > li > a {

        line-height: 80px;

    }

}

.header.style--three .header-main ul.nav > li > a.current-menu-parent,

.header.style--three .header-main ul.nav > li > a:hover {

    color: #fff !important;

}

.header.style--three .header-main ul.nav > li > a.current-menu-parent:after,

.header.style--three .header-main ul.nav > li > a:hover:after {

    background-color: #00c3ff;

}

@media only screen and (max-width: 991px) {

    .header.style--three .header-main ul.nav > li > a.current-menu-parent:after,

    .header.style--three .header-main ul.nav > li > a:hover:after {

        display: none;

    }

}

.header.style--three .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--three .header-main ul.nav > li > a:hover ~ .submenu-button {

    color: #fff !important;

}

@media only screen and (max-width: 991px) {

    .header.style--three .header-main ul.nav > li > a.current-menu-parent,

    .header.style--three .header-main ul.nav > li > a:hover {

        color: #00c3ff !important;

    }

    .header.style--three .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

    .header.style--three .header-main ul.nav > li > a:hover ~ .submenu-button {

        color: #00c3ff !important;

    }

}

.header.style--three .header-main ul.nav > li {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.header.style--three .header-main ul.nav li {

    padding: 8px 22px;

}

.header.style--three .header-main ul.nav li a {

    font-size: 16px;

    text-transform: uppercase;

}

.header.style--three .header-main ul.nav li a.current-menu-children{

    color: #111;

}

.header.style--three .header-main ul.nav li a:hover {

    color: #00c3ff;

}

.header.style--three .header-main ul.nav li a.current-menu-children ~ .submenu-button{

    color: #111;

    margin-top: -19px;

} 

.header.style--three .header-main ul.nav li a:hover ~ .submenu-button {

    color: #00c3ff;

}

.header.style--three ul.nav .sub-menu-lg li {

    padding: 20px 30px;

}

.header.style--three ul.nav .sub-menu-lg p {

    font-size: 12px;

    color: #8392a5;

}

header.style--three .header-right i{

    font-size: 20px;

    color: #fff;

}

header.style--three .sticky .header-right i{

    color: #111;

}

@media only screen and (max-width: 1199px) {

    .header.style--three .header-main ul.nav li {

        padding: 8px 18px;

    }

    .header.style--three .header-main ul.nav li .submenu-button {

        right: 10px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--three .header-main ul.nav li {

        padding: 8px 0;

    }

}

.header.style--three .header-main .btn.header-btn {

    padding: 14px 24px 13px;

    font-size: 17px;

    text-transform: capitalize;

    background-color: transparent;

    border-color: #fff;

}

.header.style--three .header-main .btn.header-btn:hover {

    border-color: #fff;

    color: #00c3ff;

}

.header.style--three .header-main.sticky ul.nav > li > a.current-menu-parent,

.header.style--three .header-main.sticky ul.nav > li > a:hover {

    color: #00c3ff !important;

}

.header.style--three .header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--three .header-main.sticky ul.nav > li > a:hover ~ .submenu-button {

    color: #00c3ff !important;

}

.header.style--three .header-main.sticky .btn.header-btn {

    background-color: transparent;

    border-color: #00c3ff;

    color: #00c3ff;

}

.header.style--three .header-main.sticky .btn.header-btn:hover {

    background-color: #00c3ff;

    border-color: #00c3ff;

    color: #fff;

}

.header.style--three .header-main.sticky #menu-button span {

    background-color: #00c3ff;

}

.header.style--three .header-main.sticky #menu-button span:after,

.header.style--three .header-main.sticky #menu-button span:before {

    background-color: #00c3ff;

}

.header.style--three .header-main.sticky .offcanvas-trigger svg rect {

    fill: #00c3ff;

}

@media only screen and (max-width: 1199px) {

    .header.style--three .header-main .logo {

        max-width: 135px;

    }

    .header.style--three .header-main .logo svg {

        max-width: 135px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--three .header-main .logo {

        max-width: 180px;

    }

    .header.style--three .header-main .logo svg {

        max-width: 180px;

    }

}

.header.style--three .submenu-button {

    right: 12px;

    top: 37px;

}

@media only screen and (max-width: 991px) {

    .header.style--three .submenu-button {

        color: #111;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--three .submenu-button {

        top: 10px;

    }

}

.header.style--three .submenu-button:after {

    content: "\f0d7";

}

.header.style--three #menu-button span {

    background-color: #fff;

}

.header.style--three #menu-button span:after,

.header.style--three #menu-button span:before {

    background-color: #fff;

}

.header.style--three .offcanvas-trigger svg rect {

    fill: #fff;

}

.header.style--four .header-main ul.nav > li > a.current-menu-parent,

.header.style--four .header-main ul.nav > li > a:hover {

    color: #fff !important;

}

.header.style--four .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--four .header-main ul.nav > li > a:hover ~ .submenu-button {

    color: #fff !important;

}

.header.style--four .header-main ul.nav > li > a.current-menu-parent:after,

.header.style--four .header-main ul.nav > li > a:hover:after {

    background-color: #fff;

}

.header.style--four .header-main ul.nav li a.current-menu-children ~ .submenu-button:after{

    content: "\f105";

    margin-top: -5px;

}

@media only screen and (max-width: 991px) {

    .header.style--four .header-main ul.nav > li > a.current-menu-parent:after,

    .header.style--four .header-main ul.nav > li > a:hover:after {

        display: none;

    }

    .header.style--four .header-main ul.nav li a.current-menu-children ~ .submenu-button:after{

        content: "\f107";

        margin-top: -2px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--four .header-main ul.nav > li > a.current-menu-parent,

    .header.style--four .header-main ul.nav > li > a:hover {

        color: #0364ff !important;

    }

    .header.style--four .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

    .header.style--four .header-main ul.nav > li > a:hover ~ .submenu-button {

        color: #0364ff !important;

    }



}

.header.style--four .header-main ul.nav li a.current-menu-children{

    color: #111111;

}

.header.style--four .header-main ul.nav li a:hover {

    color: #0364ff;

}

.header.style--four .header-main ul.nav li a.current-menu-children ~ .submenu-button{

    color: #111111;

}

.header.style--four .header-main ul.nav li a:hover ~ .submenu-button {

    color: #0364ff;

}

.header.style--four .header-main .btn.header-btn:hover {

    color: #0364ff;

}

.header.style--four .header-main.sticky ul.nav > li > a.current-menu-parent,

.header.style--four .header-main.sticky ul.nav > li > a:hover {

    color: #0364ff !important;

}

.header.style--four .header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--four .header-main.sticky ul.nav > li > a:hover ~ .submenu-button {

    color: #0364ff !important;

}

.header.style--four .header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button:after,

.header.style--four .header-main.sticky ul.nav > li > a:hover ~ .submenu-button:after {

    color: #0364ff;

}

.header.style--four .header-main.sticky .btn.header-btn {

    background-color: transparent;

    border-color: #0364ff;

    color: #0364ff;

}

.header.style--four .header-main.sticky .btn.header-btn:hover {

    background-color: #0364ff;

    border-color: #0364ff;

    color: #fff;

}

.header.style--four .header-main.sticky .search-toggle-btn svg path {

    fill: #0364ff;

}

.header.style--four .header-main.sticky #menu-button span {

    background-color: #0364ff;

}

.header.style--four .header-main.sticky #menu-button span:after,

.header.style--four .header-main.sticky #menu-button span:before {

    background-color: #0364ff;

}

.header.style--four #menu-button span {

    background-color: #fff;

}

.header.style--four #menu-button span:after,

.header.style--four #menu-button span:before {

    background-color: #fff;

}

.header.style--five {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}

.header.style--five .header-main {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.header.style--five .header-main ul.nav > li > a {

    font-size: 17px !important;

}

@media only screen and (min-width: 992px) {

    .header.style--five .header-main ul.nav > li > a {

        line-height: 80px;

    }

}

.header.style--five .header-main ul.nav > li > a.current-menu-parent,

.header.style--five .header-main ul.nav > li > a:hover {

    color: #fff !important;

}

.header.style--five .header-main ul.nav > li > a.current-menu-parent:after,

.header.style--five .header-main ul.nav > li > a:hover:after {

    background-color: #00c3ff;

}

@media only screen and (max-width: 991px) {

    .header.style--five .header-main ul.nav > li > a.current-menu-parent:after,

    .header.style--five .header-main ul.nav > li > a:hover:after {

        display: none;

    }

}

.header.style--five .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--five .header-main ul.nav > li > a:hover ~ .submenu-button {

    color: #fff !important;

}

@media only screen and (max-width: 991px) {

    .header.style--five .header-main ul.nav > li > a.current-menu-parent,

    .header.style--five .header-main ul.nav > li > a:hover {

        color: #00c3ff !important;

    }

    .header.style--five .header-main ul.nav > li > a.current-menu-parent ~ .submenu-button,

    .header.style--five .header-main ul.nav > li > a:hover ~ .submenu-button {

        color: #00c3ff !important;

    }

}

.header.style--five .header-main ul.nav > li {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.header.style--five .header-main ul.nav li {

    padding: 8px 22px;

}

.header.style--five .header-main ul.nav li a {

    font-size: 16px;

}

.header.style--five .header-main ul.nav li a.current-menu-children,

.header.style--five .header-main ul.nav li a:hover {

    color: #00c3ff;

}

.header.style--five .header-main ul.nav li a.current-menu-children ~ .submenu-button,

.header.style--five .header-main ul.nav li a:hover ~ .submenu-button {

    color: #00c3ff;

}

@media only screen and (max-width: 1199px) {

    .header.style--five .header-main ul.nav li {

        padding: 8px 18px;

    }

    .header.style--five .header-main ul.nav li .submenu-button {

        right: 10px;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--five .header-main ul.nav li {

        padding: 8px 0;

    }

}

.header.style--five .header-main.sticky ul.nav > li > a.current-menu-parent,

.header.style--five .header-main.sticky ul.nav > li > a:hover {

    color: #00c3ff !important;

}

.header.style--five .header-main.sticky ul.nav > li > a.current-menu-parent ~ .submenu-button,

.header.style--five .header-main.sticky ul.nav > li > a:hover ~ .submenu-button {

    color: #00c3ff !important;

}

.header.style--five .header-main.sticky #menu-button span {

    background-color: #00c3ff;

}

.header.style--five .header-main.sticky #menu-button span:after,

.header.style--five .header-main.sticky #menu-button span:before {

    background-color: #00c3ff;

}

.header.style--five .header-main.sticky .offcanvas-trigger svg rect {

    fill: #00c3ff;

}

@media only screen and (max-width: 1199px) {

    .header.style--five .header-main .logo {

        max-width: 180px;

    }

    .header.style--five .header-main .logo svg {

        max-width: 180px;

    }

}

.header.style--five .submenu-button {

    right: 12px;

    top: 39px;

}

@media only screen and (max-width: 991px) {

    .header.style--five .submenu-button {

        color: #111;

    }

}

@media only screen and (max-width: 991px) {

    .header.style--five .submenu-button {

        top: 10px;

    }

}

.header.style--five #menu-button span {

    background-color: #fff;

}

.header.style--five #menu-button span:after,

.header.style--five #menu-button span:before {

    background-color: #fff;

}

.header.style--five .offcanvas-trigger svg rect {

    fill: #fff;

}

.footer {
  background-image: url("shablon18/assets/img/bg/footer-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.footer .widget {

    margin-bottom: 60px;

}

.footer .widget .widget-title {

    margin-bottom: 33px;

}

.footer-main {

    padding: 80px 0 20px;

}

@media only screen and (max-width: 991px) {

    .footer-main {

        padding-top: 80px;

    }

}

.footer-bottom {

    padding: 30px 0;

}

.footer-bottom .container {

    position: relative;

}

.footer-bottom .container:after {

    width: calc(100% - 30px);

    height: 1px;

    left: 15px;

    top: -30px;

    opacity: 0.15;

    position: absolute;

    content: "";

}

.footer-bottom.style--two .container:after {

    background-color: #000;

    opacity: 0.1;

}

.footer-bottom-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

@media only screen and (max-width: 575px) {

    .footer-bottom-content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}

.footer-bottom-content p {

    max-width: 555px;

}

.footer-bottom-content.c4 p a {

    color: #00c3ff;

    font-weight: bold;

}

.footer-bottom-content.c4 p a:hover{

    color: #fff;

}

.single-post-item {

    overflow: hidden;

    border-radius: 7px;

    margin-bottom: 30px;

}

.single-post-item.mbs2 {

    margin-bottom: 60px;

}

.single-post-item .post-thumbnail img {

    width: 100%;

    border-radius: 12px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.single-post-item .post-content {

    padding: 20px 35px 23px;

}

.single-post-item .post-content .post-title {

    margin-bottom: 10px;

    line-height: 1.416;

}

.single-post-item .post-content .post-meta,

.single-post-item .post-content .post-meta-bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.single-post-item .post-content .post-meta li:not(:last-child),

.single-post-item .post-content .post-meta-bottom li:not(:last-child) {

    margin-right: 25px;

}

@media only screen and (max-width: 1199px) {

    .single-post-item .post-content .post-meta li:not(:last-child),

    .single-post-item .post-content .post-meta-bottom li:not(:last-child) {

        margin-right: 14px;

    }

}

.single-post-item .post-content .post-meta li a,

.single-post-item .post-content .post-meta-bottom li a {

    text-transform: uppercase;

}

.single-post-item .post-content .post-meta {

    margin-bottom: 5px;

}

.single-post-item .post-content .post-meta a {

    font-size: 12px;

}

.single-post-item .post-content .post-meta-bottom a {

    font-size: 13px;

}

.single-post-item:hover {

    -webkit-box-shadow: 7px 7px 45px rgba(0, 0, 0, 0.07);

    box-shadow: 7px 7px 45px rgba(0, 0, 0, 0.07);

}

.single-post-item.style--two {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.single-post-item.style--two .post-content {

    padding: 0;

    background-color: transparent;

    margin-bottom: -5px;

}

.single-post-item.style--two .post-content .post-meta {

    padding-top: 21px;

    margin-bottom: 5px;

}

.single-post-item.style--two .post-content .post-meta li {

    text-transform: uppercase;

    margin-right: 0;

    position: relative;

}

.single-post-item.style--two .post-content .post-meta li:not(:last-child):after {

    content: "/";

    color: #a3a3a3;

    margin: 0 3px;

}

.single-post-item.style--two .post-content .post-meta li a {

    color: #a3a3a3;

    font-size: 14px;

}

.single-post-item.style--two .btn-inline {

    text-transform: uppercase;

    font-size: 13px;

}

.single-post-item.style--two .btn-inline svg {

    margin-right: 5px;

    margin-left: 0;

    position: relative;

    top: -1px;

}

.single-post-item.style--two .btn-inline svg path {

    fill: #00c3ff;

}

.single-post-item.style--three {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.single-post-item.style--three .post-content {

    padding: 0;

    background-color: transparent;

    margin-bottom: -5px;

}

.single-post-item.style--three .post-content .post-title a:hover {

    color: #0364ff;

}

.single-post-item.style--three .post-content .post-meta {

    padding-top: 21px;

    margin-bottom: 5px;

}

.single-post-item.style--three .post-content .post-meta li {

    text-transform: uppercase;

    margin-right: 0;

    position: relative;

}

.single-post-item.style--three .post-content .post-meta li:not(:last-child):after {

    content: "";

    color: #a3a3a3;

    margin: 0 10px;

}

.single-post-item.style--three .post-content .post-meta li a {

    color: #a3a3a3;

    font-size: 14px;

}

.single-post-item.style--three .post-content .post-meta li a:hover {

    color: #0364ff;

}

.single-post-item.style--three .post-content .post-meta li a i{

    margin-right: 6px;

    color: #0364ff;

}

.single-post-item.style--three .btn-inline {

    text-transform: uppercase;

    font-size: 13px;

}

.single-post-item.style--three .btn-inline i {

    margin-right: 5px;

    margin-left: 0;

    color: #0364ff;

    font-size: 14px;

}

.single-post-item.style--three .btn-inline svg path {

    fill: #0364ff;

}

.single-post-item.style--three .btn-inline:hover {

    color: #0364ff;

}

.post-details .entry-header .entry-thumbnail {

    margin-bottom: 50px;

}

.post-details .entry-header .entry-thumbnail img {

    border-radius: 12px;

}

.post-details .entry-header .entry-title {

    font-size: 36px;

    line-height: 1.28;

    margin-bottom: 15px;

    font-weight: 900;

}

.post-details blockquote{

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    max-width: unset;

    padding: 20px;

    border-left: 3px solid #0364FF;

}

.post-details blockquote p{

   text-decoration: unset;

}

.entry-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

@media only screen and (max-width: 479px) {

    .entry-footer {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .entry-footer > div {

        width: 100%;

    }

    .entry-footer > div:not(:last-child) {

        border-bottom: 1px solid #dee2e6;

        padding-bottom: 16px;

        margin-bottom: 16px;

    }

}

.entry-footer .social-share a {

    height: auto;

    width: auto;

    border: none;

}

.entry-footer .social-share a i {

    color: #666;

}

.entry-footer .social-share a:hover {

    background: 0 0;

}

.entry-footer .social-share a:hover i {

    color: #00c3ff;

}

.post-details .entry-header .entry-meta {

    margin-bottom: 30px;

}

.post-details .entry-header .entry-meta li {

    display: inline-block;

}

.post-details .entry-header .entry-meta > li:not(:last-child) {

    margin-right: 24px;

}

.post-details .entry-header .entry-meta li span {

    font-weight: 700;

    margin-right: 7px;

}

.post-details .entry-header .entry-meta li span i{

   color: #0364FF;

}

.post-details .entry-categories ul li:first-child,

.post-details .entry-tags ul li:first-child {

    font-size: 16px;

    font-weight: 700;

    margin-right: 7px;

}

.post-details .entry-categories ul li a,

.post-details .entry-tags ul li a {

    font-size: 14px;

    line-height: 1.57;

}

.post-details .entry-categories ul li a:not(:last-child):after,

.post-details .entry-tags ul li a:not(:last-child):after {

    content: ",";

}

.comment-content .login-register-wrapper .tab-btn li,

.comment-content .woocommerce-checkout .form-row.notes label,

.comment-content h1,

.comment-content h2,

.comment-content h3,

.comment-content h4,

.comment-content h5,

.comment-content h6,

.entry-content .login-register-wrapper .tab-btn li,

.entry-content .woocommerce-checkout .form-row.notes label,

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6,

.login-register-wrapper .tab-btn .comment-content li,

.login-register-wrapper .tab-btn .entry-content li,

.login-register-wrapper .tab-btn .page--content li,

.page--content .login-register-wrapper .tab-btn li,

.page--content .woocommerce-checkout .form-row.notes label,

.page--content h1,

.page--content h2,

.page--content h3,

.page--content h4,

.page--content h5,

.page--content h6,

.woocommerce-checkout .form-row.notes .comment-content label,

.woocommerce-checkout .form-row.notes .entry-content label,

.woocommerce-checkout .form-row.notes .page--content label {

    line-height: 1.5;

    margin-bottom: 20px;

}

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6 {

    padding-top: 20px;

    margin-bottom: 18px;

}

.comment-content p,

.entry-content p,

.page--content p {

    margin-bottom: 30px;

}

.comment-content table,

.entry-content table,

.page--content table {

    margin-bottom: 30px;

}

.comment-content select,

.entry-content select,

.page--content select {

    margin-bottom: 30px;

}

.comment-content > :last-child,

.entry-content > :last-child,

.page--content > :last-child {

    margin-bottom: 0;

}

.comment-content a{

    color: #0364FF;

}

.comment-content a i {

    margin-right: 7px;

    font-size: 14px;

}

.post-author {

    margin: 50px 0;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

@media only screen and (max-width: 575px) {

    .post-author {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start !important;

        -ms-flex-align: start !important;

        align-items: flex-start !important;

    }

}

.post-author .author-thumb {

    margin-right: 30px;

}

.post-author .author-thumb img {

    border-radius: 10px;

}

@media only screen and (max-width: 575px) {

    .post-author .author-thumb {

        margin-bottom: 20px;

    }

}

.post-author .author-info h4 {

    font-size: 18px;

    margin-bottom: 5px;

}

.post-navigation .nav-link {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    max-width: 50%;

    padding: 0;

}

.post-navigation .nav-link:first-child {

    padding-right: 10px;

}

.post-navigation .nav-link:last-child {

    padding-left: 10px;

}

.post-navigation .nav-link:last-child .nav-title i {

    margin-right: 0;

    margin-left: 10px;

}

.post-navigation .nav-link .nav-title {

    display: block;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 17px;

}

.post-navigation .nav-link .nav-title i {

    margin-right: 10px;

}

.post-navigation .nav-link .nav-title.text-right i {

    margin-left: 10px;

}

.post-navigation .nav-link .posted-on {

    margin: 10px 0 2px;

    display: block;

    font-size: 14px;

}

.post-navigation .nav-link:hover .nav-title {

    opacity: 1;

}

.related-post h2 {

    font-size: 30px;

    margin-bottom: 30px;

}

.comments-area .comments-title {

    margin-bottom: 42px;

}

.comments-area ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.comments-area .comment .single-comment {

    padding-bottom: 27px;

    margin-bottom: 30px;

    border-bottom: 1px solid #e2e2e2;

}

@media only screen and (max-width: 575px) {

    .comments-area .comment .single-comment {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}

.comments-area .comment .single-comment .comment-author-image {

    min-width: 65px;

    margin-right: 30px;

    border-radius: 50%;

    overflow: hidden;

}

@media only screen and (max-width: 575px) {

    .comments-area .comment .single-comment .comment-author-image {

        margin-bottom: 16px;

    }

}

.comments-area .comment .single-comment:not(.trackback):not(.pingback) .comment-content {

    max-width: calc(100% - 95px);

    width: 100%;

}

@media only screen and (max-width: 575px) {

    .comments-area .comment .single-comment:not(.trackback):not(.pingback) .comment-content {

        max-width: 100%;

    }

}

.comments-area .comment .single-comment .comment-content .author_name {

    margin-right: 10px;

    margin-bottom: 0;

}

.comments-area .comment .single-comment .comment-content .commented-on {

    font-size: 12px;

}

.comments-area .comment .single-comment .comment-content p {

    margin: 7px 0 5px;

}

.comments-area .comment ul.children {

    margin-left: 95px;

}

@media only screen and (max-width: 575px) {

    .comments-area .comment ul.children {

        margin-left: 20px;

    }

}

.comment-respond .comment-reply-title {

    margin-bottom: 25px;

}

.comment-respond .comment-form .comment-notes {

    margin-bottom: 42px;

}

.comment-content .comment-respond .comment-form select,

.comment-respond .comment-form .comment-content select,

.comment-respond .comment-form .entry-content select,

.comment-respond .comment-form .page--content select,

.entry-content .comment-respond .comment-form select,

.page--content .comment-respond .comment-form select {

    margin-bottom: 35px;

}

.comment-respond .comment-form .form-control {

    border: 2px solid #eee;

    margin-bottom: 20px;

    border-radius: 10px;

    transition: .5s;

}

.comment-respond .comment-form .form-control:focus{

    border-color: #0364FF;

}

.comment-respond .comment-form .custom-checkbox {

    margin-bottom: 34px;

    margin-top: 4px;

}

.comment-respond p.color-container,

.comment-respond p.custom-checkbox {

    display: block;

    white-space: normal;

}

.content-404 {

    margin-top: 136px;

}

@media only screen and (max-width: 575px) {

    .content-404 {

        margin-top: 160px;

    }

}

.content-404 img {

    margin-bottom: 28px;

}

.content-404 h3 {

    margin-bottom: 35px;

}

.banner-shape {

    width: 100%;

    height: auto;

    left: 0;

    bottom: -1px;

    position: absolute;

}

.banner-content h1 {

    margin-bottom: 40px;

    font-size: 55px;

    font-weight: 900;

    line-height: 1.2;

    letter-spacing: -1px;

}

.banner-content h1 b{

   color: #00C3FF;

}

@media only screen and (max-width: 479px) {

    .banner-content h1 {

        font-size: 48px;

    }

}

.banner-content p {

    margin-bottom: 42px;

    font-size: 17px;

}

.banner-content .banner-price {

    position: relative;

    display: inline-block;

}

.banner-content .banner-price:after {

    width: 165px;

    height: 18px;

    left: -10px;

    bottom: -17px;

    position: absolute;

    content: "";

    background-image: url(../img/banner/price.png);

    background-size: contain;

    background-repeat: no-repeat;

}

@media only screen and (max-width: 767px) {

    .banner-content br {

        display: none;

    }

}

.banner-img {

    position: relative;

    display: inline-block;

    padding-left: 30px;

}

@media only screen and (max-width: 991px) {

    .banner-img {

        padding-left: 0;
        max-width: 100%;
        overflow: hidden;
        text-align: center;

    }

    .banner-img img {

        max-width: 100%;
        height: auto;

    }

}

.banner-img img {

    -webkit-transition: all 0.1s linear;

    -o-transition: all 0.1s linear;

    transition: all 0.1s linear;

}

.banner-img img.monitor-img {

    left: 35px;

    top: 32%;

}

.banner-img img.text-img {

    left: 81%;

    top: 48%;

}

@media only screen and (max-width: 1199px) {

    .banner-img img.text-img {

        left: 97%;

    }

}

.banner-img img.box1-img {

    left: 107%;

    top: 46%;

    -webkit-animation: levitate 2.5s ease-in-out 0.4s infinite forwards;

    animation: levitate 2.5s ease-in-out 0.4s infinite forwards;

}

@media only screen and (max-width: 1199px) {

    .banner-img img.box1-img {

        left: 128%;

        top: 47%;

    }

}

.banner-img img.box2-img {

    left: 97%;

    top: 35%;

    -webkit-animation: levitate 2.5s ease-in-out 0.6s infinite forwards;

    animation: levitate 2.5s ease-in-out 0.6s infinite forwards;

}

@media only screen and (max-width: 1199px) {

    .banner-img img.box2-img {

        left: 118%;

        top: 35%;

    }

}

.banner-img img.box3-img {

    left: 53%;

    top: 13%;

    -webkit-animation: levitate 2.5s ease-in-out 0.1s infinite forwards;

    animation: levitate 2.5s ease-in-out 0.1s infinite forwards;

}

@media only screen and (max-width: 1199px) {

    .banner-img img.box3-img {

        left: 62%;

    }

}

.banner-img img.box4-img {

    left: 63%;

    top: 11%;

    -webkit-animation: levitate 2.5s ease-in-out infinite;

    animation: levitate 2.5s ease-in-out infinite;

}

@media only screen and (max-width: 1199px) {

    .banner-img img.box4-img {

        left: 76%;

    }

}

.banner-btn-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

@media only screen and (max-width: 479px) {

    .banner-btn-group {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

}

.banner-btn-group .btn:not(:last-child) {

    margin-right: 25px;

}

@media only screen and (max-width: 479px) {

    .banner-btn-group .btn:not(:last-child) {

        margin-right: 0;

        margin-bottom: 25px;

    }

}

.banner {

    padding-top: 148px;

    padding-bottom: 230px;

    min-height: 952px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

@media only screen and (max-width: 991px) {

    .banner {

        padding-top: 180px;

    }

}

.banner.banner-bg {

    background: #1d0f9b;

    background: -webkit-gradient(linear, left top, right top, from(#1d0f9b), to(#00c3ff));

    background: -o-linear-gradient(left, #1d0f9b 0, #00c3ff 100%);

    background: linear-gradient(to right, #1d0f9b 0, #00c3ff 100%);

}

.banner.style--two {

    padding-bottom: 0;

    background-size: cover;

    min-height: auto;

    overflow: visible;

    padding-top: 250px;

    padding-bottom: 200px;

    background: linear-gradient(to bottom, #eff9f7 0%, #bce8dc 100%);

}

.banner.style--two .container{

    position: relative;

}

.banner.style--two:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-image: url(../img/bg/single-sale.png);

}

@media only screen and (max-width: 575px) {

    .banner.style--two {

        padding-top: 160px;

    }

}

@media only screen and (max-width: 479px) {

    .banner.style--two {

        margin-bottom: 0;

        padding-bottom: 50px;

    }

}

.banner.style--two .banner-img {

    padding-left: 0;

    display: block;

    text-align: center;

}

.banner.style--two .banner-img img {

    position: static;

    margin-bottom: -100px;

}

@media only screen and (max-width: 479px) {

    .banner.style--two .banner-img img {

        margin-bottom: 0;

    }

}

.banner.style--two .banner-content h1 {

    margin-bottom: 25px;

}

.banner.style--two .banner-content p {

    max-width: 744px;

    margin: 0 auto 42px;

}

.banner.style--two .banner-btn-group .btn-green:hover,

.banner.style--two .banner-btn-group .btn-orange:hover {

    border-color: #fff;

}

.banner.style--two .banner-btn-group .btn:not(:last-child) {

    margin-right: 20px;

}

@media only screen and (max-width: 479px) {

    .banner.style--two .banner-btn-group {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .banner.style--two .banner-btn-group .btn:not(:last-child) {

        margin-right: 0;

        margin-bottom: 16px;

    }

}

.banner.style--three {

    min-height: 800px;

    padding-top: 200px;

    padding-bottom: 250px;

    overflow: hidden;

}

.banner.style--three .row {

    position: relative;

}

.banner.style--three .col-lg-5 {

    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.15s ease-out;

}

.banner.style--three .banner-img img.main-img {

    transition: all 0.15s ease-out;

}

@media only screen and (max-width: 767px) {

    .banner.style--three .col-lg-5 {

        display: none;

    }

}

@media only screen and (max-width: 991.98px) {

    .banner.style--three .banner-btn-group {

        display: inline-flex;
        align-items: center;

    }

    .banner.style--three .col-lg-5 {

        top: 68%;
        width: auto;
        padding: 0;

    }

    .banner.style--three .banner-img {

        margin-left: 0;

    }

    .banner.style--three .banner-img img.main-img {

        max-width: 250px;
        height: auto;

    }

}

.banner.style--three .banner-content h1 {

    font-size: 90px;

    margin-bottom: 15px;

}

@media only screen and (max-width: 575px) {

    .banner.style--three .banner-content h1 {

        font-size: 60px;

    }

}

.banner.style--three .banner-content p {

    font-size: 24px;

    margin-bottom: 56px;

}

@media only screen and (max-width: 575px) {

    .banner.style--three .banner-content p {

        font-size: 18px;

        margin-bottom: 46px;

    }

}

.banner.style--three .banner-img {

    padding-left: 0;

    margin-left: -30px;

}

.banner.style--three .banner-img img:not(.main-img) {

    position: absolute;

    left: 30px;

    top: 38%;

}

.banner.style--three .banner-img img:not(.main-img).men-img2 {

    left: 54%;

    top: 81%;

}

.banner.style--three .banner-img img:not(.main-img).men-img3 {

    left: 113%;

    top: 37%;

}

.banner.style--three .banner-btn-group .btn {

    background-color: #00c3ff;

}

.banner.style--three .banner-btn-group .btn:hover {

    border-color: #fff;

    color: #00c3ff;

}

@media only screen and (max-width: 479px) {

    .banner.style--three .banner-btn-group .btn:not(:last-child) {

        margin-bottom: 16px;

    }

}

.banner.style--four {

    background: -o-linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

    background: -o-linear-gradient(135deg, #123fc0 0, #1145d9 100%);

    background: linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

    padding-top: 190px;

}

@media only screen and (max-width: 767px) {

    .banner.style--four {

        padding-top: 160px;

    }

}

.banner.style--four .banner-img {

    padding-left: 0;

}

@media only screen and (max-width: 991px) {

    .banner.style--four .banner-img img {

        max-width: 100%;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .banner.style--four .banner-content h1 {

        font-size: 46px;

    }

}

.banner.style--four .banner-btn-group .btn.btn-style4 {

    background-color: transparent;

    border-color: #fff;

}

.banner.style--four .banner-btn-group .btn.btn-style4:hover {

    border-color: #fff;

    color: #0364ff;

}

.typed::after {

    content: "";

    display: inline-block;

    -webkit-animation: blink 0.7s infinite;

    animation: blink 0.7s infinite;

    width: 2px;

    height: 40px;

}

.typed-cursor {

    opacity: 0;

    display: none;

}

.pricing-plan {

    position: relative;

    z-index: 1;

}

.pricing-plan:after {

    position: absolute;

    background-image: url(../img/bg/pricing-bg2.png);

    background-repeat: no-repeat;

    background-size: cover;

    height: 472px;

    width: 100%;

    left: 0;

    top: 0;

    content: "";

    z-index: -1;

}

@media only screen and (max-width: 991px) {

    .pricing-plan:after {

        height: 372px;

    }

}

@media only screen and (max-width: 479px) {

    .pricing-plan:after {

        height: 390px;

    }

}

.price-bottom-content {

    margin-top: 43px;

}

.price-bottom-content.mt-60 {

    margin-top: 53px;

}

.price-bottom-content p {

    font-size: 18px;

}

.price-bottom-content a {

    font-size: 16px;

    display: inline-block;

    margin-left: 5px;

}

.price-bottom-content a svg {

    margin-right: 3px;

}

.pricing-table thead td,

.pricing-table thead th {

    padding: 41px 15px 35px;

}

@media only screen and (max-width: 991px) {

    .pricing-table thead td,

    .pricing-table thead th {

        padding: 30px 15px;

    }

}

.pricing-table .price-head .plan,

.pricing-table .price-head h3 {

    margin-bottom: 5px;

    font-size: 24px;

    display: block;

}

@media only screen and (max-width: 991px) {

    .pricing-table .price-head .plan,

    .pricing-table .price-head h3 {

        font-size: 17px;

        margin-bottom: 14px;

    }

}

.pricing-table .price-head span {

    line-height: calc(57 / 48);

    color: #0364FF;

}

.pricing-table tfoot td,

.pricing-table tfoot th {

    padding-top: 25px;

    padding-bottom: 25px;

}

.pricing-table td,

.pricing-table th {

    white-space: nowrap;

}

.pricing-table th:first-child {

    background-color: transparent;

    border: none;

    text-align: left;

}

.price {

    font-size: 48px;

    display: block;

}

.price span,

.price sup {

    font-size: 18px;

}

.price sup {

    position: relative;

    top: -24px;

    right: -5px;

}

@media only screen and (max-width: 991px) {

    .price {

        font-size: 28px;

    }

    .price sup {

        top: -10px;

    }

}

.price-bg-shape {

    position: relative;

    z-index: 1;

}

.price-bg-shape:after {

    width: 100%;

    height: 643px;

    left: 0;

    top: 0;

    background-image: url(../img/bg/pricing-bg2.png);

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    content: "";

    z-index: -2;

}

.price-bg-shape.style--two:after {

    background-image: url(../img/bg/pricing-bg.png);

    height: 900px;

    background-size: cover;

    background-position: center top;

}

.price-bg-shape.style--three:after {

    background-image: url(../img/bg/pricing-bg3.png);

    height: 562px;

}

.nav-pricing {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin: 0 auto 70px;

    padding: 5px;

}

.nav-pricing li {

    position: relative;

}

.nav-pricing li:not(:last-child) {

    padding-right: 10px;

    margin-right: 9px;

}

.nav-pricing li:not(:last-child):after {

    width: 1px;

    height: 20px;

    background-color: rgba(0, 0, 0, 0.2);

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    content: "";

}

.nav-pricing li button {

    padding: 11px 30px 12px;

    font-size: 16px;

}

.nav-pricing.style--two li button.active {

    background-color: #0364ff;

}

.single-price {

    border-radius: 20px;

    text-align: center;

    position: relative;

    z-index: 1;

}

.single-price .price-head {

    border-bottom: 1px solid rgba(0, 0, 0, 0.07);

    padding: 60px 5px 35px;

}

.single-price .price-head .price-icon {

    margin-bottom: 16px;

    font-size: 80px;

    color: #0364ff;

}

.single-price .price-head h2 {

    font-size: 30px;

    margin-bottom: 12px;

}

.single-price .price-body {

    padding: 33px 15px 55px;

}

.single-price .price-body ul {

    margin-bottom: 37px;

}

.single-price .price-body ul li:not(:last-child) {

    margin-bottom: 22px;

}

.single-price .price {

    font-size: 33px;

    margin-left: -36px;

    width: 165px;

    height: 65px;

    display: block;

    position: relative;

    margin-right: 10px;

}

.single-price .price span,

.single-price .price sup {

    font-size: 12px;

}

.single-price .price sup {

    top: -17px;

}

.single-price .price span {

    margin-left: -4px;

}

.single-price .price:after {

    width: 22px;

    height: 16px;

    left: 0;

    bottom: -10px;

    position: absolute;

    content: "";

    background-image: url(../img/icon/price-after.png);

    background-repeat: no-repeat;

}

.single-price .pricing-area {

    padding: 25px 0 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 1px solid rgba(16, 69, 219, 0.12);

}

.single-price .pricing-area .price-content p {

    font-size: 14px;

    margin-bottom: 3px;

}

.single-price .pricing-area .price-content .price-amount {

    font-size: 48px;

    margin-left: -3px;

    color: #0364FF;

}



.single-price .pricing-area .price-content .price-amount sup {

    font-size: 24px;

    position: relative;

    top: -20px;

    right: -3px;

}

.single-price .pricing-area .discount {

    text-align: right;

}

.single-price .pricing-area .discount p,

.single-price .pricing-area .discount span {

    font-size: 13px;

    margin-bottom: 0;

}

.single-price .pricing-area .discount span{

    color: #0364FF;

}

.single-price.style--two {

    text-align: left;

    padding: 53px 45px 60px;

    border-radius: 0;

    margin-bottom: 30px;

}

@media only screen and (max-width: 991px) {

    .single-price.style--two {

        border-radius: 5px !important;

    }

    .price-bg-shape.style--two .section-title{

        margin-top: 170px;

    }

}

.single-price.style--two .price-head {

    padding: 0;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(16, 69, 219, 0.12);

}

.single-price.style--two .price-body {

    padding: 0;

}

.single-price.style--two .price-body ul {

    margin-bottom: 18px;

    padding: 25px 0;

}

.single-price.style--two .price-body ul li {

    padding-left: 28px;

    position: relative;

    font-size: 14px;

    color: #9a9a9a;

}

.single-price.style--two .price-body ul li span {

    text-transform: uppercase;

}

.single-price.style--two .price-body ul li i {

   color: #0364FF;

   margin-right: 10px;

}

.single-price.style--two.first-item {

    border-radius: 5px 0 0 5px;

}

.single-price.style--two.last-item {

    border-radius: 0 5px 5px 0;

}

.single-price-wrap {

    position: relative;

    margin-bottom: 60px;

    margin-right: 30px;

}

@media only screen and (max-width: 575px) {

    .single-price-wrap {

        margin-left: 15px;

    }

}

.single-price-wrap .single-price-bg-shape {

    width: 100%;

    height: 100%;

    left: 30px;

    top: 30px;

    position: absolute;

    border-radius: 20px;

    z-index: -1;

    opacity: 0.1;

}

.single-price-wrap:hover .single-price-bg-shape {

    opacity: 1;

}

.single-price-wrap.style--two .single-price-bg-shape {

    background-color: #0364ff;

}

.single-price-wrap.style--two .single-price .price:after {

    background-image: url(../img/icon/price-after2.png);

}

.single-price-wrap.style--three .single-price-bg-shape {

    background-color: #00c3ff;

}

.single-price-wrap.style--three .single-price .price:after {

    background-image: url(../img/icon/price-after3.png);

}

.single-price-wrap.style--three .btn.btn-border {

    border-color: #00c3ff;

}

.price-section {

    margin-top: -225px;

}

.pricing-area2 .single-price .price-head .price-icon{

    color: #03a87c;

}

.hosting-price > nav {

    width: 100%;

    overflow-x: auto;

    padding-left: 12px;

    margin-left: -12px;

}

.hosting-price > nav .nav {

    width: 100%;

    position: relative;

    margin-top: 12px;

    margin-bottom: 41px;

    white-space: nowrap;

    min-width: 600px;

}

.hosting-price > nav .nav:after {

    width: 100%;

    left: 0;

    top: 0;

    height: 3px;

    background-color: rgba(16, 69, 219, 0.05);

    position: absolute;

    content: "";

}

.hosting-price > nav .nav > button {

    position: relative;

    width: 20%;

    text-align: left;

    padding: 0;

}

.hosting-price > nav .nav > button .dot {

    position: absolute;

    width: 16px;

    height: 16px;

    left: 0;

    top: -6px;

    cursor: pointer;

    display: inline-block;

    z-index: 1;

}

.hosting-price > nav .nav > button .dot:after {

    background-color: #bcc6d1;

    width: 9px;

    height: 9px;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    position: absolute;

    content: "";

    cursor: pointer;

}

.hosting-price > nav .nav > button span:not(.dot) {

    font-size: 14px;

    display: inline-block;

    padding-top: 33px;

    color: rgba(17, 17, 17, 0.3);

}

.hosting-price > nav .nav > button.active .dot {

    width: 40px;

    height: 40px;

    top: -18px;

    left: -12px;

}

.hosting-price > nav .nav > button.active .dot:after {

    width: 28px;

    height: 28px;

    line-height: 28px;

    content: "\f058";

    text-align: center;

    font-weight: bold;

    color: #0364ff;

    font-family: "Font Awesome 5 Pro";

}

.hz-price-box {

    overflow-x: auto;

    padding-bottom: 10px;

}

.hz-price-box .hz-price-box-inner {

    border: 1px solid #e1e7fa;

    padding: 10px;

    padding-left: 0;

    min-width: -webkit-max-content;

    min-width: -moz-max-content;

    min-width: max-content;

}

.hz-price-box ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.hz-price-box ul li {

    margin-left: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px;

    color: rgba(17, 17, 17, 0.4);

}

.hz-price-box ul li svg {

    margin-right: 10px;

}

@media only screen and (max-width: 1199px) {

    .hz-price-box ul li {

        margin-left: 20px;

    }

}

.hz-price-box .hz-price-box-right {

    margin-left: 30px;

}

.hz-price-box .hz-price-box-right .btn {

    margin-left: 30px;

}

.hz-price-box .price {

    font-size: 24px;

}

.provider-tab > nav {

    margin-bottom: 45px;

}

.provider-tab .nav {

    margin-right: -15px;

}

.provider-tab .nav button {

    border: 1px solid rgba(16, 69, 219, 0.12);

    font-size: 16px;

    padding: 18px 38px;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 15px;

    margin-bottom: 15px;

}

.provider-tab .nav button.active {

    border-color: #00c3ff;

}

.s-service-wrap {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-left: 1px solid rgba(255, 255, 255, 0.1);

}

.s-service-wrap.style--two {

    border-color: rgba(0, 0, 0, 0.1);

}

.single-service {

    text-align: center;

    padding: 80px 15px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: relative;

    z-index: 1;

}

.single-service .service-icon {

    margin-bottom: 20px;

    color: #0364FF;

    font-size: 40px;

}

.single-service:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: rgba(255, 255, 255, 0.1);

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

    z-index: -1;

}

.single-service:hover:after {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.single-service.style--two {

    padding: 0;

    margin-bottom: 76px;

    border: none;

    background-color: #fff;

}

.single-service.style--two .service-icon {

    margin-bottom: 30px;

    color: #03a87c;

    font-size: 60px;

}

.single-service.style--two h3 {

    margin-bottom: 24px;

}

.single-service.style--two .service-content {

    max-width: 280px;

    margin: 0 auto;

}

.single-service.style--two:after {

    display: none;

}

.single-service.style--three {

    padding: 0;

    text-align: left;

    max-width: 280px;

    margin: 0 auto 76px;

}

@media only screen and (max-width: 575px) {

    .single-service.style--three {

        text-align: center;

    }

}

.single-service.style--three .service-icon {

    margin-bottom: 30px;

    color: #0364FF;

    font-size: 60px;

}

@media only screen and (max-width: 479px) {

    .single-service.style--three {

        margin-bottom: 46px;

    }

}

.single-service.style--three h3 {

    margin-bottom: 18px;

}

.single-service.style--three .service-content {

    max-width: initial;

}

.single-service.style--three:after {

    display: none;

}

.single-service.style--four {

    padding: 0;

    margin-bottom: 76px;

    border: none;

}

.single-service.style--four .service-icon {

    margin-bottom: 37px;

    color: #0364ff;

    font-size: 60px;

}

.single-service.style--four h3 {

    margin-bottom: 24px;

}

.single-service.style--four .service-content {

    max-width: 280px;

    margin: 0 auto;

}

.single-service.style--four .service-content a:hover{

    color: #0364ff;

}

.single-service.style--four:after {

    display: none;

}

.single-service.style--five {

    border-color: rgba(0, 0, 0, 0.1);

}

.single-service.style--five:after {

    background-color: #fff;

    -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.05);

    box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.05);

}

.single-service.box-style {

    -webkit-box-shadow: 5px 5px 45px rgba(0, 0, 0, 0.05);

    box-shadow: 5px 5px 45px rgba(0, 0, 0, 0.05);

    padding: 60px 15px 57px;

    margin-bottom: 30px;

    height: calc(100% - 30px);

}

.single-service.box-style:hover {

    -webkit-box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);

    box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.1);

}

.single-service.box-style.style--four {

    background: #fff;

    border-radius: 20px;

}

.single-service.box-style.style--four:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.service-single-img img{

    border-radius: 10px;

}

.feature-content .feature-list {

    margin-bottom: 42px;

}

.feature-img img {

    max-width: initial;

}

@media only screen and (max-width: 1199px) {

    .feature-img img {

        max-width: 100%;

    }

}

.feature-img img.ms-lg-n100 {

    margin-left: -100px;

}

@media only screen and (max-width: 1199px) {

    .feature-img img.ms-lg-n100 {

        margin-left: 0;

    }

}

.featured-items > .row [class*="col-"]:nth-child(2) {

    margin-top: 80px;

}

@media only screen and (max-width: 767px) {

    .featured-items > .row [class*="col-"]:nth-child(2) {

        margin-top: 0;

    }

}

.featured-items > .row [class*="col-"]:nth-child(3) {

    margin-top: -80px;

}

@media only screen and (max-width: 767px) {

    .featured-items > .row [class*="col-"]:nth-child(3) {

        margin-top: 0;

    }

}

.featured-item {

    padding: 45px 30px 42px;

    margin-bottom: 30px;

    border-radius: 10px;

}

@media only screen and (max-width: 767px) {

    .featured-item {

        text-align: center;

    }

}

.featured-item .icon {

    margin-bottom: 30px;

}

.featured-item .icon i{

    color: #0364ff;

    font-size: 50px;

}

.featured-item .content h3 {

    margin-bottom: 24px;

}

.hosting-banner {

    min-height: 650px;

    padding-top: 200px;

    background: -o-linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

    background: -o-linear-gradient(135deg, #123fc0 0, #1145d9 100%);

    background: linear-gradient(-45deg, #123fc0 0, #1145d9 100%);

    padding-bottom: 100px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

@media only screen and (max-width: 991px) {

    .hosting-banner {

        background-position: 0 0;

    }

}

@media only screen and (max-width: 767px) {

    .hosting-banner {

        min-height: 600px;

    }

}

.hosting-banner-content .btn {

    background-color: #f76d00;

    padding: 14px 30px;

}

.hosting-banner-content .btn:hover{

    background-color: #fff;

    color: #f76d00;

}

.hosting-banner-content h3 {

    margin-bottom: 13px;

}

.hosting-banner-content h2 {

    margin-bottom: 28px;

    font-size: 55px;

}

.hosting-banner-content h2 span{

    color: #f76d00;

}

.hosting-banner-content p:not(:last-child) {

    margin-bottom: 42px;

}

@media only screen and (max-width: 991px) {

    .hosting-specification-nav {

        margin-bottom: 60px;

    }

}

.hosting-specification-nav button {

    font-size: 21px;

    padding: 20px;

    width: 100%;

    max-width: 285px;

    text-align: left;

    position: relative;

}

@media only screen and (max-width: 991px) {

    .hosting-specification-nav button {

        max-width: initial;

    }

}

.hosting-specification-nav button:after {

    width: 3px;

    height: 0;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    content: "";

    position: absolute;

}

.hosting-specification-nav button:not(:last-child) {

    margin-bottom: 20px;

}

.hosting-specification-nav button.active {

    -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.07);

    box-shadow: 0 0 90px rgba(0, 0, 0, 0.07);

}

.hosting-specification-nav button.active:after {

    height: 35px;

}

.hosting-specification-tab-content {

    margin-bottom: -58px;

}

.single-specification {

    margin-bottom: 54px;

}

.single-specification .specification-icon {

    margin-bottom: 30px;

}

.single-specification .specification-content h3 {

    margin-bottom: 18px;

}

@media only screen and (max-width: 991px) {

    .price-left-content {

        margin-bottom: 60px;

    }

}

.price-left-content h2 {

    font-size: 48px;

    margin-bottom: 28px;

}

.price-left-content .pricing-toogle {

    margin: 26px 0;

}

.price-left-content .money-back {

    margin-bottom: 42px;

    font-size: 18px;

}

.pricing-toogle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.pricing-toogle .toggler {

    cursor: pointer;

    margin: 0;

}

.pricing-toogle .toggle {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 42px;

    height: 22px;

    border-radius: 50px;

    overflow: hidden;

    margin: 0 16px;

    border: 2px solid #0364ff;

}

.pricing-toogle .check {

    position: absolute;

    display: block;

    cursor: pointer;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 6;

}

.pricing-toogle .switch {

    position: absolute;

    left: 4px;

    top: 4px;

    bottom: 4px;

    right: 57.5%;

    z-index: 1;

    -webkit-transition-property: left, right;

    -o-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-delay: 0.08s, 0s;

    -o-transition-delay: 0.08s, 0s;

    transition-delay: 0.08s, 0s;

    -webkit-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -o-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}

.pricing-toogle .check:checked ~ .switch {

    right: 4px;

    left: 57.5%;

}

.private-server-table {

    white-space: nowrap;

}

.private-server-table.table-striped > tbody > tr:nth-of-type(even) {

    --bs-table-accent-bg: #f7f7f7;

}

.table-striped>tbody>tr:nth-of-type(odd) {

    --bs-table-accent-bg: #fff;

}

.private-server-table td,

.private-server-table th {

    border: none;

    vertical-align: middle;

}

.private-server-table td:first-child,

.private-server-table th:first-child {

    border-radius: 5px 0 0 5px;

}

.private-server-table td:last-child,

.private-server-table th:last-child {

    border-radius: 0 5px 5px 0;

}

.private-server-table td .btn,

.private-server-table th .btn {

    background-color: #0364ff;

    padding: 8px 25px;

}

.private-server-table td .btn svg,

.private-server-table th .btn svg {

    width: 28px;

    height: 28px;

    padding: 8px;

    margin-left: 11px;

}

.private-server-table thead {

    background: #1d0f9b;

    background: -webkit-gradient(linear, left top, right top, from(#1d0f9b), to(#00c3ff));

    background: -o-linear-gradient(left, #1d0f9b 0, #00c3ff 100%);

    background: linear-gradient(to right, #1d0f9b 0, #00c3ff 100%);

}

.private-server-table thead th {

    text-transform: uppercase;

    font-size: 15px;

    padding: 20px 10px;

}

.private-server-table tbody tr:hover .btn {

    opacity: 1;

    visibility: visible;

}

.private-server-table tbody tr td {

    padding: 15px 10px;

}

.data_center_location-map {

    position: relative;

}

.data_center_location-map .l_info {

    position: absolute;

    left: 10%;

    top: 24%;

}

.data_center_location-map .l_info.l_info2 {

    left: 36%;

    top: 66%;

}

.data_center_location-map .l_info.l_info3 {

    left: 38%;

    top: 10px;

}

.data_center_location-map .l_info.l_info4 {

    left: 50%;

    top: 35%;

}

.data_center_location-map .l_info.l_info5 {

    left: 80%;

    top: 16%;

}

.data_center_location-map .l_info.l_info6 {

    left: 94%;

    top: 88%;

}

.data_center_location-map .l_info.l_info7 {

    left: 28%;

    top: 27%;

}

.data_center_location-map .l_info.l_info8 {

    left: 57%;

    top: 58%;

}

.data_center_location-map .l_info.l_info9 {

    left: 74%;

    top: 47%;

}

.data_center_location-map .l_info.l_info10 {

    left: 94%;

    top: 18%;

}

.data_center_location-map .l_info.l_info11 {

    left: 63%;

    top: 18%;

}

.data_center_location-map .l_info.l_info12 {

    left: 83%;

    top: 75%;

}

.data_center_location-map .l_info .circle-ball {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    z-index: 1;

    position: relative;

    cursor: pointer;

}

.data_center_location-map .l_info .circle-ball:after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 50%;

    z-index: -1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-animation: ripple2 1.5s 0s infinite;

    animation: ripple2 1.5s 0s infinite;

}

.data_center_location-map .l_info .info-box {

    padding: 8px 15px;

    position: relative;

    position: absolute;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    left: 5.2px;

    bottom: 20px;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

}

.data_center_location-map .l_info .info-box:after {

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 12px solid #fff;

    position: absolute;

    content: "";

    bottom: -10px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.data_center_location-map .l_info .info-box h5 {

    font-size: 15px;

}

.data_center_location-map .l_info.active .info-box {

    opacity: 1;

    visibility: visible;

    bottom: 30px;

}

.data_center_location-map.style--two .l_info .info-box:after {

    border-top: 12px solid #03a87c;

}

.data_center_location-map.style--three .l_info .info-box {

    background-color: #0364ff;

}

.data_center_location-map.style--three .l_info .info-box:after {

    border-top: 12px solid #0364ff;

}

.data_center_location-map.style--three .l_info .circle-ball {

    background-color: #0364ff;

}

.data_center_location-map.style--three .l_info .circle-ball:after {

    background-color: #0364ff;

}

.data_center_location-map.style--four .l_info .info-box {

    background-color: #00c3ff;

}

.data_center_location-map.style--four .l_info .info-box:after {

    border-top: 12px solid #00c3ff;

}

.data_center_location-map.style--four .l_info .circle-ball {

    background-color: #00c3ff;

}

.data_center_location-map.style--four .l_info .circle-ball:after {

    background-color: #00c3ff;

}

.testimonial {

    background-image: url(../img/bg/testimonial-bg3.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}

@media only screen and (max-width: 991px) {

    .testimonial {

        background-image: url(../img/bg/testimonial-bg3.jpg);

    }

}

.testimonial4-slider {

    padding-bottom: 177px;

}

@media only screen and (max-width: 991px) {

    .testimonial4-slider {

        padding-bottom: 117px;

    }

}

.testimonial-title h2 {

    font-size: 48px;

    margin-bottom: 10px;

}

.testimonial-title p {

    color: #d4d4d4;

}

@media only screen and (max-width: 991px) {

    .testimonial-title {

        margin-bottom: 47px;

        padding-top: 0;

    }

}

.single-testimonial {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 50px 45px;

    margin: 10px;

    border-radius: 15px;

}

@media only screen and (max-width: 575px) {

    .single-testimonial {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

}

@media only screen and (max-width: 479px) {

    .single-testimonial {

        padding: 40px 20px;

    }

}

.single-testimonial .testimonial-img img {

    width: auto;

    display: inline;

    max-width: 235px;

    border-radius: 50%;

    border: 5px solid #0364ff;

    padding: 5px;

}

.single-testimonial .testimonial-content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-right: 30px;

}

@media only screen and (max-width: 575px) {

    .single-testimonial .testimonial-content {

        padding-right: 0;

    }

}

.single-testimonial .rating {

    margin-bottom: 14px;

}

.single-testimonial .rating i{

    color: #0364ff;

}

.single-testimonial .quote-text {

    position: relative;

    margin-bottom: 27px;

}

.single-testimonial .quote-text:after,

.single-testimonial .quote-text:before {

    content: '"';

    margin-left: -12px;

    font-size: 20px;

    margin-right: 3px;

}

.single-testimonial .quote-text:after {

    margin-left: 3px;

    position: relative;

    top: 10px;

}

.single-testimonial .meta-info h5 {

    margin-bottom: 6px;

}

.single-testimonial .meta-info p {

    font-size: 15px;

}

.testimonial-carousel {

    border-radius: 15px;

}

@media only screen and (max-width: 1199px) {

    .testimonial-carousel {

        overflow: hidden;

    }

}

@media only screen and (max-width: 991px) {

    .testimonial-carousel {

        margin-top: 0;

    }

}

.testimonial-carousel.style--two {

    margin-top: 0;

}

.testimonial-carousel.style--two .single-testimonial {

    padding: 0;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

}

@media only screen and (max-width: 991px) {

    .testimonial-carousel.style--two .single-testimonial {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

}

.testimonial-carousel.style--two .single-testimonial .quote {

    margin-bottom: 20px;

    font-size: 60px;

    opacity: 0.5;

    color: #0364ff;

}

.testimonial-carousel.style--two .single-testimonial .testimonial-content {

    padding: 60px;

    margin-bottom: -6px;

}

@media only screen and (max-width: 991px) {

    .testimonial-carousel.style--two .single-testimonial .testimonial-content {

        margin-bottom: 0;

    }

}

@media only screen and (max-width: 1199px) {

    .testimonial-carousel.style--two .single-testimonial .testimonial-content {

        padding: 30px;

    }

}

.testimonial-carousel.style--two .single-testimonial .testimonial-content h3 {

    margin-bottom: 25px;

    line-height: 1.5;

}

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info h4 {

    font-size: 21px;

    margin-bottom: 7px;

}

.testimonial-carousel.style--two .single-testimonial .testimonial-content .meta-info p {

    font-size: 15px;

}

.testimonial-carousel.style--two .single-testimonial .testimonial-img {

    margin-bottom: 0 !important;

    padding: 80px;

}

.testimonial-carousel.style--two .single-testimonial .testimonial-img img {

    max-width: 300px;

}

@media only screen and (max-width: 991px) {

    .testimonial-carousel.style--two .single-testimonial .testimonial-img img {

        max-width: 100%;

        width: 100%;

    }

}

.testimonial-carousel.style--three {

    margin-top: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.testimonial-carousel.style--three .single-testimonial-wrap {

    padding-top: 35px;

    padding-bottom: 20px;

    padding-right: 20px;

    position: relative;

    z-index: 1;

}

.testimonial-carousel.style--three .single-testimonial-wrap:after {

    width: calc(100% - 20px);

    height: calc(100% - 55px);

    right: 0;

    bottom: 0;

    content: "";

    z-index: -1;

    position: absolute;

}

.testimonial-carousel.style--three .testimonial-quote-icon {

    position: absolute;

    right: 30px;

    top: 35px;

    color: #0364ff;

    font-size: 70px;

}

.testimonial-carousel.style--three .single-testimonial {

    padding: 0 30px 42px;

    -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.07);

    box-shadow: 0 0 90px rgba(0, 0, 0, 0.07);

    display: block;

    position: relative;

}

.testimonial-carousel.style--three .single-testimonial .testimonial-content {

    margin-top: -8px;

}

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info {

    margin-bottom: 17px;

}

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info h4 {

    color: #0364ff;

    margin-bottom: 7px;

}

.testimonial-carousel.style--three .single-testimonial .testimonial-content .meta-info p {

    font-size: 14px;

}

.testimonial-carousel.style--three .single-testimonial .testimonial-img {

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.testimonial-carousel.style--three .single-testimonial .testimonial-img img {

    width: 70px;

    min-width: 70px;

    height: 70px;

    border: 5px solid #1042d1;

}

.testimonial-carousel.style--three.v2 .owl-stage-outer {

    margin: -15px;

    padding: 15px;

}

.testimonial-carousel.style--three.v2 .single-testimonial-wrap .single-testimonial {

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);

}

.testimonial-carousel.style--three.dot-style--two .testimonial-content .meta-info h4 {

    color: #00c3ff;

}

.chooseus-section {

    margin-bottom: -166px;

}

@media only screen and (max-width: 991px) {

    .chooseus-section {

        margin-bottom: -126px;

    }

}

.single-choose-us {

    background-color: rgba(107, 88, 237, 0.1);

    padding: 70px 15px 67px;

    margin-bottom: 30px;

}

.single-choose-us .choose-us-icon {

    margin-bottom: 20px;

    color: #03a87c;

    font-size: 60px;

}

.single-choose-us .choose-us-content {

    max-width: 264px;

    margin: 0 auto;

}

.single-choose-us .choose-us-content h3 {

    margin-bottom: 20px;

}

.single-choose-us.green-bg {

    background-color: rgba(3, 168, 124, 0.1);

}

.single-choose-us.yellow-bg {

    background-color: rgba(247, 109, 0, 0.1);

}

.single-choose-us.style--two {

    padding: 60px 45px 57px;

}

.single-choose-us.style--two .choose-us-icon {

    margin-bottom: 10px;

    color: #0364FF;

    font-size: 50px;

}

.single-choose-us.style--two .choose-us-content {

    max-width: initial;

    margin: 0;

}

.single-choose-us.style--two .choose-us-content h3 {

    margin-bottom: 18px;

}

.single-choose-us.style--three {

    padding: 60px 15px 57px;

}

.control-panel-accordion {

    padding-right: 15px;

}

@media only screen and (max-width: 1199px) {

    .control-panel-accordion {

        padding-right: 0;

    }

}

.control-panel-accordion .accordion-item {

    background-color: #cefce9;

    border-radius: 5px;

}

.control-panel-accordion .accordion-item:nth-child(2) {

    background-color: #fff7f2;

}

.control-panel-accordion .accordion-item:nth-child(2) .accordion-button:not(.collapsed) {

    color: #f76d00;

}

.control-panel-accordion .accordion-item:nth-child(3) {

    background-color: #f7f6fe;

}

.control-panel-accordion .accordion-item:nth-child(3) .accordion-button:not(.collapsed) {

    color: #6b58ed;

}

.control-panel-accordion .accordion-item:not(:last-child) {

    margin-bottom: 30px;

}

.control-panel-accordion .accordion-button {

    padding: 30px 30px;

    font-size: 21px;

    border: none;

    cursor: pointer;

}

.control-panel-accordion .accordion-button:not(.collapsed) {

    color: #03a87c;

    background-color: transparent;

    padding-top: 45px;

    padding-bottom: 18px;

}

.control-panel-accordion .accordion-button:after {

    display: none;

}

.control-panel-accordion .accordion-button svg {

    margin-right: 14px;

}

.control-panel-accordion .accordion-collapse {

    border: none;

}

.control-panel-accordion .accordion-collapse .accordion-body {

    padding: 0 40px 40px 80px;

}

.control-panel-accordion.style--two .accordion-item {

    background-color: rgba(0, 195, 255, 0.3);

}

.control-panel-accordion.style--two .accordion-button {

    color: #00c3ff !important;

    background-color: #fff;

    border: 1px solid #00c3ff;

}

.control-panel-accordion.style--two .accordion-button:not(.collapsed) {

    background-color: transparent;

    border-color: transparent;

}

.control-panel-accordion.style--two .accordion-collapse {

    border: none;

}

.control-panel-accordion.style--two .accordion-collapse .accordion-body {

    padding: 0 40px 40px 80px;

}

.control-panel-img {

    padding-left: 10px;

}

@media only screen and (max-width: 1199px) {

    .control-panel-img {

        padding-left: 0;

    }

}

@media only screen and (max-width: 479px) {

    .control-panel-img {

        padding-top: 20px;

        padding-bottom: 20px;

    }

}

.control-panel-img img {

    max-width: initial;

    margin-top: -45px;

    margin-bottom: -45px;

}

@media only screen and (max-width: 991px) {

    .control-panel-img img {

        margin-top: 0;

        max-width: 100%;

    }

}

.control-panel-content-wrap ul li:not(:last-child) {

    margin-bottom: 45px;

}

.control-panel-content .icon {

    margin-right: 28px;

    color: #0364ff;

    font-size: 50px;

    width: 52px;

}

.control-panel-content .content h3 {

    margin-bottom: 24px;

}

.cta {

    position: relative;

}

.cta .cta-top {

    position: absolute;

    left: auto;

    right: 9%;

    top: 5px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

@media only screen and (max-width: 991px) {

    .cta .cta-top {

        display: none;

    }

}

.cta-content h2 {

    font-size: 48px;

    margin-bottom: 45px;

    margin-top: -10px;

}

.cta-content.style--two h2 {

    margin-bottom: 35px;

}

.cta-content.style--two .cta-btn-group {

    margin-bottom: 24px;

}

.cta-content .cta-btn-group {

    margin-bottom: 34px;

}

.cta-btn-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

@media only screen and (max-width: 479px) {

    .cta-btn-group {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

}

.cta-btn-group .btn:not(:last-child) {

    margin-right: 20px;

}

@media only screen and (max-width: 479px) {

    .cta-btn-group .btn:not(:last-child) {

        margin-right: 0;

        margin-bottom: 14px;

    }

}

.faq-accordion {

    margin-top: -5px;

}

.faq-accordion .accordion-item {

    border: none;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    margin-bottom: 25px;

    border-radius: 10px;

}

@media only screen and (max-width: 1199px) {

    .faq-accordion .accordion-item {

        padding-left: 0;

    }

}

.faq-accordion .accordion-header .accordion-button {

    background-color: transparent;

    padding: 20px 25px;

    font-size: 21px;

    border: none;

    cursor: pointer;

}

.faq-accordion .accordion-header .accordion-button:after {

    content: "\f067";

    font-family: "Font Awesome 5 Pro";

    background-image: unset;

    font-weight: 500;

    margin-top: -5px;

}

.faq-accordion .accordion-header .accordion-button:not(.collapsed) {

    background-color: transparent;

}

.faq-accordion .accordion-header .accordion-button:not(.collapsed):after {

    content: "\f068";

    margin-top: 5px;

}

.faq-accordion .accordion-body {

    padding: 25px;

}

@media only screen and (max-width: 479px) {

    .faq-accordion .accordion-body {

        padding: 0 0 22px 0;

    }

}

.faq-accordion .accordion-collapse {

    border: none;

}

.team-carousel .owl-stage-outer {

    margin: 0 -30px;

    padding: 0 30px 58px;

}

@media only screen and (max-width: 767px) {

    .team-carousel .owl-stage-outer {

        margin: 0 -15px;

        padding: 0 15px 58px;

    }

}

.single-team {

    margin-bottom: 30px;

}

.single-team .team-img img {

    width: 100%;

}

.single-team .team-content {

    width: calc(100% - 40px);

    position: relative;

    left: 20px;

    padding: 15px 15px 20px;

    text-align: center;

    margin-top: -57px;

    border-radius: 12px;

}

.single-team .team-content h3 {

    margin-bottom: 8px;

}

.single-team .team-content p {

    font-size: 15px;

}

.single-team .team-social a{

    display: inline-block;

    width: 35px;

    height: 35px;

    line-height: 31px;

    text-align: center;

    border-radius: 50%;

    border: 2px solid #0364FF;

    color: #0364FF;

    margin: 0 4px;

    transition: all .5s ease-in-out;

}

.single-team .team-social a:hover{

    background: #0364FF;

    color: #fff;

}

.company-logo-section {

    padding-bottom: 240px;

}

@media only screen and (max-width: 991px) {

    .company-logo-section {

        padding-bottom: 120px;

    }

}

.map-wrap {

    position: relative;

    padding-bottom: 55px;

}

.map-wrap .map{

    width: 100%;

    height: 550px;

}

@media only screen and (max-width: 991px) {

    .map-wrap {

        padding-bottom: 0;

    }

}

.contact-form-wrap {

    max-width: 480px;

    -webkit-box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.1);

    box-shadow: 10px 10px 90px rgba(0, 0, 0, 0.1);

    padding: 57px 45px 60px;

    position: absolute;

    right: 60px;

    top: 60px;

}

@media only screen and (max-width: 991px) {

    .contact-form-wrap {

        position: static;

        margin-top: 60px;

        max-width: 100%;

    }

}

@media only screen and (max-width: 479px) {

    .contact-form-wrap {

        padding: 37px 25px 40px;

    }

}

.contact-form-wrap h3 {

    margin-bottom: 18px;

}

.contact-form-wrap > p {

    margin-bottom: 38px;

}

.contact-form .form-control {

    margin-bottom: 24px;

}

.contact-form textarea.form-control {

    height: 80px;

}

.contact-box {

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    text-align: center;

    padding: 40px 15px 37px;

    margin-bottom: 30px;

}

.contact-box .contact-icon {

    margin-bottom: 20px;

    color: #0364FF;

    font-size: 50px;

}

.contact-box .contact-info h3 {

    margin-bottom: 20px;

    font-size: 21px;

}

.contact-box .contact-info a {

    display: block;

}



.domain-result-single{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    padding: 15px 25px;

    border-radius: 8px;

    margin-bottom: 20px;

}

.domain-result-single .domain-info h4{

    color: #212529;

}

.domain-result-single .domain-info h4 b{

    color: #0364FF;

}

.domain-result-single .domain-info p{

    font-size: 15px;

}

.domain-result-single .domain-price h3{

    color: #f67a3c;

    font-weight: 800;

}

.domain-result-single .domain-price small {

    font-size: 13px;

    font-weight: 600;

    margin-left: 5px;

    opacity: 0.8;

    color: #8392a5;

}

.domain-result-single .domain-price p{

    font-size: 14px;

    color: #8392a5;

    margin-top: 4px;

    font-weight: 400;

}

.domain-result-single .cart-btn{

   background: #0364FF;

   color: #fff;

   padding: 8px 16px;

   border-radius: 8px;

   box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

   transition: .5s;

}

.domain-result-single .cart-btn:hover{

   background:#f67a3c;

   color: #fff;

}

.more-domain h3{

   color: #212529;

   margin: 50px 0 30px 0;

   text-align: center;

 }



 @media only screen and (max-width: 991px) {

    .domain-result-single{

        flex-direction: column;

        align-items: flex-start;

    }

    .domain-result-single .domain-price{

        margin: 20px 0;

    }

}



.offer-area .offer-title-box {

    margin: 40px 0;

    display: flex;

    justify-content: center;

    flex-direction: row;

}

.offer-area .offer-title-box h1{

    color: #fff;

}

.offer-area .offer-title span{

   color: #dc3545;

   background: #fff;

   padding: 10px;

   margin-left: 20px;

   border-radius: 10px;

   box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.offer-area .offer-btn{

    background: #dc3545;

    padding: 14px 30px;

    margin: 20px 0;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

    transition: .5s;

}

.offer-area .offer-btn:hover{

    background: #00a7e6;

    color: #fff;

}

.countdown-wrap{

    margin-top: 30px;

}

.countdown-single{

    background: #fff;

    padding: 20px;

    margin: 10px;

    border-radius: 15px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.countdown-single h2{

    color: #0948b3;

}

.countdown-single h5{

    color: #0948b3;

}

@media only screen and (max-width: 991px) {

    .offer-area .offer-title-box {

        flex-direction: column;

    }

    .offer-area .offer-title{

        margin-top: 20px;

    }

}

.hosting-application .app-single{

    background: #fff;

    border-radius: 10px;

    text-align: center;

    padding: 25px 10px;

    margin-bottom: 20px;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 6%);

}

.hosting-application .app-single i{

    font-size: 50px;

    margin-bottom: 20px;

}

.hosting-application .app-single h4{

    color: #8189AA;

    letter-spacing: 2px;

}

.hosting-application .app-single.wpc i{

    color: #0086BD;

}

.hosting-application .app-single.sfc i{

    color: #96BF49;

}

.hosting-application .app-single.mgc i{

    color: #EC4B1C;

}

.hosting-application .app-single.jlc i{

    color: #F9AE41;

}

.hosting-application .app-single.glc i{

    color: #E34329;

}

.hosting-application .app-single.dpc i{

    color: #3FB499;

}



.cover-banner{

    background: no-repeat;

    background-size: cover;

    background-position: 50% 50%;

    min-height: 100vh;

    width: 100%;

    position: relative;

}

.cover-banner .container{

    position: relative;

}

.cover-banner:before {

    position: absolute;

    content: '';

    background: linear-gradient(75deg, #073482, #014cda);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: .8;

}

.cover-content-wrap{

    padding-top: 250px;

    padding-bottom: 180px;

    text-align: center;

    color: #fff;

}

.cover-content-wrap .lead{

    margin: 20px 0;

}

.cover-content-wrap .cover-btn{

    padding: 14px 30px;

    margin-top: 20px;

}

.cover-copyright a{

   color: #00c3ff;

}

.cover-social a{

  color: #fff;

  margin: 0 10px;

  transition: .5s;

}

.cover-social a:hover{

    color: #00c3ff;

}

@media only screen and (max-width: 991px) {

    .cover-content-wrap{

        padding-top: 150px;

        padding-bottom: 50px;

    }

    .cover-content-wrap h1{

        font-size: 40px;

    }

    .cover-copyright{

        text-align: center;

    }

    .cover-social{

        margin-top: 20px;

        text-align: center;

    }

}



.tank-area .thank-content{

  background: #fff;

  padding: 20px;

  text-align: center;

  border-radius: 10px;

  box-shadow: 0 0 40px 5px rgb(0 0 0 / 7%);

}

.tank-area .thank-content .thank-icon{

  color: #0364FF;

  font-size: 50px;

}

.tank-area .thank-content h1{

    margin: 15px 0;

}

.tank-area .thank-content h4{

    margin: 20px 0;

    font-weight: 900;

    color: #0364FF;

}

.tank-area .thank-content h4 i{

    margin-right: 10px;

}

.tank-area .thank-content .btn{

    margin-bottom: 20px;

}



.black-offer-single{

    background: #fff;

    border-radius: 12px;

    margin-bottom: 50px;

    position: relative;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 7%);

}

.black-offer-header{

    background: #C82333;

    color: #fff;

    text-align: center;

    padding: 8px 0;

    font-weight: bold;

    border-radius: 10px;

    margin-left: 20px;

    margin-right: 20px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.black-offer-content{

    text-align: center;

    padding: 30px 0 50px 0;

}

.black-offer-btn{

    position: absolute;

    background: #C82333;

    color: #fff;

    padding: 8px 20px;

    border-radius: 8px;

    right: 20px;

    bottom: -18px;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 7%);

    transition: .5s;

}

.black-offer-btn i{

    margin-left: 10px;

}

.black-offer-btn:hover{

    background: #000000;

    color: #fff;

}

.starting-price{

    font-weight: bold;

    font-size: 40px;

}

.black-friday-sale .section-title span{

   color: #C82333;

}

.black-friday-sale .section-title .black-limited{

    background: #dc3545;

    border-radius: 35px 0 35px 0;

    color: #fff;

    padding: 15px 30px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}



.black-friday-sale .section-title h1{

    font-size: 100px;

    line-height: 110px;

    font-weight: 900;

    margin-bottom: 20px;

}

.black-single-sale{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.black-single-wrap {

    width: 400px;

    height: 400px;

    background: #fafafa;

    border-radius: 100%;

    text-align: center;

    position: relative;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.black-single-wrap .black-content-wrap {

    background: #dc3545;

    border: 1px dashed #fff;

    padding: 15%;

    border-radius: 100%;

    width: 90%;

    height: 90%;

}

.black-single-wrap .black-single-header {

    border-radius: 30px;

    position: relative;

    background: rgba(0, 0, 0, 0.55);

}

.black-single-wrap .black-single-header .black-triangle {

    display: block;

    height: 0;

    width: 0;

    border: 10px solid transparent;

    border-top-color: rgba(0, 0, 0, 0.55);

    position: absolute;

    bottom: -20px;

    left: calc(50% - 10px);

}

.black-single-wrap .starting-price{

    margin-top: 30px;

}

.black-single-wrap .black-single-btn{

    padding: 10px 20px;

    background: #fff;

    color: #dc3545;

    margin-top: 40px;

}

.black-single-wrap .black-single-btn:hover{

    background: #000;

    color: #fff;

}

.black-feature-list li span{

   margin-right: 7px;

}



@media only screen and (max-width: 991px) {

    .black-single-wrap {

        width: 310px;

        height: 310px;

    }

    .black-single-wrap .starting-price{

        margin-top: 10px;

    }

    .black-single-wrap .black-single-btn{

        margin-top: 20px;

    }

}



.error-content{

    text-align: center;

}

.error-content h2{

    margin-top: 30px;

}

.error-content p{

    margin-top: 10px;

    font-size: 20px;

}

.error-content .error-btn{

    padding: 14px 25px;

    background: #0364FF;

    color: #fff;

    border-radius: 50px;

    display: inline-block;

    margin-top: 10px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.error-content .error-btn i{

    margin-right: 5px;

}

.coming-soon{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 100vh;

    width: 100%;

    top: 0;

    left: 0;

    position: relative;

}

.coming-soon .container{

    position: relative;

}

.coming-soon:before{

    position: absolute;

    content: '';

    background: linear-gradient(75deg, #073482, #014cda);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: .8;

}

.coming-soon .newsletter-form{

    position: relative;

    margin-top: 30px;

}

.coming-soon .newsletter-form .input-newsletter {

    height: 50px;

    display: block;

    width: 100%;

    border: none;

    border-radius: 30px;

    font-size: 14px;

    padding-top: 0;

    padding-right: 0;

    padding-bottom: 0;

    padding-left: 25px;

}

.coming-soon .newsletter-form button {

    position: absolute;

    right: 4px;

    top: 4px;

    bottom: 4px;

    height: auto;

    border: none;

    border-radius: 30px;

    background-color: #f67a3c;

    display: inline-block;

    color: #fff;

    padding-left: 30px;

    padding-right: 30px;

    transition: .5s;

}

.coming-soon .newsletter-form button:hover{

    background-color: #0364FF;

    color: #fff;

}

.coming-social{

    margin-top: 10px;

    text-align: center;

}

.coming-social a{

    color: #fff;

    margin: 5px;

    width: 40px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    border: 2px solid #fff;

    display: inline-block;

    border-radius: 50px;

    transition: .5s;

}

.coming-social a:hover{

    background-color: #f67a3c;

    border-color: #f67a3c;

}

.cart-wrapper .table thead th {

    border: 0px;

    width: 20%;

    text-align: center;

    color: #FFFFFF;

    font-weight: 700;

}

.cart-wrapper .table thead tr{

    background: #103dbe;

    background: -webkit-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);

    background: -o-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);

    background: linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);

}

.cart-wrapper .table td{

    border: none;

    padding: 44px 10px;

    border-bottom: 1px solid #eaeaea;

}

.cart-wrapper .table-responsive{

    -webkit-box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 8%);

    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 8%);

    background-color: #FFFFFF;

}

.cart-wrapper .table .product-name {

    font-weight: 700;

    color: #1e1e1e;

}

.cart-wrapper .table .product-quantity {

    min-width: 80px;

}

.cart-wrapper .table .custom_number {

    position: relative;

    height: 37px;

    width: 162px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin: 0 auto;

}

.cart-wrapper .table .custom_number input[type=number] {

    height: 100%;

    width: auto;

    background-color: #FFFFFF;

    text-align: center;

    pointer-events: none;

    border: 1px solid #eaeaea;

    border-radius: 8px;

    width: 62px;

    color: #70799f;

}

.cart-wrapper .table .custom_number .add, .custom_number .sub {

    float: left;

    width: 50px;

    height: 100%;

    color: #70799f;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}

.cart-wrapper .table .custom_number .add {

    float: right;

}

.cart-wrapper .table .remove{

    min-width: 100px;

}

.cart-wrapper .table .remove i{

    color: #70799f;

    font-size: 18px;

    transition: .5s;

}

.cart-wrapper .table .remove i:hover{

    color: #dd4b39;

}

.cart-action{

    margin-top: 50px;

    margin-bottom: 80px;

}

.cart-action .coupon{

    position: relative;

}

.cart-action .coupon .form-control{

    border: 2px solid #e8e8e8;

    border-radius: 50px;

    padding-right: 120px;

    transition: .5s;

}

.cart-action .coupon .form-control:focus{

    border-color: #0364FF;

}

.cart-action .coupon button{

    position: absolute;

    right: 5px;

    top: 5px;

    background-color: #0364FF;

    color: #fff;

    padding: 7px 30px;

    border-radius: 50px;

    transition: .5s;

}

.cart-action .coupon button:hover{

    background-color: #f76d00;

    color: #fff;

}

.cart-summary li{

    list-style: none;

    color: #70799f;

    margin-bottom: 10px;

}

.cart-summary li span{

    float: right;

}

.cart-summary .cart-total{

    font-weight: bold;

}

.cart-btn{ 

    background-color: #0364FF;

    color: #fff;

    margin-top: 20px;

    display: inline-block;

    padding: 12px 30px;

    border-radius: 50px;

    transition: .5s;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.cart-btn:hover{

    background-color: #f76d00;

    color: #fff;

}

.checkout-wrapper{

    padding: 50px 30px;

    border-radius: 10px;

    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);

}

.checkout-content{

    padding: 0 80px;

}

.checkout-form h3{

    margin-bottom: 30px;

}

.checkout-form .form-control{

    border: 2px solid #e8e8e8;

    border-radius: 8px;

}

.checkout-form .form-control:focus{

    border-color: #0364ff;

}

.checkout-form .checkout-account{

    color: #70799f;

    font-weight: 400;

    text-decoration: underline;

    margin-top: 16px;

}

.checkout-form .checkout-account:hover{

    color: #0364ff;

}

.checkout-form .btn-style4{

    padding: 10px 20px;

}

@media only screen and (max-width: 991px) {

    .checkout-content{

        padding: 0;

    }

    .checkout-form .btn-style4{

        margin-top: 20px;

    }

}

.popular-domain-single{

    padding: 30px;

    border-radius: 10px;

    margin-bottom: 25px;

    position: relative;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 7%);

}



.popular-domain-single .badge{

    position: absolute;

    right: 30px;

    top: 30px;

}

.popular-domain-single .domain-info-wrap{

    margin-top: 20px;

}

.domain-price-list .domain-old-price {

    font-size: 15px;

    font-weight: 500;

    opacity: 0.7;

}

.domain-price-list .domain-new-price {

    font-size: 22px;

    line-height: initial;

    font-weight: 700;

}

.popular-domain-single .btn{

    padding: 10px 20px;

}

.popular-domain-single .btn:hover{

    background-color: #f76d00;

    color: #fff;

}

.popular-domain-single .btn-transfer{

    background-color: #f76d00;

    margin-left: 20px;

}

.popular-domain-single .btn-transfer:hover{

    background-color: #0364FF;

    color: #fff;

}

.tld-price-table .table{

    text-align: left;

}

.tld-price-table .table thead tr{

    background: #0948b3;

    color: #fff;

}

.tld-price-table .table thead tr th{

    color: #fff;

    font-weight: bold;

}

.tld-price-table .table tr td,.tld-price-table .table tr th {

   padding: 15px 20px;

}

.tld-price-table tr td > span.domain-extension {

    font-size: 16px !important;

    font-weight: 700;

    color: #1a202c;

}

.tld-price-table .color-accent {

    color: #f67a3c !important;

}

.tld-price-table thead tr th:first-child{

    border-left-color: #0948b3;

}

.tld-price-table thead tr th:last-child{

    border-right-color: #0948b3;

}

.tld-price-table tr{

   border-top-color: #0948b3;

}