/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.tiny_bullet_slider .tp-bullet:before {
			content:" ";
			position:absolute;
			width:100%;
			height:25px;
			top:-12px;
			left:0px;
			background:transparent;
		}
		.bullet-bar.tp-bullets:before {
			content:" ";
			position:absolute;
			width:100%;
			height:100%;
			background:transparent;
			padding:10px;
			margin-left:-10px;
			margin-top:-10px;
			box-sizing:content-box;
		}
		.bullet-bar .tp-bullet {
			width:60px;
			height:3px;
			position:absolute;
			background:#aaa;
			background:rgba(204,204,204,0.5);
			cursor:pointer;
			box-sizing:content-box;
		}
		.bullet-bar .tp-bullet:hover,
		.bullet-bar .tp-bullet.selected { background:rgba(204,204,204,1); }


.font-secondary { font-family: 'Playfair Display', serif !important; }

		.slider-arrow-left,
		.slider-arrow-right{
		    background: transparent;
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			width: auto;
			height: auto;
			margin: 0;
		}

		.slider-arrow-left i, .slider-arrow-right i {
			text-shadow: none;
			font-size: 24px;
			color: #555;
		}

		.slider-arrow-left:hover, .slider-arrow-right:hover { background-color: transparent !important; }
		.swiper-button-disabled { opacity: .3; }

		.slider-arrow-left:not(.swiper-button-disabled):hover i, .slider-arrow-right:not(.swiper-button-disabled):hover i { color: #111; }

		.slide-number {
		    position: relative;
		    opacity: 1;
		    right: 0px;
		    bottom: 0px;
		    z-index: 20;
		    color: #333;
		    text-shadow: none;
		    font-size: 18px;
		    font-weight: 300;
		}

@-webkit-keyframes scaleIn {
			to {
				transform: scale(1.3, 1.3);
			}
			}
			@keyframes scaleIn {
			to {
				transform: scale(1.3, 1.3);
			}
		}
		.scaleIn {
			-webkit-animation-name: scaleIn;
			animation-name: scaleIn;
		}

		@-webkit-keyframes scaleOut {
			from {
				transform: scale(1.3, 1.3);
			}
			}
			@keyframes scaleOut {
			from {
				transform: scale(1.3, 1.3);
			}
		}
		.scaleOut {
			-webkit-animation-name: scaleOut;
			animation-name: scaleOut;
		}