#top-slider {
	/* height: 984px; */
	height: calc(100vh - 97px);
	background: url("/local/templates/integral_2024/i/top-slider.jpg") no-repeat 50% 50% / cover;
	color: #fff;
}
#top-slider a {
	color: #fff;
}
#top-slider .slick-list,
#top-slider .slick-track {
	height: 100%;
}
#top-slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.ts-slide {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* height: 984px!important; */
}
.ts-slide .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 420px;
	position: relative;
	margin: 0 auto;
}
.ts-slide i {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 280px;
	height: 100%;
	background: var(--link);
}
.ts-slide i:before, .ts-slide i:after {
	content: '';
	position: absolute;
	bottom: -10px;
	right: -10px;
	background: #fff;
}
.ts-slide i:before {
	width: 10px;
	height: 70px;
}
.ts-slide i:after {
	width: 45px;
	height: 10px;
}
.ts-slide section {
	position: relative;
	padding: 0 0 0 50px;
}
.ts-slide section:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10px;
	background: var(--text);
}
.ts-slide section h2 {
	position: relative;
	font-size: 62px;
	font-weight: 300;
	text-transform: uppercase;
}
.ts-slide section h2 b {
	display: block;
	padding: 0 0 0 40px;
	line-height: .8;
	font-weight: 700;
}
.ts-slide section .text {
	position: relative;
	max-width: 480px;
	padding: 0 0 0 90px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 2.5em 0 0;
}
#top-slider .slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#top-slider .slick-dots li {
	margin: 0 5px;
}
#top-slider .slick-dots li button {
	display: block;
	width: 20px;
	height: auto;
	padding: 0;
	border-radius: 0;
	background: none!important;
	font-size: 0;
	font-weight: 300;
	text-align: center;
	margin: 0;
}
#top-slider .slick-dots li button:before {
	content: '0';
}
#top-slider .slick-dots li button:after {
	content: '';
	display: block;
	width: 5px;
	height: 20px;
	background: var(--l-grey);
	opacity: .43;
	margin: 5px auto 0;
}
#top-slider .slick-dots li.slick-active button {
	font-size: 16px;
}
#top-slider .slick-dots li.slick-active button:after {
	height: 30px;
	background: #fff;
	opacity: 1;
}
.ts-slide h2 {
	margin: 0;
}
.ts-slide h2 + .button {
	margin-top: 2.5em;
}
.ts-slide .button {
	background-color: var(--text) !important;
}


@media only screen and (max-width:900px) {
    #top-slider, .ts-slide {
        height: 500px!important;
    }
    .ts-slide .wrap {
        height: 360px;
    }
    .ts-slide section h2 {
        font-size: 48px;
    }
    .ts-slide i {
        width: 200px;
    }
    .ts-slide section h2 b {
        padding: 0 0 0 20px;
    }
    .ts-slide section .text {
        padding: 0 0 0 60px;
        margin: 1.5em 0 0;
    }
}


@media only screen and (max-width:600px) {
    #top-slider, .ts-slide {
        height: 374px!important;
    }
    .ts-slide .wrap {
        height: auto;
    }
    .ts-slide i {
        display: none;
    }
    .ts-slide section {
        padding: 0;
    }
    .ts-slide section:before {
        display: none;
    }
    .ts-slide section h2 {
        font-size: 30px;
    }
    .ts-slide section h2 b {
        padding: 0;
    }
    .ts-slide section .text {
        padding: 0;
        font-size: 12px;
    }
    #top-slider .slick-dots li {
        margin: 0 2px;
    }
    #top-slider .slick-dots li button {
        width: 12px;
    }
    #top-slider .slick-dots li.slick-active button {
        font-size: 12px;
    }
    #top-slider .slick-dots li button:after {
        width: 3px;
        height: 10px;
    }
    #top-slider .slick-dots li.slick-active button:after {
        height: 15px;
    }
}
.slick-prev{
	z-index: 9;
	top: 40%;
	position: absolute;
	right: 20px;
}
.slick-next{
	z-index: 9;
	top: 40%;
	position: absolute;
	left: 20px;
}
.triangle-up {

	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid black;
}
.arrow-info {
	cursor: pointer;
	height: 120px;
	width: 80px;

	margin: 20px;
	z-index: 9;
	top: 40%;
	position: absolute;
	right: 20px;
}
.arrow-info-top,
.arrow-info-bottom {
	background: #337AB7;
	height: 8px;
	left: -30px;
	position: absolute;
	top: 60px;
	width: 40px;
}
.arrow-info-top {
	top: 64px;
}
.arrow-info-top {
	transform: rotate(45deg);
	transform-origin: bottom right;
}
.arrow-info-bottom {
	transform: rotate(-45deg);
	transform-origin: top right;
}
.arrow-info1 {
	cursor: pointer;
	height: 120px;
	width: 80px;

	margin: 20px;
	z-index: 9;
	top: 40%;
	position: absolute;
	left: 20px;
}
.arrow-info-top1,
.arrow-info-bottom1 {
	background: #337AB7;
	height: 8px;
	right: -30px;
	position: absolute;
	top: 58px;
	width: 40px;
}
.arrow-info-top1 {
	top: 64px;
}
.arrow-info-top1 {
	transform: rotate(45deg);
	transform-origin: bottom left;
}
.arrow-info-bottom1 {
	transform: rotate(-47deg) translate(-9px, 10px);
	transform-origin: top left;
}