/*=================================================== FONTS ===================================================*/
@font-face {    
    font-family: 'monsterrat bold';    
    src: url('fonts/Montserrat-Bold.otf');    
  
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'monsterrat light';    
    src: url('fonts/Montserrat-Light.otf');    
  
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'monsterrat regular';    
    src: url('fonts/Montserrat-Regular.otf');    
  
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'monsterrat semibold';    
    src: url('fonts/Montserrat-SemiBold.otf');    
  
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'Angelica Display Pro';    
    src: url('fonts/AngleciaProDisplay-Regular.otf');    
  
    font-weight: normal;    
    font-style: normal;
}
@font-face {    
    font-family: 'Angelica Display Pro Italic';    
    src: url('fonts/AngleciaProDisplay-Italic.otf');    
  
    font-weight: normal;    
    font-style: italic;
}
/*=============================================== END OF FONTS =================================================*/


/*=================================================== STYLES ===================================================*/

/*header*/
#titlePage a{
color: rgb(149, 132, 97);
}
#titlePage{
  background: rgb(0, 0, 0);
  color: #ba9e66;
  font-family: times new roman,times,serif;
  text-align: center;
  padding: 45px 0;
}
#titlePage h1{
  position: relative;
  display: inline-block;
  font-family: Angelica Display Pro;
}
#titlePage h1:after{
  content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: -10px;
    left: 25%;
    border-bottom: 0.5px solid rgba(186, 158, 102, 0.71);
}
#logo.navbar-brand{
  font-family: Angelica Display Pro;
  color: #ba9e66;
  font-size: 230%;
}
#topWraper{
  margin: 0;
}
#mainMenu a {
    color: #ba9e66;
}
#mainMenu.navbar-nav > li:hover > a,
 #mainMenu.navbar-nav > li:focus > a{
  color: #333;
}

.navbar-nav.navbar-center{
  font-family: Angelica Display Pro;
  color: rgb(149, 132, 97);
  font-size: 140%;
}
.navbar-default{
  background: #fff !important;
  border: inherit !important;
 
}
#top{
 padding: 0
}
#top > .container-fluid{
  padding:0;
}
/*==header==*/

/*footer*/
#footerWrapper{
  background: #000;
  color: rgb(149, 132, 97);

}
#productFooter1{
  padding:0;
}
#footerColumn1{
  padding:0;
}
#footerWrapper h1{
  font-size: 120%;
  font-family: monsterrat regular;
  color:  #ba9e66;
}
#footerWrapper p{
  font-family: monsterrat light;
  color:  #ba9e66;
  margin-top: 20px;
}
#footer{padding: 15px 0px 10px;} 
#footer a{
  color: #ba9e66;
}
#footer a:hover, #footer a:active{
  color: rgb(113, 100, 74);
}
/*==footer==*/

/*product*/
.prodBox{
  height:40vh;
  
}

#description > div > table:nth-child(1) {
	padding-top: 15px;
    padding-bottom: 15px;
}

#description > div > table:nth-child(1) tr, #description > div > table:nth-child(1) tr > td {
	height: inherit !important;
}

#description td{
  font-size: 15px;
  font-family: monsterrat light;
}
.imgBox{
  height: 29vh;
}
#contentWrapper{
  padding-bottom: 3%;
}
#content h4{
  font-family: monsterrat regular;
  color: rgb(195, 167, 108);
}
#prodContainer{
  
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
    .prodCatBox{
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 3;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    .prodCatBox:first-child{
      order: 1;
    }
    div.prodCatBox{
      order: 2;
       -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    }
    #prodContainer h4{
      font-family: monsterrat semibold;
      margin-top: 0;
      letter-spacing: 1px;
    }
    .prodBox{
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    #description .prodDescription{
      display: none;
    }
    .prodItem {
      height: 165px;
      position: relative;
    }
	
	.prodItem h4 {
		font-size: 12px;
	}
	
    .prodCarouselCaption{
      position: relative;
    }
    .imgCarousel{
      position: relative;
      left: 0;
      margin: auto;

    }
    #prodText{
      font-family: Angelica Display Pro;
      font-size: 14px;
    }
  #prodText p{
    margin-bottom: 20px;
  }
  #prodText h5{
    font-size: 14px;
  }
  .goDown a{
    font-family: monsterrat semibold;
    font-size: 12px;
  }
