@charset "UTF-8";

/* *******************

 *

 * Template name:  VIOPhone

 *

 * Version:        1.0

 *

 * Author:         ThemeLooks

 *

 * Author url:     http://themelooks.com

 *

 *

 *

 * NOTE:

 *

 * -----

 *

 * Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.

 *

 * We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

 *

 * 00: Base CSS 

 *

 * 0.1: Reset

 *

 * 0.2: Padding

 *

 * 01: Common CSS

 *

 * 1.1: Color

 *

 * 1.2: Common Classes

 *

 * 1.3: Button

 *

 * 1.4: Animations

 *

 * 1.5: Section Title

 *

 * 1.6: Page Title

 *

 * 02: Layout CSS

 *

 * 2.1: Preloader

 *

 * 2.2: Header

 *

 * 2.3: Banner

 *

 * 2.4: Blog

 *

 * 2.5: Widgets

 *

 * 2.6: Footer

 *

 * 2.7: 404

 *

 * 2.8: Coming Soon

 *

 * 03: Modules

 *

 * 3.1: Service

 *

 * 3.2: Connection

 *

 * 3.3: Includes

 *

 * 3.4: Feature

 *

 * 3.5: Counter

 *

 * 3.6: Pricing

 *

 * 3.7: Testimonial

 *

 * 3.8: App Feature

 *

 * 3.9: Newsletter

 *

 * 3.10: Back to Top

 *

 * 3.11: Affiliate

 *

 * 3.12: Working Process

 *

 * 3.13: FAQ

 *

 * 3.14: About

 *

 * 3.15: Team

 *

 * 3.16: Why Choose

 *

 * 3.17: Domain

 *

 * 3.18: Data Center

 *

 * 3.19: Project

 *

 * 3.20: Contact

 *

 * 04: Shop

 *

 * 4.1: Products

 *

 * 4.2: Product Details

 *

 * 4.3: Cart

 *

 * 4.3: Checkout

 *

 * 05: Responsive 

 * ********************/

/* ************************

 *

 * 0.1: Reset

 *

 * ********************* */

* {
    list-style: none;

    outline: none !important;
}

ol,
ul {
    margin: 0;

    padding: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

    margin: 0;
}

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

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;

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

::-moz-selection {
    text-shadow: none;

    color: #ffffff;
}

::selection {
    text-shadow: none;

    color: #ffffff;
}

::-webkit-input-placeholder {
    color: #555555 !important;

    opacity: 1 !important;
}

::-moz-placeholder {
    color: #555555 !important;

    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: #555555 !important;

    opacity: 1 !important;
}

::placeholder {
    color: #555555 !important;

    opacity: 1 !important;
}

iframe {
    max-width: 100%;
}

button:focus,
.shop--product-slider .product-thumbs .swiper-button-next span:focus,
.shop--product-slider .product-thumbs .swiper-button-prev span:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
}

button,
.shop--product-slider .product-thumbs .swiper-button-next span,
.shop--product-slider .product-thumbs .swiper-button-prev span,
button[type='submit'],
input[type='submit'] {
    border: none;

    background-color: transparent;

    cursor: pointer;

    -webkit-appearance: button;

    -moz-appearance: button;
}

select {
    -webkit-appearance: none;

    -moz-appearance: none;
}

.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    position: absolute;

    right: 20px;

    font-family: 'Font Awesome 5 Pro';

    content: '\f107';

    font-size: 14px;

    color: #222;

    z-index: 9;

    top: 50%;

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

    transform: translateY(-50%);
}

textarea {
    resize: none;
}

img {
    max-width: 100%;

    height: auto;
}

a,
a:hover,
a:active,
a:focus,
input,
input:hover,
input:focus,
input:active,
select,
textarea {
    text-decoration: none;

    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;

    padding: 0;
}

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

