.slider-6 *:before,
.slider-6 *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html,
body {
    height: 100%;
}

.slider-6 {
    position: relative;
    /*height: var(--top3-height);*/
	width: 100vw;
    z-index: 10;
}

.slider-6 button,
.slider-6 input {
    outline: 0;
    border: 0
}

.slider-6 input[type=radio] {
    position: absolute;
    top: -5000px;
    left: -5000px;
    opacity: 0;
    z-index: -1000
}

.slider-6 .slider-control {
    z-index: 50;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    width: 66px;
    height: 66px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.slider-6 .slider-control.left {
    left: 30px
}

.slider-6 .slider-control.right {
    right: 30px
}

.slider-6 .slider-icon-right {
    font-size: 50px;
    margin-left: 11px
}

.slider-6 .slider-icon-left {
    font-size: 50px;
    margin-left: 7px
}

.slider-6 .slider-control label {
    z-index: 2000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transform: scale(0);
    transition: transform 0s 0s
}

.slider-6 .slider-main {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 2.8s, z-index .1s;
    overflow: hidden;
}

.slider-6 .slider-main.animation-5 .part {
    position: absolute;
    top: 0;
    width: 20.1%;
    height: 100%;
    overflow: hidden;
    will-change: transform;
}

.slider-6 .slider-main.animation-5 .part:before {
    content: "";
    display: block;
    position: absolute;
    background-size: cover, cover;
    background-position: center, center;
    top: 0;
    width: 500%;
    height: 100%;
}

.slider-6 .slider-main.animation-5 .part.part-1 {
    transition: transform 1.1s .3s;
    left: 0
}

.slider-6 .slider-main.animation-5 .part.part-1:before {
    left: 0
}

.slider-6 .slider-main.animation-5 .part.part-2 {
    transition: transform 1.1s .5s;
    left: 20%
}

.slider-6 .slider-main.animation-5 .part.part-2:before {
    left: -100%
}

.slider-6 .slider-main.animation-5 .part.part-3 {
    transition: transform 1.1s .7s;
    left: 40%
}

.slider-6 .slider-main.animation-5 .part.part-3:before {
    left: -200%
}

.slider-6 .slider-main.animation-5 .part.part-4 {
    transition: transform 1.1s .5s;
    left: 60%
}

.slider-6 .slider-main.animation-5 .part.part-4:before {
    left: -300%
}

.slider-6 .slider-main.animation-5 .part.part-5 {
    transition: transform 1.1s .3s;
    left: 80%
}

.slider-6 .slider-main.animation-5 .part.part-5:before {
    left: -400%
}

.slider-6 .slider-main.animation-5 .part {
    transform: translateY(100%)
}

.slider-6 .slider-main.animation-9 .slider-background {
    perspective: 2000
}

.slider-6 .slider-main.animation-9 .part {
    position: absolute;
    width: 33.5%;
    height: 33.5%;
    overflow: hidden;
    will-change: transform;
    transform-origin: 0 100%
}

.slider-6 .slider-main.animation-9 .part:before {
    content: "";
    display: block;
    position: absolute;
    background-size: cover, cover;
    background-position: center, center;
    width: 300%;
    height: 300%;
}

.slider-6 .slider-main.animation-9 .part.left-top {
    top: 0;
    left: 0;
    transition: transform .9s .5s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s .9s
}

.slider-6 .slider-main.animation-9 .part.left-top:before {
    top: 0;
    left: 0
}

.slider-6 .slider-main.animation-9 .part.mid-top {
    top: 0;
    left: 33.33333%;
    transition: transform .9s .4s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s .8s
}

.slider-6 .slider-main.animation-9 .part.mid-top:before {
    top: 0;
    left: -100%
}

.slider-6 .slider-main.animation-9 .part.right-top {
    top: 0;
    left: 66.66667%;
    transition: transform .9s .5s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s .9s
}

.slider-6 .slider-main.animation-9 .part.right-top:before {
    top: 0;
    left: -200%
}

.slider-6 .slider-main.animation-9 .part.left-mid {
    top: 33.33333%;
    left: 0;
    transition: transform .9s .6s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s 1s
}

.slider-6 .slider-main.animation-9 .part.left-mid:before {
    top: -100%;
    left: 0
}

.slider-6 .slider-main.animation-9 .part.mid-mid {
    top: 33.33333%;
    left: 33.33333%;
    transition: transform .9s .3s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s .7s
}

.slider-6 .slider-main.animation-9 .part.mid-mid:before {
    top: -100%;
    left: -100%
}

.slider-6 .slider-main.animation-9 .part.right-mid {
    top: 33.33333%;
    left: 66.66667%;
    transition: transform .9s .6s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s 1s
}

.slider-6 .slider-main.animation-9 .part.right-mid:before {
    top: -100%;
    left: -200%
}

.slider-6 .slider-main.animation-9 .part.left-bot {
    top: 66.66667%;
    left: 0;
    transition: transform .9s .7s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s 1.1s
}

.slider-6 .slider-main.animation-9 .part.left-bot:before {
    top: -200%;
    left: 0
}

.slider-6 .slider-main.animation-9 .part.mid-bot {
    top: 66.66667%;
    left: 33.33333%;
    transition: transform .9s .8s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s 1.2s
}

.slider-6 .slider-main.animation-9 .part.mid-bot:before {
    top: -200%;
    left: -100%
}

.slider-6 .slider-main.animation-9 .part.right-bot {
    top: 66.66667%;
    left: 66.66667%;
    transition: transform .9s .7s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity .6s 1.1s
}

.slider-6 .slider-main.animation-9 .part.right-bot:before {
    top: -200%;
    left: -200%
}

.slider-6 .slider-main.animation-9 .part {
    transform: rotateX(90deg);
    opacity: 0
}

.slider-6 .slider-main.animation-3 .part {
    position: absolute;
    top: 0;
    width: 33.5%;
    height: 100%;
    overflow: hidden;
    transition: transform 1.5s .3s;
    will-change: transform
}

.slider-6 .slider-main.animation-3 .part:before {
    content: "";
    display: block;
    position: absolute;
    background-size: cover, cover;
    background-position: center, center;
    width: 300%;
    height: 100%;
}

.slider-6 .slider-main.animation-3 .part.left {
    left: 0
}

.slider-6 .slider-main.animation-3 .part.left:before {
    left: 0
}

.slider-6 .slider-main.animation-3 .part.mid {
    left: 33.33333%
}

.slider-6 .slider-main.animation-3 .part.mid:before {
    left: -100%
}

.slider-6 .slider-main.animation-3 .part.right {
    left: 66.66667%
}

.slider-6 .slider-main.animation-3 .part.right:before {
    left: -200%
}

.slider-6 .slider-main.animation-3 .left {
    transform: translate3D(-100%, -33.333%, 0)
}

.slider-6 .slider-main.animation-3 .mid {
    transform: translate3D(0, 100%, 0)
}

.slider-6 .slider-main.animation-3 .right {
    transform: translate3D(100%, -33.333%, 0)
}

.slider-6 .slider-main.animation-4 .part {
    position: absolute;
    width: 50.2%;
    height: 50.2%;
    overflow: hidden;
    will-change: transform
}

.slider-6 .slider-main.animation-4 .part:before {
    content: "";
    display: block;
    position: absolute;
    background-size: cover, cover;
    background-position: center, center;
    width: 200%;
    height: 200%;
}

.slider-6 .slider-main.animation-4 .part.top {
    top: 0;
    transition: transform 1.3s .3s
}

.slider-6 .slider-main.animation-4 .part.top:before {
    top: 0
}

.slider-6 .slider-main.animation-4 .part.bot {
    top: 50%;
    transition: transform 1.3s .5s
}

.slider-6 .slider-main.animation-4 .part.bot:before {
    top: -100%
}

.slider-6 .slider-main.animation-4 .part.left {
    left: 0
}

.slider-6 .slider-main.animation-4 .part.left:before {
    left: 0
}

.slider-6 .slider-main.animation-4 .part.right {
    left: 50%
}

.slider-6 .slider-main.animation-4 .part.right:before {
    left: -100%
}

.slider-6 .slider-main.animation-4 .left {
    transform: translateX(-100%)
}

.slider-6 .slider-main.animation-4 .right {
    transform: translateX(100%)
}
.slider-6 .slider-main.animation-7 .part {
    position: absolute;
    top: 0;
    width: 33.5%;
    height: 100%;
    overflow: hidden;
    transition: transform 1.5s .3s;
    will-change: transform
}

.slider-6 .slider-main.animation-7 .part:before {
    content: "";
    display: block;
    position: absolute;
    background-size: cover, cover;
    background-position: center, center;
    width: 300%;
    height: 100%;
}

.slider-6 .slider-main.animation-7 .part.left {
    left: 0
}

.slider-6 .slider-main.animation-7 .part.left:before {
    left: 0
}

.slider-6 .slider-main.animation-7 .part.mid {
    left: 33.33333%
}

.slider-6 .slider-main.animation-7 .part.mid:before {
    left: -100%
}

.slider-6 .slider-main.animation-7 .part.right {
    left: 66.66667%
}

.slider-6 .slider-main.animation-7 .part.right:before {
    left: -200%
}

.slider-6 .slider-main.animation-7 .left {
    transform: translate3D(-100%, -33.333%, 0)
}

.slider-6 .slider-main.animation-7 .mid {
    transform: translate3D(0, 100%, 0)
}

.slider-6 .slider-main.animation-7 .right {
    transform: translate3D(100%, -33.333%, 0)
}
.slider-6 .slider-background {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    background-size: cover;
    transition: transform 1s 1.5s;
    will-change: transform
}

.slider-6 .slider-background .part:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /**background: rgba(0, 0, 0, 0.15)*/
}

