/*

 * jQuery FlexSlider v2.6.3

 * 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)

 *

 */



/* ====================================================================================================================

 * 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;

}

/* ====================================================================================================================

 * BASE STYLES

 * ====================================================================================================================*/

.flexslider {

  margin: 0;

  padding: 0;

}

.flexslider .slides li {

  display: none;

  -webkit-backface-visibility: hidden;

  position: relative;

  overflow: hidden;

  text-align: center;

}

.flexslider .caption-description > .container {

  position: relative;

}



.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;

  position: relative;

  zoom: 1;

  overflow: hidden;

  clear: both;

}



.flexslider .caption-description h2{ font-size: 30px; margin-bottom:25px; letter-spacing: 9px;}

.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;

  direction: ltr !important;

}

.loading .flex-viewport {

  max-height: 300px;

}

.carousel li {

  margin-right: 5px;

}





.flexslider .slides li .slide_content {

    position: absolute;

    top: 405px;

    text-align: center;

    color: #fff;

    width: auto;

    left: 0;

    right: 0;

}

.flexslider .slides li .slide_content .headdings.left-align .sub_title {

  margin: 0 0 25px;

  display: inline-block;

}

.flexslider .slides li .slide_content .headdings .main_title {

    font-size: 80px;

    text-transform: capitalize;

    line-height: 70px;

    font-weight: 500;

    letter-spacing: 0;

}

.flexslider .slides li .slide_content .headdings .sub_title {

    font-size: 26px;

    line-height: 26px;

    margin-top: 28px;

    margin-bottom: 40px;

    letter-spacing: 0.5px;

}

.flexslider .slides li .slide_content .button-shopnow {

    display: inline-block;

}

.flexslider .slides li .slide_content .headdings .button-shopnow .btn {

    position: relative;

    display: block;

    border: 2px solid #fff;

    padding: 12px 15px;

    text-transform: uppercase;

    overflow: hidden;

    transition: 1s all ease;

    background: transparent;

    color: #fff;

    min-width: 160px;

}

.flexslider .slides li .slide_content .headdings .button-shopnow .btn:before {

    background: #fff;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    z-index: -1;

    transition: all 0.6s ease;

    width: 0%;

    height: 100%;

}

.flexslider .slides li .slide_content .headdings .button-shopnow:hover .btn:before {

   width: 100%;

   color:#000 ;

}

.flexslider .slides li .slide_content .headdings .button-shopnow:hover .btn{

  background: #fff;

  border-color: #fff;

  color: #000;

}

.flexslider .slides li .slide_content .headdings .main_title,

.flexslider .slides li .slide_content .headdings .sub_title,

.flexslider .slides li .slide_content .headdings .button-shopnow {

    opacity: 0;

    -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;

    transition: opacity 0.7s,-webkit-transform 0.7s,

    -moz-transform 0.7s,-o-transform 0.7s,transform 0.7s;

}

.flexslider .slides li .slide_content .headdings .main_title,

