.navbar-custom .nav li a, .navbar-custom .navbar-toggle
{
  color:#e41b23;
  font-weight:600;
}
.navbar-custom 
{
  background:#fff;
/*  border-bottom:1px solid #e41b23*/
}
.navbar-custom:hover .nav li a:hover, .navbar-custom:hover .navbar-toggle
{
  background-color:#e41b23;
  color:#fff
}
.navbar-custom .navbar-toggle {
    background-color: #e41b23;
    border-color: #fff;
    font-size: 12px;
  color:#fff
}

#logoPicture {
    width:40%
}

/**/

header {
  /* background-image: url(../img/cityBg.jpg); */
  
   background-image: none; 
 /* background-color:green;*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
    color: #000;
}


header #headerPics .col-md-4 ,header #headerPics .col-sm-6,header #headerPics .col-xm-6
{
	    padding: 0;
}



/*--------------------*/
.imageHolder
{
	
  position: relative;
  width:100%;
  overflow:hidden;
      border: 3px solid #fff;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: .5s ease;
  cursor:pointer;
}

.imageHolder:hover .overlay {
  opacity: 1;
}
.imageHolder .image {

  width:100%
}


.imageHolder .text {
    color: white;
    margin: 14% auto;
    width: 100%; 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 3em;
    height: 100%; 
}


#headerPics [data-subpage="delivery"] 
{
	font-size:2.5em
}

/*large **/
@media (min-width: 768px){
.navbar-custom 
{
	background: #fff;

}

#motivationMsg
{
	 width: 39%;
	 background: #000;
	 color: #fff;
	 border-radius: 7px;
}


}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */

	section{
	    padding: 60px 0;
		}

		#groceriesImage{
			width:102.5%
		}
		
		#headerPics [data-subpage="delivery"] 
		{
			font-size:1.2em
		}
		.imageHolder .text {
			color: white;
			margin: 14% auto;
			 width: 100%; 
			font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
			text-transform: uppercase;
			font-size: 1.5em;
			height: 100%; 
		}
		
		#motivationMsg
		{
			 width: 100%;
			 background: #000;
			 color: #fff;
			 border-radius: 7px;
		}


}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
     color: #e41b23;
    background-color: transparent;
	/* border-radius: 3px; */
}


.dropdown-menu
{
	background-color: #000;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #2f715e;
}



.pageContent{
	display:none;
}

.pageContent.activePage
{
	display:block;
}

.subPageContent{
	display:none;
}

.subPageContent.activePage
{
	display:block;
}

.subPageContent p
{
	font-size:18px;
}
/* #servicesPage a
{
	color: #fff
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

}*/
#servicesPage a:hover/*,a:not(:focus)*/
{
	background: #e41b23;
} 


#servicesPage  img
{
	max-width: 100%;
    max-height: 340px;
}

#ServicesMenu
{
	background:#e41b23;
	
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#fff
}
.subMenuNameWrap
{
	
	background:#e41b23;
}
.serviceIcon{
	float:left
}



/**/
#aboutPage .subheading
{
	font-size:25px;
}



/***background colors ***/


.bg-vet
{
  background-color: rgba(0,255,0,0.5);
}

.bg-ble
{
 background-color: rgba(0,0,255,0.5);
}

.bg-rouj
{
	
  background-color: rgba(255,0,0,0.5);
}

.bg-oranj{
	
  background-color: rgba(255,153,0, 0.5);
}
.bg-blk
{ 
background-color: #000
	
}
.bg-mov
{
	
  background-color: rgba(51, 0, 255, 0.5);
}