@import url('https://fonts.googleapis.com/css?family=Poppins:500');

/*****************************Mega Menu****************************************************/

.bbhd-menu li .bbhd-mega-menu {

    background: none !important;

}

#hosting_menu {

    background: #f5f5f5;

    padding: 60px 60px;

    margin-top: 20px;

    box-shadow: 4px 10px 5px rgba(0,0,0,.2);

}

#bb-header-container-default p:empty{
    display:none;
}

.circle-box{position:relative}
.circle-box:after{
    content:"";
    position:absolute;
    left:-20px;
    right:0;
    bottom:-85px;
    width:35px;
    height:35px;
    margin:0 auto;
    z-index:1;
    background-image:url("../../../assets/images/bordered-icon.png");
}

#hosting_menu .hover_state {

    display: none;

}

#hosting_menu h3 , #hosting_menu h3 a {

    color: #333;

    font-size: 20px;

    line-height: 20px;

    margin-top: 0;

}

#hosting_menu p {

    font-size: 12px;

    line-height: 20px;

    color: #777777;

    margin-bottom: 0;

}

.hosting_megamap {
    width: 100%;
    height: 185px;
    text-align: center;
    background: url("../../../assets/images/world-map.jpg") no-repeat;
    display: table;
    background-size: cover;
    float:none;
}

#hosting_menu .hosting_img_outer {

    border-right: 1px solid #cccccc;
    transition:all ease-in-out 0.6s;

}

#hosting_menu .Mega-inner h3{transition:all ease-in-out 0.6s}

#hosting_menu .Mega-inner:hover h3  , #hosting_menu .Mega-inner:hover h3 a {

    color: #28abe3;

}

#hosting_menu .Mega-inner:hover .normal_state {

    display: none;
    transition:all ease-in-out 0.6s;

}

#hosting_menu .Mega-inner:hover .hover_state {

    display: block;
    transition:all ease-in-out 0.6s;

}

#hosting_menu .Mega-inner_margin {

    margin-bottom: 40px;

}


.hosting_megamap_inner {

    display: table-cell;

    vertical-align: middle;

}

#hosting_menu  .hosting_megamap_inner h3 {

    color: #fff;

    line-height: 24px;

    margin-bottom:15px;
}

#hosting_menu  .hosting_megamap_inner a {

    background: #222222;

    color: #ffffff;

    padding: 18px 28px;

    display: inline-block;

    font-size: 14px;

    line-height: 14px;

    font-weight: 700;

    border-radius: 4px;

    text-transform: uppercase;

    box-shadow:5px 5px 3px rgba(0,0,0,0.2);

    border:solid 1px #ffffff;

}

#hosting_menu  .hosting_megamap_inner:hover a{
    background-color:#e9b71a !important;
    border-color:#ffde00;
}

#hosting_menu ul  {

    margin: 0;

    padding: 0;

    list-style-type: none;



}

#hosting_menu ul li {

    display: block;

    text-align: left;

    float: left;

}

#hosting_menu ul li a {

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    color: #222;

    padding: 14px ;

    display: inline-block;

    border-bottom: 1px solid #dadada;

    min-width: 300px;



}

#hosting_menu ul li a span.whmcs_megaimg {

    padding-right: 15px;

    border-right: 1px solid #dadada;

    margin-right: 20px;

    min-width: 64px;

    display: inline-block;



}

.search_box {
    width: 100%;
    height: 70px;
    position: relative;
    text-align: center;
    margin: 0 auto 0;
    border-radius: 4px;
}
.search_area {
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    border-radius: 4px;
}
.search_box .text_field:focus {
    border-radius: 32px !important;
    outline-color: #fff !important;
    color: #777 !important;
}
.search_box .text_field {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    border: none;
    height: 100%;
    padding: 0 55px 0 20px;
    border-radius: 4px;
    color: #777;
}
.search_btn {
    position: absolute;
    right: 2px;
    top: 2px;
    width: auto;
    padding: 26px 35px !important;
    height: auto;
    font-size: 14px !important;
    color: #fff !important;
    border-radius:0 4px 4px 0;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all ease-in-out .5s;
    border: none;
}
.search_box input::-webkit-input-placeholder, .search_box input:-moz-placeholder , .search_box input::-moz-placeholder , .search_box input:-ms-input-placeholder{color: #777777 !important}

#hosting_menu ul li a span.whmcs_megaimg  img{

    webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



.whmcs_mega_part > .vc_column-inner > .wpb_wrapper{

    border-right: 1px solid #ddd;

    float: left;

    width: 100%;

}





#hosting_menu ul li a:hover {

    color:#28abe3;

}

