<style>

@media (min-width: 768px) {
.rd-navbar-wrap {
    height: 0px !important;
}
}
@media (min-width: 576px) {
	.rd-navbar-wrap {
    height: 0px !important;
}
}



@media (min-width: 1200px){
.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    padding-top: 5px;
}
.rd-navbar-wrap {
    height: 70px !important;
}
}


.vendorform {
    padding: 30px;
}

.modal-backdrop {
    z-index: 99;
	
}

</style>    
    
      <!-- Page Header-->
      <header class="section page-header">
        <!-- RD Navbar-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="100px" data-xl-stick-up-offset="100px" data-xxl-stick-up-offset="100px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
            <div class="rd-navbar-main-outer">
              <div class="rd-navbar-main">
              
                <!-- RD Navbar Panel-->
                <div class="rd-navbar-panel">
                  <!-- RD Navbar Toggle-->
                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                  <!-- RD Navbar Brand-->
                  <div class="rd-navbar-brand">
                    <!--Brand--><a class="brand" href="{{ sc_route('home') }}"><img class="brand-logo-dark" src="{{ asset(sc_store('logo')) }}" alt="" width="105" height="44"/>
                      <img class="brand-logo-light" src="{{ asset(sc_store('logo')) }}" alt="" width="106" height="44"/></a>
                  </div>
                </div>
                <div class="rd-navbar-nav-wrap">
                  <!-- RD Navbar Nav-->
                  <ul class="rd-navbar-nav">
                   <!-- <li class="rd-nav-item active"><a class="rd-nav-link" href="{{ sc_route('home') }}">{{ trans('front.home') }}</a></li>-->
                    <li class="rd-nav-item"><a class="rd-nav-link" href="{{ sc_route('shop') }}">{{ trans('shop') }}</a>

                      {{-- Only show list store if store is 1 --}}
                      @if (sc_config_global('MultiStorePro') && sc_store_active() && config('app.storeId') == 1)
                      <ul class="rd-menu rd-navbar-dropdown">
                        @foreach (sc_store_active() as $storeActive)
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{ sc_route('multistorepro.detail', ['code' => $storeActive->code]) }}"">{{ $storeActive->getTitle() }}</a></li>
                        @endforeach
                      </ul>
                      @endif
                      {{-- End show list store --}}

                    </li>
                    <li class="rd-nav-item">
                        <a class="rd-nav-link" href="{{ sc_route('news') }}">{{ trans('front.blog') }}</a>
                    </li>
                    @if (!empty(sc_config('Content')))
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#">{{ trans('front.cms_category') }}</a>
                        @php
                        $nameSpace = sc_get_plugin_namespace('Cms','Content').'\Models\CmsCategory';
                        $cmsCategories = (new $nameSpace)->getCategoryRoot()->getData();
                        @endphp
                        <ul class="rd-menu rd-navbar-dropdown">
                            @foreach ($cmsCategories as $cmsCategory)
                            <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{ $cmsCategory->getUrl() }}">{{ sc_language_render($cmsCategory->title) }}</a></li>
                            @endforeach
                        </ul>
                    </li>
                    @endif

                    @if (!empty($sc_layoutsUrl['menu']))
                    @foreach ($sc_layoutsUrl['menu'] as $url)
                    <li class="rd-nav-item">
                        <a class="rd-nav-link" {{ ($url->target =='_blank')?'target=_blank':''  }}
                            href="{{ sc_url_render($url->url) }}">{{ sc_language_render($url->name) }}</a>
                    </li>
                    @endforeach
                    @endif

                    @guest
                    <li class="rd-nav-item"> <a class="rd-nav-link" href="{{ sc_route('login') }}"><i class="fa fa-user"></i> {{ trans('front.login') }}</a>
                        <!--<ul class="rd-menu rd-navbar-dropdown">
                          <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('login') }}"><i class="fa fa-user"></i> {{ trans('front.login') }}</a>
                            </li>
                            @if (!empty(sc_config('LoginSocialite')))
                            <li class="rd-dropdown-item">
                              <a class="rd-dropdown-link" href="{{ sc_route('login_socialite.index', ['provider' => 'facebook']) }}"><i class="fab fa-facebook"></i>
                                 {{ trans('front.login') }} facebook</a>
                            </li>
                            <li class="rd-dropdown-item">
                              <a class="rd-dropdown-link" href="{{ sc_route('login_socialite.index', ['provider' => 'google']) }}"><i class="fab fa-google-plus"></i>
                                 {{ trans('front.login') }} google</a>
                            </li>
                            <li class="rd-dropdown-item">
                              <a class="rd-dropdown-link" href="{{ sc_route('login_socialite.index', ['provider' => 'github']) }}"><i class="fab fa-github"></i>
                                 {{ trans('front.login') }} github</a>
                            </li>
                            @endif

                         <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('wishlist') }}"><i class="fas fa-heart"></i> {{ trans('front.wishlist') }} 
                                    <span class="count sc-wishlist"
                                    id="shopping-wishlist">{{ Cart::instance('wishlist')->count() }}</span>
                                </a>
                            </li>
                           <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('compare') }}"><i class="fa fa-exchange"></i> {{ trans('front.compare') }} 
                                    <span class="count sc-compare"
                                    id="shopping-compare">{{ Cart::instance('compare')->count() }}</span>
                                </a>
                            </li>
                        </ul>-->
                    </li>
         <li class="rd-nav-item"> <a class="rd-nav-link" href="#" data-toggle="modal" data-target="#form">Join As Vendor </a> </li>
         
         
        

