@charset "UTF-8";
/* CSS Document */

.bdy {
	background-color:#fff;
	padding-top:25px;
	padding-bottom:25px;
	border-radius: 12px;
	border: thin solid rgba(255,88,69,1.00);
	padding-left:45px; padding-right:45px;
 }
.crumbs {
	border-bottom: thin solid rgba(206,16,25,1.00);
}



.menu {
    display: block;
    float: left;
    margin-left: 31px;
    margin-top: -2px;
	font-size:13px;
	color:#fff;
}
 

.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(109,8,18,1.00);
  }
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}





  .navbar-default .navbar-brand {
 
 }
 
/* hover states*/
 .nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
   }
 
 .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: rgba(255,195,0,1.00);
 
 
         }
 
 .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: rgba(255,195,0,1.00);
  }
  
  
  
  
/*  dropdowns*/
   .dropdown-menu > li > a {
  display: block;
  padding: 8px 40px !important;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
   
  white-space: nowrap;
  font-family: 'Cardo', serif;
  font-size:1.2em;
  color: rgba(20,88,133,1.00);
  }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
 
	text-decoration: none;
 
	color: #fff;
	background-color: rgba(92,177,237,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
}






/*  responsive nav and colours  */
 
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   color: #1267A9;
   padding-left:25px;
    }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
   background-color: rgba(92,177,237,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(104,188,252,1.00) 0%,rgba(28,108,164,1.00) 100%);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
 
 
 
 .nav > li > a {
	 	font-family: 'Oranienbaum', serif;
 }
 
 
 
@media screen and (max-width: 767px) {
	
	 
	
	.nav > li > a {
	position: relative;
	display: block;
	padding-top: 11px;
	padding-right: 11px;
	padding-left: 25px;
	padding-bottom: 11px;
	font-size: 1.3em;
	 
 
   }
	.bdy {
	background-color:#fff;
	padding-top:25px;
	padding-bottom:25px;
	border-radius: 12px;
	border: thin solid rgba(255,88,69,1.00);
	padding-left:15px; padding-right:15px;
 }
 .crumbs {
	border-bottom: none;
	text-align:center;
	font-size:.9em;
}


}




@media (min-width: 768px) and (max-width: 991px) {
	.nav > li > a {
		  	position: relative;
		  	display: block;
		  	padding: 15px 15px;
		  	font-size:1.1em;
		
	}
	.aproduct {
		min-height:320px;
	}
}





@media (min-width: 992px) and (max-width: 1200px) {
	.nav > li > a {
	position: relative;
	display: block;
	padding-top: 15px;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 7px;
	font-size: 1.2em;
	
	letter-spacing: 1px;
   }
	.aproduct {
		min-height:260px;
	}
}




@media (min-width: 1201px)  {
		.nav > li > a {
	position: relative;
	display: block;
	padding-top: 15px;
	padding-right: 23px;
	padding-left: 23px;
	padding-bottom: 7px;
	font-size: 1.2em;
	
	letter-spacing: 1px;
   }
	.aproduct {
		min-height:260px;
	}
}