.slider-6 .slider-navigation-auto {
    position: absolute;
    margin-top: 25px;
    height: 50px;
    right: 40px;
    display: flex;
    justify-content: center;
    z-index: 10
}

.slider-6 .slider-navigation-auto div {
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 10px;
    transition: 1s
}

.slider-6 .slider-navigation-auto div:not(:last-child) {
    margin-right: 50px
}

#page1:checked~.slider-navigation-auto .slider-auto-btn1 {
    background: red
}

#page2:checked~.slider-navigation-auto .slider-auto-btn2 {
    background: red
}

#page3:checked~.slider-navigation-auto .slider-auto-btn3 {
    background: red
}

#page4:checked~.slider-navigation-auto .slider-auto-btn4 {
    background: red
} 

#page5:checked~.slider-navigation-auto .slider-auto-btn5 {
    background: red
} 

.slider-6 .slider-navigation-more-manual {
    position: absolute;
    margin-top: 25px;
    right: 40px;
    display: flex;
    justify-content: center;
    z-index: 10
}

.slider-6 .slider-more-manual-btn {
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s
}

.slider-6 .slider-more-manual-btn:not(:last-child) {
    margin-right: 10px
}

.slider-6 .slider-more-manual-btn:hover {
    background: #fff
}

.slider-6 .slider-navigation-more {
    position: absolute;
    margin-top: 25px;
    right: 40px;
    display: flex;
    justify-content: center;
    z-index: 10
}