h1 {
    font-size: 48px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

body {
    overflow-x: hidden !important;

    font-size: 18px;

    line-height: 1.67;

    font-weight: 400;
}

/* ************************

 *

 * 0.2: Padding

 *

 * ********************* */

.pt-0 {
    padding-top: 0px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-150 {
    padding-top: 150px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-150 {
    padding-bottom: 150px;
}

/* ************************

 *

 * 1.1: Color

 *

 * ********************* */

.c1,
.checkout-form .ship-different-address:hover label,
.checkout-form .create-an-account:hover label,
.checkout-form-toggle .form-login p a,
.checkout-form-toggle .login-info h5 span,
.checkout-form-toggle .cupon-info h5 span,
.shop-cart-table .table tbody tr:hover .product-name a,
.product-review .single-product-review .review-content a:hover,
.shop--product-details .product-buttons ul li a:not(.btn-fill),
.shop--product-details .price,
.single-product .product-info .price,
.single-contact .contact-icon i,
.single-post-nav .post-nav-text h6:hover a,
.project-info ul li a:hover,
.single-project-item:hover .project-info a,
.single-why-choose:hover h5,
.single-domain-feature:hover h5,
.single-faq-category .faq-title h4,
.single-faq .faq-question:hover,
.single-faq .faq-question:after,
.single-faq .faq-question[aria-expanded='true'],
.single-process:hover h4,
.single-process .process-icon i,
.single-affiliate .affiliate-text h4:hover a,
.affiliate-title cite,
.back-to-top a:hover,
.newsletter .newsletter-text h2 span,
.app-feature .app-feature-btns .app-btn .btn-text span,
.single-pricing-table:hover .pt-header p,
.feature-table.app-table tbody td .app-feature-list li:before,
.single-feature:hover h4,
.includes-slider .single-include:hover p,
.includes-slider .single-include.active p,
.includes-slider .single-include i,
.social-icons ul li a i,
.single-product .product-img .quick-icons ul li a i,
.not-found-content h3,
.widget.widget_latest_post .single-latest-post .post-number h5,
.widget ul li a:hover *,
.widget a:hover,
.widget ul li a:hover,
.post-comments-wrap .single-post-comment .comment-content a:hover,
.blog-details-text blockquote cite,
.post-meta li a,
.blog-pagination li.active a,
.shop-pagination li.active a,
.blog-pagination li a:hover,
.shop-pagination li a:hover,
.single-blog .blog-content a:not(.blog-btn):hover,
.home-banner .single-banner .banner-text h1,
.main-header .main-menu #menu-button,
.page-title-wrap .page-title h2,
.section-title h2,
.domain-section-title h2,
.data-center-title h2,
.about-content .about-title h2,
.affiliate-title h2,
.coming-soon-content h2,
.btn:hover,
.btn,
.product-quentity .plus,
.product-quentity .minus,
.lighter-heading strong,
.voip-feature h2 strong,
.connection-details h2 strong {
    color: #ff6378;
}

.c1-bg,
.checkout-form-toggle .login-info h5 span:after,
.checkout-form-toggle .cupon-info h5 span:after,
.pricing-navtab .nav .nav-item a:after,
.feature-table table thead,
.feature-table .single-feature-table .feature-table-head,
.main-header .main-menu ul li a:after,
.btn-fill,
.custom-checkbox label .checkmark:after,
.checkout-form
    .order-details
    .shop-payment-method
    .single-method
    label
    .checkmark:after,
.checkout-form .ship-different-address label .checkmark:after,
.checkout-form .create-an-account label .checkmark:after,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark:after,
.domain-search-form
    .domain-extension-slider
    .single-extension
    label
    .checkmark:after,
.custom-navtab li .filter-btn:after,
.product-discription-tabs .nav li .filter-btn:after,
.project-nav .project_filter li .filter-btn:after,
.custom-navtab li .product--nav-item:after,
.product-discription-tabs .nav li .product--nav-item:after,
.project-nav .project_filter li .product--nav-item:after,
.input-group .submit-btn,
.custom-dots .owl-dot.active,
.team-slider .owl-dots .owl-dot.active,
.testimonial-slider .owl-dots .owl-dot.active,
.pricing-slider .owl-dots .owl-dot.active,
.includes-slider .owl-dots .owl-dot.active,
.home-banner .owl-dots .owl-dot.active {
    background-color: #ff6378 !important;
}

.c1-bo,
.checkout-form .order-note textarea:focus,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark,
.contact-form-wrapper .contact-form input:focus,
.contact-form-wrapper .contact-form textarea:focus,
.single-pricing-table:hover,
.single-feature:hover,
.single-service:hover,
.single-why-choose:hover,
.single-domain-feature:hover,
.comments-form form textarea:focus,
.review-form form textarea:focus,
.comments-form form input:focus,
.review-form form input:focus,
.product-quentity .input-group {
    border-color: #ff6378 !important;
}

.c1-hover {
    color: #ff2f4b;
}

.c1-hover-bg,
.post-tags a:hover,
.btn-fill:hover,
.input-group .submit-btn:hover {
    background-color: #ff2f4b !important;
}

.c1-hover-bo,
.checkout-form-toggle .login-info,
.checkout-form-toggle .cupon-info {
    border-color: #ff2f4b !important;
}

.c2,
.checkout-form-toggle .login-info h5 i,
.checkout-form-toggle .cupon-info h5 i,
.shop--product-details .product-category li a:hover,
.shop--product-details .product-tag li a:hover,
.shop--product-details .product-share li a:hover,
.shop--product-details .product-availability li a:hover,
.shop--product-details .product-buttons ul li a:not(.btn-fill):hover,
.single-product .product-info .product-name a:hover,
.single-contact .contact-info a:hover,
.single-why-choose:hover i,
.single-domain-feature:hover i,
.faq-info p a,
.single-faq .faq-question:hover:after,
.single-faq .faq-question[aria-expanded='true']:after,
.single-affiliate .affiliate-text p span,
.app-feature .app-feature-btns .app-btn:hover .btn-icon,
.pricing-navtab .nav .nav-item a:hover,
.pricing-navtab .nav .nav-item a.active,
.single-counter h2,
.single-feature:hover i,
.voip-feature ul li:after,
.includes-slider .single-include:hover i,
.includes-slider .single-include.active i,
.single-service i,
.single-why-choose i,
.single-domain-feature i,
.footer-bottom a:hover,
.footer .widget a:hover,
.footer .widget ul li a:hover,
.footer .widget .widget-title h4,
.author-info .author-social-icons a:hover,
.post-share-icons a:hover,
.author-social-icons a:hover,
.post-meta li a:hover,
.blog-pagination li a,
.shop-pagination li a,
.home-banner .single-banner .banner-text span,
.main-header .main-menu ul li:hover > a,
.main-header .main-menu ul li.active > a,
.header-top a:hover,
.page-title-wrap .page-title li:hover a,
.section-title span,
.domain-section-title span,
.data-center-title span,
.about-content .about-title span,
.affiliate-title span,
.coming-soon-content span,
.product-quentity .plus:hover,
.product-quentity .minus:hover,
.custom-navtab li.active .filter-btn,
.product-discription-tabs .nav li.active .filter-btn,
.project-nav .project_filter li.active .filter-btn,
.custom-navtab li:hover .filter-btn,
.product-discription-tabs .nav li:hover .filter-btn,
.project-nav .project_filter li:hover .filter-btn {
    color: #ff91d9;
}

.c2-bg,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark:after,
.cart--shoping-button .btn-fill:first-child,
.back-to-top a,
.single-pricing-table.popular:after,
.search-form form input,
.coming-soon-content .newsletter-form form input,
.widget.widget_tag_cloud .tags a:hover,
.widget.widget_search .input-group input,
.blog-details-text blockquote:after,
.preloader .preloader-dotline .dot,
::-moz-selection {
    background-color: #ff91d9 !important;
}

.c2-bg,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark:after,
.cart--shoping-button .btn-fill:first-child,
.back-to-top a,
.single-pricing-table.popular:after,
.search-form form input,
.coming-soon-content .newsletter-form form input,
.widget.widget_tag_cloud .tags a:hover,
.widget.widget_search .input-group input,
.blog-details-text blockquote:after,
.preloader .preloader-dotline .dot,
::selection {
    background-color: #ff91d9 !important;
}

.c2-bo,
.single-contact:hover .contact-icon,
.single-process:hover .process-icon,
.social-icons ul li a:hover,
.single-product .product-img .quick-icons ul li a:hover {
    border-color: #ff91d9 !important;
}

.c2-hover {
    color: #ffa6de;
}

.c2-hover-bg,
.cart--shoping-button .btn-fill:first-child:hover {
    background-color: #ffa6de !important;
}

.c2-hover-bo {
    border-color: #ffa6de !important;
}

.c2-light,
.app-feature .app-feature-btns .app-btn .btn-icon {
    color: #ffd6e5;
}

.c2-light-bg,
.widget.widget_tag_cloud .tags a,
.widget.widget_latest_post .single-latest-post .post-number,
.post-tags a {
    background-color: #ffd6e5 !important;
}

.c2-light-bo,
.checkout-form .order-details .shop-payment-method .payment-info p,
.single-pricing-table,
.single-feature,
.includes-slider,
.single-service,
.single-why-choose,
.single-domain-feature,
.header-cart {
    border-color: #ffd6e5 !important;
}

.body-bg {
    color: #fff9ef;
}

.body-bg-bg,
.single-pricing-table:hover,
.search-box-wrapper,
.preloader,
body {
    background-color: #fff9ef !important;
}

.body-bg-bo {
    border-color: #fff9ef !important;
}

.heading-color {
    color: #222222;
}

.heading-color-bg {
    background-color: #222222 !important;
}

.heading-color-bo {
    border-color: #222222 !important;
}

.body-color,
.shop-cart-table .table th a,
.shop-cart-table .table td a,
.shop-cart-table .table th,
.shop-cart-table .table td,
.product-review .single-product-review .review-content a,
.product-discription-tabs .nav .product--nav-item,
.shop--product-details .product-category li a,
.shop--product-details .product-tag li a,
.shop--product-details .product-share li a,
.shop--product-details .product-availability li a,
.single-product .product-info .product-name a,
.single-contact .contact-info a,
.single-post-nav .post-nav-text h6 a,
.project-info ul li a,
.single-project-item .project-info h4 a,
.single-affiliate .affiliate-text h4 a,
.includes-slider .single-include p,
.widget *,
.widget a,
.widget p,
.widget ul li,
.widget ul li a,
.post-comments-wrap .single-post-comment .comment-content a,
.post-share-icons a,
.author-social-icons a,
.page-title-wrap .page-title li,
.page-title-wrap .page-title li a,
body {
    color: #222222;
}

.body-color-bg {
    background-color: #222222 !important;
}

.body-color-bo {
    border-color: #222222 !important;
}

/* ************************

 *

 * 1.2: Common Classes

 *

 * ********************* */

/* Fonts */

.montserrat,
.checkout-form .ship-different-address label,
.checkout-form .create-an-account label,
.shop-cart-table .table thead th,
.shop--product-details .price,
.single-product .product-info .price,
.blog-pagination li,
.shop-pagination li,
.home-banner .single-banner .banner-text,
.section-title span,
.domain-section-title span,
.data-center-title span,
.about-content .about-title span,
.affiliate-title span,
.coming-soon-content span,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

.barlow,
.checkout-form-toggle .login-info h5,
.checkout-form-toggle .cupon-info h5,
.product-review .single-product-review .review-content h6,
.product-discription-tabs .product-discription h4,
.product-discription-tabs .product-information h4,
.single-contact .contact-info h4,
.single-post-nav .post-nav-text h6,
.data-center-text h4,
.feature-table.app-table tbody td .app-review h6,
.single-feature h4,
.post-comments-wrap .single-post-comment .comment-content h6,
.author-info .info-text h6,
.blog-details-text h4,
.home-banner .single-banner .banner-text p,
.btn,
body {
    font-family: 'Barlow', sans-serif;
}

/* Transitions */

.trans2,
.checkout-form .order-note textarea,
.checkout-form-toggle .login-info h5 span:after,
.checkout-form-toggle .cupon-info h5 span:after,
.single-why-choose h5,
.single-domain-feature h5,
.single-why-choose i,
.single-domain-feature i,
.app-feature .app-feature-btns .app-btn,
.partner-logo img,
.single-pricing-table,
.single-feature h4,
.single-feature i,
.single-feature,
.includes-slider .single-include svg,
.includes-slider .single-include i,
.single-blog,
.search-box-wrapper .search-close,
.main-header .main-menu ul li a:after,
.btn,
.custom-navtab li .filter-btn,
.product-discription-tabs .nav li .filter-btn,
.project-nav .project_filter li .filter-btn,
.custom-navtab li .product--nav-item,
.product-discription-tabs .nav li .product--nav-item,
.project-nav .project_filter li .product--nav-item,
.box-shadow,
.single-product,
.single-project-item,
.feature-table table tbody tr,
.single-service,
.single-why-choose,
.single-domain-feature {
    -webkit-transition: 0.2s linear;

    transition: 0.2s linear;
}

.trans3,
.single-contact .contact-icon,
.single-team-member .team-img .social-icons ul li,
.single-product .team-img .social-icons ul li,
.single-product .product-img .social-icons ul li,
.single-product .product-img .quick-icons ul li,
.single-team-member .team-img:after,
.single-product .team-img:after,
.single-product .product-img:after,
.single-faq-category .faq-content .faq-btn .btn i,
.single-faq-category .faq-content .faq-btn .btn svg,
.single-faq .faq-question:after,
.single-faq .faq-question,
.single-process h4,
.single-process .process-icon,
.single-process,
.single-affiliate,
.back-to-top a svg path,
.back-to-top a,
.app-feature .app-feature-btns .app-btn .btn-icon,
.pricing-navtab .nav .nav-item a:after,
.single-service,
.single-why-choose,
.single-domain-feature,
.widget.widget_categories ul li a:before,
.widget.widget_categories ul li a,
.blog-pagination li a,
.shop-pagination li a,
.main-header .main-menu .submenu-button,
.btn-fill,
.btn:after,
.product-quentity .plus,
.product-quentity .minus,
.custom-navtab li .filter-btn:after,
.product-discription-tabs .nav li .filter-btn:after,
.project-nav .project_filter li .filter-btn:after,
.custom-navtab li .product--nav-item:after,
.product-discription-tabs .nav li .product--nav-item:after,
.project-nav .project_filter li .product--nav-item:after,
.custom-nav a svg,
.shop--product-slider .product-thumbs .swiper-button-next a svg,
.shop--product-slider .product-thumbs .swiper-button-prev a svg,
.single-post-nav .post-nav-button a svg,
.domain-search-form .domain-extension-slider .owl-nav a svg,
.team-slider .owl-nav a svg,
.testimonial-slider .owl-nav a svg,
.pricing-slider .owl-nav a svg,
.includes-slider .owl-nav a svg,
.service-slider .owl-nav a svg,
.blog-pagination .blog-nav-btn a svg,
.shop-pagination .blog-nav-btn a svg,
.home-banner .owl-nav a svg,
.custom-nav button svg,
.custom-nav .shop--product-slider .product-thumbs .swiper-button-next span svg,
.shop--product-slider .product-thumbs .swiper-button-next .custom-nav span svg,
.custom-nav .shop--product-slider .product-thumbs .swiper-button-prev span svg,
.shop--product-slider .product-thumbs .swiper-button-prev .custom-nav span svg,
.shop--product-slider .product-thumbs .swiper-button-next button svg,
.shop--product-slider .product-thumbs .swiper-button-next span svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .swiper-button-next
    span
    svg,
.shop--product-slider .product-thumbs .swiper-button-prev button svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .swiper-button-prev
    span
    svg,
.shop--product-slider .product-thumbs .swiper-button-prev span svg,
.single-post-nav .post-nav-button button svg,
.single-post-nav
    .post-nav-button
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .single-post-nav
    .post-nav-button
    span
    svg,
.single-post-nav
    .post-nav-button
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .single-post-nav
    .post-nav-button
    span
    svg,
.domain-search-form .domain-extension-slider .owl-nav button svg,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span
    svg,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span
    svg,
.team-slider .owl-nav button svg,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .team-slider
    .owl-nav
    span
    svg,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .team-slider
    .owl-nav
    span
    svg,
.testimonial-slider .owl-nav button svg,
.testimonial-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .testimonial-slider
    .owl-nav
    span
    svg,
.testimonial-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .testimonial-slider
    .owl-nav
    span
    svg,
.pricing-slider .owl-nav button svg,
.pricing-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .pricing-slider
    .owl-nav
    span
    svg,
.pricing-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .pricing-slider
    .owl-nav
    span
    svg,
.includes-slider .owl-nav button svg,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .includes-slider
    .owl-nav
    span
    svg,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .includes-slider
    .owl-nav
    span
    svg,
.service-slider .owl-nav button svg,
.service-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .service-slider
    .owl-nav
    span
    svg,
.service-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .service-slider
    .owl-nav
    span
    svg,
.blog-pagination .blog-nav-btn button svg,
.blog-pagination
    .blog-nav-btn
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .blog-pagination
    .blog-nav-btn
    span
    svg,
.blog-pagination
    .blog-nav-btn
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .blog-pagination
    .blog-nav-btn
    span
    svg,
.shop-pagination .blog-nav-btn button svg,
.shop-pagination
    .blog-nav-btn
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .shop-pagination
    .blog-nav-btn
    span
    svg,
.shop-pagination
    .blog-nav-btn
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .shop-pagination
    .blog-nav-btn
    span
    svg,
.home-banner .owl-nav button svg,
.home-banner
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .home-banner
    .owl-nav
    span
    svg,
.home-banner
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .home-banner
    .owl-nav
    span
    svg,
a {
    -webkit-transition: 0.3s linear;

    transition: 0.3s linear;
}

.trans4,
.back-to-top {
    -webkit-transition: 0.4s linear;

    transition: 0.4s linear;
}

/* Others */

.box-shadow,
.single-product,
.single-project-item,
.feature-table table tbody tr,
.single-feature,
.single-service,
.single-why-choose,
.single-domain-feature {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.box-shadow:hover,
.single-product:hover,
.single-project-item:hover,
.feature-table table tbody tr:hover,
.single-feature:hover,
.single-service:hover,
.single-why-choose:hover,
.single-domain-feature:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}

.list-inline li {
    display: inline-block;
}

.bg-img {
    background-size: auto;

    background-repeat: no-repeat;

    background-position: center;
}

.bg-overlay {
    position: relative;

    z-index: 1;
}

.bg-overlay:after {
    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fffaf1;

    z-index: -1;

    content: '';

    opacity: 0.95;
}

.lighter-heading,
.voip-feature h2,
.connection-details h2 {
    font-size: 36px;

    font-weight: 500;

    line-height: 1.33;
}

.lighter-heading strong,
.voip-feature h2 strong,
.connection-details h2 strong {
    font-weight: 500;
}

/* Custom Owl */

.custom-owl,
.pricing-slider,
.service-slider {
    margin-left: -15px;

    margin-right: -15px;
}

.custom-owl .owl-stage-outer,
.pricing-slider .owl-stage-outer,
.service-slider .owl-stage-outer {
    padding-left: 15px;

    padding-right: 15px;

    margin-right: -20px;
}

/* Custom Nav */

.custom-nav a,
.shop--product-slider .product-thumbs .swiper-button-next a,
.shop--product-slider .product-thumbs .swiper-button-prev a,
.single-post-nav .post-nav-button a,
.domain-search-form .domain-extension-slider .owl-nav a,
.team-slider .owl-nav a,
.testimonial-slider .owl-nav a,
.pricing-slider .owl-nav a,
.includes-slider .owl-nav a,
.service-slider .owl-nav a,
.blog-pagination .blog-nav-btn a,
.shop-pagination .blog-nav-btn a,
.home-banner .owl-nav a,
.custom-nav button,
.shop--product-slider .product-thumbs .swiper-button-next button,
.shop--product-slider .product-thumbs .swiper-button-next span,
.shop--product-slider .product-thumbs .swiper-button-prev button,
.shop--product-slider .product-thumbs .swiper-button-prev span,
.single-post-nav .post-nav-button button,
.domain-search-form .domain-extension-slider .owl-nav button,
.team-slider .owl-nav button,
.testimonial-slider .owl-nav button,
.pricing-slider .owl-nav button,
.includes-slider .owl-nav button,
.service-slider .owl-nav button,
.blog-pagination .blog-nav-btn button,
.shop-pagination .blog-nav-btn button,
.home-banner .owl-nav button {
    position: absolute;

    width: 35px;

    height: 35px;

    background-color: #ffe7f0 !important;

    line-height: 1 !important;

    border-radius: 50%;

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

    transform: translateX(-50%);

    text-align: center;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}

.custom-nav a.disabled,
.shop--product-slider .product-thumbs .swiper-button-next a.disabled,
.shop--product-slider .product-thumbs .swiper-button-prev a.disabled,
.single-post-nav .post-nav-button a.disabled,
.domain-search-form .domain-extension-slider .owl-nav a.disabled,
.team-slider .owl-nav a.disabled,
.testimonial-slider .owl-nav a.disabled,
.pricing-slider .owl-nav a.disabled,
.includes-slider .owl-nav a.disabled,
.service-slider .owl-nav a.disabled,
.blog-pagination .blog-nav-btn a.disabled,
.shop-pagination .blog-nav-btn a.disabled,
.home-banner .owl-nav a.disabled,
.custom-nav button.disabled,
.shop--product-slider .product-thumbs .swiper-button-next button.disabled,
.shop--product-slider .product-thumbs .swiper-button-next span.disabled,
.shop--product-slider .product-thumbs .swiper-button-prev button.disabled,
.shop--product-slider .product-thumbs .swiper-button-prev span.disabled,
.single-post-nav .post-nav-button button.disabled,
.domain-search-form .domain-extension-slider .owl-nav button.disabled,
.team-slider .owl-nav button.disabled,
.testimonial-slider .owl-nav button.disabled,
.pricing-slider .owl-nav button.disabled,
.includes-slider .owl-nav button.disabled,
.service-slider .owl-nav button.disabled,
.blog-pagination .blog-nav-btn button.disabled,
.shop-pagination .blog-nav-btn button.disabled,
.home-banner .owl-nav button.disabled {
    opacity: 0.35;

    cursor: auto;

    pointer-events: none;
}

.custom-nav a.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-next a.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-prev a.owl-prev,
.single-post-nav .post-nav-button a.owl-prev,
.domain-search-form .domain-extension-slider .owl-nav a.owl-prev,
.team-slider .owl-nav a.owl-prev,
.testimonial-slider .owl-nav a.owl-prev,
.pricing-slider .owl-nav a.owl-prev,
.includes-slider .owl-nav a.owl-prev,
.service-slider .owl-nav a.owl-prev,
.blog-pagination .blog-nav-btn a.owl-prev,
.shop-pagination .blog-nav-btn a.owl-prev,
.home-banner .owl-nav a.owl-prev,
.custom-nav button.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-next button.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-next span.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-prev button.owl-prev,
.shop--product-slider .product-thumbs .swiper-button-prev span.owl-prev,
.single-post-nav .post-nav-button button.owl-prev,
.domain-search-form .domain-extension-slider .owl-nav button.owl-prev,
.team-slider .owl-nav button.owl-prev,
.testimonial-slider .owl-nav button.owl-prev,
.pricing-slider .owl-nav button.owl-prev,
.includes-slider .owl-nav button.owl-prev,
.service-slider .owl-nav button.owl-prev,
.blog-pagination .blog-nav-btn button.owl-prev,
.shop-pagination .blog-nav-btn button.owl-prev,
.home-banner .owl-nav button.owl-prev {
    margin-right: 50px;
}

.custom-nav a.owl-prev:hover svg,
.shop--product-slider .product-thumbs .swiper-button-next a.owl-prev:hover svg,
.shop--product-slider .product-thumbs .swiper-button-prev a.owl-prev:hover svg,
.single-post-nav .post-nav-button a.owl-prev:hover svg,
.domain-search-form .domain-extension-slider .owl-nav a.owl-prev:hover svg,
.team-slider .owl-nav a.owl-prev:hover svg,
.testimonial-slider .owl-nav a.owl-prev:hover svg,
.pricing-slider .owl-nav a.owl-prev:hover svg,
.includes-slider .owl-nav a.owl-prev:hover svg,
.service-slider .owl-nav a.owl-prev:hover svg,
.blog-pagination .blog-nav-btn a.owl-prev:hover svg,
.shop-pagination .blog-nav-btn a.owl-prev:hover svg,
.home-banner .owl-nav a.owl-prev:hover svg,
.custom-nav button.owl-prev:hover svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    button.owl-prev:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    span.owl-prev:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    button.owl-prev:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span.owl-prev:hover
    svg,
.single-post-nav .post-nav-button button.owl-prev:hover svg,
.domain-search-form .domain-extension-slider .owl-nav button.owl-prev:hover svg,
.team-slider .owl-nav button.owl-prev:hover svg,
.testimonial-slider .owl-nav button.owl-prev:hover svg,
.pricing-slider .owl-nav button.owl-prev:hover svg,
.includes-slider .owl-nav button.owl-prev:hover svg,
.service-slider .owl-nav button.owl-prev:hover svg,
.blog-pagination .blog-nav-btn button.owl-prev:hover svg,
.shop-pagination .blog-nav-btn button.owl-prev:hover svg,
.home-banner .owl-nav button.owl-prev:hover svg {
    margin-right: 15px;
}

.custom-nav a.owl-next,
.shop--product-slider .product-thumbs .swiper-button-next a.owl-next,
.shop--product-slider .product-thumbs .swiper-button-prev a.owl-next,
.single-post-nav .post-nav-button a.owl-next,
.domain-search-form .domain-extension-slider .owl-nav a.owl-next,
.team-slider .owl-nav a.owl-next,
.testimonial-slider .owl-nav a.owl-next,
.pricing-slider .owl-nav a.owl-next,
.includes-slider .owl-nav a.owl-next,
.service-slider .owl-nav a.owl-next,
.blog-pagination .blog-nav-btn a.owl-next,
.shop-pagination .blog-nav-btn a.owl-next,
.home-banner .owl-nav a.owl-next,
.custom-nav button.owl-next,
.shop--product-slider .product-thumbs .swiper-button-next button.owl-next,
.shop--product-slider .product-thumbs .swiper-button-next span.owl-next,
.shop--product-slider .product-thumbs .swiper-button-prev button.owl-next,
.shop--product-slider .product-thumbs .swiper-button-prev span.owl-next,
.single-post-nav .post-nav-button button.owl-next,
.domain-search-form .domain-extension-slider .owl-nav button.owl-next,
.team-slider .owl-nav button.owl-next,
.testimonial-slider .owl-nav button.owl-next,
.pricing-slider .owl-nav button.owl-next,
.includes-slider .owl-nav button.owl-next,
.service-slider .owl-nav button.owl-next,
.blog-pagination .blog-nav-btn button.owl-next,
.shop-pagination .blog-nav-btn button.owl-next,
.home-banner .owl-nav button.owl-next {
    margin-left: 50px;
}

.custom-nav a.owl-next:hover svg,
.shop--product-slider .product-thumbs .swiper-button-next a.owl-next:hover svg,
.shop--product-slider .product-thumbs .swiper-button-prev a.owl-next:hover svg,
.single-post-nav .post-nav-button a.owl-next:hover svg,
.domain-search-form .domain-extension-slider .owl-nav a.owl-next:hover svg,
.team-slider .owl-nav a.owl-next:hover svg,
.testimonial-slider .owl-nav a.owl-next:hover svg,
.pricing-slider .owl-nav a.owl-next:hover svg,
.includes-slider .owl-nav a.owl-next:hover svg,
.service-slider .owl-nav a.owl-next:hover svg,
.blog-pagination .blog-nav-btn a.owl-next:hover svg,
.shop-pagination .blog-nav-btn a.owl-next:hover svg,
.home-banner .owl-nav a.owl-next:hover svg,
.custom-nav button.owl-next:hover svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    button.owl-next:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    span.owl-next:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    button.owl-next:hover
    svg,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span.owl-next:hover
    svg,
.single-post-nav .post-nav-button button.owl-next:hover svg,
.domain-search-form .domain-extension-slider .owl-nav button.owl-next:hover svg,
.team-slider .owl-nav button.owl-next:hover svg,
.testimonial-slider .owl-nav button.owl-next:hover svg,
.pricing-slider .owl-nav button.owl-next:hover svg,
.includes-slider .owl-nav button.owl-next:hover svg,
.service-slider .owl-nav button.owl-next:hover svg,
.blog-pagination .blog-nav-btn button.owl-next:hover svg,
.shop-pagination .blog-nav-btn button.owl-next:hover svg,
.home-banner .owl-nav button.owl-next:hover svg {
    margin-left: 15px;
}

.custom-nav a,
.shop--product-slider .product-thumbs .swiper-button-next a,
.shop--product-slider .product-thumbs .swiper-button-prev a,
.single-post-nav .post-nav-button a,
.domain-search-form .domain-extension-slider .owl-nav a,
.team-slider .owl-nav a,
.testimonial-slider .owl-nav a,
.pricing-slider .owl-nav a,
.includes-slider .owl-nav a,
.service-slider .owl-nav a,
.blog-pagination .blog-nav-btn a,
.shop-pagination .blog-nav-btn a,
.home-banner .owl-nav a {
    position: static;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    padding: 0;
}

.custom-nav.prev a,
.shop--product-slider .product-thumbs .prev.swiper-button-next a,
.shop--product-slider .product-thumbs .prev.swiper-button-prev a,
.single-post-nav .prev.post-nav-button a,
.domain-search-form .domain-extension-slider .prev.owl-nav a,
.team-slider .prev.owl-nav a,
.testimonial-slider .prev.owl-nav a,
.pricing-slider .prev.owl-nav a,
.includes-slider .prev.owl-nav a,
.service-slider .prev.owl-nav a,
.blog-pagination .prev.blog-nav-btn a,
.shop-pagination .prev.blog-nav-btn a,
.home-banner .prev.owl-nav a {
    margin-right: 20px;
}

.custom-nav.prev a:hover svg,
.shop--product-slider .product-thumbs .prev.swiper-button-next a:hover svg,
.shop--product-slider .product-thumbs .prev.swiper-button-prev a:hover svg,
.single-post-nav .prev.post-nav-button a:hover svg,
.domain-search-form .domain-extension-slider .prev.owl-nav a:hover svg,
.team-slider .prev.owl-nav a:hover svg,
.testimonial-slider .prev.owl-nav a:hover svg,
.pricing-slider .prev.owl-nav a:hover svg,
.includes-slider .prev.owl-nav a:hover svg,
.service-slider .prev.owl-nav a:hover svg,
.blog-pagination .prev.blog-nav-btn a:hover svg,
.shop-pagination .prev.blog-nav-btn a:hover svg,
.home-banner .prev.owl-nav a:hover svg {
    margin-right: 15px;
}

.custom-nav.next a,
.shop--product-slider .product-thumbs .next.swiper-button-next a,
.shop--product-slider .product-thumbs .next.swiper-button-prev a,
.single-post-nav .next.post-nav-button a,
.domain-search-form .domain-extension-slider .next.owl-nav a,
.team-slider .next.owl-nav a,
.testimonial-slider .next.owl-nav a,
.pricing-slider .next.owl-nav a,
.includes-slider .next.owl-nav a,
.service-slider .next.owl-nav a,
.blog-pagination .next.blog-nav-btn a,
.shop-pagination .next.blog-nav-btn a,
.home-banner .next.owl-nav a {
    margin-left: 20px;
}

.custom-nav.next a:hover svg,
.shop--product-slider .product-thumbs .next.swiper-button-next a:hover svg,
.shop--product-slider .product-thumbs .next.swiper-button-prev a:hover svg,
.single-post-nav .next.post-nav-button a:hover svg,
.domain-search-form .domain-extension-slider .next.owl-nav a:hover svg,
.team-slider .next.owl-nav a:hover svg,
.testimonial-slider .next.owl-nav a:hover svg,
.pricing-slider .next.owl-nav a:hover svg,
.includes-slider .next.owl-nav a:hover svg,
.service-slider .next.owl-nav a:hover svg,
.blog-pagination .next.blog-nav-btn a:hover svg,
.shop-pagination .next.blog-nav-btn a:hover svg,
.home-banner .next.owl-nav a:hover svg {
    margin-left: 15px;
}

/* Custom Dots */

.custom-dots,
.team-slider .owl-dots,
.testimonial-slider .owl-dots,
.pricing-slider .owl-dots,
.includes-slider .owl-dots,
.home-banner .owl-dots {
    position: absolute;
}

.custom-dots .owl-dot,
.team-slider .owl-dots .owl-dot,
.testimonial-slider .owl-dots .owl-dot,
.pricing-slider .owl-dots .owl-dot,
.includes-slider .owl-dots .owl-dot,
.home-banner .owl-dots .owl-dot {
    height: 5px;

    width: 15px;

    background-color: #ffda9c !important;

    display: inline-block;

    margin: 0 5px;
}

.custom-dots .owl-dot.active,
.team-slider .owl-dots .owl-dot.active,
.testimonial-slider .owl-dots .owl-dot.active,
.pricing-slider .owl-dots .owl-dot.active,
.includes-slider .owl-dots .owl-dot.active,
.home-banner .owl-dots .owl-dot.active {
    height: 10px;
}

/* Input Style */
.input-group input::-webkit-input-placeholder {
    font-size: 16px;
}

.input-group input::-moz-placeholder {
    font-size: 16px;
}

.input-group input:-ms-input-placeholder {
    font-size: 16px;
}

.input-group input::placeholder {
    font-size: 16px;
}

.input-group .submit-btn {
    position: absolute;

    top: 0;

    right: 10px;

    height: 100%;

    color: #ffffff;

    padding: 0 15px;

    -webkit-transition: 0.3s ease-in;

    transition: 0.3s ease-in;
}

.input-group .submit-btn svg path {
    fill: #ff91d9;
}

.input-group .submit-btn i,
.input-group .submit-btn svg {
    margin-left: 5px;
}

.input-group .submit-btn:hover {
    right: 0;
}

.input-group .submit-btn:hover svg path {
    fill: #ffa6de;
}

/* Seperator */

.seperator,
.post-meta li:not(:last-child),
.header-top .header-info ul li:not(:last-child) {
    position: relative;

    padding-right: 15px;

    margin-right: 15px;
}

.seperator:after,
.post-meta li:not(:last-child):after,
.header-top .header-info ul li:not(:last-child):after {
    position: absolute;

    right: 0;

    top: 0;

    content: '|';
}

/* Tag Style */

.tag-style a,
.widget.widget_tag_cloud .tags a,
.post-tags a {
    font-weight: 500;

    display: inline-block;

    padding: 8px 12px;

    color: #625c8e;

    text-transform: uppercase;

    line-height: 1;

    font-size: 10px;
}

.tag-style a:hover,
.widget.widget_tag_cloud .tags a:hover,
.post-tags a:hover {
    color: #ffffff;
}

/* Custom Nav Tab */

.custom-navtab,
.product-discription-tabs .nav,
.project-nav .project_filter {
    background-color: #ffffff;

    padding: 0 30px;

    border-radius: 50px;

    margin-bottom: 32px;
}

.custom-navtab li .filter-btn,
.product-discription-tabs .nav li .filter-btn,
.project-nav .project_filter li .filter-btn,
.custom-navtab li .product--nav-item,
.product-discription-tabs .nav li .product--nav-item,
.project-nav .project_filter li .product--nav-item {
    padding: 20px 10px;

    line-height: 1;

    display: block;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;
}

.custom-navtab li .filter-btn:after,
.product-discription-tabs .nav li .filter-btn:after,
.project-nav .project_filter li .filter-btn:after,
.custom-navtab li .product--nav-item:after,
.product-discription-tabs .nav li .product--nav-item:after,
.project-nav .project_filter li .product--nav-item:after {
    content: '';

    position: absolute;

    width: 10px;

    height: 7px;

    left: 50%;

    right: 50%;

    bottom: 5px;

    opacity: 0;

    visibility: hidden;

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

    transform: translateX(-50%);
}

.custom-navtab li.active .filter-btn:after,
.product-discription-tabs .nav li.active .filter-btn:after,
.project-nav .project_filter li.active .filter-btn:after,
.custom-navtab li:hover .filter-btn:after,
.product-discription-tabs .nav li:hover .filter-btn:after,
.project-nav .project_filter li:hover .filter-btn:after {
    opacity: 1;

    visibility: visible;

    bottom: 0;
}

/* Custom Plus/Minus */

.product-quentity {
    padding: 30px 0;
}

.product-quentity span {
    font-weight: 600;
}

.product-quentity form {
    margin-left: 17px;
}

.product-quentity .input-group {
    background-color: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center;

    border: 1px solid;

    border-radius: 50px;

    padding: 0 7px;
}

.product-quentity .plus,
.product-quentity .minus {
    font-size: 10px;

    cursor: pointer;

    padding: 0 5px;
}

.product-quentity input {
    width: 20px;

    background-color: transparent;

    border: none;

    font-size: 14px;

    padding: 0;

    text-align: center;

    height: 30px;
}

/* Custom CheckBox */

.custom-checkbox label,
.checkout-form .order-details .shop-payment-method .single-method label,
.checkout-form .ship-different-address label,
.checkout-form .create-an-account label,
.checkout-form-toggle .form-login .login-button-wrap .form-checkbox label,
.domain-search-form .domain-extension-slider .single-extension label {
    display: block;

    position: relative;

    padding-left: 15px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-bottom: 0;
}

.custom-checkbox label input,
.checkout-form .order-details .shop-payment-method .single-method label input,
.checkout-form .ship-different-address label input,
.checkout-form .create-an-account label input,
.checkout-form-toggle .form-login .login-button-wrap .form-checkbox label input,
.domain-search-form .domain-extension-slider .single-extension label input {
    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

    left: 0;

    top: 0;
}

.custom-checkbox label .checkmark,
.checkout-form
    .order-details
    .shop-payment-method
    .single-method
    label
    .checkmark,
.checkout-form .ship-different-address label .checkmark,
.checkout-form .create-an-account label .checkmark,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark,
.domain-search-form
    .domain-extension-slider
    .single-extension
    label
    .checkmark {
    position: absolute;

    top: 50%;

    left: 0;

    height: 8px;

    width: 8px;

    background-color: transparent;

    border: 1px solid #dddddd;

    border-radius: 1px;
}

.custom-checkbox label .checkmark:after,
.checkout-form
    .order-details
    .shop-payment-method
    .single-method
    label
    .checkmark:after,
.checkout-form .ship-different-address label .checkmark:after,
.checkout-form .create-an-account label .checkmark:after,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark:after,
.domain-search-form
    .domain-extension-slider
    .single-extension
    label
    .checkmark:after {
    content: '';

    height: 4px;

    width: 4px;

    display: block;

    border-radius: 1px;

    -webkit-transform: translate(1px, 1px);

    transform: translate(1px, 1px);

    opacity: 0;

    visibility: hidden;
}

.custom-checkbox label input:checked ~ .checkmark:after,
.checkout-form
    .order-details
    .shop-payment-method
    .single-method
    label
    input:checked
    ~ .checkmark:after,
.checkout-form .ship-different-address label input:checked ~ .checkmark:after,
.checkout-form .create-an-account label input:checked ~ .checkmark:after,
.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    input:checked
    ~ .checkmark:after,
.domain-search-form
    .domain-extension-slider
    .single-extension
    label
    input:checked
    ~ .checkmark:after {
    opacity: 1;

    visibility: visible;
}

/* ************************

 *

 * 1.3: Buttons

 *

 * ********************* */

/* Button Fill */

.btn {
    display: inline-block;

    color: #ffffff;

    font-weight: 500;

    border: 1px solid #ff6378 !important;

    white-space: nowrap;

    background-color: #ff6378 !important;
}

.btn:hover {
    color: #ffffff !important;

    background-color: #ff2f4b !important;
}

/* ************************

 *

 * 1.4: Animations

 *

 * ********************* */

.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 dotline-move {
    40% {
        -webkit-transform: translateX(0px);

        transform: translateX(0px);

        opacity: 0.8;
    }

    100% {
        -webkit-transform: translateX(300px);

        transform: translateX(300px);

        opacity: 0;
    }
}

@keyframes dotline-move {
    40% {
        -webkit-transform: translateX(0px);

        transform: translateX(0px);

        opacity: 0.8;
    }

    100% {
        -webkit-transform: translateX(300px);

        transform: translateX(300px);

        opacity: 0;
    }
}

@-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;
}

/* ************************

 *

 * 1.5: Section Title

 *

 * ********************* */

.section-title,
.domain-section-title,
.data-center-title,
.about-content .about-title,
.affiliate-title,
.coming-soon-content {
    margin-bottom: 54px;
}

.section-title span,
.domain-section-title span,
.data-center-title span,
.about-content .about-title span,
.affiliate-title span,
.coming-soon-content span {
    font-size: 12px;

    font-weight: 700;

    display: block;

    margin-bottom: 12px;

    line-height: 1;
}

.section-title h2,
.domain-section-title h2,
.data-center-title h2,
.about-content .about-title h2,
.affiliate-title h2,
.coming-soon-content h2 {
    font-size: 36px;

    font-weight: 900;

    line-height: 1.2;

    margin-bottom: 8px;
}

.section-title p,
.domain-section-title p,
.data-center-title p,
.about-content .about-title p,
.affiliate-title p,
.coming-soon-content p {
    max-width: 550px;

    font-size: 16px;

    line-height: 1.5;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
}

.section-title.full-width p,
.full-width.domain-section-title p,
.full-width.data-center-title p,
.about-content .full-width.about-title p,
.full-width.affiliate-title p,
.full-width.coming-soon-content p {
    max-width: 100%;
}

/* ************************

 *

 * 1.6: Page Title

 *

 * ********************* */

.page-title-wrap {
    padding: 220px 0 62px;

    background-color: #fff4df;
}

.page-title-wrap .page-title h2 {
    margin-top: -5px;

    margin-bottom: 8px;

    font-size: 36px;

    font-weight: 900;
}

.page-title-wrap .page-title h2 br {
    display: none;
}

.page-title-wrap .page-title li {
    font-size: 16px;
}

.page-title-wrap .page-title li:not(:last-child) {
    position: relative;

    padding-right: 15px;

    margin-right: 10px;
}

.page-title-wrap .page-title li:not(:last-child):after {
    font-family: 'Font Awesome 5 Pro';

    content: '';

    right: 0;

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);
}

/* ************************

 *

 * 02: Layout CSS

 *

 * ********************* */

/* ************************

 *

 * 2.1: Preloader

 *

 * ********************* */

.preloader {
    z-index: 999999;

    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;
}

.preloader .preloader-dotline .dot {
    display: inline-block;

    margin-right: 1px;

    height: 7px;

    width: 7px;

    opacity: 0;

    border-radius: 50%;

    -webkit-animation: dotline-move 4s infinite;

    animation: dotline-move 4s infinite;

    -webkit-transform: translateX(-300px);

    transform: translateX(-300px);
}

.preloader .preloader-dotline .dot:nth-child(1) {
    -webkit-animation-delay: 0.8s;

    animation-delay: 0.8s;
}

.preloader .preloader-dotline .dot:nth-child(2) {
    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;
}

.preloader .preloader-dotline .dot:nth-child(3) {
    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;
}

.preloader .preloader-dotline .dot:nth-child(4) {
    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;
}

.preloader .preloader-dotline .dot:nth-child(5) {
    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;
}

.preloader .preloader-dotline .dot:nth-child(6) {
    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;
}

.preloader .preloader-dotline .dot:nth-child(7) {
    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;
}

.preloader .preloader-dotline .dot:nth-child(8) {
    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;
}

/* ************************

 *

 * 2.2: Header

 *

 * ********************* */

.header {
    position: relative;

    z-index: 99;

    min-height: 100px;
}

.header .header-absolute {
    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999;
}

.header.header-without-topbar {
    margin-top: -50px;
}

.header.header-without-topbar .header-absolute {
    top: 50px;
}

/* Header Top */

.header-top {
    font-size: 14px;

    padding: 15px 0;

    line-height: 1.45;
}

.header-top a {
    color: #392705;
}

.header-top .header-info ul li:not(:last-child).social-icons a,
.header-top
    .header-info
    ul
    .single-product
    .product-img
    li.quick-icons:not(:last-child)
    a,
.single-product
    .product-img
    .header-top
    .header-info
    ul
    li.quick-icons:not(:last-child)
    a {
    display: inline-block;

    padding: 0 5px;

    margin: 0 5px;
}

/* Main Header */

.main-header {
    background-color: rgba(255, 255, 255, 0.5);

    -webkit-transition: cubic-bezier(0, 0.66, 0.96, 0.57);

    transition: cubic-bezier(0, 0.66, 0.96, 0.57);
}

.main-header .main-menu ul li {
    display: inline-block;

    position: relative;

    text-align: left;
}

.main-header .main-menu ul li a {
    display: block;

    color: #222222;

    line-height: 1;

    position: relative;
}

.main-header .main-menu ul li a:after {
    content: '';

    position: absolute;

    width: 10px;

    height: 7px;

    left: 50%;

    right: 50%;

    bottom: 5px;

    opacity: 0;

    visibility: hidden;

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

    transform: translateX(-50%);
}

.main-header .main-menu ul li.has-sub-item > a:before {
    position: absolute;

    font-family: 'Font Awesome 5 Pro';

    content: '\f107';

    right: -15px;

    top: calc(50% + 2px);

    font-size: 14px;

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

    transform: translateY(-50%);
}

.main-header .main-menu ul li ul {
    position: absolute;

    left: 0;

    top: -2000px;

    opacity: 0;

    visibility: hidden;

    background-color: #ffffff;

    width: 200px;

    padding: 15px 0;

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

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

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

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

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

    transition: transform 0.2s ease-out;

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

    z-index: 999;
}

.main-header .main-menu ul li ul li {
    display: block;

    width: 100%;

    line-height: 1;

    font-size: 16px;
}

.main-header .main-menu ul li ul li ul {
    top: 0;

    left: calc(100% + 20px);

    -webkit-transition: 0.2s linear !important;

    transition: 0.2s linear !important;
}

.main-header .main-menu ul li ul li:hover > ul {
    opacity: 1;

    visibility: visible;

    top: 0;

    left: 100%;
}

.main-header .main-menu ul li ul li.has-sub-item > a:before {
    right: 15px;

    top: 50%;

    content: '';
}

.main-header .main-menu ul li ul li a {
    padding: 15px 25px;
}

.main-header .main-menu ul li ul li a:after {
    left: -5px;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    height: 10px;

    width: 7px;
}

.main-header .main-menu ul li ul li:hover > a:after,
.main-header .main-menu ul li ul li.active > a:after {
    left: 0;

    opacity: 1;

    visibility: visible;
}

.main-header .main-menu > ul > li {
    padding: 0 20px;
}

.main-header .main-menu > ul > li:last-child {
    padding-right: 0;
}

.main-header .main-menu > ul > li > a {
    padding: 41px 0;

    position: relative;
}

.main-header .main-menu > ul > li > a:hover:after {
    opacity: 1;

    visibility: visible;

    bottom: 0;
}

.main-header .main-menu > ul > li.active > a:after {
    opacity: 1;

    visibility: visible;

    bottom: 0;
}

.main-header .main-menu > ul > li:hover > ul {
    opacity: 1;

    visibility: visible;

    top: 100%;

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

    transform: translate3d(0, 0, 0);
}

.main-header .main-menu #menu-button {
    display: none;

    font-size: 28px;

    cursor: pointer;
}

