:focus {
  outline-color: transparent;
  outline-style: none;
}
img:focus, img:active:focus, img:focus{
  outline-color: transparent;
  outline-style: none;
}
img{
 outline: none !important;
}
.thumbnail, .img-thumbnail {
  box-shadow:none
}
/*
	.thumbnail:hover, .img-thumbnail:hover {
  
  box-shadow: 1px 1px 15px 8px rgba(161, 131, 23, 0.25)
}
*/
 
.btn-secondary {
    color: #0a0a0a;
}
.styleSelect select {
  /*background: transparent;
  width: 168px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  */
  /*background-color:rgb(197,168,120,0.7);*/
  background-color:white;
  color: black;
  border:1px solid rgba(0, 0, 0, 0.39)
}
a {
	/*color:rgb(197,168,120,0.7);*/
	color:black;
	text-decoration: none;
	outline: none !important;
}
a:hover img{
    border-color: rgb(197,168,120,0.9);
}
a:focus img{
    border-color: rgb(197,168,120,0.7);
}
a img {    
    /*border: 1px solid rgb(197,168,120,0.7);*/
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
  background-color: white;
}
.txtOne{
	text-align:left;
}
.butOne{
	text-align:left;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: white;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /*min-width: 100%;*/
  height: calc(60vh);
}
.carousel-inner img {
  margin: auto;
}

.carousel-control.left {
	background-image:none; 
}
.carousel-control.right {
	background-image:none; 
}

@media (max-width: 768px) {
	  .modal-body {
       max-height: calc(98vh - 120px);
       overflow-y: auto;
	  }
	  .carousel {
	  	margin-bottom: -60px;
	  	height: calc(80vh);
	  }
	  .carousel .item {
			height: calc(72vh);
			background-color: white;
	 }
	.carousel-inner > .item > img {
		height: calc(40vh);
		margin-top: 20%;
	}
	  .butOne{
		text-align:right;
	  }
	  hr {
	    margin-top: 0px;
	    margin-bottom: 0px;
	   }
	   .txtOne{
		text-align:center;
	  }

	  
}
@media (max-width: 480px) {
	  .modal-body {
       max-height: calc(98vh - 95px);
       overflow-y: auto;
	  }
	  .carousel {
	  	margin-bottom: -60px;
	  	height: calc(75vh);
	  }
	  .carousel .item {
			height: calc(72vh);
			background-color: white;
	 }
	  .modal-header {
	  	padding:6px 6px 0px 6px;
	  }
	  .carousel-indicators {
			display: none;
	 }
	 .prev-next-button {
	 	top: 40%;
	 }
	 .modal-footer {
	 	padding: 5px;
	 }
	 	
}
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
}



.prev-next-button {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background:rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
}
.previous { left: 10px; }
.next { right: 10px; }

.prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.arrow { fill: #333; }
.img-cat{
	padding:0;
	margin:0;
	max-height:600px;
}
.img-5oct{
	max-height: 60vh;
}
.catBox{
		margin-bottom: 100px;
}
/*
	.title5octSmall{
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-size: smaller
}
.title5oct{
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
}
.title5octBig{
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
}
*/
.title5octSmall{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: smaller
}
.title5oct{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1.3em;
}
.title5octBig{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
}
.catCSS, .catCSS h4{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
/* 	font-size: 11px; */
}
.catPrice{
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
}
.subTitle{
	font-family: 'Source Sans Pro', sans-serif;
		font-size:1.1em;
}
.xplain{
	font-family: 'Source Sans Pro', sans-serif;
	line-height=1.5;
	padding-left: 20%;
	padding-right: 20%;
	font-size:1.1em;
}
.5td{
	padding-top : 20px;
}
.btn{
/* 	background-color:transparent; */
}
.btn-5Oct{
	background-color:white;
}
.btn-mgn{
	margin-top:10px;
	vertical-align: middle;
}
.btn-5Oct:hover {
   filter: sepia(100%) grayscale(100%) ;
   fill: #DA4567;
 
}
.myFill{
	fill: #DA4567;
}