/* ************************************************************
    :: Template name: bizpro Business HTML Template
    :: Template URI: http://designing-world.com
    :: Description: bizpro Business HTML Template is a elegant design.
    :: Template author name: MD NAZRUL ISLAM
    :: Template author url: http://designing-world.com
    :: Version: 1.0
    ************************************************************ 
    *
    *
    ****************** :: Index of CSS :: ******************
    
    :: 1.0 Fonts
    :: 2.0 Common CSS
    :: 3.0 Preloader Css
    :: 4.0 Header area css
        :: 4.1.0 Top header css
        :: 4.2.0 Main header css
        :: 4.3.0 search button css
    :: 5.0 slider area css
    :: 6.0 feature area css
    :: 7.0 home-2 about us area css
    :: 8.0 Call to Action Area CSS
    :: 9.0 Services area css
    :: 10.0 cool facts area css
    :: 11.0 speciality area css
    :: 12.0 service details area css
    :: 13.0 Price Plan Area CSS
    :: 14.0 our advisor area css
    :: 15.0 testimonial area css
    :: 16.0 our clients area css
    :: 17.0 blog area css
    :: 18.0 contact & faq area css
    :: 19.0 partner area css
    :: 20.0 footer area css
        :: 20.1.0 footer bottom area css
    :: 21.0 faq area css
    :: 22.0 bredcumb area css
    :: 23.0 blog area css
        :: 23.1.0 Single Blog Area CSS
    :: 24.0 404 page area css
    :: 25.0 gallery area css
        :: 25.1.0 single gallery area css
    :: 26.0 contact us area css
        :: 26.1.0 contact three area css
    :: 27.0 about us area css
    :: 28.0 register area css
    :: 29.0 Home-2 Cool fact Area CSS
    :: 30.0 Sidebar Area CSS
    :: 31.0 Invoice area css
    :: 32.0 Shop page area css start
    :: 33.0 order history page and cart page css
    :: 34.0 checkout page css
    :: 35.0 single product area css
    :: 36.0 cooming soon area css
    :: 37.0 maintenence area css

    ****************************** */
    
  
    /* *************************
    :: Menu
    ************************* */
      .main_menu_area {
        float: left;
        position: relative;
        z-index: 1;
    }
    
    .search_button,
    .mainmenu {
        display: inline-block;
    }
    
    .mainmenu {
        text-align: right;
    }
    
    .mainmenu ul#nav li {
        display: inline-block;
        position: relative;
    }
    
    .mainmenu ul#nav li:before {
        content: "";
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 0px;
        height: 1px;
        background-color: #fbe8a4;
    }
    
    .mainmenu ul#nav li.current_page_item:before {
        width: 100%;
        height: 1px;
        left: 0px;
    }
    
    .mainmenu ul#nav li:hover:before {
        width: 100%;
        margin: auto;
        left: 0px;
    }
    
    .mainmenu ul#nav li a {
        display: block;
        padding: 0px 0px;
        text-transform: uppercase;
        font-size: 9px;
        color: #ffffff;
        letter-spacing: 1px;
    }
    
    .mainmenu ul#nav li a i,
    .mean-container .mean-nav ul li a i {
        font-size: 9px;
        padding-left: 3px;
    }
    
    .mainmenu ul#nav li ul {
        text-align: left;
    }
    
    .mainmenu ul#nav li ul li a {
        color: #ffffff !important;
        padding-left: 3px !important;
        text-align: left !important;
    }
    
    .mainmenu ul#nav li.current_page_item a {
        color: #fbe8a4;
    }
    
    .mainmenu ul#nav li:hover a {
        color: #fbe8a4;
    }
    /* Sub Menu CSS */
    
    .mainmenu ul li ul.sub-menu {
        position:absolute;
        left:-20px;
        width: 130px;
        background-clip: padding-box;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -9;
        top: 100%;
        text-align: center;
        -webkit-transform: perspective(600px) rotateX(-90deg);
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        vertical-align: top;
        visibility: hidden;
    }
    
    .mainmenu ul li ul.sub-menu li {
        margin-bottom: 1px;
        display: block !important;
        background-color: #04061D;
    }
    
    .mainmenu ul li ul.sub-menu li a {
        padding: 0px !important;
        display: block;
        margin-bottom: 1px;
        background-color: #04061D;
    }
    
    .mainmenu ul li ul.sub-menu li a:hover {
        padding: 0px !important;
        display: block;
        margin-bottom: 1px;
        background-color: #414359;
    }
  
    
    .mainmenu ul li ul.sub-menu li:last-child {
        border: none;
    }
    
    .mainmenu ul li:hover ul.sub-menu {
        top: 105%;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        visibility: visible;
        z-index: 9999999;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        overflow: visible;
        -webkit-transform: perspective(600px) rotateX(0deg);
        transform: perspective(600px) rotateX(0deg);
    }
    
    .mainmenu ul#nav li:hover ul.sub-menu li:before {
        background-color: transparent;
    }
    
    .mainmenu ul#nav li ul.sub-menu li a:hover {
        color: #fbe8a4 !important;
    }
    
    .mainmenu ul li ul.sub-menu,
    .mainmenu ul#nav li a,
    .mainmenu ul#nav li:before {
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }
    
    .mainmenu ul#nav li ul.sub-menu li ul.sub-menu {
        position: absolute;
        left: 111px;
        width: 130px;
        background-clip: padding-box;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -9;
        top: 0px;
        text-align: center;
        -webkit-transform: perspective(600px) rotateX(-90deg);
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        vertical-align: top;
        visibility: hidden;
    }
    
    .mainmenu ul#nav li ul.sub-menu li:hover ul.sub-menu {
        top: 0px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        visibility: visible;
        z-index: 9999999;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        overflow: visible;
        -webkit-transform: perspective(600px) rotateX(0deg);
        transform: perspective(600px) rotateX(0deg);
    }
 
    /* ************************ The End ******************************** */