/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}


.yuki-reviews .flex-direction-nav .flex-prev {
	
	
	    left: 20px;
 
	    background: transparent url(https://cdn.icon-icons.com/icons2/1509/PNG/512/gtkgobackltr_104397.png) bottom center no-repeat;
    width: 40px;
    height: 80px;
    opacity: .2;
    background-size: 100% auto;
    text-indent: -500000px !important;

}

.yuki-reviews .flex-direction-nav .flex-next {
	
background-size: contain !important;
	    background: transparent url(https://cdn.icon-icons.com/icons2/1509/PNG/512/gtkgobackltr_104397.png) bottom center no-repeat;

transform: rotate(180deg);
}


/*

.yuki-reviews .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.yuki-reviews .flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.yuki-reviews .flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.yuki-reviews .flex-direction-nav .flex-prev {
  left: -50px;
}
.yuki-reviews .flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.yuki-reviews .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.yuki-reviews .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.yuki-reviews .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.yuki-reviews .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.yuki-reviews .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}*/

/* General
***********************/

.slider { margin: 0px 0 0!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  background: transparent;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 45%;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-indent: -50000em !important;
}
.flex-direction-nav a:before {
  text-indent: -50000em !important;
  font-size: 40px;
  display: inline-block;

  color: rgba(0, 0, 0, 0.8);
}
.flex-direction-nav a.flex-next:before {
  text-indent: -50000em !important;
}
.flex-direction-nav .flex-prev {
  left: 20px;
  background: transparent url('../images/blue-arrow-prev.png') bottom center no-repeat;
  width: 40px;
  height: 80px;
  opacity: .2;
  background-size: 100% auto;
  text-indent: -500000px !important;
}
.flex-direction-nav .flex-next {
  right: 20px;
  text-align: right;
  background: transparent url('../images/blue-arrow-next.png') bottom center no-repeat;
  width: 40px;
  height: 80px;
  opacity: .2;
  background-size: 80% auto;
  text-indent: -500000px !important;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 20px;
  text-indent: -50000px !important;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
    text-indent: -500000px !important
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 20px;
  text-indent: -500000px !important
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
  text-indent: -5000px;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 8px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 14px;
  height: 14px;
  display: block;
  background: transparent;
  cursor: pointer;
  text-indent: -9999px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #281e9b;
}
.flex-control-paging li a:hover {
  background: #281e9b;
  border: 2px solid #281e9b;
}
.flex-control-paging li a.flex-active {
  background: #281e9b;
  border: 2px solid #281e9b;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: none;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.flex-prev,
.flex-next {
  font-size: 0;
}


#secondary-slider .flex-control-nav.flex-control-paging {
display:none!important;
}

#messaging .flex-control-nav { bottom: 0px; display: none; }

#messaging .flex-control-paging li a {
border: 2px solid #fff;
}

#messaging .flex-control-paging li a:hover {
  background: #fff;
  border: 2px solid #fff;
}

#messaging .flex-control-paging li a.flex-active {
background: #fff;
border: 2px solid #fff;
cursor: default;
}

#showcase a.flex-next, #showcase a.flex-prev, #guide a.flex-prev, #guide a.flex-next { display: none;}

#customers-served .flex-direction-nav .flex-prev, #related-products .flex-direction-nav .flex-prev,
#look-book .flex-direction-nav .flex-prev {
top: 42%;
background: #fff url('../images/previous-box-arrow.png') bottom center no-repeat;
background-size: 100% auto !important;
border: 1px solid #eb4a26;
transition: .3s ease;
}

#related-products .flex-direction-nav .flex-prev {
top: 50%;
background: #fff url('../images/thin-previous.png') bottom center no-repeat;
background-size: 100% auto !important;
width: 33px;
height: 33px;
left: -35px;
border: 0px;
opacity: 1;
}

#related-products .flex-viewport { padding-bottom: 10px; }


#look-book .flex-direction-nav .flex-prev {
top: 47%;
background: #fff url('../images/previous-box-arrow.png') bottom center no-repeat;
background-size: 100% auto !important;
border: 1px solid #eb4a26;
display: inline-block;
}


