*{outline: 0;border:none!important;text-decoration:none!important;list-style-type:none;}
input.form-control{box-shadow:unset!important}
textarea{outline:none!important;box-shadow:0px!important}
body{position:relative;font-family: Poppins;overflow:hidden}
html, body { position:relative; overflow-x:hidden; }

body{height:100%;}

.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}
@media(min-width:1405px){
	.container{width:1400px}
}

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

.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}
.yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;border-radius:50%;background: rgb(245,232,146);background: linear-gradient(62deg, rgba(245,232,146,1) 5%, rgba(243,207,90,1) 100%);
display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#341A0F;font-weight:700;transition:300ms;z-index:1}
.yukari.active{right:15px}
.yukari i{font-size:36px;line-height:20px}
.yukari span{display:block}


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


.mobileLogo{display:none}
.mobileMenu{display:none}
.mobileProductBrand{display:none}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap{padding: 15px 0px;background-color:#1D5038}
.pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start}
.pageMap ul li a{padding: 5px 10px;font-size: 16px;font-weight: 300;color:#fff;font-family:Questrial;}


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


.sagBar{position:absolute;right:0px;top:40%;z-index:1}
.sagBar ul{background-color:#F7A517;border-radius:10px 0px 0px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.sagBar ul li{display:block;padding:4px 0px}
.sagBar ul li a{display:block;padding:4px 4px 4px 8px}
.sagBar ul li a h6{font-weight:600;font-size:14px;background-color:#F5F094;border-radius:10px;color:#341A0F;margin:0px;padding:8px}



/*
.headerContainerFluid{min-height:900px;background:url("../images/bg2.png");background-size:cover;background-position:left -250px;background-repeat:no-repeat;position:relative}
.headerContainerFluid:before{content:'';position:absolute;left:0px;top:0px;width:500px;height:500px;background:#F5F094;clip-path:circle(100% at 0% 0%)}*/

.anaKapsul{background-image:url("../images/bg.png");background-repeat:no-repeat;margin-top:0;background-size:cover;background-position:center -250px}
.ortaMouse{position:absolute;bottom:20px;left:0px;font-size:50px;right:0px;margin:auto;display:inline-block;width:30px;font-weight:bold!important}


.headerRow{position:relative}
.headerRow:before{content:'';position:absolute;left:0px;top:122px;width:100%;height:1px;background-color:#F9C767}

.loginBtn{width:150px;height:56px;background:#F7A517;color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;position:absolute;
top:-15px;right:-150px}
.loginBtn i{margin-right:7px;font-size:26px}
.headerMenuKapsul{margin-top:50px}
.headerMenu{display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;}
.headerMenu li{position:relative}
.headerMenu li a{font-size:19px;color:#341A0F;font-weight:700}
.logoLi{background-color:#FCFADF;margin-top:-20px}

.headerMenu .submenu{position:absolute;left:-110px;top:50px;background-color:#F7A517;color:#341A0F;z-index:1;width:300px;border-radius:10px;
overflow:hidden;overflow-y:auto;height:250px}
.headerMenu .submenu::-webkit-scrollbar{background-color:#E6E6E6;width:10px}
.headerMenu .submenu::-webkit-scrollbar-button{display:none}
.headerMenu .submenu::-webkit-scrollbar-thumb{background-color:#4d4d4d}


.headerMenu .submenu li a{display:block;padding:10px 20px;font-size:14px}

.headerMenu li.active a span {position: relative;display:block;height:2px;background:#F7A517;padding-bottom:1px;display:block;margin-top:5px}
.headerMenu li.active a span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #FCFADF;border-top: 2px solid #F7A517;border-right: 2px solid #F7A517;
transform: rotate(135deg);}



.sliderKapsul .sliderRow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.sliderKapsul .sliderText{font-size:18px;font-weight:300;color:#341A0F;margin-top:15px}
.sliderTextKapsul h2{font-size:2.5vw;color:#341A0F}
.sliderTextKapsul h2 strong{font-weight:700;text-decoration:underline!important}



a.btnMirket{display:inline-block;margin-top:45px;position:relative;z-index:1;padding:10px 0px 0px 0px;min-width:200px}
a.btnMirket span{position:relative;z-index:1;display:block;width:100%;background: rgb(246,242,170);background: linear-gradient(131deg, rgba(246,242,170,1) 20%, rgba(242,201,76,1) 100%);color:#341A0F;font-size:24px;font-weight:900;
padding:8px 30px;border-radius:30px;overflow:hidden;height:50px}
a.btnMirket:before{content:'';transition:300ms;background-image:url("../images/mirket.png");background-repeat:no-repeat;position:absolute;width:89px;height:70px;left:0px;top:-10px;right:0px;margin:auto;z-index:-2}
a.btnMirket:hover:before{top:-40px}



/*
.icerik{background-image:url("../images/bg-full.png");background-repeat:no-repeat;margin-top:-400px;background-size:cover;background-position:center top}*/


/*				İÇ SAYFALAR				*/


.pageTitleContainer h1{font-size:36px;font-weight:700;color:#341A0F;position:relative;display:block;text-align:center}
.pageTitleContainer h1 span {position: relative;display:block;height:2px;background:#F7A517;padding-bottom:1px;display:block;margin-top:5px}
.pageTitleContainer h1 span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #FCFADF;border-top: 2px solid #F7A517;border-right: 2px solid #F7A517;
transform: rotate(135deg);}


.kurumsalTextRow{text-align:center;margin-bottom:50px}
.kurumsalTextRow h2{display:inline-block}
.kurumsalTextRow h2 span {position: relative;display:block;height:2px;background:#F7A517;padding-bottom:1px;display:block;margin-top:5px}
.kurumsalTextRow h2 span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #FCFADF;border-top: 2px solid #F7A517;border-right: 2px solid #F7A517;
transform: rotate(135deg);}

.kurumsalTEXT{margin-top:20px}



.urunlerRow{margin-top:45px}
.urunlerRow ul {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.urunlerRow ul li{width:calc(100% / 5);border-bottom:1px solid #F8B63F!important;padding:8px 20px 15px 0px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-height:90px}
.urunlerRow ul li:nth-last-child(-n+5){border-bottom:0px!important}
.urunlerRow ul li a{color:#341A0F;font-weight:400;font-size:18px;padding:8px 0px}
.urunImg{padding:0px;margin-top:30px}
.urunTEXT{margin-top:30px}



.iletTel{display:flex;align-items:center;justify-content:center;margin-top:50px}
.iletTel span{font-size:42px;color:#341A0F;font-weight:400}
#map_canvas2{width:100%;height:450px}

.iletKapsul{margin-top:30px;padding:0px}
.iletFormData{margin-bottom:15px}
.iletFormData input{background-color:#F7A517;height:45px;border-radius:20px;font-size:16px;font-weight:300;font-style:italic;color:#B06B0D;text-indent:15px}
.iletFormData input::placeholder{font-size:16px;font-weight:300;font-style:italic;color:#B06B0D;text-indent:15px}
.iletFormData textarea{background-color:#F7A517;height:150px;border-radius:20px;text-indent:15px;font-size:16px;font-weight:300;font-style:italic;color:#B06B0D}
.iletFormData textarea::placeholder{font-size:16px;font-weight:300;font-style:italic;color:#B06B0D;text-indent:15px}
.iletFormData button{border-radius:20px;background: rgb(242,202,79);background: linear-gradient(62deg, rgba(246,242,170,1) 5%, rgba(242,201,76,1) 100%);
height:50px;width:100%;font-weight:900;font-size:14px}




/*				İÇ SAYFALAR				*/





.contentTitle h2{font-size:36px;font-weight:700;color:#341A0F;position:relative;display:inline-block}
.contentTitle h2 em{font-style:normal;font-size:14px;display:block;font-weight:700}
.contentTitle h2 span {position: relative;display:block;height:2px;background:#F7A517;padding-bottom:1px;display:block;margin-top:5px}
.contentTitle h2 span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #fff;border-top: 1px solid #F7A517;border-right: 1px solid #F7A517;
transform: rotate(135deg);}


.col-sm-pull-6 .contentTitle h2 span:before{background: #FCFADF!important}


.homeFormListRow{padding:0px;margin-bottom:60px}


.homeHakkimizdaContainer{margin-top:50px}
.homeHakkimizdaKapsul{background: rgb(247,165,23);background: linear-gradient(131deg, rgba(247,165,23,1) 5%, rgba(255,200,106,1) 100%);padding:30px 30px 0px 30px;border-radius:50px;
display:flex;align-items:flex-start;justify-content:center}
.homeHakkimizdaLeft img{margin-top:40px}
.homeHakkimizdaKapsul .homeHakkimizdaRight h2.title1{font-size:36px;font-weight:700;color:#F5F094;margin-bottom:0px}
.homeHakkimizdaKapsul .homeHakkimizdaRight h3.title2{font-size:36px;font-weight:700;color:#341A0F;margin-top:0px;}
.homeHakkimizdaKapsul .homeHakkimizdaRight .homeHakText{padding:0px;font-weight:300;font-size:16px;color:#341A0F;margin-top:15px}
.homeHakkimizdaKapsul .homeHakkimizdaRight h3.title2 span {position: relative;display:block;height:2px;background:#F5F094;padding-bottom:1px;margin-top:5px;width:110px}
.homeHakkimizdaKapsul .homeHakkimizdaRight h3.title2 span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #FBB63E;border-top: 2px solid #F5F094;border-right: 2px solid #F5F094;
transform: rotate(135deg);}





.centerTitle{text-align:center;position:relative}
.centerTitle h2{font-size:36px;font-weight:700;color:#341A0F;display:inline-block;text-align:center}
.centerTitle h2 span {position: relative;display:block;height:2px;background:#F7A517;padding-bottom:1px;width:110px;margin:5px auto}
.centerTitle h2 span:before {content: '';vertical-align: middle;margin: auto;position: absolute;left: 0;right: 0;bottom: -7px;width: 15px;height: 15px;background: #fff;border-top: 2px solid #F7A517;border-right: 2px solid #F7A517;
transform: rotate(135deg);}


.homeReferanslar{margin-top:50px;text-align:center}
.referansSlick{margin-top:30px;margin-bottom:0px}



.bultenContainer{margin-top:100px}
.bultenContainer ul{display:inline-block;margin:auto}
.bultenContainer ul li input.form-control{background-color:#FBFADE;color:#000;font-size:12px;font-weight:400;font-style:normal;height:50px;border-radius:20px;text-indent:10px}
.bultenContainer ul li input.form-control::placeholder{background-color:#FBFADE;color:#000;font-size:12px;font-weight:400;font-style:normal;text-indent:10px}
.bultenContainer ul li.bultenForm{position:relative}
.bultenContainer ul li.bultenForm button{position:absolute;right:0px;top:0px;border-radius:20px;background: rgb(242,202,79);background: linear-gradient(131deg, rgba(242,202,79,1) 5%, rgba(246,241,168,1) 100%);
height:50px;width:100px;font-weight:900;font-size:14px}



.footerContainer{margin-top:50px}
.footerRow{background-color:#FBFADE;border-radius:20px;padding:30px 15px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.footerLeft{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}
.footerLeft ul{margin-right:20px}
.footerLeft ul li{margin-bottom:8px}
.footerLeft ul li a{font-weight:600;font-size:14px;color:#341A0F;text-decoration:underline!important}

.footerCenter{text-align:center;border-left:1px solid #F7A517!important;border-right:1px solid #F7A517!important}
.footerCenter .footerCenterTEXT{margin-top:20px;}
.footerCenter .footerCenterTEXT strong{margin-top:10px;display:block}

.footerRight ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.footerRight ul li{margin-right:30px}
.footerRight ul li a{font-size:30px;color:#341A0F;font-weight:400}


.registerContainer{margin-top:30px;text-align:center;margin-bottom:15px;font-weight:400;font-size:10px;color:#341A0F}



@media(max-width:1200px){
	.urunlerRow ul li a{font-size:15px}
}
@media(max-width:980px){
	.urunlerRow ul li{min-height:75px}
	.urunlerRow ul li a{font-size:12px}
}
@media(max-width:768px){

	.headerMenu .submenu{width:100%;left:0px}
	.headerMenu li.active a span:before{background-color:#fff}
	
	.urunlerRow ul li{justify-content:center}

	.sagBar{display:none}
	.mobileGirisBtn{font-size:26px;position:absolute;right:40px;top:20px;color:#F7A517;width:auto!important}

	.mobileLogo a{display:block;width:110px;margin-top:20px}
	.mobileLogo img{max-width:100%}
	.headerMenu{display:block;background-color:rgba(255,255,255,1);width:100%;height:100%;left:-100%;top:0px;position:fixed;z-index:10;padding:30px;transition:300ms}
	.headerMenu.active{left:0px}
	.headerMenu li a{display:block;padding:5px 15px}
	.mobileBrand{font-size:26px;position:absolute;right:0px;top:20px;color:#F7A517;width:auto!important}
	.mobileMenuClose{font-size:30px;position:absolute;right:10px;top:10px;color:#F7A517;z-index:20}
	
	
	.sagBar{position:relative;right:0px;top:0px;z-index:1;margin-bottom:15px}
	.sagBar ul{width:100%;flex-direction:row;border-radius:10px}
	.sagBar ul li a{padding:8px 15px}
	
	.sliderKapsul{padding:0px}
	.sliderRow{padding:0px}
	.sliderTextKapsul h2{font-size:25px}
	
	.homeHakkimizdaKapsul{display:block;padding:0px 30px}
	.footerLeft{display:none}
	.footerRight{margin-top:15px}
	.ayirac{margin-top:0px}
	.kurumsalTextRow{margin-bottom:0px}
	.urunlerRow ul li{width:calc(100% / 2);text-align:center}
	.iletTel img{width:40px;margin-right:8px}
	.iletTel span{font-size:23px}
	.iletisimHarita{margin-bottom:30px}
	.iletFormData{padding:0px}
	
	
}










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