

@media (min-width:768px) {
    .top-header .col-md-6.col-sm-6.navbar-collapse{width:50%}
    #modeltheme-main-head .col-md-9.navbar-collapse{width:75%}
}

.openBtn i{
    font-size:16px;
    color:#be0000;
}

#bridge h2{
    margin-bottom:20px;
}
div.announcement-single .label{font-weight:500;}

#bridge .kbcategories a{padding:10px;background-color:#ECF4F7;}

.kbarticles a{
    display:block;margin-bottom:10px;
    color:#3F3D59;
}

.form-horizontal .form-control{
    height:70px;
    border-radius:10px;
    border:solid 1px #ccc;
}

.kbarticles p{
    margin-bottom:10px;
}

#order-standard_cart .products .product div.product-desc{
    padding: 8px 45px;
}
#order-standard_cart .products .product header{margin-bottom:20px;}
#order-standard_cart .order-summary h2{color:#fff!important;}
.footer-textcodebox{margin-bottom:0!important}
#diskUsage .usage-dial,#bandwidthUsage .usage-dial{display:inline-block!important}
.whmcs_bridge_page{color:#3F3D59!important;font-family: 'Jost', sans-serif !important;font-weight:400;background-color:#f5f6fa}
#bridge .caret{color:#5a5f69}
#bridge h1,#bridge h2,#bridge h3,#bridge h4,#bridge h5{font-family: 'Jost', sans-serif !important;color: #3F3D59 !important;font-weight:500}
#bridge .breadcrumb{margin-left:0;background:0 0;padding-left:0}
#bridge section#main-body{padding-top:40px;padding-bottom:40px;background-color:#F4F8FA !important;border-bottom:1px solid #cfdbe3}
#bridge .main-content{margin-bottom:0}
#bridge .kbcategories{margin-bottom:10px}
#bridge .announcement-single .title{font-weight:500;color:#3F3D59;display:block;margin-bottom:15px;}
#modeltheme-main-head{margin-bottom:0}
div#bridge ul.nav li.dropdown:hover ul.dropdown-menu{display:block}
#bridge .navbar-nav{margin:0}
#bridge .navbar-default .navbar-collapse,#bridge .navbar-default .navbar-form{border:none}

.header-title-breadcrumb .breadcrumb{margin-bottom:0}
.header-title-breadcrumb .breadcrumb a{text-decoration:none}
.header-title-breadcrumb .breadcrumb>li+li:before{display:none}
div#primary{padding:0}
div#content.container{width:100%!important;padding:0}
#bridge .container{width:1170px;padding-left:15px;padding-right:15px}
#bridge section#header .logo-text{color:#fff;font-size:16px;line-height:16px;font-weight:700;text-transform:uppercase;margin-top:12px;display:inline-block;}
#bridge #home-banner h2{color: #fff !important}
#bridge .navbar-main{background:#fff}
#bridge .navbar-main li.account{background:#6f75ff !important}
#bridge #primary-nav>.nav.navbar-nav li.account > a{color:#fff!important}
#bridge .label-warning{background:#e94d3a !important}
#bridge #home-banner{background-color:#6057E3;}
#bridge .home-shortcuts{background-color:#F4F8FA}
#bridge ul.top-nav>li.primary-action>a.btn{background-color:#55D287 !important;padding:10px 24px;border-radius:10px;font-size:14px;line-height:13px;font-weight:500;transition:.5s ease-in-out;color:#fff}
#bridge ul.top-nav>li.primary-action>a.btn:hover{background-color:#55D287!important;color:#fff;box-shadow:0 10px 0 0 inset rgba(0,0,0,0.15);border: solid 1px #55D287;}
#bridge #primary-nav{padding:0}
#bridge div.announcement-single:last-child{margin-bottom:0}
#bridge div.announcement-single h3 a{color:#3F3D59}
#bridge .announcement-single a.label.label-warning{display:inline-block;padding:10px 15px;border-radius:10px;background: #6057E3 !important;color:#fff !important}
#bridge .announcement-single a.label.label-warning:hover{background-color:#6057E3}
#bridge section#footer{background-color:#1d1c1c;color:#fff}
#bridge .navbar-main .navbar-nav>.active>a,#bridge .navbar-main .navbar-nav>.active>a:focus,#bridge .navbar-main .navbar-nav>.active>a:hover,#bridge .navbar-main .navbar-nav>.open>a,#bridge .navbar-main .navbar-nav>.open>a:focus,#bridge .navbar-main .navbar-nav>.open>a:hover,#bridge .navbar-main .navbar-nav>li>a:focus,#bridge .navbar-main .navbar-nav>li>a:hover{background-color:transparent}
#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a,#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:focus,#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:hover,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:focus,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:hover{background-color: #222222 !important;color:#fff!important}
#bridge .dropdown-menu>li>a{color:#3F3D59}
#bridge section#footer .back-to-top i{background-color:#fff;opacity:1;color: #e94d3a
}
#bridge section#footer .back-to-top i:hover{opacity:.7}
#bridge .panel-sidebar>.panel-heading{background-color:#6057E3;color:#e94d3a}
#bridge .panel-sidebar .panel-title{color:#fff!important;font-weight:500;font-size:1.2em}
#bridge .panel-sidebar .list-group-item i.fa:not(.fa-circle-o):not(.fa-dot-circle-o),#bridge .panel-sidebar .panel-title .fa{color:#3fd7d7}
#bridge .list-group a .fa{color:#3F3D59!important}
#bridge .panel-sidebar a.list-group-item.active,#bridge .panel-sidebar a.list-group-item.active:focus,#bridge .panel-sidebar a.list-group-item.active:hover{background-color: #6057E3;border-color:#fff}
#bridge a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{background-color: #6057E3;color:#fff}
#bridge .panel-sidebar a.list-group-item:hover i.far,#bridge .panel-sidebar a.list-group-item:hover i.fas{color:#fff!important}
#bridge .panel-sidebar a.list-group-item.active .fa,#bridge .panel-sidebar a.list-group-item.active:focus .fa,#bridge .panel-sidebar a.list-group-item.active:hover .fa{color:#fff!important}
#bridge div.header-lined .breadcrumb li a,#bridge div.header-lined h1{color: #3F3D59;padding-bottom:20px;}
#bridge div.header-lined h1{color:#3F3D59!important}
#bridge div.header-lined .breadcrumb li a:hover{color:#6F74FF}
#bridge .label-info{background-color: #222222;color:#fff}
#bridge .btn-default{color:#fff;background-color: #6057E3; border: 1px solid #6057E3;padding:9px;font-weight:500;font-size:15px;
border-radius:7px;
}
.btn-default:active,.btn-default:hover,#bridge .btn-default.active,#bridge .btn-default.active.focus,#bridge .btn-default.active:focus,#bridge .btn-default.active:hover,#bridge .btn-default:active.focus,#bridge .btn-default:active:focus,#bridge .btn-default:active:hover,#bridge .open>.dropdown-toggle.btn-default,#bridge .open>.dropdown-toggle.btn-default.focus,#bridge .open>.dropdown-toggle.btn-default:focus,#bridge .open>.dropdown-toggle.btn-default:hover{color:#fff !important; background: #55D287 !important;font-weight:500;font-size:15px; border-color:#55D287 !important}
#bridge .btn-primary{
    padding:5px 40px;
}

