html,
body,
.container,
.content-wrap{width:100%;height:100%;}
.yanmenubuton.shrink{opacity:1;height:185px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.yanmenubuton{background-color:#cb4236;cursor:pointer;height:0;position:fixed;right:25px;text-align:center;top:25px;width:110px;z-index:99;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.yanmenubuton i{color:#fff;font-size:30px;}
.yanmenubutonic{background-color:#cb4236;cursor:pointer;height:185px;position:fixed;right:25px;text-align:center;top:25px;width:110px;z-index:99;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.yanmenubutonic i{color:#fff;font-size:30px;}
.yanmenubuton_kapat{background-color:#cb4236;cursor:pointer;height:0;position:fixed;right:25px;text-align:center;top:25px;width:0;z-index:99;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.show-menu .yanmenubuton_kapat{opacity:1;width:110px;}
.yanmenubuton_kapat i{color:#fff;font-size:30px;}
#open-button > img{margin-top:14px;width:88%;}
.container{background:#373a47;}
.menu-wrap a{color:#fff;font-size:30px;font-weight:300;}
.menu-wrap a:hover,
.menu-wrap a:focus{color:#000;}
.content-wrap{-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.content{position:relative;background:#b4bad2;}
.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0s 0.3s;transition:opacity 0.3s, transform 0s 0.3s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.menu-button{position:fixed;z-index:1000;margin:1em;padding:0;width:2.5em;height:2.25em;border:none;text-indent:2.5em;font-size:1.5em;color:transparent;background:transparent;cursor:pointer;}
.menu-button::before{position:absolute;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);content:'';}
.menu-button:hover{opacity:0.6;}
.close-button{width:16px;height:16px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:16px;border:none;z-index:1001;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;background:#95a5a6;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{background-color:#CA4337;font-size:1.15em;height:100%;position:fixed;right:-50%;width:0;z-index:1001;visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.menuacilir{height:100%;width:100%;position:relative;}
.show-menu .menuacilir:after{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height:100%;-webkit-animation-delay:2s;-o-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s;opacity:0.1;}
.menuacilir:after{content:"";background-image:url("../images/ikon_ortasiyahbeyaz.svg");position:absolute;top:0;left:0;right:0;bottom:0;height:0;width:100%;background-repeat:no-repeat;background-position:left center;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.icon-list{width:100%;text-align:center;z-index:99;position:absolute;left:50%;top:50%;height:80%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.icon-list a{display:block;padding:0.8em;letter-spacing:1px;}
.icon-list a i{opacity:0.5;}
.morph-shape{position:absolute;width:120px;height:100%;top:0;right:0;fill:#373a47;z-index:1000;display:none;}
.show-menu .menu-wrap{visibility:visible;right:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%;}
.show-menu .content-wrap{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);}
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}