/* Context-independent */
.slide-show-render {
  font-family: 'Droid Sans', sans-serif; }

.slide-show-render .slide-overlay {
  text-align: left; }

.slide-show-render h2 {
  font-weight: 300; 
  padding:0 18px;
  position: absolute;
  bottom: 125px;
}

.slide-show-render ol {
  margin: 0;
  padding: 0;
  display: block; }

.slide-show-render .slides li {
  list-style: none;
  width: 942px;
  height: 550px;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  margin-right: 22px;
}

.slide-show-render .slide-heading {
  line-height: 1em;
  margin-bottom: 20px; }

.slide-show-render .slide-text {
  margin-bottom: 20px;
  line-height: 1.3; }

.slide-show-render .slide-button {
  cursor: pointer;
    font-size: 13px; text-transform: none; height:28px; margin:0;
    color: #9b9b9b; font-weight: bold; background: #fcfcfc; letter-spacing:normal;
    padding:0 15px; line-height: 28px; height: 28px; display: block;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px ;
    border-radius: 14px;
    -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.20);
    -moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.20);
    box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.20);
    background-color:#fcfcfc;
    background-image:-moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background-image:-webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background-image:-ms-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background-image:linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background-image:-o-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f6f6f6));
}

.slide-show-render .slide-button:hover{
    color: #fff !important;
    background: #ff7800;
}
.slide-show-render .slide-button span:hover, .slide-show-render .slide-button:hover > span{
    color: #fff !important;
}

.slide-show-render .slide-overlay-wrapper {
  position: relative; }

.slide-show-render .slide-button span {
    
}

.slide-show-render .slide-overlay {
  position: absolute;
  color: #fff;
  z-index: 50;}

.slide-show-render .slides {
  position: relative;
  width: 942px;
  height: 550px;
  overflow: hidden; }

.slide-show-render .btn-prev {
  background-image: url(); }

.slide-show-render .btn-next {
  background-image: url();
  right: 0; }

.slide-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.slide-show-render-large .slide-overlay {
  width: 326.9px; }
.slide-show-render-large .slide-heading,
.slide-show-render-large .slide-text {
  margin-bottom: 28.02px;}
.slide-show-render-large .slide-heading {
  font-size: 56.04px;
  line-height: 52px; }
.slide-show-render-large .slide-text {
  font-size: 20.548px;
  margin-bottom: 37.36px; }
.slide-show-render-large .slide-button {
  font-size: 14.944px; }
.slide-show-render-large .slide-button span {
  padding: 5.604px 13.076px; }
.slide-show-render-large .slide-overlay {
  top: 84.06px;
  left: 65.38px;
  width: 326.9px; }
.slide-show-render-large .slide-content {
  width: 915.32px;
  height: 420.3px; }
.slide-show-render-large .slide-image {
  max-width: 915.32px;
  max-height: 420.3px; }

.slide-show-render-small .slide-overlay {
  width: 61.25px; }
.slide-show-render-small .slide-heading,
.slide-show-render-small .slide-text {
  margin-bottom: 5.25px;}
.slide-show-render-small .slide-heading {
  font-size: 10.5px;
  line-height: 52px; }
.slide-show-render-small .slide-text {
  font-size: 3.85px;
  margin-bottom: 7px; }
.slide-show-render-small .slide-button {
  font-size: 2.8px; }
.slide-show-render-small .slide-button span {
  padding: 1.05px 2.45px; }
.slide-show-render-small .slide-overlay {
  top: 15.75px;
  left: 12.25px;
  width: 61.25px; }
.slide-show-render-small .slide-content {
  width: 171.5px;
  height: 78.75px; }
.slide-show-render-small .slide-image {
  max-width: 171.5px;
  max-height: 78.75px; }

.slide-show-render-full .slide-overlay {
  width: 350px; }
.slide-show-render-full .slide-heading,
.slide-show-render-full .slide-text {
  margin-bottom: 25px; }
.slide-show-render-full .slide-heading {
  font-size: 19px;
  line-height: 24px; }
.slide-show-render-full .slide-text {
  font-size: 22px;
  margin-bottom: 40px; 
  display: none;}
.slide-show-render-full .slide-button { 
 position:absolute;
 bottom:106px;
 left:18px;
}
.slide-show-render-full .slide-button span:hover {
    color:#fff;
  }
.slide-show-render-full .slide-overlay {
  top: 0;
  left: 0;
  width: 100%; 
  height:100%;
}
.slide-show-render-full .slide-content {
  width: 942px;
  height: 613px; }
.slide-show-render-full .slide-image {
  max-width: 942px;
  max-height: 649px; }

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: auto;
  height: 100%;
  display: block;
  margin: 0 auto;
  }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 550px; }

.flexslider .slides {
  zoom: 1; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  width: 44px;
  height: 44px;
  margin: -22px 0 0;
  display: block;
  background: url(https://www.cocomats.com/product_images/uploaded_images/flexslider-prev.png) no-repeat;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next {
  background-position: top left;
  right: -36px; }

.flex-direction-nav .flex-prev {
  background-position: top right;
  left: -36px; }

.flexslider:hover .flex-next {
  opacity:1;
  right: -1px; }

.flexslider:hover .flex-prev {
  opacity:1;
  left: -1px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default; 
  display: none;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

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

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0; } }