.main-header.header-fixed {
    position: fixed;

    left: 0;

    right: 0;

    top: -1px;

    width: 100%;

    z-index: 9999;

    background-color: #fff;

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

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

    transform: translateY(-100%);
}

.main-header.header-fixed.show {
    -webkit-transform: translateY(0);

    transform: translateY(0);
}

.main-header.header-fixed .main-menu > ul > li > a {
    padding: 30px 0;
}

/* Header Search */

.header-search button,
.header-search .shop--product-slider .product-thumbs .swiper-button-next span,
.shop--product-slider .product-thumbs .swiper-button-next .header-search span,
.header-search .shop--product-slider .product-thumbs .swiper-button-prev span,
.shop--product-slider .product-thumbs .swiper-button-prev .header-search span {
    cursor: pointer;

    color: #555555;

    font-size: 16px;
}

/* Search Box */

.search-box-wrapper {
    position: fixed;

    width: 100%;

    height: 100%;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    top: -100%;

    z-index: 99999;

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

    transition: 0.5s ease-in-out;
}

.search-box-wrapper.show {
    top: 0;

    opacity: 0.95;

    visibility: visible;
}

.search-box-wrapper .search-close {
    position: fixed;

    right: 50px;

    top: 50px;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    cursor: pointer;

    background-color: #ffe7f0;
}

