@import url(../fonts/stylesheet.css);
.css-gooy-bs3{
  width: 214px;
  display: block;
  height: 171px;
  background-image: url(../images/menu.png);
  background-position: 53px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 13px;
 
}
.nav-mobile {
	background-color:white;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -100%;
	font-size: 15px;
	top: 0;
	width: 100%;
	z-index: 2000;	
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;  
 
}

.nav-bg{ background-image: url(../images/menu-bg.png);    overflow-x: hidden !important;
  background-position: top right;
  background-repeat: no-repeat;}
.navbar-brand {
    margin-top: 20px;
    margin-left: 20px;
       -webkit-filter: drop-shadow(0px 9px 14px #000); 
    filter: drop-shadow(0px 9px 14px #000);
}
.nav-expanded .nav-mobile {
    right: 0;    
    position: fixed;
    overflow-x: hidden !important;
}


.search-area2
{
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccaca;
  margin: 0 auto;
  /* left: 2rem; */
  /* left: 20px; */
  left: 58px;
}
.search-btn2
{
  background: none;
  border: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/search-icon2.png);
  height: 40px;
  width: 40px;
  position: absolute;
  top: 66px;
  left: 42px;
  outline: none;
	}
.search-text2
{
  font-family: 'pt_sansregular';
  background: none;
  background-color: transparent;
  border: 1px solid #2b2b2b;
  border-radius: 20px;
  padding: 8px 10px 8px 10px;
  color: #000;
  width: 70%;
  text-indent: 30px;
  outline: none;
  margin-top: 40px;
  margin-left: 34px;
  font-size: 15px !important;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.97);
    z-index: 999;
    cursor: pointer;
}
.bar1{position: absolute;    width:18px;    height: 3px;    background-color: #000000;    top: 5px;    margin-left: 5px;transition:.5s;}
.bar2{ position: absolute;width: 27px;    height: 3px;    background-color: #000000;    top: 14px;    margin-left: 5px;}
.navbg-1{height:100vh;background-image:url('../images/navigation-banner.jpg');background-size:cover;border-right: 6px solid #ffff;background-position: center;}
.navbg-2{height:100vh;background-image:url('../images/slider/mobile/web-shang-fruitio.jpg');background-size:cover;background-position: center;}
.navbg3{height: 100vh;}
.mobile-logo-abs{    position: absolute;top: 20px;  margin-left: 20px;}

.mobile-social li
{
  display: inline-block;
  margin-right: 20px;

}
.mobile-social li a
{
	color:#000;transition: .5s;font-size: 22px;
}
.mobile-social li a:hover
{
	background:none;
	color: #df1f26;
}

.main-menu
{
	margin-bottom: 0px;
  margin-left: 93px;
}
.sub-mobilemenu{padding-left: 20px;}
.blackdiv
{
	height:84px;
	width:100%;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f32f2f  !important;
  
}
.mCSB_dragger_bar{  background-color: #f32f2f  !important;}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 17px !important;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
 
}
a.nav-expander {
	color: #f06522 !important;
	display: block;
	font-size: 15px;
	font-weight: 400;
  height: auto;
	margin-right: 21px;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: right 0.3s ease-in-out 0s;
	width: 90px;
	z-index: 12;
  font-weight: bold;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
  font-family: 'pt_sansregular';
  
  }
  a.nav-expander:hover {
	cursor: pointer;
  }
  a.nav-expander:hover .bar1 {
    width: 10px;
    }
  
  a.nav-expander.fixed {
	margin-top:58px;
  }
  
  .nav-expanded a.nav-expander.fixed {
  
  }

    
body.nav-expanded {
    right: 0;
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close,#nav-close:hover {
     font-family: 'pt_sansregular';
     font-weight: 300;
     font-size: 16px;
     padding: 47px 61px 25px 52px;
     color: #f32f2f;
     line-height: 29px;
     text-decoration: none;
     float: right;
}

.main-menu {
    padding-top: 12px;
    padding-bottom: 20px;
}

.main-menu li {
  font-size: 18px;
  padding: 10px 12px 10px 0px;
}

.main-menu li a {
  color: #000;
  font-family: 'pt_sansbold';
  text-decoration: none;
  transition: .5s;
}


.main-menu li a:hover {
  color: #df1f26;
  font-family: 'pt_sansbold';
  text-decoration: none;
}
.main-menu li a img
{    position: relative;
  
  margin-right: 10px;}

.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 11px 12px 10px 34px;
}

.main-menu a .caret {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 8px;
}

.main-menu a:hover .caret {
    border-top-color: #4f5963;
}

.main-menu li.open > a > .caret {
    border-top: none;
    border-bottom: 4px solid #4f5963;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.main-menu li.open > a:hover > .caret {
    border-bottom-color: #4f5963;
}

.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}

.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}
.mobile-social
{
	color: #fff;
    padding-bottom: 20px;
    border-top: 1px solid #cccaca;
    left: 58px;
	padding-top:30px;
    width: 100%;
	position: relative;
}

@media (max-width: 1635px) {
  /* .search-btn2
  {
    background: none;
    border: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/search-icon2.png);
    height: 40px;
    width: 40px;
    position: absolute;
    top: 66px;
    left: 42px;
    outline: none;
    } */
}

@media (max-width:1200px) {
  
  .navbg-1 {
    height: 100vh;
    background-image: url(../images/navigation-banner-m.jpg);    
    background-position: -6% 0%;
}  
}



@media (max-width: 991px) {
.navbg-1,.navbg-2{display: none;}
.search-text2 {  
  width: 80%; 
}
.navbg3{
  width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.search-area2 {
left: 0;
}
.main-menu { 
  margin-left: 40px;
}
.mobile-social { 
  left: 0;  
}
.sub-mobilemenu {
  padding-left: 5px;
}
.search-text2 {  
  margin-top: 0px;
 }
 .search-btn2 {  
  top: 27px;
 
}
}



@media (max-width: 470px) {
  .css-gooy-bs3{
    width:107px;
    display: block;
    height: 191px;
    margin-left: 0px;
    background-position: 0px 42px;
    position: relative;
    background-image: url(../images/menu-m.png);
    top: -18px;
  }
  a.nav-expander {    
    margin-right: 0px;    
}
.navbar-brand>img {
  width: 60% !important;
}

.navbar-brand {
  height: auto;
  padding: 0px 10px 0px 20px !important;
  outline: none;
  margin-left: 0px !important;
}

  }


  /* @media (max-width: 500px){
.search-text2 {
    width: 55%;
} 
}*/