/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 3.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/
.bt-white-w-b{
    color: #333;
    background: #fff;
    border: 1px solid lightgray;
}
.m-0-a{
    margin: 0 auto !important;
}
.home-page #how-it-works .step{
    left: 120px;
}
.home-page #home_services .iq-shadow i{
    padding: 0px;
}
.header-blue{
    background: rgba(59, 144, 253, 0.9);
}
.features-page #features_services li.nav-item a {
    padding: 15px !important;
}
.features-page #features_services li.nav-item span{
    /*width: 33%;*/
    display: block;
    text-align: center;

}
@media (max-width: 580px){
    .features-page #features_services li.nav-item a i{
        display: none;
    }
    .features-page #features_services li.nav-item a {
        padding: 10px !important;
    }
    .features-page #features_services li.nav-item a span {
        font-size: 14px;
        line-height: 20px;
        display: inline-block
    }
}
.corporate-page .iq-tab.horizontal .nav-item,.school-page .iq-tab.horizontal .nav-item{
    width: 22%;
    margin-bottom: 10px;
}

.widget-box-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: -1px;
    left: -1px;
    min-height: 100%;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    z-index: 999;
}
.widget-box-overlay > .loading-icon {
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 20%;
}
.white {
    color: #fff;
}
.login-btn-border{
    border: 1px solid;
    padding: 12px 36px !important;
    border-radius: 5px;
}
.login-btn-border-blue{
    border: 1px solid #3b90fd;
    padding: 12px 36px !important;
    border-radius: 5px;
}
.login-btn-border:hover::before {
    width: auto !important;
}
.login-btn-border-blue:hover::before {
    width: auto !important;
}
#back-to-top .top{
    bottom: 100px; 
}

.buy-now-btn{
    display: none;
}
@media (max-width: 992px){
    header .navbar .navbar-collapse{
        padding: 10px;
    }
    .buy-now-li a.nav-link {
        display: inline-block;
    }
    .buy-now-li .buy-now-btn {
        display: inline-block;
        padding: 12px 22px !important;
        margin-left: 2px;
    }
    .buy-now-li .buy-now-btn.bt-black {
        background: #3b90fd;
        color: #fff !important;
        border: 1px solid #3b90fd;
    }
    .buy-now-li .buy-now-btn.button {

        color: #fff !important;


    }
}

.custom-one-month-plan{
    border: 1px solid #4d9afd;
}
.custom-one-month-plan .price-title{
    background: #f5f7fb !important;
}
.custom-one-month-plan h2,.custom-one-month-plan h2 small,.custom-one-month-plan span{
    color: #4d9afd !important;
}

/*header-blue*/
.header-blue .nav-item.top-menu-dropdown .dropdown-menu{
    border-color: #efefef;
}
.header-blue .nav-item.top-menu-dropdown a.dropdown-toggle::before{
    height: 0px !important;
}
.header-blue .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item{
    padding-left: 10px;
    padding-right: 10px;
    color: #555;

}

.header-blue .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:focus,.header-blue  .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:hover {
    color: white;
    background-color: #4a8ffa !important
}
/*END header-blue*/
/*header-dark*/
.dark  .nav-item.top-menu-dropdown .dropdown-menu{
    border-color: white;
}
.dark  .nav-item.top-menu-dropdown a.dropdown-toggle::before{
    height: 0px !important;
}
.dark  .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item{
    padding-left: 10px;
    padding-right: 10px;
    color: #555;

}

.dark  .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:focus, .dark .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:hover {

    background: #f5f7fb !important;
}
/*END header-dark*/
/*header-white*/
.header-white  .nav-item.top-menu-dropdown .dropdown-menu{
    border-color: #f5f7fb;
}
.header-white  .nav-item.top-menu-dropdown a.dropdown-toggle::before{
    height: 0px !important;
}
.header-white  .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item{
    padding-left: 10px;
    padding-right: 10px;
    color: #555;

}

.header-white  .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:focus, .header-white .nav-item.top-menu-dropdown .dropdown-menu .dropdown-item:hover {

    background: #f5f7fb !important;
}
/*END header-dark*/
.nav-item.top-menu-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
    left: -50px;
}
.nav-item.top-menu-dropdown .dropdown-menu:before {
    content:"";
    position: absolute;
    right: 70px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent;
    z-index:9999;
}

@media (max-width: 992px){
    .nav-item.top-menu-dropdown .dropdown-menu {
        display: block;
        margin-top: 0; 
        margin-bottom: 10px; 
        /*border:1px solid #f7f7f7;*/
    }
    .dark .nav-item.top-menu-dropdown .dropdown-menu {
        border-color: rgba(0,0,0,.15);
    }
    .nav-item.top-menu-dropdown .dropdown-menu:before {

        left:25px;
        right: 0px;
        top: 35px;
        border-color: transparent transparent rgba(0,0,0,.15)  transparent;
    }
}
.nav-item.top-menu-dropdown .dropdown-toggle::after{
    display: none;
}