#bridge .btn-primary:focus{
    box-shadow:none;
}

#bridge #btnKnowledgebaseSearch.btn-primary{
    border-radius:0!important;
}

#bridge .btn-primary{color:#fff ;background:#6057E3 !important; border:1px solid #6057E3 ;font-size:15px;border-radius:10px;}
#bridge .btn-primary:hover{
    background:#55D287!important;
    border:solid 1px #55D287!important;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary,#bridge .btn-primary:hover{color:#fff;background-color: #e94d3a;border-color: #121212
}
#bridge #inputMessage{width:77%}
#bridge #registration .sub-heading span{color: #3F3D59;
}

#bridge .panel-title .glyphicon{color: #e94d3a
}
#bridge .domain-checker-container{background:#fff !important;margin-top:30px}
#bridge .domain-checker-bg{border-radius:0;background-image:url(https://hostiko.com//hostiko/layout48/wp-content/uploads/2020/08/hostiko-banner.jpg);background-position:center center;background-size:cover;background: linear-gradient(to right, #fe407a, #ff7245) !important;}
#bridge .domain-checker-container .input-group-box{border-radius:32px;padding:0}
#bridge .domain-checker-container .input-group-box.input-group-lg >.form-control{border:none;padding:0 15px;border-radius:0}
#bridge .domain-checker-container .input-group-box.input-group-lg #btnCheckAvailability{border-radius:0}
#bridge .btn-success{background-color:#6057E3 !important;border-color: #6057E3 !important;transition:.5s ease-in-out;border-radius:10px;}
#bridge .btn-success:hover{background-color:#55D287!important;border-color:#55D287!important}
#bridge #order-modern .product:hover{background-color:#f1f1f1!important}
#bridge #order-modern .product .name{font-family: 'Jost', sans-serifcolor: #3F3D59 !important}
#bridge #order-modern .product .description ul{padding:0;margin:0;list-style-type:none}
#bridge #order-modern .product .description{margin:15px 0!important}
#bridge section#header{background-color: #6057E3 !important;
    background-image: linear-gradient(160deg, var( --e-global-color-9270e6a ) 0%, var( --e-global-color-67d2504 ) 100%);