#hosting_menu ul li a:hover span.whmcs_megaimg  img {

    webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */

    filter: grayscale(0);

}



#hosting_menu.whmcs_menu {

    padding: 36px 35px 50px;

}







#bb-header-container-default .dropdown .bb-dropdown-menu {

    width: 280px;

    margin-left: 0;

    background-color: #f5f5f5;

    padding: 20px 40px;

    border-radius: 0;

    margin-top: 21px;

    left: -30px;

    border-bottom: 0;

    box-shadow: 4px 10px 5px rgba(0,0,0,.2);



}

#bb-header-container-default .dropdown .bb-dropdown-menu:before {

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 13px solid #f5f5f5;

    position: absolute;

    content: "";

    top: -13px;

    left: 30px;

}



#bb-header-container-default .dropdown .bb-dropdown-menu li a {

    font-size: 16px;

    line-height: 16px;

    padding: 16px 0;

    border-bottom: 1px solid #cccccc;

    color: #222;

    display: block;

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

}

#bb-header-container-default .dropdown .bb-dropdown-menu li:last-child a {

    border-bottom: none;

}

#bb-header-container-default .dropdown .bb-dropdown-menu li a:hover {

    color: #e8b71a;

    border-color: #e8b71a;

}



#hosting_menu .hosting_menu_last_child ul li  a {

    border-bottom: none;

}

#search_box .search_area{
    box-shadow:0 5px 40px rgba(0,0,0,0.30);
}


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

    .bbhd-menu li .bbhd-mega-menu {

        width: 770px !important;



    }



    #desktop_header {

        width: 100%;

        padding: 0 15px;



    }



    #desktop_header .vc_col-sm-4 {

        width: 50%;

        float: left;

    }

    #desktop_header .vc_col-sm-4#whmcs_single_img ,    #desktop_header #hosting_maploction {

        width: 100%;

        margin-top: 20px;

    }



    #hosting_menu {

        width: 100%;

        float: left;

        padding: 35px 20px;

    }

    #hosting_menu.whmcs_menu {

        padding: 20px 10px 30px;

        width: 100%;

        float: left;

    }

}

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

.bbhd-header-menuside .menu{
    float: left;
    width:100%;
    padding:15px 30px !important;
}
.bbhd-header-menuside .menu li a{
    font-size:14px !important;
    text-transform:uppercase;
    line-height: 16px;
    color:#333333;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    border-bottom:solid 1px #e0e0e0;
}
.bbhd-header-menuside .menu li.active a{
        color:#e8b71a;
}
    .bbhd-header-menuside .menu li i{
        background-color:transparent !important;
        color: #e8b71a;
        font-weight:900;
        font-size:18px;
    }
    .bbhd-header-menuside .menu li{
        float: left;
        width: 100%;
    }
    .bbhd-header-menuside .menu li a{
        position: relative;
    }
    .bbhd-header-menuside .menu li a:before{
        content: "";
        position: absolute;
        left: 0;
        top: 17px;
        width:6px;
        height:6px;
        background-color:#e8b71a;
    }
    .bbhd-header-menuside .menu li ul li a:before{
        display:none;
    }
    .bbhd-header-menuside .menu li.menu-item-object-bbhd_megamenu.expand{
        background-color:transparent !important;
    }
    .bbhd-menu-mobile-wrap .bbhd-header-menuside ul li.menu-item.menu-item-has-children.expand, .bbhd-menu-mobile-wrap .bbhd-header-menuside ul li.menu-item-object-bbhd_megamenu.expand{
        background-color:transparent !important;
        border-bottom:none !important;
    }
    #bb-header-container-default .dropdown .bb-dropdown-menu {
        float: left;
        width:100%;
        margin:0;
        padding:0;
        box-shadow:none;
        border-bottom:solid 1px #e0e0e0;
    }
    #bb-header-container-default .dropdown .bb-dropdown-menu li a{
        padding-left:30px;
        padding-top:12px;
        padding-bottom:12px;
        border-bottom:none;
    }
    .bbhd-menu-mobile-wrap .bbhd-header-menuside ul li .current_page_item > a, .bbhd-menu-mobile-wrap .bbhd-header-menuside ul li .current-menu-item > a {
        box-shadow: none;
        background-color:#e8b71a !important;
        color:#ffffff !important;
    }
    #bb-header-container-default .dropdown .bb-dropdown-menu:before {
        display:none;
    }
    .bbhd-menu-mobile-wrap .bbhd-header-menuside ul li,
    #bb-header-container-default li.expand a.dropdown-toggle
    {
        border-bottom:none !important;
    }
}