*{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: 'Roboto', sans-serif;position: relative;}
html,body{overflow-x:hidden!important;}
.historyActive{overflow:hidden!important}
ul{padding:0px}

body{background-image: url("../images/bg.png");background-position: center center;background-size: cover}

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




.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:85px;width: 100%;display: block}



.topLine{background: linear-gradient(262deg, rgba(252,239,173,1) 4%, rgba(211,163,101,1) 71%);height: 10px;width: 100%}
.headerMenuAlan{background: linear-gradient(262deg, rgba(128,79,166,1) 0%, rgba(82,26,123,1) 72%);height: 80px;}
a.navbar-brand{color:#fff!important;margin-top: -3px;font-size: 13px;font-weight: 400;position: relative;width: 230px;height: 80px;padding-top:0px;}
a.navbar-brand img{width: 100%}
.headerMenuKapsul{margin-top:0px;z-index:150;padding: 0px 0px;position: relative;width: 100%;top: 0px;left: 0px;}
.headerMenuKapsul .navbar-collapse{padding:0px}
.headerMenuKapsul .navbar-default{background:none;margin-bottom: 0px}
.headerMenuKapsul .navbar-default .navbar-nav{margin-top:15px;margin-right: 10px}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl{padding: 0px 5px}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a{color:#fff;position:relative;font-weight:400;font-size:12px;padding:5px 0px;transition:0.2s;z-index:2;transition: 0.2s;line-height: 40px;}
.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}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a:before{content:'';position: absolute;bottom: 10px;left: 0px;width: 0px;height: 1px;background: #fff;transition: 0.2s}
.headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a:hover:before{width: 100%}
.navbar .container-fluid{padding-right: 0px}



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


.activeLang{margin-top: 15px}
.language{position: relative;}
.language ul{position: absolute;right: 0px;top: 52px;z-index: 11;background-color: #fff;width: 120px;display: block;border:1px solid #ddd!important;padding: 5px}
.language ul.languages li a{padding: 7px!important;display: block;color:#000;;font-size: 13px;text-align: left;}



.slick-slider{margin-bottom: 0px!important}
.sliderSlick .slick-slide{position: relative;}
.sliderSlick .slick-slide .sliderText{color:#fff;position: absolute;top: 35%;left: 0px;right: 0px;margin:auto;text-align: center;}
.sliderSlick .slick-slide .sliderText h1{color:#fff;font-size: 43px;font-weight: 400}
.sliderSlick .slick-slide .sliderText p{font-size: 70px;font-family: janeaustennosecret;background: -webkit-linear-gradient(left,#D4A568, #FBEDAB);-webkit-background-clip: text; -webkit-text-fill-color: transparent;
display:block;margin-top: -27px;position: relative;z-index: 1}
.sliderSlick .slick-slide .sliderText a.detay{display: inline-block;background-color: #fff;color:#fff;border-radius: 10px;font-weight: 600;font-size: 16px}

.sliderSlick .slick-slide .bannerText{color:#fff;position: absolute;top: 35%;left: 0px;right: 0px;margin:auto;text-align: center;}
.sliderSlick .slick-slide .bannerText h1{color:#fff;font-size: 43px;font-weight: 400;background-color: rgba(102,45,145,0.4);padding: 25px 35px;display: inline-block;}



.pageContent{box-shadow: 0px 0px 6px #ccc!important}

.pageContentKapsul .solMenu li a{position: relative;}
.pageContentKapsul .solMenu li a:before{content: '>';right: 10px;top: 7px;font-weight: 900;position: absolute;color:#fff;opacity: 0}
.pageContentKapsul .solMenu li a:hover{background: linear-gradient(262deg, #9F61CD 46%, #662D91 100%);color:#fff;}
.pageContentKapsul .solMenu li a:hover:before{opacity: 1}
.pageContentKapsul .solMenu li.active a{background: linear-gradient(262deg, #9F61CD 46%, #662D91 100%);color:#fff;}
.pageContentKapsul .solMenu li.active a:before{opacity: 1!important}

.pageTitle{text-align: center;background:#272727;min-height: 120px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.pageTitleContent{text-align: center;}
.pageTitle h1{font-weight: 600;color: #fff;font-size: 35px;margin-top: 0px}



.pageContentKapsul{margin-top: 30px;}

.pageContent{background:#fff;padding-bottom: 30px}
.pageContent h2.title{color:#662D91;font-size: 20px;font-weight: 600;position: relative;display: inline-block;}
.pageContent h2.title:before{content:'';bottom:-5px;left: 0px;width: 30%;height: 7px;background-color: #662D91;position: absolute;}


.urunlerSlogan{text-align: center;}
.urunlerSlogan p{font-family: janeaustennosecret;color: #D3A365;font-size: 45px;margin-top: 30px}

.urunDetay .hakText tbody tr td {font-size: 12px;font-weight: 400;vertical-align: baseline;padding: 0px 0px 4px 0px}
.urunDetay .hakText tbody tr td:nth-child(1){width: 70px;font-weight: 600}
.urunDetay .hakText tbody tr td:nth-child(2){width: 10px}
.urunDetay .hakText tbody tr td:nth-child(3){width: calc(100% - 80px)}


.hakkimizdaText tr td:nth-child(1){width:90px;padding-right:10px}
.hakkimizdaText tr td:nth-child(1) img{width:100%!important;height:inherit!important;margin-right:10px}






.solMenu{background: #fff;padding: 0px 0px 30px 0px;text-align: center;box-shadow: 0px 0px 6px #ccc!important}
.solMenu h2{color:#B0B0B0;font-weight: 600;font-size: 13px;text-align: center;letter-spacing: 5px}
.solMenu h3{color:#000;font-weight: 600;font-size: 33px;text-align: center;letter-spacing: 5px;margin-top: 0px}
.solMenu ul{display: block}
.solMenu ul li{padding: 0px 30px}
.solMenu ul li a{color:#000;font-weight: 300;font-size: 14px;display: block;text-align: center;;padding: 8px 0px}
.solMenu ul li:nth-child(1n+2) a{border-top:1px solid #D1D1D1!important;}
.solMenu  a.btn{display: inline-block;background: #662D91;font-size: 14px;font-weight: 600;margin:10px;color:#fff;width: 100px;border-radius: 0px;position: relative;padding: 10px 20px}
.solMenu  a.btn span{border:1px solid #fff!important;padding: 10px;display: block;position: absolute;width: 90px;height: 30px;top: 0px;left: 0px;opacity: 0;transition: 0.2s}
.solMenu  a.btn:hover span{opacity: 1;top: 5px;left: 5px}


.hakImg{padding: 0px;margin-top: 15px}
.hakText{padding:0px;margin-top: 15px}
.pageMenuAltImg{margin-top: 30px;padding: 0px}



.harita{padding: 0px;margin-top: 15px}

.iletisim{margin-top: 30px;padding: 0px}
.iletisim .media{margin-left:8px}
.iletisim .media-body {padding-left:15px;vertical-align:middle}
.iletisim .media-body h4.media-heading{color:#000}
.iletisim .media-body a{color:#000}
.iletisim .media-left {border:1px solid #662D91!important;padding:20px;vertical-align:middle}
.iletisim .media-left i.material-icons{color:#662D91;font-size:25px}

.hesapBilgileriText{padding:0px 10px;}

.hesapBilgileriText p{border-bottom:1px solid #ccc!important;padding:3px 0px 5px 0px}
.hesapBilgileriText p:first-of-type{border-top:1px solid #ccc!important;padding-top:7px}



.urunlerTextAlan{background-color: #fff}

.urunGridContent{border: 1px solid #662D91!important;padding: 0px;overflow: hidden}
.urunGrid{margin-bottom: 30px;position: relative;}
.urunGrid .urunTitle h2{font-weight: 900;font-size: 15px;color:#662D91;}
.urunGrid .urunText{font-weight: 300;font-size: 13px;color:#666769;margin:10px auto 30px auto;}
.urunGridContent .urunImg{padding: 0px;transition: 0.5s}
.urunGridContent .urunImg:hover{transform: scale(1.2);}



.pageContentUrunler{padding:15px  0px 0px 0px;}
.urunlerRow{margin-left: -15px;margin-right: -15px;text-align: center;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.urunlerRow .topLine{width: 100%;position: relative;z-index: 1;}

.urunDetay{padding-top: 10px}
.urunDetay .urunImgKapsul{padding-left: 0px;margin-top: 15px}
.urunDetay .urunImg{border:1px solid #662D91!important;padding: 0px}
.urunDetay h2.title{margin-top: 0px;margin-bottom: 30px}

.urunGrid .homeHaberBtn a{font-weight: 300;font-size: 15px;color:#662D91;border:1px solid #662D91!important;border-radius: 15px;display: inline-block;margin:0px auto 35px auto;transition: 0.2s}
.urunGrid .homeHaberBtn a:hover{background-color: #662D91;color:#fff;}

.urunGrid .urunKodu{position: absolute;top: 0px;right: 15px;background: #662D91;padding: 5px 10px;color:#fff;z-index: 1}

.urunImgKapsul .urunKodu{position: absolute;top: 0px;left: 0px;background: #662D91;padding: 5px 10px;color:#fff;z-index: 1}



.eKatalogKapsul{display: flex;align-items: center;justify-content: center;margin-top: 30px}
.eKatalogKapsul .eKatalogGorsel{padding-left: 0px}
.pageContent .homeKatalog{margin-top: 0px}
.pageContent .homeKatalog li a{display: block;color:#585858;}


.breadCrumps{display: flex;align-items: center;justify-content:center;}
.breadCrumps li{padding: 0px 5px}
.breadCrumps li a{display: block;font-weight: 300;font-size: 15px;color:#662D91;border:1px solid #662D91!important;border-radius: 15px;margin:0px auto 35px auto;transition: 0.2s;padding:7px 15px;background: inherit}
.breadCrumps li a:hover{background-color: #662D91;color:#fff;}


.breadCrumps .active a{background:#662D91;color:#fff;}










.homeHakkimizda a.btn{border:1px solid #5C2584!important;color:#5C2584;background-color: #fff;border-radius: 15px;transition: 0.2s}
.homeHakkimizda a.btn:hover{color:#fff;background-color:#5C2584;}

.homeHakkimizdaKapsul{margin-top: 50px;margin-bottom: 50px}
.homeHakkimizdaKapsul h2.title{position: relative;color:#662D91;font-weight: 900;font-size: 21px;display: inline-block;}
.homeHakkimizdaKapsul h2.title:before{content: '';width: 25%;height: 5px;background-color:#662D91;position: absolute;bottom: -7px;left: 0px; }

.homeHakkimizdaKapsul .homeText{padding: 0px;color:#585858;font-size: 15px;font-weight: 300}
.homeHakkimizdaKapsul .homeText ul {padding-left: 15px}
.homeHakkimizdaKapsul .homeText ul li{list-style-type: circle!important;padding:3px 0px;}
.homeHakkimizdaKapsul .homeText ul li:nth-child(1n+2){border-top: 1px solid #662D91!important}

.homeHakkimizda{padding:0px 0px;display: flex;align-items: center;justify-content: center;margin-bottom: 30px}




.homeOrtaBanner{background-image: url("../images/homeOrtaBanner.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;height: 481px;display: flex;align-items: center;justify-content: center;
flex-wrap: wrap;text-align: center;}
.homeOrtaBanner h4{font-size: 70px;font-family: janeaustennosecret;color:#fff;margin-top: 15px;display: block}
.homeOrtaBanner p{font-size: 15px;font-weight: 300;color:#fff;}



.genelTitle h2{background-image: url("../images/icons/logoIcon.png");background-repeat: no-repeat;background-size: 100px;background-position: center center;display: inline-block;color:#662D91;font-weight: 900;padding: 35px}


.homeHaberlerTitle{margin-top: 30px}
.homeHaberSlickKapsul{margin-top: 30px}
.homeHaberSlick .slick-slide{border: 1px solid #662D91!important;margin:0px 5px;position: relative;}
.homeHaberSlick .slick-slide .homeHaberImg{padding: 0px;transition: 0.5s;overflow: hidden!important}
.homeHaberSlick .slick-slide .homeHaberImg img{padding: 0px;transition: 0.5s;overflow: hidden!important}
.homeHaberSlick .slick-slide:hover .homeHaberImg img{transform: scale(1.2);}

.homeHaberSlick .slick-list{margin:0px -5px;}
.homeHaberSlick .homeHaberTitle h3{font-weight: 900;font-size: 15px;color:#662D91;}
.homeHaberSlick .homeHaberText{font-weight: 300;font-size: 13px;color:#666769;margin:10px auto 30px auto;}
.homeHaberSlick .homeHaberBtn a{font-weight: 300;font-size: 15px;color:#662D91;border:1px solid #662D91!important;border-radius: 15px;display: inline-block;margin:20px auto 35px auto;transition: 0.2s}
.homeHaberSlick .homeHaberBtn a:hover{background-color: #662D91;color:#fff;}

.homeHaberSlick span.urunKodu{position: absolute;top: 0px;left: 0px;background: #662D91;padding: 5px 10px;color:#fff;z-index: 10}

.homeUrunlerTextKapsul{padding: 0px;background-color: #fff}

.homeUrunlerBtn{margin-top:15px;text-align: center;}
.homeUrunlerBtn .btn{font-weight: 500;font-size: 15px;color:#662D91;border:1px solid #662D91!important;border-radius: 15px;display: inline-block;margin:20px auto 35px auto;transition: 0.2s}
.homeUrunlerBtn .btn:hover{background-color: #662D91;color:#fff;}

.homeKatalog{padding: 0px;color:#585858;font-size: 15px;font-weight: 300}
.homeKatalog ul {padding-left: 0px}
.homeKatalog ul li{list-style-type: none!important;padding:10px 0px;}
.homeKatalog ul li:nth-child(1n+2){border-top: 1px solid #662D91!important}





.footerIletisimDisKapsul{background-color: #fff;border-top:1px solid #D9D9D9!important;margin-top: 50px}
.footerIletisimKapsul{padding: 30px 0px}
.footerIletisimKapsul h4{font-style: italic;font-size: 21px;font-weight: 600;color:#686868;margin-bottom:0px;}
.footerIletisimKapsul h5{font-style: italic;font-size: 16px;font-weight: 300;color:#686868;margin-top:5px;}

.footerIletisim ul{display: flex;align-items: center;justify-content: center;}
.footerIletisim ul li{padding:0px 15px;}
.footerIletisim ul li:first-child{border-right:1px solid #D1D1D1!important;}
.footerIletisim ul li h4{font-style: italic;font-size: 16px;font-weight: 300;color:#686868;margin-bottom:0px;}
.footerIletisim ul li h5 a{font-style: italic;font-size: 21px;font-weight: 600;color:#686868;margin-bottom:0px;}



.footerDisKapsul{background-color: #fff;border-top:1px solid #D9D9D9!important;border-bottom:1px solid #D9D9D9!important;margin-top: 0px;padding: 15px}
.footerLeft{display: flex;align-items: baseline;justify-content: flex-start;border-right: 1px solid #E4E4E4!important}
.footerLeft ul{margin-right: 100px}
.footerLeft ul li{margin-bottom: 10px}
.footerLeft ul li h3{color:#662D91;font-weight: 600;font-style: italic;font-size: 16px;}
.footerLeft ul li a{color:#656565;font-weight: 300;font-style: italic;font-size: 16px;position: relative;}
.footerLeft ul li a:before{content:'';position: absolute;bottom: -3px;left: 0px;width: 0px;height: 1px;background:#662D91;transition: 0.2s}
.footerLeft ul li a:hover:before{width: 100%}

.footerRight{display: flex;align-items: center;justify-content: space-between;}
.footerRight ul{margin-right: 30px}
.footerRight ul li{margin-bottom: 10px}
.footerRight ul li.social{margin-top: 15px}
.footerRight ul li h3{color:#662D91;font-weight: 600;font-style: italic;font-size: 16px;}
.footerRight ul li a{color:#656565;font-weight: 300;font-style: italic;font-size: 20px;border-radius: 50%;width: 40px;height: 40px;background-color: #F3F3F3;
display: inline-flex;align-items: center;justify-content: center;}


.footerRegister{font-size: 15px;font-weight: 300;font-style: italic;padding: 15px}
.footerRegister b{font-size: 15px;font-weight: 600;font-style: italic;}
.footerRegister img{margin-right: 10px}





@media(max-width: 768px){
  .headerMenuAlan{height: 50px}
  a.navbar-brand{height: auto;width: 160px;margin-left: 10px;height: 50px;margin-top: 0px;padding-top: 7px}
  .navbar-default .navbar-toggle{margin-right: 30px}
  .navbar-default .navbar-toggle .icon-bar{background-color: #fff}

  .sliderSlick .slick-slide .sliderText{top: 0px}
  .sliderSlick .slick-slide .sliderText h1{font-size: 13px;}
  .sliderSlick .slick-slide .sliderText p{font-size: 25px;margin-top: -10px}


  .sliderSlick .slick-slide .bannerText{top: 7%}
  .sliderSlick .slick-slide .bannerText h1{font-size: 13px;padding: 7px 15px}



  .sliderSlick .slick-prev{left: 10px!important;background-size: cover!important;width: 20px!important;height: 38px!important}
  .sliderSlick .slick-next{right: 10px!important;background-size: cover!important;width: 20px!important;height: 38px!important}

  .headerMenuKapsul .navbar-default .navbar-nav{background:#fff;margin-top: 0px;z-index: 1;position: relative;}
  .headerMenuKapsul .navbar-default .navbar-nav>li.anaUrl a{color:#000;}
  .headerMenuKapsul .navbar-default .navbar-nav{margin-left: 0px;text-align: left;}
  .headerMenuKapsul .navbar-default .navbar-nav li.anaUrl a{padding: 3px 0px 3px 10px!important;border-bottom: 1px solid #BFBFBF!important;text-indent: 15px;font-weight: 300!important;display:block;}
  .headerMenuKapsul .navbar-default .navbar-nav li{padding: 0px!important}


  .activeLang{margin-top: 0px;padding: 10px 0px 10px 25px!important;display:none}
  .language ul{position: relative;width: 100%;top: 0px;padding-left: 0px;display:flex!important;align-items:center;justify-content:space-evenly}
  .language ul li a{padding:5px 3px!important;border-bottom: 1px solid #BFBFBF!important;text-indent: 0px;font-weight: 300!important;display:block;text-align:center!important;font-size:11px!important}
  .language ul.languages li a{padding:5px 3px!important;border:0px!important}
  .language ul.languages li a img{display:block;margin-left:auto;margin-right:auto}
  .genelTitle h2{background-size: contain;padding: 15px;font-size: 25px}

  .homeHakkimizdaKapsul{margin-top: 15px;margin-bottom: 15px}
  .homeHakkimizda{display: block}

  .solMenu{display: none}

  .breadCrumps{flex-wrap: wrap}
  .breadCrumps li{width: 50%;text-align: center;}
  .breadCrumps li a{margin-bottom: 5px}

  .pageTitle h1{font-size: 20px}

  .eKatalogKapsul{display: block}


  .homeOrtaBanner{height: 300px}
  .homeOrtaBanner h4{font-size: 40px}
  .homeOrtaBanner p{font-size: 13px}


  .homeHaberSlick .slick-next{top: 44%!important}
  .homeHaberSlick .slick-prev{top: 44%!important}

  .homeKatalog li a{color:#000;font-size: 12px}


  .homeKatalogKapsul{margin-bottom: 0px!important}
  .footerIletisimDisKapsul{margin-top: 0px}
  .footerIletisim ul{display: block}
  .footerIletisim ul li{padding: 0px}

  .footerLeft{display: block}



}









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