#customers-served .flex-direction-nav .flex-prev:hover,
#look-book .flex-direction-nav .flex-prev:hover {
top: 42%;
background: #eb4a26 url('../images/previous-box-arrow-on.png') bottom center no-repeat;
background-size: 100% auto !important;
border: 1px solid #eb4a26;
}

#look-book .flex-direction-nav .flex-prev:hover {
top: 47%;
background: #eb4a26 url('../images/previous-box-arrow-on.png') bottom center no-repeat;
background-size: 100% auto !important;
border: 1px solid #eb4a26;
}

#customers-served .flex-direction-nav .flex-next,
#look-book .flex-direction-nav .flex-next
 {
top: 42%;
background: #fff url('../images/box-arrow.png') bottom center no-repeat;
background-size: 100% auto;
border: 1px solid #eb4a26;
transition: .3s ease;
}

#related-products .flex-direction-nav .flex-next
 {
top: 50%;
background: #fff url('../images/thin-next.png') bottom center no-repeat;
background-size: 100% auto;
width: 33px;
height: 33px;
border: 0px solid #eb4a26;
right: -35px;
opacity: 1;
}

#look-book .flex-direction-nav .flex-next
 {
top: 47%;
background: #fff url('../images/box-arrow.png') bottom center no-repeat;
background-size: 100% auto;
border: 1px solid #eb4a26;
}

#customers-served .flex-direction-nav .flex-next:hover,
#look-book .flex-direction-nav .flex-next:hover {
top: 42%;
background: #eb4a26 url('../images/box-arrow-on.png') bottom center no-repeat;
background-size: 100% auto;
border: 1px solid #eb4a26;
}

#look-book .flex-direction-nav .flex-next:hover {
top: 47%;
background: #eb4a26 url('../images/box-arrow-on.png') bottom center no-repeat;
background-size: 100% auto;
border: 1px solid #eb4a26;
}


#stainless-carousel .flex-direction-nav .flex-next,
#cheese-carousel .flex-direction-nav .flex-next {
  right: 25px;
  opacity: .3;
  text-align: right;
  width: 30px;
  height: 60px;
 }

#customers-served .flex-direction-nav .flex-next,
#look-book .flex-direction-nav .flex-next {
  right: -25px;
  opacity: 1;
  text-align: right;
  width: 50px;
  height: 50px;
 }

#look-book .flex-direction-nav .flex-next {
  right: 2px;
}

 #customers-served .flex-direction-nav .flex-next:hover,
 #stainless-carousel .flex-direction-nav .flex-next:hover,
 #cheese-carousel .flex-direction-nav .flex-next:hover,
#look-book .flex-direction-nav .flex-next:hover {
   right: -25px;
   opacity: 1; }

#customers-served .flex-direction-nav .flex-next:hover {
right: -25px;
}

#customers-served .flex-direction-nav .flex-prev,
#stainless-carousel .flex-direction-nav .flex-prev,
#cheese-carousel .flex-direction-nav .flex-prev,
#look-book .flex-direction-nav .flex-prev
  {
   left: 0px;
   width: 50px;
   height: 50px;
   background-size: 80% auto;
   opacity: .3;
   text-indent: -500000px !important;
   display: block !important;
 }

 #customers-served .flex-direction-nav .flex-prev {
left: -25px;
opacity: 1;
 }

 #look-book .flex-direction-nav {
position: absolute;
left: 75.5%;
top: 75%;
transform: translate(-75.5%,-80%);
width: 135px;
 }

#look-book .flex-direction-nav .flex-prev {
position: relative;
opacity: 1;
top: 0;
 margin: 0 0 0 0;
 }

 #look-book .flex-direction-nav .flex-next {
 position: relative;
 opacity: 1;
 float: right;
 top: 0;
 margin: 0 0 0 0;
  }


 #customers-served .flex-direction-nav .flex-prev:hover,
 #stainless-carousel .flex-direction-nav .flex-prev:hover,
 #cheese-carousel .flex-direction-nav .flex-prev:hover,
#look-book .flex-direction-nav .flex-prev:hover {
opacity: 1;
 }

#look-book .flex-direction-nav .flex-prev:hover, #look-book .flex-direction-nav .flex-next:hover {
margin: 0 0 0 0;
top: 0;
right: 0px;
 }
.yuki-reviews.yuki_agency_homepage_builder_el_2_0_1 .review-item {
	margin-right:15px; 
}
#messaging.flexslider .flex-direction-nav a  { display: none; }

 .flex-control-nav { z-index: 2 !important;   }