.slider-6 .slider-navigation-more div {
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 10px;
    transition: 1s
}

.slider-6 .slider-navigation-more div:not(:last-child) {
    margin-right: 10px
}

#page1:checked~.slider-navigation-more .slider-more-btn1 {
    background: #fff
}

#page2:checked~.slider-navigation-more .slider-more-btn2 {
    background: #fff
}

#page3:checked~.slider-navigation-more .slider-more-btn3 {
    background: #fff
}

#page4:checked~.slider-navigation-more .slider-more-btn4 {
    background: #fff
}

#page5:checked~.slider-navigation-more .slider-more-btn5 {
    background: #fff
}

.slider-6 .slider-cont {
	display: inline-block;
    position: relative;
    transition: opacity .3s;
    opacity: 0;
}

@media(min-width:310px) {
    .slider-cont {
        top: 150px
    }
}

@media(min-width:425px) {
    .slider-cont {
        top: 170px
    }
}

@media(min-width:768px) {
    .slider-cont {
        top: 130px
    }
}

@media(min-width:1024px) {
    .slider-cont {
        top: 123px
    }
}

.slider-6 .slider-heading-text {
    font-size: 4em;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}

#spin {
    color: #fff
}

#spin:after {
    content: "";
    animation: spin 15s linear infinite
}