.flexslider .slides li .slide_content .headdings .sub_title{

  -webkit-transform: translate3d(0%, 0%, 0);

  transform: translate3d(00%, 0%, 0);

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

.flexslider .slides li.flex-active-slide .slide_content .headdings .main_title{

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}

.flexslider .slides li.flex-active-slide .slide_content .headdings .sub_title{

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.flexslider .slides li .slide_content .headdings .button-shopnow{

  -webkit-transform: translate3d(0%, 0%, 0);

    transform: translate3d(0%, 0%, 0);

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

} 

.flexslider .slides li.flex-active-slide .slide_content .headdings .button-shopnow{

    -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;

}

.flexslider .slides li.flex-active-slide .slide_content .headdings .main_title,

.flexslider .slides li.flex-active-slide .slide_content .headdings .sub_title,

.flexslider .slides li.flex-active-slide .slide_content .headdings .button-shopnow {

    opacity: 1;

    -webkit-transform: translate3d(0%, 0%, 0);

    transform: translate3d(0%, 0%, 0);

}



@keyframes fadeInUp {

  0%{

    opacity:0;

    transform:translateY(40%);

  }

  to{

    opacity:1;

    transform:translateY(0%);

  }

}

@media (max-width: 1459px) {

  .flexslider .slides li .slide_content {

    top: 350px;

  }

}

@media (max-width: 1259px){

  .flexslider .slides li .slide_content .slide_description{

    padding-bottom: 40px;

  }

}

@media (max-width: 1199px) {

  .flexslider .slides li .slide_content .headdings .sub_title {

    margin-top: 15px;

    margin-bottom: 15px;

  }

  .flexslider .slides li .slide_content .slide_description{



    padding-bottom: 30px;

  }

  .flexslider:hover .flex-direction-nav .flex-prev{

    left: 50px;

  }

  .flexslider:hover .flex-direction-nav .flex-next{

    right: 50px;

  }

  .flexslider .slides li .slide_content .headdings .main_title:before{

    margin-right: 30px;

  }

  .flexslider .left-part:before{

    bottom: auto;

  }

  .flexslider .slides li .slide_content .headdings .main_title{

    font-size: 70px;

    line-height: 60px;

  }

  .flexslider .slides li .slide_content {

    top: 300px;

  }

}



@media (max-width: 991px){

  .flexslider .slides li .slide_content .headdings .main_title:before {

      margin-right: 20px;

  }

  .flexslider .slides li .slide_content{

    top: 210px;

  }

  .flexslider .slides li .slide_content .headdings .button-shopnow .btn{

      min-width: 140px;

      padding-top: 9px;

      padding-bottom: 9px;

  }

  .flexslider .slides li .slide_content .slide_description{

    display: none;

  }

  .flexslider .slides li .slide_content .headdings .main_title {

    font-size: 60px;

    line-height: 55px;

  }

}

@media (max-width: 767px){

    .flexslider .slides li .slide_content {

      top: 110px;

    }

    .flexslider .slides li .slide_content .headdings .main_title:before {

      margin-right: 10px;

  }

   .flexslider .slides li .slide_content .headdings .button-shopnow .button {

    padding: 7px 20px;

    font-size: 14px;

  }

  .flexslider .slides li .slide_content .headdings .main_title{

    line-height: 50px;

    font-size: 50px;

  }

}

@media(max-width: 650px){

  .flexslider .slides li .slide_content {

    top: 70px;

  }

}

@media (max-width: 575px) {

  .flexslider .slides li .slide_content .headdings .sub_title {

    font-size: 25px;

    margin-top: 5px;

    line-height: 26px;

  }

  .flexslider .slides li .slide_content .headdings .main_title {

    line-height: 40px;

    font-size: 40px;

  }

  .flexslider .slides li .slide_content{

    top: 35px;

  }

}



@media (max-width: 480px) {

  .flexslider .slides li .slide_content .headdings .sub_title{

    font-size: 20px;

  }

  .flexslider .slides li .slide_content .headdings .main_title {

    line-height: 30px;

    font-size: 30px;

  }

  .flexslider .slides li .slide_content .headdings .button-shopnow .btn {

    font-size: 16px;

    min-width: 120px;

    padding-bottom: 6px;

    padding-top: 6px;

  }

}

@media (max-width: 380px) {

  .flexslider .slides li .slide_content .headdings .sub_title {

      font-size: 18px;

  }

  .flexslider .slides li .slide_content {

      top: 20px;

  }

  .flexslider .slides li .slide_content .headdings .main_title {

    font-size: 25px;

    line-height: 26px;

  }

  .flexslider .slides li .slide_content .headdings .sub_title{

    margin-bottom: 10px;

  }

}



.flexslider .slides img {

  width: 100%;

  display: block;

  background-color: white;

  max-width: 100%;

}



.flex-direction-nav {

  *height: 0;

}

.flex-direction-nav a {

  text-decoration: none;

  display: block;

  height: 44px;

  width: 44px;

  margin: -25px 0 0 0;

  position: absolute;

  z-index: 5;

  top: 50%;

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

  -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;

  font-size: 0px;

  font-size: 0;

}

.flex-direction-nav a:before {

    height: 44px;

    width: 44px;

    color: #fff;

    display: inline-block;

    float: none;

    font-family: "FontAwesome";

    font-size: 26px;

    line-height: 40px;

    margin: 2px;

    vertical-align: top;

    padding: 3px 15px;

    -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;

    border: 1px solid #fff;

}

.flex-direction-nav a.flex-prev:before {

  content: "\f0d9";

}

.flex-direction-nav a.flex-next:before {

  content: "\f0da";

}

.flex-direction-nav .flex-prev {

	left: 45px;

}

.flex-direction-nav .flex-next {

	right: 45px;

	text-align: right;

}

.flexslider:hover .flex-direction-nav .flex-prev {

	left: 60px;

	opacity: 1;

}

.flexslider:hover .flex-direction-nav .flex-next {

	right: 60px;

	opacity: 1;

}

.flexslider .flex-direction-nav a:hover:before {

    border-color: #eeb091;

    color: #eeb091;

}

.flex-direction-nav .flex-disabled {

	opacity: 0!important;

	filter: alpha(opacity=0);

	cursor: default;

	z-index: -1;

}

.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: "Material Icons";

  font-size: 20px;

  display: inline-block;

  content: '\E039';

}

.flex-pauseplay a:hover {

  opacity: 1;

}

.flex-pauseplay a.flex-play:before {

  content: '\E036';

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	margin: 0;

	display: block;

	bottom: 5px;

  left: 0px;

	text-align: center;

	z-index: 2;

	-webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    display: none;

}

.flex-control-nav li {

	margin: 0 5px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}

.flex-control-paging li a {

	width: 12px;

  height: 12px;

	display: block;

	background: #fff;

	cursor: pointer;

	text-indent: -9999px;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}

.flex-control-paging li a:hover,

.flex-control-paging li a.flex-active {

	background: #b49668;

	border-color: #b49668;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s;

}

.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%;

	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;

}