.search-box-wrapper .search-close:hover {
    background-color: #ffc7c7;
}

.search-box-wrapper .search-box {
    width: 100%;

    height: 100%;
}

.search-box-wrapper .search-box form {
    margin-bottom: 0;
}

/* Header Cart */

.header-cart {
    padding-left: 10px;

    margin-left: 10px;

    border-left: 1px solid;
}

.header-cart span {
    font-size: 10px;

    position: absolute;

    right: -8px;

    top: 0;

    color: #555555;

    width: 15px;

    height: 15px;

    line-height: 15px;

    text-align: center;

    display: block;

    border-radius: 50%;

    background-color: #ffd6e5;
}

/* ************************

 *

 * 2.3: Banner

 *

 * ********************* */

.home-banner .single-banner {
    min-height: 900px;

    background-size: cover !important;

    background-position: left top !important;
}

.home-banner .single-banner .banner-text {
    padding: 375px 0 225px;
}

.home-banner .single-banner .banner-text span {
    font-size: 12px;

    font-weight: 700;

    display: block;

    line-height: 1;

    margin-bottom: 10px;
}

.home-banner .single-banner .banner-text h1 {
    font-size: 72px;

    font-weight: 900;

    line-height: 1;

    margin-bottom: 24px;
}

.home-banner .single-banner .banner-text p {
    max-width: 550px;

    font-size: 18px;

    line-height: 1.45;

    margin: 0 auto 15px;
}

.home-banner .single-banner .banner-text .banner-btn {
    font-size: 16px;
}

.home-banner .single-banner .banner-img img {
    width: auto !important;

    height: auto !important;
}

.home-banner.owl-carousel .single-banner.bg-overlay:after {
    opacity: 0.7;
}

.home-banner .owl-nav button,
.home-banner
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .home-banner
    .owl-nav
    span,
.home-banner
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .home-banner
    .owl-nav
    span {
    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    left: 50%;

    bottom: 30px;
}

.home-banner .owl-dots {
    right: 50px;

    bottom: 50%;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);
}

.home-banner .owl-dots .owl-dot {
    display: block;

    margin: 10px 0;
}

/* ************************

 *

 * 2.4: Blog

 *

 * ********************* */

/* Single Blog */

.single-blog {
    background-color: #ffffff;

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

    margin-bottom: 30px;
}

.single-blog .blog-image img {
    width: 100%;
}

.single-blog .blog-content {
    padding: 40px 30px;
}

.single-blog .blog-content h4 {
    line-height: 1.67;

    margin-top: -7px;

    font-weight: 600;
}

.single-blog .blog-content a:not(.blog-btn) {
    color: #222222;
}

.single-blog .blog-content .post-meta {
    margin-top: 6px;

    font-size: 13px;
}

.single-blog .blog-content .post-excerpt {
    padding: 10px 0 0;

    margin-top: 17px;

    border-top: 1px solid #ebebeb;
}

.single-blog .blog-content .post-excerpt p {
    font-size: 16px;
}

.single-blog .blog-content .blog-btn {
    margin-top: 13px;
}

.single-blog:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}

/* Blog Pagination*/

.blog-pagination,
.shop-pagination {
    margin-top: 60px;

    margin-bottom: 50px;
}

.blog-pagination li,
.shop-pagination li {
    padding: 0 10px;

    font-size: 14px;

    font-weight: 600;
}

.blog-pagination .blog-nav-btn.prev,
.shop-pagination .blog-nav-btn.prev {
    margin-right: 50px;
}

.blog-pagination .blog-nav-btn.next,
.shop-pagination .blog-nav-btn.next {
    margin-left: 50px;
}

/* Blog Details */

.blog-details-image img {
    width: 100%;
}

.post-meta {
    margin-top: 40px;
}

.post-meta li {
    font-size: 14px;

    color: #555555;
}

.blog-details-text {
    margin: 20px 0;
}

.blog-details-text h4 {
    margin-bottom: 20px;

    margin-top: 40px;
}

.blog-details-text p {
    margin-top: -10px;
}

.blog-details-text blockquote {
    margin-top: 40px;

    text-align: center;

    background-color: #fff4df;

    padding: 50px;

    position: relative;

    margin-bottom: 5px;
}

.blog-details-text blockquote:after {
    content: '‘’';

    position: absolute;

    left: 50%;

    top: -25px;

    width: 50px;

    height: 50px;

    color: #ffffff;

    border-radius: 50%;

    font-size: 60px;

    line-height: 70px;

    text-align: center;

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

    transform: translateX(-50%);
}

.blog-details-text blockquote p {
    max-width: 730px;

    margin: 0 auto 24px;

    font-style: italic;
}

.blog-details-text blockquote cite {
    font-style: normal;

    font-size: 16px;

    font-weight: 500;
}

.blog-details-text .media:not(:last-child) {
    margin-bottom: 22px;
}

.blog-details-text .media span {
    font-weight: 600;

    font-size: 18px;

    margin-right: 25px;

    margin-top: -10px;
}

.blog-details-text > p:not(:last-child) {
    margin-bottom: 45px;
}

.blog-details-text > p:last-child {
    margin-top: 35px;
}

.post-share-icons,
.author-social-icons {
    margin-top: 45px;
}

.post-share-icons a,
.author-social-icons a {
    display: inline-block;

    padding: 0 5px;

    font-size: 14px;
}

.post-share-icons a:not(:last-child),
.author-social-icons a:not(:last-child) {
    margin-right: 5px;
}

.post-tags {
    margin-top: 45px;
}

.author-info {
    margin-top: 50px;
}

.author-info .author-image {
    margin-right: 30px;
}

.author-info .info-text {
    font-size: 14px;
}

.author-info .info-text h6 {
    font-weight: 600;

    line-height: 1;
}

.author-info .info-text p {
    margin: 15px 0 10px;
}

.author-info .author-social-icons {
    margin-top: 0;
}

.author-info .author-social-icons a {
    color: #a8a8a8;
}

.post-comments-wrap,
.comments-form,
.review-form {
    margin-top: 50px;

    padding: 50px 40px;

    background-color: #ffffff;
}

.post-comments-wrap h4,
.comments-form h4,
.review-form h4 {
    font-weight: 900;
}

.comments-form p,
.review-form p {
    margin-top: 5px;

    line-height: 1.3;
}

.post-comments-wrap h4 {
    margin-bottom: 25px;
}

.post-comments-wrap
    .post-comments
    .single-comment-wrapper:last-child
    .single-post-comment:last-child {
    margin-bottom: 0;
}

.post-comments-wrap .single-post-comment {
    margin-bottom: 42px;
}

.post-comments-wrap .single-post-comment .comment-author-image {
    margin-right: 30px;
}

.post-comments-wrap .single-post-comment .comment-content h6 {
    font-weight: 600;
}

.post-comments-wrap .single-post-comment .comment-content span {
    display: block;
}

.post-comments-wrap .single-post-comment .comment-content span,
.post-comments-wrap .single-post-comment .comment-content .reply-btn {
    font-size: 12px;
}

.post-comments-wrap .single-post-comment .comment-content p {
    margin: 8px 0 3px;

    font-size: 14px;
}

.post-comments-wrap .single-post-comment .comment-content .reply-btn i {
    margin-right: 6px;
}

.post-comments-wrap .post-comment-reply {
    margin-left: 90px;
}

/* Comment Form */

.comments-form,
.review-form {
    margin-bottom: 30px;
}

.comments-form form label,
.review-form form label {
    display: block;

    font-weight: 600;

    line-height: 1;

    margin-top: 30px;

    margin-bottom: 8px;

    font-size: 14px;
}

.comments-form form textarea,
.review-form form textarea,
.comments-form form input,
.review-form form input {
    border: 1px solid transparent;

    background-color: #f5f5f5;

    width: 100%;

    -webkit-transition: border-color 0.3s ease-in;

    transition: border-color 0.3s ease-in;
}

.comments-form form textarea::-webkit-input-placeholder,
.review-form form textarea::-webkit-input-placeholder,
.comments-form form input::-webkit-input-placeholder,
.review-form form input::-webkit-input-placeholder {
    font-size: 14px !important;
}

.comments-form form textarea::-moz-placeholder,
.review-form form textarea::-moz-placeholder,
.comments-form form input::-moz-placeholder,
.review-form form input::-moz-placeholder {
    font-size: 14px !important;
}

.comments-form form textarea:-ms-input-placeholder,
.review-form form textarea:-ms-input-placeholder,
.comments-form form input:-ms-input-placeholder,
.review-form form input:-ms-input-placeholder {
    font-size: 14px !important;
}

.comments-form form textarea::placeholder,
.review-form form textarea::placeholder,
.comments-form form input::placeholder,
.review-form form input::placeholder {
    font-size: 14px !important;
}

.comments-form form textarea,
.review-form form textarea {
    height: 150px;

    padding: 15px 30px;
}

.comments-form form input,
.review-form form input {
    height: 60px;

    padding: 0 30px;
}

.comments-form form .btn-fill,
.review-form form .btn-fill {
    margin-top: 40px;
}

/* ************************

 *

 * 2.5: Widgets

 *

 * ********************* */

.widget {
    font-size: 14px;

    line-height: 1.7;

    padding: 30px;

    background-color: #ffffff;

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

    margin-bottom: 30px;
}

.widget .widget-title {
    margin-bottom: 30px;
}

.widget .widget-title h5 {
    line-height: 1;
}

.widget ul li {
    line-height: 30px;
}

.widget > ul {
    margin-top: -10px;
}

.widget.about_widget .about-content {
    margin-top: -7px;
}

.widget.about_widget .about-content p {
    margin-bottom: 20px;
}

.widget.about_widget .contact-info li {
    padding-left: 38px;

    position: relative;
}

.widget.about_widget .contact-info li.email a {
    display: block;
}

.widget.about_widget .contact-info li i {
    position: absolute;

    left: 1px;

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;
}

.widget.widget_latest_post .single-latest-post:not(:last-child) {
    margin-bottom: 20px;
}

.widget.widget_latest_post .single-latest-post .media-body {
    margin-top: -5px;
}

.widget.widget_latest_post .single-latest-post .post-number {
    padding: 21px 21px;

    margin-right: 10px;
}

.widget.widget_latest_post .single-latest-post .post-author {
    font-size: 11px;

    color: #8287a7;
}

.widget.widget_latest_post .single-latest-post .post-title {
    font-weight: 500;
}

.widget.widget_search .input-group input {
    height: 40px;

    color: #ffffff;

    padding: 0 20px;
}

.widget.widget_search .input-group input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.widget.widget_search .input-group input::-moz-placeholder {
    color: #ffffff !important;
}

.widget.widget_search .input-group input:-ms-input-placeholder {
    color: #ffffff !important;
}

.widget.widget_search .input-group input::placeholder {
    color: #ffffff !important;
}

.widget.widget_search .input-group .submit-btn {
    padding: 0 13px;
}

.widget.widget_search .input-group .submit-btn i {
    margin: 0 !important;

    color: #ffffff;
}

.widget.widget_categories {
    font-size: 16px;
}

.widget.widget_categories ul li {
    line-height: 1.7;
}

.widget.widget_categories ul li:not(:last-child) {
    margin-bottom: 14px;
}

.widget.widget_categories ul li small {
    font-size: 70%;

    position: relative;

    bottom: 5px;
}

.widget.widget_categories ul li a {
    position: relative;
}

.widget.widget_categories ul li a:before {
    position: absolute;

    left: 0;

    top: 50%;

    font-family: 'Font Awesome 5 Pro';

    content: '';

    font-size: 16px;

    color: inherit;

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

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;
}

.widget.widget_categories ul li a:hover {
    padding-left: 10px;
}

.widget.widget_categories ul li a:hover:before {
    opacity: 1;

    visibility: visible;
}

.widget.widget_ads {
    padding: 0;
}

.widget.widget_ads img {
    width: 100%;
}

.widget.widget_social_media .social-icons ul,
.widget.widget_social_media .single-product .product-img .quick-icons ul,
.single-product .product-img .widget.widget_social_media .quick-icons ul {
    margin-bottom: -20px;
}

.widget.widget_social_media .social-icons li,
.widget.widget_social_media .single-product .product-img .quick-icons li,
.single-product .product-img .widget.widget_social_media .quick-icons li {
    margin: 0;

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

    flex-basis: 33.33%;

    margin-bottom: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
}

.widget.widget_social_media .social-icons li a,
.widget.widget_social_media .single-product .product-img .quick-icons li a,
.single-product .product-img .widget.widget_social_media .quick-icons li a {
    width: 80px;

    height: 80px;
}

.widget.widget_subscribe .subscribe-form p {
    margin-top: -12px;

    margin-bottom: 30px;
}

.widget.widget_subscribe .subscribe-form .input-group input,
.widget.widget_subscribe .subscribe-form .input-group .btn-fill {
    width: 100%;

    height: 40px;
}

.widget.widget_subscribe .subscribe-form .input-group input {
    background-color: #f5f5f5 !important;

    text-align: center;
}

.widget.widget_tag_cloud .tags {
    margin-right: -6px;

    margin-bottom: -20px;
}

.widget.widget_tag_cloud .tags a {
    margin-bottom: 20px;

    margin-right: 6px;
}