@keyframes spin {
    0% {
        content: "beautiful"
    }

    20% {
        content: "and modern"
    }

    30% {
        content: "slider"
    }

    50% {
        content: "with"
    }

    60% {
        content: "HTML5 & CSS3"
    }

    80% {
        content: "was created"
    }

    100% {
        content: "with love"
    }
}

#page1:checked~.slider-1-design {
    z-index: 10
}

#page1:checked~.slider-1-design .slider-background {
    transform: scale(0.834)
}

#page1:checked~.slider-1-design .slider-cont {
    opacity: 1;
    transition: opacity .3s 1.8s
}

#page1:checked~.slider-1-design .part {
    transform: translateZ(0);
    opacity: 1
}

#page2:checked~.slider-2-design {
    z-index: 10
}

#page2:checked~.slider-2-design .slider-background {
    transform: scale(0.834)
}

#page2:checked~.slider-2-design .slider-cont {
    opacity: 1;
    transition: opacity .3s 1.8s
}

#page2:checked~.slider-2-design .part {
    transform: translateZ(0);
    opacity: 1
}

#page3:checked~.slider-3-design {
    z-index: 10
}

#page3:checked~.slider-3-design .slider-background {
    transform: scale(0.834)
}

#page3:checked~.slider-3-design .slider-cont {
    opacity: 1;
    transition: opacity .3s 1.8s
}

#page3:checked~.slider-3-design .part {
    transform: translateZ(0);
    opacity: 1
}

#page4:checked~.slider-4-design {
    z-index: 10
}

#page4:checked~.slider-4-design .slider-background {
    transform: scale(0.834)
}

#page4:checked~.slider-4-design .slider-cont {
    opacity: 1;
    transition: opacity .3s 1.8s
}

#page4:checked~.slider-4-design .part {
    transform: translateZ(0);
    opacity: 1
}

#page5:checked~.slider-5-design {
    z-index: 10
}

#page5:checked~.slider-5-design .slider-background {
    transform: scale(0.834)
}

#page5:checked~.slider-5-design .slider-cont {
    opacity: 1;
    transition: opacity .3s 1.8s
}

#page5:checked~.slider-5-design .part {
    transform: translateZ(0);
    opacity: 1
}






















.slider-6 .text-gradient-01 {
    color: #fd584c
}

.slider-6 .text-gradient-02 {
    color: #5d5386
}

.slider-6 .text-gradient-03 {
    color: #6859ea
}

.slider-6 .text-gradient-04 {
    color: #00b7ff
}

.slider-6 .text-gradient-05 {
    color: #662d8c
}

.slider-6 .text-dark {
    color: #2c304d !important
}

.slider-6 .text-dark-black {
    color: #141619 !important
}

.slider-6 .text-primary {
    color: #5d5386 !important
}

.slider-6 .text-secondary {
    color: #e76c90 !important
}

.slider-6 .text-red {
    color: #fe195e !important
}

.slider-6 .text-yellow {
    color: #eef157 !important
}

.slider-6 .text-green {
    color: #60c400 !important
}

.slider-6 .text-orange {
    color: #f7b733 !important
}

.slider-6 .text-violet {
    color: #796aee !important
}