<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <h5 class="modal-title" id="exampleModalLabel" style="margin: 0 auto; color: #522c39;">We make luxury wedding affordable find vendor</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="vendorform">
       <form action="{{url('vendor-contact')}}" method="post">
           @csrf
  <div class="form-group">
   
    <input type="text"  required class="form-control" placeholder="Name" name="name">
  </div>
  <div class="form-group">

    <input type="email" class="form-control" placeholder="Email Id" required name="email">
  </div>
  
  <div class="form-group">

    <input type="tel" class="form-control" placeholder="Mobile No." required name="phone">
  </div>
  
  <div class="form-group">

   <textarea class="form-control" placeholder="Vendor Description" rows="3" name="content" required></textarea>
  </div>
  
  
  
  
  <button type="submit" class="btn btn-success">Submit</button>
</form>

         </div>
    </div>
  </div>
</div>
         
         
         
         
                    @else
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#"><i class="fa fa-lock"></i> {{ trans('account.my_profile') }}</a>
                        <ul class="rd-menu rd-navbar-dropdown">
                            <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{ sc_route('member.index') }}"><i class="fa fa-user"></i> {{ trans('front.my_profile') }}</a></li>
                            <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{ sc_route('logout') }}" rel="nofollow" onclick="event.preventDefault();
                               document.getElementById('logout-form').submit();"><i class="fa fa-power-off"></i> {{ trans('front.logout') }}</a></li>
                            <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('wishlist') }}"><i class="fas fa-heart"></i> {{ trans('front.wishlist') }} 
                                    <span class="count sc-wishlist"
                                    id="shopping-wishlist">{{ Cart::instance('wishlist')->count() }}</span>
                                </a>
                            </li>
                            <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('compare') }}"><i class="fa fa-exchange"></i> {{ trans('front.compare') }} 
                                    <span class="count sc-compare"
                                    id="shopping-compare">{{ Cart::instance('compare')->count() }}</span>
                                </a>
                            </li>
                            <form id="logout-form" action="{{ sc_route('logout') }}" method="POST" style="display: none;">
                              @csrf
                            </form>
                        </ul>
                    </li>
                    @endguest


                    @if (count($sc_languages)>1)
                    <li class="rd-nav-item">
                        <a class="rd-nav-link" href="#">
                            <img src="{{ asset($sc_languages[app()->getLocale()]['icon']) }}" style="height: 25px;"> <i class="fas fa-caret-down"></i>
                        </a>
                        <ul class="rd-menu rd-navbar-dropdown">
                            @foreach ($sc_languages as $key => $language)
                            <li class="rd-dropdown-item">
                                <a class="rd-dropdown-link" href="{{ sc_route('locale', ['code' => $key]) }}">
                                    <img src="{{ asset($language['icon']) }}" style="height: 25px;"> {{ $language['name'] }}
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </li>
                    @endif

                    @if (count($sc_currencies)>1)
                    <li class="rd-nav-item">
                        <a class="rd-nav-link" href="#">
                            {{ sc_currency_info()['name'] }} <i class="fas fa-caret-down"></i>
                        </a>
                        <ul class="rd-menu rd-navbar-dropdown">
                            @foreach ($sc_currencies as $key => $currency)
                            <li class="rd-dropdown-item" {{ ($currency->code ==  sc_currency_info()['code']) ? 'disabled': '' }}>
                                <a class="rd-dropdown-link" href="{{ sc_route('currency', ['code' => $currency->code]) }}">
                                    {{ $currency->name }}
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </li>
                    @endif

                  </ul>
                </div>

                <div class="rd-navbar-main-element">
                
                  <!-- RD Navbar Search-->
                  <div class="rd-navbar-search rd-navbar-search-2">
                    <button class="rd-navbar-search-toggle rd-navbar-fixed-element-3" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
                    <form class="rd-search" action="{{ sc_route('search') }}"  method="GET">
                      <div class="form-wrap">
                        <input class="rd-navbar-search-form-input form-input"  type="text" name="keyword"  placeholder="{{ trans('front.search_form.keyword') }}"/>
                        <button class="rd-search-form-submit" type="submit"></button>
                      </div>
                    </form>
                  </div>
                  <!-- RD Navbar Basket-->
                  <div class="rd-navbar-basket-wrap" style="background: white; padding: 10px; border-radius: 6px;">
                   <a class="rd-dropdown-link" href="{{ sc_route('wishlist') }}"><i class="fas fa-heart"></i> {{ trans('Favourite Vendor') }} 
                                    <span class="count sc-wishlist"
                                    id="shopping-wishlist">{{ Cart::instance('wishlist')->count() }}</span>
                                </a>
                  
                    <!--<a href="{{ sc_route('cart') }}">
                    <button class="rd-navbar-basket fl-bigmug-line-shopping202">
                      <span class="count sc-cart" id="shopping-cart">{{ Cart::instance('default')->count() }}</span>
                    </button>
                    </a>-->
                  </div>
                 <!-- <a title="{{ trans('front.cart_title') }}" style="margin-top:10px;" class="rd-navbar-basket rd-navbar-basket-mobile fl-bigmug-line-shopping202 rd-navbar-fixed-element-2" href="{{ sc_route('cart') }}">
                    <span class="count sc-cart">{{ Cart::instance('default')->count() }}</span>
                 </a>-->
                  <div class="mobfav">
                 <a class="rd-navbar-basket-mobile  rd-navbar-fixed-element-1" href="{{ sc_route('wishlist') }}"><i class="fas fa-heart"></i> {{ trans('') }} 
                                    <span class="count sc-wishlist"
                                    id="shopping-wishlist">{{ Cart::instance('wishlist')->count() }}</span>
                                </a>
                                </div>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>

