@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900";



:root{

    --global--color-orange:#212529;

    --global--color-blue:#f40076;

    --global--color-white:#fff;

    --global--color-black:#1f1e1e;

}



body{font-family:'Poppins', sans-serif;}

.navbar-default {background-color:var(--global--color-white)}

.navbar-default .navbar-nav>li>a {color:var(--global--color-black)}

.padding_top_70{padding-top:70px;}

.padding_bottom_70{padding-bottom:70px;}

.font-18{font-size:18px;}



.main-header ul li a{font-size:14px;padding:20px!important;font-weight:500;}

.main-header ul li a:hover{background-color:var(--global--color-orange);color:var(--global--color-white)}

.main-header .dropdown-menu{background-color:var(--global--color-orange);box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);border:none}

.main-header .dropdown-menu a{color:var(--global--color-white);padding:15px 20px!important;line-height:14px;}

#header .navbar.navbar-light, .main-header .dropdown-menu a:hover{background-color:var(--global--color-blue);}

#header .main-navbar-wrapper{background-color:var(--global--color-orange);}

#header .navbar-brand{color:var(--global--color-white)}

#header .navbar-collapse{padding:0!important}

#header .navbar-collapse a{display:block!important;color:var(--global--color-white);padding:20px 15px!important;}

#header .main-navbar-wrapper .dropdown-menu a{font-size:14px;color:#777!important;padding:0!important;text-decoration:none;padding:0 15px!important;line-height:36px;}

#header .navbar-collapse ul li a:hover{background-color:var(--global--color-orange);text-decoration:none;}

#header .main-navbar-wrapper .dropdown-menu li{padding:0}

#header .main-navbar-wrapper .dropdown-menu a:hover{background-color:#eee!important;}

.list-group-item.active{background-color:var(--global--color-blue);}

.btn-success{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}

.btn-success:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}

.card-header{background-color:var(--global--color-blue);color:var(--global--color-white)}

.card-header h4{margin-bottom:0;}



/* =================================== Banner ====================================== */



.home-domain-search{background-image:url(assets/images/whmcs-bannerlayout03.jpg)!important;background-size:cover;background-repeat:no-repeat;background-size:cover;}

.home-domain-search .btn-primary,#main-body .btn-outline-primary{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}

.home-domain-search .btn-success,#main-body .btn-outline-primary:hover,.home-domain-search .btn-primary:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}

.home-domain-search h2,#default-captcha-domainchecker, .home-domain-search .btn-link,#main-body .btn-outline-primary{color:var(--global--color-white)}

.primary-content .home .card{min-height:250px;}

.primary-content .home .card:hover{box-shadow:10px 10px 20px rgba(0,0,0,0.1);}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}







/* =================================== Footer ====================================== */

footer.footer{background-color:var(--global--color-white);}

footer.footer .btn{background-color:var(--global--color-black);}

footer.footer .copyright{color:var(--global--color-black)}

.home-domain-search .btn-success:hover{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}

footer.footer .nav-link{color:var(--global--color-white);background-color:#404040;border-radius:4px;}

.footer_logo_box .copyright{font-size:14px;color:#777;line-height:22px;}

.footer_logo_box .copyright span a{color:var(--global--color-white);}

.footer-box{background-color:#212529;background-repeat:no-repeat;}

#hostiko-footer ul li a{font-weight:300;letter-spacing:1px;transition:all ease-in-out .6s;color:#ababab}

.footer-box ul li a{font-size:14px;font-weight:300;color:#bfbfbf;line-height:2px;}

.footer-box h5{margin-bottom:15px;font-weight:600;}

.footer_info a,.footer-box ul li a:hover{color:var(--global--color-white)!important}

.footer_info li, .footer_info li span{color:#777;font-size:14px;}

.footer_info li{padding-bottom:10px;}

.footer_social_links li{display:inline-block;margin-right:5px}

.home-domain-search .btn-link{display:inline-block;width:100%;margin-top:25px;box-shadow:none;}





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

    header#header.header .main-navbar-wrapper{padding:.5rem 1rem!important}

    #header .navbar-collapse a{padding:5px 0!important}

    header.header .main-navbar-wrapper .navbar-collapse{padding:.5rem 1rem!important}

    #header .navbar-collapse ul li a:hover{background-color:transparent!important;}

}

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

    .main-header{padding-top:10px;padding-bottom:10px;}

    .main-header .navbar-toggler{padding:.25rem .5rem;background-color:var(--global--color-orange);}

    .main-header .navbar-toggler:focus{outline:none;}

    .main-header .navbar-toggler-icon{background:url(assets/images/mobile_toogle_button.svg);}  

    .main-header .navbar-collapse{position:absolute;right:0;top:100%;background-color:var(--global--color-blue);width: 30%;padding: 10px 0; z-index:9}

    .main-header ul li a{padding:10px 20px!important;color:var(--global--color-white)}

}

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

.footer-box .container{max-width:100%}

.padding_bottom_70{padding-bottom:40px;}

.padding_top_70{padding-top:50px;}

.main-header .navbar-toggler{padding:.25rem .3rem}

}

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

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

    .footer_logo_box{text-align:center;}

    .footer_logo_box img{width:30%}

    .footer_box{display:none;}

    .primary-content .home .card{min-height:auto}

    .home-domain-search .p-5{padding:0!important}

    .home-domain-search{padding-top:40px;padding-bottom:40px;}

    .h2, h2{font-size:1.5rem;}

    #default-captcha-domainchecker{font-size:14px;}

    .main-header .navbar-collapse{width:50%;}

}