/* CSS Document */
	@font-face {
    font-family: 'TrebuchetMS';
    src: url('../font/OpenSans-Regular.ttf');
	}
	@font-face {
    font-family: 'Arialrounded';
    src: url('../font/arlrdbd.ttf');
	}
	
	@font-face {
    font-family: 'BlackadderITC';
    src: url('../font/BITCBLKAD.ttf');
	}
	
		@font-face {
    font-family: 'BaskervilleOLDFace';
    src: url('../font/baskvill.ttf');
	}
	
		@font-face {
    font-family: 'BradleyHandITC';
    src: url('../font/bradhitc.ttf');
	}
	
		@font-face {
    font-family: 'BrushScrptMT';
    src: url('../font/BRUSHSCI.ttf');
	}
	
		@font-face {
    font-family: 'Chiller';
    src: url('../font/CHILLER.TTF');
	}	
	
		@font-face {
    font-family: 'Bungee';
    src: url('../font/Bungee.ttf');
	}		
	
		@font-face {
    font-family: 'Bauhanus93';
    src: url('../font/bauhs93.ttf');
	}			
	
		@font-face {
    font-family: 'BerlinSansFbDemi';
    src: url('../font/BRLNSDB.TTF');
	}		
	
		@font-face {
    font-family: 'BritannicBold';
    src: url('../font/BRITANIC.TTF');
	}			
.mainHeaderup {
font-family: BlackadderITC;
    font-size: 30px;
    font-weight: bold;
    line-height: 10px;
}
.mainHeaderDown {
    font-family: BaskervilleOLDFace;
    font-size: 40px;
    font-weight: bold;
    line-height: 30px;
}
.mainHeaderContain {
font-family: BradleyHandITC;
font-size:20px; 
text-align:center;
font-weight: bold;
line-height: 25px;
margin-top:20px;
}
.mainHeaderfoter {
font-family: BrushScrptMT;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
	
}	

.imageUpfront {
font-family: Chiller;
    font-size: 60px;
    color: #FFFF00;
    text-align: center;
    line-height: 60px;
}

body {
font-family: TrebuchetMS;
}

#header-top .container  {
border-bottom:thin solid #CCCCCC;


}

#header-top .contactinfo {
padding-top:10px;
padding-bottom:15px;


}

#header-top .contactinfo .contactinfo-need-help {
    color: #303030;
    font-size: 1em;
    font-weight: bold;
}

#header-top .contactinfo .contactinfo-call-us {
    color: #999999;
    font-size: 1em;
}

#header-top .contactinfo .contactinfo-number {
    color: #E4292F;
    font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
}
#header-top .contactinfo .contactinfo-email {
    color: #999999;
    font-size: .8em;
	padding-left:30px;
}

#header-top .social-icons .nav a {
 color: #097ba0;
 padding:15px 5px;

}

#header-top .social-icons .nav .logins a {
 color: #999999;
 padding:15px 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif !important;
 transition: 0.3s;
 text-decoration:underline !important ;
}

#header-top .social-icons .nav .logins a:hover {
  
 background-color:#8e6153;
 
 
}
 
#header-middle #logo{
 height:70px;
}

#header-middle .cart , #header-middle .search-bar  {
 margin-top:20px;
 position:relative;
}

#header-middle .search-bar .input-group-separator {
    padding: 0;
    width: 0;
    border: none;
}

#header-middle .search-bar .input-group-separator + .form-control {
    border-left: none;
} 
#header-middle .search-bar   .form-control , #header-middle .search-bar   .btn {
    border : none;
 
} 
 #header-middle .search-bar   .btn {
    border : none;
	padding: 10px 15px ;
	background:#097ba0;
	color:#FFFFFF;
} 
*:focus {
    outline: none !important; 
}
#header-middle .search-bar   .input-group {
border: #999999 solid thin;
    border-radius: 60px;
    overflow: hidden;
} 
#header-middle .cart p{
    font-size: 1em;
    color: #303030;
    display: inline-block;
}
#header-middle .cart p span{
	font-size: 1.5em;
    color: #E4292F;
}


#header-middle .cart .wrapper-dropdown-2 {
    display: inline-block;
    margin: 0 auto;
    font-size: 1em;
    color: #303030;
    padding: 0px 5px;
    cursor: pointer;
    outline: none;
}
#header-middle .cart  .wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -15px;
    top: 35%;
    margin-top: 0px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #E4292F transparent;
}

#header-middle .cart .wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 100%;
    width: 75%;
    right: 0px;
    z-index: 1;
    background: #EEE;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;
    opacity: 0;
    pointer-events: none;
}

#header-middle .cart .wrapper-dropdown-2 .dropdown li {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 0.823em;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#header-bottom .container{
 
}

 
#header-bottom .navbar {
margin-bottom:0px;
min-height:40px;
border:none;
border-radius: 5px;

}
#header-bottom .navbar-inverse {
    background-color: #383838;
   
}
#header-bottom .navbar-nav>li>a {
      padding-top: 10px  !important; 
      padding-bottom: 10px  !important; 
	  color:#CCCCCC; 
	   transition: 0.8s;
}
#header-bottom   .navbar-nav>.active>a, #header-bottom   .navbar-nav>.active>a:focus, #header-bottom   .navbar-nav>li>a:hover {
 background:#000000; 
 font-weight: bolder;
    color: #f3eca1;
}

#slider{
 
}
#slider .carousel-control.right,#slider  .carousel-control.left {
    background-image: none;
    color: #097ba0;
  }
#slider   .carousel-indicators li {
    border-color: #097ba0;
  }
#slider   .carousel-indicators li.active {
    background-color: #097ba0;
  }
#slider   .item h3 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
   color:#097ba0;
   text-align:right;
  }
  
#slider   .item img {
 width:100% !important;
 margin-top: -100px;
}  
  .nopadding {
    
	padding:0px;
	margin: 0;
}
 

 .grayBoarder {
    border: 2px solid #EEE;
	padding:0px;
	margin: 0;
	height: 100%;
	background-color:#F3F3F3;
}
  .grayBoarder .categories{
   padding:5px;
  }
.categories ol,.categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.categories li a {
    display: block;
    font-size: 0.8em;
    padding: 8px 15px;
    color: #9C9C9C;
    font-family: 'ambleregular';
    margin: 0 20px;
    background: url(../img/drop_arrow.png) no-repeat 0;
    border-bottom: 1px solid #EEE;
    text-transform: uppercase;
}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

#slider  .categories h3, .h3-withbg {
    font-size: 1.2em;
    color: #FFF;
    padding: 10px;
    background: #097ba0;
    text-transform: uppercase;
    font-family: 'ambleregular';
	margin: 0;
}