/*
Theme Name: Hostiko Child
Template: hostiko
Description: hostiko brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
Author: the WordPress team
*/

    /* Global Border Radius */
    :root {
        --e-global-border-radius: 8px;
    }

   /* Navigation */
    .navbar-area .nav-container {
        max-width: 1110px;
        padding-left: 30px;
    }
    .navbar-area .navbar {
        margin-bottom: -110px;
    }
    .navbar-expand-lg {
        border-bottom: 0px !important;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav > li:last-child a,
    .navbar .nav-container .navbar-collapse .navbar-nav > li > a {
        font-weight: 500 !important ;
        color: #111;
        text-transform: capitalize;
    }
    .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li:last-child:hover a{
        color: #11dc62 !important;
    }
    .nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.current-menu-item a{
        color: #11dc62 !important;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav > li:last-child{
        background-color: #11dc62;
        border: 1px solid #11dc62 !important;
        border-radius: 14px;
        margin-right: 5px;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav > li:last-child:hover{
        background-color: #1e0d6f !important;
        border: 1px solid #1e0d6f !important;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li{
        line-height: 22px;
    }
    .navbar-area .navbar{
        height: 70px !important;
        margin-top: 40px;
    }
    .nav-transparent .nav-white{
        background-color: #fff;
        border-radius: 14px;
        height: 70px;
    }
    .style-2 .nav-transparent .nav-container .navbar-collapse .navbar-nav > li:after {
        display: none;
    }

    /* Nav Sub Menu */

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu{
        background-color: #fff !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }
    .navbar-area .nav-container  #hostiko_main_menu.navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a{
        color: #111;
        font-weight: 500;
        text-transform: capitalize;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
        color: #11dc62 !important;}

    .nav-transparent .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu{
        top: 80% !important;
    }
    .nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.menu-item-has-children li.current-menu-item a{
        color: #11dc62 !important;
    }
    /* Cart Icon */
    .navbar-area .navbar-area-2 .cart-btn i{
        background: #1e0d6f !important;
        color: #11dc62 !important;
    }
    span.cart-contents-count{
        color: #000;
    }
    /* Cart Page */
    .woocommerce-page .wc-block-cart-item__product .wc-block-components-quantity-selector__button--plus:focus,
    .woocommerce-page .wc-block-cart-item__product .wc-block-components-quantity-selector__button--minus:focus,
    .woocommerce-page .wc-block-cart-item__product input.wc-block-components-quantity-selector__input:focus{
        box-shadow: none;
    }
    /* Checkout Page */
    .woocommerce-checkout.woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-coupon form button{
        border-radius:14px;
    }
    /* Domain Search */
    #domain_search_outter #searchtdomain {
        padding: 13px 283px 15px 30px;
        height: 65px;
        border-radius: 14px;
        border: none ;
    }
    #domain_search_outter #searchtdomain:focus{
        border: none;
    }
    #domain_search_outter #search_btn:hover{
        color:#fd9009 !important;
    }
    #domain_search_outter #search_btn {
        right: 155px;
    }
    #domainCartOption ul .tld-not-supported a:hover, #domainCartOption ul .domain-available a:hover, #domainCartOption ul .domain-taken a:hover{
        background:#fdf133;
    }
    #domain_search_outter #transfer_btn, #domain_search_outter #search_btn{top:8px;}
    #domain_search_outter #transfer_btn{ right: 8px;}
    #domain_search_outter #search_btn{right: 130px;}
    #domainCartOption ul .domain-available a,
    #domainCartOption ul .domain-taken a,
    #domainCartOption ul .tld-not-supported .popup{border-radius: 100px;}
    #domainCartOption ul .domain-available,
    #domainCartOption ul .domain-taken,
    #domainCartOption ul .tld-not-supported{border-radius: 100px;}
    #domainCartOption ul .domain-taken a.close{border-radius: 100px;}
    #domain_search_outter #transfer_btn:hover{color: #fff !important;}

    /* Testimonial Styles */
    .hostiko-testimonial-section .owl-carousel .owl-nav .owl-prev,
    .hostiko-testimonial-section .owl-carousel .owl-nav .owl-next{
        outline: none;
    }
    /* Footer Copyright Style */
    footer.footer-area.style-3 .footer-bottom {
        background: #0d023a;
    }
    .footer-area .footer-bottom .copyright{
        color: #ffffff;
    }

    /* Sub Banner */

    .page-title-area {
        padding: 192px 30px 122px 30px;
    }
    
    .page-title-area h1, 
    .page-title-area .title,
    .page-title-area.style-1 div.text-center{
        text-align: left !important;
        color: #fff;
    }
    .page-title-area .title{
        margin-bottom: 25px;
    }
    .page-title-area .breadcrumb{
        background-color: transparent !important;
        border: none !important;
        padding: 0;
        text-align: left;
    }
    .page-title-area .breadcrumb li{
        display: inline;
    }
    .page-title-area .breadcrumb a{
        color: #9c9c9c;
    }
    .breadcrumb li:first-child{
        padding-left: 0;
    }
    .breadcrumb li:last-child a,
    .breadcrumb li:not(:last-child)::after{
        color: #11dc62;
    }
    .breadcrumb li:not(:last-child)::after {
        top: -1px;
        font-size: 10px;
    }
    .page-title-area.style-1 .container .row > div.col-xl-12.col-lg-12.col-12{
        max-width: 700px;
    }
    .page-title-area.style-1 .container{
        max-width: 1110px;
     }
    /* WHMCS Pricing Plan */
    .whmcs-product-btn-outer{
        display: flex;
    }

    /* Faq Section */
    .hostiko-toggle .elementor-tab-title{
        border-radius: 14px;
        border: 1px solid #111;
        border-bottom: 1px solid #111 !important;
    }

    .hostiko-toggle .elementor-tab-title.elementor-active{
        border: 1px 1px 0px 1px solid #000;
        border-bottom: none !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .hostiko-toggle .elementor-tab-content.elementor-active{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-top: none !important;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
    }

    /* Pricing Widget */

    .hostiko-price-outer .decimal-outer .decimal{
        position: relative;
        top: 5px;
    }

    /* Comparision Table */
    .Comprison_pricingplan .hosting-feature-table tbody tr td.bg-color{
        border:none;
    }
    .Comprison_pricingplan .hosting-feature-table tbody tr.tbl_content.tbl_body_content:last-child td{
        padding: 25px 15px 45px 15px !important;
        border-top: 0 !important;
    }
    .Comprison_pricingplan .hosting-feature-table tbody tr.tbl_content.tbl_body_content:last-child td:first-child{
        border-left: none;
        border-bottom: none !important;
    }
    .Comprison_pricingplan .hosting-feature-table tbody td.main-tld-heading{
        padding: 29px 15px !important;
    }
    .Comprison_pricingplan .hosting-feature-table tbody td.main-tld-heading .heading1{
        margin-bottom: 12px !important;
    }
    .Comprison_pricingplan #button-table-top table tbody tr:nth-last-child(2) td {
        border-bottom: none !important;
    }
    .Comprison_pricingplan #button-table-top table tbody .bg-main {
        border-color: #70eaa1 !important;
    }
    .Comprison_pricingplan #button-table-top table tbody tr td .fa-check {
        font-weight: 900 !important;
        color: #fff;
        margin-right: 12px;
    }
    
    /* VPS Slider */
    .hostiko_vps_section .vps_content .vps_upper_content{
        padding: 48px 54px 45px;
    }
    .hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress_box{
        margin-left: 10px;
        margin-right: 10px;
    }

    .hostiko_vps_section .vps_content .vps_upper_content .progress_content .content_box li{
        border-color: #e8e6f0;
    }

    /* Domain Page TLD Section */
    .domain-page-tld .hostiko-price-outer .decimal-outer .decimal{
        top:0;
    }
    
    /* Domain Page TLD Table */
    .hostiko-tld-table-section .hostiko-tld-table tbody tr.hostiko-tld-body-row{
        border-bottom: 1px solid #e8e6f0;
    }

    .hostiko-tld-table-section .hostiko-tld-table tbody tr.hostiko-tld-body-row:last-child{
        border-bottom: none;
    }

    /* Contact Form */
    .hostiko-contactform-outer .hostiko-contactform input,
    .hostiko-contactform-outer .hostiko-contactform textarea{
        box-shadow: 1px 1px 71px rgba(85,82,204,0.04);
    }
    .hostiko-contactform .submit{
        width: 98%;
        background-color: #11dc62 !important;
        border-radius: 14px;
        border: none !important;
        margin: 0 1%;
    }
    .hostiko-contactform .submit:hover{
        background-color: #1e0d6f!important;
        color: #fff !important;
        border: none !important;
    }
    .hostiko-contactform-outer ::placeholder {
        color: #111111;
        opacity: 1; /* Firefox */
      }
      
      ::-ms-input-placeholder { /* Edge 12 -18 */
        color: #111111;
      }
    .hostiko-contactform-outer span.wpcf7-not-valid-tip{
        max-width: 445px;
        width: auto;
        position: absolute;
        font-size: 12px !important;
        margin: 0 !important;
        text-align: left !important; 
    }
    .hostiko-contactform-outer .wpcf7 form.sent .wpcf7-response-output{
        text-align: center;
        margin-top: 15px;
    }
    
    .hostiko-contactform .input-outter .nameEmail-outter input, .hostiko-contactform .input-outter .phoneSubject-outter input{
        border-radius: 14px;
        height: 62px;
        margin-bottom: 20px;
    }
    .hostiko-contactform .text-area-box{
        border-radius: 14px !important;
        height: 124px;
        margin-bottom: 32px;
    }
    @media only screen and (max-width: 1199px){
        .navbar-area .nav-container{
            padding: 0 15px;
        }
        .navbar-area .navbar{
            padding: 0 15px;
        }
        .hostiko-dedicated-tld-table .hostiko-tld-body-row td a{
            display: block;
            text-align: center ;
        }
    }

    
    @media only screen and (min-width: 992px){
        .Comprison_pricingplan #button-table-top td {
            width: 318px;
        }
       
    }
    @media only screen and (max-width: 1024px){
        .page-title-area {
            padding: 192px 0px 122px 0px;
        }
        .page-title-area h1, .page-title-area .title {
            font-size: 40px !important;
        }        
    }
    @media only screen and (max-width: 991px){
        .navbar-area .nav-container .navbar-collapse .navbar-nav > li:last-child{
            background: transparent;
            border: none;
        }
        .nav-transparent .nav-white,
        .navbar-area .navbar{
            height: 60px;
        }
        .navbar-area .nav-container{
            padding: 15px;
        }
        .navbar-area .logo a{
            margin-top: 0;
        }
        .toggle-btn{
            height: 40px;
            top: -17px;
        }
        .navbar-area .navbar-area-2 .cart-btn .btn{
            margin-top: 0;
        }
        .navbar-area .navbar{
            margin-bottom: -95px;
            margin-top: 15px;
        }
        .navbar-area-2 .nav-container .navbar-collapse {
            border-radius: 15px !important;
            top: 60px !important;
        }
        .nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.menu-item-has-children li.current-menu-item a{
            color: #1f186e !important;
        }
        .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a,
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu{
            background-color: #11dc62 !important;
        }
        .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
            color: #fff !important;
        }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
            padding: 4px 20px !important;
        }
        .navbar-area.nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.menu-item-has-children li.current-menu-item a{
            color: #fff !important
        }
        .nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.current-menu-parent > a,
        .navbar-area.nav-transparent .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li.current-menu-parent > a:before{
            color: #11dc62 !important;
        }
        .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li:last-child{
            background: transparent !important;
            border: none !important;
        }
        .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li:last-child:hover{
            background: transparent !important;
            border: none !important;
        }
        
        .navbar-area .nav-container .navbar-collapse .navbar-nav li + li,
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children{
            margin-right: 0;
        }
        .navbar-area .nav-container .navbar-collapse{
            left: 0;
        }
        .navbar .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li > a,
        .navbar.navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li:last-child a{
            color: #fff !important;
        }
        .navbar .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav > li > a,
        .navbar-area .nav-container #hostiko_main_menu.navbar-collapse .navbar-nav .menu-item-has-children a:first-child::before{
            color: #fff !important;
        }
        .page-title-area.overlay-bg.style-1{
            background-position: left;
        }
        .hostiko_vps_section .vps_content .vps_upper_content{
            padding: 38px 31px 38px;
        }
        .hostiko_vps_section .vps_content .vps_upper_content .progress_content .progress-image{
            margin-left: 0;
            margin-right: 0;
        }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before{
            color: #fff;
        }
    }
    @media only screen and (max-width: 768px){
        #domain_search_outter #search_btn{right: 120px;}
    }
    @media only screen and (max-width: 767px){
        
        .page-title-area {
            padding: 184px 15px 122px 15px;
        }
        .page-title-area h1, 
        .page-title-area .title,
        .page-title-area.style-1 div.text-center{
            text-align: center !important;
            color: #fff;
        }
        .page-title-area .breadcrumb{
            text-align: center;
        }
        .page-title-area .breadcrumb li{
            padding: 0 5px;
        }
        .Comprison_pricingplan #button-table-top table tbody tr td .fa-check {
            margin-right: 8px;
        }
        .hostiko_vps_section .vps_content .vps_upper_content {
            padding: 28px 20px 28px;
        }
        .register-reason-outter .elementor-image-box-wrapper figure.elementor-image-box-img{
            margin-bottom: 15px !important;
        }
        .hostiko-contactform-outer .wpcf7-not-valid-tip{
            margin: 0 !important;
            font-size: 12px !important;
        }
       
    }
    @media only screen and (max-width: 575px){
        #domain_search_outter #searchtdomain{height: 55px; margin-bottom: 5px;}
        #domain_search_outter #search_btn{right: 5px;}
        #domain_search_outter #transfer_btn{right: -5px; background: #fff !important; border-color: #fff !important;}
        .hostiko-contactform .input-outter .nameEmail-outter input, .hostiko-contactform .input-outter .phoneSubject-outter input {
            height: 55px;
            margin-bottom: 15px;
        }
        .hostiko-contactform .text-area-box{
            margin-bottom: 20px;
        }
    }