@keyframes smoky {

  60% {

    text-shadow: 0 0 40px whitesmoke;

  }

  to {

    transform:

      translate3d(15rem,-8rem,0)

      rotate(-40deg)

      skewX(70deg)

      scale(1.5);

    text-shadow: 0 0 20px whitesmoke;

    opacity: 0;

  }

}



@keyframes smoky-mirror {

  60% {

    text-shadow: 0 0 40px whitesmoke; }

  to {

    transform:

      translate3d(18rem,-8rem,0)

      rotate(-40deg) 

      skewX(-70deg)

      scale(2);

     text-shadow: 0 0 20px whitesmoke;

    opacity: 0;

  }

}

/* ====================================================================================================================

 * RESPONSIVE

 * ====================================================================================================================*/



@media (max-width: 1199px) {

   .flex-control-nav li{

    padding-bottom: 20px;

  }

  .flex-control-nav li:before{

    bottom: 10px;

  }

}



@media (max-width: 991px) {

  .flexslider {

		width: 100%;

		padding: 0;

  }

	.flex-direction-nav{ display: none; }

  

  .flex-control-paging li a {

      font-size: 0;

      height: 12px;

      width: 12px;

      background-color: #fff;

      display: inline-block;

      transform: scale(1);

      border-radius: 25px;

  }

  .flex-control-nav li:before{

    display: none;

  }

  .flex-control-nav li {

    padding-bottom: 0;

    display: inline-block;

    margin-right: 6px;

  }

  .flex-control-paging li a.flex-active{

    background-color: #b49668;

  }

  .flex-control-nav{

    display: block;

  }

}

@media (max-width: 480px){

  .flex-control-nav{

    bottom: 0;

  }

}