/* Minification failed. Returning unminified contents.
(334,25): run-time error CSS1039: Token not allowed after unary operator: '-anarenk_op_80'
 */
.hero {
	position: relative;
}
.slide .container {
	position: relative;
	z-index: 2;
}

	.hero .slide {
		height: 700px;
		position: relative;
		background-repeat: no-repeat;
overflow:hidden;
	}

		.hero .slide .gorsel-col {
			height: 100%;
			position: absolute;
			right: 0%;
			top: 0px;
			width: 70%;
			overflow: hidden;
		}



			.hero .slide .gorsel-col .gorsel {
				margin-left: 0%;
			}
		.hero .slide .gorsel {
			height: 100%;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}




			.hero .slide:focus {
			outline: none;
		}

		.hero .slide .container {
			height: 100%;
			display: table;
		}

		.hero .slide .row {
			display: table-cell;
			vertical-align: middle;
		}

	.hero .slide-caption {
padding-bottom:20px;
	}


.slide .rect {
	background-color: #ebebeb;
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0;
	z-index: 1;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

	.slide .rect:before {
		content: "";
		background: #1356d2;
		opacity:.5;
		width: 110%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}




.slide-caption{color:#000;}
.slide-caption .slide-title,
.slide-caption .slide-subtitle,
.slide-caption .slide-content,
.slide-caption .satir,
.slide-caption .slide-modultitle {
	font-family: "Barlow Condensed", sans-serif;
}

.slide-caption .slide-modultitle a{color:inherit; font-weight:600;}

.slide-caption .slide-title{
	font-size: 45px;
	line-height: 42px;
	max-height: 87px;
	font-weight: 900;
margin-bottom:15px;
}

/*
.slide-caption .slide-title-back{
font-family: inherit;
    text-transform: uppercase;
color: rgba(255, 255, 255, 0);
font-weight: 900;
 font-size: 40px;
    transform-origin: 50% 50%;
    transform: translate(-20px, 20px);
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
}
*/
.slide-caption .slide-subtitle{
	font-size: 25px;
	line-height: 35px;
	max-height: 75px;
	font-weight: 600;
margin-bottom:15px;
}

.slide-caption .slide-content{
margin-top:10px;
	font-size: 20px;
	line-height: 22px;
	max-height: 75px;
	font-weight: 300;
margin-bottom:15px;
}

.slide-caption .satir{
	font-size: 20px;
	line-height: 28px;
	max-height: 58px;
	font-weight: 400;
}

.slide-caption .satir em{
	font-size: 20px;
	font-weight: 100;
}

.slide-caption .slide-defination {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 25px;
	line-height: 35px;
	max-height: 400px;
	display: inline-block;
padding:10px;
margin-top:30px;
	display: inline-block;
}

	.slide-caption .slide-defination p {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 25px !important;
		margin: 10px !important;
		padding: 0px !important;
		line-height: 30px !important;
	}

.slide-caption .btns{margin-top:25px; margin-left:10px;}
.slide-caption .btns > a:first-child {
	margin-right: 10px;
}

.slide-caption .theme-btn{border-radius:10px; border:1px solid rgba(0,0,0,0);}

.hero .slide .slide-gorsel .saggorsel{margin:10px;}

/*----------------------------------------------*/
/*------------------- STYLE 1 ------------------*/
/*----------------------------------------------*/



.hero .slide.style-1 .gorsel-col {
	right: -10%;
	width: calc(50% +14.93%);
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
}



	.hero .slide.style-1 .gorsel-col .gorsel {
		-webkit-transform: skew(10deg);
		-moz-transform: skew(10deg);
		-o-transform: skew(10deg);
		-ms-transform: skew(0deg);
		transform: skew(10deg);
		margin-left: -10%;
	}

.slide.style-1 .rect {
	width: 50%;
	height: 100%;
	position: absolute;
	left: -5%;
	top: 0;
	z-index: 1;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
}

.slide.style-1 .slide-caption .slide-title {padding-right: 15%;}
.slide.style-1 .slide-caption .slide-defination {padding-right: 15%;}


	/*----------------------------------------------*/
	/*------------------- STYLE 2 ------------------*/
	/*----------------------------------------------*/

	.hero .slide.style-2 .gorsel-col {
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

		.hero .slide.style-2 .gorsel-col .gorsel {
			width: 90%;
			height: 85%;
			border-radius: 10px;
		}






	/*----------------------------------------------*/
	/*------------------- STYLE 3 ------------------*/
	/*----------------------------------------------*/


	.hero .slide.style-3 .gorsel-col,
	.hero .slide.style-3 .gorsel-col .gorsel {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	.hero .slide.style-3 .slide-caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 600px;
text-align:center;
width:100%;
	}

.hero .slide.style-3 .container{position:absolute;left:0px; right:0px; top:0px; bottom:0px;}
.hero .slide.style-3 .rect{width:100%; opacity:.8;}


	/*----------------------------------------------*/
	/*------------------- STYLE 4 ------------------*/
	/*----------------------------------------------*/
	.hero .slide.style-4 .slide-caption,
	.hero .slide.style-4 .rect,
	.hero .slide.style-4 .rect:before {
		display: none;
	}


.hero .slide.style-4 {
	height: auto;
}

	.hero .slide.style-4 .gorsel-col {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

.hero .slide .gorselimg {
	height: auto;
	width: 100%;
}

.hero .slide .gorselimg.normal {display:block;}
.hero .slide .gorselimg.mobile {display:none;}



	/*----------------------------------------------*/
	/*------------------- STYLE 5 ------------------*/
	/*----------------------------------------------*/






.hero .slide.style-5 .gorsel-col,
.hero .slide.style-5 .gorsel-col .gorsel {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index:1;
}


.hero .slide.style-5 .slide-caption {
	margin: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--anarenk_op_80);
}


.hero .slide.style-5 .slide-caption,
.hero .slide.style-5 .slide-gorsel{
height:100%;
position:relative;
}

.hero .slide.style-5 .slide-gorsel{z-index:2;}
.hero .slide.style-5 .slide-caption{z-index:3;}

.hero .slide.style-5 .saggorsel{
z-index:2;
position:relative;
width:calc(100% - 20px); height:calc(100% - 20px);
background-position:center; background-repeat:no-repeat; background-size:contain;
}


.hero .slide.style-5 .rect{
width:100%;
z-index:1;
}

.hero .slide.style-5 .rect:before {
display: none;
}






	/*----------------------------------------------*/
	/*----------------- RESPONSIVE -----------------*/
	/*----------------------------------------------*/

@media (max-width: 1920px) {
.hero .slide {height: 600px;}
.hero .slide.style-4{height:auto !important;}
}


@media (max-width: 990px) {

.hero .slide {height: 650px;}
.hero .slide.style-4 {height: auto;}

.hero .slide .slide-gorsel ,		
.slide .rect,
.hero .slide .gorsel-col,
.hero .slide .gorsel-col .gorsel {
-webkit-transform: skew(0deg)!important;
-moz-transform: skew(0deg)!important;
-o-transform: skew(0deg)!important;
-ms-transform: skew(0deg)!important;
transform: skew(0deg)!important;
margin: 0% !important;
left:0px!important;
width: 100% !important;
height:350px !important;
right: 0%;
border-radius: 0px !important;
}

.hero .slide .slide-gorsel{padding:0px; margin:0px;}
.hero .slide .slide-gorsel .saggorsel{margin:0px; width:100%; height:100%;}

.hero .slide.style-4 .slide-gorsel,
.hero .slide.style-4 .gorsel-col,
.hero .slide.style-4 .gorsel-col .gorsel {height:auto !important;}

.hero .slide.style-5 .slide-gorsel{position:absolute;top:0px;left:0px;right:0px;height:350px !important;}

.slide .rect{top:350px!important;left:0px; right:0px; width:100%;}
.slide .rect:before{display:none;}

.hero .slide .slide-caption {
text-align:left;
position: relative;
width: 100%;
margin: 0%;
margin-top:350px;
padding: 20px !important;
display: flex;
    flex-direction: column;
    justify-content: center;
height:300px !important;
}
.hero .slide.style-5 .slide-caption {margin-top:350px;}
.hero .slide .slide-title{font-size:25px; line-height:30px; max-height:62px; margin:0px;}
.hero .slide .slide-subtitle{font-size:18px; line-height:25px; max-height:52px;margin:0px;}
.hero .slide .satir{font-size:14px; line-height:20px; max-height:42px;margin:0px;}
.hero .slide .satir em{font-size:12px;margin:0px;}
.hero .slide .btns .theme-btn{font-size:12px; padding:0px 20px; border-radius:10px; height:30px; line-height:30px;}
.hero .slide ul{margin-top:10px;}
.hero .slide .container {height: auto;}

.hero .slide.style-3 .gorsel-col,.hero .slide.style-3 .gorsel-col .gorsel{height:100% !important;}
.hero .slide.style-3 .slide-caption,
.hero .slide.style-3 .rect{margin-top:0px!important; height:650px!important;top:0px!important;}
.hero .slide.style-5 .rect{margin-top:0px!important; height:650px!important;top:0px!important;}

	}

@media (max-width: 425px) {
.hero .slide {height: 600px;}
.hero .slide.style-4 {height:auto !important;}
.hero .slide .gorsel-col,
.hero .slide .slide-gorsel {height: 250px!important;}
.hero .slide.style-5 .slide-gorsel {height: 250px!important;}
.hero .slide.style-4 .slide-gorsel,
.hero .slide.style-4 .gorsel-col,
.hero .slide.style-4 .gorsel-col .gorsel {height:auto !important;}
.slide .rect{top:250px!important;}
.hero .slide .slide-caption{margin-top:250px;height:350px !important;}
.hero .slide.style-5 .slide-caption {margin-top:250px !important;}
.hero .slide.style-3 .rect,
.hero .slide.style-5 .rect{height:600px!important;margin:0px !important;}
}




	/*Buttons and dots*/

	.hero .button.prev,
	.hero .button.next {
		width: 40px;
		height: 40px;
		z-index: 10;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-ms-transition: all 0.3s;
		transition: all 0.3s;
		position: absolute;
		background-color: rgba(0,0,0,.1);
		border: none;
		color: #fff;
		border-radius: 1px;
	}


		.hero .button.prev:hover,
		.hero .button.next:hover {
			background-color: rgba(0,0,0,.2);
		}


	@media (max-width: 991px) {
		.hero .button.prev,
		.hero .button.next {
			display: none !important;
		}
	}

	.hero .button.prev {
		left: 0px;
		top: unset;
		bottom: 0px;
	}



	.hero .button.next {
		right: unset;
		left: 40px;
		top: unset;
		bottom: 0px;
	}


	.hero .slick-dots {
		bottom: 15px;
		width: 100%;
	}

	@media screen and (min-width: 992px) {
		.hero .slick-dots {
			display: inline-block;
		}
	}

	.hero .slick-dots li {
		margin: 0 6px;
	}



	.hero .slick-dots button {
		background-color: #ccc;
		border-color: #fff;
		width: 20px;
		height: 5px;
		border: 1px solid #fff;
		border: none;
		-webkit-transform: skew(-10deg);
		-moz-transform: skew(-10deg);
		-o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
		transform: skew(-10deg);
		transition: .3s all ease-in-out;
		padding: 0px;
	}

	.hero .slick-dots:hover button {
		height: 10px;
	}



	.hero .slick-dots .slick-active {
		margin-right: 6px;
	}

		.hero .slick-dots .slick-active button {
			background-color: #ebebeb;
			border: 2px solid #fff;
			width: 20px;
			height: 10px;
		}

	.hero .slick-dots button:before,
	.hero .slick-dots button:before {
		display: none;
	}


	.hero .hero-slider .slide .slide-subtitle h5 {
		font-weight: 200;
		font-size: 18px;
		opacity: .6;
		text-transform: unset;
		margin-top: 0px;
	}



	/*animation*/
	.hero .slide-caption > div * {
		-webkit-animation: fadeOutLeft 1.5s both;
		animation: fadeOutLeft 1.5s both;
	}

	.hero .hero-slider .slick-current .slide-caption > div * {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	.hero .slide-caption > div.slide-title * {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}

	.hero .slide-caption > div.slide-subtitle * {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
	}



	.hero .hero-slider .slick-current .slide-caption > div.slide-title * {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}

	.hero .hero-slider .slick-current .slide-caption > div.slide-subtitle * {
		-webkit-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}

	.hero .hero-slider .slick-current .slide-caption > div.btns * {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}



	.hero .slide.style-5 .slide-gorsel {
		-webkit-animation: zoomOut 1s both;
		animation: zoomOut 1s both;
	}

	.hero .hero-slider .slick-current .slide-gorsel {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}


	.hero .hero-slider .slide-caption ul li {
		-webkit-animation: zoomOut .6s both;
		animation: zoomOut .6s both;
	}

	.hero .hero-slider .slick-current .slide-caption ul li {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

		.hero .hero-slider .slick-current .slide-caption ul li.s1 {
			-webkit-animation-delay: 2s;
			animation-delay: 2s;
		}

		.hero .hero-slider .slick-current .slide-caption ul li.s2 {
			-webkit-animation-delay: 2.5s;
			animation-delay: 2.5s;
		}

		.hero .hero-slider .slick-current .slide-caption ul li.s3 {
			-webkit-animation-delay: 3s;
			animation-delay: 3s;
		}

		.hero .hero-slider .slick-current .slide-caption ul li.s4 {
			-webkit-animation-delay: 3.5s;
			animation-delay: 3.5s;
		}

		.hero .hero-slider .slick-current .slide-caption ul li.s5 {
			-webkit-animation-delay: 4s;
			animation-delay: 4s;
		}