.slider-6 .text-blue {
    color: #08a6c3 !important
}

.slider-6 .text-grey-light {
    color: #e6e8e9 !important
}

.slider-6 .text-grey-dark {
    color: #50525b !important
}

.slider-6 .text-facebook {
    color: #3b5998 !important
}

.slider-6 .text-twitter {
    color: #1da1f2 !important
}

.slider-6 .text-linkedin {
    color: #007bb7 !important
}

.slider-6 .text-youtube {
    color: #cd201f !important
}

.slider-6 .text-white {
    color: #fff;
    font-size: 2.7em;
    font-family: 'Quicksand', sans-serif
}

.slider-6 .w-right {
    position: absolute;
    right: 0;
    width: 120px;
    top: 0 !important;
    left: auto !important
}

.slider-6 .right-num {
    text-align: right;
    width: 20px;
    font-size: 100px;
    font-weight: 400;
    background: #000;
    border-radius: 30px;
    position: absolute;
    bottom: 0
}

/*######################################*/
.TL  { 
	top: 20%; left: 96px;  
}
.ML  { 
	top: 50%; left: 96px; transform: translateY(-50%);  
}
.BL  { 
	top: 80%; left: 96px; transform: translateY(-100%);
}
.TM  { 
	top: 20%; left: 50%;  transform: translateX(-50%); 
}
.MM  { 
	top: 50%; left: 50%; transform: translate(-50%,-50%); 
}
.BM  { 
	top: 80%; left: 50%; transform: translate(-50%,-100%); 
}
.TR  { 
	top: 20%; left: calc(100% - 96px);  transform: translate(-100%,0);
}
.MR  { 
	top: 50%; left: calc(100% - 96px); transform: translate(-100%,-50%)
}
.BR  { 
	top: 80%; left: calc(100% - 96px); transform: translate(-100%,-100%);
}
.slider-6 .Txt {
	color: rgb(255, 255, 255); 
	box-sizing: border-box; 
	z-index: 2; 
}
.slider-6 .title { 
	position: relative;
	padding: var(--banner_title_padding); 
	transition: background 3.5s 1.4s ;
	font-family: var(--d71); 
	line-height: 1.2; 
	font-size: 1rem; 
	word-spacing: 10px; 
	letter-spacing: 0.3rem; 
	opacity: 1; 
	margin: 0 ;
	max-width: auto;
	width: auto;
	white-space: nowrap; 
	font-weight: normal;
	
}
.slider-6 .title a:link {
	text-decoration: none ; color: inherit; 
}
.slider-6 .title a:visited {
	text-decoration: none ; color: inherit; 
}
.slider-6 .title a:hover {
	text-decoration: none ; color: inherit; 
}
.slider-6 .title img{
	margin-left: auto; 
	margin-right: auto; 
	max-width: 95%;
	
}
.slider-6 .Spacs {
	font-size: 1.777rem; 
	opacity: 0;
}
.slider-6 .subTitle {
	font-size: 2.2rem; 
	font-weight: 1; 
	word-spacing: 10px; 
	letter-spacing: 0.2rem; 
	opacity: 0;
}
.slider-6 .title.small {
	font-size: 0.9rem;
}
.slider-6 .subTitle.small {
	font-size: 2rem;
}
.slider-6 .show .Spacs {
	transition:3.6s 1.2s; 
	opacity: 1;
}
.slider-6 .show .subTitle {
	transition:3.6s 1.4s; 
	opacity: 1; 	
}
.slider-6 ul {
	background: none; 
	margin: 0px; 
	padding: 0px; 
	outline: 0px; 
	border: 0px currentColor; 
	border-image: none; 
	font-size: 100%; 
	vertical-align: baseline;
}
.slider-6 ul li{
	background: none; 
	
	margin: 0px; 
	padding: 0px; 
	outline: 0px; 
	border: 0px currentColor; 
	border-image: none; 
	font-size: 100%; 
	vertical-align: baseline;
}