!important;border-radius:0}
#bridge ul.top-nav>li>a{color:#fff;font-weight:500;font-size:14px;line-height:14px}
#bridge ul.top-nav>li.primary-action{border-color:rgba(255,255,255,.5)}
#bridge ul.top-nav>li>a .caret{border-top:4px dashed #fff}
#bridge ul.top-nav{margin-top:0;margin-bottom:0}
#bridge .home-shortcuts{width:100%;float:left;padding:100px 0;background:##3F3D59;margin-bottom:50px}
#bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center{width:100%}
#bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center p{font-size:30px;line-height:30px;font-weight:500;margin-bottom:35px;text-transform:capitalize;color: #3d302e !important;font-family: 'Jost', sans-serif}
#bridge .home-shortcuts .col-sm-12.col-md-8{width:100%}
#bridge .home-shortcuts li{width:23%;background:#fff;padding:60px 0;text-align:center;border:none;margin-right:2%;box-shadow:0 0 100px  0 rgba(0,0,0,0.2);position:relative;overflow:hidden;transition:.5s ease-in-out;height:200px}
#bridge .home-shortcuts li:before{content:'';position:absolute;top:0;right:-50px;bottom:0;left:0;border-right:50px solid transparent;border-bottom:250px solid #3F3D59; #3F3D59333;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.5s ease-in-out}
#bridge .home-shortcuts li:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
#bridge .home-shortcuts li a{z-index:1;position:relative;color:#FFD900 !important;}
#bridge .home-shortcuts li i{color:#6057E3 !important;transition:.5s ease-in-out}

