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

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

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

/*
1.1 Header Area
****************************************************/
/*Bootstrap Reset*/
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0
}

.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    border: 0 !important
}

.navbar-nav>li:last-child>a {
    padding-right: 0;
    margin-right: 0
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar-nav .show .dropdown-menu>li>a {
    padding: 16px 15px 16px 25px;
}

.header_bottom {
    background: #3260e0
}

.header_area .header_bottom .mainmenu a,
.navbar-default .navbar-nav>li>a,
.header_area .header_bottom .mainmenu ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    padding: 19px 30px;
    font-family: 'Roboto', sans-serif;
    display: block !important;
}


.header_area .header_bottom .mainmenu ul li ul li a {
    padding: 12px 12px;
    display: flex !important;
    justify-content: space-between;
}


.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    background: #3260E0;
    outline: 0;
}

/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
    border-color: #fff;

}

/*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul.dropdown-menu>li:hover {
    background: #3260E0;


}

.navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    background: #3260e0;
}

.mainmenu .collapse ul ul>li:hover>a,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:hover {
    background: #3260E0;

}

.mainmenu .collapse ul ul>li:hover>a {
    background: #3260E0;

}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #f5f5f5;
    box-shadow: 1px 1px 10px #00060c;
}


.mainmenu .dropdown-menu ul li a,
.mainmenu li ul li a {
    color: Black !important;
}

.mainmenu .dropdown-menu ul li a:hover,
.mainmenu li ul li a:hover {
    color: rgb(255, 255, 255) !important;
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #bfcffc;
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #fdfdfd;

}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        max-width: 260px;
        min-width: 260px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul ul.right-menu {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul ul li:hover ul {
        display: block
    }

    .mainmenu .collapse ul ul ul.left-menu {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1
    }

}

@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 35px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 45px
    }
}


.cs-width {
    width: 32rem !important;
    background-color: #1565C0;
}

.dropdown-menu {
    padding: 0 !important;
}

.testimonials {
    overflow-x: hidden;
}



.hero-h2 span {
    color: #3260e0;
}



.button-58:hover {
    outline: 0;
    color: #ffffff;
    background-color: #FD7D72;
    transition: 0.3s cubic-bezier(0, 1.01, 0, 1);
    font-weight: 600;
    border: 2px #fd7d72 solid;
}


.cs-width .dropdown-toggle::after {
    transform: rotate(270deg);
}