/* rt-portfolio-slider element-one */

.rt-portfolio-slider.element-one{
	width:auto;
	margin-left:0;
	margin-right:0;

	.rt-portfolio-slider-item{
		padding-left:0;
		padding-right:0;
		text-align:center;

		> .holder{
			position:relative;
			padding-top:calc( ( 109 / 100 ) * 100% );
			overflow:hidden;
			text-align:inherit;

			> .pic{
				position:absolute;
				top:-1px;
				right:-1px;
				bottom:-1px;
				left:-1px;
				z-index:1;
				background:center center no-repeat;
				background-size:cover;
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;
			}

			.data{
				position:absolute;
				top:-1px;
				right:-1px;
				bottom:-1px;
				left:-1px;
				z-index:2;
				padding:15px;
				background-color:rgba(19,19,19,0.8);
				opacity:0;
				visibility:hidden;
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;

				> .table{
					display:table;
					table-layout:fixed;
					width:100%;
					height:100%;
					margin:0;

					> .table-cell{
						display:table-cell;
						width:100%;
						height:100%;
						vertical-align:middle;
					}

					> *:last-child{
						margin-bottom:0 !important;
					}

				}

				h4{
					display:inline-block;
					vertical-align:top;
					margin-bottom:10px;
					padding:8px 22px 7px 22px;
					background-color:#000;
					border-radius:5px;
					font-weight:500;
					font-size:16px;
					color:#fff;
					line-height:22px;
					letter-spacing:0;
					opacity:0;
					visibility:hidden;
					transform:translateY(20px);
					-webkit-transform:translateY(20px);
					transition:all 0.7s ease-in-out;
					-webkit-transition:all 0.7s ease-in-out;

					a{
						color:inherit;
					}

				}

				p{
					margin-bottom:5px;
					font-weight:400;
					font-size:14px;
					color:#fff;
					line-height:18px;
					opacity:0;
					visibility:hidden;
					transform:translateY(20px);
					-webkit-transform:translateY(20px);
					transition:all 1.2s ease-in-out;
					-webkit-transition:all 1.2s ease-in-out;

					span{

						&:after{
							content:",";
							margin-right:3px;
						}

						&:last-child:after,
						&:only-child:after{
							display:none;
						}

					}

				}

			}

			.overlay{
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				z-index:3;
				width:auto;
				height:auto;
			}

			&:hover > .pic{
				transform:scale(1.05);
				-webkit-transform:scale(1.05);
			}

			&:hover > .data{
				opacity:1;
				visibility:visible;
			}

			&:hover > .data h4,
			&:hover > .data p{
				opacity:1;
				visibility:visible;
				transform:translateY(0);
				-webkit-transform:translateY(0);
			}

		}

	}

}

/* owl-nav */

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next{
	position:absolute;
	top:50%;
	z-index:1;
	font-size:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev{
	left:-20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev{
	left:20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next{
	right:-20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next{
	right:20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before{
	font-family:"FontAwesome";
	font-size:30px;
	color:#fff;
	line-height:36px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before{
	content:"\f104";
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before{
	content:"\f105";
}

/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}

/* rt-portfolio-slider element-two */

.rt-portfolio-slider.element-two{
	width:auto;
	margin-left:-15px;
	margin-right:-15px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item{
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder{
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic{
	position:relative;
	overflow:hidden;
	margin-bottom:25px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img{
	width:100%;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay{
	position:absolute;
	top:-10px;
	right:-10px;
	bottom:-10px;
	left:-10px;
	z-index:1;
	background:center center no-repeat;
	background-size:cover;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data{
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child{
	margin-bottom:0 !important;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4{
	margin-bottom:10px;
	font-weight:600;
	font-size:20px;
	color:#030712;
	line-height:25px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4{
	color:#1d4fce;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a{
	color:inherit;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p{
	margin-bottom:4px;
	text-transform:uppercase;
	font-weight:400;
	font-size:13px;
	color:#030712;
	line-height:22px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after{
	content:",";
	margin-right:3px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after,
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after{
	display:none;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next{
	position:absolute;
	top:calc(50% - 53px);
	z-index:1;
	font-size:0;
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next{
	transform:scale(1);
	-webkit-transform:scale(1);
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev{
	left:30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next{
	right:30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before{
	display:inline-block;
    vertical-align:middle;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.7);
	border-radius:50%;
	text-align:center;
	font-family:"FontAwesome";
	font-size:20px;
	color:#fff;
	line-height:50px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before{
	content:"\f177";
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before{
	content:"\f178";
}

/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}

/* rt-portfolio-slider element-three */

.rt-portfolio-slider.element-three{
	width:auto;
	margin-left:-15px;
	margin-right:-15px;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item{
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder{
	position:relative;
	overflow:hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic{
	position:relative;
	overflow:hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img{
	width:100%;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background:center center no-repeat;
	background-size:cover;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	width:auto;
	height:auto;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next{
	position:absolute;
	top:50%;
	z-index:1;
	font-size:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev{
	left:-20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev{
	left:20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next{
	right:-20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next{
	right:20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before{
	font-family:"FontAwesome";
	font-size:30px;
	color:#fff;
	line-height:36px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before{
	content:"\f104";
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before{
	content:"\f105";
}

/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}