*{outline: 0;border:none!important;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important;text-decoration:none!important;list-style-type:none}
textarea{outline:none!important;box-shadow:0px!important}
body{position:relative;background-color:#fff;font-family: 'Gilroy', sans-serif;position: relative;}
html,body{overflow-x:hidden!important;}
.historyActive{overflow:hidden!important}
ul{padding:0px}



.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}


.bodyFadeIn{opacity: 0;animation-name: bodyFade;animation-delay: 0.5s;animation-iteration-count:1;animation-fill-mode: forwards;}
@keyframes bodyFade{0% { opacity: 0;}100% { opacity: 1;}}

.mobileBrand{display: none}
.mobileBrandClose{display: none}



.warningUyariKapsul{padding:10px;margin-bottom:0px}
.warningUyari{background:#FCF8E3;margin-bottom:0px}
.dcjq-count {display:none}
.tinynav { display: none }
.site_left{padding:0px}
.accordion{padding:0px 0px}
.tinynav_label {display:none}

.ayirac{margin-top:88px}
.clear{clear:both}
.resim-responsive{width:100%!important}
.ustMargin{margin-top:100px;width: 100%;display: block}





.headerMenuAlan{background-color: rgba(32,85,153,0.9);}
.headerMenuKapsul{margin-top:0px;z-index:150;padding: 0px 0px;position: fixed;width: 100%;top: 0px;left: 0px;transition: 0.5s}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a{color:#fff;position:relative;font-weight:600;font-size:14px;padding:10px 0px;transition:0.2s;z-index:2;transition: 0.2s;line-height: 17px;
border-bottom:1px solid #ccc!important;}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a:hover{color:#fff;background-image: url("../images/round.png");background-repeat: no-repeat;background-size: contain;background-position: center center;
border-bottom:1px solid #fff!important}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a:before{content:'';position: absolute;bottom: -1px;left: 0px;width: 0px;height: 1px;background: #000;transition: 0.2s}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a:hover:before{width: 100%}



.language{position: relative;margin-left: 5px}
.language .activeLang{border-radius:8px;padding: 5px 7px;display: flex;align-items: center;justify-content: center;}
.language .activeLang a{display: flex;align-items: center;justify-content: center;font-weight: 600;color:#fff;}
.language .activeLang a img{margin-right: 5px}
.language .activeLang a i{margin-left: 5px}
.language ul{position: absolute;left: 0px;top: 42px;z-index: 11;background-color: #fff;width: 110px;display: block;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align: left;}
.language ul.languages li a{padding:5px 10px!important;display: block;color:#205599;font-size: 12px}
.language ul.languages li:hover a{background:#00AEEF ;color:#fff;}
.language ul.languages li:last-child a{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}





.headerMenuKapsulActive{top:0px!important;box-shadow: 0px 0px 5px #eee!important}

a.navbar-brand{color:#fff!important;margin-top: 0px;font-size: 13px;font-weight: 400;position: relative;width: 280px;height: auto;padding: 3px 5px}
a.navbar-brand img{width: 100%}

.headerMenuKapsul .navbar-collapse{padding:0px}
.headerMenuKapsul .navbar-default{background:none;margin-bottom: 0px}
.headerMenuKapsul .navbar-default .navbar-nav{margin-top:30px;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl{padding: 0px 5px}

.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl.menuKatalog {padding-top: 13px}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl.menuKatalog a{background-color: #205599;color:#fff!important;border-radius: 8px;padding: 0px 15px;line-height: 30px;}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl.menuKatalog a:before{display: none!important}


.headerUstFlex ul{display: flex;align-items: center;justify-content: flex-end;}
.headerUstFlex ul li a{color:#fff;padding: 0px 10px}



.urunlerSlick .slick-slide{position: relative;}
.urunlerSlick .slick-slide:not(.slick-current) .mask{position: absolute;left:0px;top: 0px;background:#000;z-index: 1;width: 100%;height: 100%}



.sliderSlick .slick-slide{background-position:center center;background-size:cover}

.sliderSlick img{visibility: hidden}
.sliderMobile img{visibility: visible!important}
.sliderMobile .slick-slide{background: inherit!important}


.sliderSlick .slick-slide{height: 700px}
.sliderSlick .slick-slide{position: relative;}
.sliderSlick .slick-slide .sliderText{color:#fff;position: absolute;top: 63%;left: 0%;right: 0px;margin:auto;text-align: left;}
.sliderSlick .slick-slide .sliderText h1{color:#fff;font-size: 361.25%;font-weight: 900;text-shadow: 2px 1px 3px rgba(0, 0, 0, 1);line-height: 1.1em;letter-spacing: -2px}
.sliderSlick .slick-slide .sliderText p{color:#fff;font-size: 250%;font-weight: 400;text-shadow: 2px 1px 3px rgba(0, 0, 0, 1);line-height: 1.3125;margin:0 0 0.65625em 0;}
.sliderSlick .slick-slide .sliderText a.detay{display: inline-block;background-color: #205599;color:#fff;border-radius: 10px;font-weight: 600;font-size: 16px;padding: 5px 25px 5px 35px}




.sliderSlick .slick-dots li{margin-left: 2px}
.sliderSlick .slick-dots li button:before{color:inherit;border-radius: 50%;border:1px solid #fff!important;}
.sliderSlick .slick-dots li.slick-active button:before{color: #fff;line-height: 17px;font-size: 55px}



.genelTitle h2{background-image: url("../images/round.png");background-repeat: no-repeat;background-size: 60px;background-position: center center;display: inline-block;color:#205599;font-weight: 900;padding: 15px}
   #card-img-aboutus {
      max-width: 500px;
      width: 100%;
      border-radius: 5px;
   }

   .mt-5 {
      margin-top: 5rem;
   }

   .pad-20 {
      padding: 20px;
   }
.kaliteSertifikaSlick .slick-slide h3{color:#21518E;font-size:14px;text-align:center;margin-top:7px;font-weight:600}
.homeUrunlerKapsul{margin-top: 15px}
.homeUrunSlick .slick-slide{padding: 30px 15px 0px 15px}
.homeUrunlerKapsul a.btn{border:1px solid #205599!important;border-radius: 15px;transition: 0.2s}
.homeUrunlerKapsul a.btn:hover{background-color: #205599;color:#fff;}
.homeUrunSlick .slick-slide h3{margin-top: 40px;font-size: 16px;color:#205599;font-weight: 400;display: inline-block;}
.homeUrunSlick .slick-slide .homeUrunImg{position: relative;height: 120px;}
.homeUrunSlick .slick-slide .homeUrunImg img{position: absolute;left: 0px;top: 0px;right: 0px;margin:auto;transition: 0.5s}
.homeUrunSlick .slick-slide .homeUrunImg:hover img{top: -30px;}

.homeUrunSlick .slick-slide .homeUrunImg:after{background: transparent none repeat scroll 0 0;border: 0 none;
    border-radius: 50%;
    bottom: 0px;
    box-shadow: 0 15px 10px 2px rgba(50, 50, 50, 0.4);
    content: "";
    display: block;
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: all 0.25s;
    width: 50%;
  z-index:1;}


.homeHakKapsul{background-color: #205599;margin-top: 60px;margin-bottom: 10px}
.homeHakContent{background-image: url("../images/hakImage.png");background-repeat: no-repeat;background-size: auto;background-position: right center;height: 350px;display: flex;align-items: center;}
.homeHakTextKapsul{color:#fff;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}

.homeHakTitle h3{font-weight: 600}
.homeHakBtn a.btn{background-color:#fff;color:#205599;border-radius: 15px;display: inline-block;margin-top: 15px;padding:10px 15px}



.homeHaberlerTitle{margin-top: 30px}
.homeHaberSlickKapsul{margin-top: 30px}
.homeHaberSlick .slick-slide{border: 1px solid #205599!important;margin:0px 5px;height:530px;position:relative}
.homeHaberSlick .slick-slide .homeHaberImg{padding: 20px;border-bottom: 1px solid #205599!important;}

.homeHaberSlick .slick-list{margin:0px -5px;}
.homeHaberSlick .homeHaberTitle h3{font-weight: 600;font-size: 15px;color:#666769;}
.homeHaberSlick .homeHaberText{font-weight: 300;font-size: 13px;color:#666769;margin:10px auto;}
.homeHaberSlick .homeHaberBtn a{font-weight: 300;font-size: 15px;color:#205599;border:1px solid #205599!important;border-radius: 15px;display: inline-block;margin:20px auto 35px auto;transition: 0.2s}
.homeHaberSlick .homeHaberBtn a:hover{background-color: #205599;color:#fff;}
.homeHaberSlick .homeHaberBtn{position:absolute;bottom:-20px;width:auto!important;left:0px;right:0px;display:inline-block}



.pageUstImage h1{position:absolute;left:100px;bottom:50px;color:#fff;font-weight:600;text-shadow:3px 3px 5px #000!important}
.pageUstImage h1:before{content:'';width:90px;height:2px;background:#fff;position:absolute;top:20px;left:-100px}

.pageUstImage{background-image: url("../images/ustBg.jpg");background-size: cover;background-position: center center;height: 400px;}
.pageUstImageKalite{background-image: url("../images/ustBgKalite.jpg");background-size: cover;background-position: center center;height: 400px;background-repeat: no-repeat;position:relative}
.pageUstImageKaliteAlanGrid{height: 400px;position:relative}
.pageUstImageKalite h1{position:absolute;left:100px;bottom:50px;color:#fff;font-weight:600;text-shadow:3px 3px 5px #000!important}
.pageUstImageKalite h1:before{content:'';width:90px;height:2px;background:#fff;position:absolute;top:20px;left:-100px}

.pageTopBack{background-color: #fff;margin-top: -50px;margin-bottom: 50px}


.pageTitle{margin-bottom: 15px}
.pageTitle h1{background-image: url("../images/round.png");background-repeat: no-repeat;background-size: 60px;background-position: center center;display: inline-block;color:#205599;font-weight: 900;padding: 15px}
.hakkimizdaText{text-align: center;font-size: 14px;font-weight: 300}
.hakkimizdaTextAlan{text-align: left;font-size: 14px;font-weight: 300}


.kaliteSertifikaSlick .slick-list{margin:0px -10px}
.kaliteSertifikaSlick .slick-slide{margin:0px 10px}
.kaliteSertifikaKapsul{margin-top: 40px}
.kaliteSertifikaKapsul .sertifika{margin-bottom: 30px}
.kaliteKapsul{margin-top: 0px;padding:40px 15px 15px 60px}
.kaliteAnaImg{padding: 0px}

.kaliteKapsul ul {display: flex;align-items: center;justify-content: space-between;}
.kaliteKapsul ul li b{color:#205599;}
.kaliteKapsul ul li span{font-weight: 600}
.kaliteKapsul h1{margin-top: 0px;font-size: 16px;font-weight: 600;color:#205599;}
.kaliteKapsul h2{margin-top: 0px;font-size: 24px;font-weight: 600;color:#205599;}





.kaliteSlick{padding: 0px;margin-top:20px;}
.kaliteSlick .slick-list{margin:0px -10px;}
.kaliteSlick .slick-slide{margin:0px 10px;}


.kaliteTitle{text-align: center;display: block;font-weight: 600;font-size: 22px;color:#205599;}
.kaliteText{font-size: 18px}
.kaliteText ul{display: inline-block;}
.kaliteText ul li{display: block;text-align: center;padding: 8px 60px}
.kaliteText ul li:first-child{background-color: #D2DDEB;border-top:3px solid #205599!important;font-size: 16px;font-weight: 300;color:#205599;}
.kaliteText ul li:nth-child(1n+2){border-bottom:1px solid #E1E1E1!important;font-weight: 300;font-size: 15px}


.urunlerText{color:#205599;font-size: 14px;font-weight: 300}



.urunlerKapsul{margin-top: 0px}

.solMenu{background-color: #F2F2F2;padding: 75px 30px;min-height: 500px}
.solMenu h4{font-size: 30px;color:#205599;font-weight: 700;position: relative;display: inline-block;margin-bottom: 30px}
.solMenu h4:after{content:'';position: absolute;left: 0px;bottom:-10px;width: 50%;height: 3px;background-color: #205599}
.solMenu li a{color:#205599;font-weight: 600;font-size: 13px;padding: 5px 0px;display: block}
.solMenu li a:hover{color:#286FC4}


.solMenu li h5{padding:0px;font-size:13px;margin:0px 0px 0px 10px}

.categoryKapsul{padding: 75px 15px 15px 45px}
.categoryKapsul ul {display: flex;align-items: center;justify-content: space-between;}
.categoryKapsul ul li b{color:#205599;}
.categoryKapsul ul li span{font-weight: 600}
.categoryKapsul h1{margin-top: 0px;font-size: 16px;font-weight: 600;color:#205599;}
.categoryKapsul h2{margin-top: 0px;font-size: 24px;font-weight: 600;color:#205599;}
.categoryProduct h2{text-align: center;margin-top: 15px;color:#000;font-size: 16px;margin-bottom: 15px;font-weight: 600;position:absolute;left:15px;top:0px;width:100%;height:auto;color:#fff;text-align:left;
text-shadow:5px 5px 5px #000!important}
.categoryProduct h3{text-align: center;margin-top: 15px;color:#000;font-size: 13px;margin-bottom: 15px;font-weight:600}
.categoryProduct{border:1px solid #ccc!important;padding: 0px;position:relative}
.categoryProductKapsul{margin-bottom: 30px;}
.urunDetayImg{padding: 0px 50px 0px 0px}


.urunlerGridKapsul{display:flex;align-items:flex-start;justify-content:flex-start;padding:0px;flex-wrap:wrap;}



.urunDetayTextKapsul{padding-left: 50px;}
.urunDetayTitle h1{font-size: 36px;font-weight: 600;margin-bottom: 8px;position: relative}
.urunDetayTitle h1:after{content:'';position: absolute;left: -90px;width: 80px;height: 5px;background-color: #205599;top:50%}
.urunDetayTitle h3{font-size: 18px;font-weight: 600;margin-bottom: 30px;color:#205599;}

.urunDetayBtn {text-align: center;margin-bottom: 15px}
.urunDetayBtn a.btn{padding: 7px 13px;font-size: 14px;font-weight: 600;border:none;color:#fff;background-color: #205599;text-align: center;}
.urunDetayBtn a.btn:hover{background-color: #2971C7}


.urunDetayText{font-size:18px}



.urunDocument{display: flex;align-items:center;justify-content: flex-start;padding: 0px 15px;margin-top: 15px}
.urunDocument a{background-color: #205599;color:#fff;display: inline-block;font-weight: 300;font-size: 12px;padding:15px 10px 10px 10px;text-align: center;}
.urunDocument a i{font-size: 30px;display: inline-block;}
.urunDocument a h3{font-weight: 300;font-size: 12px;max-width: 80px;margin-top: 8px}




.fancybox-skin{padding: 0px!important}





.iletisimKapsul{margin-top: 30px;padding: 0px}
.iletisimKapsul input.form-control{border:1px solid #ccc!important;}
.iletisimKapsul textarea.form-control{border:1px solid #ccc!important;resize: none;height: 110px}
.iletisimKapsul .btn{background: #205599;color:#fff;}
.iletisimKapsul h2{color:#205599;font-weight: 600;font-size: 20px}







.bultenKapsul{margin-top: 20px;margin-bottom:50px}
.bultenAlan .bultenAlanForm{position: relative;padding: 0px}
.bultenAlan .bultenAlanForm .form-control{background-color: #D5E7F1;height: 80px;border-radius: 0px;text-indent: 50px;color:#205599;font-weight: 200;font-size: 15px}
.bultenAlan .bultenAlanForm .form-control::placeholder{text-indent: 50px;color:#205599;font-weight: 200;font-size: 15px}
.bultenAlan .bultenAlanForm button{position: absolute;right: 0px;top: 0px;height: 100%;background-color: #95BFD6;font-size: 50px;color:#fff;width: 70px}


.bultenAlan .bultenAlanText{padding: 0px}
.bultenAlan .bultenAlanText h3{background-color: #205599;position: relative;color:#fff;margin:0px;height: 80px;display: flex;align-items: center;justify-content: center;font-weight: 600}
.bultenAlan .bultenAlanText h3:before{content: '';position: absolute;right: -80px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 80px 80px 0 0;border-color: #205599 transparent transparent transparent;z-index: 1}

.bultenSocial ul{display: flex;align-items: center;justify-content: flex-end;}
.bultenSocial ul li{margin-left: 5px;opacity: 0.3;transition: 0.2s}
.bultenSocial ul li:hover{opacity: 1}



.harita{padding: 0px}

.haritaKapsul{margin-top: 0px}






.footerDisKapsul{background-color: #fff;min-height: 272px;margin-top: 0px;padding-bottom: 30px;margin-top: 50px;}
.footerDisContent{border-top:5px solid #205599!important;padding-top: 30px}
.footerDisKapsul ul:first-child{display: flex;align-items: end;justify-content: flex-start;height: auto;}
.footerDisKapsul ul:first-child li h1{font-size: 16px;font-weight: 900;color:#004A8E;margin-top: 0px;padding-top: 0px;margin-bottom: 25px;position: relative;}
.footerDisKapsul ul:first-child li h1:after{content: '';position: absolute;left: 0px;bottom:-7px;width: 30%;height: 5px;background-color: #004A8E}
.footerDisKapsul ul:first-child li{text-align: left;padding: 0px 20px}

.footerDisKapsul ul:first-child li:nth-child(1){width: 15%;}
.footerDisKapsul ul:first-child li:nth-child(2){width: 15%;}
.footerDisKapsul ul:first-child li:nth-child(3){width: 30%;}
.footerDisKapsul ul:first-child li:nth-child(4){width: 40%;}

.footerDisKapsul ul:first-child li ul{display: block;}
.footerDisKapsul ul:first-child li ul li{width: 100%!important;text-align: left;display: block;padding: 0px}
.footerDisKapsul ul:first-child li ul li a{display: block;text-align: left;font-weight: 500;font-size: 12px;color: #004A8E;padding: 5px 0px;;position: relative;}
.footerDisKapsul ul:first-child li ul li a:before{content:'';bottom: 0px;left: 0px;width: 0%;height: 1px;background-color: #004A8E;position: absolute;transition: 0.5s}
.footerDisKapsul ul:first-child li ul li:hover a:before{width: 100%}
.footerAdres{padding: 0px;color:#004A8E;}
.footerAdres table tr td{padding: 10px}
.footerAdres table tr:nth-child(1n+2) td{border-top:1px solid #205599!important;}


.footerDisKapsul ul li:nth-child(4) {display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;}
.footerMark{margin-top: 20px}





@media(max-width: 992px){
.headerMenuKapsul .navbar-default .navbar-nav{margin-top:10px}
	.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a{font-size:12px!important}
	a.navbar-brand{width:185px}
}
@media(max-width: 768px){
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff!important}
	.language .activeLang{display:none}
	.language ul{position:relative;display:flex!important;align-items:center;justify-content:center;width:100%;top:10px!important;margin-bottom:10px}
	
	
	
	.bultenSocial ul {margin-top:5px}
	.bultenSocial ul li{margin-left:0px}
	.bultenSocial ul li a{display:inline-block}
	.bultenSocial ul li a img{max-width:100%}
	
  .sliderSlick .slick-slide{height: auto}
  .sliderSlick .slick-prev{background-size: 100%!important;background-position: center center!important;width: 20px!important;top:50%!important;left:10px!important;}
  .sliderSlick .slick-next{background-size: 100%!important;background-position: center center!important;width: 20px!important;top:50%!important;right: 10px!important}

  .sliderSlick .slick-slide .sliderText h1{line-height:13px;letter-spacing:2px}

  .headerMenuKapsul{top: 0px!important}
  .navbar-brand {width: 150px!important;padding: 5px 0px 0px 25px!important}
  .navbar-toggle{right: 15px}
  .sliderSlickKapsul{margin-top: 50px}
  .headerMenuKapsul .navbar-default .navbar-nav{display: block}
  .solMenu{display: none}
  .mobileBrand{background-color: #F2F2F2;display: block;text-align: center;padding: 15px}
  .mobileBrand a{color:#000;font-weight: 400;font-size: 16px;display: block;}
  .mobileBrand a i{margin-right: 5px}
  .mobileBrandClose{position: absolute;right: 10px;top: 10px;font-size: 16px;font-weight: 600;color:#000;display: inherit;}
  .solMenuMobileKapsul{display: inherit;position: fixed;left:0px;top: 0px;z-index: 151;width: 100%;height: 100%}
	
	
	.homeHaberSlick .slick-slide{height:490px}
	
	.pageUstImage,.pageUstImageKaliteAlanGrid,.pageUstImageKalite{height:200px;}
	
	
	.pageUstImage h1{position:absolute;left:30px;bottom:10px;color:#fff;font-weight:600;text-shadow:3px 3px 5px #000!important;font-size:20px}
.pageUstImage h1:before{content:'';width:90px;height:2px;background:#fff;position:absolute;top:10px;left:-100px}

.pageUstImageKalite h1{position:absolute;left:30px;bottom:10px;color:#fff;font-weight:600;text-shadow:3px 3px 5px #000!important;font-size:20px}
.pageUstImageKalite h1:before{content:'';width:90px;height:2px;background:#fff;position:absolute;top:10px;left:-100px}

  .kaliteKapsul{padding: 15px}
  .categoryKapsul{padding: 15px}

  .urunDetayTextKapsul{padding-left: 0px}
  .urunDetayTitle h1:after{display: none}

  .urunDetayImg{padding: 0px}
  .urunDetayTitle{padding:0px;margin-top: 15px}
  .urunDetayText{padding:0px;}
  .urunDocument{padding:0px;}


  .sliderSlick .slick-slide .sliderText {left: 0px;top:auto;bottom: 30px;text-align: center!important;}
  .sliderSlick .slick-slide .sliderText h1{font-size: 21px}
  .sliderSlick .slick-slide .sliderText p{font-size: 16px;padding: 0px 30px}
  .sliderSlick .slick-slide .sliderText a.detay{padding: 5px 15px 5px 15px;font-size: 11px}
  .sliderSlick .slick-slide .sliderText h1{font-size: 15px}
  .sliderSlick .slick-slide .sliderText p{font-size: 11px}
  .sliderSlick .slick-slide .sliderText a{font-size: 10px}


  .bultenAlan .bultenAlanForm .form-control{height: 40px}
  .bultenAlan .bultenAlanForm .form-control::placeholder{text-indent:10px!important}
  .bultenAlan .bultenAlanText h3{height: 40px;font-size: 15px}
  .bultenAlan .bultenAlanText h3:before{right: -29px;border-width: 40px 30px 0 0}
  .bultenAlan .bultenAlanForm button{width:50px;font-size:30px}
  
  
  .footerTitle h5{font-weight:600;font-size:16px;color:#205599}
  .footerAdres table tr td{padding:10px 0px}
  .footerDisKapsul ul:first-child{flex-wrap:wrap;flex-flow:column-reverse}
  .footerDisKapsul ul li:nth-child(4){justify-content:flex-start}
  .footerDisKapsul ul:first-child li{width:100%!important}
}


















.loader-capsul{position:fixed;width:100%;height:100%;background-color:rgba(247,148,30,0.5);  z-index:9999;  display:none;top:0px;left:0px}
.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 20% auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}






@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.sceneElement {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.is-exiting .sceneElement {
    transition-timing-function: ease-out;
}

#pageContent[data-transition=fade] .sceneElement {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#pageContent[data-transition=fade].is-exiting .sceneElement {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

#pageContent[data-transition=moveleft] .sceneElement {
    -webkit-animation-name: moveInFromLeft;
    animation-name: moveInFromLeft;
}

#pageContent[data-transition=moveleft].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToRight;
    animation-name: moveOutToRight;
}

#pageContent[data-transition=moveright] .sceneElement {
    -webkit-animation-name: moveInFromRight;
    animation-name: moveInFromRight;
}

#pageContent[data-transition=moveright].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToLeft;
    animation-name: moveOutToLeft;
}