/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 #container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width:100%; }
.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 { position: relative; zoom: 1; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.flexslider .slides li { /*height:642px; background-repeat:no-repeat; background-position:center; background-size:cover;*/ }
.flexslider .slides li img { width:100%; float:left; }

/* Caption style */
/* IE rgba() hack */
.flex-caption { zoom: 1;  }
/*.flex-caption::before {content: "."; position:absolute; top:0px; left:-37px; width:37px; height:100%; background:url(../images/before-img.png) no-repeat top right; background-size:100%; }
.flex-caption::after {content: "."; position:absolute; bottom:0px; right:-37px; width:37px; height:100%; background:url(../images/after-img.png) no-repeat bottom left; background-size:100%; }*/

.flex-caption { width:390px; position:absolute; right: 0%; top:5%; padding:0px; text-transform: uppercase; }
.flex-caption h5 { font-size:15px; color:#fff; font-family: 'poppinsmedium';  margin-left: 7%; margin-bottom:6px; margin-top:10px; text-shadow: 2px 2px 2px #000; z-index:9; position:relative}
.flex-caption .ban-txt { position:relative; float:left;}
.flex-caption .ban-txt:after { width: 87%; height: 93%; transform: skew(-18deg); -webkit-transform: skew(-18deg); -moz-transform: skew(-18deg); -o-transform: skew(-18deg); background: rgba(0,0,0,0.65); display:block; content:""; position:absolute; top:0; left:2px;}
.flex-caption h3 { color:#fff; font-size:18px; position:relative; float:left; display:inline-block; z-index:9;  line-height: 24px; padding: 10px 20px 10px 25px;  font-family: 'open_sansextrabold_italic'/*'open_sansregular'*/; width:85%;}
.flex-caption h3:after { width: 100%; height: 100%; transform: skew(-18deg); -webkit-transform: skew(-18deg); -moz-transform: skew(-18deg); -o-transform: skew(-18deg); background: #d11b18; display:block; content:""; position:absolute; top:0; left:0; z-index:-1;}
.flex-caption h3 a {  font-family: 'open_sansregular'; font-size:14px; color:#ceb73a; line-height:0; margin-left: 5px;}

.flex-caption-txtpad { float:left;  width:50%; font-weight:300; }
.flex-caption h1 { float:left; width:100%; font-size:30px; line-height:38px;color:#fff;font-family: 'open_sansextrabold_italic'; text-decoration: underline; position:relative; z-index:9; padding:5px 0 20px 55px;}
/*.flex-caption h1:after { width: 100%; height: 100%; transform: skew(-18deg); -webkit-transform: skew(-18deg); -moz-transform: skew(-18deg); -o-transform: skew(-18deg); background: rgba(0,0,0,0.45); display:block; content:""; position:absolute; z-index:-1; top:0; left:0;}*/



.flex-caption p { clear:left; width:100%; font-size:20px; color:#ffffff; line-height:27px; letter-spacing:-0.3px; }
.flex-caption a.slide-btn { display:inline-block; font-size:20px; color:#ffffff; text-align:center; line-height:50px; padding:0 15px; margin:10px 0px 0px; background:none; border:1px solid #ffffff; }
.flex-caption a.slide-btn:hover { background:#ffffff; color:#fe5f0e; }
.ban_bg{ height:382px;}
.latest-collection img{height: 236px;}



/* Direction Nav */
.flex-direction-nav li a {width:40px; height:41px; margin:0 0 0 0; display: block; z-index:100; background: url(../images/dir-nav.png) no-repeat 0 0; position: absolute; top: 44%; cursor: pointer; text-indent: -99999px; /*-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;*/ }
.flex-direction-nav li .flex-next {background-position:-40px 0; right:40px;}
.flex-direction-nav li .flex-prev {left:40px;}
.flex-direction-nav li .flex-next:hover {background-position:-40px -41px; }
.flex-direction-nav li .flex-prev:hover {background-position:0 -41px;}
.flex-direction-nav li .disabled {opacity:.3; filter:alpha(opacity=30); cursor: default;}
/*.flex-direction-nav { position: absolute; width:100%;}*/

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; /*z-index:9999;*/ text-align: center;}
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width:18px; height:17px; display: block; background:url(../images/control-nav.png) no-repeat -22px 0; cursor: pointer; text-indent: -9999px;margin-right: 2px;}
.flex-control-nav li a:hover {background-position:0 0;}
.flex-control-nav li a.flex-active {background-position:0 0; cursor: default;}
.flex-btn{background:#b98b57; color:#fff;padding:10px 45px; border-radius:3px; line-height:60px;font-family: 'PT Sans Narrow', sans-serif; }
.flexslider-home .flex-control-nav { display:none; }


.flexslider .slides {
    overflow: hidden;
}

.flex-caption a.slide-btn { opacity:0; }


@-webkit-keyframes fadeInLeft1 {
	0% { opacity: 0; -webkit-transform: translateX(-300px); }
	40% { opacity: 0; -webkit-transform: translateX(-300px); }
	100% { opacity: 1; -webkit-transform: translateX(0);  }
}
@-moz-keyframes fadeInLeft1 { 
	0% { opacity: 0; -moz-transform: translateX(-300px); }
	40% { opacity: 0; -moz-transform: translateX(-300px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes fadeInLeft1 {
	0% { opacity: 0; -o-transform: translateX(-300px); }
	40% { opacity: 0; -o-transform: translateX(-300px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes fadeInLeft1 {
	0% { opacity: 0; transform: translateX(-300px); }
	40% { opacity: 0; transform: translateX(-300px); }
	100% { opacity: 1; transform: translateX(0); }
}

.flex-active-slide .flex-caption .ban-button {
-webkit-animation:fadeInright3 ease-in 1;
-moz-animation:fadeInright3 ease-in 1;
-o-animation:fadeInright3 ease-in 1;
animation:fadeInright3 ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2.5s;
-moz-animation-duration:2.5s;
-o-animation-duration:2.5s;
animation-duration:2.5s;
}
/*.flex-active-slide .flex-caption .ban-txt {
-webkit-animation:fadeInright3 ease-in 1;
-moz-animation:fadeInright3 ease-in 1;
-o-animation:fadeInright3 ease-in 1;
animation:fadeInright3 ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2.5s;
-moz-animation-duration:2.5s;
-o-animation-duration:2.5s;
animation-duration:2.5s;
}
@-webkit-keyframes fadeInright3 {
	0% { opacity: 0; -webkit-transform: translateY(300px); }
	65% { opacity:1; -webkit-transform: translateY(300px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInright3 { 
	0% { opacity: 0; -moz-transform: translateY(300px); }
	65% { opacity: 1; -moz-transform: translateY(300px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInright3 {
	0% { opacity: 0; -o-transform: translateY(300px); }
	65% { opacity: 1; -o-transform: translateY(300px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInright3 {
	0% { opacity: 0; transform: translateY(300px); }
	65% { opacity: 1; transform: translateY(300px); }
	100% { opacity: 1; transform: translateY(0); }
}*/

.flex-active-slide .flex-caption .pecock {
-webkit-animation:peacock-zoom ease-in 1;
-moz-animation:peacock-zoom ease-in 1;
-o-animation:peacock-zoom ease-in 1;
animation:peacock-zoom ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
@-webkit-keyframes peacock-zoom {
	0% {
		opacity: 0;
		-webkit-transform:scale(.2);
		-webkit-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		-webkit-animation-timing-function: ease-in-out;
	}
}
@-moz-keyframes peacock-zoom { 
	0% { opacity: 0;
		-moz-transform:scale(.2);
		-moz-animation-timing-function: ease-in-out;
	   }
		
	100% {
		opacity: 1;
		-moz-transform:scale(1);
		-moz-animation-timing-function: ease-in-out;
	}
}
@-o-keyframes peacock-zoom {
	0% { opacity: 0;
		-o-transform:scale(.2);
		-o-animation-timing-function: ease-in-out;
	   }
		
	100% {
		opacity: 1;
		-o-transform:scale(1);
		-o-animation-timing-function: ease-in-out;
	}
}
@keyframes peacock-zoom {
	0% { opacity: 0;
		transform:scale(.2);
		animation-timing-function: ease-in-out;
	   }
		
	100% {
		opacity: 1;
		transform:scale(1);
		animation-timing-function: ease-in-out;
	}
}

.flex-active-slide a.slide-btn {
	background:none; opacity: 0;
-webkit-animation:fadeInBtn ease-in 1;
-moz-animation:fadeInBtn ease-in 1;
-o-animation:fadeInBtn ease-in 1;
animation:fadeInBtn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:3s;
-moz-animation-duration:3s;
-o-animation-duration:3s;
animation-duration:3s;
}
@-webkit-keyframes fadeInBtn {
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeInBtn { 
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadeInBtn {
	0% { opacity: 0; }
	65% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeInBtn {
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}

.caption-txt img.flow-lft {
	opacity: 0;
}

.flex-active-slide .flex-caption .caption-txt img.flow-lft{  transform-origin: top bottom; -webkit-transform-origin: top bottom;-moz-transform-origin: top bottom; -o-transform-origin: top bottom; transform-style: preserve-3D; -webkit-transform-style: preserve-3D; -moz-transform-style: preserve-3D; -o-transform-style: preserve-3D; -ms-transform-style: preserve-3D;
-webkit-animation:fadeInright ease-in 1;
-moz-animation:fadeInright ease-in 1;
-o-animation:fadeInright ease-in 1;
animation:fadeInright ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:3s;
-moz-animation-duration:3s;
-o-animation-duration:3s;
animation-duration:3s; }

@-webkit-keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform:scale(.2);
		-webkit-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		-webkit-animation-timing-function: ease-in-out;
	}
}
@-moz-keyframes fadeInright { 
	0% {
		opacity: 0;
		-moz-transform:scale(.2);
		-moz-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-moz-transform:scale(1);
		-moz-animation-timing-function: ease-in-out;
	}
}
@-o-keyframes fadeInright {
	0% {
		opacity: 0;
		-o-transform:scale(.2);
		-o-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-o-transform:scale(1);
		-o-animation-timing-function: ease-in-out;
	}
}
@-ms-keyframes fadeInright {
	0% {
		opacity: 0;
		-ms-transform:scale(.2);
		-ms-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-ms-transform:scale(1);
		-ms-animation-timing-function: ease-in-out;
	}
}
@keyframes fadeInright {
	0% {
		opacity: 0;
		transform:scale(.2);
		animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		transform:scale(1);
		animation-timing-function: ease-in-out;
	}
}

	
.world-more {
    width: 28%;
    position: absolute;
    right: 118px;
   
    padding: 8px 18px;
    bottom: 60px;
    background-color: #d11b18;
    color: #fff;
    
	font-family: 'open_sansregular';
}
.world-more::before {content: ""; position:absolute; top:0px; left:-12px; width:16px; height:100%; background:url(../images/before-red.png) no-repeat top right; background-size:cover; }
.world-more::after {content: ""; position:absolute; bottom:0px; right:-16px; width:16px; height:100%; background:url(../images/aft-red.png) no-repeat bottom left; background-size:cover; }
.world-more h5 span {
    text-align: right;
    float: right;
    color: #f39313;
	font-family: 'open_sansregular';
}
.cmy-name {
    width: 30%;
    position: absolute;
    right: 77px;
    bottom: 0px;
    padding: 14px 18px;
    bottom: 180px;
    color: #fff;
	font-family: 'poppinsmedium';
	font-size: 18px;
}
.flex-caption h1 span {
    color: #f39313;
	font-family: 'open_sansextrabold_italic';text-decoration: underline;
}
.flex-caption.flex-wid { width:500px;}