#bridge .home-shortcuts li p{font-size:20px;line-height:20px;font-weight:500;text-transform:capitalize;color: #3F3D59;transition:.5s ease-in-out}
#bridge .home-shortcuts li i{font-size:50px;margin-bottom:10px}
#bridge .label-warning[href]:focus,#bridge .label-warning[href]:hover{background-color:#e94d3a}
#bridge .home-shortcuts li:last-child{margin-right:0}
#bridge .home-shortcuts li:hover i{color:#fff !important}
#bridge .home-shortcuts li:hover p{color:#fff}
#bridge ul.top-nav>li:active>a,#bridge ul.top-nav>li:focus>a,#bridge ul.top-nav>li:hover>a,#bridge ul.top-nav>li>a:focus{color:#fff}
#bridge .home-shortcuts li:first-child{border-left:0}
#bridge .home-shortcuts li:hover span{display:none}
#bridge div.announcement-single blockquote{background:#fff;padding:40px}
#bridge div.announcement-single blockquote p{line-height:26px;color:#776568 !important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg{background:#fff;padding:6px 10px;margin-top:20px;border:1px solid #9fb2c3;border-radius:0;box-shadow:10px 0 20px rgba(0,0,0,.1)}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit]{padding:12px 35px;border-radius:10px!important;font-size:14px;line-height:14px;font-weight:500!important;color: #e94d3a;transition:.5s ease-in-out;letter-spacing:1px;height:auto!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search{margin-right:5px}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search,#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.transfer:hover
{border: 1px solid #6057E3; background: #6057E3 !important;color:#fff;border-radius:7px!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.transfer
{background-color:transparent;padding:12px 25px;color: #3F3D59;border:1px solid #3F3D59;border-radius:0!important}

#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search:hover{background-color: #6057E3 !important; color: #fff !important; border: 1px solid #6057E3;}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit]:focus{outline-width:0}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]{font-size:16px!important;line-height:16px!important;font-weight:500!important;color:#222}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]::placeholder{color:#5a5f69!important;opacity:1}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]:-ms-input-placeholder{color:#3F3D59}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]::-ms-input-placeholder{color:#3F3D59}
#bridge #primary-nav>.nav.navbar-nav li > a{position:relative;font-weight:600!important;font-family: 'Montserrat', sans-serif;color:#3F3D59!important;text-align:right;}
#bridge #primary-nav>.nav.navbar-nav li > a:hover{color:#3F3D59 !important;}
#bridge #primary-nav>.nav.navbar-nav li a:before{bottom:auto;top:0;width:70%}
#bridge #primary-nav>.nav.navbar-nav li a:hover:before{bottom:auto;top:0}
#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a{padding-left:15px;padding-right:15px}
#bridge .navbar-main .navbar-nav>li>a{padding-top:20px;padding-bottom:20px;position:relative;color:#e94d3a}
#bridge .navbar-main .navbar-nav>li:first-child>a{padding-left:0}
#bridge #footer{display:none}
#bridge .list-group-item{padding:10px 15px}
#bridge .table>tbody>tr>td,#bridge .table>tbody>tr>th,#bridge .table>tfoot>tr>td,#bridge .table>tfoot>tr>th,#bridge .table>thead>tr>td,#bridge .table>thead>tr>th{border-color:transparent!important;border-top:1px solid #ddd!important}
#bridge #order-modern .cart_dropdown{display:block;background:#3F3D59;width:210px;padding:15px;border:none;margin-top:0}
#bridge .input-group-btn{z-index:9}
#bridge #order-modern .choosecat{float:left;margin:0}
#bridge #order-modern .currencychooser{margin:-25px 0 15px}
#bridge .btn-group>.btn:first-child{margin-left:0}
.language-popover .popover-content li:hover a{color:#fff!important}
input[type="button"],input[type="reset"],input[type="submit"]{background:#3F3D59}
#bridge .tab-content .btn {color: #fff !important}
#bridge .client-home-panels .btn-success,#bridge .client-home-panels .btn{
    padding:13px 20px;
    border-radius:0;
}

@media screen and (max-width:1199px) {
    #bridge .container{width:970px}
    #bridge{margin-top:75px}
}
@media screen and (max-width:991px) {
    #bridge .container{width:750px}
    #bridge{margin-top:-1px}
    #bridge .navbar-collapse{margin:0}
    #bridge .navbar-main .navbar-nav>li>a{padding-left:0;padding-right:0}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:active,#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:focus,#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:hover,#bridge .navbar-main .navbar-nav>li>a:active,#bridge .navbar-main .navbar-nav>li>a:focus,#bridge .navbar-main .navbar-nav>li>a:hover{padding-left:15px;padding-right:15px}
    #bridge .navbar-main .navbar-nav>li>a{padding:10px 15px!important}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>.dropdown-menu,#bridge .navbar-nav>li>.dropdown-menu{float:left;width:100%}
    #bridge .navbar-nav>li>.dropdown-menu{position:relative}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a{padding-left:0;padding-right:15px}
    .navbar-main .navbar-toggle .icon-bar{background-color:red}
    .navbar-main .navbar-toggle{border-color:#3F3D59}
    #bridge .navbar-collapse{margin:0;position:absolute;right:0;top:100%;width:200px;background-color:#4f4b6c;z-index:200;padding:0}
    #bridge .navbar-nav>li>.dropdown-menu{background:transparent;margin-bottom:0;padding:0}
    #bridge .dropdown-menu>li>a{color:red!important;font-size:12px!important;line-height:30px!important;padding:0 15px!important}
    #bridge .navbar-nav>li>.dropdown-menu{padding:0;margin-bottom:0}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown{transition:all ease-in-out .5s;overflow:hidden}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown .dropdown-menu{max-height:0;transition:all ease-in-out .5s}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown.open .dropdown-menu{display:block;max-height:470px;padding:0 15px}
    #bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:hover,#bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:focus{background:rgba(0,0,0,0.9)!important}
    .navbar-main .navbar-toggle:focus .icon-bar,.navbar-main .navbar-toggle:hover .icon-bar{background-color:fff}
    #bridge #nav.navbar-main .navbar-nav>.active>a:before,#bridge #nav.navbar-main .navbar-nav>.active>a:focus:before,#bridge #nav.navbar-main .navbar-nav>.active>a:hover:before,#bridge #nav.navbar-main .navbar-nav>.open>a:before,#bridge #nav.navbar-main .navbar-nav>.open>a:focus:before,#bridge #nav.navbar-main .navbar-nav>.open>a:hover:before,#bridge #nav.navbar-main .navbar-nav>li>a:focus:before,#bridge #nav.navbar-main .navbar-nav>li>a:hover:before{display:none}
    #bridge .input-group-btn{z-index:1}
    #bridge #primary-nav >.nav.navbar-nav li a{color:#fff!important;font-weight:400!important}
    #bridge .navbar-main{border-bottom:none}
    #bridge .dropdown-menu>li>a{padding-top:5px;padding-bottom:5px;color:#fff!important}
    #bridge .caret{color:#fff}
}
@media screen and (max-width:767px) {
    #bridge .dataTables_wrapper{overflow-x:auto!important;overflow-y:hidden!important}
    #bridge .dataTables_wrapper table.table-list{width:900px!important}
    #bridge .home-shortcuts{padding:50px 0}
    #bridge .home-shortcuts li{width:50%!important;margin:10px auto!important}
    #bridge .container{width:100%;padding:0 15px}
}
@media screen and (max-width:480px) {
    #bridge .logo,#bridge .top-nav{width:100%;float:left;text-align:right}
    #bridge .logo{padding-top:15px;text-align:center}
    #bridge #order-modern .currencychooser{text-align:center!important}
    #bridge section#header .logo img{width:50%}
    #bridge .announcement-single h3{line-height:24px}
    #bridge .dataTables_info{float:left!important;width:100%!important;margin-top:20px!important}
    #bridge .dataTables_filter{float:left!important;width:100%!important;background:#4f5360!important;margin-top:10px!important}
    #bridge #bridge .listtable{float:left}
    #bridge .home-shortcuts li{width:80%!important;margin:10px auto!important;float:none;height:140px;padding:20px 0 30px}
    #bridge ul.top-nav>li>a{font-size:14px;line-height:14px}
    #bridge .input-group-btn{display:inline-table}
    #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]{text-align:center}
    #bridge div.announcement-single blockquote{padding:20px;font-size:14px;line-height:24px}
    #bridge .home-shortcuts{margin-bottom:20px}
    #bridge section#header .logo-text{display:none}
    #bridge .main-content{margin-bottom:0}
    #bridge ul.top-nav>li.primary-action>a.btn{padding:7px 10px;font-size:12px;line-height:12px}
    #bridge .home-shortcuts li p{font-size:16px;line-height:16px}
    section#home-banner h2{font-size:18px}
    #bridge .dropdown-menu>li>a{font-size:14px!important;line-height:20px!important;padding:0!important}
    #bridge .navbar-nav>li>.dropdown-menu{padding:0 15px}
    #bridge .navbar-main .navbar-nav>li>a{padding:5px 15px!important}
}
.sidebar .list-group-item:hover .badge{
    color:#fff;
}

 .form-inline ,
 .form-inline label{
    line-height: 0 !important;
     white-space: pre;
}