#cheese-carousel.flexslider, #stainless-carousel.flexslider {  clear: left; }

#cheese-carousel.flexslider .slides img {
    width: 70%;
    display: block;
    margin: 20px auto 0 !important;
}

#stainless-carousel.flexslider .slides img {
    width: 100%;
    display: block;
    margin: 60px auto 10px !important;
}

#main-slider .flex-direction-nav .flex-prev, #messaging .flex-direction-nav .flex-prev
    {
     background: transparent url('../images/prev-arrow-white.png') bottom center no-repeat;
     opacity: .3;
     background-size: 100% auto;
     text-indent: -500000px !important;
     display: block !important;
   }

#main-slider .flex-direction-nav .flex-next, #messaging .flex-direction-nav .flex-next
          {
           background: transparent url('../images/next-arrow-white.png') bottom center no-repeat;
           opacity: .3;
           background-size: 100% auto;
           text-indent: -500000px !important;
           display: block !important;
         }


 #messaging .flex-direction-nav .flex-next {
   background: transparent url('../images/box-arrow.png') bottom center no-repeat;
   opacity: 1;
   background-size: 100% auto;
 }



.flex-next {
font-size: 0 !important;
}

#messaging .flex-direction-nav .flex-next {
background: transparent url('../images/box-arrow.png') bottom center no-repeat;
background-size: 100% auto;
width: 25px;
height: 25px;
right: 0px;
top: 34px;
opacity: 1;
}

 #messaging .flex-direction-nav .flex-prev {
   background: transparent url('../images/previous-box-arrow.png') bottom center no-repeat;
   background-size: 100% auto;
   width: 25px;
   height: 25px;
   left: 0px;
   top: 34px;
   opacity: 1;
 }




#main-slider .flex-direction-nav .flex-prev:hover, #main-slider .flex-direction-nav .flex-next:hover,
#messaging .flex-direction-nav .flex-next:hover, #messaging .flex-direction-nav .flex-prev:hover
       {
        opacity: 1;
      }


#messaging.flexslider { background: #fff !important; }

#messaging ul > li, #messaging ol > li {
  margin-top: 0rem !important;
  margin-bottom: 0px !important;
}

.product.data.items > .item.content {
    margin-top: 79px !important;
  }

.product-info-main .product-reviews-summary {
display: none !important;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 1280px) {
  .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
  }


  #look-book .flex-direction-nav {
    position: absolute;
    left: 78%;
    top: 90%;
    transform: translate(-78%,-80%);
    width: 135px;
}

}

@media (max-width: 980px) {
  #look-book .flex-direction-nav {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0,0);
    width: 135px;
    margin: 0px auto 50px;
}
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }

    #carousel.flexslider .flex-direction-nav .flex-prev {
    opacity: 0;
    left: 10px;
  }
  #carousel.flexslider .flex-direction-nav .flex-next {
    opacity: 0;
    right: 10px;
  }

}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 600px) {

  .upsell #customers-served .flex-direction-nav .flex-prev, .upsell #customers-served .flex-direction-nav .flex-next {
      top: 36%;
  }

#customers-served .flex-direction-nav .flex-next {
top: 36%;
}

  #customers-served .flex-direction-nav .flex-prev {
    left: 0px;
    opacity: 1;
    top: 36%;
}

#customers-served .flex-direction-nav .flex-prev:hover {
  top: 36%;
}

#customers-served .flex-direction-nav .flex-next {
top: 36%;
    right: 0px;}

    #customers-served .flex-direction-nav .flex-next:hover {
      top: 36%;
    right: 0px;
    border: 1px dashed red;
}
}


@media screen and (max-width: 680px) {

}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 500px) {


}


@media screen and (max-width: 480px) {
  .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
  }


.flex-direction-nav a {
    top: 40%;
    opacity: 1;
}

.main-slider .flex-direction-nav .flex-prev {
  

    background-size: 60% auto !important;


 
}
 
.main-slider .flex-direction-nav .flex-next {

        background-size: auto;

    background-size: 60% auto !important;

 
}

.flex-direction-nav a {
    top: 36%;
    opacity: 1;
}



}

@media screen and (max-width: 360px) {

}