.bannerFilter  { 
	background: var(--bannerFilter);
}
.slider-6 .title div {
	opacity: 0; 
}
.slider-6 .title {
	background: var(--d73); 
}
.slider-6 .show .title div:nth-child(5n+1) {
	transition: all 3s; 
	transition-delay: 1.5s!important; 
	opacity: 1; 
}
.slider-6 .show .title div:nth-child(5n+2) {
	transition: 3s 1.4s; 
	transition-delay: 2.5s!important; 
	opacity: 1; 
}
.slider-6 .show .title div:nth-child(5n+3) {
	transition: 3s 1.4s; 
	transition-delay: 3.5s!important; 
	opacity: 1; 
}
.slider-6 .show .title div:nth-child(5n+4) {
	transition: 3s 1.4s; 
	transition-delay: 4.4s!important; 
	opacity: 1; 
}
.slider-6 .show .title div:nth-child(5n+5) {
	transition: 3s 1.4s; 
	transition-delay: 5.2s!important; 
	opacity: 1; 
}
.slider-6 .show .title div:nth-child(5n+6) {
	transition: 3s 1.4s; 
	transition-delay: 5.9s!important; 
	opacity: 1; 
}
.slider-6 .show .title.box-1 {
	animation: border-square-corner 3s 3s; 
	animation-fill-mode: forwards; 
}
.slider-6 .title.box-2 {
	position: relative;
	border: 1px solid rgba(255, 255, 255 , 0);
}
.slider-6 .title.box-2::before, .slider-6 .title.box-2::after {
	content: "";
	position: absolute;
	width: 20%; height: 20%; 
}
.slider-6 .title.box-2::before {
	top: -5px;
	left: -5px;
	border-top: 1px solid rgba(255, 255, 255, 0);
	border-left: 1px solid rgba(255, 255, 255, 0);
}
.slider-6 .title.box-2::after {
	bottom: -5px;
	right: -5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	border-right: 1px solid rgba(255, 255, 255, 0);
}
.slider-6 .show .title.box-2::before, .slider-6 .show .title.box-2::after {
	animation: border-corner 2.5s 1s ; animation-fill-mode: forwards;
}
.slider-6 .show .title.box-2 {
	border: 1px solid rgba(255, 255, 255 , 0);
	animation: border-square 3.5s 3s ; animation-fill-mode: forwards;
}
.slider-6 .title.box-3 {
	position: relative;
	border: 2px solid rgba(255, 255, 255 , 0);
}
.slider-6 .title.box-3::before, .slider-6 .title.box-3::after {
	content: "";
	position: absolute;
	width: 20%; height: 20%;
}
.slider-6 .title.box-3::before {
	top: -5px;
	left: -5px;
	border-top: 1px solid rgba(255, 255, 255, 0);
	border-left: 1px solid rgba(255, 255, 255, 0);
}
.slider-6 .title.box-3::after {
	bottom: -5px;
	right: -5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	border-right: 1px solid rgba(255, 255, 255, 0);
}
.slider-6 .show .title.box-3::before, .slider-6 .show .title.box-3::after {
	animation: border-corner-1 1.5s 1.3s ; animation-fill-mode: forwards;
}
.slider-6 .show .title.box-3 {
	animation: border-square-1 3s 1.3s ; animation-fill-mode: forwards;
}




.slider-6 .scroll-down {
	position: absolute;
	bottom: 15px;
	left: 50%;
	opacity: .8;
	padding: 0 10px;
	cursor: pointer;
	z-index: 30000;
	transform: translate(-50%, 0);  
	color: white;
	animation: bounce1 .85s infinite alternate; 
	filter: drop-shadow(-2px -2px 2px rgba(0,0,0,.9)); 
}
.slider-6 .scroll-down img{
	filter: invert(100%);
}
.slider-6 .scroll-down:hover {
	opacity: 1;
	animation-play-state: paused;
}