.widget.widget_social_links .social-icons li:not(:last-child),
.widget.widget_social_links
    .single-product
    .product-img
    .quick-icons
    li:not(:last-child),
.single-product
    .product-img
    .widget.widget_social_links
    .quick-icons
    li:not(:last-child) {
    margin-right: 14px;
}

.widget.widget_social_feed .social-image {
    margin-bottom: -20px;
}

.widget.widget_social_feed .social-image li {
    margin-bottom: 20px;
}

/* ************************

 *

 * 2.6: Footer

 *

 * ********************* */

/* Footer Top */

.footer .footer-top {
    padding: 70px 0 30px;
}

.footer .widget {
    background-color: transparent;

    padding: 0;

    box-shadow: none;

    margin-bottom: 40px;
}

.footer .widget *,
.footer .widget a,
.footer .widget p,
.footer .widget ul li,
.footer .widget ul li a {
    color: #e1defa;
}

.footer .widget.widget_latest_post .post-number {
    background-color: #ffffff !important;
}

.footer .widget.widget_latest_post .post-author {
    color: #cec8ff;
}

.footer .widget.widget_social_links .social-icons li:not(:last-child),
.footer
    .widget.widget_social_links
    .single-product
    .product-img
    .quick-icons
    li:not(:last-child),
.single-product
    .product-img
    .footer
    .widget.widget_social_links
    .quick-icons
    li:not(:last-child) {
    margin-right: 6px;
}

.footer .widget.widget_social_links .social-icons li a i,
.footer
    .widget.widget_social_links
    .single-product
    .product-img
    .quick-icons
    li
    a
    i,
.single-product
    .product-img
    .footer
    .widget.widget_social_links
    .quick-icons
    li
    a
    i {
    color: #ffffff;
}

/* Footer Bottom */

.footer-bottom {
    padding: 40px 0;

    background-color: #4636ce;

    color: #d2cdfb;

    font-size: 14px;

    line-height: 1;
}

.footer-bottom a {
    color: #d2cdfb;
}

.footer-bottom .social-icons li a,
.footer-bottom .single-product .product-img .quick-icons li a,
.single-product .product-img .footer-bottom .quick-icons li a {
    width: 40px;

    height: 40px;
}

.footer-bottom .social-icons li a i,
.footer-bottom .single-product .product-img .quick-icons li a i,
.single-product .product-img .footer-bottom .quick-icons li a i {
    color: #ffffff;
}

/* ************************

 *

 * 2.7: 404

 *

 * ********************* */

.not-found-content h3 {
    text-transform: uppercase;

    font-weight: 900;

    letter-spacing: 56px;

    margin: 30px 0 50px;
}

.not-found-content .search-form,
.not-found-content .coming-soon-content .newsletter-form,
.coming-soon-content .not-found-content .newsletter-form {
    margin: 0 auto;
}

/* Search From */

.search-form,
.coming-soon-content .newsletter-form {
    max-width: 750px;
}

.search-form form,
.coming-soon-content .newsletter-form form,
.coming-soon-content .search-form form {
    margin-bottom: 30px;
}

.search-form form input,
.coming-soon-content .newsletter-form form input {
    box-shadow: none !important;

    color: #ffffff;
}

.search-form form input::-webkit-input-placeholder,
.coming-soon-content .newsletter-form form input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.search-form form input::-moz-placeholder,
.coming-soon-content .newsletter-form form input::-moz-placeholder {
    color: #ffffff !important;
}

.search-form form input:-ms-input-placeholder,
.coming-soon-content .newsletter-form form input:-ms-input-placeholder {
    color: #ffffff !important;
}

.search-form form input::placeholder,
.coming-soon-content .newsletter-form form input::placeholder {
    color: #ffffff !important;
}

/* ************************

 *

 * 2.8: Coming Soon

 *

 * ********************* */

.coming-soon-content h2 {
    font-size: 70px;
}

.coming-soon-content h3,
.coming-soon-content h4 {
    font-weight: 500;
}

.coming-soon-content h3 {
    font-size: 30px;

    margin: 30px 0;
}

.coming-soon-content h4 {
    margin-bottom: 20px;
}

.social-icons ul li:not(:last-child),
.single-product .product-img .quick-icons ul li:not(:last-child) {
    margin-right: 20px;
}

.social-icons ul li a,
.single-product .product-img .quick-icons ul li a {
    height: 50px;

    width: 50px;

    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;

    line-height: 1;

    border: 1px solid #dedede;

    border-radius: 50%;
}

/* ************************

 *

 * 3.1: Service

 *

 * ********************* */

/* Service Slider */

.service-slider .single-service img,
.service-slider .single-why-choose img,
.service-slider .single-domain-feature img {
    width: auto !important;

    display: -webkit-inline-box !important;

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;
}

.service-slider .owl-nav button,
.service-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .service-slider
    .owl-nav
    span,
.service-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .service-slider
    .owl-nav
    span {
    right: -33px;

    top: -100px;
}

/* Single Service */

.single-service,
.single-why-choose,
.single-domain-feature {
    margin-bottom: 50px;

    padding: 50px 25px 47px;

    position: relative;

    overflow: hidden;

    background-color: #ffffff;

    border-top: 1px solid;
}

.single-service i,
.single-why-choose i,
.single-domain-feature i {
    font-size: 43px;
}

.single-service h4,
.single-why-choose h4,
.single-domain-feature h4 {
    color: #31333e;

    font-weight: 900;

    line-height: 1;

    margin: 30px 0 20px;
}

.single-service p,
.single-why-choose p,
.single-domain-feature p {
    line-height: 1.5;

    font-size: 16px;
}

.single-service .service-btn,
.single-why-choose .service-btn,
.single-domain-feature .service-btn {
    opacity: 0;

    visibility: hidden;

    position: absolute;

    left: 50%;

    bottom: 50px;

    -webkit-transform: translate(-50%, 18px);

    transform: translate(-50%, 18px);

    overflow: hidden;
}

.single-service:hover,
.single-why-choose:hover,
.single-domain-feature:hover {
    padding-bottom: 77px;

    margin-bottom: 0px;
}

.single-service:hover a,
.single-why-choose:hover a,
.single-domain-feature:hover a {
    bottom: 57px;

    opacity: 1;

    visibility: visible;
}

/* ************************

 *

 * 3.2: Connections

 *

 * ********************* */

.connection-details h2 {
    margin-bottom: 15px;
}

.line-image {
    height: 220px;

    width: 86%;

    margin: 0 auto;
}

.line-image img {
    position: absolute;

    left: 0;

    right: 0;

    top: -110px;

    margin: auto;
}

/* ************************

 *

 * 3.3: Includes

 *

 * ********************* */

.includes-slider {
    padding: 30px 100px 0 30px;

    background-color: #ffffff;

    border-top: 1px solid;

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

.includes-slider .single-include {
    background-color: #fffaf1;

    padding: 30px 15px;

    margin-bottom: 30px;
}

.includes-slider .single-include p {
    line-height: 1.375;

    margin-top: 8px;

    font-weight: 500;

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

    flex-basis: 100%;

    font-size: 16px;
}

.includes-slider .single-include i {
    font-size: 27px;
}

.includes-slider .single-include:hover svg path,
.includes-slider .single-include.active svg path {
    fill: #ff91d9;
}

.includes-slider .owl-nav button,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .includes-slider
    .owl-nav
    span,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .includes-slider
    .owl-nav
    span {
    right: 15px;

    display: block;

    margin-right: 0 !important;

    top: calc(50% - 25px);

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

    transform: translateX(-50%) translateY(-50%);
}

.includes-slider .owl-nav button.owl-next,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span.owl-next,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .includes-slider
    .owl-nav
    span.owl-next,
.includes-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span.owl-next,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .includes-slider
    .owl-nav
    span.owl-next {
    top: calc(50% + 25px);

    margin-left: 0 !important;
}

.includes-slider .owl-dots {
    left: 50%;

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

    transform: translateX(-50%);
}

/* ************************

 *

 * 3.4: Features

 *

 * ********************* */

/* VOIP Feature */

.voip-feature p {
    margin: 25px 0 20px;
}

.voip-feature ul li {
    position: relative;

    padding-left: 20px;
}

.voip-feature ul li:not(:last-child) {
    margin-bottom: 2px;
}

.voip-feature ul li:after {
    position: absolute;

    font-family: 'Font Awesome 5 Pro';

    content: '';

    left: 0;

    font-size: 16px;

    top: 2px;
}

.voip-feature .btn {
    margin-top: 25px;
}

/* VOIP Server Feature */

.single-feature {
    padding: 30px 15px;

    background-color: #ffffff;

    border-top: 1px solid;

    margin-bottom: 30px;
}

.single-feature i {
    font-size: 24px;

    color: #999999;

    margin-bottom: 16px;
}

.single-feature h4 {
    font-weight: 600;
}

/* Single Feature Table */

.feature-table .single-feature-table {
    font-size: 16px;
}

.feature-table .single-feature-table .feature-table-head {
    padding: 30px;

    font-weight: 600;

    color: #ffffff;
}

.feature-table .single-feature-table .feature-table-body ul li {
    padding: 22px 15px;
}

.feature-table
    .single-feature-table
    .feature-table-body
    ul
    li:nth-child(2n + 2) {
    background-color: #fffefd;
}

.feature-table .single-feature-table .feature-table-footer {
    padding: 30px 0;
}

.feature-table table thead {
    color: #ffffff;
}

.feature-table table thead th {
    font-size: 14px;

    font-weight: 600;

    padding: 30px;
}

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

.feature-table table tbody tr td {
    font-size: 14px;

    line-height: 1.4;

    padding: 30px;
}

.feature-table table tbody tr.speacer {
    height: 20px;

    box-shadow: none;
}

.feature-table.app-table thead th {
    padding: 30px 15px;

    text-align: center;
}

.feature-table.app-table tbody td {
    padding: 15px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center;

    text-align: left;
}

.feature-table.app-table tbody td .provider-logo {
    height: 100px;

    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;

    width: 150px;

    background-color: #fafafa;
}

.feature-table.app-table tbody td .app-feature-list li {
    position: relative;

    padding-left: 25px;

    font-size: 16px;
}

.feature-table.app-table tbody td .app-feature-list li:not(:last-child) {
    margin-bottom: 9px;
}

.feature-table.app-table tbody td .app-feature-list li:before {
    position: absolute;

    left: 0;

    top: 1px;

    font-size: 14px;

    line-height: 22px;

    font-family: 'Font Awesome 5 Pro';

    content: '';
}

.feature-table.app-table tbody td .money-back-days,
.feature-table.app-table tbody td .setup-price {
    font-weight: 500;
}

.feature-table.app-table tbody td .app-review h6 {
    font-size: 14px;

    font-weight: 600;
}

.feature-table.app-table tbody td .app-review .rating-star i {
    font-size: 10px;

    color: #ffd800;
}

.feature-table.app-table tbody td .app-review p {
    font-size: 12px;
}

.feature-table.app-table .feature-btn-wrap {
    margin-top: 47px;
}

/* ************************

 *

 * 3.5: Counter

 *

 * ********************* */

.single-counter {
    margin-bottom: 50px;
}

.single-counter h2 {
    font-weight: 900;

    margin-bottom: 8px;

    margin-top: -5px;
}

.single-counter p {
    color: #d8d3ff;

    line-height: 1;
}

/* ************************

 *

 * 3.6: Features

 *

 * ********************* */

/* Pricing Nav */

.pricing-navtab .nav {
    border: none;

    background-color: #fff;

    border-radius: 50px;

    margin-bottom: 50px;
}

.pricing-navtab .nav .nav-item {
    padding-right: 15px;
}

.pricing-navtab .nav .nav-item:first-child {
    padding-left: 40px;
}

.pricing-navtab .nav .nav-item:last-child {
    padding-right: 40px;
}

.pricing-navtab .nav .nav-item a {
    display: block;

    line-height: 50px;

    color: #222222;

    position: relative;

    overflow: hidden;
}

.pricing-navtab .nav .nav-item a:after {
    content: '';

    position: absolute;

    width: 10px;

    height: 7px;

    left: 50%;

    right: 50%;

    bottom: -10px;

    opacity: 0;

    visibility: hidden;

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

    transform: translateX(-50%);
}

.pricing-navtab .nav .nav-item a:hover:after,
.pricing-navtab .nav .nav-item a.active:after {
    bottom: 0;

    opacity: 1;

    visibility: visible;
}

/* Pricing Table */

.single-pricing-table {
    padding: 40px 30px;

    background-color: #ffffff;

    border-top: 1px solid;

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

    margin-bottom: 50px;
}

.single-pricing-table.popular {
    position: relative;

    z-index: 1;

    overflow: hidden;
}

.single-pricing-table.popular:after {
    position: absolute;

    content: '* Popular Plan';

    color: #ffffff;

    right: -45px;

    top: 30px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    display: block;

    font-size: 12px;

    font-weight: 700;

    width: 200px;

    padding: 5px 0;

    text-align: center;

    text-transform: uppercase;
}

.single-pricing-table .pt-header {
    padding-bottom: 27px;

    margin-bottom: 27px;

    border-bottom: 1px solid #ebebeb;
}

.single-pricing-table .pt-header p {
    font-size: 14px;

    font-weight: 500;

    color: #222222;

    text-transform: capitalize;
}

.single-pricing-table .pt-header h2 {
    font-size: 36px;

    font-weight: 900;

    margin-top: 5px;
}

.single-pricing-table .pt-header h2 small {
    font-size: 16px;

    font-weight: 900;
}

.single-pricing-table .pt-header span {
    color: #999999;

    font-size: 14px;
}

.single-pricing-table .pt-content li {
    color: #222222;

    line-height: 1.4;

    font-size: 16px;
}

.single-pricing-table .pt-content li:not(:last-child) {
    margin-bottom: 15px;
}

.single-pricing-table .pricing-btn-wrapper {
    margin-top: 20px;
}

.single-pricing-table:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}

/* Pricing Slider */

.pricing-slider .owl-nav button,
.pricing-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .pricing-slider
    .owl-nav
    span,
.pricing-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .pricing-slider
    .owl-nav
    span {
    -webkit-transform: translateX(0);

    transform: translateX(0);
}

.pricing-slider .owl-dots {
    left: 50%;

    bottom: 0;

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

    transform: translateX(-50%);
}

/* ************************

 *

 * 3.7: Testimonial

 *

 * ********************* */

/* Single Testimonial */

.single-testimonial .testimonial-text {
    margin-bottom: 27px;
}

.single-testimonial .tetimonial-author .rating {
    color: #ffd800;
}

.single-testimonial .tetimonial-author .author-name {
    font-size: 20px;

    font-weight: 500;
}

.single-testimonial .tetimonial-author .author-country {
    font-size: 14px;

    color: #555555;
}

/* Testimonial Slider */

.testimonial-slider {
    padding-bottom: 40px;

    margin-top: -10px;
}

.testimonial-slider .owl-nav button,
.testimonial-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .testimonial-slider
    .owl-nav
    span,
.testimonial-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .testimonial-slider
    .owl-nav
    span {
    -webkit-transform: translateX(0);

    transform: translateX(0);

    bottom: -40px;
}

.testimonial-slider .owl-dots {
    bottom: -40px;
}

/* Partners */

.partner-logo {
    padding-top: 100px;
}

.partner-logo img {
    width: auto !important;

    margin: 0 auto;

    opacity: 0.4;
}

.partner-logo img:hover {
    opacity: 1;
}

/* ************************

 *

 * 3.8: App Feature

 *

 * ********************* */

.app-feature .section-title h2,
.app-feature .domain-section-title h2,
.app-feature .data-center-title h2,
.app-feature .about-content .about-title h2,
.about-content .app-feature .about-title h2,
.app-feature .affiliate-title h2,
.app-feature .coming-soon-content h2 {
    line-height: 1.27;
}

.app-feature .app-feature-text {
    font-size: 16px;

    margin-bottom: 36px;

    margin-top: -10px;
}

.app-feature .app-feature-btns .app-btn {
    padding: 20px;

    background-color: #ffffff;

    display: inline-block;

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

.app-feature .app-feature-btns .app-btn .btn-icon {
    font-size: 36px;

    margin-right: 20px;

    line-height: 1;
}

.app-feature .app-feature-btns .app-btn .btn-text span {
    font-size: 16px;

    font-weight: 500;

    line-height: 1;
}

.app-feature .app-feature-btns .app-btn .btn-text span small {
    font-size: 12px;

    color: #555555;

    display: block;
}

.app-feature .app-feature-btns .app-btn a.icon-right {
    -ms-flex-flow: row-reverse;

    flex-flow: row-reverse;
}

.app-feature .app-feature-btns .app-btn a.icon-right .btn-icon {
    margin-right: 0;

    margin-left: 20px;
}

.app-feature .app-feature-btns .app-btn:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}

