.slsc > *, .slc .slcc, .sln button, .sln button span, .eg-item, .slnp button:before {transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;}
.slcm .slc > *, .ic-item > * {transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;}

.slsc {display: -ms-grid; display: grid; grid-gap: 0px; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: 1fr; grid-template-rows: 1fr;}
.slsc > * {-ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; opacity: 0; z-index: 0;}
.slsc > *.active {opacity: 1; z-index: 10;}

.slcm .slsc {padding-right: 100px; overflow: hidden;}
.slcm .slc > * {transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); opacity: 0}
.slcm .sl-item.active .slc > * {transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1}

.slcm .sl-cont {font-size: 18px; line-height: 30px; color: #898a90; font-weight: 300; text-align: left;}
.slcm .sl-ttl {font-size: 24px; line-height: 30px; color: #1a1a1a; font-weight: 400; text-align: left; margin-top: 25px; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms}

.slcm .slncpn {position: absolute; right: 0px; top: 0px; width: 50px; z-index: 50}






.slcm .sln {display: inline-block; width: 100%; float: left; margin-top: 25px;}

.slcm .slnp, .slicons .slnp {text-align: left;}
.slcm .slnp li, .slicons .slnp li {display: inline-block; vertical-align: top; padding: 0px;}
.slcm .slnp button, .slicons .slnp button {display: inline-block; width: 30px; height: 30px; cursor: pointer; margin: 0px; background: transparent; border-radius: 99px; -webkit-border-radius: 99px; padding: 7px; float: left; outline: 0px; border: 0px;}
.slcm .slnp button span, .slicons .slnp button span {border: 2px solid #c6d0da; background-color: #fff; display: inline-block; width: 100%; height: 100%; background-color: transparent; border-radius: 99px; -webkit-border-radius: 99px;}
.slcm .slnp button:hover span, .slicons .slnp button:hover span {border-color: #1c426a}
.slcm .slnp li.active button span, .slicons .slnp li.active button span {background-color: #1c426a; border-color: #1c426a}

.slajpn {background-color: #1c426a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; text-align: center; outline: 0px; border: 0px; padding: 0px; clear: both; float: left; position: relative; overflow: hidden;}
.slajpn:first-child {margin-top: 0px;}
.slajpn:hover {background-color: #ef2127;}

.slajpn:before {border: 1px solid #fff; content: ''; display: inline-block; width: 14px; height: 14px; border-bottom-color: transparent !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.slajpp:before {border-right-color: transparent !important; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 10px;}
.slajnn:before {border-left-color: transparent !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -10px;}




.slex .sl {display: -ms-grid; display: grid; grid-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-auto-rows: 1fr; grid-auto-columns: 33.333%;}
.slex .eg-item:nth-child(1) {-ms-grid-column: 1;grid-column: 1; -ms-grid-row: 1; grid-row: 1;}
.slex .eg-item:nth-child(2) {-ms-grid-column: 1;grid-column: 1; -ms-grid-row: 2; grid-row: 2;}
.slex .eg-item:nth-child(3) {-ms-grid-column: 2;grid-column: 2; -ms-grid-row: 2; grid-row: 2;}
.slex .eg-item:nth-child(4) {-ms-grid-column: 2;grid-column: 2; -ms-grid-row: 1; grid-row: 1;}
.slex .eg-item:nth-child(5) {-ms-grid-column: 3;grid-column: 3; -ms-grid-row: 1; grid-row: 1;}
.slex .eg-item:nth-child(6) {-ms-grid-column: 3;grid-column: 3; -ms-grid-row: 2; grid-row: 2;}
.slex .eg-item {min-height: 280px;}

.slex .eg-item {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.slex .sl-item.active .eg-item {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.slex .eg-item:nth-child(2) {-webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms}
.slex .eg-item:nth-child(3) {-webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms}
.slex .eg-item:nth-child(4) {-webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms}
.slex .eg-item:nth-child(5) {-webkit-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms}
.slex .eg-item:nth-child(6) {-webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms}

.eg-ic, .eg-i .aji, .eg-i .ajic {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: transparent;}
.eg-ic {background-color: rgba(0,0,0,0.05)}
.eg-dc {padding: 50px; text-align: left; height: 100%;}
.eg-dc > * {margin-top: 20px;}
.eg-dc > *:first-child {margin-top: 0px;}
.eg-dc:before {border-color: #fafafa; border-bottom-width: 8px; border-top-width: 0px; border-style: solid; left: 50px; content: ''; position: absolute; bottom: 100%; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.eg-item:nth-child(6n+4) .eg-dc:before {border-bottom-width: 0px; border-top-width: 8px; top: 100%; bottom: initial;}
.eg-t {font-size: 24px; line-height: 28px; color: #1a1a1a; font-weight: 300;}
.eg-tx {font-size: 16px; line-height: 24px; color: #898a90; font-weight: 300;}
.eg-c:hover .eg-t {color: #ef2127}

.slex .slncpn {position: absolute; right: 100%; top: 85px; width: 50px; z-index: 50}
.slex .slajpn {background-color: #ef2127;}
.slex .slajpn:hover {background-color: #1c426a;}

.orn-rb {margin-top: 100px;}
.orn-rb.aji, .orn-rb .ajic {position: relative; display: inline-block; width: 100%; float: left; background-color: transparent;}
.orn-rb .ajic {padding-top: 74%;}
.orn-rb img {position: absolute; left: 0px; top: 0px; max-width: 100%; max-height: 100%;}





.slicons {background-color: #fff}
.slicons:before {background-color: rgba(0,0,0,0.05); content: ''; position: absolute; left: 50%; width: 1px; height: 100%; top: 0px;}
.slicons .sln {display: inline-block; width: 100%; float: left; position: absolute; top: 0px; left: 0px; z-index: 99; padding-left: 50px; padding-top: 40px;}

.slicons .ic-item {width: 50%; float: left; padding: 50px; padding-top: 100px; clear: none; text-align: left; overflow: hidden;}
.slicons .ic-i .aji, .slicons .ic-i .ajic {text-align: center; position: relative; display: inline-block; width: 100%; float: left; background-color: transparent;}
.slicons .ic-i .ajic {width: 110px; height: 76px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left;}
.slicons .ic-i img {display: inline-block; max-width: 100%; max-height: 100%; height: auto; width: auto;}
.slicons .ic-i .ajldr {left: 0px; margin-left: 0px;}
.slicons .ic-t {font-size: 24px; line-height: 28px; color: #1a1a1a; font-weight: 300; margin-top: 20px;}
.slicons .ic-t strong {font-weight: 300}


.slicons .ic-i {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform-origin: 0px 50%; -ms-transform-origin: 0px 50%; transform-origin: 0px 50%;}
.slicons .sl-item.active .ic-i {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.slicons .ic-t {transform: translateX(-150%); -webkit-transform: translateX(-150%); -moz-transform: translateX(-150%); -o-transform: translateX(-150%); -ms-transform: translateX(-150%);}
.slicons .sl-item.active .ic-t {transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);}
.slicons .ic-item:nth-child(2) .ic-i {-webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms}
.slicons .ic-item:nth-child(2) .ic-t {-webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms}





.sltop {width: 65%; float: right; height: 100%; position: absolute; right: 0px; top: 0px;}
.sltop .slsx {height: 100%; padding-right: 50px;}
.sltop:first-child {position: relative}
.sltop:first-child .sl {padding-top: 40%;}
.sltop .sl {z-index: 0}
.sltop .sl.active2 {z-index: 10 !important}
.sltop .slsc, .sltop .sl {height: 100%;}
.sltop .sl-img, .sltop .sl-img .ajic {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sltop .sl-img {bottom: -70px;}
.sltop .sl-img img {max-width: 100%; max-height: 90%;}
/*.sltop .sl,*/
.sltop .sl-img img {pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sltop .sl a {pointer-events: initial; -webkit-touch-callout: initial; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial;}
.sltop .sl a .ajic {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.sltop .sl a:hover .ajic {transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9);}

.sltop .sln {position: absolute; right: 0px; top: 0px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.sltop .slnp {text-align: left;}
.sltop .slnp li {display: inline-block; vertical-align: top; padding: 1px 0px; clear: both}
.sltop .slnp button {display: inline-block; width: 30px; height: 30px; cursor: pointer; margin: 0px; background: transparent; border-radius: 99px; -webkit-border-radius: 99px; padding: 10px; float: left; outline: 0px; border: 0px solid transparent; position: relative;}
.sltop .slnp button span {background-color: rgba(255,255,255,0.3); display: inline-block; width: 100%; height: 100%; border-radius: 99px; -webkit-border-radius: 99px; vertical-align: top;}
.sltop .slnp button:hover span {background-color: #fff}
/*.sltop .slnp li.active button {border-color: #ef2127}*/
.sltop .slnp li.active button span {background-color: #fff;}
.sltop .slnp button:before {border: 2px solid #ef2127; border-radius: 99px; -webkit-border-radius: 99px; float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; outline: 0px; content: ''; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); box-sizing: border-box; -webkit-box-sizing: border-box;}
.sltop .slnp li.active button:before {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}



.sltop .slsx {animation: fly 15000ms linear infinite; -webkit-animation: fly 15000ms linear infinite;}
.sltop .slsx.no-fly  {-webkit-animation-play-state: paused; animation-play-state: paused;}
#slider-bgc {animation: fly_bg 15000ms linear infinite; -webkit-animation: fly_bg 15000ms linear infinite;}
#slider-bgc.no-fly {-webkit-animation-play-state: paused; animation-play-state: paused;}
@-webkit-keyframes fly {
    from {-webkit-transform: rotate(0deg) translateX(-20px) rotate(0deg);transform: rotate(0deg) translateX(-20px) rotate(0deg);}
    to {-webkit-transform: rotate(360deg) translateX(-20px) rotate(-360deg);transform: rotate(360deg) translateX(-20px) rotate(-360deg);}
}
@keyframes fly {
    from {-webkit-transform: rotate(0deg) translateX(-20px) rotate(0deg);transform: rotate(0deg) translateX(-20px) rotate(0deg);}
    to {-webkit-transform: rotate(360deg) translateX(-20px) rotate(-360deg);transform: rotate(360deg) translateX(-20px) rotate(-360deg);}
}
@-webkit-keyframes fly_bg {
    from {-webkit-transform: rotate(0deg) translateX(20px) rotate(0deg);transform: rotate(0deg) translateX(20px) rotate(0deg);}
    to {-webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg);transform: rotate(360deg) translateX(20px) rotate(-360deg);}
}
@keyframes fly_bg {
    from {-webkit-transform: rotate(0deg) translateX(20px) rotate(0deg);transform: rotate(0deg) translateX(20px) rotate(0deg);}
    to {-webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg);transform: rotate(360deg) translateX(20px) rotate(-360deg);}
}