/* ------------------------------------------------------------------- */
/* Revolution Slider
---------------------------------------------------------------------- */

.container.home-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.tp-banner-container {
    margin: 0;
		overflow: visible;
}

.home-section img {
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.tp-banner-container {
	margin: 0;
}

/* SMOOTHER ANIMATION ON ANDROID */
.tp-simpleresponsive {
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	-o-perspective: 1500px;
	-ms-perspective: 1500px;
	perspective: 1500px;
}

.fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}


.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
	width:100%;
	position:relative;
}

.tp-bgimg.defaultimg {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}


/* Captions
------------------------------------- */
.caption {
	z-index: 1;
	position: absolute;
}

@media only screen and (min-width: 480px) and (max-width: 990px) {
  
  .caption h2 {
  	font-size: 18px !important;
    margin-bottom: 20px;
  }
  .caption h3 {
  	font-size: 22px !important;
    margin-bottom: 20px;
  }

}
@media only screen and (max-width: 479px) {
  
  .caption h2 {
  	font-size: 18px !important;
    margin-bottom: 15px;
  }
  .caption h3 {
  	font-size: 16px !important;
  }

}


.caption p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 25px;
}

.caption.dark h2,
.caption.dark h3 {
	color: #505050;
	padding: 0 0 15px 0;
	letter-spacing: -1px;
	font-size: 52px;
}

.caption.dark h3 {
	font-size: 32px;
	padding: 0 0 20px 0;
	font-weight: 300;
}

.caption.dark p {
	color: #999;
}

/* Caption With Description */
.caption.description {
	padding: 30px;
	margin: 50px;
	width: 25%;
	z-index: 1;
	background-color: #333;
	background: rgba(0, 0, 0, 0.7);
	display: block;
}

.caption.description h3 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
	margin: 0;
	line-height: 22px;
	font-weight: 700;
	position: relative;
	display: block;
	letter-spacing: 0;
}

.caption.description p {
	margin: 0;
	line-height: 22px;
	font-size: 14px;
	color: #bbb;
	display: none;
	display: block;
	position: relative;
	float: left;
}

.tp-simpleresponsive .caption {
	position: absolute;
	visibility: hidden;
	-webkit-font-smoothing: antialiased !important;
}

.tp-simpleresponsive img { max-width:none; }

a.caption-btn {
	cursor: pointer;
	padding: 15px 25px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	position: relative;
	z-index: 10;
	background-color: #fff;
	color: #555;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.caption-btn:hover {
	color: #fff;
	background: #808080;
}



/* Navigation Arrows
------------------------------------- */
.tparrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-webkit-transform: translateZ(5000px);
	-webkit-transform-style: flat;
	-webkit-backface-visibility: hidden;
	z-index:600;
	position: relative;
}

.tparrows.hidearrows									{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.tp-leftarrow,
.tp-rightarrow {
	z-index:100;
	cursor:pointer;
	position:relative;
	width:50px;
	height:50px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out;
}

.tp-leftarrow:before,
.tp-rightarrow:before {
	font-family: "FontAwesome";
	font-size: 25px;
	top: 6px;
	position: relative;
}

.tp-leftarrow:before { content:"\f104"; left: 17px; }
.tp-rightarrow:before { content:"\f105"; left: 19px; }

.tp-leftarrow:hover,
.tp-rightarrow:hover {
	background-color: rgba(105,105,105, 0.7);
	color: #fff;
}



/* Basic Settings
------------------------------------- */
 .tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-stye:none;
	position:absolute;
	visibility:hidden;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {
	width:3000px;
	height:1500px;
	background:url(https://assets.jumpseller.com/store/kathiabuchoshop/themes/images/coloredbg.png) repeat;
}


/* Loader
------------------------------------- */
.tp-loader 	{
	top:50%;
	left:50%;
	z-index:10000;
	position:absolute;
}

.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background: url('https://assets.jumpseller.com/store/kathiabuchoshop/themes/103309/loader.gif') no-repeat center center;
	background-color: #fff;
	margin-top:-20px;
	margin-left:-20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% {
	transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
	transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }

}

  /************************
  	-	NAVIGATION	-
  *************************/

  /** BULLETS **/

  .tpclear		{	clear:both}


  .tp-bullets							{	z-index:1000; position:absolute;
  												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  												-moz-opacity: 1;
  												-khtml-opacity: 1;
  												opacity: 1;
  												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
  											}
  .tp-bullets.hidebullets					{
  												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  												-moz-opacity: 0;
  												-khtml-opacity: 0;
  												opacity: 0;
  											}


  .tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url('bullet.png') no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px}
  .tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px}

  .tp-bullets.simplebullets .bullet:hover,
  .tp-bullets.simplebullets .bullet.selected				{	background-position:top left}

  .tp-bullets.simplebullets.round .bullet:hover,
  .tp-bullets.simplebullets.round .bullet.selected,
  .tp-bullets.simplebullets.navbar .bullet:hover,
  .tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left}