@keyframes bgcolor {
	0% {
		width:0%; 
	}
	100% {
		width:100%; 
	}
}
@-webkit-keyframes bgcolor{
	0% {
		width:0%; 
	}
	100% {
		width:100%; 
	}
}
@keyframes bounce1 {
	from { transform: translate(-50%, 10px);}
	to { transform: translate(-50%, 0); }
}
@-webkit-keyframes bounce1{
	from { transform: translate(-50%, 10px);}
	to { transform: translate(-50%, -0); }
}






@keyframes border-square-corner {
	0% {
		border: 6px solid rgba(255,255,255,.0); 
	}
	100% {
		border: 6px solid rgba(255,255,255,.8);
	}
}
	
@keyframes border-corner {
	0% {
		width: calc(100% + 14px); height: calc(100% + 14px); border-color: rgba(255, 255, 255, 0.85)
	}
	35% {
		width: 40px; height: 40px; border-color: rgba(255, 255, 255, 0.85);
	}
	100% {
		width: 40px; height: 40px; border-color: rgba(255, 255, 255, 0);
	}
}
@keyframes border-square {
	0% {
		border: 1px solid rgba(255, 255, 255 , 0);
	}
	50% {
		border: 1px solid rgba(255, 255, 255 , 0.45);
	}
	100% {
		border: 1px solid rgba(255, 255, 255 , 0);
	}
}
@keyframes border-corner-1 {
	0% {
		width: calc(100% + 14px); height: calc(100% + 14px); 
	}
	50% {
		border-color: rgba(255, 255, 255, 0.85)
	}
	100% {
		width: 0%; height: 0%; border-color: rgba(255, 255, 255, 0);
	}
}
@keyframes border-square-1 {
	0% {
		border: 2px solid rgba(255, 255, 255 , 0);
	}
	100% {
		border-top: 1px solid rgba(255, 255, 255 , 0.85);
		border-bottom: 1px solid rgba(255, 255, 255 , 0.85);
		border-left: 1px solid rgba(255, 255, 255 , 0.5);
		border-right: 1px solid rgba(255, 255, 255 , 0.5);
	}
}	

@media all and (max-width:1024px)
{	
	.slider-6 .title {
		font-size: 0.91rem !important;
	}
}
@media (max-width: 767.98px) 
{
	.slider-6 .title {
		font-size: 0.85rem !important;
	}
	.slider-6 .scroll-down {
		display: none;
	}
}
@media (max-width: 575.98px) 
{
	.TL  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.TM  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.TR  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.ML  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.MM  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.MR  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.BL  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.BM  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.BR  { 
		left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center !important;
	}
	.TL div, .TM div, .TR div, .ML div, .MM div, .MR div, .BL div, .BM div, .BR div { 
		text-align: center !important;
	}
	.slider-6 {
		height: calc(100vw * 934 / 1920);
	}
	.slider-6  #banner .Img {
		 padding: 0
	}
	.slider-6  #banner .Img .Txt{
		 width: 90%;
	}
	.slider-6 .title {
		font-size: .6rem !important; padding: var(--banner_title_padding_mobile) !important; word-wrap:break-word ;	white-space: pre-line;	line-height: 1.1;	word-spacing: 0px !important; letter-spacing: 0rem; 
	}
	.slider-6 .show .title.box-,.slider-6 .show .title.box-1, .slider-6 .show .title.box-2, .slider-6 .show .title.box-3 {
		padding: 10px;
	}
	.slider-6 .Txt {
		margin-top: 0 !important;
	}
	.slider-6 .slider-control {
		display: none;;
	}
	.slider-6 .slider-cont { 
		max-width: 100%;
	}
	
	.part:before {
    content: "";
		animation: spin 15s linear infinite !important
	}
	@keyframes spin {
		0% {
			background-position: 50% 50%, 0% 50% !important;
		}
		100% {
			background-position: 50% 50%, 100% 50% !important;
		}
	}
}




#float-icon {
	top: calc( (100% + var(--BarSpaceH))/2 + 50px) !important;  transform: translate(0, 0) !important; 
}