*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0px}
input.form-control{box-shadow:unset!important;opacity: 1!important;}
textarea{outline:none!important;box-shadow:0px!important}
body{font-family: 'Jost', sans-serif;position:relative;background-color: #fff ;overflow: hidden;overflow-y: auto;overflow-x: hidden;}

.mainK{overflow: hidden;overflow-y: auto;overflow-x: hidden;position: relative;height: 100vh;}

.historyActive{overflow:hidden!important}
ul{padding:0px;margin:0px;}

.sayfaUyari{margin-top:0px}
.slick-slider{direction: ltr!important}

.padding-no{padding:0px!important}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{
    outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: initial!important}
.fancybox-skin{padding:0px!important}

.imgScale{overflow: hidden;}
.imgScale img{transition: 300ms;}
.imgScale:hover img{transform: scale(1.2);}


@media(min-width:1405px){
	.container{width:1400px}
}

.wpContact{bottom:10px;left:10px;position:fixed;z-index:4;width: 45px;height: 45px;background-color: #fff;padding: 4px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.wpContact img{width:50px}
.wpContact i{color:#55CD61;font-size: 30px;}


.topHeight{width:100%;margin-top:79px;display: flex;}

.cookie-popup{max-width: 580px;position: fixed;left:24px;bottom:24px;z-index: 2;}
.cookie-popup .content{display: flex;flex-flow: row;font-weight: 500;font-size:12px;line-height: 1.33;color:#fff;background-color: #000;padding:16px;border:1px solid #fff}
.cookie-popup .content button.btn{flex:0 0 auto;padding:6px;font-size:10px;color:#fff;outline: 0;box-shadow: none;background-color: inherit;}
.cookie-popup .content a{color:#fff}
.cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;}


.bottomNotification{position: fixed;bottom:15px;right:-100%;padding:10px 30px;background-color: #E52928;z-index: 9999;color:#fff;font: normal normal 400 16px/19px Montserrat;border-radius: 10px;transition: 300ms;}
.bottomNotification.active{right:15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bottomNotification.active a{transition:300ms;color:#fff;font: normal normal 600 16px/19px Montserrat;;display: block;margin-top: 8px;text-align: center;position: relative;width: 100%;}
.bottomNotification.active a:after{content:'';bottom:-3px;left:0px;right:0px;margin:auto;width: 30%;height:3px;background:#fff;transition:300ms;position: absolute;}
.bottomNotification.active a:hover:after{width: 100%;}

.topNotification{background: #EEF9EE 0% 0% no-repeat padding-box;border-radius: 10px;border: 1px solid #7CD070;font: normal normal normal 14px/19px Avenir;color: #000000;
position: fixed;right:10px;top:10px;z-index: 10;min-width: 230px;max-width: 300px;padding:15px 15px;border-left:12px solid #77D175;transition: 500ms;opacity: 0;visibility: hidden;}
.topNotification.active{opacity: 1;visibility: visible;}
.topNotification ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;}
.topNotification ul li i{color:#fff;background-color: #77D175;width: 25px;height:25px;border-radius: 100%;font-size:25px;display: flex;align-items: center;justify-content: center;}

.topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999}
.pageMobileBrandClose{display:none}
.pageMobileBrand{display:none}
.siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none}

.pagination{display: flex;align-items: center;justify-content: center;background-color: #fff;padding:30px 15px;border: 1px solid #DEDEDE;border-radius: 5px;gap: 4px;}
.pagination a{display: flex;align-items: center;justify-content: center;font: normal normal normal 12px/16px Avenir;color: #666666;letter-spacing: 2.4px;text-align: center;background: #ffffff 0% 0% no-repeat padding-box;border-radius: 40px;
width: 30px;height:30px;}
.pagination a.active{background: #E94E1B 0% 0% no-repeat padding-box;color:#fff}


.bgOpacity{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;visibility: hidden;transition: 300ms;opacity: 0;}
.bgOpacity.active{visibility: visible;opacity: 1;}

.warningUyariKapsul{padding:10px;margin-bottom:0px}
.warningUyari{background:#FCF8E3;margin-bottom:0px}

.pageTopAlertMessage{margin-top: 30px;}


.yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;border-radius:50%;background: #D9000D;
display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#341A0F;font-weight:700;transition:300ms;z-index:1;color:#fff}
.yukari.active{right:15px}
.yukari i{font-size:36px;line-height:20px}
.yukari span{display:block}

.varFilterBtn{display: none;}


.ayirac{margin-top:100px;width:100%}
.clear{clear:both}
.resim-responsive{width:100%!important}
.ustMargin{margin-top:140px!important;width: 100%;}
.ustMargin2{margin-top:101px;}
.pageMargin{padding-top:50px;}


.mobileLogo{display:none}
.mobileMenu{display:none}
.pageMobileBrand{position: relative;width: 40px;height: 23px;display: none;}
.pageMobileBrand span{position: absolute;height:3px;background-color: #F9423A;right: 0px;}
.pageMobileBrand span:nth-child(1){top: 0px;width: 100%;}
.pageMobileBrand span:nth-child(2){top: 10px;width: 66%;}
.pageMobileBrand span:nth-child(3){top: 20px;width: 33%;}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap{padding: 15px 0px;margin-top: 10px;margin-bottom: 0px;}
.pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start}
.pageMap ul li{display: flex;align-items: center;justify-content:center}
.pageMap ul li a{padding: 5px 2px;font-size: 11px;font-weight: 400;color:#414042;}
.pageMap ul li:last-child a{padding:5px 0px 5px 0px!important}
.pageMap ul li:last-child  i{display: none;}
.pageMap ul li a:hover{color:#D9000D;}
.pageMap ul li a img{width: 18px;}
.pageMap ul li i{color:#414042;font-weight:600;font-size:20px}


.hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;}
.hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;}
.hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;}
.hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;}
.hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;}


.htmlPopupContainer{background-color: rgba(0, 0, 0, 0.5);position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;}


.safePasswordMessage{position: absolute;bottom:-40px;left:0px;border-radius: 8px;width: 100%;padding:8px;display: block;}
.safePasswordMessage.azkarakter{background-color:#000;color:#fff;}
.safePasswordMessage.kullanmadahaiyi{background-color:red;color:#fff;}
.safePasswordMessage.idareeder{background-color:YELLOW;color:#000;}
.safePasswordMessage.tamamdir{background-color:green;color:#fff;}


.topicTitle h3{font: normal normal bold 36px/46px Jost;color: #0085B9;position: relative;}

.topicTitle h1{font: normal normal bold 36px/46px Jost;color: #0085B9;position: relative;}

.contentText{font: normal normal normal 19px/30px Jost;color: #000000;}

.imageShadow{position: relative;}
.imageShadow::after{content:'';position: absolute;right:-8px;bottom:-8px;background-color: #35B6B6;z-index: -1;width: 100%;height: 100%;border-top-left-radius: 82px;}

.detayBtn{padding:0px;position: relative;z-index: 1;}
.detayBtn a{font: normal normal normal 14px/18px Jost;border-radius: 0px 20px;display: inline-flex;align-items: center;
justify-content: flex-start;gap: 8px;padding:6px 15px;transition: 300ms;position: relative;}
.detayBtn a span,.detayBtn a i{z-index: 1;}
.detayBtn a:hover::after{width: 100%;}
.detayBtn.beyaz a:hover{color:#1D3056}
.detayBtn.lacivert a:hover{color:#fff}
.detayBtn a::after{content:'';border-radius: 0px 16px;position: absolute;left:0px;top:0px;width: 40px;height: 100%;transition: 300ms;z-index: 0;}
.detayBtn a i{font-size: 20px;margin-left: -5px;margin-right: 4px;}

.detayBtn.beyaz a{border: 3px solid #FFFFFF;color:#fff}
.detayBtn.beyaz a i{color:#00ACAC }
.detayBtn.beyaz a::after{background: #FFFFFF 0% 0% no-repeat padding-box;}

.detayBtn.lacivert a{border: 3px solid #1D3056;color:#1D3056 }
.detayBtn.lacivert a i{color:#fff}
.detayBtn.lacivert a::after{background: #1D3056 0% 0% no-repeat padding-box;}

.columnReverse{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}


.titleWrap{margin-top: 45px;}
.title{font: normal normal bold 30px/43px Jost;color: #1D3056;display: inline-block;}
.title.icon{background-image: url("../images/icons/titleBg.svg");background-repeat: no-repeat;background-position: center;background-size: contain;
display: inline-flex;align-items: center;justify-content: center;}
.title.line::before{content:'';left:15px;bottom:0px;height: 4px;width: 50px;background-color: #1D3056;position: absolute;}




.pageInnerMenu .pageNavbar{background-color: #3A3939 ;padding:15px;transition: 300ms;position: sticky;top:30px;position: -webkit-sticky;}
.pageInnerMenu .pageNavbar.active{opacity: 1;visibility: visible;padding:90px 45px 30px 45px;}
.pageInnerMenu .pageNavbar li a{display: block;padding:8px;font: normal normal normal 16px/20px Jost;color: #fff;transition: 300ms;}
.pageInnerMenu .pageNavbar li a:hover{text-indent: 8px;}
.pageInnerMenu .pageNavbar li:not(:last-child) a{border-bottom: 1px solid #1AA8E1;}

@keyframes pageNavbar{
  0%{transform: scale(1);}
  100%{transform: scale(1.3);}
}



.pageInnerTopWrap{background: #00ACAC}
.pageInnerTopWrap .pageInnerParent .title{font: normal normal bold 30px/43px Jost;color: #FFFFFF;}
.pageInnerTopWrap .pageInnerParent .title.icon{background-image: url("../images/icons/titleBg2.svg");padding: 30px 0px;}



.sliderSlick{opacity: 0;transition: 500ms;margin-bottom: 0px!important;}


.flexRow{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;}

.siteTopWrap{background: #F2F2F2   0% 0% no-repeat padding-box;position: sticky;top:0;z-index: 13;}
.siteTopWrap ul{display: flex;align-items: center;justify-content: flex-end;gap:8px;}
.siteTopWrap ul li a{display: flex;align-items: center;justify-content: center;gap:8px;font: normal normal 500 14px/20px Jost;color: #1D3056;padding: 8px 0px;}
.siteTopWrap ul li a i{color:#00ACAC;z-index: 1;}
.siteTopWrap ul li a span{z-index: 1;}

.siteTopWrap ul li a.catalog{transition: 300ms;position: relative;background: #00ACAC;border-radius: 0px 20px;overflow: hidden;color:#fff;padding: 8px ;}
.siteTopWrap ul li a.catalog i{color:#fff}
.siteTopWrap ul li a.catalog::before{content:'';left:0px;top:0px;width: 0px;height: 100%;position: absolute;transition: 300ms;background-color: #009F9F;z-index: 0;}
.siteTopWrap ul li a.catalog:hover::before{width: 100%;}


.pageTopFluid{width: 100%;background-color: #fff;background: #ffffff  0% 0% no-repeat padding-box;position: sticky;top:0;z-index: 13;
box-shadow: 0px 0px 10px #ddd!important;}
.pageTopWrapRow{position: relative;}
.pageTopWrap .headerFlex{margin-top: 0px;padding:30px 15px;}
.headerFlex{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;position: relative;}

.videoParent{display: flex;align-items: center;justify-content: center;}

.headerLeft{width: 200px;float:left;}
.headerLeft a img{transition: 300ms;}
.headerLeft a:hover img{transform: scale(1.1);}
.headerCenter{width: calc(100% - 200px);float:right;display: flex;align-items: center;justify-content: flex-end;gap:0px;z-index: 2;}
.headerCenter > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:15px}
.headerCenter > .headerNavbar > li{position: relative;}
.headerCenter > .headerNavbar > li > a{display:block;font: normal normal 500 14px/20px Jost;color: #1D3056;position: relative;}
.headerCenter > .headerNavbar > li > a::before{content:'';position: absolute;bottom:-40px;left:0px;width: 40px;height:30px;background-color: #00ACAC;
clip-path: polygon(100% 25%,100% 100%,0% 100%);transition: 300ms;opacity: 0;visibility: hidden;right:0px;margin:auto}
.headerCenter > .headerNavbar > li > a:hover::before{opacity: 1;visibility: visible;left:0px;}
.headerCenter > .headerNavbar .headerNavbar{position: absolute;background-color: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);z-index: 12;min-width: 220px;left:0px;
  top:40px;transition: 300ms;visibility: hidden;opacity: 0;}
.headerCenter > .headerNavbar .headerNavbar li a{display: block;padding:8px 12px;font: normal normal 300 12px/17px Jost;color: #0D277B;transition: 300ms;}
.headerCenter > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;}
.headerCenter > .headerNavbar .headerNavbar.active li a{background-color: #C18B52 ;font: normal normal 900 12px/17px Jost;color: #FFFFFF;transition: 300ms;}
.headerCenter > .headerNavbar .headerNavbar.active li a:hover{text-indent: 6px;}
.headerCenter > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid #1D3056;}





.sliderSlick{opacity: 0;transition: 500ms;}
.sliderBtnGroup{bottom:15px;position: absolute;left:0px;right:0px;margin: auto;}
.sliderBtnGroup .col-xs-12{display: flex;justify-content: flex-end;flex-direction: row-reverse;}
.slideWrap{background-position: center;background-size: cover;}
.sliderSlick h3{font: normal normal bold 49px/62px Jost;color: #FFFFFF;}
.sliderSlick .sliderText{text-align: left;font: normal normal 400 18px/25px Jost;color: #FFFFFF;}
.sliderSlick .slick-slide .row > div{display: flex!important;align-items: flex-start;padding:30px 0px;flex-direction: column;justify-content: center;}

.sliderSlick .slick-dots{left: 0px;bottom:0px;display: inline-flex;justify-content: flex-start;gap:8px;position: relative;z-index: 1;margin: inherit;width: auto!important;
align-items: center;margin-right: 15px;}
.sliderSlick .slick-dots li{width: 25px;height:25px;}
.sliderSlick .slick-dots li button:before{color:inherit;border:1px solid #fff;border-radius: 100%;width: 25px;height:25px;}
.sliderSlick .slick-dots li.slick-active button:before{color:#fff}
.sliderSlick .slick-dots li.slick-active button{background-color: #fff;border-radius: 100%;width: 25px;height: 25px;}
.safari .sliderSlick .slick-dots li button:before{line-height: 25px!important;}
.sliderSlick .slick-prev{left: 15px!important;top:43%!important;}
.sliderSlick .slick-next{right: 15px!important;top:43%!important;}
.sliderSlick .slick-slide{height: 550px;display: flex!important;align-items: center;background-position: center left;background-size: cover;background-repeat: no-repeat;}


.homeAboutUsWrap{margin-top: 45px;}
.homeAboutUsWrap .detayBtn{margin-top: 30px;}


.homeProductColumn{background: transparent linear-gradient(100deg, #C9FFFF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;padding: 0px 15px 15px 15px;}
.homeProductColumn ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;position: relative;z-index: 1;padding: 45px 45px 8px 45px;}
.homeProductColumn ul li{flex: 1;}
.homeProductColumn ul li img{margin-left: auto;margin-right: auto;display: block;}
.homeProductColumn ul li:first-child img{width: 160px;}
.homeProductColumn ul li:last-child img{width: 100%;}
.homeProductColumn .detayBtn{margin-top: -10px;}
.homeProductColumn:hover .detayBtn.lacivert a{background-color: #fff!important;color:#1D3056!important}
.homeProductColumn:hover .detayBtn.lacivert a::after{width: 40px!important;}

.homeProductWrap{margin-top: 45px;}
.homeProductColumn::after{content:'';position: absolute;bottom:0px;left:0px;width: 100%;height: 80px;background: #00ACAC;
clip-path: polygon(100% 100%,100% 100%,0% 100%);transition: 300ms;z-index: 0;}
.homeProductColumn:hover::after{clip-path: polygon(100% 0%,100% 100%,0% 100%);}


.uhmwpeSutureWrap{margin-top: 45px;text-align: center;}


.hotspotImg .hotspotscene{width:100%;margin-left: auto;margin-right: auto;display: block;}
.hotspotContainer{background-image: url("../images/bodyBg.png");background-position: center;background-size: cover;margin-top: 90px;padding-bottom: 30px;}


.homeIsoWrap{background-image: url("../images/isoBg.jpg");background-position: center;background-size: cover;}
.homeIsoWrap ul{padding: 30px 0px;text-align: center;}
.homeIsoWrap ul li:not(:last-child){margin-bottom: 15px;}
.homeIsoWrap ul li{font: normal normal bold 30px/43px Jost;color:#fff}


.footerContactWrap{background-image: url("../images/homeContactBg.png");background-position: bottom center;background-size: cover;position: relative;z-index: 2;
background-repeat: no-repeat;}
.footerContactWrap ul{text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:20px;min-height: 390px;
  font: normal normal normal 22px/31px Jost}

.footerWrap{background-color: #1D3056;min-height: 450px;margin-top: -170px;position: relative;z-index: 0;
background-image: url("../images/footerLogoBg.png");background-position: 90% bottom;background-repeat: no-repeat;background-size: 400px;}
.footerWrap .container > .row{padding-top: 245px;padding-bottom: 30px;}

.footerLeft{width: 340px;padding-left: 15px;float:left}
.footerLeft li{font: normal normal normal 16px/23px Jost;color: #FFFFFF;padding: 12px 0px;}
.footerLeft li:first-child img{margin-bottom: 12px;}
.footerLeft li:nth-child(2){border-top:1px solid #00ACAC}
.footerLeft li:nth-child(4){border-top:1px solid #00ACAC}
.footerLeft li i{color:#00ACAC;margin-right: 8px;}

.footerRight{width: calc(100% - 340px);padding-right: 15px;float:right}
.footerRight ul{display: flex;align-items: flex-start;justify-content: flex-end;gap:15px;margin-bottom: 30px;}
.footerRight ul li a{display: block;font: normal normal medium 14px/20px Jost;color: #FFFFFF;position: relative;}
.footerRight ul:first-child li a::after{content:'';position: absolute;bottom: -5px;left:0px;width: 20px;height: 1px;background-color: #00ACAC;transition: 300ms;}
.footerRight ul li a:hover::after{width: 100%;}


.register ul{padding: 12px 0px;display: flex;align-items: center;justify-content: space-between;font: normal normal normal 14px/20px Jost;}
.register ul li:last-child{color: #1D3056;font: normal normal bold 14px/20px Jost;}

@media(max-width:992px){
  .headerLeft{width: 135px;}
  .pageMobileBrand,.pageMobileBrandClose{display: inline-block;z-index: 10;}
  .pageMobileBrand{position: absolute;right: 15px;top: 15px;}
  .pageMobileBrand span{background-color:#1D3056}
  .pageMobileBrandClose{position: absolute;top: 15px;right: 15px;}
  .pageTopWrap .headerFlex{padding: 15px;}
  .headerCenter{width: 100%;height: 100%;background-color: #fff;z-index: 10;top: 0px;left:0px;position: fixed;justify-content: center;
  opacity: 0;visibility: hidden;transition: 300ms;}
  .headerCenter.active{opacity: 0;visibility: visible;}
  .headerCenter ul{padding: 30px;flex-direction: column;}
  .headerCenter ul li{opacity: 0;}
  .headerCenter > .headerNavbar > li > a{font: normal normal 500 24px/37px Jost;}
  .siteTopWrap ul{justify-content: center;}
  .siteTopWrap ul li a{font: normal normal 500 9px/11px Jost;gap: 4px;}

  
  .footerContactWrap ul{font: normal normal normal 14px/22px Jost;min-height: 285px;margin-top: 30px;justify-content: flex-start;}
  .footerWrap .container > .row{padding-top: 180px;padding-bottom: 30px;}
  .footerRight ul{flex-direction: column;align-items: flex-start;}
  .footerLeft{width: 100%;}
  .footerRight{width: 100%;padding-left: 15px;}
  .register ul{flex-direction: column;}
}
@media(max-width:768px){
  .headerCenter > .headerNavbar > li > a::before{display: none;}
  .flexRow{flex-direction: column;gap: 15px;}
  .titleWrap{margin-top: 0px;}
  .title{font: normal normal bold 18px/25px Jost;}
  

  .sliderSlick .slick-slide{height: 175px;}
  .sliderSlick h3{font: normal normal bold 18px/25px Jost;}
  .sliderSlick .sliderText{font: normal normal 400 10px/17px Jost;}
  .detayBtn a{padding: 2px 8px;font: normal normal normal 10px/13px Jost;border-width:1px!important}
  .detayBtn a::after{width: 25px;}
  .sliderSlick .slick-slide .row > div{padding: 30px;}
  .sliderSlick .slick-prev{left: 4px!important;width: 20px;height: 20px;}
  .sliderSlick .slick-next{right: 4px!important;width: 20px;height: 20px;}

  .pageInnerTopWrap .pageInnerParent .title{font: normal normal bold 18px/30px Jost;}
  .pageInnerTopWrap .pageInnerParent .title.icon{padding: 15px 0px;}

  .hotspotContainer{margin-top: 15px;}

  .homeProductColumn ul{margin-top: 0px;}
  .homeProductColumn:hover .detayBtn.lacivert a::after{width: 25px!important;}

  .homeIsoWrap ul li{font: normal normal bold 14px/22px Jost;}

  .homeProductColumn ul li:first-child img{width: 65px;}
  .homeProductColumn ul li:last-child img{width: 100%;}

  .homeProductColumnParent{margin-bottom: 15px;}

}








.lds-ellipsis.gizle {opacity: 0;visibility: hidden;}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 10;
  transition: 300ms;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1D3056;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}