@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}
@-webkit-keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}
@-webkit-keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-18 {
-webkit-animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}
@-webkit-keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
@keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: rgb(0, 0, 0);
}
}
.svg-elem-19 {
-webkit-animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}
svg {
filter: brightness(0) invert(1);
}
.banner_section {
z-index: 22;
position: relative;
margin-top: -90px;
margin-bottom: 60px;
}
.banner_section .item{
width:25%
}
.banner_section .iconic-box{
padding: 17px 15px;
-webkit-box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
position: relative;
z-index: 9;
width: 96%;
}
.banner_section .item{
border-right:1px solid #eee;
}
.item:last-child{ border-right:none !important;}
.banner_section .iconic-box h4{
text-transform: uppercase;
letter-spacing: 0px;
margin-bottom: 10px;
font-size: 14px;
font-family: "Raleway", sans-serif;
font-weight: 700;
color: #020b72;
}
.banner_section .iconic-box p{
color:#757575;
font-size:14px;
display:block;
text-align:center;
}
.banner_section .iconic-box .icon{        background: #020b72;
position: relative;
right: 0;
top: 0;
width: 82px;
height: 82px;
text-align: center;
line-height: 30px;
color: #fff;
z-index: 2;
padding: 10px;
border-radius: 50%;
display: block;
left: 0;
margin: auto;
}
.banner_section .iconic-box a{
display:block;
text-align:center;
padding-top:15px
}
.banner_section .iconic-box .icon img{
filter:brightness(0) invert(1);
width:100%;
width:65%;
margin-top:13px;
}
.banner_section .iconic-box .count{
position:absolute;
left:10px;
bottom:0;
font-weight:700;
font-family:Oswald,sans-serif;
font-size:36px;
color:#0033650f;
z-index:-1;
line-height:1;
display:none;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');
.yenisec {
position:relative;
z-index:0;
background: url(img/sec.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-box-shadow: inset 0px -12px 20px 31px rgba(255,255,255,0.97);
-moz-box-shadow: inset 0px -12px 20px 31px rgba(255,255,255,0.97);
box-shadow: inset 0px -12px 20px 31px rgba(255,255,255,0.97);
}
.bdt-timeline-container {
display: flow-root;
box-sizing: content-box;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
margin-top: 0px;
}
.bdt-timeline-container svg {
filter: unset !important;
}
.upk-salf-slider-wrapper {
display: flex;
flex-direction: row;
height: 400px;
padding: 30px;
position: relative;
}
.upk-salf-slider-wrapper .upk-salf-item {
position: relative;
display: flex;
flex-direction: row-reverse;
}
.upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-title, .upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-desc, .upk-salf-slider-wrapper .upk-salf-item.swiper-slide-active .upk-salf-button {
opacity: 1;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
height: 100%;
width: 100%;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-xanc-img {
display: block;
width: 100%;
height: 800px;
object-fit: cover;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
position: absolute;
left: 0;
bottom: 0;
top: unset;
max-width: 460px;
overflow: hidden;
background: #ffffff8a;
backdrop-filter: blur(15px);
transition: backdrop-filter 0.9s;
padding: 20px;
padding-left: 20px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
font-size: 23px;
font-weight: 700;
line-height: 1.2;
color: #2B2D42;
text-transform: capitalize;
margin-bottom: 20px;
opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
color: #656565;
font-size: 14px;
line-height: 1.6;
text-transform: capitalize;
margin-bottom: 20px;
opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button {
opacity: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
color: #2b2d42;
cursor: pointer;
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
font-size: 14px;
transition: all 0.3s ease;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link:hover {
color: #ff215a;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed {
display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon {
position: relative;
top: 0;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
vertical-align: middle;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed .arrow-icon--circle {
transition: stroke-dashoffset 0.3s ease;
stroke-dasharray: 95;
stroke-dashoffset: 95;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed g {
stroke: currentColor;
color: #2b2d42;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon {
transform: translate3d(5px, 0, 0);
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover .arrow-icon--circle {
stroke-dashoffset: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link--arrowed:hover g {
color: #ff215a;
}
.upk-salf-slider-wrapper .upk-page-scroll {
position: absolute;
bottom: 8%;
right: 5%;
transform: rotate(90deg);
z-index: 1;
display: none;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up {
height: 70px;
width: 70px;
display: block;
background: #ffffffc9;
backdrop-filter: blur(18px);
position: relative;
cursor: pointer;
transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
transform: rotate(-90deg);
overflow: hidden;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-slide {
left: 0;
top: -100%;
width: 100%;
height: 100%;
background: #ff215a;
position: absolute;
display: block;
z-index: 0;
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
display: block;
margin: 30px auto;
width: 16px;
height: 16px;
border-top: 2px solid #2b2d42;
border-left: 2px solid #2b2d42;
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left {
transform: rotate(-135deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .long-arrow-left::after {
content: "";
display: block;
width: 2px;
height: 25px;
background-color: #2b2d42;
transform: rotate(-45deg) translate(8px, 3px);
left: 0;
top: 0;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover {
transition: all 0.1s;
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .left-arm:after {
transform: rotate(-10deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .right-arm:after {
transform: rotate(10deg);
}
.upk-salf-slider-wrapper .upk-page-scroll .arrow-up:hover .arrow-slide {
transition: all 0.5s ease-in-out;
transform: translateY(200%);
}
.upk-salf-slider-wrapper .upk-salf-nav-pag-wrap {
position: absolute;
top: 0;
height: 100%;
right: 0;
}
.upk-salf-slider-wrapper .upk-salf-navigation {
margin-top: 40px;
margin-right: 2px;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed {
display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon {
position: relative;
top: 0;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
vertical-align: middle;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed .arrow-icon--circle {
transition: stroke-dashoffset 0.3s ease;
stroke-dasharray: 95;
stroke-dashoffset: 95;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed g {
stroke: currentColor;
color: #2b2d42;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon {
transform: translate3d(5px, 0, 0);
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover .arrow-icon--circle {
stroke-dashoffset: 0;
}
.upk-salf-slider-wrapper .upk-salf-navigation .link--arrowed:hover g {
color: #ff215a;
}
.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-next {
margin-top: 15px;
transform: rotate(90deg);
}
.upk-salf-slider-wrapper .upk-salf-navigation .upk-button-prev {
transform: rotate(-90deg);
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
position: absolute;
top: 43%;
right: 0;
margin-right: 22px;
}
@-webkit-keyframes progress {
0% {
stroke-dashoffset: 75;
opacity: 1;
}
95% {
stroke-dashoffset: 0;
opacity: 1;
}
100% {
opacity: 0;
stroke-dashoffset: 0;
}
}
@-moz-keyframes progress {
0% {
stroke-dashoffset: 75;
opacity: 1;
}
95% {
stroke-dashoffset: 0;
opacity: 1;
}
100% {
opacity: 0;
stroke-dashoffset: 0;
}
}
@-o-keyframes progress {
0% {
stroke-dashoffset: 75;
opacity: 1;
}
95% {
stroke-dashoffset: 0;
opacity: 1;
}
100% {
opacity: 0;
stroke-dashoffset: 0;
}
}
@keyframes progress {
0% {
stroke-dashoffset: 75;
opacity: 1;
}
95% {
stroke-dashoffset: 0;
opacity: 1;
}
100% {
opacity: 0;
stroke-dashoffset: 0;
}
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet {
background-color: transparent;
opacity: 0.8;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
width: 20px;
height: 20px;
margin: 6px -7px;
display: inline-block;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation svg {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation .svg__circle-inner {
stroke: #2b2d42;
fill: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle {
stroke: #6eb234;
stroke-dasharray: 75;
stroke-dashoffset: 0;
-webkit-animation: progress 4s ease-in-out 1 forwards;
-moz-animation: progress 4s ease-in-out 1 forwards;
-ms-animation: progress 4s ease-in-out 1 forwards;
animation: progress 4s ease-in-out 1 forwards;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet-active .svg__circle-inner {
fill: #2b2d42;
stroke: #6eb234;
}
@media (min-width: 768px) {
.upk-salf-slider-wrapper {
height: 550px;
padding: 60px;
}
.upk-salf-slider-wrapper .upk-page-scroll {
bottom: 4%;
display: inherit;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
font-size: 40px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
max-width: 400px;
padding: 40px;
padding-left: 0;
top: 50%;
transform: translateY(-50%);
bottom: unset;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
width: 80%;
}
.upk-salf-slider-wrapper .upk-salf-navigation {
margin-top: 60px;
margin-right: 20px;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
margin-right: 47px;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
margin: 6px 0;
}
}
@media (min-width: 1024px) {
.upk-salf-slider-wrapper {
height: 650px;
padding: 70px;
}
.upk-salf-slider-wrapper .upk-page-scroll {
bottom: 9%;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
font-size: 47px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-content-wrap {
max-width: 460px;
padding: 50px;
padding-left: 0;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-desc {
font-size: 16px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-button .link {
font-size: 16px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-image-wrap {
width: 70%;
}
.upk-salf-slider-wrapper .upk-salf-navigation {
margin-top: 85px;
margin-right: 30px;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap {
margin-right: 53px;
}
.upk-salf-slider-wrapper .upk-salf-pagi-wrap .swiper-pagination-bullet--svg-animation {
margin: 6px -5px;
}
}
@media (min-width: 1440px) {
.upk-salf-slider-wrapper {
height: 700px;
padding: 80px;
padding-top:36px;
}
.upk-salf-slider-wrapper .upk-salf-item .upk-salf-title {
font-size: 47px;
}
}
.button {
}
.yazz { letter-spacing: 5px;  font-family: sans-serif;   font-size: 91px;
margin: 0 auto;
display: block;
z-index: -1;
top: 4%;
left: 0%;
margin-bottom:-70px;
bottom: 6px;
position: relative;
width: 100%;
-webkit-text-stroke: 1px #bfbfbf94;
color: #fff;
text-transform: uppercase;
text-align: center; }
.btn-style-two .btn-title {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
font-weight: 400;
padding: 8px 36px 8px;
z-index: 1;
transition: .5s;
}
.btn-style-two .btn-curve {
position: absolute;
right: -10px;
top: 0;
width: 43px;
height: 100%;
background: #6eb234;
/* opacity: 0.20; */
z-index: 0;
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.btn-style-two {
position: relative;
display: inline-block;
text-align: center;
letter-spacing: 0.05em;
background: #020b72;
color: #ffffff;
border-radius: 0;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.product_section{
margin-top: -65px;
padding-top: -5rem;
position: relative;
}
.product_section .title{
text-align: center;
padding-bottom: 10px;
}
.product_section .title h3{
font-weight: 700;
font-size: 37px;    color: #000174;
}
.product_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
}
.product_section .title p{
font-size: 14px;
color: #525252;
display: block;
position: relative;
}
.product_section .title p:after{
content: "";
width: 80px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: #6eb233!important;
margin: 0 auto;
right: 0;
top: 37px;
}
.subscribe-form button {
border: 1px solid #6eb233 !important;    background: #6eb233 !important;
}
.product_section .product_slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product_section .product_slider .item{
width: 32%;
/* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); */
margin-top: 50px;
}
.product_section .item .content{
background-color: #fff;
padding-bottom: 0;
overflow: hidden;
}
.product_section .item .content .img{
width: 100%;
height: 240px;
overflow: hidden;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
position: relative;
transition: 0.5s;
border: 1px solid #eee;
}
.product_section .item:hover .content .img:after{
opacity: 1;
transition: 0.8s;
}
.product_section .item:hover .content .img{
transform: scale(1.2) rotate(1deg);
transition: 0.5s;
}
.product_section .item .content .img .link{
position: absolute;
z-index: 9999;
background: #000174;
left: 0;
right: 0;
top: 90px;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 60px;
text-align: center;
opacity: 0;
transition: 0.5s;
}
.product_section .item:hover .content .img .link{
opacity: 1;
transition: 0.5s;
}
.product_section .item .content .img .link a{
font-size: 36px;
color: #fff;
padding-top: 4px;
display: block;
}
.product_section .item .content .img .link span{}
.product_section .item .content .text{
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
background-image: url("assets/img/t21.png");
background-size: contain;
background-position: right;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
.product_section .item .content .text:after{
content: " ";
position: absolute;
bottom: 0;
width: 100%;
background: #000174;
height: 2px;
left: 0;
transition: 0.5s;
}
.product_section .item:hover .content .text:after{
height: 100%;
transition: 0.5s;
}
.product_section .item:hover .content .text h3 a{
color: #fff;
transition: 0.5s;
}
.product_section .item:hover .content .text p{
color: #fff;
transition: 0.5s;
}
.product_section .item .content .text h3 {
font-size: 17px;
font-weight: 700;
z-index: 9;
transition: 0.5s;
position: relative;
top: -10px;
}
.product_section .item .content .text h3 a{
color: #000;
font-weight: 600;
font-size: 17px;
z-index: 9999;
transition: 0.5s;
}
.product_section .item .content .text span{
z-index: 9999;
font-size: 15px;
font-weight: 400;
display: inline-block;
color: #fff;
background: #000174;
z-index: 99;
top: -27px;
position: relative;
padding: 4px 10px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23);
}
.product_section .item .content .text p {
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
z-index: 9;
position: relative;
display: none;
}
.product_section .item .content .view_product{
display: block;
margin-right: 21px;
margin-left: 21px;
margin-bottom: 21px;
border-top: 2px solid #e4e4e4;
}
.product_section .item .content .view_product a{
display: block;
padding: 18px 15px;
transition: 0.5s;
text-align: center;
}
.product_section .item .content .view_product a:hover{
background-color: #001040;
transition: 0.5s;
}
.product_section .item .content .view_product a span{
font-size: 18px;
color: #000;
font-weight: 600;
}
.product_section .item .content .view_product a i{
display: inline-block;
width: 27px;
height: 27px;
line-height: 29px;
border-radius: 50%;
text-align: center;
background-color: #001040;
color: #fff;
margin-left: 5px;
}
.product_section .link-box {
text-align: center;
display: block;
width: 100%;
margin-top: 50px;
}
</style>
<style>
.section-title.left-border span.title-tag::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #6eb234;
content: '';
}
.section-title span.title-tag {
text-transform: uppercase;
font-weight: 700;
color: #2c3538;
line-height: 1;
font-size: 16px;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.section-title span.title-tag {
padding-left: 50px;
}
.section-title h2 {
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
/* line-height: 1.2; */
color: #000174;
}
.pst {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: 800;
height: 100%;
width: 100%;
position: relative;
z-index: 22;
font-size: 22px;
text-shadow: 0 0 9px #00000069;
display: none;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.about_section {
background: url(img/cnc.png);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
padding-top: 0rem;
position: relative;margin-bottom: 80px;
}
.about_section .img {
display: flex;
flex-wrap: wrap;
width: 50%;
position: relative;
margin-left: -10px;
z-index: 1;
}
.about_section .img .item {
width: 46%;
height: 228px;
background-size: cover;
background-position: 80% 61%;
background-repeat: no-repeat;
margin: 10px;
}
.about_section .img .item1 {}
.about_section .img .item2 {}
.about_section .img .item3 {}
.about_section .img .item4 {
height: 90px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
padding: 10px;
width: 36%;
border-radius: 70px;
}
.about_section .img .item4 img {
width: 96%;
margin: 13px auto;
display: block;
}
.section-title {
margin-bottom: unset;
}
.about_section .img .item5 {}
.about_section .img .item6 {}
.about_section .text {
width: 50%;
position: relative;
}
.about_section .text .left_text {
transform: rotate(90deg);
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
position: absolute;
color: #ffa400;
top: 180px;
left: -20%;
letter-spacing: 8px;
}
.about_section .text .left_text b {
color: #fff;
}
.about_section .text .about {
margin-left: 40px;
margin-top: 0px;
text-align: justify;
}
.about_section .text .about h3 {
font-size: 39px;
font-weight: 800;
color: #6e6e6e;
}
.about_section .text .about h3 b {
color: #bf202a;
font-weight: 800;
}
.about_section .text .about p {
text-align: justify;
font-size: 15px;
padding-top: 0;
margin-bottom: 0;
}
.round .button {
display: inline-block;
width: 150px;
line-height: 40px;
position: relative;
overflow: hidden;
border: 1px solid #b1b1b1;
transition: color .5s;
text-align: center;
font-weight: 600;
font-size: 13px;
color: #fff;
margin-top: 53px;
background-color: #000174;
border-radius: 40px;
}
.round .button:before {
content: "";
position: absolute;
z-index: -1;
background: #bd202d;
height: 150px;
width: 200px;
border-radius: 50%;
}
.round .button:hover {
color: #fff;
}
.round .button:before {
left: -30px;
bottom: 100%;
transition: all .7s;
}
.round .button:hover:before {
bottom: -50px;
}
.about_section::after {
content: " ";
left: 0;
top: -20px;
position: absolute;
width: 50%;
height: 100%;
}
.fadele {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
animation-name: rotate-windows;
animation-iteration-count: infinite;
animation-duration: 4s;
animation-fill-mode: forwards;
}
.fadele2 {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
animation-name: rotate-windows;
animation-iteration-count: infinite;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}
@keyframes rotate-windows {
0% {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
}
50% {
transform: perspective(500px) rotateY(0deg);
-webkit-transform: perspective(500px) rotateY(0deg);
-moz-transform: perspective(500px) rotateY(0deg);
-ms-transform: perspective(500px) rotateY(0deg);
-o-transform: perspective(500px) rotateY(0deg);
}
100% {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
}
}
#il {
width: 20%;
position: relative;
top: -520px;
z-index: 999999999999;
float: right;
}
.lang ul li img {
width: 28px;
}
.footer-widget-heading h3::before {
background: #6eb234;
}
.contact-tab a {
background-color: #6eb233!important
}
.text-center:after {
background-color: #6eb233!important
}
.slider.btn {
background-color: transparent !important;    border: 1px solid #fff;
}
.lang {
position: absolute;
margin-left: 21px;
float: right;
display: block;
margin-top: 26px;
z-index: 9999999999;
}
.lang ul {
display: block;
}
.lang ul li {
display: inline-block;
padding: 10px 0px 0px 3px;
position: relative;
width: auto;
}
.contact-tab a {
}
.sol { height:479px !important;  }
.headbanner h1 {     margin-top: 239px !important; }
.headbanner {
width: 100%;
position: relative;
min-height: 480px;
background: #000;
margin-top: -78px;
}
.headbanner h1 {
position: absolute;
font-size: 40px;
color: #ffF;
width: 100%;
text-align: center;
margin-top: -240px;
z-index: 9;
}
.headbanner:after {
content: "";
width: 100%;
height: 100%;
background-color: #00000061;
position: absolute;
top: 0;
left: 0;
}
.headbanner video {
width: 100% !important;
height: 480px;
object-fit: cover;
margin-bottom: -10px;
}
.headbanner ul {
list-style:none;
color: #fff;
position: absolute;
width: 100%;
text-align: center;
display: flex;
z-index: 2;
top: 303px;
justify-content: center;
}
.headbanner ul li a {
color: #fff;
text-decoration: none;
}
.headbanner ul li {
margin-right: 10px;
margin-left: 10px;
}
.headimg {
height: 480px !important;
width: 100% !important;
object-fit: cover;
}
.border-right { border-right: 1px solid #dee2e685!important; }
.cis h1::after { margin-top:-20px !important; }
.flexle { display:flex;  }
.about{
width: 100%;
position: relative;
padding: 1px 0px;
position: relative;
}
.about::before{
width: 100%;
height: 100%;
background: url("https://demo.globalmedya.com/franceascenseur/assets/img/bg-4.jpg");
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
opacity: 0.1;
background-attachment: fixed;
background-position: center;
}
.about-left{
width: 57%;
margin-right: 2%;
padding-right: 60px;
border-right: 1px dotted rgba(0,0,0,0.09);
}
.span-title{
font-size: 15px;
letter-spacing: 1.4px;
display: block;
position: relative;
top: -15px;
color: #276db7;
font-weight: 500;
}
.about .container-flex{
background-color: rgba(255, 255, 255, 0.97);
padding: 35px;
}
.about-img{
width: 100%;
height: 400px;
}
.about-img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.about-text{
padding: 20px 10px;
text-align: left;
}
.about-text span{
font-size: 30px;
font-weight: 600;
color: #276db7;
padding-bottom: 0px;
display: block;
}
.about-text h2{
font-size: 27px;
color: rgb(41, 40, 40);
font-weight: 700;
padding: 4px 0px;
margin-bottom: 3px;
}
.about-text p{
font-size: 15px;
line-height: 23px;
font-weight: 300;
text-align: justify;
}
.about-text a{
display: inline-block;
color: #222;
padding: 7px 14px;
background-color: #276db7;
margin-top: 6px;
transition: all 0.3s;
color: #fff;
}
.about-text a:hover{
color: #fff;
background-color: #ce071efa;
text-decoration: none;
}
.about-right{
width: 41%;
padding-left: 20px;
position: relative;
top:3px;
}
.about-right .span-title{
margin-top:27px;
color: rgb(179, 179, 179);
font-weight: 300;
}
.aboutr-img{
width: 100%;
height: 540px;
overflow: hidden;
}
.aboutr-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.aboutr-img .swiper-container-gallery{
width: 100%;
height: 100%;
overflow: hidden;
}
.aboutr-img .swiper-slide{
width: 100%;
height: 100%;
}
.aboutr-img .swiper-slide a{
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 300;
}
.aboutr-img .swiper-slide img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.about-icons{
width: 100%;
display: flex;
}
.about-icons{
width: 100%;
padding-left: 0px;
display: flex;
flex-wrap: wrap;
padding-top: 30px;
}
.about-icons .about-icon:first-child{
position: relative;
left: -10px;
}
.about-icon{
width: 48%;
margin: 0px 4px;
display: flex;
padding: 0px 5px;
height: 120px;
}
.about-icon  .icon{
width: 40%;
position: relative;
top: 16px;
}
.about-icon .icon img{
width: 100%;
height: auto;
object-fit: contain;
}
.about-icon .icon-text{
padding-left: 15px;
padding-top: 5px;
}
.about-icon .icon-text h2{
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
}
.icon-text p{
font-size: 12px;
}
.video-container video {width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;}
.video-container {    height: 340px;
width: 100%;
position: relative;   }
.video-container .caption {
z-index: 1;
padding-top: 90px;
position: relative;
text-align: center;
color: #fff;
float: right;
/* right: -100px; */
width: 100%;
background: linear-gradient(90deg, rgb(0 26 132 / 84%) 0%, rgb(0 1 116 / 69%) 100%);
height: 100%;
}
.project-item .project-title {
position: absolute;
padding: 0 15px;
width: 100%;
height: 80px;
bottom: -110px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: ##02245B;
transition: .5s;
}
.project-carousel {
position: relative;
background: #fff;
}
.project-item {
position: relative;
display: block;
margin:5px;
}
.project-item img {
transition: .5s
}
.project-item:hover img,.project-carousel .owl-item.center img {
margin-top: -60px
}
.project-item .project-title {
position: absolute;
padding: 0 15px;
width: 100%;
height: 80px;
bottom: -110px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #02245B;
transition: .5s
}
.project-item:hover .project-title,.project-carousel .owl-item.center .project-title {
bottom: -60px
}
.project-item .project-title::before {
position: absolute;
content: "";
width: 100%;
height: 30px;
top: -15px;
left: 0;
transform: skewY(-2deg);
background: #02245B;
transition: .5s
}
.project-title h5  { color:#fff !important; font-size:23px; }
.project-carousel .owl-nav {
position: absolute;
width: 100%;
height: 45px;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
transition: .5s;
opacity: 0;
z-index: 1
}
.project-carousel:hover .owl-nav {
opacity: 1
}
.project-carousel .owl-nav .owl-prev,.project-carousel .owl-nav .owl-next {
margin: 0 30px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: var(--primary);
border-radius: 45px;
font-size: 22px;
transition: .5s
}
.text-center:before { display:none !important; }
.facts {
position: relative;
margin: 6rem 0;
background: #02245B;
margin-bottom:89px;
}
.facts .border {
border-color: rgb(255 255 255 / 87%) !important}
.text-primary {
color: #226bba !important;
}
@media (min-width: 1200px) {
.containers {
max-width: 1320px !important; margin:0 auto;
}
}
.img-fluid {
max-width: 100%;
height: auto;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-1 {
font-size:5rem
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-2 {
font-size:4.5rem
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-3 {
font-size:4rem
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-4 {
font-size:3.5rem
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-5 {
font-size:3rem
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 700;
line-height: 1.2
}
@media (min-width: 1200px) {
.display-6 {
font-size:2.5rem
}
}
.bg-primary {
background-color: #226bba !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.btn-lg-square {
width: 48px;
height: 48px;
}
.btn-square, .btn-sm-square, .btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
}
.rounded-circle {
border-radius: 50% !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.zil {
color: #fff;
text-align: center;
right: 11px;
position: relative;
font-size: 14px;top: 12px;
}
.search_section {
position: fixed;
top: 81% !important;
z-index: 22;
left: 30px;
}
.search_section i {
color: #fff;
font-size: 31px;
}
#mouse {
display: block;
width: 22px;
height: 40px;
border-radius: 20px;
border: 4px solid #ffffff;
text-align: center;
position: fixed;
left: 0px;
right: 0px;
bottom: 140px;
margin: 0 auto;
}
#mouse::before {
content: '';
display: inline-block;
width: 4px;
height: 8px;
position: relative;
border-radius: 4px;
background: #fff;
animation-name: mouse;
animation-duration: 0.7s;
animation-iteration-count: infinite;
}
@keyframes mouse {
from {
top: 0px;
}
to {
top: 6px;
}
}
.main-footer {
position: absolute;
width: 80px;
z-index: 999;
top: -5px;
bottom: 0;
left: 0;
overflow: hidden;
border-right: 1px solid #ffffff54;
-webkit-transform: translate3d(0, 0, 0);
}
.navbar {
padding: 0px 0px 62px;
border-bottom: 1px solid #ffffff54;
}
.fixed-title {
position: fixed;
top: 52% !important;
width: 340px !important;
height: 80px;
line-height: 80px;
border-left: 1px solid #e6eaea;
letter-spacing: 0.27em;
font-size: 11px;
text-transform: uppercase;
text-align: center;
cursor: default;
font-weight: 700;
color: #4d4d4d;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
z-index: 22;
}
.footer-social {
position: absolute;
top: 319px;
left: 0;
width: 100%;
text-align: center;
}
.footer-social li a {
color: #fff;font-size: 18px;
}
.footer-social li i {
color:#fff;
}
.fixed-titles {
position: fixed;
top: 61% !important;
z-index: 22;
left: 21px;
}
.footer-social ul li {
margin-bottom: 17px;
list-style: none;
}
ul {
margin: 0px;
padding: 0px;
}
.navbar {
}
.navbar-nav {
top: 31px;
position: relative;
}
.banner-carousel .slick-dots {
bottom: 120px;
filter: brightness(0) invert(1);
}
.btn-primary {
background-color: #017bff96;
border-radius: 40px;
}
.navbar { transition: all .5s; z-index:77; }
.stkle { background:#fff !important;  padding: 0px 0px 39px !important; border-bottom:solid 1px #eee;}
.stkle .navbar-brand svg {    padding-right: 78px;
margin-top: -10px; filter: brightness(0) saturate(100%) invert(7%) sepia(84%) saturate(4778%) hue-rotate(239deg) brightness(96%) contrast(123%) !important; }
.stkle a { color:#111 !important; }
.stkle a:hover { color:#fff !important; }
.stkle .navbar-nav { top: 20px !important; }
.banner_top {
}