/*==product==*/

/*content*/
#breadcrumb{
  font-size: 12px;
  margin-bottom: 81px;
}

#content, #content a {
      color: #ba9e66;
}
#content h3, #content h5{
  text-align: center;
  font-family: Angelica Display Pro Italic;
}

.maincont, .prodCatBox {
  font-family: Angelica Display Pro;
}

#imgPage img{
  margin: 0 auto;
  width:  75%;
}
/*==content==*/
.carousel-showsixmoveone
{
  .carousel-control
  { 
    width: 4%;
    background-image:none;

    &.left 
    {
      margin-left:15px;
    }

    &.right 
    {
      margin-right:15px;
    }
  }

  .cloneditem-1, 
  .cloneditem-2, 
  .cloneditem-3,
  .cloneditem-4, 
  .cloneditem-5
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(33.333%, 0, 0);  
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-33.333%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }    
      } 

      > .active.left,
      > .prev
      {
        left: -33.333%;
      }

      > .active.right,
      > .next
      {
        left:  33.333%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1,
      .cloneditem-2
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {    
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(16.666%, 0, 0);  
          left: 0;
        }    

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-16.666%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -16.666%;
      }

      > .active.right,
      > .next
      {
        left:  16.666%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-3,
      .cloneditem-4, 
      .cloneditem-5
      {
        display: block;
      }
    }    
  }
}
#prodText table:first-child{
 display: none;
}
.prodBoxConainter:nth-of-type(2n+1) .prodImg{
  float:right;
}
.prodBoxConainter h4{
  font-family: monsterrat semibold;
  font-size: 16pt;
  letter-spacing: 27%;
}
#carousel123{
  margin-top: 10px;
  padding-top: 20px
}
#carousel123:before{
  content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: -5px;
    border-bottom: 1.5px solid rgba(149, 132, 97, 0.71);
}
.tableButtons{
  border-collapse: separate;
   border-spacing: 15px 9px;
  font-family: monsterrat semibold;
  font-size: 12px;
  

}
.tableButtons td{
  border: 2px solid rgba(149, 132, 97, 0.71);; 
  padding: 2px 5px;
  color: #000;
  font-weight: bold;
}
.tableButtons td a{
  color: #000 !important;
}
#pageImg p{
  font-family: Angelica Display Pro;
}
#sliderTitle {
  font-family: Angelica Display Pro Italic !important;
  position: relative;
  font-size: 16px;

}

.carousel-control .glyphicon-menu-right, .carousel-control .glyphicon-menu-left
{
	position: absolute;
    top: 44%;
    z-index: 5;
	font-size: 35px;
}

.carousel-control .glyphicon-menu-right
{
	margin-right: -10px;
    
}
.carousel-control .glyphicon-menu-left
{
	margin-left: -20px;
    
}
.carousel-control
{
	    color: #ba9e66;
		opacity: .9 !important;
}

.carousel-control:hover
{
	    color: #ba9e66 !important;
		opacity: .6 !important;
}

    
.test{
  position: relative;
  left:0;
  margin: auto;
  
}
.test td{
  background: rgb(149, 132, 97);
}

.carousel-inner {
	width: 90% !important;
	margin: auto;
}

.carousel-control {
	width: 12.5% !important;
}
/*=============================================== END OF STYLES ===============================================*/


/*================================================ MEDIA QUARIES ==============================================*/

/* Large desktop */
@media (min-width: 979px) { 
/*
  .longer{
    height: 70vh;
  }
  .goDown{
    position: absolute;
    bottom: 0;
  }
  .goDownWithMe{
    position:absolute;
    bottom: 28px;
  }
  */
 }
@media (min-width: 1200px) { ... }
 
 @media (max-width: 979px) {
  #carousel123{
    display: none;
  }
    }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 
  .navbar-nav.navbar-center{
    font-size: 120%;
  }
 }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
 .prodCatBox{
   -webkit-flex: 0 1 80%;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
 }
 #logo{
   padding-left: 50px;
 }
  #navbar{
    padding-left:30px;
  }
  }
/* Landscape phones and down */
@media (max-width: 480px) { ... }

@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}
/*========================================= END OF MEDIA QUARIES ==============================================*/