<style>

.menu-button {
	 position: absolute;
	 right: 50px;
	 bottom: 50px;
	 width: 50px;
	 height: 50px;
	 text-align: center;
	 line-height: 50px;
	 border-radius: 50%;
	 background-color: #e91e63;
	 color: #fff;
	 font-size: 24px;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	 cursor: pointer;
}
 .menu-button:hover {
	 background: #d81558;
	 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
 .menu-button a {
	 opacity: 0;
	 width: 0px;
	 height: 0px;
	 text-align: center;
	 line-height: 50px;
	 border-radius: 50%;
	 color: #fff;
	 font-size: 24px;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	 cursor: pointer;
}
 .menu-button a:hover {
	 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
 .menu-button a:nth-child(2) {
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	/* background: #55acee;*/
}
 .menu-button a:nth-child(3) {
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	background: #dc4e41;
}
 .menu-button a:nth-child(4) {
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	 background: #3f3f3f;
}
 .menu-button:hover a {
	 opacity: 1;
	 width: 50px;
	 height: 50px;
}
 .menu-button:hover a:nth-child(2) {
	 right: 80px;
	 bottom: 0px;
}
 .menu-button:hover a:nth-child(2):hover {
	/* background: #3ea1ec;*/
}
 .menu-button:hover a:nth-child(3) {
	 right: 65px;
	 bottom: 65px;
}
 .menu-button:hover a:nth-child(3):hover {
	 /*background: #d83a2b;*/
}
 .menu-button:hover a:nth-child(4) {
	 right: 0px;
	 bottom: 80px;
}
 .menu-button:hover a:nth-child(4):hover {
	 background: #323232;
}
/*---FOR MOBILE VIEW---*/
 @media screen and (max-width: 400px) {
	 h1 {
		 padding: 15px;
		 font-size: 25px;
	}
}
 
</style>


<div class="social">
  <div class="sticky-container">
<div class="menu-button"><i class="fa fa-phone" aria-hidden="true" style="font-style:normal;"></i>
  <a target="_blank" href="https://wa.me/+918800211411" ><img src="https://www.beautifulstory.in/images/whtsapp-icon.png" /></a>
  <a href="tel:+918800211411" ><img src="https://www.beautifulstory.in/images/phone-icon.png" /></a>
  
</div>
</div>
</div>


<style>
.mobfav a {
    font-size: 22px;
    color: #000;
    background: #fff;
    border-radius: 5px;
    padding: 0px 10px;
    margin: 5px 5px;
}


.social {
    z-index: 9;
    position: absolute;
}
.sticky-container {
    /* background-color: #333; */
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -46px;
    top: 50%;
    width: 150px;
}
.sticky li {
    list-style-type: none;
    background-color: #a25871;
    color: #ffffff;
    height: 50px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    filter: gray;
    /* -webkit-filter: grayscale(100%); */
}
.sticky li:hover {
margin-left: -85px;

-webkit-filter: grayscale(0%);
}
.sticky li img {
float: left;
margin: 5px 5px;
margin-right: 10px;
}


</style>