.app-feature .app-feature-btns .app-btn:not(:last-child) {
    margin-right: 30px;
}

/* ************************

 *

 * 3.9: Newsletter

 *

 * ********************* */

.newsletter {
    padding: 50px 0;
}

.newsletter .newsletter-text h2 {
    color: #ffffff;

    line-height: 1.33;

    font-weight: 900;

    margin-top: -5px;

    margin-bottom: -8px;
}

.newsletter .newsletter-text h2 span {
    display: block;
}

.newsletter-form .input-group input,
.search-form .input-group input {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

/* ************************

 *

 * 3.10: Back to Top

 *

 * ********************* */

.back-to-top {
    position: fixed;

    right: 40px;

    bottom: 20px;

    opacity: 0;

    visibility: hidden;
}

.back-to-top.show {
    bottom: 40px;

    opacity: 1;

    visibility: visible;

    z-index: 999;
}

.back-to-top a {
    color: #ffffff;

    width: 40px;

    height: 40px;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.back-to-top a i {
    font-size: 24px;
}

.back-to-top a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.back-to-top a:hover svg path {
    fill: #ff6378;
}

/* ************************

 *

 *  3.11: Affiliate

 *

 * ********************* */

/* Affiliate Title */

.affiliate-title {
    margin-bottom: 0;
}

.affiliate-title h2 {
    font-size: 30px;

    line-height: 1.2;
}

.affiliate-title strong {
    display: block;
}

.affiliate-title strong small {
    font-size: 16px;

    font-weight: 900;
}

.affiliate-title blockquote p {
    font-style: italic;

    display: block;
}

.affiliate-title blockquote p span {
    display: inline;
}

.affiliate-title cite {
    font-style: normal;

    font-size: 16px;

    font-weight: 500;
}

/* Affiliate Calculator */

.affiliate-calculation {
    background-color: #ffffff;
}

.affiliate-calculation ul li {
    font-size: 14px;

    padding: 15px 30px;

    line-height: 1;
}

.affiliate-calculation ul li:first-child {
    background-color: #fff4df;

    font-size: 16px;

    padding: 20px 30px;
}

.affiliate-calculation ul li:nth-child(2) {
    padding-top: 30px;
}

.affiliate-calculation ul li:last-child {
    padding-bottom: 30px;
}

.affiliate-calculation ul li:last-child:after {
    bottom: 35px !important;
}

.affiliate-calculation ul li:first-child,
.affiliate-calculation ul li span:last-child {
    font-weight: 600;
}

.affiliate-calculation ul li:not(:first-child) {
    position: relative;

    z-index: 1;
}

.affiliate-calculation ul li:not(:first-child) span {
    background-color: #fff;
}

.affiliate-calculation ul li:not(:first-child) span:first-child {
    padding-right: 5px;
}

.affiliate-calculation ul li:not(:first-child) span:last-child {
    padding-left: 5px;
}

.affiliate-calculation ul li:not(:first-child):after {
    content: '';

    position: absolute;

    border-top: 1px dotted #31333e;

    width: calc(100% - 60px);

    height: 1px;

    left: 30px;

    right: 30px;

    bottom: 20px;

    z-index: -1;
}

/* Single Affiliate */

.single-affiliate {
    padding: 20px;

    background-color: #ffffff;

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

.single-affiliate:not(:last-child) {
    margin-bottom: 30px;
}

.single-affiliate .affiliate-img {
    margin-right: 30px;
}

.single-affiliate .affiliate-text p {
    margin: 10px 0;

    font-size: 16px;
}

.single-affiliate .affiliate-text p span {
    font-weight: 600;
}

.single-affiliate:hover {
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.07);
}

/* ************************

 *

 * 3.12: Working Process

 *

 * ********************* */

.single-process {
    background-color: #ffffff;

    padding: 50px 30px;

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

    margin-bottom: 30px;
}

.single-process .process-icon {
    height: 80px;

    width: 80px;

    border: 1px solid #dedede;

    border-radius: 50%;

    margin: 0 auto;
}

.single-process .process-icon i {
    font-size: 24px;
}

.single-process h4 {
    margin: 27px 0 20px;
}

.single-process p {
    font-size: 16px;

    line-height: 1.5;
}

.single-process:hover {
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.07);
}

/* ************************

 *

 * 3.13: FAQ

 *

 * ********************* */

.faq-wrap {
    margin-top: -10px;
}

/* Single Faq */

.single-faq:not(:last-child) {
    margin-bottom: 15px;
}

.single-faq .faq-question {
    font-weight: 500;

    cursor: pointer;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;
}

.single-faq .faq-question:after {
    position: absolute;

    right: 0;

    top: 0;

    line-height: 30px;

    font-family: 'Font Awesome 5 Pro';

    content: '';
}

.single-faq .faq-question:hover:after,
.single-faq .faq-question[aria-expanded='true']:after {
    content: '';
}

.single-faq .faq-answer {
    font-size: 16px;
}

.faq-info {
    margin-top: 45px;
}

.faq-info p {
    margin-top: 20px;

    font-size: 16px;
}

/* Faq Category */

.single-faq-category {
    margin-bottom: 50px;
}

.single-faq-category .faq-title {
    padding-bottom: 11px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 10px;
}

.single-faq-category .faq-title h4 {
    font-weight: 600;
}

.single-faq-category .faq-title span {
    font-size: 14px;

    font-weight: 500;
}

.single-faq-category .faq-content .single-faq {
    margin-bottom: 0;

    padding-bottom: 15px;
}

.single-faq-category .faq-content .single-faq .faq-question {
    padding-right: 0;

    padding-left: 20px;

    margin-bottom: 6px;
}

.single-faq-category .faq-content .single-faq .faq-question:after {
    content: '' !important;

    left: 5px;

    right: auto;
}

.single-faq-category .faq-content .single-faq .faq-answer {
    padding-left: 20px;
}

.single-faq-category .faq-content .faq-btn {
    margin-top: 20px;
}

.single-faq-category .faq-content .faq-btn .btn i,
.single-faq-category .faq-content .faq-btn .btn svg {
    position: absolute;

    top: 50%;

    left: calc(100% + 10px);

    margin-top: -6px;
}

.single-faq-category .faq-content .faq-btn .btn:hover i,
.single-faq-category .faq-content .faq-btn .btn:hover svg {
    left: calc(100% + 30px);

    opacity: 0;

    visibility: hidden;
}

/* ************************

 *

 * 3.14: App Feature

 *

 * ********************* */

.about-content .about-title {
    margin-bottom: 0;
}

.about-content .about-title h2 {
    font-size: 30px;
}

.about-content .about-text p:first-child {
    font-weight: 500;

    margin: 22px 0;
}

/* ************************

 *

 * 3.15: Team

 *

 * ********************* */

/* Single Team */

.single-team-member .team-img,
.single-team-member .single-product .product-img,
.single-product .single-team-member .product-img,
.single-product .team-img,
.single-product .product-img {
    background-color: #ffffff;

    position: relative;

    z-index: 1;

    overflow: hidden;
}

.single-team-member .team-img:after,
.single-product .team-img:after,
.single-product .product-img:after {
    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    height: 100%;

    content: '';

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    background: transparent;

    background: -webkit-linear-gradient(top, transparent 0%, #fffaf1 100%);

    background: linear-gradient(to bottom, transparent 0%, #fffaf1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="transparent", endColorstr="#fffaf1",GradientType=0);
}

.single-team-member .team-img .social-icons,
.single-team-member .single-product .product-img .social-icons,
.single-product .single-team-member .product-img .social-icons,
.single-product .team-img .social-icons,
.single-product .product-img .social-icons,
.single-product .product-img .quick-icons {
    text-align: center;

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 3;

    bottom: 15px;
}

.single-team-member .team-img .social-icons ul li,
.single-product .team-img .social-icons ul li,
.single-product .product-img .social-icons ul li,
.single-product .product-img .quick-icons ul li {
    -webkit-transform: scale(0);

    transform: scale(0);
}

.single-team-member .team-img .social-icons ul li:not(:last-child),
.single-product .team-img .social-icons ul li:not(:last-child),
.single-product .product-img .social-icons ul li:not(:last-child),
.single-product .product-img .quick-icons ul li:not(:last-child) {
    margin-right: 5px;
}

.single-team-member .team-img .social-icons ul li a,
.single-product .team-img .social-icons ul li a,
.single-product .product-img .social-icons ul li a,
.single-product .product-img .quick-icons ul li a {
    width: 35px;

    height: 35px;

    border-color: transparent;
}

.single-team-member .member-info,
.single-team-member .single-product .product-info,
.single-product .single-team-member .product-info,
.single-product .member-info,
.single-product .product-info {
    margin-top: 27px;
}

.single-team-member .member-info h4,
.single-product .member-info h4,
.single-product .product-info h4 {
    font-weight: 600;

    margin-bottom: 5px;
}

.single-team-member:hover .team-img:after,
.single-team-member:hover .single-product .product-img:after,
.single-product .single-team-member:hover .product-img:after,
.single-product:hover .team-img:after,
.single-product:hover .product-img:after {
    top: 0;

    opacity: 0.8;

    visibility: visible;
}

.single-team-member:hover .social-icons ul li,
.single-team-member:hover .single-product .product-img .quick-icons ul li,
.single-product .product-img .single-team-member:hover .quick-icons ul li,
.single-product:hover .social-icons ul li,
.single-product:hover .product-img .quick-icons ul li {
    -webkit-transform: scale(1);

    transform: scale(1);
}

.single-team-member:hover .social-icons ul li:first-child,
.single-team-member:hover
    .single-product
    .product-img
    .quick-icons
    ul
    li:first-child,
.single-product
    .product-img
    .single-team-member:hover
    .quick-icons
    ul
    li:first-child,
.single-product:hover .social-icons ul li:first-child,
.single-product:hover .product-img .quick-icons ul li:first-child {
    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;
}

.single-team-member:hover .social-icons ul li:nth-child(2),
.single-team-member:hover
    .single-product
    .product-img
    .quick-icons
    ul
    li:nth-child(2),
.single-product
    .product-img
    .single-team-member:hover
    .quick-icons
    ul
    li:nth-child(2),
.single-product:hover .social-icons ul li:nth-child(2),
.single-product:hover .product-img .quick-icons ul li:nth-child(2) {
    -webkit-transition-delay: 0.15s;

    transition-delay: 0.15s;
}

.single-team-member:hover .social-icons ul li:nth-child(3),
.single-team-member:hover
    .single-product
    .product-img
    .quick-icons
    ul
    li:nth-child(3),
.single-product
    .product-img
    .single-team-member:hover
    .quick-icons
    ul
    li:nth-child(3),
.single-product:hover .social-icons ul li:nth-child(3),
.single-product:hover .product-img .quick-icons ul li:nth-child(3) {
    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;
}

.single-team-member:hover .social-icons ul li:nth-child(4),
.single-team-member:hover
    .single-product
    .product-img
    .quick-icons
    ul
    li:nth-child(4),
.single-product
    .product-img
    .single-team-member:hover
    .quick-icons
    ul
    li:nth-child(4),
.single-product:hover .social-icons ul li:nth-child(4),
.single-product:hover .product-img .quick-icons ul li:nth-child(4) {
    -webkit-transition-delay: 0.25s;

    transition-delay: 0.25s;
}

.single-team-member:hover .social-icons ul li:nth-child(5),
.single-team-member:hover
    .single-product
    .product-img
    .quick-icons
    ul
    li:nth-child(5),
.single-product
    .product-img
    .single-team-member:hover
    .quick-icons
    ul
    li:nth-child(5),
.single-product:hover .social-icons ul li:nth-child(5),
.single-product:hover .product-img .quick-icons ul li:nth-child(5) {
    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;
}

/* Team Slider */

.team-slider {
    padding-bottom: 36px;

    margin-bottom: 34px;
}

.team-slider .owl-nav button,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .team-slider
    .owl-nav
    span,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .team-slider
    .owl-nav
    span {
    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);
}

.team-slider .owl-dots {
    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
}

.team-slider .owl-nav button,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .team-slider
    .owl-nav
    span,
.team-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .team-slider
    .owl-nav
    span,
.team-slider .owl-dots {
    left: 50%;

    bottom: -34px;
}

/* ************************

 *

 * 3.16: Why Choose

 *

 * ********************* */

.single-why-choose,
.single-domain-feature {
    margin-bottom: 30px !important;

    padding: 50px 20px !important;
}

.single-why-choose i,
.single-domain-feature i {
    color: #999999;

    font-size: 24px;
}

.single-why-choose h5,
.single-domain-feature h5 {
    margin: 25px 0 10px;
}

/* ************************

 *

 * 3.17: Domain

 *

 * ********************* */

/* Domain Search Form */

.domain-section-title,
.data-center-title {
    margin-bottom: 0;
}

.domain-section-title h2,
.data-center-title h2 {
    font-size: 30px;
}

.domain-search-form {
    padding: 50px 40px;

    background-color: #ffffff;
}

.domain-search-form .input-group input {
    background-color: #f5f5f5;
}

.domain-search-form .domain-extension-slider {
    padding: 22px 60px 0;
}

.domain-search-form .domain-extension-slider .owl-nav button,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span {
    left: 22px;

    top: calc(50% - 4px);

    margin: 0;
}

.domain-search-form .domain-extension-slider .owl-nav button.owl-next,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-next
    span.owl-next,
.shop--product-slider
    .product-thumbs
    .swiper-button-next
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span.owl-next,
.domain-search-form
    .domain-extension-slider
    .owl-nav
    .shop--product-slider
    .product-thumbs
    .swiper-button-prev
    span.owl-next,
.shop--product-slider
    .product-thumbs
    .swiper-button-prev
    .domain-search-form
    .domain-extension-slider
    .owl-nav
    span.owl-next {
    left: auto;

    right: -15px;
}

/* Domain Pricing Table */

.domain-pricing-table .table {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.domain-pricing-table .table th,
.domain-pricing-table .table td {
    border: none;

    font-size: 16px;

    line-height: 1;

    padding: 30px 20px;

    vertical-align: middle;
}

.domain-pricing-table .table thead th {
    font-weight: 500;
}

.domain-pricing-table .table tbody tr {
    background-color: #fafafa;
}

.domain-pricing-table .table tbody tr:nth-child(2n + 1) {
    background-color: #ffffff;
}

/* Domain Feature */

/* ************************

 *

 * 3.18: Data Center

 *

 * ********************* */

.data-center-text {
    margin-top: 60px;
}

.data-center-text h4 {
    font-size: 20px;

    font-weight: 600;

    margin-bottom: 25px;
}

.data-center-text p:not(:last-child) {
    margin-bottom: 15px;
}

.data-center-image {
    margin: 50px 0;
}

/* ************************

 *

 * 3.19: Project

 *

 * ********************* */

/* Project Filter Navigation */

.project-nav {
    margin-bottom: 66px;
}

.project-nav p {
    font-size: 16px;

    background-repeat: no-repeat;
}

/* Single Project Item */

.single-project-item {
    background-color: #ffffff;

    margin-bottom: 30px;
}

.single-project-item .project-info {
    padding: 30px;
}

.single-project-item .project-info h4 {
    font-weight: 600;

    margin-bottom: 8px;
}

.single-project-item .project-info p {
    font-size: 14px;
}

/* Loadmore Button */

.loadmore-button {
    font-size: 0;

    line-height: 1;
}

/* Project Details */

.project-info h4,
.project-description h4 {
    margin-bottom: 25px;

    font-weight: 900;
}

.project-info ul li {
    font-size: 16px;
}

.project-info ul li span {
    font-weight: 600;

    display: inline-block;

    margin-right: 5px;
}

.project-info ul li a {
    margin-right: 10px;
}

.project-info ul li:last-child span {
    margin-right: 10px;
}

.project-info ul li:not(:last-child) {
    margin-bottom: 10px;
}

.project-description p:not(:last-child) {
    margin-bottom: 12px;
}

/* Post Nav */

.single-post-nav {
    margin-top: 77px;
}

.single-post-nav .post-nav-text {
    max-width: 200px;
}

.single-post-nav .post-nav-text span {
    font-size: 10px;

    text-transform: uppercase;
}

.single-post-nav .post-nav-text h6 {
    font-weight: 600;

    line-height: 1.5;
}

/* ************************

 *

 * 3.20: Contact

 *

 * ********************* */

/* Contact Info */

.single-contact .contact-icon {
    height: 80px;

    width: 80px;

    border: 1px solid #dedede;

    border-radius: 50%;
}

.single-contact .contact-icon i {
    font-size: 18px;
}

.single-contact .contact-info {
    margin-left: 30px;
}

.single-contact .contact-info h4 {
    font-weight: 600;

    font-size: 20px;

    margin-bottom: 11px;
}

.single-contact .contact-info a {
    display: block;
}

.single-contact:not(:last-child) {
    margin-bottom: 37px;
}

/* Contact Form */

.contact-form-wrapper {
    background-color: #ffffff;

    padding: 50px 40px;
}

.contact-form-wrapper h4 {
    font-weight: 600;

    font-size: 20px;

    margin-bottom: 5px;

    margin-top: -4px;
}

.contact-form-wrapper p {
    font-size: 16px;

    margin-bottom: 23px;
}

.contact-form-wrapper .contact-form input,
.contact-form-wrapper .contact-form textarea {
    border: 1px solid transparent;

    background-color: #f5f5f5;

    width: 100%;

    padding: 20px;

    margin-bottom: 30px;

    line-height: 1;
}

.contact-form-wrapper .contact-form input::-webkit-input-placeholder,
.contact-form-wrapper .contact-form textarea::-webkit-input-placeholder {
    font-size: 14px !important;

    color: #444444 !important;

    line-height: 1;
}

.contact-form-wrapper .contact-form input::-moz-placeholder,
.contact-form-wrapper .contact-form textarea::-moz-placeholder {
    font-size: 14px !important;

    color: #444444 !important;

    line-height: 1;
}

.contact-form-wrapper .contact-form input:-ms-input-placeholder,
.contact-form-wrapper .contact-form textarea:-ms-input-placeholder {
    font-size: 14px !important;

    color: #444444 !important;

    line-height: 1;
}

.contact-form-wrapper .contact-form input::placeholder,
.contact-form-wrapper .contact-form textarea::placeholder {
    font-size: 14px !important;

    color: #444444 !important;

    line-height: 1;
}

.contact-form-wrapper .contact-form input {
    height: 60px;
}

.contact-form-wrapper .contact-form textarea {
    height: 150px;
}

/* ************************

 *

 * 4.1: Single Product

 *

 * ********************* */

.single-product {
    margin-bottom: 30px;
}

.single-product .product-img img {
    width: 100%;
}

.single-product .product-info {
    background-color: #ffffff;

    padding: 30px;

    margin-top: 0;
}

.single-product .product-info ul li {
    color: #ffd200;

    font-size: 12px;
}

.single-product .product-info .product-name {
    font-weight: 600;

    margin: 5px 0 8px;
}

.single-product .product-info .price {
    font-size: 14px;

    font-weight: 600;

    margin-bottom: -5px;
}

/* Shop Pagination */

.shop-pagination {
    margin-top: 30px;
}

/* Product Slider */

.shop--product-slider .swiper-container {
    width: 100%;

    height: 300px;

    margin-left: auto;

    margin-right: auto;
}

.shop--product-slider .swiper-slide {
    background-size: cover;

    background-position: center;

    text-align: center;
}

.shop--product-slider .gallery-top {
    height: 80%;

    width: 100%;
}

.shop--product-slider .gallery-thumbs {
    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;
}

.shop--product-slider .gallery-thumbs .swiper-slide {
    width: 25%;

    height: 100%;

    opacity: 0.4;
}

.shop--product-slider .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.shop--product-slider .product-gallery {
    z-index: 5;

    height: auto;

    margin-bottom: 50px;
}

.shop--product-slider .product-thumbs {
    height: 20%;
}

.shop--product-slider .product-thumbs .swiper-slide {
    width: 75px !important;

    height: 75px;

    z-index: 11;

    overflow: hidden;

    cursor: pointer;
}

.shop--product-slider .product-thumbs .swiper-wrapper {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
}

.shop--product-slider .product-thumbs .swiper-button-next,
.shop--product-slider .product-thumbs .swiper-button-prev {
    background-image: none;

    margin-top: 0;

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

    transform: translateY(-50%);
}

.shop--product-slider .product-thumbs .swiper-button-next span,
.shop--product-slider .product-thumbs .swiper-button-prev span {
    -webkit-transform: translate(0);

    transform: translate(0);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;
}

.shop--product-slider .product-thumbs .swiper-button-next span:hover svg {
    margin-right: -15px;
}

.shop--product-slider .product-thumbs .swiper-button-prev {
    left: 0;
}

.shop--product-slider .product-thumbs .swiper-button-prev span:hover svg {
    margin-left: -15px;
}

/* ************************

 *

 * 4.2: Product Details

 *

 * ********************* */

.shop--product-details .product_title {
    font-size: 20px;

    font-weight: 900;

    margin-bottom: 30px;
}

.shop--product-details .price {
    font-size: 24px;

    font-weight: 700;
}

.shop--product-details .review-icon {
    margin-left: 40px;

    line-height: 1.3;
}

.shop--product-details .review-icon .review-star {
    font-size: 12px;

    color: #ffd200;
}

.shop--product-details .review-icon .review-rating {
    text-align: center;

    display: block;

    font-size: 12px;

    color: #4c4f60;
}

.shop--product-details .product-short-discription {
    font-size: 16px;

    line-height: 1.5;
}

.shop--product-details .product-buttons {
    margin-bottom: 60px;
}

.shop--product-details .product-buttons ul li:not(:last-child) {
    margin-right: 30px;
}

.shop--product-details .product-buttons ul li a:not(.btn-fill) {
    font-size: 16px;
}

.shop--product-details .product-category,
.shop--product-details .product-tag,
.shop--product-details .product-share,
.shop--product-details .product-availability {
    font-size: 14px;

    margin-bottom: 8px;
}

.shop--product-details .product-category li:first-child,
.shop--product-details .product-tag li:first-child,
.shop--product-details .product-share li:first-child,
.shop--product-details .product-availability li:first-child {
    font-weight: 600;
}

.shop--product-details .product-category li a,
.shop--product-details .product-tag li a,
.shop--product-details .product-share li a,
.shop--product-details .product-availability li a {
    font-size: 12px;
}

.shop--product-details .product-availability {
    margin: 30px 0;
}

.shop--product-details .product-share {
    margin-bottom: 0;
}

.shop--product-details .product-share li:not(:last-child) {
    margin-right: 12px;
}

.shop--product-details .product-share li a {
    font-weight: 600;
}

/* Product Description Tabs */

.product-discription-tabs {
    margin-top: 60px;
}

.product-discription-tabs .nav {
    margin-bottom: 50px;

    max-width: 450px;
}

.product-discription-tabs .nav .product--nav-item:hover:after,
.product-discription-tabs .nav .product--nav-item.active:after {
    opacity: 1;

    visibility: visible;

    bottom: 0;
}

.product-discription-tabs .product-discription h4,
.product-discription-tabs .product-information h4 {
    font-size: 20px;

    margin-bottom: 10px;
}

.product-discription-tabs .product-discription h4:not(:first-child),
.product-discription-tabs .product-information h4:not(:first-child) {
    margin-top: 32px;
}

.product-discription-tabs .product-discription p:not(:last-child),
.product-discription-tabs .product-information p:not(:last-child) {
    margin-bottom: 13px;
}

/* Product Review */

.product-review
    .single-comment-wrapper:last-child
    .single-post-comment:last-child {
    margin-bottom: 0;
}

.product-review .single-product-review {
    margin-bottom: 42px;
}

.product-review .single-product-review .review-author-image {
    margin-right: 30px;
}

.product-review .single-product-review .review-content h6 {
    font-weight: 600;
}

.product-review .single-product-review .review-content span {
    display: block;
}

.product-review .single-product-review .review-content span,
.product-review .single-product-review .review-content .reply-btn {
    font-size: 12px;
}

.product-review .single-product-review .review-content p {
    margin: 8px 0 3px;

    font-size: 14px;
}

.product-review .single-product-review .review-content .reply-btn i {
    margin-right: 6px;
}

.product-review .product-review-reply {
    margin-left: 90px;
}

/* Review Form */

.review-form {
    margin-bottom: 0;
}

.review-form p {
    font-size: 14px;
}

.review-form .comment-form-rating {
    margin-top: 20px;
}

.review-form .comment-form-rating label {
    font-weight: 600;

    margin: 0 30px 0 0;
}

.review-form .comment-form-rating .stars li:not(:last-child) {
    margin-right: 18px;
}

.review-form .comment-form-rating .stars li a {
    position: relative;

    height: 30px;

    width: 10px;

    text-indent: -999em;

    display: inline-block;

    text-decoration: none;
}

.review-form .comment-form-rating .stars li a:after {
    font-family: 'Font Awesome 5 Pro';

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 10px;

    line-height: 28px;

    text-indent: 0;

    font-size: 10px;

    color: #d1d1d1;
}

.review-form .comment-form-rating .stars li:hover a:after {
    color: #ffd800;
}

/* Related Product */

.related-product h4 {
    margin: 70px 0 30px;
}

/* ************************

 *

 * 4.3: Cart

 *

 * ********************* */

.product-cart-from p {
    background-color: #fff4df;

    margin-bottom: 30px;

    font-size: 14px;
}

.shop-cart-table .table th,
.shop-cart-table .table td {
    text-transform: capitalize;
}

.shop-cart-table .table th:first-child,
.shop-cart-table .table td:first-child {
    text-align: center;
}

.shop-cart-table .table thead {
    background-color: #fff4df;
}

.shop-cart-table .table thead th {
    vertical-align: middle;

    border: none;

    font-size: 16px;

    font-weight: 600;

    padding-top: 17px;

    padding-bottom: 17px;
}

.shop-cart-table .table tbody {
    background-color: #fff;
}

.shop-cart-table .table tbody tr:not(:last-child) {
    border-bottom: 1px solid #ffefd1;
}

.shop-cart-table .table tbody td {
    border: none;

    vertical-align: middle;

    padding-top: 30px;

    padding-bottom: 30px;
}

.shop-cart-table .table tbody .product-thumbnail img {
    min-width: 80px;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.shop-cart-table .table tbody .product-name {
    font-size: 16px;

    font-weight: 500;

    line-height: 1.25;

    min-width: 200px;
}

.shop-cart-table .table tbody .product-quentity {
    max-width: 72px;
}

.shop-cart-table .table tbody .product-subtotal {
    font-weight: 600;
}

.shop-cart-table .table tbody tr:hover .product-remove svg path {
    fill: #ff91d9;
}

.product-cupon {
    margin-top: 40px;
}

.product-cupon label {
    font-weight: 500;

    font-size: 16px;

    margin-bottom: 25px;
}

.product-cupon input {
    padding: 0 20px;

    height: 50px;
}

.product-cupon button,
.product-cupon .shop--product-slider .product-thumbs .swiper-button-next span,
.shop--product-slider .product-thumbs .swiper-button-next .product-cupon span,
.product-cupon .shop--product-slider .product-thumbs .swiper-button-prev span,
.shop--product-slider .product-thumbs .swiper-button-prev .product-cupon span {
    right: 0;

    padding-left: 30px;

    padding-right: 30px;
}

.cart--shoping-button .btn-fill:first-child {
    margin-right: 26px;
}

.shop--cart-total {
    background-color: #ffffff;

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

    padding: 40px 30px;

    margin-top: 50px;
}

.shop--cart-total h4 {
    font-weight: 600;

    margin-bottom: 17px;
}

.shop--cart-total ul li {
    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;

    font-size: 14px;

    text-transform: capitalize;
}

.shop--cart-total ul li:not(:last-child) {
    margin-bottom: 18px;
}

.shop--cart-total ul li:last-child,
.shop--cart-total ul li span {
    font-weight: 600;
}

.shop--cart-total .cart--purchage-btn {
    margin-top: 35px;

    text-align: center;
}

/* ************************

 *

 * 4.4: Checkout

 *

 * ********************* */

.checkout-form-toggle .login-info,
.checkout-form-toggle .cupon-info {
    background-color: #fff4df;

    padding: 22px 30px;

    border-left: 1px solid;

    margin-bottom: 30px;
}

.checkout-form-toggle .login-info h5,
.checkout-form-toggle .cupon-info h5 {
    font-weight: 500;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    padding-left: 30px;

    position: relative;
}

.checkout-form-toggle .login-info h5 i,
.checkout-form-toggle .cupon-info h5 i {
    position: absolute;

    left: 0;

    top: 5px;

    font-size: 12px;
}

.checkout-form-toggle .login-info h5 span,
.checkout-form-toggle .cupon-info h5 span {
    cursor: pointer;

    position: relative;
}

.checkout-form-toggle .login-info h5 span:after,
.checkout-form-toggle .cupon-info h5 span:after {
    position: absolute;

    left: 0;

    bottom: -2px;

    height: 1px;

    width: 0;

    content: '';
}

.checkout-form-toggle .login-info h5 span:hover:after,
.checkout-form-toggle .login-info h5 span[aria-expanded='true']:after,
.checkout-form-toggle .cupon-info h5 span:hover:after,
.checkout-form-toggle .cupon-info h5 span[aria-expanded='true']:after {
    width: 100%;

    right: 0;

    left: auto;
}

.checkout-form-toggle .form-login,
.checkout-form-toggle .form-cupon {
    margin-top: 30px;
}

.checkout-form-toggle .form-login input:not([type='checkbox']),
.checkout-form-toggle .form-cupon input:not([type='checkbox']) {
    width: 100%;

    border: none;

    background-color: #ffffff;

    height: 60px;

    padding: 0 20px;

    font-size: 14px;
}

.checkout-form-toggle .form-login .login-button-wrap {
    margin-bottom: 30px;

    margin-top: 30px;
}

.checkout-form-toggle .form-login .login-button-wrap .btn-fill {
    padding: 21px 22px 21px;
}

.checkout-form-toggle .form-login .login-button-wrap .form-checkbox {
    margin-left: 30px;
}

.checkout-form-toggle .form-login .login-button-wrap .form-checkbox label {
    font-size: 14px;
}

.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark {
    height: 10px;

    width: 10px;

    top: calc(50% + -4px);

    border-radius: 2px;
}

.checkout-form-toggle
    .form-login
    .login-button-wrap
    .form-checkbox
    label
    .checkmark:after {
    -webkit-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

    border-radius: 1px;
}

.checkout-form-toggle .form-login p {
    margin-bottom: 30px;
}

.checkout-form-toggle .form-login p a {
    font-size: 14px;
}

.checkout-form-toggle .form-login p a:hover {
    text-decoration: underline;
}

.checkout-form-toggle .form-cupon .submit-btn {
    right: 0;

    padding: 0 28px;
}

.checkout-form {
    margin-top: 35px;
}

.checkout-form h4 {
    margin-bottom: 40px;

    font-weight: 600;
}

.checkout-form input,
.checkout-form select,
.checkout-form textarea {
    display: block;

    width: 100%;

    height: 60px;

    background-color: #ffffff;

    border: none;

    padding: 0 20px;

    margin-bottom: 20px;

    font-size: 16px;
}

.checkout-form input[type='checkbox'],
.checkout-form input[type='radio'] {
    padding: 0;

    display: inline;
}

.checkout-form textarea {
    border: 1px solid #e0e0df;

    height: 100px;

    padding-top: 10px;

    margin-bottom: 0;
}

.checkout-form .ship-different-address label,
.checkout-form .create-an-account label {
    font-size: 18px;

    font-weight: 600;
}

.checkout-form .ship-different-address label .checkmark,
.checkout-form .create-an-account label .checkmark {
    top: calc(50% - 4px);
}

.checkout-form .ship-different-address input,
.checkout-form .create-an-account input {
    margin-bottom: 20px;

    margin-top: 20px;
}

.checkout-form .create-an-account {
    margin-top: 15px;

    margin-bottom: 35px;
}

.checkout-form .create-an-account label {
    font-size: 14px;

    font-weight: 400;
}

.checkout-form .order-note {
    margin-top: 40px;
}

.checkout-form .order-note label {
    font-weight: 600;

    font-size: 16px;

    margin-bottom: 13px;
}

.checkout-form .order-details {
    padding: 40px 30px;

    background-color: #ffffff;
}

.checkout-form .order-details .table th,
.checkout-form .order-details .table td {
    padding: 0;
}

.checkout-form .order-details .table th:last-child,
.checkout-form .order-details .table td:last-child {
    text-align: right;
}

.checkout-form .order-details .table thead th {
    border-bottom: 1px solid #f0f0f0;

    border-top: none;

    padding-bottom: 14px;

    font-size: 14px;

    font-weight: 600;
}

.checkout-form .order-details .table tbody td:first-child,
.checkout-form .order-details .table tfoot td:first-child {
    font-size: 14px;
}

.checkout-form .order-details .table tbody td:last-child,
.checkout-form .order-details .table tfoot td:last-child {
    font-size: 12px;

    font-weight: 500;
}

.checkout-form .order-details .table .cart_item:first-child td {
    padding-top: 13px;
}

.checkout-form .order-details .table .cart_item:last-child td {
    padding-bottom: 17px;
}

.checkout-form .order-details .table .cart_item td {
    border-top: none;

    padding-bottom: 7px;
}

.checkout-form .order-details .table tfoot td,
.checkout-form .order-details .table tfoot th {
    border-top: 1px solid #f0f0f0;

    padding: 14px 0;
}

.checkout-form .order-details .table tfoot th {
    padding-bottom: 0;
}

.checkout-form .order-details .table tfoot th:first-child {
    font-size: 16px;
}

.checkout-form .order-details .table tfoot th:last-child {
    font-size: 14px;
}

.checkout-form .order-details .shop-payment-method .payment-list {
    margin-bottom: 40px;
}

.checkout-form .order-details .shop-payment-method .single-method {
    margin-bottom: 7px;
}

.checkout-form .order-details .shop-payment-method .single-method label {
    font-size: 14px;
}

.checkout-form
    .order-details
    .shop-payment-method
    .single-method
    label
    .checkmark {
    top: calc(50% - 3px);
}

.checkout-form .order-details .shop-payment-method .payment-info p {
    position: relative;

    padding: 10px 15px;

    background-color: #fff4df;

    border-left: 1px solid;

    margin-top: 12px;

    font-size: 14px;
}

.checkout-form .order-details .shop-payment-method .payment-info p:after {
    position: absolute;

    content: '';

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid transparent;

    border-bottom: 10px solid #fff4df;

    top: -20px;

    left: 10px;

    z-index: 99;
}

/* ************************

 *

 * 5.0: Responsive

 *

 * ********************* */

@media only screen and (min-width: 1024px) and (max-width: 5000px) {
    .header .container-fluid {
        padding-left: 50px;

        padding-right: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .main-header .main-menu > ul > li {
        padding: 0 15px;
    }

    .widget.widget_social_media .social-icons li,
    .widget.widget_social_media .single-product .product-img .quick-icons li,
    .single-product .product-img .widget.widget_social_media .quick-icons li {
        -ms-flex-preferred-size: 50%;

        flex-basis: 50%;
    }

    .feature-table table thead th {
        padding: 30px 15px;
    }

    .feature-table table tbody tr td {
        padding: 30px 15px;
    }

    .app-feature .app-feature-btns .app-btn:not(:last-child) {
        margin-bottom: 30px;
    }

    .affiliate-title strong {
        display: inline;
    }

    .faq-title br {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .pt-100 {
        padding-top: 70px;
    }

    .pb-100 {
        padding-bottom: 70px;
    }

    .pt-70 {
        padding-top: 40px;
    }

    .pb-70 {
        padding-bottom: 40px;
    }

    .pb-50 {
        padding-bottom: 20px;
    }

    .section-title h2 br,
    .domain-section-title h2 br,
    .data-center-title h2 br,
    .about-content .about-title h2 br,
    .affiliate-title h2 br,
    .coming-soon-content h2 br {
        display: none;
    }

    .main-header .main-menu {
        text-align: right;

        position: initial;
    }

    .main-header .main-menu ul {
        text-align: left;
    }

    .main-header .main-menu ul li {
        display: block;

        width: 100%;
    }

    .main-header .main-menu ul li a {
        padding: 12px 15px !important;
    }

    .main-header .main-menu ul li a:after {
        display: none;
    }

    .main-header .main-menu ul li.has-sub-item > a:before {
        display: none;
    }

    .main-header .main-menu ul li ul {
        position: relative;

        left: 0;

        right: auto;

        top: 0;

        width: 100%;

        display: none;

        padding: 0;

        opacity: 1;

        visibility: visible;

        text-align: left;

        z-index: 99999;

        box-shadow: none;
    }

    .main-header .main-menu ul li ul li ul {
        left: 0 !important;

        opacity: 1;

        visibility: visible;
    }

    .main-header .main-menu > ul {
        position: absolute;

        top: calc(100% + 20px);

        left: 50%;

        right: 50%;

        width: calc(100% - 30px);

        background: #fff;

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

        max-height: 350px;

        overflow-y: auto;

        padding: 15px 20px;

        max-width: 800px;

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

        transform: translateX(-50%);

        z-index: 99999;
    }

    .main-header .main-menu > ul > li {
        padding: 0;
    }

    .main-header .main-menu > ul > li ul li a {
        padding-left: 30px !important;
    }

    .main-header .main-menu > ul > li ul li li a {
        padding-left: 60px !important;
    }

    .main-header .main-menu #menu-button {
        display: inline-block;
    }

    .main-header .main-menu .submenu-button {
        display: block;

        position: absolute;

        z-index: 1;

        top: 0;

        right: 15px;

        width: 40px;

        height: inherit;

        line-height: 40px;

        text-align: center;
    }

    .main-header .main-menu .submenu-button:before {
        font-family: 'Font Awesome 5 Pro';

        content: '';
    }

    .main-header .main-menu .submenu-button.submenu-opened:before {
        content: '';

        color: #ff91d9;
    }

    .main-header {
        padding: 20px 0;
    }

    .main-header .row {
        position: relative;
    }

    .main-header .row > div:nth-child(2) {
        position: static;
    }

    .main-header.header-fixed {
        padding: 15px 0;
    }

    .main-header.header-fixed .main-menu > ul {
        top: calc(100% + 15px);
    }

    .home-banner .single-banner .banner-text {
        padding-bottom: 50px;
    }

    .blog-pagination,
    .shop-pagination {
        margin-top: 0;
    }

    .comments-form,
    .review-form {
        margin-bottom: 50px;
    }

    .widget.widget_social_media .social-icons li,
    .widget.widget_social_media .single-product .product-img .quick-icons li,
    .single-product .product-img .widget.widget_social_media .quick-icons li {
        -ms-flex-preferred-size: 33.33%;

        flex-basis: 33.33%;
    }

    .footer .widget.widget_social_links .social-icons li a,
    .footer
        .widget.widget_social_links
        .single-product
        .product-img
        .quick-icons
        li
        a,
    .single-product
        .product-img
        .footer
        .widget.widget_social_links
        .quick-icons
        li
        a {
        width: 35px;

        height: 35px;
    }

    .coming-soon-content h2 {
        font-size: 50px;
    }

    .coming-soon-content h3 br {
        display: none;
    }

    .single-service,
    .single-why-choose,
    .single-domain-feature {
        padding: 50px 15px 47px;
    }

    .connection-details h2 br {
        display: none;
    }

    .line-image {
        height: 100px;
    }

    .feature-table .single-feature-table:not(:last-child) {
        margin-bottom: 50px;
    }

    .feature-table .single-feature-table {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .feature-table .single-feature-table .feature-table-body ul li {
        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;
    }

    .feature-table .single-feature-table .feature-table-footer {
        background-color: #fffefd;
    }

    .feature-table table thead {
        display: none;
    }

    .feature-table table tbody tr:not(:last-child) {
        display: block;

        margin-bottom: 50px;
    }

    .feature-table table tbody tr td {
        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        text-align: right;

        padding: 30px;
    }

    .feature-table table tbody tr td:last-child {
        background-color: #fffaf5;
    }

    .feature-table table tbody tr td .labelText {
        text-align: left;

        margin-right: 20px;

        font-weight: 600;

        min-width: 100px;
    }

    .feature-table table tbody tr.speacer {
        display: none;
    }

    .feature-table.app-table .feature-btn-wrap {
        margin-top: 27px;
    }

    .newsletter .newsletter-text h2 span {
        display: inline;
    }

    .affiliate-title {
        margin-bottom: 50px;
    }

    .about-image,
    .faq-image {
        margin-top: 50px;
    }

    .single-team-member .team-img .social-icons ul li:not(:last-child),
    .single-product .team-img .social-icons ul li:not(:last-child),
    .single-product .product-img .social-icons ul li:not(:last-child),
    .single-product .product-img .quick-icons ul li:not(:last-child) {
        margin-right: 0;
    }

    .team-slider {
        padding-bottom: 0;
    }

    .domain-section-title,
    .data-center-title {
        margin-bottom: 50px;
    }

    .domain-pricing-table .table {
        box-shadow: none;
    }

    .domain-pricing-table .table thead {
        display: none;
    }

    .domain-pricing-table .table tbody tr {
        display: block;

        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    }

    .domain-pricing-table .table tbody tr:not(:last-child) {
        margin-bottom: 50px;
    }

    .domain-pricing-table .table tbody tr td {
        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        padding-left: 50px;

        padding-right: 50px;
    }

    .domain-pricing-table .table tbody tr td:nth-child(2n + 1) {
        background-color: #ffffff;
    }

    .domain-pricing-table .table tbody tr td:nth-child(2n + 2) {
        background-color: #fafafa;
    }

    .domain-pricing-table .table tbody tr td:first-child {
        background-color: #ff6378;

        color: #ffffff;
    }

    .domain-pricing-table .table tbody tr td:first-child,
    .domain-pricing-table .table tbody tr td span {
        font-weight: 500;
    }

    .data-center-text {
        margin-top: 0;
    }

    .project-nav p br {
        display: none;
    }

    .project-info.info-details {
        margin-bottom: 65px;
    }

    .single-contact:last-child {
        margin-bottom: 46px;
    }

    .related-product {
        margin-bottom: 30px;
    }

    .checkout-form .order-details {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .home-banner .single-banner .banner-text {
        padding-top: 250px;
    }

    .home-banner .single-banner .banner-text h1 {
        font-size: 54px;
    }

    .blog-pagination .blog-nav-btn.prev,
    .shop-pagination .blog-nav-btn.prev {
        margin-right: 0;
    }

    .blog-pagination .blog-nav-btn.prev a,
    .shop-pagination .blog-nav-btn.prev a {
        margin-right: 0;
    }

    .blog-pagination .blog-nav-btn.next,
    .shop-pagination .blog-nav-btn.next {
        margin-left: 0;
    }

    .blog-pagination .blog-nav-btn.next a,
    .shop-pagination .blog-nav-btn.next a {
        margin-left: 0;
    }

    .blog-details-text img {
        margin-bottom: 50px;
    }

    .blog-details-text > h4 {
        margin-top: 30px;
    }

    .blog-details-text .media:last-child {
        margin-bottom: 42px;
    }

    .blog-details-text > p:last-child {
        margin-top: -10px;
    }

    .not-found-content {
        padding-top: 100px;
    }

    .service-slider .owl-nav button,
    .service-slider
        .owl-nav
        .shop--product-slider
        .product-thumbs
        .swiper-button-next
        span,
    .shop--product-slider
        .product-thumbs
        .swiper-button-next
        .service-slider
        .owl-nav
        span,
    .service-slider
        .owl-nav
        .shop--product-slider
        .product-thumbs
        .swiper-button-prev
        span,
    .shop--product-slider
        .product-thumbs
        .swiper-button-prev
        .service-slider
        .owl-nav
        span {
        top: -55px;

        left: 50%;

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

        transform: translateX(-75%);
    }

    .newsletter .newsletter-text {
        margin-bottom: 50px;
    }

    .single-affiliate .affiliate-img {
        margin-bottom: 30px;

        margin-right: 0;
    }

    .shop--product-slider .product-gallery {
        margin-bottom: 30px;
    }

    .shop--product-details {
        margin-top: 30px;
    }

    .shop--product-details .product_title {
        margin-bottom: 20px;
    }

    .shop--product-details .product-buttons {
        margin-bottom: 30px;
    }

    .shop--product-details {
        margin: 15px 0;
    }

    .cart--shoping-button {
        text-align: center !important;
    }
}

@media only screen and (max-width: 575px) {
    .header-top .header-info.text-sm-right {
        margin-top: 10px;
    }

    .not-found-content h3 {
        letter-spacing: 30px;

        margin-right: -30px;
    }

    .coming-soon-content h2 {
        font-size: 40px;
    }

    .coming-soon-content h3 {
        font-size: 20px;
    }

    .social-icons ul li:not(:last-child),
    .single-product .product-img .quick-icons ul li:not(:last-child) {
        margin-right: 6px;
    }

    .newsletter .newsletter-text h2 span {
        display: block;
    }

    .domain-pricing-table .table tbody tr td {
        padding-left: 30px;

        padding-right: 30px;
    }

    .project-nav .project_filter {
        border-radius: 10px;

        padding: 0 10px;
    }

    .project-nav .project_filter li:not(:first-child) {
        margin-left: 10px;
    }

    .checkout-form-toggle .form-login input {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .input-group input {
        height: 50px;

        padding: 0 10px;
    }

    .input-group .submit-btn {
        font-size: 16px;
    }

    .custom-navtab,
    .product-discription-tabs .nav,
    .project-nav .project_filter {
        padding: 0 20px;
    }

    .author-info {
        -ms-flex-flow: column;

        flex-flow: column;

        -webkit-box-align: start !important;

        -ms-flex-align: start !important;

        -ms-grid-row-align: start !important;

        align-items: start !important;
    }

    .author-info .author-image {
        margin-bottom: 15px;
    }

    .contact-form-wrapper {
        padding: 25px 20px;
    }
}

@media only screen and (max-width: 379px) {
    .custom-navtab li .filter-btn,
    .product-discription-tabs .nav li .filter-btn,
    .project-nav .project_filter li .filter-btn,
    .custom-navtab li .product--nav-item,
    .product-discription-tabs .nav li .product--nav-item,
    .project-nav .project_filter li .product--nav-item {
        padding: 20px 0;
    }

    .main-header .main-menu > ul {
        width: calc(100% - 10px);

        padding: 0;
    }

    .post-comments-wrap .single-post-comment {
        -ms-flex-flow: column;

        flex-flow: column;
    }

    .post-comments-wrap .single-post-comment .comment-author-image {
        margin-bottom: 15px;
    }

    .post-comments-wrap .post-comment-reply {
        margin-left: 30px;
    }

    .comments-form form textarea,
    .review-form form textarea {
        padding: 15px;
    }

    .comments-form form input,
    .review-form form input {
        padding: 0 15px;
    }

    .widget.widget_social_media .social-icons li,
    .widget.widget_social_media .single-product .product-img .quick-icons li,
    .single-product .product-img .widget.widget_social_media .quick-icons li {
        -ms-flex-preferred-size: 50%;

        flex-basis: 50%;
    }

    .newsletter .newsletter-text h2 span {
        display: inline;
    }

    .product-review .single-product-review {
        -ms-flex-flow: column;

        flex-flow: column;
    }

    .product-review .single-product-review .review-author-image {
        margin: 0 0 15px;
    }

    .product-review .product-review-reply {
        margin-left: 30px;
    }

    .cart--shoping-button .btn-fill {
        padding: 11px 15px 12px;

        font-size: 14px;
    }

    .cart--shoping-button .btn-fill:first-child {
        margin-right: 16px;
    }

    .shop--cart-total .cart--purchage-btn .btn-fill {
        padding: 11px 15px 12px;

        font-size: 14px;
    }
}

/* ************************

 *

 * 5.0: CSS For WHMCS

 *

 * ********************* */

a {
    color: #ff6378;
}

a:hover {
    color: #ff91d9;
}

.main-menu .nav > li > a:focus,
.main-menu .nav > li > a:hover {
    background-color: transparent;
}

section#home-banner h2 {
    margin-bottom: 20px;
}

section#home-banner {
    padding: 65px 0 70px;

    background-color: #fff4df;

    color: #ff6378;
}

section#home-banner .btn.search {
    background-color: #ff91d9 !important;
}

section#home-banner .btn.search:hover {
    background-color: #ffa6de !important;
}

.navbar-main {
    background-color: #ff6378;
}

.home-shortcuts {
    background-color: #ffa6de;

    padding: 13px 0;
}

body,
section#main-body {
    background-color: #fff9ef !important;
}

.label-warning {
    background-color: #ff91d9;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ffa6de;
}

blockquote {
    border-color: #ffd6e5;

    border-width: 2px;
}

.home-shortcuts li {
    border-color: #ffc9eb !important;
}

.announcement-single .label.label-default {
    background-color: #fff4df;

    color: #777;
}

.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:focus,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li > a:hover {
    background-color: #ff2f4b;
}

ul.top-nav {
    margin-top: 0;
}

input[type='checkbox'],
input[type='radio'] {
    min-height: 30px;

    margin-top: 0;
}

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