/*
 * jQuery Nivo Slider v3.2
 * Free to use and abuse under the MIT license.
 */
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	width: 100%;
    position: relative;
    bottom: 30px;
    text-align: center;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.nivo-controlNav a {
    border: 5px solid #b7b7b7;
    display: inline-block;
    height: 18px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 18px;
    line-height: 8px;
    cursor: pointer;
    position: relative;
    z-index: 9;
    background-color: #fff;
    border-radius: 100%;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
    background: #c38749;
    cursor: pointer;
}
/* ------------------------------
Default Theme
---------------------------------*/
.slider-area .bend {padding: 0; position: relative; zoom: 1;}
.slider-area .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.slider-area .loading .flex-viewport {max-height: 300px;}
.slider-area .bend .slides {zoom: 1;}
.slider-area .carousel li {margin-right: 5px}
/* Direction Nav */
.slider-area .flex-direction-nav {*height: 0;}
.nivo-directionNav{ opacity: 0;}
.slider-area:hover .nivo-directionNav{ opacity: 1; overflow: hidden;}
.slider-area .flex-direction-nav a,
.nivo-directionNav a { width: 62px; height: 59px;  display: block; border: 1px solid #fff;  position: absolute; top: 50%; margin-top: -31px; cursor: pointer; font-size: 0; color: transparent; z-index: 9;  text-align: center; }
.slider-area .bend:hover .flex-next:hover, .slider-area .bend:hover .flex-prev:hover {opacity: 1;}
.slider-area .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
 .slider-area{
    position :relative;
 }
/* Control Nav */
.slider-area .flex-control-nav,
.nivo-controlNav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.slider-area .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.slider-area .flex-control-paging li a,
.nivo-controlNav a {width: 11px; height: 11px; display: block; background: #aaa; 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); z-index: 9; }
.slider-area .flex-control-paging li a:hover,
.slider-area .flex-control-paging li a.flex-active,
.nivo-controlNav a:hover,
.nivo-controlNav a.active { background: #c38749; cursor: pointer; }
.slider-area .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.slider-area .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.slider-area .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.slider-area .flex-control-thumbs img:hover {opacity: 1;}
.slider-area .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.niceties {
    overflow: hidden;
}
.nivoslider {
position: relative;
overflow: hidden;
height: auto;
width: 100%; 
}
.nivoslider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.nivo-controlNav {
    text-align: center;
	left:25px;
}
.nivo-controlNav a {
	border:5px solid #b7b7b7;
	display: inline-block;
	height:18px;
	margin: 0 5px;
	text-indent: -9999px;
	width:18px;
	line-height: 8px;
	cursor: pointer;
	position: relative;
	z-index: 9;
	background-color: #fff;
	border-radius: 100%
}
.slider-direction {
	position: absolute;
	left:0; 
	top:0;  
	width: 100%;
	background: none;
	color: #fff;
	font-size: 16px;
	z-index: 999;
	display: none;
}
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white; 
    filter:alpha(opacity=0); 
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }
.nivo-caption {
  position:absolute;
    left:0; 
    top:0;  
    color:#fff;
    width:100%;
    height: 100%;
    z-index:8;
}
.nivo-main-image {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white; 
    filter:alpha(opacity=0); 
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
@-webkit-keyframes myfirst {
  from {width: 0;}
  to {width: 100%;}
 }
 @keyframes myfirst {
  from {width: 0;}
  to {width: 100%;}
 }
 .slider-progress.pos_hover{
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
 }
 .slider-area{
    position :relative;
    z-index: 0
 }
/*===================================================
Slider Content
===========================================================*/
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.slider-content{ height: 100%; position: relative; padding: 15px; position: absolute;}
.slider-content .title-container {
	position:relative;
}
.slider-content .title-container:before {
	background:#252525;
	width:350px;
	height:350px;
	content:"";
	left: -95px;
    position: absolute;
    top: -165px;
	z-index:1;
	transform: rotate(135deg) translate(0px,-110px);
	-webkit-transform: rotate(135deg) translate(0px,-110px); 
	-moz-transform: rotate(135deg) translate(0px,-110px);
	transition: all 0.3s ease-out; 
}
.slider-content .title-container:after {
	background:none;
	border:1px solid #252525;
	width:380px;
	height:380px;
	content:"";
	left:-110px;
    position: absolute;
    top:-180px;
	z-index:1;
	transform: rotate(135deg) translate(0px,-110px);
	-webkit-transform: rotate(135deg) translate(0px,-110px); 
	-moz-transform: rotate(135deg) translate(0px,-110px);
	transition: all 0.3s ease-out; 
}
.slider-content{ text-align: left; top: 33%; margin-left:-150px; left: 50%;}
.slider-content h1,
.slider-content h2,
.slider-content h3{ text-transform: uppercase; color: #fff; }
.slider-content h1{ 
	font-family: "Montserrat",sans-serif;
    font-size: 20px;
    font-weight: 700;
	color:#fff;
	text-transform: uppercase;
	letter-spacing:6px; 
	position:relative;
	z-index:2;
	margin:0 0 0 20px;
}
.slider-content h1 span{ background: rgba(255, 255, 255, 0.5); padding: 5px 10px; }
.slider-content h2{ 
	font-size: 100px;
	font-family: 'Casmira';
	font-weight: 900;
	margin: -5px 0 0 45px;
	position:relative;
	z-index:2;
	padding:0 0 20px;
}
.slider-content .banner7-des{ font-size: 14px; text-align: justify; width: 22%; margin-top: -12px;}
.slider-content .banner7-readmore a{  text-transform: uppercase; font-family: Montserrat; font-size: 14px;  font-weight: 700; padding: 10px 40px; color: #fff; display: inline-block; margin-top: 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
.slider-content .banner7-readmore a:before{ content: ""; position: absolute; height: 1px; width: 100%; background: #fff; left: 0; top: 2px;}
.slider-content .banner7-readmore a:after{ content: ""; position: absolute; height: 1px; width: 100%; background: #fff; left: 0; bottom: 2px;}
.slider-content.slider-2 {
	margin-left: -413px;
	top:33%;
}
.slider-content.slider-2 h1 {
	font-family: 'Poiret One', cursive;
	color:#d4d4d4;
	font-size:18px;
	font-weight:400;
	margin: -20px 0 0 52px;
    position: absolute;
}
.slider-content.slider-2 h3 {
	font-family: "Raleway",sans-serif;
    font-size: 25px;
    font-weight: 700;
	letter-spacing:10px;
	margin: 0px 0 0 25px;
    position: absolute;
	z-index:2;
	color:#fff;
}
.slider-content.slider-2 h2 {
	font-family: 'Casmira';
    font-size: 100px;
    font-weight: 900;
    margin: 26px 0 0 -21px;
    letter-spacing: 5px;
}
.slider-content.slider-2 h2::before {
	left: 65px;
    bottom: -5px;
}
.title-container h2::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    background: url("../images/slider/bannner33.png") no-repeat 50% 100%;
    width: 230px;
    height: 32px;
    z-index: 30;
}
.slider-content.slider-2 .banner7-des {
	position: relative;
    z-index: 2;
    width: 200px;
    margin: 15px 0 0 62px;
    text-align: center;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    letter-spacing: 5px;
    color: #c38749;
    font-weight: 700;
}
.slider-1 h2{ display: inline-block; }
.slider-1 h3{ color: #c38749;}
.slider-2 h2{ display: inline-block; }
.slider-2 h3{ color: #c38749;}
.slider-2 .banner7-readmore{ }
.slider-1 h1{
    -webkit-animation: flipInX 600ms ease-in-out;
    -moz-animation: flipInX 600ms ease-in-out;
    -ms-animation: flipInX 600ms ease-in-out;
    animation: flipInX 600ms ease-in-out;
}
.slider-1 h2{
    -webkit-animation: flipInX 800ms ease-in-out;
    -moz-animation: flipInX 800ms ease-in-out;
    -ms-animation: flipInX 800ms ease-in-out;
    animation: flipInX 800ms ease-in-out;
}
.slider-1 h3{
    -webkit-animation: flipInX 1000ms ease-in-out;
    -moz-animation: flipInX 1000ms ease-in-out;
    -ms-animation: flipInX 1000ms ease-in-out;
    animation: flipInX 1000ms ease-in-out;
}
.slider-1 .banner7-des{
    -webkit-animation: zoomInRight 1200ms ease-in-out;
    -moz-animation: zoomInRight 1200ms ease-in-out;
    -ms-animation: zoomInRight 1200ms ease-in-out;
    animation: zoomInRight 1200ms ease-in-out;
}
.slider-1 .banner7-readmore a{ 
    -webkit-animation: zoomInRight 1400ms ease-in-out;
    -moz-animation: zoomInRight 1400ms ease-in-out;
    -ms-animation: zoomInRight 1400ms ease-in-out;
    animation: zoomInRight 1400ms ease-in-out;
}
.slider-1 img.img1 {
    position:absolute;
    bottom:0px;
    left:50%;
	width: 325px;
	margin:-185px 0 0 -630px;
    max-width: none;
    -webkit-animation: fadeInRight 1500ms ease-in-out;
    -moz-animation: fadeInRight 1500ms ease-in-out;
    -ms-animation: fadeInRight 1500ms ease-in-out;
    animation: fadeInRight 1500ms ease-in-out;
}
.slider-1 img.img2 {
    position:absolute;
    bottom:0px;
    left:50%;
	width: 325px;
	margin:-140px 0 0 300px;
    max-width: none;
    -webkit-animation: fadeInLeft 1500ms ease-in-out;
    -moz-animation: fadeInLeft 1500ms ease-in-out;
    -ms-animation: fadeInLeft 1500ms ease-in-out;
    animation: fadeInLeft 1500ms ease-in-out;
}
.slider-2 h1{
    -webkit-animation: flipInX 800ms ease-in-out;
    -moz-animation: flipInX 800ms ease-in-out;
    -ms-animation: flipInX 800ms ease-in-out;
    animation: flipInX 800ms ease-in-out;
}
.slider-2 h2{
    -webkit-animation: flipInX 1000ms ease-in-out;
    -moz-animation: flipInX 1000ms ease-in-out;
    -ms-animation: flipInX 1000ms ease-in-out;
    animation: flipInX 1000ms ease-in-out;
}
.slider-2 h3{
    -webkit-animation: flipInX 1200ms ease-in-out;
    -moz-animation: flipInX 1200ms ease-in-out;
    -ms-animation: flipInX 1200ms ease-in-out;
    animation: flipInX 1200ms ease-in-out;
}
.slider-2 .banner7-des{
    -webkit-animation: flipInX 1200ms ease-in-out;
    -moz-animation: flipInX 1200ms ease-in-out;
    -ms-animation: flipInX 1200ms ease-in-out;
    animation: flipInX 1200ms ease-in-out;
}
.slider-2 .banner7-readmore a{
    -webkit-animation: zoomInUp 1400ms ease-in-out;
    -moz-animation: zoomInUp 1400ms ease-in-out;
    -ms-animation: zoomInUp 1400ms ease-in-out;
    animation: zoomInUp 1400ms ease-in-out;
}
.slider-2 img.img1 {
    position:absolute;
	bottom: 0;
    left: 50%;
    margin: -239px 0 0 175px;
    max-width: none;
    -webkit-animation: fadeInLeft 1500ms ease-in-out;
    -moz-animation: fadeInLeft 1500ms ease-in-out;
    -ms-animation: fadeInLeft 1500ms ease-in-out;
    animation: fadeInLeft 1500ms ease-in-out;
}
.slider-area .slider-content.slider-2 .img1 { width:auto; } 
.slider-2 img.img2 {
    position:absolute;
    bottom:0px;
    right:0px;
    max-width: none;
    -webkit-animation: fadeInRight 1500ms ease-in-out;
    -moz-animation: fadeInRight 1500ms ease-in-out;
    -ms-animation: fadeInRight 1500ms ease-in-out;
    animation: fadeInRight 1500ms ease-in-out;
}
.slider-3 h1{
    -webkit-animation: fadeInRight 1500ms ease-in-out;
    -moz-animation: fadeInRight 1500ms ease-in-out;
    -ms-animation: fadeInRight 1500ms ease-in-out;
    animation: fadeInRight 1500ms ease-in-out;
}
.slider-3 h2{
    -webkit-animation: fadeInRight 1800ms ease-in-out;
    -moz-animation: fadeInRight 1800ms ease-in-out;
    -ms-animation: fadeInRight 1800ms ease-in-out;
    animation: fadeInRight 1800ms ease-in-out;
}
.slider-3 h3{
    -webkit-animation: fadeInRight 2200ms ease-in-out;
    -moz-animation: fadeInRight 2200ms ease-in-out;
    -ms-animation: fadeInRight 2200ms ease-in-out;
    animation: fadeInRight 2200ms ease-in-out;
}
.slider-3 .banner7-des{
    -webkit-animation: fadeInRight 2000ms ease-in-out;
    -moz-animation: fadeInRight 2000ms ease-in-out;
    -ms-animation: fadeInRight 2000ms ease-in-out;
    animation: fadeInRight 2000ms ease-in-out;
}
.slider-3 img.img1 {
    position:absolute;
    bottom:0px;
    left:0px;
    max-width: none;
    -webkit-animation: rotateIn 1500ms ease-in-out;
    -moz-animation: rotateIn 1500ms ease-in-out;
    -ms-animation: rotateIn 1500ms ease-in-out;
    animation: rotateIn 1500ms ease-in-out;
}
.slider-3 img.img2 {
    position:absolute;
    bottom:0px;
    right:0px;
    max-width: none;
    -webkit-animation: bounceIn 1500ms ease-in-out;
    -moz-animation: bounceIn 1500ms ease-in-out;
    -ms-animation: bounceIn 1500ms ease-in-out;
    animation: bounceIn 1500ms ease-in-out;
}


/* ------Home 2 Slider------ */
.slider-content1 {
    text-align: left;
    top: 25%;
    margin-left: -600px;
    left: 50%;
	position: absolute;
}
.extra-one .slider-content1 h1 {
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    display: inline-block;
    background: #e6595c;
    padding: 6px 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px;
    position: relative;
    z-index: 2;
    margin: 0 0 0 200px;
}
.extra-one .slider-content1 h2 {
    font-size: 60px;
    color: #c38749;
    border: 10px solid #444;
    font-family: "Raleway",sans-serif;
    font-weight: 900;
    margin: 20px 0 0;
    position: relative;
    z-index: 2;
    padding: 10px 30px;
    display: block;
}
.extra-one .slider-content1 h3 {
    font-size: 20px;
    color: #c38749;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    padding: 50px 0 0;
    margin: 30px 0 0;
    position: relative;
    z-index: 2;
    text-align: center;
    display: block;
}
.extra-one .slider-content1 h3:before {
    content: "";
    position: absolute;
    left: 34%;
    top: 0;
    background: url("../images/slider/bannner-h3.png") no-repeat 50% 100%;
    width: 230px;
    height: 32px;
}
.animation-2 h1{
	-webkit-animation: fadeInLeft 800ms ease-in-out;
    -moz-animation: fadeInLeft 800ms ease-in-out;
    -ms-animation: fadeInLeft 800ms ease-in-out;
    animation: fadeInLeft 800ms ease-in-out;
}
.animation-2 h2{
	-webkit-animation: fadeInLeft 1400ms ease-in-out;
    -moz-animation: fadeInLeft 1400ms ease-in-out;
    -ms-animation: fadeInLeft 1400ms ease-in-out;
    animation: fadeInLeft 1400ms ease-in-out;
}
.animation-2 h3{
	-webkit-animation: fadeInLeft 3000ms ease-in-out;
    -moz-animation: fadeInLeft 3000ms ease-in-out;
    -ms-animation: fadeInLeft 3000ms ease-in-out;
    animation: fadeInLeft 3000ms ease-in-out;
}
.animations-1 img.img1 {
    position:absolute;
	margin:-200px 0 0 -520px;
	width: 445px;
	-webkit-animation: rollIn 1500ms ease-in-out;
    -moz-animation: rollIn 1500ms ease-in-out;
    -ms-animation: rollIn 1500ms ease-in-out;
    animation: rollIn 1500ms ease-in-out;
}
.animations-1 img.img2 {
    position:absolute;
	width: 500px;
    margin: -200px 0 0 260px;
    -webkit-animation: rollIn 1500ms ease-in-out;
    -moz-animation: rollIn 1500ms ease-in-out;
    -ms-animation: rollIn 1500ms ease-in-out;
    animation: rollIn 1500ms ease-in-out;
}
h1.layer-3 {
    font-family: raleway;
    font-weight: 900;
    font-size: 150px;
    left: -518px;
	width: 4000px;
	-webkit-animation: bounceInDown 1500ms ease-in-out;
    -moz-animation: bounceInDown 1500ms ease-in-out;
    -ms-animation: bounceInDown 1500ms ease-in-out;
    animation: bounceInDown 1500ms ease-in-out;
}
.layer-4 img {
    position: absolute;
    z-index: 12;
    top: -155px;
    width: 162px;
    left: -389px;
	-webkit-animation: fadeInRight 1500ms ease-in-out;
    -moz-animation: fadeInRight 1500ms ease-in-out;
    -ms-animation: fadeInRight 1500ms ease-in-out;
    animation: fadeInRight 1500ms ease-in-out;
}
.layer-5 img {
    position: absolute;
    z-index: 12;
    top: -190px;
    width: 200px;
	-webkit-animation: pulse 1500ms ease-in-out;
    -moz-animation: pulse 1500ms ease-in-out;
    -ms-animation: pulse 1500ms ease-in-out;
    animation: pulse 1500ms ease-in-out;
}
.layer-6 img {
    position: absolute;
    z-index: 12;
    top: -155px;
    width: 319px;
    left: 393px;
	-webkit-animation: fadeInLeft 1500ms ease-in-out;
    -moz-animation: fadeInLeft 1500ms ease-in-out;
    -ms-animation: fadeInLeft 1500ms ease-in-out;
    animation: fadeInLeft 1500ms ease-in-out;
}
.layer-price {
    position: absolute;
    z-index: 12;
	text-align: center;
}
.layer-price .title-container:before {
    background: #252525;
    width: 115px;
    height: 115px;
    content: "";
    left: 71px;
    position: absolute;
    top: -65px;
    z-index: 12;
    transform: rotate(135deg) translate(0px,-110px);
    -webkit-transform: rotate(135deg) translate(0px,-110px);
    -moz-transform: rotate(135deg) translate(0px,-110px);
    transition: all 0.3s ease-out;
}
.layer-price .title-container:after {
    background: #ffffff;
	border: 0px;
    width: 135px;
    height: 135px;
    content: "";
    left: 61px;
    position: absolute;
    top: -76px;
    z-index: 1;
    transform: rotate(135deg) translate(0px,-110px);
    -webkit-transform: rotate(135deg) translate(0px,-110px);
    -moz-transform: rotate(135deg) translate(0px,-110px);
    transition: all 0.3s ease-out;
}
.layer-price h4, .layer-price h6 {
    display: block;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    top: 50px;
    left: 167px;
    z-index: 99;
}
.layer-price h4 {
	font-size: 18px;
}
.layer-price h6{
	font-size: 13px;
}
.layer-6 .layer-price {
    left: 440px;
}
.layer-4 .layer-price {
    left: -426px;
}